/* Cowork Portal Step 4 — presentation only; all colors inherited from site theme. */
/* WordPress sign-in verification cards: original shell, original JS and handlers. */
#bbs-m4-member-factor-options {width:100%;max-width:600px;margin:1.4rem 0 1.7rem;}
#bbs-m4-member-factor-options h3 {font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.3;font-weight:750;margin:0 0 1rem;color:var(--bbs-text-main);}
#bbs-m4-member-factor-options .bbs-m4-method-choices {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;}
#bbs-m4-member-factor-options .bbs-m4-method-choices button {display:flex;align-items:center;gap:.85rem;position:relative;width:100%;min-width:0;min-height:104px;margin:0;padding:1rem;text-align:left;background:var(--bbs-surface);color:var(--bbs-text-main);border:1px solid var(--bbs-surface-border);border-radius:12px;box-shadow:var(--bbs-shadow-sm);font:inherit;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;}
#bbs-m4-member-factor-options .bbs-m4-method-choices button:not(:disabled):hover {border-color:var(--bbs-primary);background:var(--bbs-primary-bg-soft);box-shadow:var(--bbs-shadow-md);transform:translateY(-1px);}
#bbs-m4-member-factor-options .bbs-m4-method-choices button:focus-visible {outline:2px solid var(--bbs-primary);outline-offset:3px;}
#bbs-m4-member-factor-options .bbs-m4-method-choices button:disabled {cursor:not-allowed;opacity:.56;transform:none;}
#bbs-m4-member-factor-options .bbs-m4-method-choices button[data-method="email"]:not(:disabled) {border-color:var(--bbs-primary);background:var(--bbs-primary-bg-soft);}
#bbs-m4-member-factor-options .bbs-m4-method-icon {display:grid;place-items:center;flex:none;width:44px;height:44px;background:var(--bbs-primary-bg-soft);color:var(--bbs-primary);border-radius:12px;font-size:20px;}
#bbs-m4-member-factor-options .bbs-m4-method-body {display:block;flex:1;min-width:0;}
#bbs-m4-member-factor-options .bbs-m4-method-body strong {display:block;font-weight:750;font-size:15px;line-height:1.3;color:var(--bbs-text-main);}
#bbs-m4-member-factor-options .bbs-m4-method-body small {display:block;margin-top:5px;font-size:12px;line-height:1.35;color:var(--bbs-text-muted);}
#bbs-m4-member-factor-options .bbs-m4-method-end {flex:none;font-size:15px;color:var(--bbs-primary);}
#bbs-m4-member-factor-options button:disabled .bbs-m4-method-end {color:var(--bbs-text-muted);}
#bbs-m4-member-factor-options .bbs-m4-enroll-label:not([hidden]) {display:inline-flex;margin-top:7px;padding:3px 9px;border-radius:8px;font-size:12px;font-weight:700;background:var(--bbs-primary-bg-soft);color:var(--bbs-primary);}
/* Existing native account activation, password reset and first-enrollment template. */
body.bbs-auth-page {background:var(--bbs-surface-soft);color:var(--bbs-text-main);}
.bbs-auth-page .auth-layout {min-height:100vh;grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
.bbs-auth-page .auth-form {padding:clamp(24px,5vw,72px);max-width:720px;}
.bbs-auth-page .auth-form h1 {font-size:clamp(1.85rem,3vw,2.6rem);line-height:1.16;color:var(--bbs-text-main);}
.bbs-auth-page .subtitle {color:var(--bbs-text-muted);}
.bbs-auth-page .auth-art {background:linear-gradient(140deg,var(--bbs-primary-bg-soft),var(--bbs-surface-soft));color:var(--bbs-primary);}
.bbs-auth-page .art-circle {background:linear-gradient(140deg,var(--bbs-primary),var(--bbs-primary-light));box-shadow:35px 24px 0 var(--bbs-primary-light);}
.bbs-auth-page .field input {background:var(--bbs-surface);color:var(--bbs-text-main);border:1px solid var(--bbs-surface-border);border-radius:9px;}
.bbs-auth-page .submit {background:var(--bbs-primary);color:var(--bbs-text-inverse);border-radius:8px;}
.bbs-auth-page .submit:hover {background:var(--bbs-primary-hover);}
.bbs-auth-page .notice {background:var(--bbs-primary-bg-soft);color:var(--bbs-text-main);}
.bbs-auth-page .qr-panel {grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:1.2rem;}
.bbs-auth-page .qr-panel svg,.bbs-auth-page .qr-panel canvas {width:min(220px,100%);height:auto;aspect-ratio:1;max-width:100%;background:var(--bbs-surface);border:1px solid var(--bbs-surface-border);}
/* Standalone WhatsApp, Authenticator, Backup and Change Email pages. */
body.bbs-security-page {display:block;margin:0;padding:0;min-height:100vh;background:var(--bbs-surface-soft);color:var(--bbs-text-main);font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;}
.bbs-security-page .bbs-security-layout {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh;align-items:stretch;}
.bbs-security-page .bbs-security-panel {box-sizing:border-box;align-self:center;width:min(620px,calc(100% - 2rem));max-width:620px;margin:2rem auto;padding:clamp(1.45rem,4vw,2.6rem);background:var(--bbs-surface);border:1px solid var(--bbs-surface-border);border-radius:16px;box-shadow:var(--bbs-shadow-sm);color:var(--bbs-text-main);}
.bbs-security-page .bbs-security-panel h1 {font-size:clamp(1.75rem,3vw,2.35rem);line-height:1.2;margin:0 0 .9rem;font-weight:750;color:var(--bbs-text-main);}
.bbs-security-page .bbs-security-panel h2 {font-size:1.25rem;line-height:1.35;margin:1.4rem 0 .75rem;color:var(--bbs-text-main);}
.bbs-security-page .bbs-security-panel p {margin:.6rem 0 1.1rem;color:var(--bbs-text-muted);}
.bbs-security-page .bbs-security-panel strong {color:var(--bbs-text-main);}
.bbs-security-page .bbs-security-panel label {display:block;margin:1rem 0 .45rem;font-weight:650;color:var(--bbs-text-main);}
.bbs-security-page .bbs-security-panel input:not([type="hidden"]):not([type="checkbox"]) {box-sizing:border-box;width:100%;min-height:50px;max-width:100%;display:block;border:1px solid var(--bbs-surface-border);border-radius:9px;background:var(--bbs-surface);color:var(--bbs-text-main);padding:.75rem .9rem;font:inherit;}
.bbs-security-page .bbs-security-panel input[type="checkbox"] {width:auto;height:auto;accent-color:var(--bbs-primary);margin-right:.35rem;vertical-align:middle;}
.bbs-security-page .bbs-security-panel button {display:inline-flex;align-items:center;justify-content:center;min-height:48px;width:auto;max-width:100%;padding:.75rem 1.15rem;border:1px solid var(--bbs-primary);border-radius:8px;background:var(--bbs-primary);color:var(--bbs-text-inverse);font-weight:700;font-size:1rem;line-height:1.3;font-family:inherit;cursor:pointer;}
.bbs-security-page .bbs-security-panel button:hover {background:var(--bbs-primary-hover);}
.bbs-security-page .bbs-security-panel a {color:var(--bbs-primary);font-weight:600;}
.bbs-security-page .bbs-security-panel a:hover {color:var(--bbs-primary-hover);}
.bbs-security-page .bbs-security-panel input:focus-visible,.bbs-security-page .bbs-security-panel button:focus-visible,.bbs-security-page .bbs-security-panel a:focus-visible {outline:2px solid var(--bbs-primary);outline-offset:3px;}
.bbs-security-page .bbs-security-panel .msg,.bbs-security-page .bbs-security-panel .notice {padding:.8rem 1rem;background:var(--bbs-primary-bg-soft);color:var(--bbs-text-main);border:1px solid var(--bbs-primary-light);border-radius:9px;}
.bbs-security-page .bbs-security-panel .bad {border-color:var(--bbs-primary);}
.bbs-security-page .bbs-security-panel .hint,.bbs-security-page .bbs-security-panel small {font-size:.9rem;line-height:1.5;color:var(--bbs-text-muted);}
.bbs-security-page .bbs-security-panel code {color:var(--bbs-text-main);overflow-wrap:anywhere;word-break:break-word;}
.bbs-security-page .bbs-security-panel .links {display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.2rem;}
.bbs-security-page .bbs-security-panel .links a {text-decoration:none;}
.bbs-security-page .bbs-security-panel form {margin:1.25rem 0;}
.bbs-security-page .bbs-security-panel form button {margin-top:1rem;}
.bbs-security-page #m4-totp-qr {box-sizing:border-box;display:grid;place-items:center;width:min(220px,100%);height:auto;max-width:100%;margin:1rem auto 1.2rem;overflow:visible;background:var(--bbs-surface);}
.bbs-security-page #m4-totp-qr svg,.bbs-security-page #m4-totp-qr canvas,.bbs-security-page #m4-totp-qr img {box-sizing:border-box;display:block;width:100%!important;max-width:220px!important;height:auto!important;aspect-ratio:1;object-fit:contain;border:1px solid var(--bbs-surface-border);padding:.35rem;background:var(--bbs-surface);}
.bbs-security-page .bbs-security-side {display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;text-align:center;padding:clamp(2rem,5vw,5rem);background:linear-gradient(135deg,var(--bbs-primary-bg-soft),var(--bbs-surface-soft));color:var(--bbs-primary);}
.bbs-security-page .bbs-security-side strong {font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.3;font-weight:750;color:var(--bbs-primary);}
.bbs-security-page .bbs-security-side p {color:var(--bbs-text-muted);font-size:1rem;margin:.65rem 0;}
.bbs-security-page .bbs-security-shape {display:grid;place-items:center;width:min(210px,55%);aspect-ratio:1;border-radius:33%;background:linear-gradient(135deg,var(--bbs-primary),var(--bbs-primary-light));box-shadow:clamp(15px,3vw,38px) clamp(14px,3vw,28px) 0 var(--bbs-primary-light);margin:0 0 3.8rem;}
.bbs-security-page .bbs-security-shape::before {content:"";width:56%;aspect-ratio:1;border:clamp(8px,1.8vw,15px) solid var(--bbs-surface);border-radius:20%;transform:rotate(-9deg);opacity:.8;}
@media (max-width:880px){
 .bbs-security-page .bbs-security-layout,.bbs-auth-page .auth-layout {grid-template-columns:minmax(0,1fr);}
 .bbs-security-page .bbs-security-side,.bbs-auth-page .auth-art {display:none;}
 .bbs-security-page .bbs-security-panel {margin:1.4rem auto;width:min(620px,calc(100% - 2rem));}
 .bbs-auth-page .auth-form {min-height:100vh;max-width:620px;padding:2rem 1.25rem;}
}
@media (max-width:620px){
 #bbs-m4-member-factor-options .bbs-m4-method-choices {grid-template-columns:minmax(0,1fr);}
 #bbs-m4-member-factor-options .bbs-m4-method-choices button {min-height:90px;}
 .bbs-security-page .bbs-security-panel {padding:1.4rem 1.1rem;}
 .bbs-auth-page .qr-panel {grid-template-columns:minmax(0,1fr);}
}
@media (prefers-reduced-motion:reduce){#bbs-m4-member-factor-options .bbs-m4-method-choices button {transition:none;transform:none!important;}}


/* BBS-SECURITY-CONTRAST-FIX-V1 — shared across native account pages; no fixed tenant palette. */
body.bbs-security-page {
    --bbs-security-field-border: var(--bbs-surface-border, color-mix(in srgb, var(--bbs-primary, CanvasText) 28%, Canvas));
    --bbs-security-field-surface: var(--bbs-surface-soft, color-mix(in srgb, Canvas 95%, CanvasText));
    --bbs-security-border: var(--bbs-surface-border, color-mix(in srgb, CanvasText 18%, Canvas));
    background: var(--bbs-surface-soft, Canvas);
    color: var(--bbs-text-main, CanvasText);
}
body.bbs-security-page .bbs-security-panel {
    background: var(--bbs-surface, Canvas);
    color: var(--bbs-text-main, CanvasText);
    border: 1px solid var(--bbs-security-border);
    box-shadow: var(--bbs-shadow-sm, 0 8px 28px color-mix(in srgb, CanvasText 9%, transparent));
}
body.bbs-security-page .bbs-security-panel h1,
body.bbs-security-page .bbs-security-panel h2,
body.bbs-security-page .bbs-security-panel label,
body.bbs-security-page .bbs-security-panel strong {color:var(--bbs-text-main,CanvasText);}
body.bbs-security-page .bbs-security-panel p,
body.bbs-security-page .bbs-security-panel small,
body.bbs-security-page .bbs-security-panel .hint {color:var(--bbs-text-muted,CanvasText);}
body.bbs-security-page .bbs-security-panel input:not([type="checkbox"]):not([type="hidden"]),
body.bbs-security-page .bbs-security-panel select,
body.bbs-security-page .bbs-security-panel textarea {
    display:block;
    box-sizing:border-box;
    width:100%;
    max-width:100%;
    min-height:50px;
    border:1px solid var(--bbs-security-field-border);
    border-radius:8px;
    background:var(--bbs-security-field-surface);
    color:var(--bbs-text-main,CanvasText);
    padding:.75rem .9rem;
    font:inherit;
    outline-offset:2px;
}
body.bbs-security-page .bbs-security-panel input::placeholder {color:var(--bbs-text-muted,CanvasText);opacity:.7;}
body.bbs-security-page .bbs-security-panel input:not([type="checkbox"]):focus-visible,
body.bbs-security-page .bbs-security-panel select:focus-visible {border-color:var(--bbs-primary,CanvasText);outline:2px solid var(--bbs-primary,CanvasText);}
body.bbs-security-page .bbs-security-panel button[type="submit"],
body.bbs-auth-page .auth-form button.submit {
    background:var(--bbs-primary,ButtonFace);
    color:var(--bbs-security-on-primary,var(--bbs-text-inverse,Canvas));
    border:1px solid var(--bbs-primary,ButtonText);
    border-radius:8px;
    font-weight:700;
}
body.bbs-security-page .bbs-security-panel button[type="submit"]:hover,
body.bbs-auth-page .auth-form button.submit:hover {
    background:var(--bbs-primary-hover,var(--bbs-primary,ButtonFace));
    color:var(--bbs-security-on-primary-hover,var(--bbs-security-on-primary,var(--bbs-text-inverse,Canvas)));
}
body.bbs-security-page .bbs-security-panel button[type="submit"]:focus-visible,
body.bbs-auth-page .auth-form button.submit:focus-visible {outline:2px solid var(--bbs-primary,CanvasText);outline-offset:3px;}
/* Prefer the browser's own contrast engine when available (handles future tenant palettes). */
@supports (color:contrast-color(red)) {
    body.bbs-security-page .bbs-security-panel button[type="submit"],
    body.bbs-auth-page .auth-form button.submit {color:contrast-color(var(--bbs-primary,ButtonFace));}
    body.bbs-security-page .bbs-security-panel button[type="submit"]:hover,
    body.bbs-auth-page .auth-form button.submit:hover {color:contrast-color(var(--bbs-primary-hover,var(--bbs-primary,ButtonFace)));}
}
body.bbs-security-page .bbs-security-side {background:linear-gradient(135deg,var(--bbs-primary-bg-soft,Canvas),var(--bbs-surface-soft,Canvas));}
body.bbs-security-page .bbs-security-side strong {color:var(--bbs-primary,CanvasText);overflow-wrap:anywhere;max-width:100%;}
body.bbs-security-page .bbs-security-side p {color:var(--bbs-text-muted,CanvasText);}
/* Activation, password reset and login use the same visible field boundaries. */
body.bbs-auth-page .auth-form .field input {
    border:1px solid var(--bbs-surface-border, color-mix(in srgb, var(--bbs-primary,CanvasText) 28%,Canvas));
    background:var(--bbs-surface-soft, color-mix(in srgb, Canvas 95%, CanvasText));
    color:var(--bbs-text-main,CanvasText);
}
body.bbs-auth-page .auth-form .field input::placeholder {color:var(--bbs-text-muted,CanvasText);opacity:.72;}
body.bbs-auth-page .auth-form .field input:focus-visible {border-color:var(--bbs-primary,CanvasText);outline:2px solid var(--bbs-primary,CanvasText);}
body.bbs-security-page .bbs-security-panel .msg,
body.bbs-security-page .bbs-security-panel .notice {background:var(--bbs-primary-bg-soft,var(--bbs-surface-soft,Canvas));color:var(--bbs-text-main,CanvasText);}
body.bbs-security-page .bbs-security-panel .bad {border-color:var(--bbs-primary,CanvasText);}
body.bbs-security-page .bbs-security-panel a {color:var(--bbs-primary,LinkText);}
body.bbs-security-page .bbs-security-panel code {overflow-wrap:anywhere;word-break:break-word;}
body.bbs-security-page #m4-totp-qr {width:min(220px,100%);max-width:100%;margin-inline:auto;}
body.bbs-security-page #m4-totp-qr svg,
body.bbs-security-page #m4-totp-qr canvas,
body.bbs-security-page #m4-totp-qr img {max-width:220px!important;height:auto!important;}

/* BBS-SECURITY-FLAT-TEMPLATE-V2 */
body.bbs-security-page {
    background:var(--bbs-surface,Canvas) !important;
}
body.bbs-security-page .bbs-security-layout {
    min-height:100vh;
    background:transparent;
}
body.bbs-security-page .bbs-security-panel {
    box-sizing:border-box;
    align-self:center;
    width:100%;
    max-width:720px;
    margin:0 auto;
    padding:clamp(1.5rem,5vw,4.5rem);
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
}
body.bbs-security-page .bbs-security-panel h1 {
    text-transform:uppercase;
    letter-spacing:-.015em;
}
body.bbs-security-page .bbs-security-side {
    background:transparent !important;
    box-shadow:none !important;
}
@media(max-width:880px) {
    body.bbs-security-page .bbs-security-panel {
        width:100%;
        padding:2rem 1.25rem;
    }
}

/* BBS-STEP5-LOGIN-CARDS-V2 — presentation only; inherits active tenant colors. */
body #bbs-m4-member-factor-options {
    width:100%;
    max-width:500px;
    margin:1.15rem 0 1.5rem;
}
body #bbs-m4-member-factor-options > h3 {
    margin:0 0 .8rem;
    font-size:clamp(1.15rem,1.7vw,1.48rem);
    line-height:1.25;
    font-weight:700;
    color:var(--bbs-text-main,CanvasText);
}
body #bbs-m4-member-factor-options .bbs-m4-method-choices {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.6rem;
    margin:.75rem 0 0;
}
body #bbs-m4-member-factor-options .bbs-m4-method-choices button {
    display:flex;
    align-items:center;
    gap:.6rem;
    box-sizing:border-box;
    min-height:82px;
    height:auto;
    width:100%;
    padding:.75rem;
    margin:0;
    text-align:left;
    border:1px solid var(--bbs-surface-border, color-mix(in srgb,CanvasText 18%,Canvas));
    border-radius:10px;
    background:var(--bbs-surface,Canvas);
    color:var(--bbs-text-main,CanvasText);
    box-shadow:var(--bbs-shadow-sm,none);
    font:inherit;
    cursor:pointer;
}
body #bbs-m4-member-factor-options .bbs-m4-method-choices button[data-method="email"]:not(:disabled) {
    border-color:var(--bbs-primary,CanvasText);
    background:var(--bbs-primary-bg-soft,var(--bbs-surface,Canvas));
}
body #bbs-m4-member-factor-options .bbs-m4-method-choices button:not(:disabled):hover {
    border-color:var(--bbs-primary,CanvasText);
    background:var(--bbs-primary-bg-soft,var(--bbs-surface,Canvas));
}
body #bbs-m4-member-factor-options .bbs-m4-method-choices button:focus-visible {
    outline:2px solid var(--bbs-primary,CanvasText);
    outline-offset:2px;
}
body #bbs-m4-member-factor-options .bbs-m4-method-icon {
    display:grid;
    place-items:center;
    flex:0 0 34px;
    width:34px;
    height:34px;
    border-radius:50%;
    font-size:20px;
    background:var(--bbs-primary-bg-soft,var(--bbs-surface-soft,Canvas));
    color:var(--bbs-primary,CanvasText);
}
/* Font-independent glyph fallbacks: security pages must not depend on Bootstrap icon fonts. */
body #bbs-m4-member-factor-options .bbs-m4-method-icon i {display:none;}
body #bbs-m4-member-factor-options button[data-method="email"] .bbs-m4-method-icon::before {content:"✉";}
body #bbs-m4-member-factor-options button[data-method="whatsapp"] .bbs-m4-method-icon::before {content:"✆";}
body #bbs-m4-member-factor-options button[data-method="totp"] .bbs-m4-method-icon::before {content:"◇";}
body #bbs-m4-member-factor-options button[data-method="backup_codes"] .bbs-m4-method-icon::before {content:"⚿";}
body #bbs-m4-member-factor-options .bbs-m4-method-body {display:block;flex:1;min-width:0;}
body #bbs-m4-member-factor-options .bbs-m4-method-body strong {
    display:block;
    font-weight:700;
    font-size:.88rem;
    line-height:1.2;
    color:var(--bbs-text-main,CanvasText);
}
body #bbs-m4-member-factor-options .bbs-m4-method-body small {
    display:block;
    margin-top:.2rem;
    font-size:.73rem;
    line-height:1.35;
    color:var(--bbs-text-muted,CanvasText);
}
body #bbs-m4-member-factor-options .bbs-m4-enroll-label:not([hidden]) {
    display:inline-flex;
    margin-top:.3rem;
    padding:.13rem .5rem;
    border-radius:8px;
    background:var(--bbs-primary-bg-soft,var(--bbs-surface-soft,Canvas));
    color:var(--bbs-primary,CanvasText);
    font-size:.7rem;
    font-weight:700;
}
body #bbs-m4-member-factor-options .bbs-m4-method-end {font-size:.8rem;color:var(--bbs-primary,CanvasText);flex:none;}
body #bbs-m4-member-factor-options .bbs-m4-method-choices button:disabled {
    opacity:.58;
    cursor:not-allowed;
    filter:none;
}
body #bbs-m4-member-factor-options .bbs-m4-method-choices button:disabled .bbs-m4-method-end {
    color:var(--bbs-text-muted,CanvasText);
}
@media (max-width:560px) {
    body #bbs-m4-member-factor-options {max-width:100%;}
    body #bbs-m4-member-factor-options .bbs-m4-method-choices {grid-template-columns:minmax(0,1fr);}
    body #bbs-m4-member-factor-options .bbs-m4-method-choices button {min-height:72px;}
}

