/* Tenant themed Step-2 native sign in; no hardcoded palette. */
#bbs-inline-switch{padding:.5rem 1rem 1rem;max-width:100%;box-sizing:border-box}
#bbs-inline-switch .bbs-inline-tabs{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:.65rem}
#bbs-inline-switch .bbs-inline-tabs button{padding:.65rem 1.2rem;border:1px solid var(--bbs-primary, currentColor);border-radius:8px;background:transparent;color:var(--bbs-primary, currentColor);font-weight:600}
#bbs-inline-switch .bbs-inline-tabs button[aria-pressed="true"]{background:var(--bbs-primary, ButtonFace);color:var(--bbs-text-inverse,var(--bbs-on-primary,Canvas))}
#bbs-inline-switch .bbs-inline-intro{font-size:.9rem;opacity:.8;margin:.5rem 0}
#bbs-inline-mfa:not([hidden]){display:block;margin-top:1rem;padding:1rem;border:1px solid var(--bbs-border,ButtonBorder);border-radius:10px;background:var(--bbs-surface,Canvas)}
#bbs-inline-mfa [hidden]{display:none!important}
#bbs-inline-methods:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
#bbs-inline-methods .bbs-inline-method{display:flex;align-items:center;gap:.6rem;min-height:85px;text-align:left;border:1px solid var(--bbs-border,ButtonBorder);border-radius:10px;padding:.8rem;background:var(--bbs-surface,Canvas);color:inherit}
#bbs-inline-methods .bbs-inline-method:disabled{opacity:.55;cursor:not-allowed}
#bbs-inline-methods .bbs-inline-method-icon{display:grid;place-items:center;flex:0 0 35px;height:35px;border-radius:50%;background:var(--bbs-primary-soft,transparent);color:var(--bbs-primary,inherit)}
#bbs-inline-methods .bbs-inline-method-label{min-width:0;flex:1;display:grid;gap:.2rem}
#bbs-inline-methods .bbs-inline-method-label small{display:block;overflow-wrap:anywhere;font-size:.8rem;line-height:1.35}
#bbs-inline-methods .bbs-inline-tick{font-weight:700;color:var(--bbs-primary,inherit)}
#bbs-inline-code-wrap label{display:block;margin:.5rem 0;font-weight:600}
#bbs-inline-code{display:block;width:100%;max-width:350px;border:1px solid var(--bbs-border,ButtonBorder);border-radius:8px;padding:.75rem;background:var(--bbs-surface-muted,Canvas);color:inherit}
#bbs-inline-switch .bbs-inline-code-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.75rem}
#bbs-inline-verify{background:var(--bbs-primary,ButtonFace);color:var(--bbs-text-inverse,var(--bbs-on-primary,Canvas));border:1px solid var(--bbs-primary,currentColor);border-radius:8px;padding:.65rem 1rem}
#bbs-inline-back{background:transparent;color:var(--bbs-primary,inherit);border:1px solid var(--bbs-primary,currentColor);border-radius:8px;padding:.65rem 1rem}
@media(max-width:580px){#bbs-inline-methods:not([hidden]){grid-template-columns:1fr}#bbs-inline-switch{padding:.5rem}}

/* BBS-INLINE-TABS-MUTED-V1 — shared tenant-themed tabs, no outer border. */
#bbs-inline-switch {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    grid-template-columns:none !important;
    box-sizing:border-box;
    margin:0 0 1rem !important;
    padding:.65rem 1rem .35rem !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}