/* BBS-STEP5-LOGIN-CARDS-LARGER-V1 */
body #bbs-m4-member-factor-options {
    width:100%;
    max-width:680px;
}
body #bbs-m4-member-factor-options .bbs-m4-method-choices {
    gap:1rem;
}
body #bbs-m4-member-factor-options .bbs-m4-method-choices button {
    min-height:140px;
    padding:1.15rem 1.2rem;
    gap:1rem;
    border-radius:12px;
}
body #bbs-m4-member-factor-options .bbs-m4-method-icon {
    flex:0 0 50px;
    width:50px;
    height:50px;
    font-size:25px;
}
body #bbs-m4-member-factor-options .bbs-m4-method-body strong {
    font-size:1.05rem;
}
body #bbs-m4-member-factor-options .bbs-m4-method-body small {
    font-size:.85rem;
    line-height:1.4;
}
body #bbs-m4-member-factor-options .bbs-m4-enroll-label:not([hidden]) {
    font-size:.79rem;
    padding:.25rem .6rem;
    margin-top:.45rem;
}
@media (max-width:760px) {
    body #bbs-m4-member-factor-options {
        max-width:100%;
    }
    body #bbs-m4-member-factor-options .bbs-m4-method-choices button {
        min-height:120px;
        padding:1rem;
    }
}
@media (max-width:560px) {
    body #bbs-m4-member-factor-options .bbs-m4-method-choices {
        grid-template-columns:minmax(0,1fr);
    }
    body #bbs-m4-member-factor-options .bbs-m4-method-choices button {
        min-height:105px;
    }
}


/* BBS-STEP5-READY-BADGES-V1 - server-reported enrollment state, theme based. */
body #bbs-m4-member-factor-options .bbs-m4-method-body small {
    max-width:100%;
    white-space:normal;
    overflow-wrap:break-word;
}
body #bbs-m4-member-factor-options .bbs-m4-method-choices button[data-enrolled="true"] {
    position:relative;
    padding-right:3rem;
}
body #bbs-m4-member-factor-options .bbs-m4-method-choices button[data-enrolled="true"] .bbs-m4-method-end {
    display:none;
}
body #bbs-m4-member-factor-options .bbs-m4-method-choices button[data-enrolled="true"]::after {
    content:"\2713";
    position:absolute;
    inset-block-start:12px;
    inset-inline-end:12px;
    display:grid;
    place-items:center;
    width:26px;
    height:26px;
    border-radius:50%;
    background:var(--bbs-primary);
    color:var(--bbs-text-inverse);
    font-size:16px;
    font-weight:800;
    line-height:1;
    pointer-events:none;
}