#bbs-inline-switch .bbs-inline-tabs {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    width:100% !important;
    gap:0 !important;
    margin:0 0 .85rem !important;
    padding:0 !important;
    border:0 !important;
    border-bottom:1px solid var(--bbs-border, color-mix(in srgb, currentColor 12%, transparent)) !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
}
#bbs-inline-switch .bbs-inline-tabs button,
#bbs-inline-switch .bbs-inline-tabs button[aria-pressed="false"] {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-width:0;
    min-height:58px;
    margin:0 !important;
    padding:.8rem 1rem !important;
    border:0 !important;
    border-bottom:2px solid transparent !important;
    border-radius:0 !important;
    background:transparent !important;
    color:var(--bbs-text-muted, var(--bbs-text-secondary, currentColor)) !important;
    font-weight:600;
    font-size:1rem;
    text-decoration:none !important;
    box-shadow:none !important;
    cursor:pointer;
}
#bbs-inline-switch .bbs-inline-tabs button[aria-pressed="true"] {
    background:var(--bbs-primary-soft, color-mix(in srgb, var(--bbs-primary, currentColor) 11%, var(--bbs-surface, Canvas))) !important;
    color:var(--bbs-primary, currentColor) !important;
    border-bottom:2px solid var(--bbs-primary, currentColor) !important;
}
#bbs-inline-switch .bbs-inline-tabs button[aria-pressed="false"]:hover {
    background:color-mix(in srgb, var(--bbs-primary, currentColor) 6%, var(--bbs-surface, Canvas)) !important;
    color:var(--bbs-primary, currentColor) !important;
}
#bbs-inline-switch .bbs-inline-tabs button:focus-visible {
    outline:2px solid var(--bbs-primary, currentColor) !important;
    outline-offset:-3px;
}
#bbs-inline-switch .bbs-inline-intro {
    display:block;
    width:100% !important;
    max-width:100%;
    margin:.65rem 0 1.1rem !important;
    padding:0 !important;
    font-size:.94rem;
    line-height:1.55;
    font-weight:400;
    color:var(--bbs-text-muted, var(--bbs-text-secondary, currentColor)) !important;
    opacity:1;
    overflow-wrap:break-word;
}
@media (max-width:580px) {
    #bbs-inline-switch {padding:.5rem .6rem .25rem !important;}
    #bbs-inline-switch .bbs-inline-tabs button {min-height:48px;padding:.65rem .35rem !important;font-size:.9rem;}
    #bbs-inline-switch .bbs-inline-intro {font-size:.88rem;}
}
/* BBS-DEFERRED-GUEST-REGISTRATION-V1 — themed two-column, three-row Create Account form. */
#bbs-inline-switch #bbs-deferred-registration-grid:not([hidden]) {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
    gap:1rem 1.15rem;
    margin:1rem 0 1.25rem;
    padding:0;
}
#bbs-inline-switch #bbs-deferred-registration-grid [hidden] {display:none !important;}
#bbs-inline-switch #bbs-deferred-registration-grid .bbs-register-field {
    display:flex;
    flex-direction:column;
    min-width:0;
    width:100%;
    max-width:none;
    flex:unset;
    padding:0;
}
#bbs-inline-switch #bbs-deferred-registration-grid .bbs-register-field label {
    font-weight:600;
    font-size:.89rem;
    margin:0 0 .38rem;
    color:var(--bbs-text,inherit);
}
#bbs-inline-switch #bbs-deferred-registration-grid input.form-control {
    display:block;
    min-height:51px;
    width:100%;
    max-width:100%;
    border:1px solid var(--bbs-border, color-mix(in srgb,currentColor 17%,transparent));
    border-radius:var(--bbs-radius,9px);
    background:var(--bbs-input-bg,var(--bbs-surface,Canvas));
    color:var(--bbs-text,inherit);
    box-shadow:none;
}
#bbs-inline-switch #bbs-deferred-registration-grid .iti,
#bbs-inline-switch #bbs-deferred-registration-grid .iti__flag-container {max-width:100%;}
#bbs-inline-switch #bbs-deferred-registration-grid input.form-control:focus-visible {
    border-color:var(--bbs-primary,currentColor);
    outline:2px solid color-mix(in srgb,var(--bbs-primary,currentColor) 25%,transparent);
    outline-offset:0;
}
@media (max-width:640px) {
    #bbs-inline-switch #bbs-deferred-registration-grid:not([hidden]) {grid-template-columns:minmax(0,1fr);gap:.85rem;}
}

/* BBS-INLINE-MFA-BACK-METHODS-UI-20261028 — tenant-themed, flat Step 2 sign-in. */
/* Only the sign-in accordion label is hidden. Original inputs remain in their renderer. */
.bbs-step[data-step="2"] .bbs-inline-flat-login > .bbs-accordion-header,
.bbs-step[data-step="2"] .bbs-inline-flat-login .bbs-accordion-header { display:none !important; }
.bbs-step[data-step="2"] .bbs-inline-flat-login { border:0 !important; background:transparent !important; box-shadow:none !important; }
.bbs-step[data-step="2"] .bbs-inline-flat-login .bbs-accordion-content,
.bbs-step[data-step="2"] .bbs-inline-flat-login .bbs-accordion-body { padding-top:.65rem !important; border:0 !important; background:transparent !important; box-shadow:none !important; }
/* The four methods retain their availability and accessibility semantics. */
.bbs-step[data-step="2"] #bbs-inline-mfa,
.bbs-step[data-step="2"] #bbs-inline-code-wrap {
    background:transparent !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
    padding:.5rem 0 !important;
}
.bbs-step[data-step="2"] #bbs-inline-methods { gap:.7rem !important; }
.bbs-step[data-step="2"] #bbs-inline-methods .bbs-inline-method {
    border:1px solid transparent !important;
    border-radius:var(--bbs-radius,9px) !important;
    box-shadow:none !important;
    background:color-mix(in srgb,var(--bbs-primary,currentColor) 7%,var(--bbs-surface,Canvas)) !important;
    color:var(--bbs-text,inherit) !important;
    text-align:left;
    transition:background-color .15s ease;
}
.bbs-step[data-step="2"] #bbs-inline-methods .bbs-inline-method:disabled {
    background:var(--bbs-surface,Canvas) !important;
    opacity:.58;
    cursor:not-allowed;
}
.bbs-step[data-step="2"] #bbs-inline-methods .bbs-inline-method:not(:disabled):hover {
    background:color-mix(in srgb,var(--bbs-primary,currentColor) 13%,var(--bbs-surface,Canvas)) !important;
}
.bbs-step[data-step="2"] #bbs-inline-methods .bbs-inline-method:focus-visible,
.bbs-step[data-step="2"] #bbs-inline-code-actions button:focus-visible {
    outline:2px solid var(--bbs-primary,currentColor) !important;
    outline-offset:2px !important;
}
.bbs-step[data-step="2"] #bbs-inline-code-wrap input { box-shadow:none !important; }
.bbs-step[data-step="2"] .bbs-inline-code-actions button,
.bbs-step[data-step="2"] #bbs-inline-code-actions button {
    border:1px solid var(--bbs-border,color-mix(in srgb,currentColor 20%,transparent)) !important;
    background:var(--bbs-surface,Canvas) !important;
    color:var(--bbs-primary,currentColor) !important;
    border-radius:var(--bbs-radius,9px) !important;
    box-shadow:none !important;
    font-weight:500 !important;
}
.bbs-step[data-step="2"] .bbs-inline-code-actions button:hover {
    background:color-mix(in srgb,var(--bbs-primary,currentColor) 7%,var(--bbs-surface,Canvas)) !important;
}

/* BBS-INLINE-CREDENTIALS-MFA-VISIBILITY-20261028 */

.bbs-step[data-step="2"] .bbs-inline-flat-login[hidden] {
    display: none !important;
}
.bbs-step[data-step="2"] .bbs-inline-flat-login .bbs-inline-password-label {
    display: block;
    margin: 0 0 .4rem;
    font: inherit;
    font-weight: 500;
    line-height: 1.4;
    color: var(--bbs-text, inherit);
}
/* BBS Step 2 — Consistent Sign In Field Alignment */

.bbs-step[data-step="2"] .bbs-inline-flat-login .row:has(#bbsUserPassword) {
    align-items: start !important;
}

.bbs-step[data-step="2"] .bbs-inline-flat-login .row:has(#bbsUserPassword) > .col-md-6 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 24px 56px;
    row-gap: 6px;
    align-content: start !important;
    justify-content: stretch !important;
    min-width: 0;
}

.bbs-step[data-step="2"] .bbs-inline-flat-login .row:has(#bbsUserPassword) > .col-md-6 > label {
    display: flex !important;
    align-items: flex-end !important;
    height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
}

.bbs-step[data-step="2"] .bbs-inline-flat-login #bbsUserEmail,
.bbs-step[data-step="2"] .bbs-inline-flat-login .bbs-password-field {
    display: block;
    width: 100%;
    height: 56px !important;
    margin: 0 !important;
}

.bbs-step[data-step="2"] .bbs-inline-flat-login #bbsUserPassword {
    height: 100% !important;
    min-height: 56px;
}
/* BBS-MFA-PNG-ICONS-20261028
   Shared inline MFA icons, coloured by the tenant theme.
   Original image size: 100x100. Display size: 32x32.
*/

#bbs-inline-methods .bbs-inline-method-icon {
    display: grid !important;
    place-items: center !important;
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    background: transparent !important;
    color: var(--bbs-primary, currentColor) !important;
}

#bbs-inline-methods .bbs-inline-method-icon::before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    background-color: currentColor;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

#bbs-inline-methods .bbs-inline-method:nth-child(1) .bbs-inline-method-icon::before {
    -webkit-mask-image: url("../icons/mfa/email.png");
    mask-image: url("../icons/mfa/email.png");
}

#bbs-inline-methods .bbs-inline-method:nth-child(2) .bbs-inline-method-icon::before {
    -webkit-mask-image: url("../icons/mfa/whatsapp.png");
    mask-image: url("../icons/mfa/whatsapp.png");
}

#bbs-inline-methods .bbs-inline-method:nth-child(3) .bbs-inline-method-icon::before {
    -webkit-mask-image: url("../icons/mfa/authenticator.png");
    mask-image: url("../icons/mfa/authenticator.png");
}

#bbs-inline-methods .bbs-inline-method:nth-child(4) .bbs-inline-method-icon::before {
    -webkit-mask-image: url("../icons/mfa/backup.png");
    mask-image: url("../icons/mfa/backup.png");
}