/* /Components/Account/Pages/ConfirmEmail.razor.rz.scp.css */
.confirm-email-action[b-lqtr72mw74],
.confirm-email-secondary[b-lqtr72mw74] {
    width: 100%;
    min-height: 3.2rem;
    margin-top: 1rem;
    padding: 0.75rem 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.78rem;
    font-weight: 750;
    text-decoration: none;
    transition: box-shadow 180ms ease, transform 180ms ease;
}

.confirm-email-action[b-lqtr72mw74] {
    color: #fff;
    background: linear-gradient(135deg, #084da8, #083c7f);
    box-shadow: 0 0.7rem 1.4rem rgba(8, 63, 135, 0.22);
}

.confirm-email-secondary[b-lqtr72mw74] {
    border: 1px solid #a8b9d0;
    color: #083c7f;
    background: #fff;
}

.confirm-email-action:hover[b-lqtr72mw74],
.confirm-email-secondary:hover[b-lqtr72mw74] {
    transform: translateY(-2px);
}

.confirm-email-action:hover[b-lqtr72mw74] {
    color: #fff;
    box-shadow: 0 1rem 1.8rem rgba(8, 63, 135, 0.29);
}

@media (prefers-reduced-motion: reduce) {
    .confirm-email-action[b-lqtr72mw74],
    .confirm-email-secondary[b-lqtr72mw74] {
        transition: none;
    }
}
/* /Components/Account/Pages/ForgotPassword.razor.rz.scp.css */
.forgot-shell[b-s76vchk6ze] {
    --forgot-brand: #084da8;
    --forgot-dark: #083c7f;
    width: min(1180px, calc(100% - 2rem));
    min-height: calc(100vh - 190px);
    margin: 0 auto;
    padding: clamp(2rem, 6vw, 5rem) 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 480px);
    gap: clamp(2rem, 7vw, 7rem);
    align-items: center;
}

.forgot-intro h1[b-s76vchk6ze] {
    max-width: 650px;
    margin: 0.7rem 0 1.15rem;
    color: #101d2d;
    font-size: clamp(2.65rem, 5.7vw, 5rem);
    line-height: 1.02;
    letter-spacing: -0.06em;
}

.forgot-intro > p[b-s76vchk6ze],
.forgot-heading p[b-s76vchk6ze] {
    color: #667085;
    line-height: 1.72;
}

.forgot-intro > p[b-s76vchk6ze] {
    max-width: 590px;
    font-size: 1.04rem;
}

.forgot-kicker[b-s76vchk6ze] {
    color: var(--forgot-dark);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.forgot-trust[b-s76vchk6ze] {
    width: fit-content;
    margin-top: 2rem;
    padding: 1rem 1.15rem;
    display: flex;
    gap: 0.85rem;
    border: 1px solid #cfd9e7;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 0.8rem 2rem rgba(15, 60, 118, 0.07);
}

.forgot-trust > span[b-s76vchk6ze] {
    width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
    border-radius: 0.65rem;
    color: #fff;
    background: linear-gradient(145deg, var(--forgot-brand), var(--forgot-dark));
}

.forgot-trust strong[b-s76vchk6ze],
.forgot-trust small[b-s76vchk6ze] {
    display: block;
}

.forgot-trust small[b-s76vchk6ze] {
    margin-top: 0.25rem;
    color: #667085;
}

.forgot-heading[b-s76vchk6ze] {
    margin-bottom: 1.2rem;
}

.forgot-heading h2[b-s76vchk6ze] {
    margin: 0.45rem 0 0;
    color: #101d2d;
    font-size: clamp(2rem, 4vw, 2.65rem);
    letter-spacing: -0.045em;
}

.forgot-heading p[b-s76vchk6ze] {
    margin: 0.55rem 0 0;
}

.forgot-card[b-s76vchk6ze] {
    padding: clamp(1.35rem, 4vw, 2rem);
    border: 1px solid #dbe0e7;
    border-radius: 1.35rem;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 1.5rem 4rem rgba(16, 29, 45, 0.11);
}

.forgot-field label[b-s76vchk6ze] {
    display: block;
    margin-bottom: 0.48rem;
    color: #344054;
    font-size: 0.8rem;
    font-weight: 750;
}

.forgot-field[b-s76vchk6ze]  input {
    width: 100%;
    min-height: 3.45rem;
    padding: 0.9rem 1rem;
    border: 1px solid #cddadb;
    border-radius: 0.82rem;
    color: #111827;
    background: #fbfdfd;
    outline: 0;
    font-size: 1rem;
    transition: border-color 180ms ease, box-shadow 180ms ease,
        background-color 180ms ease, transform 180ms ease;
}

.forgot-field[b-s76vchk6ze]  input:hover {
    border-color: #8ea2bd;
    background: #fff;
}

.forgot-field[b-s76vchk6ze]  input:focus {
    border-color: var(--forgot-brand);
    background: #fff;
    box-shadow: 0 0 0 0.26rem rgba(8, 77, 168, 0.13);
    transform: translateY(-1px);
}

.forgot-field[b-s76vchk6ze]  .validation-message {
    display: block;
    margin-top: 0.35rem;
    color: #b42318;
    font-size: 0.74rem;
}

.forgot-validation[b-s76vchk6ze] {
    display: block;
    color: #b42318;
    font-size: 0.8rem;
}

.forgot-validation:empty[b-s76vchk6ze] {
    display: none;
}

.forgot-submit[b-s76vchk6ze] {
    width: 100%;
    margin-top: 1.3rem;
    min-height: 3.25rem;
    border: 0;
    border-radius: 0.82rem;
    color: #fff;
    font-weight: 760;
    cursor: pointer;
    background: linear-gradient(135deg, var(--forgot-brand), var(--forgot-dark));
    box-shadow: 0 0.7rem 1.4rem rgba(8, 63, 135, 0.22);
    transition: box-shadow 180ms ease, transform 180ms ease;
}

.forgot-submit:hover[b-s76vchk6ze] {
    box-shadow: 0 1rem 1.8rem rgba(8, 63, 135, 0.3);
    transform: translateY(-2px);
}

.forgot-submit:disabled[b-s76vchk6ze] {
    cursor: default;
    opacity: 0.75;
    transform: none;
}

.forgot-links[b-s76vchk6ze] {
    margin-top: 1.3rem;
    text-align: center;
    font-size: 0.78rem;
}

.forgot-links a[b-s76vchk6ze] {
    color: var(--forgot-dark);
    font-weight: 700;
    text-decoration: none;
}

@media (max-width: 860px) {
    .forgot-shell[b-s76vchk6ze] {
        grid-template-columns: minmax(0, 1fr);
        gap: 2rem;
    }

    .forgot-intro h1[b-s76vchk6ze] {
        max-width: 720px;
        font-size: clamp(2.5rem, 10vw, 4rem);
    }

    .forgot-panel[b-s76vchk6ze] {
        width: min(520px, 100%);
    }
}

@media (max-width: 520px) {
    .forgot-shell[b-s76vchk6ze] {
        width: min(100% - 1.25rem, 1180px);
        padding: 1.5rem 0 2.5rem;
    }

    .forgot-intro > p[b-s76vchk6ze],
    .forgot-trust[b-s76vchk6ze] {
        display: none;
    }

    .forgot-card[b-s76vchk6ze] {
        padding: 1.15rem;
        border-radius: 1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .forgot-field[b-s76vchk6ze]  input,
    .forgot-submit[b-s76vchk6ze] {
        transition: none;
    }
}
/* /Components/Account/Pages/ForgotPasswordConfirmation.razor.rz.scp.css */
.confirmation-steps[b-nwus61wjdc] {
    margin: 1.25rem 0 0;
    padding: 0;
    display: grid;
    gap: 0.7rem;
    list-style: none;
}

.confirmation-steps li[b-nwus61wjdc] {
    display: grid;
    grid-template-columns: 1.8rem 1fr;
    gap: 0.7rem;
    align-items: center;
    color: #475467;
    font-size: 0.84rem;
}

.confirmation-steps b[b-nwus61wjdc] {
    width: 1.8rem;
    height: 1.8rem;
    display: grid;
    place-items: center;
    border-radius: 0.6rem;
    color: #083c7f;
    background: #e1eaf6;
    font-size: 0.72rem;
}

.confirmation-actions[b-nwus61wjdc] {
    margin-top: 1.45rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.7rem;
}

.confirmation-actions:has(> a:only-child)[b-nwus61wjdc] {
    grid-template-columns: 1fr;
}

.confirmation-actions a[b-nwus61wjdc] {
    min-height: 3.15rem;
    padding: 0.75rem 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.78rem;
    font-weight: 750;
    text-decoration: none;
    transition: box-shadow 180ms ease, transform 180ms ease,
        background-color 180ms ease;
}

.confirmation-actions a:hover[b-nwus61wjdc] {
    transform: translateY(-2px);
}

.confirmation-primary[b-nwus61wjdc] {
    color: #fff;
    background: linear-gradient(135deg, #084da8, #083c7f);
    box-shadow: 0 0.7rem 1.4rem rgba(8, 63, 135, 0.22);
}

.confirmation-primary:hover[b-nwus61wjdc] {
    color: #fff;
    box-shadow: 0 1rem 1.8rem rgba(8, 63, 135, 0.29);
}

.confirmation-secondary[b-nwus61wjdc] {
    border: 1px solid #a8b9d0;
    color: #083c7f;
    background: #fff;
}

.confirmation-secondary:hover[b-nwus61wjdc] {
    color: #072d5f;
    background: #f0f4fa;
}

.confirmation-help[b-nwus61wjdc] {
    margin: 1.2rem 0 0;
    color: #7a8790;
    font-size: 0.76rem;
    line-height: 1.55;
    text-align: center;
}

.confirmation-help a[b-nwus61wjdc],
.confirmation-development a[b-nwus61wjdc] {
    color: #083c7f;
    font-weight: 700;
}

.confirmation-development[b-nwus61wjdc] {
    margin-top: 1rem;
    padding: 0.8rem;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    border: 1px dashed #d5a33b;
    border-radius: 0.75rem;
    color: #7a5512;
    background: #fff9e9;
    font-size: 0.76rem;
}

@media (max-width: 520px) {
    .confirmation-actions[b-nwus61wjdc] {
        grid-template-columns: minmax(0, 1fr);
    }

    .confirmation-development[b-nwus61wjdc] {
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .confirmation-actions a[b-nwus61wjdc] {
        transition: none;
    }
}
/* /Components/Account/Pages/Login.razor.rz.scp.css */
.login-shell[b-4necbvu2gh] {
    --login-brand: #084da8;
    --login-dark: #083c7f;
    width: min(1180px, calc(100% - 2rem));
    min-height: calc(100vh - 190px);
    margin: 0 auto;
    padding: clamp(2rem, 6vw, 5rem) 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 480px);
    gap: clamp(2rem, 7vw, 7rem);
    align-items: center;
}

.login-intro h1[b-4necbvu2gh] {
    max-width: 650px;
    margin: 0.7rem 0 1.15rem;
    color: #101d2d;
    font-size: clamp(2.65rem, 5.7vw, 5rem);
    line-height: 1.02;
    letter-spacing: -0.06em;
}

.login-intro > p[b-4necbvu2gh],
.login-heading p[b-4necbvu2gh] {
    color: #667085;
    line-height: 1.72;
}

.login-intro > p[b-4necbvu2gh] {
    max-width: 590px;
    font-size: 1.04rem;
}

.login-kicker[b-4necbvu2gh] {
    color: var(--login-dark);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.login-trust[b-4necbvu2gh] {
    width: fit-content;
    margin-top: 2rem;
    padding: 1rem 1.15rem;
    display: flex;
    gap: 0.85rem;
    border: 1px solid #cfd9e7;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 0.8rem 2rem rgba(15, 60, 118, 0.07);
}

.login-trust > span[b-4necbvu2gh] {
    width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
    border-radius: 0.65rem;
    color: #fff;
    background: linear-gradient(145deg, var(--login-brand), var(--login-dark));
}

.login-trust strong[b-4necbvu2gh],
.login-trust small[b-4necbvu2gh] {
    display: block;
}

.login-trust small[b-4necbvu2gh] {
    margin-top: 0.25rem;
    color: #667085;
}

.login-heading[b-4necbvu2gh] {
    margin-bottom: 1.2rem;
}

.login-heading h2[b-4necbvu2gh] {
    margin: 0.45rem 0 0;
    color: #101d2d;
    font-size: clamp(2rem, 4vw, 2.65rem);
    letter-spacing: -0.045em;
}

.login-heading p[b-4necbvu2gh] {
    margin: 0.55rem 0 0;
}

.login-card[b-4necbvu2gh] {
    padding: clamp(1.35rem, 4vw, 2rem);
    border: 1px solid #dbe0e7;
    border-radius: 1.35rem;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 1.5rem 4rem rgba(16, 29, 45, 0.11);
}

.login-field + .login-field[b-4necbvu2gh] {
    margin-top: 1.05rem;
}

.login-field label[b-4necbvu2gh],
.login-label-row[b-4necbvu2gh] {
    color: #344054;
    font-size: 0.8rem;
    font-weight: 750;
}

.login-label-row[b-4necbvu2gh] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.login-field > label[b-4necbvu2gh],
.login-label-row[b-4necbvu2gh] {
    margin-bottom: 0.48rem;
}

.login-field a[b-4necbvu2gh],
.login-links a[b-4necbvu2gh] {
    color: var(--login-dark);
    text-decoration: none;
}

.login-field[b-4necbvu2gh]  input {
    width: 100%;
    min-height: 3.45rem;
    padding: 0.9rem 1rem;
    border: 1px solid #cddadb;
    border-radius: 0.82rem;
    color: #111827;
    background: #fbfdfd;
    outline: 0;
    font-size: 1rem;
    transition: border-color 180ms ease, box-shadow 180ms ease,
        background-color 180ms ease, transform 180ms ease;
}

.login-field[b-4necbvu2gh]  input:hover {
    border-color: #8ea2bd;
    background: #fff;
}

.login-field[b-4necbvu2gh]  input:focus {
    border-color: var(--login-brand);
    background: #fff;
    box-shadow: 0 0 0 0.26rem rgba(8, 77, 168, 0.13);
    transform: translateY(-1px);
}

.login-field[b-4necbvu2gh]  .validation-message {
    display: block;
    margin-top: 0.35rem;
    color: #b42318;
    font-size: 0.74rem;
}

.login-validation[b-4necbvu2gh] {
    color: #b42318;
    font-size: 0.8rem;
}

.login-validation:empty[b-4necbvu2gh] {
    display: none;
}

.login-options[b-4necbvu2gh] {
    margin: 1rem 0;
    color: #526064;
    font-size: 0.82rem;
}

.login-options label[b-4necbvu2gh] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    cursor: pointer;
}

.login-options[b-4necbvu2gh]  input {
    width: 1.05rem;
    height: 1.05rem;
    accent-color: var(--login-brand);
}

.login-submit[b-4necbvu2gh],
.login-passkey[b-4necbvu2gh]  button {
    width: 100%;
    min-height: 3.25rem;
    border-radius: 0.82rem;
    font-weight: 760;
    cursor: pointer;
    transition: box-shadow 180ms ease, transform 180ms ease,
        border-color 180ms ease, background-color 180ms ease;
}

.login-submit[b-4necbvu2gh] {
    border: 0;
    color: #fff;
    background: linear-gradient(135deg, var(--login-brand), var(--login-dark));
    box-shadow: 0 0.7rem 1.4rem rgba(8, 63, 135, 0.22);
}

.login-submit:hover[b-4necbvu2gh] {
    box-shadow: 0 1rem 1.8rem rgba(8, 63, 135, 0.3);
    transform: translateY(-2px);
}

.login-divider[b-4necbvu2gh] {
    margin: 1.2rem 0;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    color: #98a2b3;
    font-size: 0.76rem;
}

.login-divider[b-4necbvu2gh]::before,
.login-divider[b-4necbvu2gh]::after {
    content: "";
    height: 1px;
    flex: 1;
    background: #e3eaea;
}

.login-passkey[b-4necbvu2gh]  button {
    border: 1px solid #cfd6e0;
    color: #173d6e;
    background: #f7fbfb;
}

.login-passkey[b-4necbvu2gh]  button:hover {
    border-color: #829bbb;
    background: #eff4fa;
    transform: translateY(-2px);
}

.login-links[b-4necbvu2gh] {
    margin-top: 1.3rem;
    display: grid;
    gap: 0.45rem;
    color: #667085;
    font-size: 0.78rem;
    text-align: center;
}

.login-links a[b-4necbvu2gh] {
    font-weight: 700;
}

.login-external:empty[b-4necbvu2gh] {
    display: none;
}

@media (max-width: 860px) {
    .login-shell[b-4necbvu2gh] {
        grid-template-columns: minmax(0, 1fr);
        gap: 2rem;
    }

    .login-intro h1[b-4necbvu2gh] {
        max-width: 720px;
        font-size: clamp(2.5rem, 10vw, 4rem);
    }

    .login-panel[b-4necbvu2gh] {
        width: min(520px, 100%);
    }
}

@media (max-width: 520px) {
    .login-shell[b-4necbvu2gh] {
        width: min(100% - 1.25rem, 1180px);
        padding: 1.5rem 0 2.5rem;
    }

    .login-intro > p[b-4necbvu2gh],
    .login-trust[b-4necbvu2gh] {
        display: none;
    }

    .login-card[b-4necbvu2gh] {
        padding: 1.15rem;
        border-radius: 1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .login-field[b-4necbvu2gh]  input,
    .login-submit[b-4necbvu2gh],
    .login-passkey[b-4necbvu2gh]  button {
        transition: none;
    }
}
/* /Components/Account/Pages/Manage/PersonalData.razor.rz.scp.css */
.personal-data-panel[b-9asm8dugc8] {
    overflow: hidden;
    border: 1px solid #d9e3ed;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(17, 50, 79, .08);
}

.personal-data-panel__header[b-9asm8dugc8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 24px 26px;
    border-bottom: 1px solid #e1e9f1;
    background: linear-gradient(135deg, #fff 0%, #f8fbfe 100%);
}

.personal-data-panel__heading[b-9asm8dugc8] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.personal-data-panel__icon[b-9asm8dugc8] {
    display: grid;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 14px;
    background: #e9f3ff;
    color: #126cc2;
    font-size: 1.15rem;
    font-weight: 800;
}

.personal-data-panel h2[b-9asm8dugc8],
.personal-data-panel h3[b-9asm8dugc8],
.personal-data-panel p[b-9asm8dugc8] {
    margin-top: 0;
}

.personal-data-panel h2[b-9asm8dugc8] {
    margin-bottom: 5px;
    color: #0b3153;
    font-size: 1.45rem;
    font-weight: 800;
}

.personal-data-panel__header p[b-9asm8dugc8] {
    max-width: 650px;
    margin-bottom: 0;
    color: #6b7d90;
    font-size: .9rem;
    line-height: 1.5;
}

.personal-data-panel__badge[b-9asm8dugc8] {
    flex: 0 0 auto;
    padding: 7px 11px;
    border-radius: 999px;
    background: #e9f0f8;
    color: #083979;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.personal-data-panel__body[b-9asm8dugc8] {
    padding: 26px;
}

.personal-data-actions[b-9asm8dugc8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.personal-data-action[b-9asm8dugc8] {
    display: flex;
    min-height: 300px;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    border: 1px solid #dbe6f0;
    border-radius: 15px;
    background: #fbfdff;
}

.personal-data-action--danger[b-9asm8dugc8] {
    border-color: #f0cdd1;
    background: #fffafb;
}

.personal-data-action__icon[b-9asm8dugc8] {
    display: grid;
    width: 48px;
    height: 48px;
    margin-bottom: 20px;
    place-items: center;
    border-radius: 13px;
    background: #e8f2ff;
    color: #1169bd;
    font-size: 1.45rem;
    font-weight: 800;
}

.personal-data-action--danger .personal-data-action__icon[b-9asm8dugc8] {
    background: #ffeaec;
    color: #b73a46;
}

.personal-data-action__copy[b-9asm8dugc8] {
    flex: 1;
}

.personal-data-action__eyebrow[b-9asm8dugc8] {
    display: block;
    margin-bottom: 7px;
    color: #63809a;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.personal-data-action h3[b-9asm8dugc8] {
    margin-bottom: 8px;
    color: #0d3150;
    font-size: 1.15rem;
    font-weight: 800;
}

.personal-data-action p[b-9asm8dugc8] {
    margin-bottom: 24px;
    color: #677a8e;
    font-size: .89rem;
    line-height: 1.6;
}

.personal-data-action form[b-9asm8dugc8] {
    width: 100%;
}

.personal-data-button[b-9asm8dugc8] {
    display: inline-flex;
    width: 100%;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 10px 16px;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: .87rem;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    transition: box-shadow .18s ease, transform .18s ease, filter .18s ease;
}

.personal-data-button:hover[b-9asm8dugc8] {
    filter: brightness(.98);
    transform: translateY(-1px);
}

.personal-data-button:focus-visible[b-9asm8dugc8] {
    outline: 3px solid rgba(23, 119, 210, .28);
    outline-offset: 2px;
}

.personal-data-button--primary[b-9asm8dugc8] {
    background: #0967bd;
    color: #fff;
    box-shadow: 0 7px 16px rgba(9, 103, 189, .2);
}

.personal-data-button--danger[b-9asm8dugc8] {
    background: #b73a46;
    color: #fff;
    box-shadow: 0 7px 16px rgba(183, 58, 70, .18);
}

.personal-data-button--primary:hover[b-9asm8dugc8],
.personal-data-button--danger:hover[b-9asm8dugc8] {
    color: #fff;
}

.personal-data-warning[b-9asm8dugc8] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 18px;
    padding: 15px 17px;
    border: 1px solid #f0cdd1;
    border-radius: 12px;
    background: #fff5f6;
    color: #7f3038;
}

.personal-data-warning__icon[b-9asm8dugc8] {
    display: grid;
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    place-items: center;
    border-radius: 50%;
    background: #b73a46;
    color: #fff;
    font-size: .78rem;
    font-weight: 900;
}

.personal-data-warning strong[b-9asm8dugc8] {
    display: block;
    margin-bottom: 3px;
    font-size: .88rem;
}

.personal-data-warning p[b-9asm8dugc8] {
    margin-bottom: 0;
    color: #95515a;
    font-size: .8rem;
    line-height: 1.5;
}

@media (max-width: 720px) {
    .personal-data-actions[b-9asm8dugc8] {
        grid-template-columns: minmax(0, 1fr);
    }

    .personal-data-action[b-9asm8dugc8] {
        min-height: 0;
    }
}

@media (max-width: 520px) {
    .personal-data-panel__header[b-9asm8dugc8] {
        align-items: flex-start;
        padding: 19px 17px;
    }

    .personal-data-panel__heading[b-9asm8dugc8] {
        align-items: flex-start;
    }

    .personal-data-panel__icon[b-9asm8dugc8],
    .personal-data-panel__badge[b-9asm8dugc8] {
        display: none;
    }

    .personal-data-panel__body[b-9asm8dugc8] {
        padding: 15px;
    }

    .personal-data-action[b-9asm8dugc8] {
        padding: 19px;
    }
}
/* /Components/Account/Pages/Register.razor.rz.scp.css */
.page[b-0ebe3um091] {
    --navy: #0f2742;
    --teal: #0d4794;
    --teal-dark: #083876;
    --teal-soft: #eaf0f9;
    --ink: #172033;
    --muted: #667085;
    --muted-2: #98a2b3;
    --line: #dfe5ec;
    --line-strong: #cdd6e1;
    --panel: #ffffff;
    --shadow: 0 20px 60px rgba(15, 39, 66, 0.12);
    --shadow-sm: 0 8px 22px rgba(15, 39, 66, 0.08);
    width: min(1180px, 100%);
    margin: 0 auto;
    padding: 2.4rem 0 4rem;
    color: var(--ink);
}

.heading-row[b-0ebe3um091] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 24px;
    margin-bottom: 22px;
}

.eyebrow[b-0ebe3um091] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--teal-dark);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 900;
    font-size: 12px;
    margin-bottom: 10px;
}

.eyebrow[b-0ebe3um091]::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 99px;
    background: var(--teal);
    box-shadow: 0 0 0 5px rgba(13, 71, 148, .10);
}

.page h1[b-0ebe3um091] {
    margin: 0;
    font-size: clamp(32px, 4vw, 48px);
    letter-spacing: -.045em;
    line-height: 1.02;
}

.subhead[b-0ebe3um091] {
    margin: 10px 0 0;
    color: var(--muted);
    font-size: 16px;
    line-height: 1.6;
    max-width: 680px;
}

.signin[b-0ebe3um091] {
    color: var(--muted);
    font-size: 14px;
    white-space: nowrap;
}

.signin a[b-0ebe3um091] {
    color: var(--teal-dark);
    font-weight: 800;
    text-decoration: none;
}

.account-switcher[b-0ebe3um091] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 26px 0 18px;
}

.type-card[b-0ebe3um091] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 18px;
    min-height: 104px;
    border: 1px solid var(--line);
    background: rgba(255, 255, 255, .82);
    border-radius: 18px;
    cursor: pointer;
    transition: .2s ease;
    text-align: left;
    color: var(--ink);
    font: inherit;
    text-decoration: none;
}

.type-card:hover[b-0ebe3um091] {
    transform: translateY(-2px);
    border-color: #a7b8cf;
    box-shadow: var(--shadow-sm);
}

.type-card.active[b-0ebe3um091] {
    border-color: var(--teal);
    background: linear-gradient(180deg, #ffffff 0%, #f0f5fb 100%);
    box-shadow: 0 10px 28px rgba(13, 71, 148, .12);
}

.type-icon[b-0ebe3um091] {
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    border-radius: 15px;
    display: grid;
    place-items: center;
    background: #f0f4f8;
    color: var(--navy);
}

.type-card.active .type-icon[b-0ebe3um091] {
    background: var(--teal-soft);
    color: var(--teal-dark);
}

.type-icon svg[b-0ebe3um091] {
    width: 24px;
    height: 24px;
}

.type-copy[b-0ebe3um091] {
    display: block;
}

.type-copy strong[b-0ebe3um091] {
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
}

.type-copy > span[b-0ebe3um091] {
    display: block;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.45;
}

.type-check[b-0ebe3um091] {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px solid var(--line-strong);
    display: grid;
    place-items: center;
    color: transparent;
    font-size: 12px;
    font-weight: 900;
    background: white;
}

.type-card.active .type-check[b-0ebe3um091] {
    background: var(--teal);
    color: white;
    border-color: var(--teal);
}

.register-shell[b-0ebe3um091] {
    display: grid;
    grid-template-columns: 310px minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid rgba(205, 214, 225, .95);
    border-radius: 24px;
    background: var(--panel);
    box-shadow: var(--shadow);
}

.side-panel[b-0ebe3um091] {
    padding: 30px 28px;
    background:
        linear-gradient(170deg, rgba(13, 71, 148, .97), rgba(9, 49, 102, .98)),
        #0d4794;
    color: white;
    position: relative;
    isolation: isolate;
}

.side-panel[b-0ebe3um091]::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 50%;
    right: -90px;
    top: 80px;
    z-index: -1;
}

.side-badge[b-0ebe3um091] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: rgba(255, 255, 255, .11);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    padding: 7px 10px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.side-panel h2[b-0ebe3um091] {
    margin: 24px 0 10px;
    font-size: 28px;
    line-height: 1.08;
    letter-spacing: -.035em;
}

.side-panel > p[b-0ebe3um091] {
    color: rgba(255, 255, 255, .8);
    line-height: 1.58;
    font-size: 14px;
}

.side-steps[b-0ebe3um091] {
    margin: 28px 0 0;
    display: grid;
    gap: 18px;
}

.side-step[b-0ebe3um091] {
    display: grid;
    grid-template-columns: 34px 1fr;
    gap: 12px;
    align-items: start;
}

.step-dot[b-0ebe3um091] {
    width: 34px;
    height: 34px;
    border-radius: 11px;
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, .13);
    border: 1px solid rgba(255, 255, 255, .16);
    font-weight: 900;
    font-size: 13px;
}

.side-step strong[b-0ebe3um091] {
    font-size: 13px;
    display: block;
    margin: 2px 0 4px;
}

.side-step span[b-0ebe3um091] {
    color: rgba(255, 255, 255, .72);
    font-size: 12px;
    line-height: 1.45;
}

.security-note[b-0ebe3um091] {
    margin-top: 30px;
    padding: 14px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .10);
    border: 1px solid rgba(255, 255, 255, .15);
    font-size: 12px;
    line-height: 1.5;
    color: rgba(255, 255, 255, .8);
}

.security-note strong[b-0ebe3um091] {
    color: white;
}

.form-panel[b-0ebe3um091] {
    padding: 30px 34px 34px;
    min-width: 0;
}

.footer-note[b-0ebe3um091] {
    text-align: center;
    color: var(--muted-2);
    font-size: 11px;
    margin-top: 18px;
}

/* Shared form-control styles rendered by the Individual/Pharmacy child
   form components — ::deep so they penetrate component boundaries. */
.form-panel[b-0ebe3um091]  .form-heading {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 20px;
    margin-bottom: 22px;
}

.form-panel[b-0ebe3um091]  .form-heading h3 {
    margin: 0 0 5px;
    font-size: 22px;
    letter-spacing: -.025em;
}

.form-panel[b-0ebe3um091]  .form-heading p {
    margin: 0;
    color: var(--muted);
    font-size: 13px;
}

.form-panel[b-0ebe3um091]  .status-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border-radius: 999px;
    padding: 7px 10px;
    background: #eef2f8;
    color: var(--teal-dark);
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
}

.form-panel[b-0ebe3um091]  .section {
    border-top: 1px solid #edf0f4;
    padding-top: 22px;
    margin-top: 22px;
}

.form-panel[b-0ebe3um091]  .section:first-of-type {
    border-top: 0;
    padding-top: 0;
    margin-top: 0;
}

.form-panel[b-0ebe3um091]  .section-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.form-panel[b-0ebe3um091]  .section-number {
    width: 28px;
    height: 28px;
    border-radius: 9px;
    display: grid;
    place-items: center;
    background: var(--teal-soft);
    color: var(--teal-dark);
    font-weight: 900;
    font-size: 12px;
    flex: 0 0 auto;
}

.form-panel[b-0ebe3um091]  .section-title strong {
    font-size: 14px;
}

.form-panel[b-0ebe3um091]  .section-title span {
    color: var(--muted);
    font-size: 12px;
    display: block;
    margin-top: 2px;
}

.form-panel[b-0ebe3um091]  .grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 16px;
}

.form-panel[b-0ebe3um091]  .field.full {
    grid-column: 1 / -1;
}

.form-panel[b-0ebe3um091]  .field label {
    display: block;
    font-size: 12px;
    font-weight: 800;
    color: #35455d;
    margin-bottom: 7px;
}

.form-panel[b-0ebe3um091]  .field small {
    display: block;
    color: var(--muted-2);
    margin-top: 6px;
    font-size: 11px;
    line-height: 1.45;
}

.form-panel[b-0ebe3um091]  .field .validation-message {
    display: block;
    color: #b42318;
    margin-top: 6px;
    font-size: 11px;
}

.form-panel[b-0ebe3um091]  .control {
    width: 100%;
    height: 46px;
    border: 1px solid var(--line-strong);
    border-radius: 11px;
    padding: 0 13px;
    color: var(--ink);
    background: #fbfcfd;
    outline: none;
    transition: .16s ease;
}

.form-panel[b-0ebe3um091]  .control:hover {
    border-color: #aebccc;
}

.form-panel[b-0ebe3um091]  .control:focus {
    background: white;
    border-color: var(--teal);
    box-shadow: 0 0 0 4px rgba(13, 71, 148, .10);
}

.form-panel[b-0ebe3um091]  select.control {
    appearance: none;
    background-image:
        linear-gradient(45deg, transparent 50%, #667085 50%),
        linear-gradient(135deg, #667085 50%, transparent 50%);
    background-position: calc(100% - 17px) 20px, calc(100% - 12px) 20px;
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
}

.form-panel[b-0ebe3um091]  .password-wrap {
    position: relative;
}

.form-panel[b-0ebe3um091]  .password-wrap .control {
    padding-right: 52px;
}

.form-panel[b-0ebe3um091]  .eye-btn {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 36px;
    height: 36px;
    border: 0;
    background: transparent;
    color: var(--muted);
    cursor: pointer;
    border-radius: 9px;
    font-size: 15px;
}

.form-panel[b-0ebe3um091]  .eye-btn:hover {
    background: #eef3f7;
    color: var(--navy);
}

.form-panel[b-0ebe3um091]  .role-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.form-panel[b-0ebe3um091]  .role-card {
    position: relative;
    display: block;
    border: 1px solid var(--line);
    border-radius: 13px;
    padding: 13px;
    cursor: pointer;
    min-height: 84px;
    background: #fbfcfd;
    transition: .16s ease;
    isolation: isolate;
}

.form-panel[b-0ebe3um091]  .role-card:hover {
    border-color: #a8b5c7;
}

.form-panel[b-0ebe3um091]  .role-card.selected {
    border-color: var(--teal);
    background: #f0f4fa;
    box-shadow: 0 0 0 3px rgba(13, 71, 148, .07);
}

.form-panel[b-0ebe3um091]  .role-card input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
}

.form-panel[b-0ebe3um091]  .role-card strong {
    font-size: 12px;
    display: block;
    margin-bottom: 5px;
}

.form-panel[b-0ebe3um091]  .role-card span {
    color: var(--muted);
    font-size: 11px;
    line-height: 1.35;
    display: block;
}

.form-panel[b-0ebe3um091]  .rph-fields {
    margin-top: 12px;
    padding: 14px;
    border-radius: 13px;
    background: #f7fbfb;
    border: 1px solid #d6e0ee;
}

.form-panel[b-0ebe3um091]  .check-stack {
    display: grid;
    gap: 10px;
}

.form-panel[b-0ebe3um091]  .check-row {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 12px 13px;
    background: #fbfcfd;
    color: #42526a;
    font-size: 12px;
    line-height: 1.5;
    cursor: pointer;
}

.form-panel[b-0ebe3um091]  .check-row input {
    width: 17px;
    height: 17px;
    margin: 1px 0 0;
    accent-color: var(--teal);
    flex: 0 0 auto;
}

.form-panel[b-0ebe3um091]  .check-row a {
    color: var(--teal-dark);
    font-weight: 800;
}

.form-panel[b-0ebe3um091]  .same-contact {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 2px;
    color: #42526a;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.form-panel[b-0ebe3um091]  .same-contact input {
    accent-color: var(--teal);
}

.form-panel[b-0ebe3um091]  .form-alert {
    margin-bottom: 18px;
    padding: 12px 14px;
    border-radius: 12px;
    color: #9a2f28;
    background: #fff0ef;
    font-size: 12px;
    line-height: 1.5;
}

.form-panel[b-0ebe3um091]  .submit-row {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-top: 20px;
    border-top: 1px solid #edf0f4;
}

.form-panel[b-0ebe3um091]  .submit-copy {
    color: var(--muted);
    font-size: 11px;
    line-height: 1.45;
    max-width: 340px;
}

.form-panel[b-0ebe3um091]  .primary-btn {
    height: 48px;
    border: 0;
    border-radius: 12px;
    padding: 0 20px;
    min-width: 220px;
    color: white;
    font-weight: 900;
    background: linear-gradient(135deg, #1354aa, #083876);
    box-shadow: 0 10px 20px rgba(13, 71, 148, .22);
    cursor: pointer;
    transition: .17s ease;
}

.form-panel[b-0ebe3um091]  .primary-btn:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 13px 26px rgba(13, 71, 148, .28);
}

.form-panel[b-0ebe3um091]  .primary-btn:disabled {
    opacity: .65;
    cursor: default;
}

@media (max-width: 900px) {
    .page[b-0ebe3um091] {
        width: min(100% - 24px, 760px);
        padding-top: 1.5rem;
    }

    .heading-row[b-0ebe3um091] {
        align-items: start;
        flex-direction: column;
        gap: 8px;
    }

    .register-shell[b-0ebe3um091] {
        grid-template-columns: minmax(0, 1fr);
    }

    .side-panel[b-0ebe3um091] {
        padding: 24px;
    }

    .side-panel h2[b-0ebe3um091] {
        font-size: 24px;
    }

    .side-steps[b-0ebe3um091] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
    }

    .side-step[b-0ebe3um091] {
        grid-template-columns: minmax(0, 1fr);
    }

    .side-step span[b-0ebe3um091] {
        display: none;
    }
}

@media (max-width: 640px) {
    .account-switcher[b-0ebe3um091] {
        grid-template-columns: minmax(0, 1fr);
    }

    .form-panel[b-0ebe3um091]  .grid,
    .form-panel[b-0ebe3um091]  .role-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .type-card[b-0ebe3um091] {
        min-height: 88px;
    }

    .form-panel[b-0ebe3um091] {
        padding: 24px 18px 22px;
    }

    .side-panel[b-0ebe3um091] {
        padding: 22px 18px;
    }

    .side-steps[b-0ebe3um091] {
        grid-template-columns: minmax(0, 1fr);
    }

    .side-step[b-0ebe3um091] {
        grid-template-columns: 32px minmax(0, 1fr);
    }

    .side-step span[b-0ebe3um091] {
        display: block;
    }

    .form-panel[b-0ebe3um091]  .form-heading {
        flex-direction: column;
        gap: 10px;
    }

    .form-panel[b-0ebe3um091]  .submit-row {
        align-items: stretch;
        flex-direction: column;
    }

    .form-panel[b-0ebe3um091]  .primary-btn {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .type-card[b-0ebe3um091],
    .form-panel[b-0ebe3um091]  .control,
    .form-panel[b-0ebe3um091]  .role-card,
    .form-panel[b-0ebe3um091]  .primary-btn {
        transition: none;
    }
}
/* /Components/Account/Pages/RegisterConfirmation.razor.rz.scp.css */
.confirmation-email[b-2g5ogdlr23] {
    padding: 1rem 1.1rem;
    border: 1px solid #cfd8e4;
    border-radius: 0.9rem;
    background: #f0f4f9;
}

.confirmation-email span[b-2g5ogdlr23],
.confirmation-email strong[b-2g5ogdlr23] {
    display: block;
}

.confirmation-email span[b-2g5ogdlr23] {
    color: #667085;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.confirmation-email strong[b-2g5ogdlr23] {
    margin-top: 0.25rem;
    color: #072d5f;
    overflow-wrap: anywhere;
}

.confirmation-steps[b-2g5ogdlr23] {
    margin: 1.25rem 0 0;
    padding: 0;
    display: grid;
    gap: 0.7rem;
    list-style: none;
}

.confirmation-steps li[b-2g5ogdlr23] {
    display: grid;
    grid-template-columns: 1.8rem 1fr;
    gap: 0.7rem;
    align-items: center;
    color: #475467;
    font-size: 0.84rem;
}

.confirmation-steps b[b-2g5ogdlr23] {
    width: 1.8rem;
    height: 1.8rem;
    display: grid;
    place-items: center;
    border-radius: 0.6rem;
    color: #083c7f;
    background: #e1eaf6;
    font-size: 0.72rem;
}

.confirmation-actions[b-2g5ogdlr23] {
    margin-top: 1.45rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.7rem;
}

.confirmation-actions a[b-2g5ogdlr23] {
    min-height: 3.15rem;
    padding: 0.75rem 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.78rem;
    font-weight: 750;
    text-decoration: none;
    transition: box-shadow 180ms ease, transform 180ms ease,
        background-color 180ms ease;
}

.confirmation-actions a:hover[b-2g5ogdlr23] {
    transform: translateY(-2px);
}

.confirmation-primary[b-2g5ogdlr23] {
    color: #fff;
    background: linear-gradient(135deg, #084da8, #083c7f);
    box-shadow: 0 0.7rem 1.4rem rgba(8, 63, 135, 0.22);
}

.confirmation-primary:hover[b-2g5ogdlr23] {
    color: #fff;
    box-shadow: 0 1rem 1.8rem rgba(8, 63, 135, 0.29);
}

.confirmation-secondary[b-2g5ogdlr23] {
    border: 1px solid #a8b9d0;
    color: #083c7f;
    background: #fff;
}

.confirmation-secondary:hover[b-2g5ogdlr23] {
    color: #072d5f;
    background: #f0f4fa;
}

.confirmation-help[b-2g5ogdlr23] {
    margin: 1.2rem 0 0;
    color: #7a8790;
    font-size: 0.76rem;
    line-height: 1.55;
    text-align: center;
}

.confirmation-help a[b-2g5ogdlr23],
.confirmation-development a[b-2g5ogdlr23] {
    color: #083c7f;
    font-weight: 700;
}

.confirmation-development[b-2g5ogdlr23] {
    margin-top: 1rem;
    padding: 0.8rem;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    border: 1px dashed #d5a33b;
    border-radius: 0.75rem;
    color: #7a5512;
    background: #fff9e9;
    font-size: 0.76rem;
}

@media (max-width: 520px) {
    .confirmation-actions[b-2g5ogdlr23] {
        grid-template-columns: minmax(0, 1fr);
    }

    .confirmation-development[b-2g5ogdlr23] {
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .confirmation-actions a[b-2g5ogdlr23] {
        transition: none;
    }
}
/* /Components/Account/Pages/ResetPassword.razor.rz.scp.css */
.reset-shell[b-47tfgahsx9] {
    --reset-brand: #084da8;
    --reset-dark: #083c7f;
    width: min(1180px, calc(100% - 2rem));
    min-height: calc(100vh - 190px);
    margin: 0 auto;
    padding: clamp(2rem, 6vw, 5rem) 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 480px);
    gap: clamp(2rem, 7vw, 7rem);
    align-items: center;
}

.reset-intro h1[b-47tfgahsx9] {
    max-width: 650px;
    margin: 0.7rem 0 1.15rem;
    color: #101d2d;
    font-size: clamp(2.65rem, 5.7vw, 5rem);
    line-height: 1.02;
    letter-spacing: -0.06em;
}

.reset-intro > p[b-47tfgahsx9],
.reset-heading p[b-47tfgahsx9] {
    color: #667085;
    line-height: 1.72;
}

.reset-intro > p[b-47tfgahsx9] {
    max-width: 590px;
    font-size: 1.04rem;
}

.reset-kicker[b-47tfgahsx9] {
    color: var(--reset-dark);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.reset-trust[b-47tfgahsx9] {
    width: fit-content;
    margin-top: 2rem;
    padding: 1rem 1.15rem;
    display: flex;
    gap: 0.85rem;
    border: 1px solid #cfd9e7;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 0.8rem 2rem rgba(15, 60, 118, 0.07);
}

.reset-trust > span[b-47tfgahsx9] {
    width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
    border-radius: 0.65rem;
    color: #fff;
    background: linear-gradient(145deg, var(--reset-brand), var(--reset-dark));
}

.reset-trust strong[b-47tfgahsx9],
.reset-trust small[b-47tfgahsx9] {
    display: block;
}

.reset-trust small[b-47tfgahsx9] {
    margin-top: 0.25rem;
    color: #667085;
}

.reset-heading[b-47tfgahsx9] {
    margin-bottom: 1.2rem;
}

.reset-heading h2[b-47tfgahsx9] {
    margin: 0.45rem 0 0;
    color: #101d2d;
    font-size: clamp(2rem, 4vw, 2.65rem);
    letter-spacing: -0.045em;
}

.reset-heading p[b-47tfgahsx9] {
    margin: 0.55rem 0 0;
}

.reset-card[b-47tfgahsx9] {
    padding: clamp(1.35rem, 4vw, 2rem);
    border: 1px solid #dbe0e7;
    border-radius: 1.35rem;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 1.5rem 4rem rgba(16, 29, 45, 0.11);
}

.reset-field + .reset-field[b-47tfgahsx9] {
    margin-top: 1.05rem;
}

.reset-field label[b-47tfgahsx9] {
    display: block;
    margin-bottom: 0.48rem;
    color: #344054;
    font-size: 0.8rem;
    font-weight: 750;
}

.reset-field[b-47tfgahsx9]  input {
    width: 100%;
    min-height: 3.45rem;
    padding: 0.9rem 1rem;
    border: 1px solid #cddadb;
    border-radius: 0.82rem;
    color: #111827;
    background: #fbfdfd;
    outline: 0;
    font-size: 1rem;
    transition: border-color 180ms ease, box-shadow 180ms ease,
        background-color 180ms ease, transform 180ms ease;
}

.reset-field[b-47tfgahsx9]  input:hover {
    border-color: #8ea2bd;
    background: #fff;
}

.reset-field[b-47tfgahsx9]  input:focus {
    border-color: var(--reset-brand);
    background: #fff;
    box-shadow: 0 0 0 0.26rem rgba(8, 77, 168, 0.13);
    transform: translateY(-1px);
}

.reset-field[b-47tfgahsx9]  .validation-message {
    display: block;
    margin-top: 0.35rem;
    color: #b42318;
    font-size: 0.74rem;
}

.reset-validation[b-47tfgahsx9] {
    display: block;
    color: #b42318;
    font-size: 0.8rem;
}

.reset-validation:empty[b-47tfgahsx9] {
    display: none;
}

.reset-submit[b-47tfgahsx9] {
    width: 100%;
    margin-top: 1.3rem;
    min-height: 3.25rem;
    border: 0;
    border-radius: 0.82rem;
    color: #fff;
    font-weight: 760;
    cursor: pointer;
    background: linear-gradient(135deg, var(--reset-brand), var(--reset-dark));
    box-shadow: 0 0.7rem 1.4rem rgba(8, 63, 135, 0.22);
    transition: box-shadow 180ms ease, transform 180ms ease;
}

.reset-submit:hover[b-47tfgahsx9] {
    box-shadow: 0 1rem 1.8rem rgba(8, 63, 135, 0.3);
    transform: translateY(-2px);
}

.reset-links[b-47tfgahsx9] {
    margin-top: 1.3rem;
    text-align: center;
    font-size: 0.78rem;
}

.reset-links a[b-47tfgahsx9] {
    color: var(--reset-dark);
    font-weight: 700;
    text-decoration: none;
}

@media (max-width: 860px) {
    .reset-shell[b-47tfgahsx9] {
        grid-template-columns: minmax(0, 1fr);
        gap: 2rem;
    }

    .reset-intro h1[b-47tfgahsx9] {
        max-width: 720px;
        font-size: clamp(2.5rem, 10vw, 4rem);
    }

    .reset-panel[b-47tfgahsx9] {
        width: min(520px, 100%);
    }
}

@media (max-width: 520px) {
    .reset-shell[b-47tfgahsx9] {
        width: min(100% - 1.25rem, 1180px);
        padding: 1.5rem 0 2.5rem;
    }

    .reset-intro > p[b-47tfgahsx9],
    .reset-trust[b-47tfgahsx9] {
        display: none;
    }

    .reset-card[b-47tfgahsx9] {
        padding: 1.15rem;
        border-radius: 1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .reset-field[b-47tfgahsx9]  input,
    .reset-submit[b-47tfgahsx9] {
        transition: none;
    }
}
/* /Components/Account/Pages/ResetPasswordConfirmation.razor.rz.scp.css */
.confirmation-actions[b-9eb0u9ignj] {
    margin-top: 1.45rem;
    display: grid;
}

.confirmation-actions a[b-9eb0u9ignj] {
    min-height: 3.15rem;
    padding: 0.75rem 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.78rem;
    font-weight: 750;
    text-decoration: none;
    transition: box-shadow 180ms ease, transform 180ms ease;
}

.confirmation-actions a:hover[b-9eb0u9ignj] {
    transform: translateY(-2px);
}

.confirmation-primary[b-9eb0u9ignj] {
    color: #fff;
    background: linear-gradient(135deg, #084da8, #083c7f);
    box-shadow: 0 0.7rem 1.4rem rgba(8, 63, 135, 0.22);
}

.confirmation-primary:hover[b-9eb0u9ignj] {
    color: #fff;
    box-shadow: 0 1rem 1.8rem rgba(8, 63, 135, 0.29);
}

@media (prefers-reduced-motion: reduce) {
    .confirmation-actions a[b-9eb0u9ignj] {
        transition: none;
    }
}
/* /Components/Account/Shared/AccountCompletionShell.razor.rz.scp.css */
.completion-page[b-21rrn7t2g1] {
    width: min(760px, calc(100% - 2rem));
    min-height: calc(100vh - 190px);
    margin: 0 auto;
    padding: clamp(2.5rem, 8vw, 6.5rem) 0;
    display: grid;
    align-content: center;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr);
}

.completion-card[b-21rrn7t2g1] {
    padding: clamp(1.6rem, 5vw, 3.25rem);
    position: relative;
    overflow: hidden;
    border: 1px solid #d2dae5;
    border-radius: 1.5rem;
    background:
        radial-gradient(circle at 100% 0, rgba(103, 158, 231, 0.13), transparent 17rem),
        rgba(255, 255, 255, 0.97);
    box-shadow: 0 1.6rem 4.5rem rgba(16, 29, 45, 0.12);
}

.completion-card[b-21rrn7t2g1]::after {
    content: "";
    width: 15rem;
    height: 15rem;
    position: absolute;
    right: -8rem;
    top: -9rem;
    border: 1px solid rgba(8, 77, 168, 0.15);
    border-radius: 50%;
}

.completion-icon[b-21rrn7t2g1] {
    width: 4rem;
    height: 4rem;
    margin-bottom: 1.4rem;
    display: grid;
    place-items: center;
    border-radius: 1.15rem;
    color: #fff;
    background: linear-gradient(145deg, #084da8, #083c7f);
    box-shadow: 0 0.8rem 1.8rem rgba(8, 63, 135, 0.25);
    font-size: 1.55rem;
    font-weight: 800;
}

.completion-kicker[b-21rrn7t2g1] {
    color: #083c7f;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.completion-card h1[b-21rrn7t2g1] {
    max-width: 620px;
    margin: 0.55rem 0 0;
    color: #101d2d;
    font-size: clamp(2.4rem, 6vw, 4.4rem);
    line-height: 1.02;
    letter-spacing: -0.06em;
}

.completion-lead[b-21rrn7t2g1] {
    max-width: 590px;
    margin: 1rem 0 0;
    color: #667085;
    font-size: 1rem;
    line-height: 1.7;
}

.completion-content[b-21rrn7t2g1] {
    margin-top: 1.65rem;
}

.completion-assurance[b-21rrn7t2g1] {
    padding: 1rem 1.15rem;
    display: grid;
    grid-template-columns: 2.2rem 1fr;
    gap: 0.85rem;
    align-items: start;
    border: 1px solid #d8dee7;
    border-radius: 1rem;
    color: #344054;
    background: rgba(255, 255, 255, 0.72);
}

.completion-assurance-icon[b-21rrn7t2g1] {
    width: 2.2rem;
    height: 2.2rem;
    display: grid;
    place-items: center;
    border-radius: 0.7rem;
    color: #083c7f;
    background: #dde8f6;
    font-weight: 800;
}

.completion-assurance strong[b-21rrn7t2g1] {
    font-size: 0.84rem;
}

.completion-assurance p[b-21rrn7t2g1] {
    margin: 0.25rem 0 0;
    color: #667085;
    font-size: 0.76rem;
    line-height: 1.5;
}

@media (max-width: 560px) {
    .completion-page[b-21rrn7t2g1] {
        width: min(100% - 1.25rem, 760px);
        padding: 1.5rem 0 2.5rem;
        align-content: start;
    }

    .completion-card[b-21rrn7t2g1] {
        border-radius: 1.1rem;
    }

    .completion-icon[b-21rrn7t2g1] {
        width: 3.4rem;
        height: 3.4rem;
        border-radius: 0.95rem;
    }
}
/* /Components/Account/Shared/ManageLayout.razor.rz.scp.css */
.account-page[b-15c2q1hodt] {
    width: min(1220px, calc(100% - 40px));
    margin: 30px auto 56px;
    color: #102a43;
}

.account-page__header[b-15c2q1hodt] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 22px;
}

.account-page__eyebrow[b-15c2q1hodt] {
    display: block;
    margin-bottom: 7px;
    color: #0b4a9d;
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.account-page__header h1[b-15c2q1hodt] {
    margin: 0;
    color: #0a2f50;
    font-size: clamp(2rem, 4vw, 2.65rem);
    font-weight: 800;
    letter-spacing: -.035em;
}

.account-page__header p[b-15c2q1hodt] {
    max-width: 760px;
    margin: 8px 0 0;
    color: #62758b;
    font-size: .98rem;
    line-height: 1.55;
}

.account-page__back[b-15c2q1hodt] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid #ccd9e6;
    border-radius: 11px;
    background: #fff;
    color: #123b5e;
    font-size: .88rem;
    font-weight: 750;
    text-decoration: none;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.account-page__back:hover[b-15c2q1hodt] {
    border-color: #73a6d6;
    box-shadow: 0 8px 20px rgba(15, 55, 88, .08);
    color: #075da8;
    transform: translateY(-1px);
}

.account-page__shell[b-15c2q1hodt] {
    display: grid;
    grid-template-columns: 270px minmax(0, 1fr);
    gap: 22px;
    align-items: start;
}

.account-page__sidebar[b-15c2q1hodt] {
    position: sticky;
    top: 92px;
    overflow: hidden;
    padding: 10px;
    border: 1px solid #d9e3ed;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 12px 32px rgba(17, 50, 79, .07);
}

.account-page__sidebar-title[b-15c2q1hodt] {
    padding: 10px 12px 12px;
    color: #74879b;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.account-page__content[b-15c2q1hodt] {
    min-width: 0;
}

.account-page[b-15c2q1hodt]  .account-nav {
    display: grid;
    gap: 5px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.account-page[b-15c2q1hodt]  .account-nav-link {
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 46px;
    padding: 9px 12px;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #476078;
    font-size: .88rem;
    font-weight: 700;
    text-decoration: none;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

.account-page[b-15c2q1hodt]  .account-nav-link:hover {
    background: #f1f7fc;
    color: #075da8;
}

.account-page[b-15c2q1hodt]  .account-nav-link.active {
    border-color: #c7dcf2;
    background: #eaf3ff;
    color: #075fb8;
    box-shadow: inset 3px 0 0 #1877d2;
}

.account-page[b-15c2q1hodt]  .account-nav-icon {
    display: grid;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 8px;
    background: #eef4f9;
    color: #3f607b;
    font-size: .82rem;
}

.account-page[b-15c2q1hodt]  .account-nav-link.active .account-nav-icon {
    background: #d9eaff;
    color: #075fb8;
}

@media (max-width: 820px) {
    .account-page__shell[b-15c2q1hodt] {
        grid-template-columns: minmax(0, 1fr);
    }

    /* This was a `width: max-content` strip inside `overflow-x: auto`: 682px of
       tabs in a 336px box with no visible scrollbar on touch, so Two-factor
       authentication, Passkeys and Personal data were unreachable. A wrapped
       grid shows all seven at once. */
    .account-page__sidebar[b-15c2q1hodt] {
        position: static;
        overflow: visible;
        padding: 7px;
    }

    .account-page__sidebar-title[b-15c2q1hodt] {
        display: none;
    }

    .account-page[b-15c2q1hodt]  .account-nav {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
        width: auto;
    }

    .account-page[b-15c2q1hodt]  .account-nav-link {
        min-height: 44px;
        padding: 8px 10px;
        justify-content: center;
        border-radius: 10px;
        background: #f4f7fb;
        white-space: normal;
        text-align: center;
        line-height: 1.2;
        font-size: .82rem;
    }

    .account-page[b-15c2q1hodt]  .account-nav-link.active {
        background: #eaf2ff;
        box-shadow: inset 0 0 0 1.5px #1877d2;
    }

    .account-page[b-15c2q1hodt]  .account-nav-icon {
        display: none;
    }
}

@media (max-width: 620px) {
    .account-page[b-15c2q1hodt] {
        width: min(100% - 20px, 1220px);
        margin-top: 18px;
    }

    .account-page__header[b-15c2q1hodt] {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .account-page__header h1[b-15c2q1hodt] {
        font-size: 1.85rem;
    }

    .account-page__header p[b-15c2q1hodt] {
        font-size: .9rem;
    }
}
/* /Components/Dialogs/FaxDetailDialog.razor.rz.scp.css */
.fxv[b-ywpn4x3cpv]{--navy:#0b2f52;--navy-deep:#082138;--teal:#168552;--line:#e4e9f1;--muted:#5d6b82;--ink:#0f172a;--surface:#fff;--surface-2:#f6f8fb;--ok:#137a49;--warn:#b45309;--bad:#dc2626;color:var(--ink);margin:-24px;border-radius:14px;overflow:hidden}

.fxv-head[b-ywpn4x3cpv]{padding:22px 26px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-deep) 100%)}
.fxv-head h2[b-ywpn4x3cpv]{margin:10px 0 4px;color:#fff;font-size:19px;font-weight:800;letter-spacing:-.01em}
.fxv-head p[b-ywpn4x3cpv]{margin:0;color:#cbd8e6;font-size:12.5px}

.fxv-pill[b-ywpn4x3cpv]{display:inline-block;border-radius:999px;padding:4px 11px;font-size:11px;font-weight:800;letter-spacing:.03em}
.fxv-pill.ok[b-ywpn4x3cpv]{background:#eaf8f0;color:var(--ok)}
.fxv-pill.warn[b-ywpn4x3cpv]{background:#fff4e6;color:var(--warn)}
.fxv-pill.bad[b-ywpn4x3cpv]{background:#fef1f1;color:var(--bad)}
.fxv-pill.muted[b-ywpn4x3cpv]{background:#eef2f7;color:var(--muted)}

.fxv-body[b-ywpn4x3cpv]{padding:20px 26px 6px;background:var(--surface);max-height:min(62vh,640px);overflow-y:auto}

.fxv-label[b-ywpn4x3cpv]{display:block;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:10px}

.fxv-facts[b-ywpn4x3cpv]{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin:0 0 20px;padding:0}
.fxv-facts>div[b-ywpn4x3cpv]{display:flex;flex-direction:column;gap:2px}
.fxv-facts dt[b-ywpn4x3cpv]{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.fxv-facts dd[b-ywpn4x3cpv]{margin:0;font-size:13.5px;font-weight:600;color:var(--ink)}

.fxv-error[b-ywpn4x3cpv]{display:flex;gap:11px;align-items:flex-start;background:#fef1f1;border:1px solid #fbd5d5;border-radius:12px;padding:13px 15px;margin-bottom:20px}
.fxv-error span[b-ywpn4x3cpv]{color:var(--bad);font-weight:800}
.fxv-error strong[b-ywpn4x3cpv]{display:block;color:#9b1c1c;font-size:13px;font-weight:800;margin-bottom:2px}
.fxv-error p[b-ywpn4x3cpv]{margin:0;color:#a33;font-size:12.5px;line-height:1.55}

.fxv-section[b-ywpn4x3cpv]{margin-bottom:22px}
.fxv-files[b-ywpn4x3cpv]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.fxv-files button[b-ywpn4x3cpv]{width:100%;text-align:left;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:var(--navy);text-decoration:none;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:10px 13px}
.fxv-files button:hover[b-ywpn4x3cpv]{border-color:var(--teal);color:var(--teal)}
.fxv-files button span[b-ywpn4x3cpv]{color:var(--teal)}

.fxv-timeline[b-ywpn4x3cpv]{list-style:none;margin:0;padding:0 0 0 20px;position:relative}
.fxv-timeline[b-ywpn4x3cpv]::before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:var(--line)}
.fxv-timeline li[b-ywpn4x3cpv]{position:relative;padding:0 0 16px}
.fxv-timeline li[b-ywpn4x3cpv]::before{content:"";position:absolute;left:-19px;top:5px;width:10px;height:10px;border-radius:50%;border:2px solid var(--surface)}
.fxv-timeline li.ok[b-ywpn4x3cpv]::before{background:var(--teal)}
.fxv-timeline li.bad[b-ywpn4x3cpv]::before{background:var(--bad)}
.fxv-timeline li.info[b-ywpn4x3cpv]::before{background:#7d94b0}
.fxv-timeline li.muted[b-ywpn4x3cpv]::before{background:#b6c2d2}

.fxv-ev-head[b-ywpn4x3cpv]{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.fxv-ev-head strong[b-ywpn4x3cpv]{font-size:13px;font-weight:800;color:var(--ink)}
.fxv-ev-head time[b-ywpn4x3cpv]{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.fxv-ev-actor[b-ywpn4x3cpv]{font-size:11.5px;color:var(--muted);margin-top:1px}
.fxv-ev-detail[b-ywpn4x3cpv]{margin-top:5px;font-size:11.5px;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:6px 10px;word-break:break-word}

.fxv-chain[b-ywpn4x3cpv]{margin:4px 0 0;font-size:11.5px;color:var(--muted);line-height:1.55;font-style:italic}

.fxv-foot[b-ywpn4x3cpv]{display:flex;justify-content:flex-end;padding:16px 26px;background:var(--surface-2);border-top:1px solid var(--line)}
.fxv-btn[b-ywpn4x3cpv]{border:1px solid var(--line);background:var(--surface);color:var(--navy);border-radius:10px;padding:10px 22px;font-size:13.5px;font-weight:800;cursor:pointer}
.fxv-btn:hover[b-ywpn4x3cpv]{background:#eef2f7;border-color:#c7d3e3}

@media(max-width:560px){.fxv-facts[b-ywpn4x3cpv]{grid-template-columns:minmax(0, 1fr)}.fxv-head[b-ywpn4x3cpv],.fxv-body[b-ywpn4x3cpv],.fxv-foot[b-ywpn4x3cpv]{padding-left:18px;padding-right:18px}}
/* /Components/Dialogs/SendFaxDialog.razor.rz.scp.css */
.fxd[b-rdapb8da54]{--navy:#0b2f52;--navy-deep:#082138;--teal:#168552;--line:#e4e9f1;--muted:#5d6b82;--ink:#0f172a;--surface:#fff;--surface-2:#f6f8fb;--bad:#dc2626;--warn:#b45309;color:var(--ink);margin:-24px;border-radius:14px;overflow:hidden}

.fxd-head[b-rdapb8da54]{display:flex;align-items:flex-start;gap:14px;padding:22px 26px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-deep) 100%)}
.fxd-glyph[b-rdapb8da54]{flex-shrink:0;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(94, 155, 234, .16);color:#6fe0a6;font-size:20px}
.fxd-head h2[b-rdapb8da54]{margin:0;color:#fff;font-size:19px;font-weight:800;letter-spacing:-.01em}
.fxd-head p[b-rdapb8da54]{margin:3px 0 0;color:#cbd8e6;font-size:12.5px;line-height:1.5}

.fxd-body[b-rdapb8da54]{padding:22px 26px 6px;background:var(--surface);max-height:min(62vh,620px);overflow-y:auto}

.fxd-label[b-rdapb8da54]{display:block;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:8px}

.fxd-attachments[b-rdapb8da54]{background:var(--surface-2);border:1px solid var(--line);border-radius:13px;padding:14px 16px;margin-bottom:20px}
.fxd-attachments ul[b-rdapb8da54]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.fxd-attachments li[b-rdapb8da54]{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:var(--ink)}
.fxd-attachments li span[b-rdapb8da54]{color:var(--teal);font-size:13px}

.fxd-grid[b-rdapb8da54]{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fxd-field[b-rdapb8da54]{margin-bottom:18px;display:flex;flex-direction:column}
.fxd-grid .fxd-field[b-rdapb8da54]{margin-bottom:0}
.fxd-field label[b-rdapb8da54]{font-size:12px;font-weight:800;color:var(--navy);margin-bottom:6px}
.fxd-field small[b-rdapb8da54]{margin-top:6px;font-size:11.5px;color:var(--muted);line-height:1.45}
.fxd-field small.err[b-rdapb8da54]{color:var(--bad);font-weight:700}

.fxd-input[b-rdapb8da54],.fxd-textarea[b-rdapb8da54]{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:10px 13px;font-size:13.5px;color:var(--ink);font-family:inherit;transition:border-color .14s ease,box-shadow .14s ease}
.fxd-input:focus[b-rdapb8da54],.fxd-textarea:focus[b-rdapb8da54]{outline:0;border-color:var(--teal);box-shadow:0 0 0 3px rgba(15, 77, 159, .15)}
.fxd-input[b-rdapb8da54]::placeholder,.fxd-textarea[b-rdapb8da54]::placeholder{color:#9aa7ba}
.fxd-input.invalid[b-rdapb8da54]{border-color:#f0b4b4;background:#fffafa}
.fxd-textarea[b-rdapb8da54]{resize:vertical;min-height:120px;line-height:1.6}

.fxd-confirm[b-rdapb8da54]{display:flex;align-items:flex-start;gap:11px;background:#fff8ed;border:1px solid #f6ddb6;border-radius:12px;padding:13px 15px;margin:0 0 18px;cursor:pointer}
.fxd-confirm input[b-rdapb8da54]{margin-top:2px;width:16px;height:16px;flex-shrink:0;accent-color:var(--warn);cursor:pointer}
.fxd-confirm span[b-rdapb8da54]{font-size:12.5px;line-height:1.55;color:#7c4a08}
.fxd-confirm strong[b-rdapb8da54]{display:block;color:#8a4b04;font-weight:800;margin-bottom:1px}

.fxd-foot[b-rdapb8da54]{display:flex;justify-content:flex-end;gap:10px;padding:16px 26px;background:var(--surface-2);border-top:1px solid var(--line)}
.fxd-btn[b-rdapb8da54]{border:0;border-radius:10px;padding:11px 20px;font-size:13.5px;font-weight:800;cursor:pointer;transition:background .14s ease,transform .12s ease}
.fxd-btn:active[b-rdapb8da54]{transform:translateY(1px)}
.fxd-btn:disabled[b-rdapb8da54]{opacity:.6;cursor:not-allowed}
.fxd-btn.ghost[b-rdapb8da54]{background:transparent;color:var(--muted);border:1px solid var(--line)}
.fxd-btn.ghost:hover:not(:disabled)[b-rdapb8da54]{background:#eef2f7;color:var(--navy)}
.fxd-btn.primary[b-rdapb8da54]{background:var(--teal);color:#fff;box-shadow:0 8px 18px -9px rgba(15, 77, 159, .9)}
.fxd-btn.primary:hover:not(:disabled)[b-rdapb8da54]{background:#12703f}

@media(max-width:560px){.fxd-grid[b-rdapb8da54]{grid-template-columns:minmax(0, 1fr)}.fxd-head[b-rdapb8da54],.fxd-body[b-rdapb8da54],.fxd-foot[b-rdapb8da54]{padding-left:18px;padding-right:18px}}

.fxd-upload[b-rdapb8da54]{margin-bottom:18px}
.fxd-file-input[b-rdapb8da54]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.fxd-dropzone[b-rdapb8da54]{display:flex;flex-direction:column;align-items:center;gap:3px;padding:18px 16px;border:1.5px dashed #c7d3e3;border-radius:13px;background:var(--surface-2);cursor:pointer;text-align:center;transition:border-color .14s ease,background .14s ease}
.fxd-dropzone:hover[b-rdapb8da54]{border-color:var(--teal);background:#f2fbfa}
.fxd-drop-glyph[b-rdapb8da54]{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--teal);color:#fff;font-size:17px;font-weight:800;line-height:1}
.fxd-drop-main[b-rdapb8da54]{font-size:13px;font-weight:800;color:var(--navy);margin-top:4px}
.fxd-drop-sub[b-rdapb8da54]{font-size:11.5px;color:var(--muted);line-height:1.5;max-width:340px}

.fxd-uploading[b-rdapb8da54]{display:flex;align-items:center;gap:9px;margin-top:10px;font-size:12.5px;color:var(--muted)}

.fxd-uploaded[b-rdapb8da54]{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.fxd-uploaded li[b-rdapb8da54]{display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:9px 11px}
.fxd-file-icon[b-rdapb8da54]{color:var(--teal);font-size:13px}
.fxd-file-name[b-rdapb8da54]{flex:1;font-size:12.5px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fxd-file-size[b-rdapb8da54]{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.fxd-file-remove[b-rdapb8da54]{border:0;background:transparent;color:var(--muted);font-size:18px;line-height:1;cursor:pointer;padding:0 2px;border-radius:6px}
.fxd-file-remove:hover[b-rdapb8da54]{color:var(--bad);background:#fef1f1}

.fxd-total[b-rdapb8da54]{margin-top:8px;font-size:11.5px;font-weight:700;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}
.fxd-total.over[b-rdapb8da54]{color:var(--bad)}

.fxd-linkbtn[b-rdapb8da54]{border:0;background:transparent;color:var(--teal);font-size:11.5px;font-weight:800;cursor:pointer;margin-left:8px;padding:0}
.fxd-linkbtn:hover[b-rdapb8da54]{text-decoration:underline}

.fxd-contacts[b-rdapb8da54]{margin:-6px 0 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);padding:12px}
.fxd-contacts ul[b-rdapb8da54]{list-style:none;margin:10px 0 0;padding:0;max-height:190px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}
.fxd-contacts li button[b-rdapb8da54]{width:100%;text-align:left;border:1px solid transparent;background:var(--surface);border-radius:9px;padding:8px 11px;cursor:pointer;display:flex;align-items:baseline;gap:8px;font-family:inherit}
.fxd-contacts li button:hover[b-rdapb8da54]{border-color:var(--teal)}
.fxd-contacts strong[b-rdapb8da54]{font-size:12.5px;color:var(--ink)}
.fxd-contact-org[b-rdapb8da54]{font-size:11.5px;color:var(--muted);flex:1}
.fxd-contact-num[b-rdapb8da54]{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}

.fxd-extra[b-rdapb8da54]{margin-bottom:16px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.fxd-extra ul[b-rdapb8da54]{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:7px}
.fxd-extra li[b-rdapb8da54]{display:flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:5px 6px 5px 12px;font-size:12px;font-variant-numeric:tabular-nums}
.fxd-extra li button[b-rdapb8da54]{border:0;background:transparent;color:var(--muted);font-size:15px;line-height:1;cursor:pointer;padding:0 4px}
.fxd-extra li button:hover[b-rdapb8da54]{color:var(--bad)}
.fxd-extra small[b-rdapb8da54]{display:block;margin-top:8px;font-size:11px;color:var(--muted)}

.fxd-addmore[b-rdapb8da54]{border:1px dashed #c7d3e3;background:transparent;color:var(--navy);border-radius:10px;padding:8px 14px;font-size:12.5px;font-weight:800;cursor:pointer;margin-bottom:16px}
.fxd-addmore:hover[b-rdapb8da54]{border-color:var(--teal);color:var(--teal)}

.fxd-toolbar[b-rdapb8da54]{display:flex;align-items:center;gap:2px;flex-wrap:wrap;border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;background:var(--surface-2);padding:6px 8px}
.fxd-toolbar button[b-rdapb8da54]{min-width:30px;height:28px;border:0;background:transparent;border-radius:7px;color:var(--navy);font-size:13px;font-family:inherit;cursor:pointer;line-height:1}
.fxd-toolbar button:hover[b-rdapb8da54]{background:#e3eaf3}
.fxd-toolbar button:active[b-rdapb8da54]{background:#d5dfeb}
.fxd-toolbar-sep[b-rdapb8da54]{width:1px;height:18px;background:var(--line);margin:0 4px}

.fxd-editor[b-rdapb8da54]{width:100%;min-height:150px;max-height:320px;overflow-y:auto;border:1px solid var(--line);border-radius:0 0 10px 10px;background:var(--surface);padding:12px 13px;font-size:13.5px;line-height:1.6;color:var(--ink);font-family:inherit}
.fxd-editor:focus[b-rdapb8da54]{outline:0;border-color:var(--teal);box-shadow:0 0 0 3px rgba(15, 77, 159, .15)}
.fxd-editor:empty[b-rdapb8da54]::before{content:attr(data-placeholder);color:#9aa7ba}
.fxd-editor h3[b-rdapb8da54]{margin:14px 0 6px;font-size:15px;font-weight:800}
.fxd-editor ul[b-rdapb8da54],.fxd-editor ol[b-rdapb8da54]{margin:0 0 10px;padding-left:22px}
.fxd-editor p[b-rdapb8da54]{margin:0 0 9px}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.platform-appbar[b-wziv268po9] {
    background: var(--blue-900, #0B2545);
    color: #ffffff;
    min-height: 76px;
}

[b-wziv268po9] .platform-header-logo {
    min-width: 0;
    margin-left: 4px;
}

.platform-brand[b-wziv268po9] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 260px;
}

.platform-brand-icon[b-wziv268po9] {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.14);
}

.platform-brand-copy[b-wziv268po9] {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.platform-brand-subtitle[b-wziv268po9] {
    color: rgba(255, 255, 255, 0.72);
}

.platform-notification-badge[b-wziv268po9] {
    margin-right: 4px;
}

[b-wziv268po9] .platform-navbtn .mud-icon-root {
    color: var(--ink-100, #F3F4F6);
    transition: color 150ms ease;
}

[b-wziv268po9] .platform-navbtn:hover .mud-icon-root {
    color: var(--blue-500, #3B82F6);
}

.platform-user-menu-wrap[b-wziv268po9] {
    position: relative;
    margin-left: 10px;
}

.platform-user[b-wziv268po9] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 16px;
    padding-right: 10px;
    border-left: 1px solid rgba(255, 255, 255, 0.18);
    cursor: pointer;
    border-radius: 8px;
    transition: background-color 150ms ease;
}

.platform-user:hover[b-wziv268po9],
.platform-user[aria-expanded="true"][b-wziv268po9] {
    background-color: rgba(255, 255, 255, 0.08);
}

.platform-user-caret[b-wziv268po9] {
    transition: transform 150ms ease;
}

.platform-user-caret-open[b-wziv268po9] {
    transform: rotate(180deg);
}

.platform-user-copy[b-wziv268po9] {
    min-width: 145px;
}

.platform-user-role[b-wziv268po9] {
    display: inline-flex;
    margin-top: 2px;
    padding: 1px 7px;
    border-radius: 9999px;
    background: var(--brown-100, #F0E4D7);
    color: var(--brown-700, #78350F) !important;
    font-weight: 700;
}

.platform-user[b-wziv268po9]  .platform-avatar {
    background-color: var(--green-600, #059669) !important;
    color: #fff !important;
}

.platform-user-dropdown[b-wziv268po9] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: 240px;
    padding: 6px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 16px 40px rgba(4, 18, 35, .22);
    z-index: 1300;
}

.platform-user-dropdown-item[b-wziv268po9] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 9px 12px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #1e2b3a;
    font: inherit;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.platform-user-dropdown-item:hover[b-wziv268po9] {
    background-color: rgba(11, 36, 71, 0.06);
}

.platform-user-menu-logout[b-wziv268po9] {
    color: var(--orange-700, #C2410C) !important;
}

.platform-user-menu-logout:hover[b-wziv268po9] {
    background-color: var(--orange-100, #FFEDD5);
}

.platform-user-menu-logout[b-wziv268po9]  .mud-icon-root {
    color: var(--orange-700, #C2410C) !important;
}

/*
 * MudDrawer renders its own root <aside> element from inside the MudBlazor
 * component library, so component CSS isolation can never reach it — no
 * element written in this component's own markup is an ancestor of it, and
 * the isolation scope attribute only travels to elements Blazor knows about
 * as this component's own. The navy background + CSS custom properties for
 * .platform-drawer itself live in wwwroot/app.css (global, unscoped) for
 * that reason; the properties still cascade down into .drawer-content
 * below since it's a real descendant of that element in the DOM.
 */

.drawer-collapse-handle[b-wziv268po9] {
    position: absolute;
    top: 90px;
    right: -14px;
    z-index: 20;
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border: 1px solid var(--drawer-border, rgba(189, 211, 230, .18));
    border-radius: 50%;
    background: var(--blue-900, #0B2545);
    color: #c8d5e3;
    cursor: pointer;
    box-shadow: 0 6px 16px rgba(4, 18, 35, .3);
    transition: color 150ms ease, background-color 150ms ease, transform 150ms ease;
}

.drawer-collapse-handle:hover[b-wziv268po9] {
    color: #fff;
    background: var(--orange-600, #EA580C);
    transform: scale(1.08);
}

.drawer-content[b-wziv268po9] {
    min-height: calc(100vh - 76px);
    display: flex;
    flex-direction: column;
    padding: 16px 12px 14px;
}

.drawer-section-label[b-wziv268po9] {
    display: block;
    padding: 10px 14px 9px;
    color: #9fb1c4;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.drawer-divider[b-wziv268po9] {
    margin: 14px 4px;
    border-color: var(--drawer-border);
}

.drawer-search[b-wziv268po9] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 4px 14px;
    padding: 9px 12px;
    border: 1px solid var(--drawer-border, rgba(189, 211, 230, .18));
    border-radius: 11px;
    background: rgba(255, 255, 255, .05);
}

.drawer-search-icon[b-wziv268po9] {
    color: var(--text-muted, #8fa6bb);
    flex: 0 0 auto;
}

.drawer-search input[b-wziv268po9] {
    flex: 1 1 auto;
    min-width: 0;
    border: 0;
    background: transparent;
    color: var(--text-primary, #f5f8fc);
    font-size: .88rem;
}

.drawer-search input[b-wziv268po9]::placeholder {
    color: var(--text-muted, #8fa6bb);
}

.drawer-search input:focus[b-wziv268po9] {
    outline: none;
}

.drawer-search-clear[b-wziv268po9] {
    display: flex;
    flex: 0 0 auto;
    border: 0;
    background: transparent;
    color: var(--text-muted, #8fa6bb);
    cursor: pointer;
}

.drawer-search-clear:hover[b-wziv268po9] {
    color: #fff;
}

.drawer-search-results[b-wziv268po9] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 0 4px;
}

.drawer-search-empty[b-wziv268po9] {
    padding: 14px 12px;
    color: var(--text-muted, #8fa6bb);
    font-size: .85rem;
}

.drawer-search-result[b-wziv268po9] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 10px;
    border: 0;
    border-radius: 11px;
    background: transparent;
    color: var(--text-secondary, #c8d5e3);
    text-align: left;
    cursor: pointer;
    transition: color 150ms ease, background-color 150ms ease;
}

.drawer-search-result:hover[b-wziv268po9] {
    color: #fff;
    background-color: var(--drawer-hover, rgba(255, 255, 255, .065));
}

.drawer-search-result-copy[b-wziv268po9] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.drawer-search-result-label[b-wziv268po9] {
    font-size: .9rem;
    font-weight: 650;
}

.drawer-search-result-group[b-wziv268po9] {
    color: var(--text-muted, #8fa6bb);
    font-size: .74rem;
}

.drawer-content[b-wziv268po9]  .mud-nav-link,
.drawer-content[b-wziv268po9]  .mud-nav-group {
    color: var(--text-secondary);
}

.drawer-content[b-wziv268po9]  .mud-nav-link {
    position: relative;
    min-height: 50px;
    margin: 3px 0;
    padding-inline: 10px;
    border: 0;
    border-radius: 13px;
    background: transparent;
    font-size: .95rem !important;
    font-weight: 650 !important;
    letter-spacing: .002em;
    transition:
        color 150ms ease,
        background-color 150ms ease,
        transform 150ms ease,
        box-shadow 150ms ease;
}

.drawer-content[b-wziv268po9]  .mud-nav-link:hover {
    color: #fff !important;
    background-color: var(--drawer-hover) !important;
    transform: translateX(3px);
}

.drawer-content[b-wziv268po9]  .mud-nav-link.active {
    color: #fff !important;
    background-color: rgba(37, 99, 235, .16) !important;
    background-image: linear-gradient(
        90deg,
        rgba(37, 99, 235, .22),
        rgba(37, 99, 235, .06)) !important;
    box-shadow:
        inset 4px 0 0 var(--blue-600, #2563EB),
        0 8px 24px rgba(0, 0, 0, .08) !important;
}

.drawer-content[b-wziv268po9]  .mud-nav-link .mud-nav-link-icon {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    margin-inline-end: 10px;
    border-radius: 11px;
    color: var(--blue-500, #3B82F6) !important;
    background-color: rgba(59, 130, 246, .12);
    transition: color 150ms ease, background-color 150ms ease;
}

.drawer-content[b-wziv268po9]  .mud-nav-link:hover .mud-nav-link-icon {
    color: var(--green-500, #10B981) !important;
    background-color: rgba(16, 185, 129, .14);
}

.drawer-content[b-wziv268po9]  .mud-nav-link.active .mud-nav-link-icon {
    color: var(--orange-500, #F97316) !important;
    background-color: rgba(255, 255, 255, .08);
    box-shadow: 0 6px 18px rgba(249, 115, 22, .12);
}

.drawer-content[b-wziv268po9]  .mud-nav-link-text {
    overflow: hidden;
    font-weight: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.drawer-content[b-wziv268po9]  .mud-nav-link {
    display: flex;
    align-items: center;
}

.drawer-content[b-wziv268po9]  .mud-nav-link-expand-icon {
    color: var(--blue-500, #3B82F6) !important;
    transition: color 150ms ease;
}

.drawer-content[b-wziv268po9]  .mud-nav-group.mud-nav-group-expanded > .mud-nav-link .mud-nav-link-expand-icon {
    color: var(--blue-600, #2563EB) !important;
}

.drawer-content[b-wziv268po9]  .mud-nav-group > .mud-nav-link {
    margin-top: 8px;
    font-weight: 780 !important;
}

.drawer-content[b-wziv268po9]  .mud-nav-group.mud-nav-group-expanded > .mud-nav-link {
    color: #fff !important;
    background-color: rgba(255, 255, 255, .035) !important;
}

.drawer-content[b-wziv268po9]  .mud-nav-group .mud-collapse-container {
    margin: 2px 0 10px 27px;
    padding-left: 13px;
    border-left: 1px solid rgba(190, 214, 235, .18);
}

.drawer-content[b-wziv268po9]  .mud-nav-group .mud-collapse-container .mud-nav-link {
    height: auto;
    min-height: 42px;
    padding-inline-start: 12px;
    padding-block: 9px;
    align-items: flex-start;
    font-size: .88rem !important;
    font-weight: 620 !important;
    color: #b7c6d5 !important;
}

/*
 * Deep-nested labels ("Minor Ailment Catalogue", "Clinical Guidelines", …)
 * used to hard-clip to an ellipsis with no way to read the full text. A
 * fixed-width drawer will always run out of room at some nesting depth, so
 * instead of relying on a title-attribute tooltip as the primary fix, this
 * lets nested labels wrap onto a second line -- the tooltip (see the
 * MudNavLink title attributes) stays as a backstop, not the main mechanism.
 */
.drawer-content[b-wziv268po9]  .mud-nav-group .mud-collapse-container .mud-nav-link-text {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    line-height: 1.28;
}

.drawer-content[b-wziv268po9]  .mud-nav-group .mud-collapse-container .mud-nav-link::before {
    width: 7px;
    height: 7px;
    margin-inline-end: 10px;
    margin-top: 8px;
    border-radius: 999px;
    background: currentColor;
    opacity: .7;
    content: "";
    flex: 0 0 auto;
}

.drawer-content[b-wziv268po9]  .mud-nav-group .mud-collapse-container .mud-nav-link:hover {
    color: #fff !important;
    background-color: rgba(255, 255, 255, .05) !important;
    transform: translateX(3px);
}

.drawer-content[b-wziv268po9]  .mud-nav-group .mud-collapse-container .mud-nav-link.active {
    color: #bfd7ff !important;
    background-color: rgba(37, 99, 235, .15) !important;
    background-image: none !important;
    font-weight: 720 !important;
    box-shadow: none !important;
}

.drawer-content[b-wziv268po9]  .mud-nav-group .mud-collapse-container .mud-nav-link.active::before {
    color: var(--blue-500, #3B82F6);
    opacity: 1;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, .12);
}

.drawer-content[b-wziv268po9]  .mud-nav-group .mud-collapse-container .mud-nav-link .mud-nav-link-icon {
    display: none;
}

.drawer-bottom[b-wziv268po9] {
    margin-top: auto;
}

.connector-card[b-wziv268po9] {
    margin: 12px 8px 4px;
    padding: 12px 13px;
    border: 1px solid var(--drawer-border);
    border-radius: 12px;
    background: rgba(255, 255, 255, .045);
}

.connector-status-row[b-wziv268po9] {
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--text-primary);
}

.connector-status-dot[b-wziv268po9],
.footer-status-dot[b-wziv268po9] {
    width: 9px;
    height: 9px;
    display: inline-block;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--green-500, #10B981);
    box-shadow: 0 0 0 4px rgba(16, 185, 129, .13);
}

.connector-status-copy[b-wziv268po9] {
    display: block;
    margin-top: 5px;
    color: var(--text-muted);
}

.drawer-bottom[b-wziv268po9]  .mud-button-outlined-error {
    border-color: rgba(249, 115, 22, .48) !important;
    color: var(--orange-500, #F97316) !important;
    background-color: transparent !important;
    font-weight: 780;
    letter-spacing: .02em;
    transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease;
}

.drawer-bottom[b-wziv268po9]  .mud-button-outlined-error:hover {
    color: #fff !important;
    background-color: rgba(249, 115, 22, .16) !important;
    border-color: rgba(249, 115, 22, .72) !important;
}

.platform-main[b-wziv268po9] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #f4f7fb;
}

.platform-workspace[b-wziv268po9] {
    flex: 1;
    padding: 22px 34px 30px;
}

.workspace-content[b-wziv268po9] {
    width: 100%;
    min-height: calc(100vh - 190px);
}

.platform-footer[b-wziv268po9] {
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 0 28px;
    border-top: 1px solid #dfe7ef;
    background: #ffffff;
    color: #64748b;
    font-size: 0.82rem;
}

.footer-status[b-wziv268po9] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.footer-status a[b-wziv268po9] {
    color: #54708c;
    text-decoration: none;
    transition: color 150ms ease;
}

.footer-status a:hover[b-wziv268po9] {
    color: var(--blue-600, #2563EB);
}

@media (max-width: 959.98px) {

    .platform-user-copy[b-wziv268po9],
    .platform-brand[b-wziv268po9] {
        min-width: auto;
    }

    .platform-workspace[b-wziv268po9] {
        padding: 20px;
    }
}

@media (max-width: 599.98px) {

    .platform-brand-subtitle[b-wziv268po9],
    .platform-user[b-wziv268po9],
    .platform-appbar[b-wziv268po9]  .mud-badge-root {
        display: none;
    }

    .platform-workspace[b-wziv268po9] {
        padding: 16px;
    }

    .platform-footer[b-wziv268po9] {
        padding: 10px 16px;
        flex-direction: column;
        align-items: flex-start;
    }
}

.mud-table-container[b-wziv268po9] {
    font-size: 12px;
}

.mud-table th[b-wziv268po9] {
    background: #f3f3f3;
    font-weight: 600;
    border-bottom: 1px solid #d8d8d8;
}

.mud-table td[b-wziv268po9] {
    padding-top: 4px;
    padding-bottom: 4px;
}

.mud-paper[b-wziv268po9] {
    border-radius: 10px;
}

.mud-input[b-wziv268po9] {
    font-size: 13px;
}

.mud-toolbar[b-wziv268po9] {
    min-height: 40px;
}

.mud-chip[b-wziv268po9] {
    height: 22px;
}

.mud-button[b-wziv268po9] {
    text-transform: none;
}

[b-wziv268po9] .mud-button-root,
[b-wziv268po9] .mud-icon-button {
    transition: transform 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}

[b-wziv268po9] .mud-button-root:hover,
[b-wziv268po9] .mud-icon-button:hover {
    transform: translateY(-1px);
}

@media (prefers-reduced-motion: reduce) {
    .platform-drawer[b-wziv268po9]  *,
    .platform-main[b-wziv268po9]  * {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
    }
}

.mud-tabs-toolbar[b-wziv268po9] {
    background: #f3f3f3;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-seinab3qgv] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-seinab3qgv] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-seinab3qgv] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-seinab3qgv] {
    font-size: 1.1rem;
}

.bi[b-seinab3qgv] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-seinab3qgv] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-seinab3qgv] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-seinab3qgv] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-seinab3qgv] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-seinab3qgv] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-seinab3qgv] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-seinab3qgv] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-seinab3qgv] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.nav-item[b-seinab3qgv] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-seinab3qgv] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-seinab3qgv] {
        padding-bottom: 1rem;
    }

    .nav-item[b-seinab3qgv]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-seinab3qgv]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-seinab3qgv]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-seinab3qgv] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-seinab3qgv] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-seinab3qgv] {
        display: none;
    }

    .nav-scrollable[b-seinab3qgv] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/PharmasistLogo.razor.rz.scp.css */
.pharmasist-logo[b-zc53qkkppj] { display:inline-flex; align-items:center; gap:10px; max-width:100%; min-width:0; color:var(--logo-ink); line-height:1; text-decoration:none; font-family:var(--logo-font,Inter,system-ui,sans-serif); }
.pharmasist-logo-mark[b-zc53qkkppj] { width:36px; height:36px; flex:0 0 36px; display:grid; place-items:center; border-radius:10px; background:var(--logo-mark); color:#fff; font-size:19px; font-weight:700; letter-spacing:-.055em; }
.pharmasist-logo-copy[b-zc53qkkppj] { display:block; min-width:0; }
.pharmasist-logo-name[b-zc53qkkppj] { display:block; color:var(--logo-ink); font-size:21px; font-weight:var(--logo-weight,700); letter-spacing:-.045em; line-height:1.1; overflow-wrap:anywhere; }
.pharmasist-logo-name span[b-zc53qkkppj] { color:var(--logo-accent); }
.pharmasist-logo-tagline[b-zc53qkkppj] { display:block; margin-top:5px; color:var(--logo-ink); opacity:.7; font-size:10px; font-weight:400; line-height:1.35; }
.pharmasist-logo.compact[b-zc53qkkppj] { max-width:270px; }
.pharmasist-logo.compact .pharmasist-logo-mark[b-zc53qkkppj] { width:32px; height:32px; flex-basis:32px; font-size:18px; border-radius:9px; }
.pharmasist-logo.compact .pharmasist-logo-name[b-zc53qkkppj] { font-size:20px; }
@media(max-width:599px) { .pharmasist-logo.compact.hide-name-mobile.has-mark .pharmasist-logo-copy[b-zc53qkkppj] { display:none; } .pharmasist-logo.compact.on-light[b-zc53qkkppj] { gap:8px; max-width:210px; } .pharmasist-logo.compact.on-light .pharmasist-logo-name[b-zc53qkkppj] { font-size:17px; } .pharmasist-logo.compact.on-light .pharmasist-logo-mark[b-zc53qkkppj] { width:28px; height:28px; flex-basis:28px; font-size:16px; border-radius:8px; } }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-geae9lh7oy],
.components-reconnect-repeated-attempt-visible[b-geae9lh7oy],
.components-reconnect-failed-visible[b-geae9lh7oy],
.components-pause-visible[b-geae9lh7oy],
.components-resume-failed-visible[b-geae9lh7oy],
.components-rejoining-animation[b-geae9lh7oy] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-geae9lh7oy],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-geae9lh7oy],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-geae9lh7oy],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-geae9lh7oy],
#components-reconnect-modal.components-reconnect-retrying[b-geae9lh7oy],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-geae9lh7oy],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-geae9lh7oy],
#components-reconnect-modal.components-reconnect-failed[b-geae9lh7oy],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-geae9lh7oy] {
    display: block;
}


#components-reconnect-modal[b-geae9lh7oy] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-geae9lh7oy 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-geae9lh7oy 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-geae9lh7oy 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-geae9lh7oy]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-geae9lh7oy 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-geae9lh7oy {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-geae9lh7oy {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-geae9lh7oy {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-geae9lh7oy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-geae9lh7oy] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-geae9lh7oy] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-geae9lh7oy] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-geae9lh7oy] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-geae9lh7oy] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-geae9lh7oy] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-geae9lh7oy 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-geae9lh7oy] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-geae9lh7oy {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/AdministrationAimsHub.razor.rz.scp.css */
.wm-page[b-rz6wfkg3jf] {
    --navy: #0B2F52;
    --navy-2: #164A78;
    --teal: #168552;
    --teal-soft: #eaf1fb;
    --blue: #2563EB;
    --blue-soft: #EEF5FF;
    --orange: #F97316;
    --orange-soft: #FFF7ED;
    --green: #16A34A;
    --green-soft: #ECFDF3;
    --ink: #0F172A;
    --muted: #64748B;
    --line: #E2E8F0;
    --white: #FFFFFF;
    --shadow: 0 18px 42px rgba(15, 23, 42, .09);
    --shadow-sm: 0 8px 24px rgba(15, 23, 42, .06);

    color: var(--ink);
    font-family: var(--app-font, Inter, ui-sans-serif, system-ui, -apple-system,)
        BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.wm-back[b-rz6wfkg3jf] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 18px;
}

.wm-hero[b-rz6wfkg3jf] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 18px;
    align-items: center;
    padding: 30px 32px;
    border-radius: 26px;
    background: linear-gradient(135deg, #FFFFFF 0%, #F8FBFF 100%);
    border: 1px solid var(--line);
    box-shadow: var(--shadow-sm);
}

.wm-hero[b-rz6wfkg3jf]::after {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    right: -110px;
    top: -130px;
    border-radius: 50%;
    background: rgba(37, 99, 235, .06);
}

.wm-hero-icon[b-rz6wfkg3jf] {
    width: 66px;
    height: 66px;
    border-radius: 20px;
    background: var(--navy);
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 29px;
    font-weight: 900;
    position: relative;
    z-index: 1;
}

.wm-eyebrow[b-rz6wfkg3jf] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .14em;
    color: var(--teal);
    font-weight: 900;
}

.wm-hero h1[b-rz6wfkg3jf] {
    margin: 7px 0 6px;
    color: var(--navy);
    font-size: 36px;
    letter-spacing: -.04em;
}

.wm-hero p[b-rz6wfkg3jf] {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
}

.wm-hero-status[b-rz6wfkg3jf] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 999px;
    background: var(--green-soft);
    color: #166534;
    font-size: 11px;
    font-weight: 850;
    white-space: nowrap;
}

.wm-section-head[b-rz6wfkg3jf] {
    margin: 24px 0 14px;
}

.wm-section-head h2[b-rz6wfkg3jf] {
    margin: 0;
    color: var(--navy);
    font-size: 25px;
    letter-spacing: -.03em;
}

.wm-section-head p[b-rz6wfkg3jf] {
    margin: 5px 0 0;
    color: var(--muted);
    font-size: 13px;
}

.wm-grid[b-rz6wfkg3jf] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.wm-card[b-rz6wfkg3jf] {
    position: relative;
    min-height: 225px;
    padding: 22px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 22px;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
    transition: .2s ease;
    text-decoration: none;
    color: inherit;
    display: block;
}

.wm-card:hover[b-rz6wfkg3jf] {
    transform: translateY(-5px);
    box-shadow: var(--shadow);
    border-color: #BCD2E6;
}

.wm-card[b-rz6wfkg3jf]::after {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    right: -65px;
    top: -65px;
    border-radius: 50%;
    background: rgba(37, 99, 235, .06);
}

.wm-card:nth-child(4n+2)[b-rz6wfkg3jf]::after {
    background: rgba(15, 77, 159, .07);
}

.wm-card:nth-child(4n+3)[b-rz6wfkg3jf]::after {
    background: rgba(249, 115, 22, .07);
}

.wm-card:nth-child(4n+4)[b-rz6wfkg3jf]::after {
    background: rgba(22, 163, 74, .07);
}

.wm-card-top[b-rz6wfkg3jf] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.wm-icon[b-rz6wfkg3jf] {
    width: 54px;
    height: 54px;
    border-radius: 17px;
    display: grid;
    place-items: center;
    background: var(--blue-soft);
    color: var(--navy);
    font-size: 23px;
    font-weight: 900;
}

.wm-card:nth-child(4n+2) .wm-icon[b-rz6wfkg3jf] {
    background: var(--teal-soft);
    color: var(--teal);
}

.wm-card:nth-child(4n+3) .wm-icon[b-rz6wfkg3jf] {
    background: var(--orange-soft);
    color: #C2410C;
}

.wm-card:nth-child(4n+4) .wm-icon[b-rz6wfkg3jf] {
    background: var(--green-soft);
    color: var(--green);
}

.wm-arrow[b-rz6wfkg3jf] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--navy);
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 19px;
    position: relative;
    z-index: 1;
}

.wm-title[b-rz6wfkg3jf] {
    margin-top: 24px;
    color: var(--navy);
    font-size: 21px;
    font-weight: 900;
}

.wm-desc[b-rz6wfkg3jf] {
    margin-top: 8px;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.55;
    max-width: 280px;
}

.wm-footer[b-rz6wfkg3jf] {
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.wm-status[b-rz6wfkg3jf] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--teal);
    font-size: 11px;
    font-weight: 850;
}

.wm-dot[b-rz6wfkg3jf] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--teal);
}

.wm-open[b-rz6wfkg3jf] {
    color: var(--navy);
    font-size: 11px;
    font-weight: 850;
}

@media (max-width: 1100px) {
    .wm-grid[b-rz6wfkg3jf] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .wm-hero[b-rz6wfkg3jf] {
        grid-template-columns: auto minmax(0, 1fr);
        padding: 22px;
    }

    .wm-hero-status[b-rz6wfkg3jf] {
        grid-column: 1 / -1;
        width: max-content;
    }

    .wm-hero h1[b-rz6wfkg3jf] {
        font-size: 30px;
    }

    .wm-grid[b-rz6wfkg3jf] {
        grid-template-columns: minmax(0, 1fr);
    }

    .wm-card[b-rz6wfkg3jf] {
        min-height: 205px;
    }
}
/* /Components/Pages/AdministrationAllUsers.razor.rz.scp.css */
.all-users[b-r2bh14x45r]{max-width:1400px;margin:0 auto;padding:28px;color:#17324d}.all-users-hero[b-r2bh14x45r]{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:26px 30px;border-radius:22px;background:linear-gradient(135deg,#0b2947,#0d3972);color:#fff}.all-users-hero span[b-r2bh14x45r]{font-size:.68rem;font-weight:900;letter-spacing:.13em}.all-users-hero h1[b-r2bh14x45r]{margin:5px 0}.all-users-hero p[b-r2bh14x45r]{margin:0;color:#d9e3f0}.all-users-hero button[b-r2bh14x45r]{border:0;border-radius:10px;padding:11px 16px;background:#e8eef7;color:#0b3060;font-weight:900;cursor:pointer}.all-users-metrics[b-r2bh14x45r]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin:22px 0}.all-users-metrics article[b-r2bh14x45r]{padding:18px;border:1px solid #d9e0e9;border-radius:14px;background:#fff}.all-users-metrics span[b-r2bh14x45r]{color:#61768a;font-size:.8rem}.all-users-metrics strong[b-r2bh14x45r]{display:block;margin-top:4px;color:#0d3a76;font-size:1.6rem}.metric-filter[b-r2bh14x45r]{cursor:pointer;user-select:none;transition:border-color .15s,box-shadow .15s,transform .15s}.metric-filter:hover[b-r2bh14x45r]{border-color:#8fa7c7;transform:translateY(-1px)}.metric-filter.active[b-r2bh14x45r]{border-color:#0d3a76;box-shadow:0 0 0 2px rgba(13, 58, 118, .18)}.metric-filter.active span[b-r2bh14x45r]{color:#0d3a76;font-weight:700}.all-users-filters[b-r2bh14x45r]{margin-bottom:14px;display:flex;gap:10px;flex-wrap:wrap}.all-users-filters input[b-r2bh14x45r]{width:100%;max-width:360px;box-sizing:border-box;border:1px solid #cddae3;border-radius:9px;padding:10px 12px;font:inherit}.all-users-filters select[b-r2bh14x45r]{border:1px solid #cddae3;border-radius:9px;padding:10px 12px;font:inherit;background:#fff}.user-type[b-r2bh14x45r]{padding:4px 9px;border-radius:999px;background:#edf0f4;font-size:.68rem;font-weight:900}.user-type.pharmacy[b-r2bh14x45r]{background:#e7f0fb;color:#1d4e89}.user-type.individual[b-r2bh14x45r]{background:#faf3ee;color:#a0643a}.user-type.student[b-r2bh14x45r]{background:#fdf1e0;color:#9a5b00}.all-users-table-wrap[b-r2bh14x45r]{overflow-x:auto;border:1px solid #dbe5ec;border-radius:16px;background:#fff}table[b-r2bh14x45r]{width:100%;border-collapse:collapse}th[b-r2bh14x45r]{padding:12px 14px;border-bottom:2px solid #e1e9ee;text-align:left;color:#4f667b;font-size:.72rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}td[b-r2bh14x45r]{padding:12px 14px;border-bottom:1px solid #eef2f5;white-space:nowrap}.all-users-row[b-r2bh14x45r]{cursor:pointer}.all-users-row:hover[b-r2bh14x45r]{background:#f6fbfb}.status[b-r2bh14x45r]{padding:4px 8px;border-radius:999px;background:#edf0f4;font-size:.68rem;font-weight:900}.status.active[b-r2bh14x45r]{background:#e7f7ee;color:#23754e}.status.inactive[b-r2bh14x45r]{background:#fde9e9;color:#a33c3c}.all-users-empty[b-r2bh14x45r]{padding:40px;text-align:center;color:#718497}@media(max-width:700px){.all-users[b-r2bh14x45r]{padding:14px}.all-users-hero[b-r2bh14x45r]{align-items:flex-start;flex-direction:column}.all-users-metrics[b-r2bh14x45r]{grid-template-columns:minmax(0, 1fr)}}
/* /Components/Pages/AdministrationClinicalGuidelines.razor.rz.scp.css */
.cga-page[b-j900rwgsf3] {
    --cga-navy: #12344d;
    --cga-navy-deep: #0b263a;
    --cga-navy-soft: #eaf0f5;
    --cga-green: #128269;
    --cga-green-soft: #e7f6f1;
    --cga-orange: #ed6a25;
    --cga-orange-dark: #d75616;
    --cga-orange-soft: #fff0e6;
    --cga-ink: #183247;
    --cga-muted: #6a7d8b;
    --cga-line: #d8e1e7;
    height: calc(100dvh - 88px);
    min-height: 700px;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    overflow: hidden;
    color: var(--cga-ink);
    background: #edf2f5;
    border: 1px solid #d2dde3;
    border-radius: 16px;
    box-shadow: 0 18px 50px rgba(10, 38, 58, .1);
    grid-template-columns: minmax(0, 1fr);
}

.cga-command-bar[b-j900rwgsf3] {
    position: sticky;
    top: 0;
    z-index: 20;
    min-height: 66px;
    display: grid;
    grid-template-columns: minmax(260px, auto) minmax(240px, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: .75rem 1rem;
    color: var(--cga-ink);
    background: rgba(255,255,255,.97);
    border-bottom: 1px solid var(--cga-line);
    box-shadow: 0 4px 16px rgba(16,45,67,.05);
}

.cga-command-title[b-j900rwgsf3], .cga-current-context[b-j900rwgsf3], .cga-command-actions[b-j900rwgsf3], .cga-command-button[b-j900rwgsf3],
.cga-message[b-j900rwgsf3], .cga-pane-heading > div[b-j900rwgsf3], .cga-preflight-title[b-j900rwgsf3], .cga-preflight-checks[b-j900rwgsf3],
.cga-editor-heading[b-j900rwgsf3], .cga-section-access[b-j900rwgsf3], .cga-effective-access[b-j900rwgsf3], .cga-inherited-note[b-j900rwgsf3],
.cga-drawer-card-title[b-j900rwgsf3], .cga-effective-summary span[b-j900rwgsf3], .cga-mobile-save button[b-j900rwgsf3],
.cga-references-editor > header button[b-j900rwgsf3], .cga-empty[b-j900rwgsf3] {
    display: flex;
    align-items: center;
}

.cga-command-title[b-j900rwgsf3] { min-width: 0; gap: .55rem; white-space: nowrap; }
.cga-command-title span[b-j900rwgsf3], .cga-command-title b[b-j900rwgsf3] { color: #80909f; font-size: .72rem; font-weight: 500; }
.cga-command-title strong[b-j900rwgsf3] { max-width: 250px; overflow: hidden; text-overflow: ellipsis; color: var(--cga-ink); font-size: .77rem; }
.cga-kicker[b-j900rwgsf3] { color: #8fa8c8; font-size: .62rem; font-weight: 900; letter-spacing: .15em; }
.cga-current-context[b-j900rwgsf3] { min-width: 0; justify-content: flex-start; gap: .45rem; padding-left: 1rem; border-left: 1px solid var(--cga-line); }
.cga-status-pill[b-j900rwgsf3], .cga-access-pill[b-j900rwgsf3] { flex: 0 0 auto; padding: .25rem .48rem; border-radius: 999px; font-size: .61rem; font-weight: 850; letter-spacing: .02em; }
.cga-status-pill.draft[b-j900rwgsf3] { color: #5e7282; background: #edf1f4; }
.cga-status-pill.review[b-j900rwgsf3] { color: #9a4e0d; background: var(--cga-orange-soft); }
.cga-status-pill.published[b-j900rwgsf3], .cga-access-pill.public[b-j900rwgsf3] { color: #083672; background: #e6f6f1; }
.cga-access-pill.subscriber[b-j900rwgsf3] { color: #5e7282; background: #edf1f4; }
.cga-status-pill.us[b-j900rwgsf3] { color: #1d4ed8; background: #e3edfc; }
.cga-status-pill.pebc[b-j900rwgsf3] { color: #c6753b; background: #f9f1ec; }
.cga-mini-badge[b-j900rwgsf3] { margin-left: .35rem; padding: .05rem .3rem; border-radius: 999px; font-size: .58rem; font-weight: 850; letter-spacing: .02em; }
.cga-mini-badge.us[b-j900rwgsf3] { color: #1d4ed8; background: #e3edfc; }
.cga-mini-badge.pebc[b-j900rwgsf3] { color: #c6753b; background: #f9f1ec; }
.cga-version[b-j900rwgsf3] { color: #7d8e99; font-size: .62rem; white-space: nowrap; }
.cga-save-state[b-j900rwgsf3] { display: inline-flex; align-items: center; gap: .18rem; font-size: .62rem; font-weight: 750; white-space: nowrap; }
.cga-save-state.saved[b-j900rwgsf3] { color: var(--cga-green); }
.cga-save-state.dirty[b-j900rwgsf3] { color: #a35816; }
.cga-command-actions[b-j900rwgsf3] { justify-content: flex-end; gap: .4rem; }
.cga-command-button[b-j900rwgsf3] { min-height: 39px; justify-content: center; gap: .35rem; padding: .48rem .68rem; border: 1px solid #cdd9df; border-radius: 8px; color: #365369; background: #fff; font-size: .72rem; font-weight: 800; text-decoration: none; cursor: pointer; }
.cga-command-button:hover[b-j900rwgsf3] { background: #f4f7f9; }
.cga-command-button.primary[b-j900rwgsf3] { min-width: 92px; border-color: var(--cga-orange); background: var(--cga-orange); box-shadow: 0 5px 13px rgba(186,67,9,.25); }
.cga-command-button.primary:hover[b-j900rwgsf3] { background: var(--cga-orange-dark); }
.cga-command-button:disabled[b-j900rwgsf3] { opacity: .62; cursor: wait; }
.cga-more-menu[b-j900rwgsf3] { position: relative; }
.cga-more-menu summary[b-j900rwgsf3] { list-style: none; }
.cga-more-menu summary[b-j900rwgsf3]::-webkit-details-marker { display: none; }
.cga-more-menu > div[b-j900rwgsf3] { position: absolute; top: calc(100% + .45rem); right: 0; z-index: 40; min-width: 190px; padding: .4rem; border: 1px solid var(--cga-line); border-radius: 10px; background: #fff; box-shadow: 0 12px 28px rgba(13,43,63,.2); }
.cga-more-menu button[b-j900rwgsf3] { width: 100%; display: flex; align-items: center; gap: .45rem; padding: .6rem .7rem; border: 0; border-radius: 7px; color: #a6342b; background: #fff4f2; font-size: .76rem; font-weight: 800; cursor: pointer; }

.cga-message[b-j900rwgsf3] { position: fixed; z-index: 80; top: 88px; left: 50%; transform: translateX(-50%); max-width: min(680px, calc(100vw - 2rem)); gap: .45rem; padding: .72rem 1rem; border-radius: 9px; font-size: .78rem; font-weight: 700; box-shadow: 0 10px 24px rgba(13,43,63,.15); }
.cga-message.success[b-j900rwgsf3] { border: 1px solid #9bd2c4; color: #0d624f; background: #ecfaf5; }
.cga-message.error[b-j900rwgsf3] { border: 1px solid #efb1aa; color: #8a2921; background: #fff1ef; white-space: pre-wrap; overflow-wrap: anywhere; }

.cga-module-access[b-j900rwgsf3] { min-height: 56px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .48rem 1rem; border-bottom: 1px solid #c4ded8; background: #edf8f5; }
.cga-module-access > div[b-j900rwgsf3] { display: flex; align-items: center; gap: .6rem; }
.cga-module-access > div > span[b-j900rwgsf3] { width: 31px; height: 31px; display: grid; place-items: center; border: 1px solid #bfddd7; border-radius: 9px; color: var(--cga-green); background: #fff; }
.cga-module-access > div > div[b-j900rwgsf3] { display: grid; }
.cga-module-access strong[b-j900rwgsf3] { color: #162e4d; font-size: .72rem; }
.cga-module-access small[b-j900rwgsf3] { color: #66807c; font-size: .61rem; }
.cga-module-access > label[b-j900rwgsf3] { display: flex; align-items: center; gap: .45rem; cursor: pointer; }
.cga-module-access > label input[b-j900rwgsf3] { position: absolute; opacity: 0; pointer-events: none; }
.cga-module-access > label > span[b-j900rwgsf3] { width: 32px; height: 18px; padding: 2px; border-radius: 999px; background: #a8b7bd; transition: .18s; }
.cga-module-access > label > span[b-j900rwgsf3]::after { content: ""; display: block; width: 14px; height: 14px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(20,40,55,.24); transition: .18s; }
.cga-module-access > label input:checked + span[b-j900rwgsf3] { background: var(--cga-green); }
.cga-module-access > label input:checked + span[b-j900rwgsf3]::after { transform: translateX(14px); }
.cga-module-access > label b[b-j900rwgsf3] { color: #33594f; font-size: .66rem; }
.cga-catalogue-tools[b-j900rwgsf3] { display: grid; gap: .55rem; padding: 0 .7rem .7rem; border-bottom: 1px solid #e3e9ed; }
.cga-list-search[b-j900rwgsf3] { min-width: 0; display: flex; align-items: center; gap: .45rem; padding: 0 .7rem; border: 1px solid #c9d6de; border-radius: 9px; color: #718592; background: #f9fbfc; }
.cga-list-search:focus-within[b-j900rwgsf3] { border-color: #7698ad; box-shadow: 0 0 0 3px rgba(18,52,77,.08); background: #fff; }
.cga-list-search input[b-j900rwgsf3] { width: 100%; min-height: 38px; border: 0; outline: 0; color: var(--cga-ink); background: transparent; font: inherit; font-size: .78rem; }

.cga-workspace[b-j900rwgsf3] { min-height: 0; display: grid; grid-template-columns: 275px 300px minmax(0, 1fr); overflow: hidden; background: #fff; }
.cga-catalogue[b-j900rwgsf3], .cga-section-nav[b-j900rwgsf3] { min-height: 0; display: grid; grid-template-rows: auto minmax(0, 1fr); border-right: 1px solid var(--cga-line); background: #f7f9fb; }
.cga-catalogue[b-j900rwgsf3] { grid-template-rows: auto auto minmax(0,1fr); }
.cga-section-nav[b-j900rwgsf3] { background: #fff; }
.cga-pane-heading[b-j900rwgsf3] { padding: .8rem .85rem .65rem; border-bottom: 1px solid #e3e9ed; }
.cga-pane-heading > div[b-j900rwgsf3] { justify-content: space-between; gap: .5rem; }
.cga-pane-heading span[b-j900rwgsf3] { color: #526a7a; font-size: .67rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.cga-pane-heading strong[b-j900rwgsf3] { min-width: 25px; padding: .12rem .35rem; border-radius: 999px; color: var(--cga-navy); background: var(--cga-navy-soft); text-align: center; font-size: .65rem; }
.cga-pane-heading small[b-j900rwgsf3] { display: block; margin-top: .22rem; color: #81919c; font-size: .62rem; }
.cga-list[b-j900rwgsf3], .cga-section-list[b-j900rwgsf3] { min-height: 0; overflow-y: auto; padding: .45rem; scrollbar-width: thin; }
.cga-list[b-j900rwgsf3] { display: grid; align-content: start; gap: .25rem; }
.cga-list > button[b-j900rwgsf3] { width: 100%; display: grid; grid-template-columns: 9px minmax(0, 1fr) 18px; align-items: center; gap: .55rem; padding: .68rem .58rem; border: 1px solid transparent; border-radius: 9px; color: inherit; text-align: left; background: transparent; cursor: pointer; }
.cga-list > button:hover[b-j900rwgsf3] { background: #edf3f6; }
.cga-list > button.selected[b-j900rwgsf3] { border-color: #bdcdd7; background: #e7eef3; box-shadow: inset 3px 0 var(--cga-navy); }
.cga-list button > span:nth-child(2)[b-j900rwgsf3] { min-width: 0; display: grid; gap: .1rem; }
.cga-list strong[b-j900rwgsf3] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .77rem; }
.cga-list small[b-j900rwgsf3] { color: #738793; font-size: .64rem; }
.cga-list em[b-j900rwgsf3] { width: fit-content; margin-top: .13rem; color: #7a8d98; font-size: .55rem; font-style: normal; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.cga-list > button[b-j900rwgsf3] >  svg { color: #9aabb5; }
.cga-status-dot[b-j900rwgsf3] { width: 7px; height: 7px; border-radius: 50%; background: #99a7b0; }
.cga-status-dot.published[b-j900rwgsf3] { background: var(--cga-green); box-shadow: 0 0 0 3px #d9eee8; }
.cga-status-dot.review[b-j900rwgsf3] { background: var(--cga-orange); box-shadow: 0 0 0 3px #fde4d5; }

.cga-section-list[b-j900rwgsf3] { display: grid; align-content: start; gap: .18rem; }
.cga-section-list button[b-j900rwgsf3] { width: 100%; min-height: 48px; display: grid; grid-template-columns: 33px minmax(0, 1fr) 8px; align-items: center; gap: .5rem; padding: .4rem .48rem; border: 1px solid transparent; border-radius: 9px; color: #456174; text-align: left; background: transparent; cursor: pointer; }
.cga-section-list button:hover[b-j900rwgsf3] { background: #f3f6f8; }
.cga-section-list button.active[b-j900rwgsf3] { border-color: var(--cga-navy); color: #fff; background: var(--cga-navy); box-shadow: 0 5px 12px rgba(18,52,77,.16); }
.cga-section-icon[b-j900rwgsf3] { flex: 0 0 auto; width: 33px; height: 33px; display: grid; place-items: center; border-radius: 9px; }
.cga-section-label[b-j900rwgsf3] { min-width: 0; display: grid; gap: .06rem; }
.cga-section-label strong[b-j900rwgsf3] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .7rem; }
.cga-section-label small[b-j900rwgsf3] { color: #8596a1; font-size: .57rem; }
.cga-section-list button.active .cga-section-label small[b-j900rwgsf3] { color: #cad7df; }
.cga-mini-access[b-j900rwgsf3] { width: 7px; height: 7px; border-radius: 50%; background: #b1bcc3; }
.cga-mini-access.public[b-j900rwgsf3] { background: #25a987; box-shadow: 0 0 0 2px rgba(37,169,135,.18); }
.tone-info[b-j900rwgsf3] { color: #2f6ea3; background: #edf5fb; }
.tone-caution[b-j900rwgsf3] { color: #9a6a10; background: #fff8e8; }
.tone-danger[b-j900rwgsf3] { color: #b83b32; background: #fde6e2; }
.tone-treatment[b-j900rwgsf3] { color: #2f7a43; background: #e7f3e3; }

.cga-editor-shell[b-j900rwgsf3] { min-width: 0; min-height: 0; display: grid; grid-template-rows: auto minmax(0, 1fr); background: #f2f5f7; grid-template-columns: minmax(0, 1fr); }
.cga-mobile-section-picker[b-j900rwgsf3] { display: none; }
.cga-preflight[b-j900rwgsf3] { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .58rem .8rem; border-bottom: 1px solid var(--cga-line); background: #fffaf6; }
.cga-preflight-title[b-j900rwgsf3] { gap: .5rem; min-width: 0; }
.cga-preflight-title > span[b-j900rwgsf3] { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 8px; color: var(--cga-orange); background: var(--cga-orange-soft); }
.cga-preflight-title > div[b-j900rwgsf3] { display: grid; }
.cga-preflight-title strong[b-j900rwgsf3] { font-size: .72rem; }
.cga-preflight-title small[b-j900rwgsf3] { color: #8a796d; font-size: .59rem; }
.cga-preflight-checks[b-j900rwgsf3] { flex-wrap: wrap; justify-content: flex-end; gap: .35rem; }
.cga-preflight-checks > span[b-j900rwgsf3] { display: inline-flex; align-items: center; gap: .25rem; padding: .3rem .46rem; border: 1px solid; border-radius: 999px; font-size: .61rem; font-weight: 750; white-space: nowrap; }
.cga-preflight-checks .ready[b-j900rwgsf3] { border-color: #b7dfd3; color: #116a56; background: var(--cga-green-soft); }
.cga-preflight-checks .warning[b-j900rwgsf3] { border-color: #f0c4a9; color: #a24c1c; background: var(--cga-orange-soft); }
.cga-editor-scroll[b-j900rwgsf3] { min-width: 0; min-height: 0; overflow-y: auto; padding: .85rem; scrollbar-width: thin; }
.cga-active-section-bar[b-j900rwgsf3] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .65rem; }
.cga-editor-heading[b-j900rwgsf3] { gap: .65rem; min-width: 0; }
.cga-editor-heading > div[b-j900rwgsf3] { min-width: 0; display: grid; }
.cga-editor-heading small[b-j900rwgsf3] { color: #768b98; font-size: .58rem; font-weight: 900; letter-spacing: .1em; }
.cga-editor-heading strong[b-j900rwgsf3] { color: var(--cga-navy); font-size: .92rem; }
.cga-editor-heading h2[b-j900rwgsf3] { margin: .05rem 0; color: var(--cga-navy); font-size: 1.15rem; }
.cga-editor-heading p[b-j900rwgsf3] { margin: 0; color: var(--cga-muted); font-size: .7rem; }
.cga-section-access[b-j900rwgsf3] { justify-content: flex-end; gap: .45rem; }
.cga-section-access label[b-j900rwgsf3] { display: flex; align-items: center; gap: .35rem; padding: .38rem .5rem; border: 1px solid #cbd8df; border-radius: 8px; color: #496273; background: #fff; font-size: .65rem; font-weight: 800; white-space: nowrap; }
.cga-section-access input[b-j900rwgsf3], .cga-access-control input[b-j900rwgsf3] { width: 16px; height: 16px; accent-color: var(--cga-green); }
.cga-effective-access[b-j900rwgsf3] { gap: .28rem; padding: .36rem .5rem; border-radius: 8px; font-size: .64rem; font-weight: 800; white-space: nowrap; }
.cga-effective-access.public[b-j900rwgsf3] { color: #116b56; background: var(--cga-green-soft); }
.cga-effective-access.subscriber[b-j900rwgsf3] { color: #5d6f7b; background: #e9eef2; }
.cga-inherited-note[b-j900rwgsf3] { gap: .35rem; margin: 0 0 .65rem; padding: .48rem .62rem; border-left: 3px solid var(--cga-green); color: #55736b; background: #ecf8f4; font-size: .64rem; }

.cga-references-editor[b-j900rwgsf3] { overflow: hidden; border: 1px solid var(--cga-line); border-radius: 12px; background: #fff; box-shadow: 0 7px 20px rgba(18,52,77,.05); }
.cga-references-editor > header[b-j900rwgsf3] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .85rem 1rem; border-bottom: 1px solid var(--cga-line); background: #f8fafb; }
.cga-references-editor > header button[b-j900rwgsf3] { gap: .3rem; padding: .5rem .7rem; border: 1px solid var(--cga-orange); border-radius: 8px; color: #fff; background: var(--cga-orange); font-size: .7rem; font-weight: 800; cursor: pointer; }
.cga-reference-card[b-j900rwgsf3] { display: grid; grid-template-columns: 34px minmax(0, 1fr) 34px; gap: .7rem; padding: .85rem 1rem; border-bottom: 1px solid #e7ebf0; }
.cga-reference-number[b-j900rwgsf3] { width: 31px; height: 31px; display: grid; place-items: center; align-self: start; border-radius: 8px; color: #fff; background: var(--cga-navy); font-size: .7rem; font-weight: 900; }
.cga-reference-fields[b-j900rwgsf3] { display: grid; gap: .5rem; }
.cga-reference-fields > div[b-j900rwgsf3] { display: grid; grid-template-columns: 1fr 1fr; gap: .55rem; }
.cga-reference-fields label[b-j900rwgsf3], .cga-field[b-j900rwgsf3] { display: grid; gap: .28rem; }
.cga-reference-fields label[b-j900rwgsf3], .cga-field > label[b-j900rwgsf3] { color: #506979; font-size: .67rem; font-weight: 850; }
.cga-reference-fields input[b-j900rwgsf3], .cga-field input[b-j900rwgsf3], .cga-field textarea[b-j900rwgsf3], .cga-field select[b-j900rwgsf3] { width: 100%; min-height: 39px; padding: .5rem .6rem; border: 1px solid #c9d6de; border-radius: 8px; color: var(--cga-ink); background: #fff; font: inherit; font-size: .77rem; }
.cga-reference-fields input:focus[b-j900rwgsf3], .cga-field input:focus[b-j900rwgsf3], .cga-field textarea:focus[b-j900rwgsf3], .cga-field select:focus[b-j900rwgsf3] { outline: 0; border-color: #7698ad; box-shadow: 0 0 0 3px rgba(18,52,77,.08); }
.cga-reference-fields code[b-j900rwgsf3] { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: .38rem .5rem; border-radius: 6px; color: #536a78; background: #f3f6f8; font-size: .61rem; }
.cga-remove[b-j900rwgsf3] { width: 31px; height: 31px; display: grid; place-items: center; align-self: start; padding: 0; border: 1px solid #e4b9b4; border-radius: 8px; color: #a83930; background: #fff4f2; cursor: pointer; }
.cga-empty[b-j900rwgsf3] { min-height: 180px; flex-direction: column; justify-content: center; gap: .35rem; padding: 2rem 1rem; color: #7b8c97; text-align: center; }
.cga-empty.compact[b-j900rwgsf3] { min-height: 90px; font-size: .73rem; }
.cga-empty strong[b-j900rwgsf3] { color: #506775; font-size: .82rem; }
.cga-empty span[b-j900rwgsf3] { font-size: .68rem; }

.cga-drawer-backdrop[b-j900rwgsf3] { position: fixed; inset: 0; z-index: 90; background: rgba(5,24,37,.47); backdrop-filter: blur(2px); }
.cga-overview-drawer[b-j900rwgsf3] { position: fixed; z-index: 100; top: 0; right: 0; bottom: 0; width: min(520px, 100vw); display: grid; grid-template-rows: auto minmax(0,1fr) auto; color: var(--cga-ink); background: #f2f5f7; box-shadow: -18px 0 50px rgba(5,24,37,.24); }
.cga-overview-drawer > header[b-j900rwgsf3] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1.1rem 1.15rem; color: #fff; background: linear-gradient(120deg, var(--cga-navy-deep), var(--cga-navy)); }
.cga-overview-drawer h2[b-j900rwgsf3] { margin: .12rem 0 0; color: #fff; font-size: 1.35rem; }
.cga-overview-drawer header p[b-j900rwgsf3] { margin: .15rem 0 0; color: #bfd0da; font-size: .72rem; }
.cga-overview-drawer header button[b-j900rwgsf3] { width: 36px; height: 36px; display: grid; place-items: center; padding: 0; border: 1px solid rgba(255,255,255,.18); border-radius: 9px; color: #fff; background: rgba(255,255,255,.08); cursor: pointer; }
.cga-drawer-scroll[b-j900rwgsf3] { min-height: 0; overflow-y: auto; display: grid; align-content: start; gap: .75rem; padding: .8rem; }
.cga-drawer-card[b-j900rwgsf3] { display: grid; gap: .75rem; padding: .9rem; border: 1px solid var(--cga-line); border-radius: 11px; background: #fff; box-shadow: 0 5px 14px rgba(18,52,77,.04); }
.cga-drawer-card.access[b-j900rwgsf3] { border-color: #bcded4; }
.cga-drawer-card-title[b-j900rwgsf3] { gap: .55rem; }
.cga-drawer-card-title > span[b-j900rwgsf3] { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 8px; color: var(--cga-navy); background: var(--cga-navy-soft); }
.cga-drawer-card-title.review > span[b-j900rwgsf3] { color: var(--cga-orange-dark); background: var(--cga-orange-soft); }
.cga-drawer-card-title.access > span[b-j900rwgsf3] { color: var(--cga-green); background: var(--cga-green-soft); }
.cga-drawer-card-title > div[b-j900rwgsf3] { display: grid; }
.cga-drawer-card-title strong[b-j900rwgsf3] { font-size: .78rem; }
.cga-drawer-card-title small[b-j900rwgsf3] { color: var(--cga-muted); font-size: .62rem; }
.cga-field textarea[b-j900rwgsf3] { min-height: 82px; resize: vertical; }
.cga-drawer-grid[b-j900rwgsf3] { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; }
.cga-access-control[b-j900rwgsf3] { display: grid; grid-template-columns: 18px minmax(0,1fr); align-items: start; gap: .55rem; padding: .7rem; border: 1px solid #d4e4df; border-radius: 9px; background: #f8fcfb; }
.cga-access-control > span[b-j900rwgsf3] { display: grid; gap: .12rem; }
.cga-access-control strong[b-j900rwgsf3] { color: #285c50; font-size: .72rem; }
.cga-access-control small[b-j900rwgsf3] { color: #6a807a; font-size: .62rem; line-height: 1.4; }
.cga-specialty-list[b-j900rwgsf3] { display: flex; flex-wrap: wrap; gap: .4rem; }
.cga-specialty-chip[b-j900rwgsf3] { position: relative; display: inline-flex; align-items: center; gap: .35rem; padding: .35rem .5rem .35rem .7rem; border: 1px solid #c9d6de; border-radius: 999px; background: #f4f8fa; color: #506979; font-size: .72rem; font-weight: 750; cursor: pointer; transition: .14s ease; }
.cga-specialty-chip:hover[b-j900rwgsf3] { border-color: #9cbfd9; }
.cga-specialty-chip.checked[b-j900rwgsf3] { border-color: var(--cga-navy); background: var(--cga-navy-soft); color: var(--cga-navy); }
.cga-specialty-chip input[b-j900rwgsf3] { width: 14px; height: 14px; accent-color: var(--cga-navy); margin: 0; }
.cga-specialty-remove[b-j900rwgsf3] { display: grid; place-items: center; width: 16px; height: 16px; padding: 0; border: 0; border-radius: 999px; color: inherit; background: transparent; opacity: .55; cursor: pointer; }
.cga-specialty-remove:hover[b-j900rwgsf3] { opacity: 1; background: rgba(0,0,0,.08); }
.cga-specialty-add[b-j900rwgsf3] { display: flex; gap: .5rem; }
.cga-specialty-add input[b-j900rwgsf3] { flex: 1 1 auto; min-height: 36px; padding: .45rem .6rem; border: 1px solid #c9d6de; border-radius: 8px; color: var(--cga-ink); background: #fff; font: inherit; font-size: .75rem; }
.cga-specialty-add button[b-j900rwgsf3] { display: inline-flex; align-items: center; gap: .3rem; padding: 0 .75rem; border: 1px solid var(--cga-navy); border-radius: 8px; color: #fff; background: var(--cga-navy); font-size: .72rem; font-weight: 800; cursor: pointer; }
.cga-specialty-add button:disabled[b-j900rwgsf3] { opacity: .5; cursor: not-allowed; }
.cga-effective-summary[b-j900rwgsf3] { display: grid; gap: .35rem; padding-top: .65rem; border-top: 1px solid #dce9e5; }
.cga-effective-summary span[b-j900rwgsf3] { width: fit-content; gap: .3rem; padding: .35rem .5rem; border-radius: 8px; font-size: .67rem; font-weight: 850; }
.cga-effective-summary span.public[b-j900rwgsf3] { color: #126a56; background: var(--cga-green-soft); }
.cga-effective-summary span.subscriber[b-j900rwgsf3] { color: #576d7a; background: #e9eef2; }
.cga-effective-summary small[b-j900rwgsf3] { color: var(--cga-muted); font-size: .64rem; }
.cga-overview-drawer > footer[b-j900rwgsf3] { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: .5rem; padding: .75rem .9rem; border-top: 1px solid var(--cga-line); background: #fff; }
.cga-overview-drawer footer span[b-j900rwgsf3] { color: #8c603f; font-size: .65rem; font-weight: 800; }
.cga-overview-drawer footer button[b-j900rwgsf3] { min-height: 38px; padding: .45rem .7rem; border: 1px solid var(--cga-orange); border-radius: 8px; color: #fff; background: var(--cga-orange); font-size: .72rem; font-weight: 850; cursor: pointer; }
.cga-overview-drawer footer button.secondary[b-j900rwgsf3] { border-color: #c8d5dc; color: #4e6676; background: #fff; }
.cga-mobile-save[b-j900rwgsf3] { display: none; }

@media (max-width: 1250px) {
    .cga-current-context[b-j900rwgsf3] { display: none; }
    .cga-command-bar[b-j900rwgsf3] { grid-template-columns: minmax(210px, 1fr) auto; }
    .cga-workspace[b-j900rwgsf3] { grid-template-columns: 235px 260px minmax(0,1fr); }
}

@media (max-width: 960px) {
    .cga-command-actions .subtle[b-j900rwgsf3] { font-size: 0; gap: 0; width: 39px; padding: 0; }
    .cga-command-actions .subtle[b-j900rwgsf3]  svg { font-size: 1.15rem; }
    .cga-workspace[b-j900rwgsf3] { grid-template-columns: 210px minmax(0,1fr); }
    .cga-section-nav[b-j900rwgsf3] { display: none; }
    .cga-mobile-section-picker[b-j900rwgsf3] { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: .55rem; padding: .55rem .7rem; border-bottom: 1px solid var(--cga-line); background: #fff; }
    .cga-mobile-section-picker label[b-j900rwgsf3] { color: #5d7180; font-size: .66rem; font-weight: 900; text-transform: uppercase; }
    .cga-mobile-section-picker select[b-j900rwgsf3] { width: 100%; min-height: 38px; padding: .4rem .55rem; border: 1px solid #c9d6de; border-radius: 8px; color: var(--cga-navy); background: #f8fafb; font: inherit; font-size: .75rem; font-weight: 750; }
    .cga-editor-shell[b-j900rwgsf3] { grid-template-rows: auto auto minmax(0,1fr); }
    .cga-preflight[b-j900rwgsf3] { align-items: flex-start; flex-direction: column; gap: .45rem; }
    .cga-preflight-checks[b-j900rwgsf3] { justify-content: flex-start; }
}

@media (max-width: 700px) {
    .cga-page[b-j900rwgsf3] { height: auto; min-height: calc(100dvh - 72px); overflow: visible; border-radius: 11px; padding-bottom: 68px; }
    .cga-command-bar[b-j900rwgsf3] { min-height: 62px; grid-template-columns: minmax(0,1fr) auto; gap: .45rem; padding: .55rem .65rem; }
    .cga-command-title[b-j900rwgsf3] { min-width: 0; display: grid; gap: .05rem; }
    .cga-command-title b[b-j900rwgsf3], .cga-command-title span:first-child[b-j900rwgsf3] { display: none; }
    .cga-command-title strong[b-j900rwgsf3] { max-width: 100%; }
    .cga-command-actions > :not(.primary)[b-j900rwgsf3] { display: none; }
    .cga-command-actions .primary[b-j900rwgsf3] { display: none; }
    .cga-module-access[b-j900rwgsf3] { padding: .55rem .65rem; }
    .cga-module-access small[b-j900rwgsf3], .cga-module-access > label b[b-j900rwgsf3] { display: none; }
    .cga-workspace[b-j900rwgsf3] { display: block; overflow: visible; }
    .cga-catalogue[b-j900rwgsf3] { max-height: 230px; border-right: 0; border-bottom: 1px solid var(--cga-line); }
    .cga-list[b-j900rwgsf3] { max-height: 170px; }
    .cga-editor-shell[b-j900rwgsf3] { display: block; }
    .cga-mobile-section-picker[b-j900rwgsf3] { position: sticky; top: 0; z-index: 15; }
    .cga-editor-scroll[b-j900rwgsf3] { overflow: visible; padding: .6rem; }
    .cga-active-section-bar[b-j900rwgsf3] { align-items: stretch; flex-direction: column; }
    .cga-section-access[b-j900rwgsf3] { justify-content: flex-start; flex-wrap: wrap; }
    .cga-preflight[b-j900rwgsf3] { padding: .55rem .65rem; }
    .cga-preflight-title small[b-j900rwgsf3] { display: none; }
    .cga-preflight-checks[b-j900rwgsf3] { gap: .25rem; }
    .cga-preflight-checks > span[b-j900rwgsf3] { font-size: .58rem; }
    .cga-reference-fields > div[b-j900rwgsf3], .cga-drawer-grid[b-j900rwgsf3] { grid-template-columns: minmax(0, 1fr); }
    .cga-reference-card[b-j900rwgsf3] { grid-template-columns: 30px minmax(0,1fr) 30px; gap: .45rem; padding: .7rem .55rem; }
    .cga-references-editor > header[b-j900rwgsf3] { align-items: flex-start; flex-direction: column; }
    .cga-mobile-save[b-j900rwgsf3] { position: fixed; z-index: 70; left: 0; right: 0; bottom: 0; display: block; padding: .55rem max(.7rem, env(safe-area-inset-right)) max(.55rem, env(safe-area-inset-bottom)) max(.7rem, env(safe-area-inset-left)); border-top: 1px solid #d9c3b6; background: rgba(255,255,255,.96); box-shadow: 0 -8px 22px rgba(18,52,77,.12); backdrop-filter: blur(8px); }
    .cga-mobile-save button[b-j900rwgsf3] { width: 100%; min-height: 43px; justify-content: center; gap: .4rem; border: 1px solid var(--cga-orange); border-radius: 9px; color: #fff; background: var(--cga-orange); font-size: .78rem; font-weight: 850; }
    .cga-overview-drawer > footer[b-j900rwgsf3] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .cga-overview-drawer footer span[b-j900rwgsf3] { grid-column: 1 / -1; }
}

.cga-teaser[b-j900rwgsf3] { border-bottom: 1px solid #c4ded8; background: #f6fbfa; }
.cga-teaser > summary[b-j900rwgsf3] { min-height: 52px; display: flex; align-items: center; gap: .6rem; padding: .45rem 1rem; cursor: pointer; list-style: none; }
.cga-teaser > summary[b-j900rwgsf3]::-webkit-details-marker { display: none; }
.cga-teaser > summary[b-j900rwgsf3]::after { content: "▾"; margin-left: auto; color: var(--cga-muted); transition: transform .18s; }
.cga-teaser[open] > summary[b-j900rwgsf3]::after { transform: rotate(180deg); }
.cga-teaser > summary > span:first-child[b-j900rwgsf3] { width: 31px; height: 31px; display: grid; place-items: center; border: 1px solid #bfddd7; border-radius: 9px; color: var(--cga-green); background: #fff; flex: none; }
.cga-teaser > summary > div[b-j900rwgsf3] { display: flex; flex-direction: column; min-width: 0; }
.cga-teaser > summary strong[b-j900rwgsf3] { font-size: .92rem; }
.cga-teaser > summary small[b-j900rwgsf3] { color: var(--cga-muted); font-size: .74rem; line-height: 1.25; max-width: 62ch; }
.cga-teaser-badge[b-j900rwgsf3] { margin-left: auto; padding: .28rem .6rem; border-radius: 999px; background: #e7f6f1; color: var(--cga-green); font-size: .74rem; font-weight: 700; white-space: nowrap; }
.cga-teaser-note[b-j900rwgsf3] { margin: 0 1rem .6rem; padding: .5rem .7rem; border-radius: 8px; background: #fff6e8; color: #8a5a12; font-size: .78rem; }
.cga-teaser-grid[b-j900rwgsf3] { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: .4rem; padding: 0 1rem .6rem; }
.cga-teaser-item[b-j900rwgsf3] { display: flex; align-items: flex-start; gap: .5rem; padding: .45rem .6rem; border: 1px solid var(--cga-line); border-radius: 9px; background: #fff; cursor: pointer; transition: border-color .15s, background .15s; }
.cga-teaser-item:hover[b-j900rwgsf3] { border-color: var(--cga-green); background: var(--cga-green-soft); }
.cga-teaser-item.partial[b-j900rwgsf3] { border-color: var(--cga-orange); background: var(--cga-orange-soft); }
.cga-teaser-item input[b-j900rwgsf3] { margin-top: .18rem; accent-color: var(--cga-green); }
.cga-teaser-item span[b-j900rwgsf3] { display: flex; flex-direction: column; min-width: 0; }
.cga-teaser-item strong[b-j900rwgsf3] { font-size: .82rem; font-weight: 650; }
.cga-teaser-item small[b-j900rwgsf3] { color: var(--cga-muted); font-size: .7rem; }
.cga-teaser-actions[b-j900rwgsf3] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0 1rem .75rem; }
.cga-teaser-actions > span[b-j900rwgsf3] { color: var(--cga-muted); font-size: .78rem; }
.cga-teaser-actions button[b-j900rwgsf3] { border: none; border-radius: 9px; padding: .5rem 1.1rem; font-weight: 700; font-size: .82rem; color: #fff; background: var(--cga-green); cursor: pointer; }
.cga-teaser-actions button:disabled[b-j900rwgsf3] { opacity: .5; cursor: default; }
.cga-teaser-bulk[b-j900rwgsf3] { display: flex; align-items: center; gap: .45rem; margin-left: auto; margin-right: .8rem; color: var(--cga-muted); font-size: .76rem; }
.cga-teaser-actions button.link[b-j900rwgsf3] { border: none; background: none; padding: 0; color: var(--cga-green); font-weight: 700; font-size: .76rem; cursor: pointer; text-decoration: underline; }
.cga-teaser-actions button.link:disabled[b-j900rwgsf3] { opacity: .5; cursor: default; }

@media (max-width: 767px) {
    /* The teaser row put a label, a bulk control and a button on one line, which
       pushed the button 47px past the right edge of the viewport. */
    .cga-teaser-actions[b-j900rwgsf3] { flex-wrap: wrap; gap: .6rem; }
    .cga-teaser-actions > span[b-j900rwgsf3] { flex: 1 1 100%; }
    .cga-teaser-bulk[b-j900rwgsf3] { margin-left: 0; margin-right: 0; }
    .cga-teaser-actions button[b-j900rwgsf3] { flex: 0 1 auto; }
}
/* /Components/Pages/AdministrationClinicalNotes.razor.rz.scp.css */
.notes-admin[b-zgvc161me6] { max-width: 1540px; margin: 0 auto; padding: 28px; color: #17324d; }
.admin-hero[b-zgvc161me6], .editor-command[b-zgvc161me6] { display: flex; align-items: end; justify-content: space-between; gap: 24px; padding: 28px; border-radius: 20px; background: linear-gradient(135deg, #0b2947, #0d3972); color: white; }
.admin-hero > div[b-zgvc161me6], .editor-command > div[b-zgvc161me6] { display: flex; flex-direction: column; align-items: flex-start; }
.admin-hero > div:last-child[b-zgvc161me6], .editor-command > div:last-child[b-zgvc161me6] { flex-direction: row; gap: 8px; flex-wrap: wrap; }
.admin-hero span[b-zgvc161me6], .editor-command span[b-zgvc161me6], .admin-library header span[b-zgvc161me6], .recent-panel header span[b-zgvc161me6] { margin-top: 10px; font-size: .69rem; font-weight: 900; letter-spacing: .13em; }
.admin-hero h1[b-zgvc161me6], .editor-command h1[b-zgvc161me6], .admin-library h2[b-zgvc161me6], .recent-panel h2[b-zgvc161me6] { margin: 5px 0; }
.admin-hero p[b-zgvc161me6], .editor-command p[b-zgvc161me6] { margin: 0; color: #d8e2ee; }
.admin-hero a[b-zgvc161me6] { color: #d9e4f2; }
.admin-hero > div:last-child a[b-zgvc161me6], .admin-hero button[b-zgvc161me6], .editor-command button[b-zgvc161me6] { border: 0; border-radius: 10px; padding: 10px 14px; background: #e8eef6; color: #0b3060; font-weight: 900; text-decoration: none; cursor: pointer; }
.admin-hero .primary[b-zgvc161me6], .editor-command .primary[b-zgvc161me6], .category-manager .primary[b-zgvc161me6] { background: #1654a4; color: white; }
.save-control[b-zgvc161me6] { align-items: center !important; }
.save-blocked-reason[b-zgvc161me6] { margin: 0 !important; padding: 6px 10px; border-radius: 8px; background: rgba(255, 255, 255, .12); color: #ffe8b0; font-size: .78rem !important; font-weight: 700 !important; letter-spacing: normal !important; text-transform: none; }
.back-button[b-zgvc161me6] { padding: 0 !important; background: transparent !important; color: #d9e4f2 !important; }
.admin-metrics[b-zgvc161me6] { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; margin: 20px 0; }
.admin-metrics article[b-zgvc161me6] { padding: 18px; border-radius: 14px; background: #eef2f8; }
.admin-metrics span[b-zgvc161me6] { display: block; color: #60758a; }
.admin-metrics strong[b-zgvc161me6] { display: block; margin-top: 5px; color: #0b3060; font-size: 1.55rem; }
.recent-panel[b-zgvc161me6], .admin-library[b-zgvc161me6], .editor-card[b-zgvc161me6], .category-manager[b-zgvc161me6] { padding: 21px; border: 1px solid #dbe5ec; border-radius: 18px; background: white; box-shadow: 0 10px 28px rgba(28, 60, 84, .07); }
.recent-panel[b-zgvc161me6] { margin-bottom: 20px; }
.recent-panel header span[b-zgvc161me6] { color: #0d438a; }
.recent-grid[b-zgvc161me6] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.recent-grid button[b-zgvc161me6] { display: flex; align-items: flex-start; flex-direction: column; gap: 4px; border: 1px solid #d8dee7; border-radius: 12px; padding: 14px; background: #f6fbfa; color: #17324d; text-align: left; cursor: pointer; }
.recent-grid button span[b-zgvc161me6] { color: #0d438a; font-size: .67rem; font-weight: 900; text-transform: uppercase; }
.recent-grid small[b-zgvc161me6], .empty-copy[b-zgvc161me6] { color: #718497; }
.admin-library > header[b-zgvc161me6] { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.admin-library header label[b-zgvc161me6] { display: flex; min-width: 320px; align-items: center; gap: 7px; border: 1px solid #cedbe3; border-radius: 10px; padding: 9px 11px; }
.admin-library header input[b-zgvc161me6] { width: 100%; border: 0; outline: 0; font: inherit; }
.alphabet-filter[b-zgvc161me6] { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 16px; }
.alphabet-filter button[b-zgvc161me6] { min-width: 30px; height: 30px; padding: 0 6px; border: 1px solid #cedbe3; border-radius: 8px; background: white; color: #33495a; font-size: .78rem; font-weight: 700; cursor: pointer; transition: background .15s, border-color .15s, color .15s; }
.alphabet-filter button:hover:not(:disabled)[b-zgvc161me6] { background: #eef2f8; border-color: #0b3060; }
.alphabet-filter button.active[b-zgvc161me6] { background: #0b3060; border-color: #0b3060; color: white; }
.alphabet-filter button:disabled[b-zgvc161me6] { opacity: .32; cursor: default; }
.note-table[b-zgvc161me6] { margin-top: 18px; overflow: auto; }
.note-table table[b-zgvc161me6] { width: 100%; min-width: 1000px; border-collapse: collapse; }
.note-table th[b-zgvc161me6], .note-table td[b-zgvc161me6] { padding: 12px 10px; border-bottom: 1px solid #e0e8ed; text-align: left; vertical-align: top; }
.note-table th[b-zgvc161me6] { background: #f4f8f9; color: #60758a; font-size: .7rem; text-transform: uppercase; }
.note-table small[b-zgvc161me6] { display: block; margin-top: 3px; color: #718497; }
.note-table td:last-child[b-zgvc161me6] { display: flex; gap: 6px; }
.note-table button[b-zgvc161me6], .note-table td:last-child a[b-zgvc161me6], .category-manager button[b-zgvc161me6] { border: 0; border-radius: 8px; padding: 7px 10px; background: #e8edf4; color: #0d366b; font-weight: 800; text-decoration: none; cursor: pointer; }
.danger[b-zgvc161me6] { background: #fff0f0 !important; color: #a33636 !important; }
.tags[b-zgvc161me6] { display: flex; gap: 4px; flex-wrap: wrap; }
.tags span[b-zgvc161me6], .status[b-zgvc161me6] { padding: 4px 7px; border-radius: 999px; background: #edf1f4; color: #526779; font-size: .67rem; font-weight: 850; }
.status.published[b-zgvc161me6] { background: #e4f6ec; color: #25734d; }
.admin-empty[b-zgvc161me6] { padding: 50px; text-align: center; }
.admin-empty p[b-zgvc161me6] { margin: 5px; color: #718497; }
.editor-command[b-zgvc161me6] { margin-bottom: 20px; }
.editor-grid[b-zgvc161me6] { display: grid; grid-template-columns: .8fr 1.2fr; gap: 18px; }
.editor-card > header[b-zgvc161me6] { display: flex; align-items: center; gap: 11px; }
.editor-card > header > span[b-zgvc161me6] { display: grid; min-width: 34px; height: 34px; place-items: center; border-radius: 10px; background: #e5ecf5; color: #0d3d7b; font-weight: 900; }
.editor-card h2[b-zgvc161me6] { margin: 0; }
.editor-card header p[b-zgvc161me6] { margin: 3px 0; color: #6b7f91; }
.fields[b-zgvc161me6] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 18px; }
.fields label[b-zgvc161me6] { display: flex; flex-direction: column; gap: 6px; color: #4f667b; font-size: .78rem; font-weight: 800; }
.fields label.wide[b-zgvc161me6] { grid-column: 1 / -1; }
.monograph-field.wide[b-zgvc161me6] { position: relative; grid-column: 1 / -1; }
.monograph-field[b-zgvc161me6] { display: flex; flex-direction: column; gap: 7px; color: #4f667b; font-size: .78rem; font-weight: 800; }
.field-label[b-zgvc161me6] { color: #4f667b; }
.monograph-search[b-zgvc161me6] { display: flex; gap: 8px; }
.monograph-search input[b-zgvc161me6] { flex: 1; }
.monograph-search button[b-zgvc161me6] { border: 1px solid #cddae3; border-radius: 9px; padding: 8px 12px; background: #f2f5f8; color: #0d366b; font-weight: 800; cursor: pointer; }
.selected-monograph[b-zgvc161me6] { display: flex; align-items: center; justify-content: space-between; gap: 16px; border: 1px solid #b9c8dc; border-radius: 11px; padding: 12px; background: #eef3f9; }
.selected-monograph div[b-zgvc161me6] { display: flex; min-width: 0; flex-direction: column; }
.selected-monograph strong[b-zgvc161me6] { color: #13325b; }
.selected-monograph small[b-zgvc161me6] { overflow: hidden; color: #667e8e; text-overflow: ellipsis; white-space: nowrap; }
.selected-monograph a[b-zgvc161me6] { flex: none; border-radius: 8px; padding: 8px 11px; background: #0d438a; color: white; text-decoration: none; }
.monograph-results[b-zgvc161me6] { position: absolute; z-index: 5; top: 67px; right: 0; left: 0; display: grid; max-height: 300px; border: 1px solid #cbd9e1; border-radius: 11px; background: white; box-shadow: 0 15px 35px rgba(24, 58, 78, .16); overflow-y: auto; }
.monograph-results button[b-zgvc161me6] { display: flex; flex-direction: column; gap: 2px; border: 0; border-bottom: 1px solid #e2eaee; padding: 11px 13px; background: white; color: #17324d; text-align: left; cursor: pointer; }
.monograph-results button:hover[b-zgvc161me6], .monograph-results button:focus[b-zgvc161me6] { background: #eef2f8; outline: 0; }
.monograph-results span[b-zgvc161me6] { color: #6b8090; font-size: .72rem; font-weight: 500; }
.monograph-results p[b-zgvc161me6] { margin: 0; padding: 14px; color: #718497; font-weight: 500; }
.monograph-field > small[b-zgvc161me6] { color: #718497; font-weight: 500; }
.fields label.check[b-zgvc161me6] { flex-direction: row; align-items: center; padding-top: 24px; }
.fields input[b-zgvc161me6] { width: 100%; box-sizing: border-box; border: 1px solid #cddae3; border-radius: 9px; padding: 10px; color: #17324d; font: inherit; }
.relation-card h3[b-zgvc161me6] { margin: 18px 0 8px; color: #4f667b; font-size: .78rem; text-transform: uppercase; }
.relation-card h3 .required[b-zgvc161me6] { margin-left: 6px; border-radius: 999px; padding: 3px 6px; background: #fff0e8; color: #a74f24; font-size: .62rem; }
.category-required[b-zgvc161me6] { margin: 8px 0 0; color: #a33b32; font-size: .78rem; font-weight: 750; }
.choice-grid[b-zgvc161me6] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.choice-grid label[b-zgvc161me6] { display: flex; align-items: center; gap: 8px; border: 1px solid #dbe1e9; border-radius: 9px; padding: 9px; color: #415a6e; }
.choice-grid label small[b-zgvc161me6] { display: block; color: #7a8c9c; }
.choice-grid.drugs[b-zgvc161me6] { max-height: 260px; overflow: auto; }
.included-drugs-text[b-zgvc161me6] { display: grid; gap: 7px; color: #415a6e; font-weight: 700; }
.included-drugs-text textarea[b-zgvc161me6] { width: 100%; resize: vertical; border: 1px solid #cad3df; border-radius: 10px; padding: 10px 12px; background: #fbfdfe; color: #17364b; font: inherit; font-weight: 500; line-height: 1.5; }
.included-drugs-text small[b-zgvc161me6] { color: #718598; font-weight: 500; }
.preview-card[b-zgvc161me6] { grid-column: 1 / -1; }
.raw-paste[b-zgvc161me6] { margin-top: 20px; padding-top: 16px; border-top: 1px solid #edf0f4; }
.raw-paste > header[b-zgvc161me6] { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.raw-paste > header h3[b-zgvc161me6] { margin: 0; color: #17324d; font-size: .84rem; }
.raw-paste > header p[b-zgvc161me6] { margin: 3px 0 0; color: #85949f; font-size: .72rem; font-weight: 500; }
.raw-paste > header button[b-zgvc161me6] { flex: 0 0 auto; border: 1px solid #d8dee7; border-radius: 8px; padding: 6px 10px; background: #f6fbfa; color: #0d366b; font-weight: 800; font-size: .74rem; cursor: pointer; }
.raw-paste > textarea[b-zgvc161me6] { width: 100%; box-sizing: border-box; margin-top: 10px; border: 1px solid #cddae3; border-radius: 10px; padding: 10px 12px; resize: vertical; color: #17324d; font: inherit; font-size: .84rem; line-height: 1.5; }
.parse-status[b-zgvc161me6] { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; border-radius: 10px; padding: 10px; background: #fff4e8; color: #8a551a; }
.parse-status.valid[b-zgvc161me6] { background: #e7f7ed; color: #246d48; }
.parse-status span[b-zgvc161me6] { border-left: 1px solid currentColor; padding-left: 8px; font-size: .76rem; }
.preview-sections[b-zgvc161me6] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 18px; }
.preview-sections article[b-zgvc161me6] { padding: 16px; border-left: 4px solid #0d438a; border-radius: 10px; background: #edf2f8; }
.preview-sections article.missing[b-zgvc161me6] { border-color: #bdc9d1; background: #f5f7f8; color: #778a99; }
.preview-sections article.over-limit[b-zgvc161me6] { border-color: #b42318; background: #fff1f0; }
.preview-sections h3[b-zgvc161me6] { margin: 0 0 8px; }
.preview-sections h3 small[b-zgvc161me6] { float: right; font-size: .78rem; font-weight: 700; color: #5d7180; }
.preview-sections p[b-zgvc161me6] { margin: 0; white-space: pre-wrap; line-height: 1.5; }
.category-manager[b-zgvc161me6] { max-width: 820px; margin: auto; }
.category-manager form[b-zgvc161me6] { display: flex; align-items: end; gap: 10px; }
.category-manager form label[b-zgvc161me6] { display: flex; flex: 1; flex-direction: column; gap: 6px; color: #4f667b; font-weight: 800; }
.category-manager input[b-zgvc161me6] { border: 1px solid #cddae3; border-radius: 9px; padding: 10px; font: inherit; }
.category-manager form + div[b-zgvc161me6] { margin-top: 18px; }
.category-manager article[b-zgvc161me6] { display: flex; align-items: center; gap: 8px; border-top: 1px solid #e3eaee; padding: 12px 0; }
.category-manager article > div[b-zgvc161me6] { display: flex; flex: 1; flex-direction: column; }
.category-manager article small[b-zgvc161me6] { color: #718497; }
@media (max-width: 1050px) { .editor-grid[b-zgvc161me6] { grid-template-columns: minmax(0, 1fr); } .preview-card[b-zgvc161me6] { grid-column: auto; } .admin-metrics[b-zgvc161me6] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .preview-sections[b-zgvc161me6] { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 700px) { .notes-admin[b-zgvc161me6] { padding: 14px; } .admin-hero[b-zgvc161me6], .editor-command[b-zgvc161me6], .admin-library > header[b-zgvc161me6] { align-items: flex-start; flex-direction: column; } .admin-metrics[b-zgvc161me6], .fields[b-zgvc161me6], .recent-grid[b-zgvc161me6], .choice-grid[b-zgvc161me6] { grid-template-columns: minmax(0, 1fr); } .fields label.wide[b-zgvc161me6] { grid-column: auto; } .admin-library header label[b-zgvc161me6] { min-width: 0; width: 100%; } .category-manager form[b-zgvc161me6] { align-items: stretch; flex-direction: column; } }
/* /Components/Pages/AdministrationCourseContent.razor.rz.scp.css */
.content-manager[b-o9havyti26]{max-width:1580px;margin:0 auto;padding:28px;color:#17324d}.content-hero[b-o9havyti26]{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:26px 30px;border-radius:22px;background:linear-gradient(135deg,#0b2947,#0d3972);color:#fff}.content-hero>div[b-o9havyti26]{display:flex;flex-direction:column;align-items:flex-start}.content-hero>div:last-child[b-o9havyti26]{flex-direction:row;gap:9px}.content-hero a[b-o9havyti26]{color:#d7e3f2;text-decoration:none}.content-hero>div:last-child a[b-o9havyti26],.content-hero button[b-o9havyti26]{border:0;border-radius:10px;padding:10px 14px;background:#e8eef7;color:#0b3060;font-weight:900;cursor:pointer}.content-hero span[b-o9havyti26],.workspace-heading span[b-o9havyti26],.lesson-library header span[b-o9havyti26],.document-editor header span[b-o9havyti26]{margin-top:9px;font-size:.68rem;font-weight:900;letter-spacing:.13em}.content-hero h1[b-o9havyti26]{margin:5px 0}.content-hero p[b-o9havyti26]{margin:0;color:#d9e3f0}.content-layout[b-o9havyti26]{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;margin-top:20px}.lesson-library[b-o9havyti26],.authoring-workspace[b-o9havyti26]{border:1px solid #dbe5ec;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(28,60,84,.07)}.lesson-library[b-o9havyti26]{align-self:start;padding:15px}.lesson-library header[b-o9havyti26],.workspace-heading[b-o9havyti26],.document-editor>header[b-o9havyti26]{display:flex;align-items:center;justify-content:space-between;gap:16px}.lesson-library h2[b-o9havyti26],.workspace-heading h2[b-o9havyti26],.document-editor h3[b-o9havyti26]{margin:3px 0}.lesson-library header button[b-o9havyti26],.primary[b-o9havyti26],.workspace-heading button[b-o9havyti26],.question-actions button[b-o9havyti26],.question-editor button[b-o9havyti26]{border:0;border-radius:9px;padding:9px 12px;background:#e6ecf4;color:#0b356b;font-weight:900;cursor:pointer}.primary[b-o9havyti26],.workspace-heading .primary[b-o9havyti26],.question-editor .primary[b-o9havyti26]{background:#0d438a;color:#fff}.danger[b-o9havyti26],.workspace-heading .danger[b-o9havyti26],.question-actions .danger[b-o9havyti26]{background:#fff0f0;color:#a33636}.lesson-row[b-o9havyti26],.final-row[b-o9havyti26]{display:flex;width:100%;align-items:flex-start;gap:10px;margin-top:9px;padding:12px;border:1px solid #e1e9ee;border-radius:11px;background:#f9fbfc;color:#17324d;text-align:left;cursor:pointer}.lesson-row>span[b-o9havyti26],.final-row>span[b-o9havyti26]{display:grid;min-width:27px;height:27px;place-items:center;border-radius:8px;background:#e6ecf3;color:#0d3d7b;font-size:.74rem;font-weight:900}.lesson-row div[b-o9havyti26],.final-row div[b-o9havyti26]{display:flex;min-width:0;flex-direction:column}.lesson-row strong[b-o9havyti26],.final-row strong[b-o9havyti26]{overflow:hidden;text-overflow:ellipsis}.lesson-row small[b-o9havyti26],.final-row small[b-o9havyti26]{margin-top:3px;color:#718497}.lesson-row.active[b-o9havyti26],.final-row.active[b-o9havyti26]{border-color:#235aa2;background:#eff3f9;box-shadow:inset 3px 0 #0d4997}.final-row[b-o9havyti26]{margin-top:18px;border-style:dashed}.empty[b-o9havyti26]{padding:20px;color:#718497;text-align:center}.authoring-workspace[b-o9havyti26]{padding:22px;overflow:hidden}.workspace-heading p[b-o9havyti26],.document-editor header p[b-o9havyti26]{margin:3px 0;color:#6b7f91}.workspace-heading>div:last-child[b-o9havyti26]{display:flex;gap:8px}.lesson-fields[b-o9havyti26]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:20px;padding:18px;border-radius:14px;background:#f6f9fa}.lesson-fields label[b-o9havyti26]{display:flex;flex-direction:column;gap:6px;color:#4f667b;font-size:.78rem;font-weight:800}.lesson-fields label.wide[b-o9havyti26]{grid-column:1/-1}.lesson-fields label.check[b-o9havyti26]{flex-direction:row;align-items:center}.lesson-fields input[b-o9havyti26],.lesson-fields textarea[b-o9havyti26]{width:100%;box-sizing:border-box;border:1px solid #cddae3;border-radius:9px;padding:10px;background:#fff;color:#17324d;font:inherit}.slug-field[b-o9havyti26]{display:flex;align-items:center;border:1px solid #cddae3;border-radius:9px;background:#eef1f5;overflow:hidden}.slug-field span[b-o9havyti26]{padding-left:9px;color:#718497}.slug-field input[b-o9havyti26]{border:0}.document-editor[b-o9havyti26]{margin-top:20px;border:1px solid #d4dce7;border-radius:16px;overflow:hidden}.document-editor>header[b-o9havyti26]{padding:16px 18px;background:#f5f9fa}.document-editor nav[b-o9havyti26]{display:flex;gap:5px}.document-editor nav button[b-o9havyti26]{border:0;border-radius:8px;padding:8px 12px;background:#e6eaef;color:#52697c;font-weight:850;cursor:pointer}.document-editor nav button.active[b-o9havyti26]{background:#0d3c79;color:#fff}.visual-toolbar[b-o9havyti26]{display:flex;align-items:center;gap:6px;padding:9px 14px;border-top:1px solid #dbe2ea;border-bottom:1px solid #dbe2ea;background:#fff}.visual-toolbar button[b-o9havyti26]{min-width:34px;border:1px solid #cbd4e0;border-radius:7px;padding:6px;background:#fff;color:#17324d;cursor:pointer}.visual-toolbar span[b-o9havyti26]{margin-left:auto;color:#6c7f90;font-size:.75rem}.visual-frame[b-o9havyti26],.preview-frame[b-o9havyti26]{display:block;width:100%;height:570px;border:0;background:#fff}.code-heading[b-o9havyti26],.preview-note[b-o9havyti26]{display:flex;justify-content:space-between;padding:10px 14px;background:#102b3d;color:#ccd7e6;font-size:.77rem}.code-editor[b-o9havyti26]{display:block;width:100%;height:570px;box-sizing:border-box;border:0;padding:16px;background:#0d1f2b;color:#e8edf3;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}.preview-note[b-o9havyti26]{background:#eef2f7;color:#52697c}.question-section[b-o9havyti26]{margin-top:24px;padding-top:24px;border-top:1px solid #dce6ec}.questions[b-o9havyti26]{margin-top:15px}.question-card[b-o9havyti26]{margin-top:12px;padding:15px;border:1px solid #dce6ec;border-radius:13px}.question-card>div:first-child[b-o9havyti26]{display:flex;flex-direction:column;gap:4px}.question-card>div:first-child span[b-o9havyti26]{color:#0d4082;font-size:.67rem;font-weight:900}.option-list[b-o9havyti26]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.option-list p[b-o9havyti26]{margin:0;padding:9px;border-radius:9px;background:#f4f7f9}.option-list p.correct[b-o9havyti26]{background:#eaf8f0}.option-list small[b-o9havyti26]{display:block;margin-top:3px;color:#64778a}.question-actions[b-o9havyti26]{display:flex;gap:7px}.question-editor[b-o9havyti26]{margin-top:14px;padding:16px;border-radius:13px;background:#f3f6f9}.question-editor>label[b-o9havyti26]{display:flex;flex-direction:column;gap:5px;color:#4f667b;font-size:.78rem;font-weight:800}.question-editor input[b-o9havyti26],.question-editor textarea[b-o9havyti26]{width:100%;box-sizing:border-box;border:1px solid #cad8e0;border-radius:8px;padding:9px;background:#fff;color:#17324d;font:inherit}.option-editor[b-o9havyti26]{display:grid;grid-template-columns:24px minmax(180px,.8fr) minmax(260px,1.2fr);align-items:center;gap:9px;margin-top:9px}.option-editor input[type=radio][b-o9havyti26]{width:18px;height:18px}.question-editor-actions[b-o9havyti26]{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.content-error[b-o9havyti26]{padding:50px;text-align:center}@media(max-width:1050px){.content-layout[b-o9havyti26]{grid-template-columns:minmax(0, 1fr)}.lesson-library[b-o9havyti26]{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:7px}.lesson-library header[b-o9havyti26],.lesson-library .empty[b-o9havyti26],.final-row[b-o9havyti26]{grid-column:1/-1}.lesson-row[b-o9havyti26],.final-row[b-o9havyti26]{margin-top:0}}@media(max-width:700px){.content-manager[b-o9havyti26]{padding:14px}.content-hero[b-o9havyti26],.workspace-heading[b-o9havyti26],.document-editor>header[b-o9havyti26]{align-items:flex-start;flex-direction:column}.content-hero>div:last-child[b-o9havyti26]{flex-wrap:wrap}.lesson-library[b-o9havyti26],.lesson-fields[b-o9havyti26],.option-list[b-o9havyti26]{grid-template-columns:minmax(0, 1fr)}.lesson-library header[b-o9havyti26],.lesson-library .empty[b-o9havyti26],.final-row[b-o9havyti26],.lesson-fields label.wide[b-o9havyti26]{grid-column:auto}.option-editor[b-o9havyti26]{grid-template-columns:24px minmax(0, 1fr)}.option-editor textarea[b-o9havyti26]{grid-column:2}.document-editor nav[b-o9havyti26]{overflow:auto}.visual-toolbar span[b-o9havyti26]{display:none}}.lesson-video-editor[b-o9havyti26]{margin-top:20px;padding:18px;border-radius:14px;background:#f6f9fa}.lesson-video-editor header[b-o9havyti26]{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.lesson-video-editor label[b-o9havyti26]{display:flex;flex-direction:column;gap:6px;margin-top:10px;color:#4f667b;font-size:.78rem;font-weight:800}.lesson-video-editor input[b-o9havyti26]{width:100%;box-sizing:border-box;border:1px solid #cddae3;border-radius:9px;padding:10px;background:#fff;color:#17324d;font:inherit}.video-tabs[b-o9havyti26]{display:flex;gap:6px}.video-tabs button[b-o9havyti26]{border:0;border-radius:9px;padding:8px 12px;background:#e6eaef;color:#52697c;font-weight:850;cursor:pointer}.video-tabs button.active[b-o9havyti26]{background:#0d3c79;color:#fff}.video-preview[b-o9havyti26]{display:block;width:100%;max-width:520px;height:290px;margin-top:12px;border:0;border-radius:12px;background:#0d1f2b}.video-uploading[b-o9havyti26]{display:flex;align-items:center;gap:8px;margin-top:10px;color:#4f667b;font-size:.8rem}
/* /Components/Pages/AdministrationCourseManager.razor.rz.scp.css */
.lms-admin[b-esv4dcgnhk]{max-width:1540px;margin:0 auto;padding:28px;color:#17324d}.lms-hero[b-esv4dcgnhk]{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:30px;border-radius:22px;background:linear-gradient(135deg,#0b2947,#0d3972);color:#fff;box-shadow:0 16px 36px rgba(11,41,71,.16)}.lms-hero>div[b-esv4dcgnhk]{display:flex;flex-direction:column;align-items:flex-start}.lms-hero a[b-esv4dcgnhk]{color:#d8e5f5;text-decoration:none}.lms-hero span[b-esv4dcgnhk],.section-command span[b-esv4dcgnhk],.library-heading span[b-esv4dcgnhk]{margin-top:12px;font-size:.72rem;font-weight:900;letter-spacing:.13em}.lms-hero h1[b-esv4dcgnhk]{margin:5px 0;font-size:2.25rem}.lms-hero p[b-esv4dcgnhk]{margin:0;color:#d9e3f0}.lms-hero .hero-action[b-esv4dcgnhk]{border-radius:11px;padding:11px 15px;background:#e8eef7;color:#0b3060;font-weight:900}.lms-tabs[b-esv4dcgnhk]{display:flex;gap:6px;margin:22px 0;border-bottom:1px solid #d9e3eb}.lms-tabs button[b-esv4dcgnhk]{border:0;border-bottom:3px solid transparent;padding:13px 18px;background:transparent;color:#60758a;font-weight:800;cursor:pointer}.lms-tabs button.active[b-esv4dcgnhk]{color:#0d3972;border-color:#0d4c9f}.lms-tabs span[b-esv4dcgnhk]{margin-left:6px;padding:2px 7px;border-radius:999px;background:#e7edf5}.course-dashboard[b-esv4dcgnhk],.course-details[b-esv4dcgnhk],.lms-admin-panel[b-esv4dcgnhk]{margin-top:22px}.library-heading[b-esv4dcgnhk],.section-command[b-esv4dcgnhk]{display:flex;align-items:center;justify-content:space-between;gap:20px}.library-heading h2[b-esv4dcgnhk],.section-command h2[b-esv4dcgnhk]{margin:4px 0;font-size:1.65rem}.library-heading p[b-esv4dcgnhk],.section-command p[b-esv4dcgnhk]{margin:0;color:#687d90}.primary[b-esv4dcgnhk],.section-command button[b-esv4dcgnhk],.course-actions button[b-esv4dcgnhk],.course-actions a[b-esv4dcgnhk],.lms-admin-panel button[b-esv4dcgnhk]{border:0;border-radius:10px;padding:10px 14px;background:#e7edf5;color:#0b3060;font-weight:850;text-decoration:none;cursor:pointer}.primary[b-esv4dcgnhk],.section-command .primary[b-esv4dcgnhk],.lms-admin-panel .primary[b-esv4dcgnhk]{background:#0d438a;color:#fff}.danger[b-esv4dcgnhk],.section-command .danger[b-esv4dcgnhk],.lms-admin-panel .danger[b-esv4dcgnhk]{background:#fff0f0;color:#a33636}.text-button[b-esv4dcgnhk]{padding-left:0!important;background:transparent!important;color:#3f5878!important}.lms-metrics[b-esv4dcgnhk]{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.lms-metrics article[b-esv4dcgnhk]{padding:20px;border-radius:14px;background:#f0f3f8}.lms-metrics span[b-esv4dcgnhk]{display:block;color:#60758a}.lms-metrics strong[b-esv4dcgnhk]{display:block;margin-top:7px;color:#0b3060;font-size:1.6rem}.course-grid[b-esv4dcgnhk]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.course-card[b-esv4dcgnhk]{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid #dbe5ec;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(28,60,84,.07)}.course-cover[b-esv4dcgnhk]{position:relative;display:grid;height:180px;place-items:center;background:linear-gradient(135deg,#dfe8f3,#dbe8f2);overflow:hidden}.course-cover img[b-esv4dcgnhk]{width:100%;height:100%;object-fit:cover}.course-cover>span[b-esv4dcgnhk]{display:grid;width:64px;height:64px;place-items:center;border-radius:18px;background:#1053aa;color:#fff;font-size:1.7rem;font-weight:900}.course-cover b[b-esv4dcgnhk]{position:absolute;right:12px;top:12px;padding:5px 9px;border-radius:999px;background:#fff4d9;color:#7e5b11;font-size:.67rem;text-transform:uppercase}.course-cover b.published[b-esv4dcgnhk]{background:#e7f7ee;color:#23754e}.course-body[b-esv4dcgnhk]{flex:1;padding:18px}.course-body>span[b-esv4dcgnhk]{color:#0d4082;font-size:.7rem;font-weight:900}.course-body h3[b-esv4dcgnhk]{margin:6px 0;font-size:1.25rem}.course-body p[b-esv4dcgnhk]{min-height:44px;margin:0 0 12px;color:#60758a}.course-body small[b-esv4dcgnhk]{color:#718497}.course-actions[b-esv4dcgnhk]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:0 18px 18px}.course-actions button[b-esv4dcgnhk],.course-actions a[b-esv4dcgnhk]{text-align:center}.details-grid[b-esv4dcgnhk]{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin-top:20px}.form-card[b-esv4dcgnhk]{padding:22px;border:1px solid #dbe5ec;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(28,60,84,.06)}.form-card:last-child[b-esv4dcgnhk]{grid-column:1/-1}.card-heading[b-esv4dcgnhk]{display:flex;align-items:center;gap:12px}.card-heading>span[b-esv4dcgnhk]{display:grid;min-width:34px;height:34px;place-items:center;border-radius:10px;background:#e5ecf5;color:#0d3d7b;font-weight:900}.card-heading h3[b-esv4dcgnhk]{margin:0}.card-heading p[b-esv4dcgnhk]{margin:3px 0;color:#6b7f91;font-size:.82rem}.fields[b-esv4dcgnhk]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.fields label[b-esv4dcgnhk],.url-import label[b-esv4dcgnhk],.lms-manual label[b-esv4dcgnhk]{display:flex;flex-direction:column;gap:6px;color:#4f667b;font-size:.78rem;font-weight:800}.fields label.wide[b-esv4dcgnhk]{grid-column:1/-1}.fields label.check[b-esv4dcgnhk]{flex-direction:row;align-items:center;padding:10px 0}.fields input[b-esv4dcgnhk],.fields textarea[b-esv4dcgnhk],.fields select[b-esv4dcgnhk],.url-import input[b-esv4dcgnhk],.lms-manual input[b-esv4dcgnhk],.lms-manual select[b-esv4dcgnhk],.lms-table-wrap select[b-esv4dcgnhk]{width:100%;box-sizing:border-box;border:1px solid #cddae3;border-radius:9px;padding:10px;background:#fff;color:#17324d;font:inherit}.slug-field[b-esv4dcgnhk]{display:flex;align-items:center;border:1px solid #cddae3;border-radius:9px;background:#f5f8fa;overflow:hidden}.slug-field span[b-esv4dcgnhk]{padding-left:10px;color:#718497}.slug-field input[b-esv4dcgnhk]{border:0}.cover-preview[b-esv4dcgnhk]{display:flex;gap:14px;align-items:center;margin:18px 0;padding:10px;border-radius:13px;background:#f3f6f9}.cover-preview img[b-esv4dcgnhk]{width:150px;height:96px;object-fit:cover;border-radius:9px;background:#fff}.cover-preview div[b-esv4dcgnhk]{display:flex;flex-direction:column;gap:3px}.cover-preview span[b-esv4dcgnhk],.cover-preview small[b-esv4dcgnhk],.pending-file span[b-esv4dcgnhk],.url-import small[b-esv4dcgnhk]{color:#6a7e91;font-size:.75rem}.drop-zone[b-esv4dcgnhk]{position:relative;display:flex;min-height:140px;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #859fc1;border-radius:14px;background:#f2fbfa;color:#0d366c;text-align:center;cursor:pointer}.drop-zone>span[b-esv4dcgnhk]{margin-top:5px;color:#708496;font-size:.75rem}.cover-file-input[b-esv4dcgnhk]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.pending-file[b-esv4dcgnhk]{display:flex;justify-content:space-between;gap:10px;margin-top:10px}.url-import[b-esv4dcgnhk]{margin-top:16px}.url-import small[b-esv4dcgnhk]{display:block;margin-top:6px}.lms-admin-panel[b-esv4dcgnhk]{padding:22px;border:1px solid #dbe5ec;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(28,60,84,.07)}.lms-manual[b-esv4dcgnhk]{display:grid;grid-template-columns:1.3fr repeat(4,minmax(140px,1fr)) auto;align-items:end;gap:12px;margin:20px 0;padding:16px;border:1px solid #d7dee8;border-radius:14px}.lms-manual h2[b-esv4dcgnhk]{margin:0}.lms-manual p[b-esv4dcgnhk]{margin:4px 0 0;color:#6a7d8f;font-size:.78rem}.lms-filters[b-esv4dcgnhk]{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.lms-filters input[b-esv4dcgnhk],.lms-filters select[b-esv4dcgnhk]{border:1px solid #cddae3;border-radius:9px;padding:9px 11px;background:#fff;color:#17324d;font:inherit}.lms-filters input[placeholder][b-esv4dcgnhk]{flex:1;min-width:220px}.lms-pagination[b-esv4dcgnhk]{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px;color:#60758a;font-size:.82rem}.lms-pagination button[b-esv4dcgnhk]{border:1px solid #cddae3;border-radius:9px;padding:8px 13px;background:#fff;color:#17324d;font-weight:800;cursor:pointer}.lms-pagination button:disabled[b-esv4dcgnhk]{opacity:.45;cursor:not-allowed}.lms-table-wrap[b-esv4dcgnhk]{overflow:auto}.lms-table-wrap table[b-esv4dcgnhk]{width:100%;border-collapse:collapse;min-width:1050px}.lms-table-wrap th[b-esv4dcgnhk],.lms-table-wrap td[b-esv4dcgnhk]{padding:12px 10px;border-bottom:1px solid #e0e8ed;text-align:left;vertical-align:top;font-size:.82rem}.lms-table-wrap th[b-esv4dcgnhk]{color:#60758a;background:#f5f8fa;font-size:.72rem;text-transform:uppercase}.lms-table-wrap td:last-child[b-esv4dcgnhk]{display:flex;gap:6px}.lms-table-wrap small[b-esv4dcgnhk]{display:block;color:#718497}.lms-table-wrap progress[b-esv4dcgnhk]{width:120px;height:8px}.status[b-esv4dcgnhk]{display:inline-block;padding:4px 8px;border-radius:999px;background:#edf1f4;color:#526779;font-size:.7rem;font-weight:900}.status.active[b-esv4dcgnhk],.status.succeeded[b-esv4dcgnhk],.status.completed[b-esv4dcgnhk]{background:#e7f7ee;color:#23754e}.status.suspended[b-esv4dcgnhk],.status.failed[b-esv4dcgnhk]{background:#fff5df;color:#8a6213}.status.revoked[b-esv4dcgnhk],.status.refunded[b-esv4dcgnhk]{background:#fdeaea;color:#a43b3b}.lms-empty[b-esv4dcgnhk]{margin-top:20px;padding:50px;border:1px dashed #bed0db;border-radius:18px;color:#718497;text-align:center}.lms-empty strong[b-esv4dcgnhk]{display:block;color:#17324d;font-size:1.2rem}.lms-empty p[b-esv4dcgnhk]{margin:6px 0 16px}@media(max-width:1100px){.course-grid[b-esv4dcgnhk]{grid-template-columns:repeat(2, minmax(0, 1fr))}.details-grid[b-esv4dcgnhk]{grid-template-columns:minmax(0, 1fr)}.form-card:last-child[b-esv4dcgnhk]{grid-column:auto}.lms-manual[b-esv4dcgnhk]{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(max-width:700px){.lms-admin[b-esv4dcgnhk]{padding:14px}.lms-hero[b-esv4dcgnhk],.section-command[b-esv4dcgnhk],.library-heading[b-esv4dcgnhk]{align-items:flex-start;flex-direction:column}.course-grid[b-esv4dcgnhk],.fields[b-esv4dcgnhk],.lms-metrics[b-esv4dcgnhk],.lms-manual[b-esv4dcgnhk]{grid-template-columns:minmax(0, 1fr)}.fields label.wide[b-esv4dcgnhk]{grid-column:auto}.lms-tabs[b-esv4dcgnhk]{flex-wrap:wrap;overflow:visible}.lms-tabs button[b-esv4dcgnhk]{flex:1 1 auto;text-align:center}.command-actions[b-esv4dcgnhk]{display:flex;flex-wrap:wrap}.cover-preview[b-esv4dcgnhk]{align-items:flex-start;flex-direction:column}.cover-preview img[b-esv4dcgnhk]{width:100%;height:180px}}.video-tabs[b-esv4dcgnhk]{display:flex;gap:6px;margin-bottom:12px}.video-tabs button[b-esv4dcgnhk]{border:0;border-radius:9px;padding:8px 12px;background:#e6eaef;color:#52697c;font-weight:850;cursor:pointer}.video-tabs button.active[b-esv4dcgnhk]{background:#0d3c79;color:#fff}.video-preview[b-esv4dcgnhk]{display:block;width:100%;height:220px;margin-top:12px;border:0;border-radius:12px;background:#0d1f2b}.video-uploading[b-esv4dcgnhk]{display:flex;align-items:center;gap:8px;margin-top:10px;color:#4f667b;font-size:.8rem}
/* /Components/Pages/AdministrationCustomHomepageSection.razor.rz.scp.css */
.cc-page[b-h2u858gqrd]{--navy:var(--blue-900);--navy-deep:#071a30;--line:var(--ink-100);--muted:var(--ink-500);display:grid;gap:18px;color:var(--ink-900); grid-template-columns: minmax(0, 1fr); }
.cc-header[b-h2u858gqrd]{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding:26px 30px;border-radius:18px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-deep) 100%);box-shadow:0 14px 32px -16px rgba(8,33,56,.5)}
.cc-header span[b-h2u858gqrd]{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.12);color:var(--orange-500);font-size:.68rem;font-weight:900;letter-spacing:.12em;white-space:nowrap}
.cc-header h1[b-h2u858gqrd]{margin:10px 0 4px;color:#fff;font-size:2rem;font-weight:750;letter-spacing:-.01em;text-align:left}
.cc-header p[b-h2u858gqrd]{margin:0;color:#c8d6e6;max-width:60ch;font-size:.86rem;line-height:1.5;text-align:left}
.cc-enabled[b-h2u858gqrd]{display:flex;align-items:center;gap:9px;flex:0 0 auto;padding:10px 16px;border:1px solid rgba(255,255,255,.28);border-radius:9999px;background:rgba(255,255,255,.08);color:#fff;font-weight:750;font-size:.85rem;white-space:nowrap;cursor:pointer;transition:background-color 150ms ease,border-color 150ms ease}
.cc-enabled:hover[b-h2u858gqrd]{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.42)}
.cc-enabled input[b-h2u858gqrd]{width:18px;height:18px;border-radius:4px;accent-color:var(--green-500);cursor:pointer}

.cc-split[b-h2u858gqrd]{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.cc-split>*[b-h2u858gqrd]{min-width:0}
.cc-editor-pane[b-h2u858gqrd],.cc-preview-pane[b-h2u858gqrd]{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 10px 28px -14px rgba(11,37,69,.14)}
.cc-pane-head[b-h2u858gqrd]{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:#f4f7fb;color:var(--navy);font-weight:800;font-size:.78rem}
.cc-pane-head span:first-child[b-h2u858gqrd]{text-align:left;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}
.cc-pane-head span:last-child[b-h2u858gqrd]{color:var(--muted);font-weight:600;white-space:nowrap}
.cc-live[b-h2u858gqrd]{padding:2px 9px;border-radius:999px;background:var(--blue-100);color:var(--blue-700)!important;font-size:.62rem;font-weight:800;text-transform:uppercase;white-space:nowrap}
.cc-editor[b-h2u858gqrd]{width:100%;height:560px;box-sizing:border-box;padding:14px;border:0;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;line-height:1.5;color:var(--ink-900);background:var(--ink-100)}
.cc-editor:focus[b-h2u858gqrd]{outline:none}
.cc-preview-stage[b-h2u858gqrd]{min-height:560px;max-height:560px;overflow:auto;background:var(--blue-50)}
.cc-preview-empty[b-h2u858gqrd]{display:grid;place-items:center;height:560px;color:var(--muted);font-size:.85rem}
.cc-preview-stage[b-h2u858gqrd]  .sandboxed-html-preview{width:100%;border:0;display:block;min-height:200px}

.cc-actions[b-h2u858gqrd]{display:flex;justify-content:flex-end;align-items:center;gap:14px}
.cc-state[b-h2u858gqrd]{color:var(--muted);font-size:.8rem;font-weight:650}
.cc-state.pending[b-h2u858gqrd]{color:var(--orange-700)}
.cc-primary[b-h2u858gqrd]{min-height:40px;padding:0 18px;border:0;border-radius:10px;background:var(--orange-600);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 6px 16px -6px rgba(234,88,12,.55);transition:background-color .15s ease,transform .15s ease}
.cc-primary:hover:not(:disabled)[b-h2u858gqrd]{background:var(--orange-700);transform:translateY(-1px)}
.cc-primary:disabled[b-h2u858gqrd]{opacity:.55;transform:none}

@media(max-width:1000px){
    .cc-split[b-h2u858gqrd]{grid-template-columns:minmax(0, 1fr)}
    .cc-header[b-h2u858gqrd]{display:grid}
}
/* /Components/Pages/AdministrationDocumentEditor.razor.rz.scp.css */
.documents-editor-shell[b-ztbyks1kih] {
    padding-bottom: 2rem;
}

/* Blazor CSS isolation's ::deep still requires an ancestor scope attribute
   that descendant elements carry. .documents-editor-page is a plain <div>
   authored directly in this page's markup (not passed through a MudBlazor
   component's Class parameter), so it keeps that scope attribute -- every
   rule below is anchored through it, which keeps these overrides limited to
   this page and out of every other MudButton/MudTextField in the app. */

/* -- Form column: gives the title/category/order/publish/HTML fields a
   visible card boundary instead of sitting as bare fields on the page. -- */
.documents-editor-page[b-ztbyks1kih]  .documents-editor-form-card {
    border-color: #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 22px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(15, 47, 87, .06);
}

.documents-editor-page[b-ztbyks1kih]  .documents-editor-textarea textarea {
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
    font-size: .82rem;
    line-height: 1.5;
    tab-size: 4;
}

/* -- Header bar: gradient navy, matches the Documents hub/editor family -- */
.documents-editor-page[b-ztbyks1kih]  .documents-editor-header {
    padding: 22px 28px;
    border-radius: 18px;
    background: linear-gradient(135deg, var(--blue-900) 0%, #071a30 100%);
    box-shadow: 0 14px 32px -16px rgba(8, 33, 56, .5);
}

.documents-editor-page[b-ztbyks1kih]  .documents-editor-header .mud-typography-h4 {
    color: #fff;
    font-weight: 750;
    letter-spacing: -.01em;
}

.documents-editor-page[b-ztbyks1kih]  .documents-editor-header .mud-secondary-text {
    color: #c8d6e6 !important;
}

.documents-editor-page[b-ztbyks1kih]  .documents-editor-header .mud-button-root {
    min-height: 40px;
    border-radius: 10px;
    font-weight: 700;
    text-transform: none;
    transition: background-color .15s ease, color .15s ease,
        border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}

.documents-editor-page[b-ztbyks1kih]  .documents-editor-header .mud-button-text {
    color: #dce6f2;
}

.documents-editor-page[b-ztbyks1kih]  .documents-editor-header .mud-button-text:hover {
    background: rgba(255, 255, 255, .08);
}

.documents-editor-page[b-ztbyks1kih]  .documents-editor-header .mud-button-outlined {
    color: #fff;
    border-color: rgba(255, 255, 255, .35);
}

.documents-editor-page[b-ztbyks1kih]  .documents-editor-header .mud-button-outlined:hover {
    background: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .55);
}

.documents-editor-page[b-ztbyks1kih]  .documents-editor-header .mud-button-filled {
    background: rgba(255, 255, 255, .14);
    color: #fff;
    box-shadow: none;
}

.documents-editor-page[b-ztbyks1kih]  .documents-editor-header .mud-button-filled:hover {
    background: rgba(255, 255, 255, .22);
}

.documents-editor-page[b-ztbyks1kih]  .documents-editor-header .mud-button-filled-primary {
    background: var(--orange-600);
    color: #fff;
    box-shadow: 0 6px 16px -6px rgba(234, 88, 12, .55);
}

.documents-editor-page[b-ztbyks1kih]  .documents-editor-header .mud-button-filled-primary:hover {
    background: var(--orange-700);
    transform: translateY(-1px);
}

/* -- Preview toolbar: desktop/A4 toggle + refresh, selected state uses blue -- */
.documents-editor-page[b-ztbyks1kih]  .documents-editor-toolbar .mud-button-root {
    border-radius: 8px;
    font-weight: 700;
    text-transform: none;
}

.documents-editor-page[b-ztbyks1kih]  .documents-editor-toolbar .mud-button-filled {
    background: var(--blue-600);
    color: #fff;
    box-shadow: none;
}

.documents-editor-page[b-ztbyks1kih]  .documents-editor-toolbar .mud-button-filled:hover {
    background: var(--blue-700);
}

.documents-editor-page[b-ztbyks1kih]  .documents-editor-toolbar .mud-button-outlined {
    border-color: var(--ink-300);
    color: var(--ink-700);
}

.documents-editor-page[b-ztbyks1kih]  .documents-editor-toolbar .mud-button-text {
    color: var(--blue-600);
}

.documents-preview-frame[b-ztbyks1kih] {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #f8fafc;
    overflow: auto;
    max-height: 78vh;
    box-shadow: 0 10px 28px rgba(15, 47, 87, .06);
}

.documents-preview-frame iframe[b-ztbyks1kih] {
    display: block;
    width: 100%;
    height: 78vh;
    border: 0;
    background: #fff;
}

.documents-preview-frame.a4[b-ztbyks1kih] {
    width: 210mm;
    max-width: 100%;
    margin: 0 auto;
}

.documents-preview-frame.a4 iframe[b-ztbyks1kih] {
    aspect-ratio: 210 / 297;
    height: auto;
    min-height: 78vh;
}
/* /Components/Pages/AdministrationDocuments.razor.rz.scp.css */
.ad-page[b-oikwx0i51w] {
    --navy: var(--blue-900);
    --navy-deep: #071a30;
    --blue: var(--blue-600);
    --blue-soft: var(--blue-50);
    --green: var(--green-700);
    --green-soft: var(--green-100);
    --red: #DC2626;
    --red-soft: #FEF2F2;
    --ink: var(--ink-900);
    --muted: var(--ink-500);
    --line: var(--ink-100);
    --soft: #F8FAFC;
    --white: #FFFFFF;
    --shadow: 0 18px 42px rgba(15, 23, 42, .08);
    --shadow-sm: 0 8px 24px rgba(15, 23, 42, .06);

    color: var(--ink);
    font-family: var(--app-font, Inter, ui-sans-serif, system-ui, -apple-system,)
        BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.ad-page button[b-oikwx0i51w],
.ad-page input[b-oikwx0i51w],
.ad-page select[b-oikwx0i51w] {
    font: inherit;
}

.ad-page button[b-oikwx0i51w] {
    cursor: pointer;
}

.ad-back[b-oikwx0i51w] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 14px;
}

.ad-back:hover[b-oikwx0i51w] {
    color: var(--navy);
}

.ad-page-head[b-oikwx0i51w] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 18px;
    padding: 26px 30px;
    border-radius: 18px;
    background: linear-gradient(135deg, var(--navy) 0%, var(--navy-deep) 100%);
    box-shadow: 0 14px 32px -16px rgba(8, 33, 56, .5);
}

.ad-eyebrow[b-oikwx0i51w] {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .12);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .14em;
    color: var(--orange-500);
    font-weight: 900;
}

.ad-page-head h1[b-oikwx0i51w] {
    margin: 10px 0 6px;
    color: #fff;
    font-size: 2rem;
    font-weight: 750;
    letter-spacing: -.01em;
}

.ad-page-head p[b-oikwx0i51w] {
    margin: 0;
    color: #c8d6e6;
    font-size: 14px;
    max-width: 64ch;
    line-height: 1.5;
}

.ad-status[b-oikwx0i51w] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .18);
    color: #6ee7b7;
    font-size: 11px;
    font-weight: 850;
    white-space: nowrap;
}

.ad-tabs-shell[b-oikwx0i51w] {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

.ad-tabs[b-oikwx0i51w] {
    display: flex;
    gap: 4px;
    padding: 10px;
    border-bottom: 1px solid var(--line);
    background: #FBFDFF;
    overflow-x: auto;
}

.ad-tab[b-oikwx0i51w] {
    flex: 0 0 auto;
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid transparent;
    border-radius: 12px;
    background: transparent;
    color: var(--navy);
    font-weight: 850;
}

.ad-tab:hover[b-oikwx0i51w] {
    background: var(--soft);
}

.ad-tab.active[b-oikwx0i51w] {
    background: var(--navy);
    color: #fff;
    border-color: var(--navy);
}

.ad-panel[b-oikwx0i51w] {
    display: none;
    padding: 20px;
}

.ad-panel.active[b-oikwx0i51w] {
    display: block;
}

.ad-panel-head[b-oikwx0i51w] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 16px;
}

.ad-panel-head h2[b-oikwx0i51w] {
    margin: 0;
    color: var(--navy);
    font-size: 23px;
}

.ad-panel-head p[b-oikwx0i51w] {
    margin: 5px 0 0;
    color: var(--muted);
    font-size: 12px;
}

.ad-btn[b-oikwx0i51w] {
    min-height: 42px;
    padding: 0 15px;
    border-radius: 12px;
    border: 1px solid var(--line);
    background: #fff;
    color: var(--navy);
    font-weight: 850;
    transition: border-color .15s ease, color .15s ease, background-color .15s ease,
        transform .15s ease, box-shadow .15s ease;
}

.ad-btn:hover:not(:disabled)[b-oikwx0i51w] {
    border-color: var(--blue-600);
    color: var(--blue-700);
}

.ad-btn.primary[b-oikwx0i51w] {
    background: var(--orange-600);
    border-color: var(--orange-600);
    color: #fff;
    box-shadow: 0 6px 16px -6px rgba(234, 88, 12, .45);
}

.ad-btn.primary:hover:not(:disabled)[b-oikwx0i51w] {
    background: var(--orange-700);
    border-color: var(--orange-700);
    transform: translateY(-1px);
}

.ad-btn:disabled[b-oikwx0i51w] {
    opacity: .55;
    cursor: not-allowed;
    transform: none;
}

.ad-filters[b-oikwx0i51w] {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 12px;
    margin-bottom: 14px;
}

.ad-input[b-oikwx0i51w],
.ad-select[b-oikwx0i51w] {
    width: 100%;
    height: 44px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #fff;
    color: var(--ink);
    padding: 0 12px;
    outline: none;
}

.ad-input:focus[b-oikwx0i51w],
.ad-select:focus[b-oikwx0i51w] {
    border-color: var(--blue);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .10);
}

.ad-table-wrap[b-oikwx0i51w] {
    border: 1px solid var(--line);
    border-radius: 16px;
    overflow: auto;
    background: #fff;
}

.ad-page table[b-oikwx0i51w] {
    width: 100%;
    border-collapse: collapse;
    min-width: 780px;
}

.ad-page th[b-oikwx0i51w],
.ad-page td[b-oikwx0i51w] {
    padding: 14px 16px;
    border-bottom: 1px solid var(--line);
    text-align: left;
    font-size: 13px;
}

.ad-page th[b-oikwx0i51w] {
    background: var(--soft);
    color: var(--muted);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.ad-page tr:last-child td[b-oikwx0i51w] {
    border-bottom: 0;
}

.ad-page tr:hover td[b-oikwx0i51w] {
    background: #FBFDFF;
}

.ad-badge[b-oikwx0i51w] {
    display: inline-flex;
    align-items: center;
    padding: 5px 9px;
    border-radius: 999px;
    background: var(--green-soft);
    color: var(--green-700);
    font-size: 10px;
    font-weight: 850;
}

.ad-badge.off[b-oikwx0i51w] {
    background: var(--soft);
    color: var(--muted);
}

.ad-row-actions[b-oikwx0i51w] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.ad-link-btn[b-oikwx0i51w] {
    border: 0;
    background: transparent;
    color: var(--blue);
    font-weight: 800;
    padding: 4px 0;
}

.ad-link-btn.danger[b-oikwx0i51w] {
    color: var(--red);
}

.ad-empty[b-oikwx0i51w] {
    padding: 18px 4px;
    color: var(--muted);
    font-size: 12.5px;
}

.ad-category-layout[b-oikwx0i51w] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
}

.ad-category-card[b-oikwx0i51w] {
    border: 1px solid var(--line);
    border-radius: 16px;
    background: #fff;
    overflow: hidden;
}

.ad-category-head[b-oikwx0i51w] {
    padding: 16px;
    border-bottom: 1px solid var(--line);
    background: var(--soft);
}

.ad-category-head h3[b-oikwx0i51w] {
    margin: 0;
    color: var(--navy);
    font-size: 17px;
}

.ad-category-head p[b-oikwx0i51w] {
    margin: 4px 0 0;
    color: var(--muted);
    font-size: 11px;
}

.ad-category-list[b-oikwx0i51w] {
    padding: 10px;
    display: grid;
    gap: 8px;
}

.ad-category-item[b-oikwx0i51w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 12px 13px;
    border: 1px solid var(--line);
    border-radius: 12px;
    flex-wrap: wrap;
}

.ad-cat-name[b-oikwx0i51w] {
    font-size: 13px;
    font-weight: 800;
    color: var(--navy);
    border: 1px solid transparent;
    background: transparent;
    padding: 4px 0;
    min-width: 120px;
    flex: 1;
}

.ad-cat-name:focus[b-oikwx0i51w] {
    border-color: var(--blue);
    background: #fff;
    border-radius: 8px;
    padding: 4px 8px;
    outline: none;
}

.ad-cat-meta[b-oikwx0i51w] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ad-cat-order[b-oikwx0i51w] {
    width: 56px;
    height: 34px;
    border: 1px solid var(--line);
    border-radius: 9px;
    padding: 0 8px;
}

.ad-switch[b-oikwx0i51w] {
    width: 40px;
    height: 23px;
    border-radius: 999px;
    background: #CBD5E1;
    position: relative;
    flex: none;
    border: none;
    padding: 0;
}

.ad-switch[b-oikwx0i51w]::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 5px rgba(15, 23, 42, .18);
    transition: left .15s ease;
}

.ad-switch.on[b-oikwx0i51w] {
    background: var(--green-600);
}

.ad-switch.on[b-oikwx0i51w]::after {
    left: 20px;
}

@media (max-width: 900px) {
    .ad-category-layout[b-oikwx0i51w] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 760px) {
    .ad-page-head[b-oikwx0i51w] {
        flex-direction: column;
    }

    .ad-page-head h1[b-oikwx0i51w] {
        font-size: 1.65rem;
    }

    .ad-filters[b-oikwx0i51w] {
        grid-template-columns: minmax(0, 1fr);
    }

    .ad-panel-head[b-oikwx0i51w] {
        flex-direction: column;
    }

    .ad-panel-head .ad-btn[b-oikwx0i51w] {
        width: 100%;
    }
}

.documents-guide-example[b-oikwx0i51w] {
    max-height: 320px;
    overflow: auto;
    padding: .85rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #0a1f36;
    color: #eaf3ff;
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
    font-size: .74rem;
    line-height: 1.5;
    white-space: pre;
}

@media (max-width: 767px) {
    /* 769px of tabs in a 356px shell; Categories and the later tabs were
       unreachable without discovering a hidden sideways swipe. */
    .ad-tabs[b-oikwx0i51w] {
        flex-wrap: wrap;
        overflow: visible;
    }

    .ad-tab[b-oikwx0i51w] {
        flex: 1 1 calc(50% - 2px);
        justify-content: center;
        text-align: center;
        white-space: normal;
        line-height: 1.2;
    }
}
/* /Components/Pages/AdministrationDocumentsAudit.razor.rz.scp.css */
.docaudit-page[b-t3l2gh3d1b] {
    --navy: var(--blue-900);
    --navy-deep: #071a30;
    --line: var(--ink-100);
    --muted: var(--ink-500);
    color: var(--ink-900);
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1fr);
}

.docaudit-header[b-t3l2gh3d1b] {
    padding: 26px 30px;
    border-radius: 18px;
    background: linear-gradient(135deg, var(--navy) 0%, var(--navy-deep) 100%);
    box-shadow: 0 14px 32px -16px rgba(8, 33, 56, .5);
}

.docaudit-header span[b-t3l2gh3d1b] {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .12);
    color: var(--orange-500);
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.docaudit-header h1[b-t3l2gh3d1b] {
    margin: 10px 0 4px;
    color: #fff;
    font-size: 2rem;
    font-weight: 750;
    letter-spacing: -.01em;
}

.docaudit-header p[b-t3l2gh3d1b] {
    margin: 0;
    color: #c8d6e6;
    font-size: .86rem;
    max-width: 64ch;
    line-height: 1.5;
}

.docaudit-panel[b-t3l2gh3d1b] {
    display: grid;
    gap: 16px;
}

/* Blazor CSS isolation's ::deep still requires an ancestor scope attribute
   that descendant elements carry. .docaudit-panel is a plain <div> authored
   directly in this page's markup (not passed through a MudBlazor component's
   Class parameter), so it keeps that scope attribute -- every rule below is
   anchored through it, which keeps these overrides limited to this page and
   out of the other admin pages that also embed <WorkspaceAuditPanel>. */

/* -- Filter bar (MudPaper > MudGrid > MudSelect/MudTextField/MudDatePicker) -- */
.docaudit-panel[b-t3l2gh3d1b]  .mud-paper {
    border: 1px solid var(--line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px -16px rgba(11, 37, 69, .14);
}

.docaudit-panel[b-t3l2gh3d1b]  .mud-input-outlined .mud-input-outlined-border {
    border-color: var(--line);
}

.docaudit-panel[b-t3l2gh3d1b]  .mud-input-outlined:hover .mud-input-outlined-border {
    border-color: var(--blue-500);
}

.docaudit-panel[b-t3l2gh3d1b]  .mud-input-outlined:focus-within .mud-input-outlined-border {
    border-color: var(--blue-600);
    border-width: 2px;
}

/* -- Audit log table --
   overflow-x: auto (not "hidden") is deliberate: this table can carry up
   to 7 columns (Date, Staff, Module, Action, Item affected, IP, details),
   so on narrow screens it must scroll horizontally inside its own bordered
   container instead of clipping columns or overflowing the page. */
.docaudit-panel[b-t3l2gh3d1b]  .mud-table-container {
    border: 1px solid var(--line);
    border-radius: 16px;
    overflow-x: auto;
    box-shadow: 0 10px 28px -14px rgba(11, 37, 69, .14);
}

/* Keep the row content on one line so narrow viewports genuinely scroll
   the table sideways instead of squeezing every column into a wrap. */
.docaudit-panel[b-t3l2gh3d1b]  .mud-table-container table {
    min-width: 860px;
}

.docaudit-panel[b-t3l2gh3d1b]  .mud-table-cell {
    white-space: nowrap;
}

.docaudit-panel[b-t3l2gh3d1b]  .mud-table-head {
    background: var(--ink-100);
}

.docaudit-panel[b-t3l2gh3d1b]  .mud-table-head .mud-table-cell {
    color: var(--ink-700);
    font-size: .7rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.docaudit-panel[b-t3l2gh3d1b]  .mud-table-row:hover {
    background: var(--blue-50) !important;
}

.docaudit-panel[b-t3l2gh3d1b]  .mud-chip.mud-chip-color-primary {
    background: var(--blue-100);
    color: var(--blue-700);
    font-weight: 700;
}

.docaudit-panel[b-t3l2gh3d1b]  .mud-table-pagination-toolbar {
    border-top: 1px solid var(--line);
}

@media (max-width: 700px) {
    .docaudit-header[b-t3l2gh3d1b] {
        padding: 20px;
    }

    .docaudit-header h1[b-t3l2gh3d1b] {
        font-size: 1.6rem;
    }
}
/* /Components/Pages/AdministrationDrugDatabase.razor.rz.scp.css */
.ddb-admin-page[b-5a9phethdc] { --ink: #172033; --muted: #65758b; --line: #dce3ec; --blue: #3b7df3; --soft: #f5f8fc; display: grid; gap: 1.25rem; color: var(--ink); grid-template-columns: minmax(0, 1fr); }
.ddb-admin-header[b-5a9phethdc], .ddb-editor-toolbar[b-5a9phethdc], .ddb-section-heading[b-5a9phethdc], .ddb-save-row[b-5a9phethdc], .ddb-smart-heading[b-5a9phethdc] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.ddb-admin-header h1[b-5a9phethdc], .ddb-admin-header p[b-5a9phethdc], .ddb-editor h2[b-5a9phethdc], .ddb-card h3[b-5a9phethdc], .ddb-section-heading h2[b-5a9phethdc], .ddb-section-heading p[b-5a9phethdc], .ddb-recent h2[b-5a9phethdc] { margin: 0; }
.ddb-admin-header h1[b-5a9phethdc] { font-size: clamp(1.9rem, 4vw, 2.55rem); }
.ddb-admin-header p[b-5a9phethdc], .ddb-section-heading p[b-5a9phethdc], .ddb-smart-heading p[b-5a9phethdc] { margin-top: .3rem; color: var(--muted); }
.ddb-eyebrow[b-5a9phethdc] { color: #16427b; font-size: .72rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.ddb-header-actions[b-5a9phethdc], .ddb-toolbar-actions[b-5a9phethdc], .ddb-section-actions[b-5a9phethdc] { display: flex; flex-wrap: wrap; gap: .55rem; }
.ddb-button[b-5a9phethdc], .ddb-icon-button[b-5a9phethdc] { border: 1px solid var(--line); border-radius: 10px; background: #fff; color: var(--ink); padding: .65rem .9rem; font-weight: 750; text-decoration: none; cursor: pointer; box-shadow: 0 2px 5px rgba(26, 39, 62, .04); }
.ddb-button.primary[b-5a9phethdc] { color: #fff; border-color: var(--blue); background: var(--blue); }
.ddb-button.danger[b-5a9phethdc] { color: #c63737; border-color: #efc3c3; }
.ddb-button.danger.solid[b-5a9phethdc] { color: #fff; border-color: #ef3e45; background: #ef3e45; }
.ddb-icon-button[b-5a9phethdc] { padding: .35rem .7rem; font-size: 1.25rem; }
.ddb-catalogue-panel[b-5a9phethdc], .ddb-recent[b-5a9phethdc], .ddb-filter-panel[b-5a9phethdc], .ddb-admin-list[b-5a9phethdc], .ddb-card[b-5a9phethdc] { background: #fff; border: 1px solid var(--line); border-radius: 15px; box-shadow: 0 7px 22px rgba(23, 32, 51, .06); }
.ddb-catalogue-panel[b-5a9phethdc] { padding: 1.15rem; display: grid; gap: 1rem; }
.ddb-catalogue-create[b-5a9phethdc] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .55rem; }
.ddb-catalogue-create input[b-5a9phethdc], .ddb-catalogue-search input[b-5a9phethdc], .ddb-catalogue-row input[b-5a9phethdc], .ddb-search-shell input[b-5a9phethdc], .ddb-choice-search input[b-5a9phethdc], .ddb-field input[b-5a9phethdc], .ddb-field textarea[b-5a9phethdc] { width: 100%; border: 1px solid #cbd5e1; border-radius: 9px; padding: .68rem .75rem; font: inherit; background: #fff; }
.ddb-catalogue-search[b-5a9phethdc], .ddb-choice-search[b-5a9phethdc] { position: relative; }
.ddb-catalogue-search span[b-5a9phethdc], .ddb-choice-search span[b-5a9phethdc] { position: absolute; left: .75rem; top: 50%; transform: translateY(-50%); color: var(--muted); pointer-events: none; }
.ddb-catalogue-search input[b-5a9phethdc], .ddb-choice-search input[b-5a9phethdc] { padding-left: 2.1rem; }
.ddb-catalogue-list[b-5a9phethdc] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .45rem; max-height: 390px; overflow: auto; }
.ddb-catalogue-row[b-5a9phethdc] { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: .4rem; align-items: center; padding: .55rem .65rem; border: 1px solid #e4e9f0; border-radius: 9px; background: #f8fafc; min-width: 0; }
.ddb-catalogue-row strong[b-5a9phethdc] { overflow-wrap: anywhere; font-size: .88rem; }
.ddb-link[b-5a9phethdc] { border: 0; padding: .2rem; background: transparent; color: #3974dc; font-weight: 750; cursor: pointer; }
.ddb-link.danger[b-5a9phethdc] { color: #d53636; }
.ddb-link.success[b-5a9phethdc] { color: #138168; }
.ddb-link:disabled[b-5a9phethdc] { opacity: .35; cursor: default; }
.ddb-recent[b-5a9phethdc] { padding: .9rem 1rem; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 1rem; align-items: center; }
.ddb-recent h2[b-5a9phethdc] { font-size: 1rem; }
.ddb-recent-list[b-5a9phethdc] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .55rem; }
.ddb-recent-list button[b-5a9phethdc] { display: grid; gap: .15rem; text-align: left; border: 1px solid #dce6f5; border-radius: 10px; padding: .7rem; background: #f4f8ff; color: var(--ink); cursor: pointer; }
.ddb-recent-list span[b-5a9phethdc] { font-weight: 800; }
.ddb-recent-list small[b-5a9phethdc] { color: var(--muted); }
.ddb-filter-panel[b-5a9phethdc] { display: grid; gap: .75rem; padding: .85rem; }
.ddb-admin-layout[b-5a9phethdc] { display: grid; grid-template-columns: minmax(245px, 315px) minmax(0, 1fr); gap: 1rem; align-items: start; }
.ddb-admin-list[b-5a9phethdc] { display: grid; gap: .55rem; position: sticky; top: 5rem; max-height: calc(100vh - 6rem); overflow: auto; padding: .8rem; }
.ddb-list-title[b-5a9phethdc] { display: flex; justify-content: space-between; align-items: center; padding: .25rem; text-transform: uppercase; letter-spacing: .08em; font-size: .75rem; color: var(--muted); }
.ddb-search-shell[b-5a9phethdc] { position: relative; }
.ddb-search-shell span[b-5a9phethdc] { position: absolute; left: .8rem; top: 50%; transform: translateY(-50%); color: var(--muted); }
.ddb-search-shell input[b-5a9phethdc] { padding-left: 2.25rem; }
.ddb-alpha[b-5a9phethdc] { display: grid; grid-template-columns: repeat(26, minmax(30px, 1fr)); gap: .35rem; width: 100%; }
.ddb-alpha button[b-5a9phethdc] { min-width: 0; height: 33px; border: 1px solid #dbe4ef; border-radius: 8px; background: #f5f8fc; color: #536985; font-weight: 800; cursor: pointer; transition: background .16s ease, color .16s ease, border-color .16s ease, transform .16s ease; }
.ddb-alpha button:hover[b-5a9phethdc] { color: #173a55; border-color: #b9c9d5; background: #fff; transform: translateY(-1px); }
.ddb-alpha button.active[b-5a9phethdc] { color: #fff; border-color: #173a55; background: #173a55; }
.ddb-drug-row[b-5a9phethdc] { width: 100%; text-align: left; display: grid; justify-content: stretch; justify-items: stretch; align-items: start; gap: .16rem; padding: .75rem; border: 1px solid transparent; border-radius: 9px; background: #f8fafc; color: inherit; cursor: pointer; }
.ddb-drug-row > strong[b-5a9phethdc], .ddb-drug-row > span[b-5a9phethdc], .ddb-drug-row > small[b-5a9phethdc] { width: 100%; text-align: left; }
.ddb-drug-row span[b-5a9phethdc], .ddb-drug-row small[b-5a9phethdc], .ddb-muted[b-5a9phethdc] { color: var(--muted); }
.ddb-drug-row.selected[b-5a9phethdc] { border-left: 4px solid var(--blue); background: #eef5ff; }
.ddb-empty[b-5a9phethdc] { padding: 1rem; color: var(--muted); font-size: .88rem; text-align: center; }
.ddb-editor[b-5a9phethdc] { display: grid; gap: 1rem; min-width: 0; }
.ddb-editor-toolbar[b-5a9phethdc] { padding: .3rem 0 1rem; border-bottom: 1px solid var(--line); align-items: end; }
.ddb-assignment-badges[b-5a9phethdc] { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .65rem; }
.ddb-assignment-badges span[b-5a9phethdc] { padding: .35rem .65rem; border-radius: 999px; background: #edf4ff; color: #5f7290; font-size: .82rem; }
.ddb-card[b-5a9phethdc] { padding: 1.05rem; display: grid; gap: 1rem; }
.ddb-form-grid[b-5a9phethdc] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; }
.ddb-field[b-5a9phethdc] { display: grid; align-content: start; gap: .32rem; min-width: 0; }
.ddb-field.full[b-5a9phethdc] { grid-column: 1 / -1; }
.ddb-field label[b-5a9phethdc], .ddb-choice-field legend[b-5a9phethdc] { font-size: .86rem; font-weight: 800; }
.ddb-field small[b-5a9phethdc] { color: var(--muted); }
.ddb-checkbox-field label[b-5a9phethdc] { display: flex; align-items: center; gap: .5rem; font-size: .95rem; }
.ddb-checkbox-field input[type="checkbox"][b-5a9phethdc] { width: auto; flex: 0 0 auto; }
.ddb-field textarea[b-5a9phethdc] { min-height: 88px; resize: vertical; }
.ddb-field .ddb-raw[b-5a9phethdc] { min-height: 500px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; line-height: 1.5; }
.ddb-choice-field[b-5a9phethdc] { min-width: 0; margin: 0; padding: .75rem; border: 1px solid #cbd5e1; border-radius: 10px; }
.ddb-choice-field legend span[b-5a9phethdc] { color: var(--muted); font-weight: 500; }
.ddb-choice-search[b-5a9phethdc] { margin: .15rem 0 .55rem; }
.ddb-choice-list[b-5a9phethdc] { display: grid; gap: .3rem; max-height: 190px; overflow: auto; padding-right: .3rem; }
.ddb-choice-list label[b-5a9phethdc] { display: flex; gap: .5rem; align-items: start; padding: .3rem; border-radius: 6px; font-size: .86rem; }
.ddb-choice-list label:hover[b-5a9phethdc] { background: #f2f6fb; }
.ddb-reference-row[b-5a9phethdc] { display: grid; grid-template-columns: 1fr 1.2fr auto; gap: .6rem; align-items: end; }
.ddb-clinical-card[b-5a9phethdc] { padding: 1.35rem; background: linear-gradient(135deg, #fffdfa, #fff); }
.ddb-smart-heading[b-5a9phethdc] { padding: .35rem 0 .9rem; border-left: 4px solid #f2782c; padding-left: .9rem; }
.ddb-smart-title[b-5a9phethdc] { display: flex; gap: .7rem; align-items: center; }
.ddb-smart-title > span[b-5a9phethdc] { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; color: #e75c20; background: #fff1e7; }
.ddb-mode-switch[b-5a9phethdc] { display: inline-flex; border: 1px solid #b9c9dd; padding: .25rem; border-radius: 999px; background: #fff; }
.ddb-mode-switch button[b-5a9phethdc] { border: 0; background: transparent; padding: .55rem .8rem; border-radius: 999px; color: var(--ink); font-weight: 750; cursor: pointer; }
.ddb-mode-switch button.active[b-5a9phethdc] { color: #fff; background: #ff6a1a; }
.ddb-accordions[b-5a9phethdc] { display: grid; gap: .65rem; }
.ddb-accordion[b-5a9phethdc] { overflow: hidden; border: 1px solid #d9e2ed; border-radius: 11px; background: #fafcff; transition: box-shadow .2s ease; }
.ddb-accordion.expanded[b-5a9phethdc] { background: #fff; box-shadow: 0 7px 18px rgba(23, 32, 51, .07); }
.ddb-accordion-toggle[b-5a9phethdc] { width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: .8rem; align-items: center; text-align: left; border: 0; padding: .85rem 1rem; color: var(--ink); background: transparent; cursor: pointer; }
.ddb-accordion-toggle strong[b-5a9phethdc] { text-transform: uppercase; font-size: .86rem; letter-spacing: .025em; }
.ddb-accordion-toggle .has-content[b-5a9phethdc], .ddb-accordion-toggle .empty-content[b-5a9phethdc] { padding: .2rem .55rem; border-radius: 999px; font-size: .75rem; }
.ddb-accordion-toggle .has-content[b-5a9phethdc] { color: #126538; background: #d9f7e5; }
.ddb-accordion-toggle .empty-content[b-5a9phethdc] { color: #7c6570; background: #f2edea; }
.ddb-accordion-body[b-5a9phethdc] { display: grid; gap: .8rem; padding: 0 1rem 1rem; border-top: 1px solid #e7ebf1; grid-template-columns: minmax(0, 1fr); }
.ddb-accordion-body ul[b-5a9phethdc] { display: grid; gap: .5rem; margin: 1rem 0 0; padding-left: 1.25rem; line-height: 1.55; }
.ddb-accordion-body textarea[b-5a9phethdc] { min-height: 150px; }
.ddb-section-actions[b-5a9phethdc] { justify-content: flex-end; }
.ddb-save-row[b-5a9phethdc] { position: static; }
.ddb-check[b-5a9phethdc] { display: inline-flex; gap: .55rem; align-items: center; font-weight: 750; }
@media (max-width: 1200px) { .ddb-alpha[b-5a9phethdc] { grid-template-columns: repeat(13, minmax(30px, 1fr)); } }
@media (max-width: 1050px) { .ddb-catalogue-list[b-5a9phethdc] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ddb-admin-layout[b-5a9phethdc] { grid-template-columns: minmax(220px, 270px) minmax(0, 1fr); } }
@media (max-width: 850px) { .ddb-admin-layout[b-5a9phethdc] { grid-template-columns: minmax(0, 1fr); } .ddb-admin-list[b-5a9phethdc] { position: static; max-height: 390px; } .ddb-recent[b-5a9phethdc] { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 680px) { .ddb-admin-header[b-5a9phethdc], .ddb-editor-toolbar[b-5a9phethdc], .ddb-section-heading[b-5a9phethdc], .ddb-save-row[b-5a9phethdc], .ddb-smart-heading[b-5a9phethdc] { align-items: stretch; flex-direction: column; } .ddb-header-actions[b-5a9phethdc], .ddb-toolbar-actions[b-5a9phethdc] { display: grid; grid-template-columns: minmax(0, 1fr); } .ddb-header-actions > *[b-5a9phethdc], .ddb-toolbar-actions > *[b-5a9phethdc] { text-align: center; } .ddb-catalogue-list[b-5a9phethdc], .ddb-recent-list[b-5a9phethdc], .ddb-form-grid[b-5a9phethdc], .ddb-reference-row[b-5a9phethdc] { grid-template-columns: minmax(0, 1fr); } .ddb-field.full[b-5a9phethdc] { grid-column: auto; } .ddb-mode-switch[b-5a9phethdc] { align-self: start; } .ddb-alpha[b-5a9phethdc] { grid-template-columns: repeat(7, minmax(30px, 1fr)); } }
/* /Components/Pages/AdministrationGraduates.razor.rz.scp.css */
.grad-admin[b-ijcuw3fefs] { padding: 24px; max-width: 1320px; margin: 0 auto; display: grid; gap: 18px; grid-template-columns: minmax(0, 1fr); }

.grad-hero[b-ijcuw3fefs] { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 26px 28px; border-radius: 20px; background: linear-gradient(135deg, #a1714f, #c78a5f); color: white; flex-wrap: wrap; }
.grad-hero span[b-ijcuw3fefs] { font-size: .69rem; font-weight: 900; letter-spacing: .13em; opacity: .85; }
.grad-hero h1[b-ijcuw3fefs] { margin: 6px 0; font-size: 1.9rem; }
.grad-hero p[b-ijcuw3fefs] { margin: 0; opacity: .9; }
.grad-hero > div:last-child[b-ijcuw3fefs] { display: flex; gap: 10px; align-items: center; }
.grad-primary[b-ijcuw3fefs] { background: white; color: #a1714f; border: 0; border-radius: 10px; padding: 11px 18px; font-weight: 800; cursor: pointer; transition: transform .15s ease, box-shadow .15s ease; }
.grad-primary:hover:not(:disabled)[b-ijcuw3fefs] { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(0,0,0,.18); }
.grad-primary:disabled[b-ijcuw3fefs] { opacity: .6; cursor: default; }
.grad-secondary[b-ijcuw3fefs] { background: rgba(255,255,255,.14); color: white; border: 1px solid rgba(255,255,255,.4); border-radius: 10px; padding: 10px 16px; font-weight: 700; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; }
.grad-secondary:hover[b-ijcuw3fefs] { background: rgba(255,255,255,.22); }

.grad-panel[b-ijcuw3fefs] { padding: 22px; border: 1px solid #dbe5ec; border-radius: 18px; background: white; box-shadow: 0 10px 28px rgba(28, 60, 84, .07); }
.grad-panel-head[b-ijcuw3fefs] { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin-bottom: 12px; }
.grad-panel-head h2[b-ijcuw3fefs] { margin: 0; }
.grad-panel-head p[b-ijcuw3fefs] { margin: 2px 0 0; color: #60758a; font-size: .85rem; }
.grad-search[b-ijcuw3fefs] { display: flex; align-items: center; gap: 7px; border: 1px solid #cedbe3; border-radius: 10px; padding: 9px 11px; min-width: 280px; }
.grad-search input[b-ijcuw3fefs] { border: 0; outline: 0; font: inherit; width: 100%; }

.grad-alphabet[b-ijcuw3fefs] { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; }
.grad-alphabet button[b-ijcuw3fefs] { min-width: 30px; height: 30px; padding: 0 6px; border: 1px solid #cedbe3; border-radius: 8px; background: white; color: #33495a; font-size: .78rem; font-weight: 700; cursor: pointer; transition: background .15s, border-color .15s, color .15s; }
.grad-alphabet button:hover:not(:disabled)[b-ijcuw3fefs] { background: #faf4ef; border-color: #a1714f; }
.grad-alphabet button.active[b-ijcuw3fefs] { background: #a1714f; border-color: #a1714f; color: white; }
.grad-alphabet button:disabled[b-ijcuw3fefs] { opacity: .32; cursor: default; }

.grad-empty[b-ijcuw3fefs] { padding: 40px; text-align: center; color: #60758a; border: 1px dashed #cedbe3; border-radius: 14px; }
.grad-grid[b-ijcuw3fefs] { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 16px; }
.grad-card[b-ijcuw3fefs] { border: 1px solid #e0e8ed; border-radius: 16px; overflow: hidden; background: white; display: flex; flex-direction: column; }
.grad-card img[b-ijcuw3fefs] { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; }
.grad-photo-placeholder[b-ijcuw3fefs] { width: 100%; aspect-ratio: 3 / 4; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; background: #faf4ef; color: #a1714f; }
.grad-card-body[b-ijcuw3fefs] { padding: 14px; display: grid; gap: 4px; grid-template-columns: minmax(0, 1fr); }
.grad-card-body strong[b-ijcuw3fefs] { font-size: 1rem; color: #1f2a37; }
.grad-title[b-ijcuw3fefs] { color: #a1714f; font-weight: 700; font-size: .82rem; }
.grad-card-body p[b-ijcuw3fefs] { margin: 4px 0 0; color: #60758a; font-size: .84rem; line-height: 1.4; }
.grad-card-actions[b-ijcuw3fefs] { display: flex; gap: 8px; margin-top: 10px; }
.grad-card-actions a[b-ijcuw3fefs], .grad-card-actions button[b-ijcuw3fefs] { border: 1px solid #cedbe3; border-radius: 8px; background: white; padding: 6px 10px; font-size: .78rem; font-weight: 700; cursor: pointer; text-decoration: none; color: #33495a; }
.grad-card-actions a:hover[b-ijcuw3fefs], .grad-card-actions button:hover[b-ijcuw3fefs] { background: #f4f6f8; }
.grad-card-actions .grad-delete[b-ijcuw3fefs] { color: #b3261e; border-color: #f2c9c4; }
.grad-card-actions .grad-delete:hover[b-ijcuw3fefs] { background: #fdf1f0; }

.grad-editor-head[b-ijcuw3fefs] { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.grad-back[b-ijcuw3fefs] { background: none; border: 0; color: #a1714f; font-weight: 700; cursor: pointer; padding: 0; margin-bottom: 8px; }
.grad-editor-head h1[b-ijcuw3fefs] { margin: 0; }
.grad-editor-head > div:last-child[b-ijcuw3fefs] { display: flex; gap: 10px; }
.grad-editor-head .grad-primary[b-ijcuw3fefs] { background: #a1714f; color: white; }
.grad-editor-head .grad-secondary[b-ijcuw3fefs] { background: white; color: #33495a; border: 1px solid #cedbe3; }
.grad-editor-head .grad-secondary:hover[b-ijcuw3fefs] { background: #f4f6f8; }

.grad-editor-grid[b-ijcuw3fefs] { display: grid; grid-template-columns: minmax(0, 2fr) minmax(240px, 1fr); gap: 20px; align-items: start; }
.grad-editor-main[b-ijcuw3fefs], .grad-editor-side[b-ijcuw3fefs] { padding: 22px; border: 1px solid #dbe5ec; border-radius: 18px; background: white; box-shadow: 0 10px 28px rgba(28, 60, 84, .07); display: grid; gap: 14px; align-content: start; }
.grad-editor-main label[b-ijcuw3fefs], .grad-editor-side label[b-ijcuw3fefs] { display: grid; gap: 6px; font-weight: 700; font-size: .82rem; color: #33495a; }
.grad-editor-main input[b-ijcuw3fefs], .grad-editor-main textarea[b-ijcuw3fefs], .grad-editor-side select[b-ijcuw3fefs] { border: 1px solid #cedbe3; border-radius: 10px; padding: 10px 12px; font: inherit; width: 100%; box-sizing: border-box; }
.grad-required[b-ijcuw3fefs] { color: #b3261e; }
.grad-field-error[b-ijcuw3fefs] { margin: -8px 0 0; color: #b3261e; font-size: .78rem; }
.grad-photo-preview[b-ijcuw3fefs] { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; border-radius: 10px; }
.grad-hint[b-ijcuw3fefs] { margin: 0; color: #8b98a5; font-size: .78rem; }
.grad-meta[b-ijcuw3fefs] { padding: 12px; border-radius: 10px; background: #faf4ef; }
.grad-meta strong[b-ijcuw3fefs] { display: block; color: #a1714f; margin-top: 2px; }

@media (max-width: 900px) {
    .grad-editor-grid[b-ijcuw3fefs] { grid-template-columns: minmax(0, 1fr); }
    .grad-hero[b-ijcuw3fefs], .grad-panel-head[b-ijcuw3fefs], .grad-editor-head[b-ijcuw3fefs] { flex-direction: column; align-items: flex-start; }
}
/* /Components/Pages/AdministrationHomepageBuilder.razor.rz.scp.css */
.hb-page[b-etib4tztvr]{--navy:var(--blue-900);--navy-deep:#071a30;--line:#e4e9f1;--muted:var(--ink-500);--ink:var(--ink-900);--surface:#fff;color:var(--ink);display:grid;gap:18px; grid-template-columns: minmax(0, 1fr); }

.hb-header[b-etib4tztvr]{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 28px;border-radius:18px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-deep) 100%);box-shadow:0 12px 28px -14px rgba(8,33,56,.45)}
.hb-preview-button[b-etib4tztvr]{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border:1px solid rgba(255,255,255,.28);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font-weight:750;font-size:.86rem;text-decoration:none;white-space:nowrap;transition:background-color 150ms ease}
.hb-preview-button:hover[b-etib4tztvr]{background:rgba(255,255,255,.16)}
@media (max-width:700px){.hb-header[b-etib4tztvr]{flex-direction:column}}
.hb-header span[b-etib4tztvr]{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.12);color:var(--orange-500);font-size:.68rem;font-weight:900;letter-spacing:.12em;white-space:nowrap}
.hb-header h1[b-etib4tztvr]{margin:10px 0 6px;color:#fff;font-size:1.9rem;letter-spacing:-.01em;text-align:left}
.hb-header p[b-etib4tztvr]{margin:0;color:#cbd8e6;max-width:60ch;font-size:.92rem;line-height:1.5;text-align:left}

.hb-grid[b-etib4tztvr]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.hb-card[b-etib4tztvr]{display:flex;align-items:center;gap:16px;padding:20px;min-width:0;border:1px solid var(--line);border-radius:16px;background:var(--surface);text-decoration:none;color:inherit;box-shadow:0 1px 3px rgba(15,23,42,.04);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.hb-card:hover[b-etib4tztvr]{transform:translateY(-2px);box-shadow:0 14px 28px -12px rgba(11,47,82,.2);border-color:var(--blue-100)}

.hb-card-icon[b-etib4tztvr]{flex:0 0 auto;width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff}
.hb-card-icon .mud-icon-root[b-etib4tztvr]{font-size:1.6rem}
.hb-card-icon.nav[b-etib4tztvr]{background:linear-gradient(135deg,var(--blue-900),var(--blue-700))}
.hb-card-icon.banner[b-etib4tztvr]{background:linear-gradient(135deg,var(--orange-500),var(--orange-700))}
.hb-card-icon.category[b-etib4tztvr]{background:linear-gradient(135deg,var(--green-500),var(--green-700))}
.hb-card-icon.news[b-etib4tztvr]{background:linear-gradient(135deg,var(--blue-500),var(--blue-700))}
.hb-card-icon.footer[b-etib4tztvr]{background:linear-gradient(135deg,var(--blue-900),var(--blue-700))}
.hb-card-icon.custom[b-etib4tztvr]{background:linear-gradient(135deg,var(--brown-500),var(--brown-700))}
.hb-card-icon.analytics[b-etib4tztvr]{background:linear-gradient(135deg,var(--blue-500),var(--blue-700))}

.hb-card-body[b-etib4tztvr]{flex:1;min-width:0;text-align:left}
.hb-card-body h2[b-etib4tztvr]{margin:0 0 3px;color:var(--navy);font-size:1.02rem;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb-card-body p[b-etib4tztvr]{margin:0;color:var(--muted);font-size:.82rem;line-height:1.45;text-align:left}
.hb-card-count[b-etib4tztvr]{display:inline-block;margin-top:8px;padding:2px 9px;border-radius:999px;background:var(--blue-50);color:var(--blue-700);font-size:.68rem;font-weight:800;white-space:nowrap}

.hb-card-arrow[b-etib4tztvr]{flex:0 0 auto;color:#93a2ac;font-size:1.1rem;transition:transform .15s ease,color .15s ease}
.hb-card:hover .hb-card-arrow[b-etib4tztvr]{transform:translateX(3px);color:var(--blue-600)}

@media (max-width: 700px) {
    .hb-grid[b-etib4tztvr] { grid-template-columns: minmax(0, 1fr); }
}
.hb-card-icon.tabs[b-etib4tztvr] { background: #eef6ff; color: #1d4ed8; }
/* /Components/Pages/AdministrationHomepageTabSections.razor.rz.scp.css */
.ts-page[b-ut7xelq776] { max-width: 1500px; margin: 0 auto; padding: 28px; color: #17293a; }

.ts-header[b-ut7xelq776] { display: flex; align-items: flex-end; justify-content: space-between; gap: 1.5rem; padding: 26px 30px; border-radius: 20px; background: linear-gradient(125deg, #06365f, #08418c); color: #fff; }
.ts-header span[b-ut7xelq776] { text-transform: uppercase; letter-spacing: .15em; font-weight: 800; font-size: .72rem; color: #79acef; }
.ts-header h1[b-ut7xelq776] { font-size: clamp(1.7rem, 3vw, 2.6rem); margin: .2rem 0 .4rem; }
.ts-header p[b-ut7xelq776] { margin: 0; max-width: 70ch; color: #d9e8fb; font-size: .88rem; line-height: 1.5; }

.ts-primary[b-ut7xelq776] { border: none; border-radius: 12px; padding: 13px 22px; font-weight: 800; color: #17213b; background: #ff8a3d; cursor: pointer; white-space: nowrap; }
.ts-primary:disabled[b-ut7xelq776] { opacity: .55; cursor: default; }
.ts-danger[b-ut7xelq776] { border: 1px solid #e5b4b4; border-radius: 10px; padding: 10px 18px; font-weight: 700; color: #b42318; background: #fff; cursor: pointer; }
.ts-ghost[b-ut7xelq776] { border: 1px solid #cfd9e3; border-radius: 9px; padding: 6px 14px; font-weight: 700; font-size: .8rem; color: #06365f; background: #fff; cursor: pointer; }

.ts-empty[b-ut7xelq776] { margin-top: 24px; padding: 60px; display: flex; flex-direction: column; gap: 8px; text-align: center; background: #fff; border: 1px solid #d9e2ec; border-radius: 20px; }

.ts-layout[b-ut7xelq776] { margin-top: 24px; display: grid; grid-template-columns: minmax(240px, 300px) minmax(0, 1fr); gap: 20px; align-items: start; }

.ts-sections[b-ut7xelq776] { background: #fff; border: 1px solid #d9e2ec; border-radius: 18px; overflow: hidden; }
.ts-pane-head[b-ut7xelq776] { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; border-bottom: 1px solid #e8edf3; font-size: .78rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; color: #627d98; }
.ts-sections > button[b-ut7xelq776] { display: flex; align-items: center; justify-content: space-between; gap: .6rem; width: 100%; padding: 12px 16px; border: none; border-bottom: 1px solid #eef2f6; background: none; text-align: left; cursor: pointer; transition: background .15s; }
.ts-sections > button:hover[b-ut7xelq776] { background: #f0f5fb; }
.ts-sections > button.selected[b-ut7xelq776] { background: #e7eef6; box-shadow: inset 3px 0 0 #08418c; }
.ts-sections > button span[b-ut7xelq776] { display: flex; flex-direction: column; min-width: 0; }
.ts-sections > button strong[b-ut7xelq776] { font-size: .92rem; }
.ts-sections > button small[b-ut7xelq776] { color: #7b8fa1; font-size: .74rem; }
.ts-sections em[b-ut7xelq776] { font-style: normal; font-size: .68rem; font-weight: 800; padding: 3px 8px; border-radius: 999px; white-space: nowrap; }
.ts-sections em.published[b-ut7xelq776] { background: #e6f8ef; color: #16784a; }
.ts-sections em.draft[b-ut7xelq776] { background: #fff4e8; color: #b45309; }

.ts-editor[b-ut7xelq776] { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.ts-card[b-ut7xelq776] { background: #fff; border: 1px solid #d9e2ec; border-radius: 18px; padding: 18px; }
.ts-card-head[b-ut7xelq776] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; font-size: .78rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; color: #627d98; }
.ts-hint[b-ut7xelq776] { margin: 10px 0 0; color: #7b8fa1; font-size: .8rem; }

.ts-row[b-ut7xelq776] { display: flex; flex-wrap: wrap; gap: 14px; align-items: flex-end; }
.ts-row label[b-ut7xelq776] { display: flex; flex-direction: column; gap: 6px; font-size: .78rem; font-weight: 700; color: #486581; }
.ts-row label.grow[b-ut7xelq776] { flex: 1 1 240px; }
.ts-row input[type="text"][b-ut7xelq776], .ts-row input:not([type])[b-ut7xelq776] { padding: 10px 12px; border: 1px solid #cfd9e3; border-radius: 10px; font-size: .92rem; }
.ts-row input[type="color"][b-ut7xelq776] { width: 54px; height: 40px; padding: 2px; border: 1px solid #cfd9e3; border-radius: 10px; background: #fff; cursor: pointer; }
.ts-check[b-ut7xelq776] { flex-direction: row !important; align-items: center; gap: 8px !important; padding-bottom: 10px; }
.ts-check input[b-ut7xelq776] { accent-color: #08418c; }

.ts-split[b-ut7xelq776] { display: grid; grid-template-columns: minmax(230px, 320px) minmax(0, 1fr); gap: 16px; align-items: start; }
.ts-tablist[b-ut7xelq776] { display: flex; flex-direction: column; gap: 6px; }
.ts-tab-row[b-ut7xelq776] { display: flex; align-items: center; gap: 6px; border: 1px solid #e3eaf0; border-radius: 12px; padding: 4px 6px 4px 4px; transition: border-color .15s, background .15s; }
.ts-tab-row:hover[b-ut7xelq776] { border-color: var(--ts-accent, #08418c); background: #f7fbfc; }
.ts-tab-row.selected[b-ut7xelq776] { border-color: var(--ts-accent, #08418c); background: #eef2f8; }
.ts-tab-pick[b-ut7xelq776] { flex: 1; display: flex; align-items: center; gap: 10px; border: none; background: none; padding: 6px; text-align: left; cursor: pointer; min-width: 0; }
.ts-tab-pick i[b-ut7xelq776] { width: 10px; height: 26px; border-radius: 5px; flex: none; }
.ts-tab-pick span[b-ut7xelq776] { display: flex; flex-direction: column; min-width: 0; }
.ts-tab-pick strong[b-ut7xelq776] { font-size: .86rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ts-tab-pick small[b-ut7xelq776] { color: #7b8fa1; font-size: .7rem; }
.ts-tab-actions[b-ut7xelq776] { display: flex; gap: 2px; }
.ts-tab-actions button[b-ut7xelq776] { width: 26px; height: 26px; border: none; border-radius: 7px; background: #f1f5f8; color: #486581; cursor: pointer; font-size: .78rem; }
.ts-tab-actions button:hover:not(:disabled)[b-ut7xelq776] { background: #dce5f0; }
.ts-tab-actions button:disabled[b-ut7xelq776] { opacity: .35; cursor: default; }
.ts-tab-actions button.danger:hover[b-ut7xelq776] { background: #fdecec; color: #b42318; }

.ts-icon-field[b-ut7xelq776] { display: flex; align-items: center; gap: 10px; margin-top: 14px; font-size: .78rem; font-weight: 700; color: #486581; }
.ts-icon-field select[b-ut7xelq776] { padding: 9px 12px; border: 1px solid #cfd9e3; border-radius: 10px; font-size: .88rem; }
.ts-icon-preview[b-ut7xelq776] { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #e3eaf0; border-radius: 9px; background: #fff; }

.ts-code-split[b-ut7xelq776] { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 14px; margin-top: 16px; }
.ts-code-pane[b-ut7xelq776] { border: 1px solid #e3eaf0; border-radius: 14px; overflow: hidden; background: #fbfdfe; }
.ts-code-pane .ts-pane-head[b-ut7xelq776] { border-bottom: 1px solid #e8edf3; }
.ts-live[b-ut7xelq776] { color: #16784a; font-weight: 800; }
.ts-code-pane textarea[b-ut7xelq776] { width: 100%; min-height: 320px; padding: 12px 14px; border: none; outline: none; background: #0f2430; color: #d7f5ef; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .8rem; line-height: 1.55; resize: vertical; }
.ts-preview-stage[b-ut7xelq776] { min-height: 320px; max-height: 480px; overflow: auto; background: #fff; }
.ts-preview-stage .sandboxed-html-preview[b-ut7xelq776] { width: 100%; border: 0; min-height: 320px; }

.ts-actions[b-ut7xelq776] { display: flex; align-items: center; justify-content: flex-end; gap: 12px; }
.ts-actions > span[b-ut7xelq776] { margin-right: auto; color: #7b8fa1; font-size: .82rem; }
.ts-actions > span.pending[b-ut7xelq776] { color: #b45309; font-weight: 700; }

@media (max-width: 1080px) {
    .ts-layout[b-ut7xelq776], .ts-split[b-ut7xelq776] { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
    .ts-page[b-ut7xelq776] { padding: 14px; }
    .ts-header[b-ut7xelq776] { flex-direction: column; align-items: flex-start; gap: 16px; }
}

.ts-save-error[b-ut7xelq776] { margin: 16px 0 0; padding: 12px 14px; border: 1px solid #e9bcb5; border-radius: 5px; color: #9c3326; background: #fff6f3; font-size: .85rem; }
/* /Components/Pages/AdministrationIncidentReporting.razor.rz.scp.css */
.air-page[b-mwsze30thh] {
    --navy: #0B2F52;
    --navy-2: #164A78;
    --teal: #168552;
    --teal-soft: #eaf1fb;
    --blue: #2563EB;
    --blue-soft: #EEF5FF;
    --green: #16A34A;
    --green-soft: #ECFDF3;
    --red: #DC2626;
    --ink: #0F172A;
    --muted: #64748B;
    --line: #E2E8F0;
    --soft: #F8FAFC;
    --white: #FFFFFF;
    --shadow: 0 16px 36px rgba(15, 23, 42, .08);
    --shadow-sm: 0 7px 20px rgba(15, 23, 42, .06);

    color: var(--ink);
    font-family: var(--app-font, Inter, ui-sans-serif, system-ui, -apple-system,)
        BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.air-page button[b-mwsze30thh],
.air-page input[b-mwsze30thh] {
    font: inherit;
}

.air-page button[b-mwsze30thh] {
    cursor: pointer;
}

.air-back[b-mwsze30thh] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 14px;
}

.air-back:hover[b-mwsze30thh] {
    color: var(--navy);
}

.air-page-head[b-mwsze30thh] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 18px;
}

.air-eyebrow[b-mwsze30thh] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .14em;
    color: var(--teal);
    font-weight: 900;
}

.air-page-head h1[b-mwsze30thh] {
    margin: 7px 0 6px;
    color: var(--navy);
    font-size: 34px;
    letter-spacing: -.04em;
}

.air-page-head p[b-mwsze30thh] {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
    max-width: 780px;
}

.air-setting-card[b-mwsze30thh] {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 18px 20px;
    box-shadow: var(--shadow-sm);
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.air-setting-card strong[b-mwsze30thh] {
    display: block;
    color: var(--navy);
}

.air-setting-card span[b-mwsze30thh] {
    display: block;
    margin-top: 4px;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.5;
}

.air-switch[b-mwsze30thh] {
    width: 46px;
    height: 26px;
    border-radius: 999px;
    background: #CBD5E1;
    position: relative;
    flex: none;
    border: none;
    padding: 0;
}

.air-switch[b-mwsze30thh]::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 5px rgba(15, 23, 42, .18);
    transition: left .15s ease;
}

.air-switch.on[b-mwsze30thh] {
    background: #22C55E;
}

.air-switch.on[b-mwsze30thh]::after {
    left: 23px;
}

.air-overrides-panel[b-mwsze30thh] {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 18px 20px;
    box-shadow: var(--shadow-sm);
    margin-bottom: 16px;
}

.air-overrides-panel h2[b-mwsze30thh] {
    margin: 0;
    color: var(--navy);
    font-size: 18px;
}

.air-overrides-panel > p[b-mwsze30thh] {
    margin: 5px 0 16px;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.5;
    max-width: 640px;
}

.air-user-search[b-mwsze30thh] {
    position: relative;
    margin-bottom: 14px;
}

.air-user-search input[b-mwsze30thh] {
    width: 100%;
    height: 44px;
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 0 14px;
    background: #fff;
    color: var(--ink);
    outline: none;
}

.air-user-search input:focus[b-mwsze30thh] {
    border-color: var(--blue);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .10);
}

.air-user-list[b-mwsze30thh] {
    display: grid;
    gap: 10px;
}

.air-user-row[b-mwsze30thh] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 14px;
    align-items: center;
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 13px 14px;
    background: var(--soft);
}

.air-user-name[b-mwsze30thh] {
    font-weight: 800;
    color: var(--navy);
    font-size: 13.5px;
}

.air-user-meta[b-mwsze30thh] {
    margin-top: 2px;
    color: var(--muted);
    font-size: 11.5px;
}

.air-override-tag[b-mwsze30thh] {
    font-size: 10px;
    font-weight: 850;
    padding: 3px 8px;
    border-radius: 999px;
    background: var(--blue-soft);
    color: var(--blue);
    white-space: nowrap;
}

.air-reset-link[b-mwsze30thh] {
    border: none;
    background: none;
    color: var(--muted);
    font-size: 11px;
    font-weight: 800;
    text-decoration: underline;
    padding: 0;
    white-space: nowrap;
}

.air-reset-link:hover[b-mwsze30thh] {
    color: var(--red);
}

.air-user-empty[b-mwsze30thh] {
    padding: 18px 4px;
    color: var(--muted);
    font-size: 12.5px;
}

.air-config-shell[b-mwsze30thh] {
    display: grid;
    grid-template-columns: 290px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

.air-config-nav[b-mwsze30thh] {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 20px;
    padding: 12px;
    box-shadow: var(--shadow-sm);
    position: sticky;
    top: 84px;
}

.air-nav-label[b-mwsze30thh] {
    padding: 8px 10px 10px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: var(--muted);
    font-weight: 900;
}

.air-nav-list[b-mwsze30thh] {
    display: grid;
    gap: 6px;
}

.air-nav-item[b-mwsze30thh] {
    width: 100%;
    min-height: 50px;
    border: 1px solid transparent;
    background: transparent;
    border-radius: 13px;
    padding: 10px 12px;
    text-align: left;
    color: var(--navy);
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.air-nav-item:hover[b-mwsze30thh] {
    background: var(--soft);
}

.air-nav-item.active[b-mwsze30thh] {
    background: var(--blue-soft);
    border-color: #BFDBFE;
    color: var(--blue);
    box-shadow: inset 4px 0 0 var(--blue);
}

.air-nav-item.guidance[b-mwsze30thh] { border-color:#BFE5D8; background:#F2FCF8; }
.air-nav-item.guidance.active[b-mwsze30thh] { background:#E7F8F1; color:#08775D; box-shadow:inset 4px 0 0 #168552; }

.air-nav-item span:last-child[b-mwsze30thh] {
    color: var(--muted);
    font-size: 11px;
}

.air-panel[b-mwsze30thh] {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: var(--shadow);
    overflow: hidden;
}

.air-panel-head[b-mwsze30thh] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding: 20px 22px;
    border-bottom: 1px solid var(--line);
    background: linear-gradient(#fff, #FBFDFF);
}

.air-panel-head h2[b-mwsze30thh] {
    margin: 0;
    color: var(--navy);
    font-size: 22px;
}

.air-panel-head p[b-mwsze30thh] {
    margin: 5px 0 0;
    color: var(--muted);
    font-size: 12px;
}

.air-count-badge[b-mwsze30thh] {
    min-width: 34px;
    height: 34px;
    border-radius: 999px;
    background: var(--blue-soft);
    color: var(--blue);
    display: grid;
    place-items: center;
    font-weight: 900;
    font-size: 12px;
    flex: none;
}

.air-panel-body[b-mwsze30thh] {
    padding: 18px 20px 22px;
}

.air-add-row[b-mwsze30thh] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
    margin-bottom: 16px;
}

.air-add-row.categorized[b-mwsze30thh] {
    grid-template-columns: minmax(0, 1fr) minmax(240px, .75fr) auto;
}

.air-add-row.harm[b-mwsze30thh] { grid-template-columns:minmax(170px,.65fr) minmax(260px,1fr) 150px 130px auto; align-items:center; }

.air-input[b-mwsze30thh] {
    width: 100%;
    height: 44px;
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 0 12px;
    background: #fff;
    color: var(--ink);
    outline: none;
}

.air-input:focus[b-mwsze30thh] {
    border-color: var(--blue);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .10);
}

.air-btn[b-mwsze30thh] {
    min-height: 44px;
    padding: 0 15px;
    border-radius: 12px;
    border: 1px solid var(--line);
    background: #fff;
    color: var(--navy);
    font-weight: 850;
}

.air-btn.primary[b-mwsze30thh] {
    background: var(--navy);
    border-color: var(--navy);
    color: #fff;
}

.air-btn.primary:disabled[b-mwsze30thh] {
    opacity: .5;
    cursor: not-allowed;
}

.air-options[b-mwsze30thh] {
    display: grid;
    gap: 10px;
}

.air-option-row[b-mwsze30thh] {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 120px 38px;
    gap: 14px;
    align-items: center;
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 13px 14px;
    background: var(--soft);
}

.air-option-row.categorized[b-mwsze30thh] {
    grid-template-columns: 38px minmax(0, 1fr) minmax(220px, .7fr) 120px 38px;
}

.air-option-row.harm[b-mwsze30thh] { grid-template-columns:38px minmax(145px,.55fr) minmax(220px,1fr) 120px 105px 105px 38px; }

.air-category-creator[b-mwsze30thh] {
    display: grid;
    grid-template-columns: minmax(240px, .7fr) minmax(0, 1fr) auto;
    gap: 12px;
    align-items: end;
    padding: 14px;
    margin-bottom: 12px;
    border: 1px solid #BFE5D8;
    border-radius: 14px;
    background: #F2FCF8;
}

.air-category-creator strong[b-mwsze30thh],
.air-category-creator span[b-mwsze30thh] {
    display: block;
}

.air-category-creator strong[b-mwsze30thh] {
    color: var(--navy);
    font-size: 13px;
}

.air-category-creator span[b-mwsze30thh] {
    margin-top: 4px;
    color: #3E6A5E;
    font-size: 11px;
}

.air-btn.category[b-mwsze30thh] {
    border-color: #168552;
    background: #168552;
    color: #fff;
}

.air-drag-handle[b-mwsze30thh] {
    width: 34px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px dashed #9DB2C6;
    border-radius: 9px;
    color: #557089;
    background: #fff;
    cursor: grab;
    user-select: none;
    font-weight: 900;
}

.air-option-row:active .air-drag-handle[b-mwsze30thh] { cursor: grabbing; }

.air-category-field[b-mwsze30thh] {
    display: grid;
    gap: 5px;
}

.air-category-field label[b-mwsze30thh] {
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--muted);
    font-weight: 850;
}

.air-category-field input[b-mwsze30thh],
.air-category-field select[b-mwsze30thh] {
    width: 100%;
    height: 38px;
    border: 1px solid var(--line);
    border-radius: 10px;
    padding: 0 10px;
    background: #fff;
    color: var(--navy);
}

.air-option-name[b-mwsze30thh] {
    font-weight: 800;
    color: var(--navy);
    width: 100%;
    border: 1px solid transparent;
    background: transparent;
    padding: 6px 0;
}

.air-option-name:focus[b-mwsze30thh] {
    border-color: var(--blue);
    outline: none;
    background: #fff;
    border-radius: 8px;
    padding: 6px 8px;
}

.air-order-field[b-mwsze30thh] {
    display: grid;
    gap: 5px;
}

.air-order-field label[b-mwsze30thh] {
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--muted);
    font-weight: 850;
}

.air-order-field input[b-mwsze30thh] {
    height: 38px;
    border: 1px solid var(--line);
    border-radius: 10px;
    padding: 0 10px;
    width: 100%;
}

.air-status-wrap[b-mwsze30thh] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}

.air-status-text[b-mwsze30thh] {
    font-size: 11px;
    color: var(--green);
    font-weight: 850;
}

.air-remove-btn[b-mwsze30thh] { width:36px; height:36px; border:1px solid #FECACA; border-radius:10px; background:#FFF7F7; color:#DC2626; font-size:20px; transition:transform .16s ease,background .16s ease; }
.air-remove-btn:hover[b-mwsze30thh] { transform:scale(1.05); background:#FEE2E2; }
.air-option-description[b-mwsze30thh] { min-height:64px; width:100%; border:1px solid var(--line); border-radius:10px; padding:9px; resize:vertical; color:var(--ink); background:#fff; }
.air-color-field[b-mwsze30thh] { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:44px; padding:7px 9px; border:1px solid var(--line); border-radius:11px; background:#fff; color:var(--muted); font-size:10px; font-weight:800; }
.air-color-field input[b-mwsze30thh] { width:34px; height:28px; border:0; padding:0; background:transparent; }
.air-color-field.compact[b-mwsze30thh] { min-height:52px; flex-direction:column; align-items:flex-start; }

.air-empty[b-mwsze30thh] {
    padding: 18px 4px;
    color: var(--muted);
    font-size: 12.5px;
}

.air-mobile-tabs[b-mwsze30thh] {
    display: none;
}

.air-rca-settings[b-mwsze30thh] { margin-top:0; }
.air-rca-fields[b-mwsze30thh] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:18px 0; }
.air-rca-field[b-mwsze30thh] { display:grid; gap:8px; padding:16px; border:1px solid var(--line); border-radius:15px; background:#fbfdff; }
.air-rca-field h3[b-mwsze30thh] { margin:0 0 5px; color:var(--navy); font-size:14px; }
.air-rca-field label[b-mwsze30thh] { color:var(--muted); font-size:11px; font-weight:850; }
.air-rca-field label span[b-mwsze30thh] { font-weight:500; }
.air-rca-field textarea[b-mwsze30thh] { min-height:110px; padding:10px; resize:vertical; }
.air-suggestion-heading[b-mwsze30thh],.air-suggestion-preview[b-mwsze30thh] { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.air-suggestion-list[b-mwsze30thh] { display:grid; gap:10px; }
.air-suggestion-editor[b-mwsze30thh] { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:9px; padding:12px; border:1px solid #DCE6EF; border-radius:13px; background:#fff; }
.air-suggestion-preview[b-mwsze30thh] { grid-column:1/-1; }
.air-suggestion-preview span[b-mwsze30thh] { display:inline-flex; padding:6px 10px; border-radius:8px; font-weight:900; font-size:11px; }
.air-suggestion-preview button[b-mwsze30thh] { width:30px; height:30px; border:1px solid #FECACA; border-radius:8px; background:#FFF7F7; color:#DC2626; font-size:17px; }
.air-suggestion-editor textarea[b-mwsze30thh] { min-height:70px; }
.air-suggestion-editor > label[b-mwsze30thh] { display:flex; align-items:center; justify-content:space-between; gap:8px; min-width:0; padding:7px 9px; border:1px solid var(--line); border-radius:10px; background:#F8FAFC; }
.air-suggestion-editor > label input[type="color"][b-mwsze30thh] { flex:0 0 38px; width:38px; height:28px; padding:0; border:0; background:transparent; cursor:pointer; }

@media (max-width: 1180px) {
    .air-rca-fields[b-mwsze30thh] { grid-template-columns:minmax(0, 1fr); }
}

@media (max-width: 900px) {
    .air-config-shell[b-mwsze30thh] {
        grid-template-columns: minmax(0, 1fr);
    }

    .air-config-nav[b-mwsze30thh] {
        display: none;
    }

    /* This was 2769px of tabs inside a 358px box with the scrollbar explicitly
       hidden, so most config sections were invisible and unreachable on a
       phone. A wrapped grid shows every section at once. */
    .air-mobile-tabs[b-mwsze30thh] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        overflow: visible;
        padding-bottom: 10px;
        margin-bottom: 4px;
    }

    .air-mobile-tab[b-mwsze30thh] {
        flex: 0 0 auto;
        min-width: 0;
        text-align: center;
        white-space: normal;
        overflow-wrap: anywhere;
        line-height: 1.2;
        padding: 9px 12px;
        border-radius: 999px;
        border: 1px solid var(--line);
        background: #fff;
        color: var(--navy);
        font-weight: 800;
        white-space: nowrap;
    }

    .air-mobile-tab.active[b-mwsze30thh] {
        background: var(--navy);
        border-color: var(--navy);
        color: #fff;
    }
}

@media (max-width: 760px) {
    .air-rca-fields[b-mwsze30thh] { grid-template-columns:minmax(0, 1fr); }
    .air-page-head[b-mwsze30thh] {
        flex-direction: column;
    }

    .air-page-head h1[b-mwsze30thh] {
        font-size: 28px;
    }

    .air-setting-card[b-mwsze30thh] {
        align-items: flex-start;
    }

    .air-option-row[b-mwsze30thh] {
        grid-template-columns: minmax(0, 1fr);
    }

    .air-category-creator[b-mwsze30thh] {
        grid-template-columns: minmax(0, 1fr);
    }

    .air-option-row.categorized[b-mwsze30thh],
    .air-add-row.categorized[b-mwsze30thh],
    .air-option-row.harm[b-mwsze30thh],
    .air-add-row.harm[b-mwsze30thh],
    .air-suggestion-editor[b-mwsze30thh] {
        grid-template-columns: minmax(0, 1fr);
    }

    .air-suggestion-preview[b-mwsze30thh] { grid-column:auto; }

    .air-status-wrap[b-mwsze30thh] {
        justify-content: flex-start;
    }

    .air-add-row[b-mwsze30thh] {
        grid-template-columns: minmax(0, 1fr);
    }

    .air-btn[b-mwsze30thh] {
        width: 100%;
    }

    .air-user-row[b-mwsze30thh] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/AdministrationIncidentReportingOverview.razor.rz.scp.css */
.iro-page[b-vd8gq69umb]{max-width:1500px;margin:0 auto;padding:24px}.iro-page>a[b-vd8gq69umb]{color:#475569}.iro-page header[b-vd8gq69umb]{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:20px 0 26px}.iro-page header span[b-vd8gq69umb]{color:#cf8a58;text-transform:uppercase;font-size:.75rem;font-weight:800;letter-spacing:.12em}.iro-page h1[b-vd8gq69umb]{margin:4px 0}.iro-page header p[b-vd8gq69umb]{max-width:520px;color:#64748b}.iro-summary[b-vd8gq69umb]{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:22px}.iro-summary div[b-vd8gq69umb]{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px}.iro-summary b[b-vd8gq69umb]{display:block;font-size:1.8rem}.iro-summary small[b-vd8gq69umb],.iro-table small[b-vd8gq69umb]{display:block;color:#64748b}.iro-table[b-vd8gq69umb]{overflow:auto;background:#fff;border:1px solid #e2e8f0;border-radius:16px}.iro-table table[b-vd8gq69umb]{width:100%;border-collapse:collapse}.iro-table th[b-vd8gq69umb],.iro-table td[b-vd8gq69umb]{text-align:left;padding:14px;border-bottom:1px solid #eef2f7}.iro-table th[b-vd8gq69umb]{background:#f8fafc;color:#475569;font-size:.76rem;text-transform:uppercase}.enabled[b-vd8gq69umb],.disabled[b-vd8gq69umb]{padding:4px 8px;border-radius:999px;font-size:.75rem;font-weight:700}.enabled[b-vd8gq69umb]{background:#dcfce7;color:#166534}.disabled[b-vd8gq69umb]{background:#f1f5f9;color:#64748b}@media(max-width:900px){.iro-page header[b-vd8gq69umb]{display:block}.iro-summary[b-vd8gq69umb]{grid-template-columns:repeat(2, minmax(0, 1fr))}}
/* /Components/Pages/AdministrationLuCodes.razor.rz.scp.css */
/* Blazor CSS isolation's ::deep still requires an ancestor scope attribute
   that descendant elements carry. Every real <input>/<textarea> on this page
   is rendered inside a framework form component (InputText/InputTextArea/
   InputCheckbox/InputDate), so its DOM element never carries this page's own
   scope attribute -- only ::deep reaches it. Without ::deep these rules
   silently match nothing, which is why every field looked unstyled
   (no border, no background) even though the CSS "existed". */

.luca-page[b-da0nvagd3l] {
    --navy: #0b2447;
    --teal: #0f4791;
    --orange: #f28c28;
    --ink: #20384d;
    --muted: #6e8191;
    --line: #dbe5ec;
    display: grid;
    gap: 1rem;
    color: var(--ink);
}

.luca-page[b-da0nvagd3l]  .luca-breadcrumbs {
    display: flex;
    gap: .45rem;
    color: var(--muted);
    font-size: .82rem;
}

.luca-page[b-da0nvagd3l]  .luca-breadcrumbs a {
    color: #083877;
    text-decoration: none;
}

/* ---------- Header ---------- */

.luca-page[b-da0nvagd3l]  .luca-header {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1rem;
    padding: 1.25rem 1.4rem;
    border-radius: 16px;
    color: #fff;
    background: linear-gradient(125deg, #0b2447, #12355b);
}

.luca-page[b-da0nvagd3l]  .luca-header > div:first-child > span {
    color: #92b2dd;
    font-size: .65rem;
    font-weight: 900;
    letter-spacing: .14em;
}

.luca-page[b-da0nvagd3l]  .luca-header h1 {
    margin: .15rem 0;
    font-size: 2rem;
}

.luca-page[b-da0nvagd3l]  .luca-header p {
    margin: 0;
    color: #d6e5f0;
}

.luca-page[b-da0nvagd3l]  .luca-header-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    gap: .45rem;
}

.luca-page[b-da0nvagd3l]  .luca-header-actions a,
.luca-page[b-da0nvagd3l]  .luca-header-actions button,
.luca-page[b-da0nvagd3l]  .primary,
.luca-page[b-da0nvagd3l]  .secondary {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 40px;
    padding: .55rem .75rem;
    border-radius: 9px;
    text-decoration: none;
    font-size: .75rem;
    font-weight: 850;
    cursor: pointer;
}

.luca-page[b-da0nvagd3l]  .luca-header-actions a,
.luca-page[b-da0nvagd3l]  .luca-header-actions .secondary {
    border: 1px solid rgba(255, 255, 255, .25);
    color: #fff;
    background: rgba(255, 255, 255, .08);
}

.luca-page[b-da0nvagd3l]  .primary {
    border: 1px solid #0b3e81;
    color: #fff;
    background: #0f4791;
}

.luca-page[b-da0nvagd3l]  button:disabled {
    opacity: .58;
    cursor: not-allowed;
}

.luca-page[b-da0nvagd3l]  .luca-header-actions svg,
.luca-page[b-da0nvagd3l]  .primary svg {
    width: 18px;
}

/* ---------- Stats ---------- */

.luca-page[b-da0nvagd3l]  .luca-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .7rem;
}

.luca-page[b-da0nvagd3l]  .luca-stats div {
    display: grid;
    gap: .15rem;
    padding: .8rem 1rem;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #fff;
}

.luca-page[b-da0nvagd3l]  .luca-stats strong {
    color: var(--navy);
    font-size: 1.25rem;
}

.luca-page[b-da0nvagd3l]  .luca-stats span {
    color: var(--muted);
    font-size: .68rem;
    font-weight: 850;
    text-transform: uppercase;
}

/* ---------- Public module settings ---------- */

.luca-page[b-da0nvagd3l]  .luca-settings {
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #fff;
}

.luca-page[b-da0nvagd3l]  .luca-settings summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: .85rem 1rem;
    cursor: pointer;
}

.luca-page[b-da0nvagd3l]  .luca-settings summary > span {
    display: flex;
    align-items: center;
    gap: .45rem;
    color: var(--navy);
}

.luca-page[b-da0nvagd3l]  .luca-settings summary svg {
    color: var(--teal);
}

.luca-page[b-da0nvagd3l]  .luca-settings summary small {
    color: var(--muted);
}

.luca-page[b-da0nvagd3l]  .luca-settings form {
    padding: 0 1rem 1rem;
}

.luca-page[b-da0nvagd3l]  .luca-settings-grid,
.luca-page[b-da0nvagd3l]  .luca-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.luca-page[b-da0nvagd3l]  .luca-settings-grid label,
.luca-page[b-da0nvagd3l]  .luca-form-grid label,
.luca-page[b-da0nvagd3l]  .luca-code-editor > label,
.luca-page[b-da0nvagd3l]  .luca-code-toolbar > label {
    display: grid;
    gap: .3rem;
}

.luca-page[b-da0nvagd3l]  .luca-settings-grid label > span,
.luca-page[b-da0nvagd3l]  .luca-form-grid label > span,
.luca-page[b-da0nvagd3l]  .luca-code-editor > label > span,
.luca-page[b-da0nvagd3l]  .luca-code-toolbar label > span {
    color: #566e7f;
    font-size: .7rem;
    font-weight: 850;
}

.luca-page[b-da0nvagd3l]  .luca-settings-grid .wide,
.luca-page[b-da0nvagd3l]  .luca-form-grid .wide {
    grid-column: 1 / -1;
}

.luca-page[b-da0nvagd3l]  .luca-settings-save {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-top: .8rem;
    color: var(--muted);
    font-size: .72rem;
}

/* ---------- Every real input/textarea on this page (all rendered by
   InputText/InputTextArea/InputDate form components, hence ::deep) ---------- */

.luca-page[b-da0nvagd3l]  input:not([type=checkbox]),
.luca-page[b-da0nvagd3l]  textarea {
    width: 100%;
    padding: .65rem .7rem;
    border: 1px solid #cbd8e1;
    border-radius: 9px;
    color: var(--ink);
    background: #fff;
    outline: 0;
    font: inherit;
}

.luca-page[b-da0nvagd3l]  input:focus,
.luca-page[b-da0nvagd3l]  textarea:focus {
    border-color: #587caa;
    box-shadow: 0 0 0 3px rgba(15, 71, 145, .1);
}

/* ---------- Workspace split ---------- */

.luca-page[b-da0nvagd3l]  .luca-workspace {
    display: grid;
    grid-template-columns: minmax(270px, 31%) minmax(0, 69%);
    min-height: 760px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: #fff;
}

.luca-page[b-da0nvagd3l]  .luca-list-panel {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    min-width: 0;
    padding-top: 1rem;
    border-right: 1px solid var(--line);
    background: #f8fafb;
}

.luca-page[b-da0nvagd3l]  .luca-search {
    position: relative;
    margin: 0 1rem .75rem;
}

.luca-page[b-da0nvagd3l]  .luca-search svg {
    position: absolute;
    left: .8rem;
    top: 50%;
    color: #758895;
    transform: translateY(-50%);
}

.luca-page[b-da0nvagd3l]  .luca-search input {
    min-height: 45px;
    padding-left: 2.65rem !important;
}

.luca-page[b-da0nvagd3l]  .luca-list-heading {
    display: flex;
    justify-content: space-between;
    padding: .6rem 1rem;
    border-block: 1px solid #e5eaf1;
    color: var(--muted);
    font-size: .7rem;
}

.luca-page[b-da0nvagd3l]  .luca-list-heading strong {
    color: var(--navy);
}

.luca-page[b-da0nvagd3l]  .luca-drug-list {
    min-height: 0;
    overflow: auto;
}

.luca-page[b-da0nvagd3l]  .luca-drug {
    position: relative;
    display: grid;
    gap: .3rem;
    width: 100%;
    padding: .78rem 4.5rem .78rem 1rem;
    border: 0;
    border-bottom: 1px solid #e4ebef;
    color: var(--ink);
    background: transparent;
    text-align: left;
}

.luca-page[b-da0nvagd3l]  .luca-drug:hover,
.luca-page[b-da0nvagd3l]  .luca-drug.selected {
    background: #fff;
}

.luca-page[b-da0nvagd3l]  .luca-drug.selected {
    box-shadow: inset 4px 0 0 var(--orange);
}

.luca-page[b-da0nvagd3l]  .luca-drug > span {
    color: var(--navy);
    font-size: .84rem;
    font-weight: 850;
    text-align: left;
    white-space: normal;
    overflow-wrap: anywhere;
}

.luca-page[b-da0nvagd3l]  .luca-drug small {
    color: #083877;
    font-size: .65rem;
    text-align: left;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.4;
}

.luca-page[b-da0nvagd3l]  .luca-drug em {
    position: absolute;
    right: .7rem;
    top: .8rem;
    padding: .18rem .35rem;
    border-radius: 999px;
    font-size: .56rem;
    font-style: normal;
    font-weight: 900;
    text-transform: uppercase;
}

.luca-page[b-da0nvagd3l]  .luca-drug em.published {
    color: #096b57;
    background: #dff5ec;
}

.luca-page[b-da0nvagd3l]  .luca-drug em.draft {
    color: #865a21;
    background: #fff0d7;
}

/* ---------- Editor ---------- */

.luca-page[b-da0nvagd3l]  .luca-editor {
    min-width: 0;
    padding: 1.15rem;
}

.luca-page[b-da0nvagd3l]  .luca-editor-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding-bottom: .85rem;
    border-bottom: 1px solid var(--line);
}

.luca-page[b-da0nvagd3l]  .luca-editor-heading > div > span,
.luca-page[b-da0nvagd3l]  .luca-codes-heading > div > span {
    color: #083877;
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .11em;
}

.luca-page[b-da0nvagd3l]  .luca-editor-heading h2,
.luca-page[b-da0nvagd3l]  .luca-codes-heading h3 {
    margin: .12rem 0 0;
    color: var(--navy);
}

.luca-page[b-da0nvagd3l]  .luca-editor-heading h2 {
    font-size: 1.3rem;
}

.luca-page[b-da0nvagd3l]  .luca-publish {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.luca-page[b-da0nvagd3l]  .luca-publish > span {
    display: grid;
}

.luca-page[b-da0nvagd3l]  .luca-publish small {
    color: var(--muted);
    font-size: .63rem;
}

.luca-page[b-da0nvagd3l]  .luca-form-grid {
    padding: 1rem 0;
}

.luca-page[b-da0nvagd3l]  .luca-form-grid em {
    color: #b84737;
}

.luca-page[b-da0nvagd3l]  .luca-form-grid small {
    color: #8a9aa5;
    font-weight: 600;
}

/* ---------- LU code sub-records ---------- */

.luca-page[b-da0nvagd3l]  .luca-codes {
    display: grid;
    gap: .7rem;
    padding-top: 1rem;
    border-top: 1px solid var(--line);
}

.luca-page[b-da0nvagd3l]  .luca-codes-heading {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1rem;
}

.luca-page[b-da0nvagd3l]  .luca-codes-heading h3 {
    font-size: 1rem;
}

.luca-page[b-da0nvagd3l]  .luca-codes-heading > button {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .45rem .6rem;
    border: 1px solid #b9c5d5;
    border-radius: 8px;
    color: #083877;
    background: #f1f4f8;
    font-size: .7rem;
    font-weight: 850;
}

.luca-page[b-da0nvagd3l]  .luca-codes-heading > button svg {
    width: 17px;
}

.luca-page[b-da0nvagd3l]  .luca-code-editor {
    display: grid;
    gap: .7rem;
    padding: .9rem;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #fbfcfd;
}

.luca-page[b-da0nvagd3l]  .luca-code-toolbar {
    display: grid;
    grid-template-columns: 150px auto 1fr;
    align-items: end;
    gap: .8rem;
}

.luca-page[b-da0nvagd3l]  .luca-code-toolbar > div {
    display: flex;
    justify-content: end;
    gap: .3rem;
}

.luca-page[b-da0nvagd3l]  .luca-code-toolbar > div button {
    display: grid;
    place-items: center;
    width: 35px;
    height: 35px;
    border: 1px solid #d6e2e8;
    border-radius: 8px;
    color: #587083;
    background: #fff;
}

.luca-page[b-da0nvagd3l]  .luca-code-toolbar > div button.danger {
    color: #b34a3e;
}

.luca-page[b-da0nvagd3l]  .luca-code-toolbar > div button svg {
    width: 18px;
}

.luca-page[b-da0nvagd3l]  .luca-code-publish {
    display: flex !important;
    align-items: center;
    gap: .4rem !important;
    min-height: 40px;
}

.luca-page[b-da0nvagd3l]  .luca-no-codes {
    padding: 1rem;
    border: 1px dashed #cbd9e1;
    border-radius: 10px;
    color: var(--muted);
    text-align: center;
}

/* ---------- Save bar ---------- */

.luca-page[b-da0nvagd3l]  .luca-save-bar {
    position: sticky;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin: 1rem -1.15rem -1.15rem;
    padding: .85rem 1.15rem;
    border-top: 1px solid var(--line);
    background: rgba(255, 255, 255, .96);
    backdrop-filter: blur(8px);
}

.luca-page[b-da0nvagd3l]  .luca-save-bar > div {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.luca-page[b-da0nvagd3l]  .luca-save-bar span {
    color: var(--muted);
    font-size: .68rem;
}

.luca-page[b-da0nvagd3l]  .danger-text {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .45rem .55rem;
    border: 0;
    color: #b34a3e;
    background: transparent;
    font-size: .7rem;
    font-weight: 850;
}

.luca-page[b-da0nvagd3l]  .danger-text svg {
    width: 18px;
}

.luca-page[b-da0nvagd3l]  .luca-state {
    min-height: 300px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: .4rem;
    border: 1px dashed #cbd9e1;
    border-radius: 14px;
    color: var(--muted);
}

/* ---------- Responsive ---------- */

@media (max-width: 950px) {
    .luca-page[b-da0nvagd3l]  .luca-header {
        align-items: start;
        flex-direction: column;
    }

    .luca-page[b-da0nvagd3l]  .luca-header-actions {
        justify-content: start;
    }

    .luca-page[b-da0nvagd3l]  .luca-workspace {
        grid-template-columns: 280px minmax(0, 1fr);
    }

    .luca-page[b-da0nvagd3l]  .luca-code-toolbar {
        grid-template-columns: 120px auto minmax(0, 1fr);
    }

    .luca-page[b-da0nvagd3l]  .luca-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .luca-page[b-da0nvagd3l]  .luca-settings-grid,
    .luca-page[b-da0nvagd3l]  .luca-form-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .luca-page[b-da0nvagd3l]  .luca-settings-grid .wide,
    .luca-page[b-da0nvagd3l]  .luca-form-grid .wide {
        grid-column: auto;
    }

    .luca-page[b-da0nvagd3l]  .luca-workspace {
        display: block;
        overflow: visible;
    }

    .luca-page[b-da0nvagd3l]  .luca-list-panel {
        max-height: 420px;
        border-right: 0;
        border-bottom: 1px solid var(--line);
    }

    .luca-page[b-da0nvagd3l]  .luca-editor-heading,
    .luca-page[b-da0nvagd3l]  .luca-codes-heading,
    .luca-page[b-da0nvagd3l]  .luca-save-bar {
        align-items: start;
        flex-direction: column;
    }

    .luca-page[b-da0nvagd3l]  .luca-code-toolbar {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .luca-page[b-da0nvagd3l]  .luca-code-toolbar > div {
        grid-column: 1 / -1;
        justify-content: start;
    }

    .luca-page[b-da0nvagd3l]  .luca-save-bar {
        position: static;
        margin: 1rem -1.15rem -1.15rem;
    }

    .luca-page[b-da0nvagd3l]  .luca-save-bar > div:last-child {
        flex-wrap: wrap;
    }

    .luca-page[b-da0nvagd3l]  .luca-stats {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
}
/* /Components/Pages/AdministrationMediaLibrary.razor.rz.scp.css */
.media-page[b-ag0ii0elbg]{--navy:var(--blue-900);--navy-deep:#071a30;--line:var(--ink-100);--muted:var(--ink-500);--danger:#dc2626;--danger-bg:#fef1f1;color:var(--ink-900);display:grid;gap:18px; grid-template-columns: minmax(0, 1fr); }

.media-header[b-ag0ii0elbg]{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:26px 30px;border-radius:18px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-deep) 100%);box-shadow:0 14px 32px -16px rgba(8,33,56,.5)}
.media-header>div>span[b-ag0ii0elbg]{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.12);color:var(--orange-500);font-size:.68rem;font-weight:900;letter-spacing:.12em}
.media-header h1[b-ag0ii0elbg]{margin:10px 0 4px;color:#fff;font-size:2rem;font-weight:750;letter-spacing:-.01em}
.media-header p[b-ag0ii0elbg]{margin:0;color:#c8d6e6;font-size:.86rem;max-width:52ch}
.media-header .media-secondary[b-ag0ii0elbg]{border:1px solid rgba(255,255,255,.28);border-radius:10px;padding:10px 18px;background:rgba(255,255,255,.08);color:#fff;font-weight:700;font-size:.85rem;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .15s ease}
.media-header .media-secondary:hover[b-ag0ii0elbg]{background:rgba(255,255,255,.18)}
@media(max-width:700px){.media-header[b-ag0ii0elbg]{display:grid}}

.media-layout[b-ag0ii0elbg]{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px}

.media-folders[b-ag0ii0elbg],.media-main[b-ag0ii0elbg]{border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 28px -14px rgba(11,37,69,.14)}
.media-folders[b-ag0ii0elbg]{align-self:start;overflow:hidden}
.media-panel-head[b-ag0ii0elbg]{padding:16px 18px;border-bottom:1px solid var(--line)}
.media-panel-head h2[b-ag0ii0elbg]{margin:0;color:var(--navy);font-size:1.05rem;font-weight:750}
.media-panel-head p[b-ag0ii0elbg]{margin-top:3px;color:var(--muted);font-size:.72rem}

.media-folder-list[b-ag0ii0elbg]{display:grid;gap:6px;padding:12px;background:var(--ink-100)}

.media-folder[b-ag0ii0elbg]{display:block;width:100%;overflow:hidden;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink-700);text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}
.media-folder:hover[b-ag0ii0elbg]{border-color:var(--blue-100);background:var(--blue-50);color:var(--blue-700)}
.media-folder.active[b-ag0ii0elbg]{border-color:var(--blue-600);background:var(--blue-50);color:var(--blue-700);font-weight:700}

.media-folder-form[b-ag0ii0elbg],.media-folder-actions[b-ag0ii0elbg]{display:grid;gap:8px;padding:13px;border-top:1px solid var(--line);background:var(--blue-50)}
.media-folder-form label[b-ag0ii0elbg]{display:grid;gap:6px;color:var(--ink-700);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.media-folder-form input[b-ag0ii0elbg]{padding:9px 11px;border:1px solid var(--ink-300);border-radius:10px;background:#fff;color:var(--ink-900);font:inherit;font-weight:400;text-transform:none;letter-spacing:normal;transition:border-color .15s ease,box-shadow .15s ease}
.media-folder-form input:focus[b-ag0ii0elbg]{outline:none;border-color:var(--blue-600);box-shadow:0 0 0 3px var(--blue-50)}
.media-folder-actions[b-ag0ii0elbg]{grid-template-columns:1fr 1fr}

.media-upload-button[b-ag0ii0elbg],.media-primary[b-ag0ii0elbg],.media-secondary[b-ag0ii0elbg],.media-danger[b-ag0ii0elbg]{min-height:38px;padding:0 14px;border-radius:10px;font-weight:750;font-size:.82rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}
.media-primary[b-ag0ii0elbg]{border:0;background:var(--orange-600);color:#fff;box-shadow:0 6px 16px -6px rgba(234,88,12,.55)}
.media-primary:hover[b-ag0ii0elbg]{background:var(--orange-700);transform:translateY(-1px)}
.media-secondary[b-ag0ii0elbg]{display:inline-flex;align-items:center;border:1px solid var(--ink-300);background:#fff;color:var(--ink-700);text-decoration:none}
.media-secondary:hover[b-ag0ii0elbg]{border-color:var(--blue-600);color:var(--blue-700);background:var(--blue-50)}
.media-danger[b-ag0ii0elbg]{border:1px solid #f3d4d8;background:var(--danger-bg);color:var(--danger)}
.media-danger:hover[b-ag0ii0elbg]{background:#fce4e4}

.media-main[b-ag0ii0elbg]{padding:18px;min-width:0}

.media-upload[b-ag0ii0elbg]{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px;border:2px dashed var(--blue-100);border-radius:14px;background:var(--blue-50);transition:border-color .15s ease,background-color .15s ease}
.media-upload:hover[b-ag0ii0elbg]{border-color:var(--orange-500);background:var(--orange-50)}
.media-upload strong[b-ag0ii0elbg]{color:var(--navy)}
.media-upload p[b-ag0ii0elbg]{margin-top:4px;color:var(--muted);font-size:.8rem}

.media-upload-button[b-ag0ii0elbg]{position:relative;display:inline-flex;align-items:center;justify-content:center;background:var(--orange-600);color:#fff;overflow:hidden;box-shadow:0 6px 16px -6px rgba(234,88,12,.55);white-space:nowrap}
.media-upload-button:hover[b-ag0ii0elbg]{background:var(--orange-700);transform:translateY(-1px)}
.media-upload-button input[b-ag0ii0elbg]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}

.media-toolbar[b-ag0ii0elbg]{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:16px 0;color:var(--muted);font-size:.78rem}
.media-filters[b-ag0ii0elbg]{display:flex;gap:6px;flex-wrap:wrap}
.media-filters button[b-ag0ii0elbg]{padding:7px 12px;border:1px solid var(--ink-300);border-radius:999px;background:#fff;color:var(--ink-500);cursor:pointer;font-weight:750;font-size:.76rem;transition:border-color .15s ease,color .15s ease,background-color .15s ease}
.media-filters button:hover[b-ag0ii0elbg]{border-color:var(--blue-600);color:var(--blue-700)}
.media-filters button.active[b-ag0ii0elbg]{border-color:var(--blue-600);background:var(--blue-600);color:#fff}

.media-empty[b-ag0ii0elbg]{padding:50px;text-align:center;color:var(--muted);font-size:.85rem}

.media-assets[b-ag0ii0elbg]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.media-card[b-ag0ii0elbg]{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 10px 24px -18px rgba(11,37,69,.2);transition:box-shadow .15s ease,transform .15s ease}
.media-card:hover[b-ag0ii0elbg]{box-shadow:0 14px 28px -16px rgba(11,37,69,.28);transform:translateY(-2px)}
.media-preview[b-ag0ii0elbg]{height:135px;display:grid;place-items:center;background:var(--ink-100)}
.media-preview img[b-ag0ii0elbg]{width:100%;height:100%;object-fit:cover}
.media-preview audio[b-ag0ii0elbg]{width:92%}
.media-doc[b-ag0ii0elbg]{display:grid;place-items:center;width:62px;height:72px;border-radius:10px;background:#fff;color:var(--blue-700);font-weight:900;box-shadow:0 5px 14px rgba(11,37,69,.1)}
.media-card-body[b-ag0ii0elbg]{display:grid;gap:4px;padding:12px; grid-template-columns: minmax(0, 1fr); }
.media-card-body strong[b-ag0ii0elbg]{overflow:hidden;color:var(--navy);text-overflow:ellipsis;white-space:nowrap}
.media-card-body>span[b-ag0ii0elbg]{color:var(--muted);font-size:.7rem}
.media-visibility[b-ag0ii0elbg]{justify-self:start;padding:4px 9px;border-radius:999px;font-weight:800;font-size:.68rem}
.media-visibility.public[b-ag0ii0elbg]{background:var(--green-100);color:var(--green-700)!important}
.media-visibility.private[b-ag0ii0elbg]{background:var(--ink-100);color:var(--ink-500)!important}
.media-card-actions[b-ag0ii0elbg]{display:flex;border-top:1px solid var(--line)}
.media-card-actions button[b-ag0ii0elbg],.media-card-actions a[b-ag0ii0elbg]{flex:1;overflow:hidden;padding:9px 5px;border:0;border-right:1px solid var(--line);background:#fff;color:var(--blue-700);font-size:.7rem;font-weight:800;text-align:center;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color .12s ease}
.media-card-actions button:last-child[b-ag0ii0elbg],.media-card-actions a:last-child[b-ag0ii0elbg]{border-right:0}
.media-card-actions button:hover[b-ag0ii0elbg],.media-card-actions a:hover[b-ag0ii0elbg]{background:var(--blue-50)}
.media-card-actions .danger[b-ag0ii0elbg]{color:var(--danger)}
.media-card-actions .danger:hover[b-ag0ii0elbg]{background:var(--danger-bg)}

@media(max-width:850px){.media-layout[b-ag0ii0elbg]{grid-template-columns:minmax(0, 1fr)}.media-upload[b-ag0ii0elbg]{display:grid}}
@media(max-width:520px){.media-assets[b-ag0ii0elbg]{grid-template-columns:minmax(0, 1fr)}.media-folder-actions[b-ag0ii0elbg]{grid-template-columns:minmax(0, 1fr)}}
/* /Components/Pages/AdministrationMinorAilmentsHub.razor.rz.scp.css */
.wm-page[b-s3r8lzqzhx] {
    --navy: #0B2F52;
    --navy-2: #164A78;
    --teal: #168552;
    --teal-soft: #eaf1fb;
    --blue: #2563EB;
    --blue-soft: #EEF5FF;
    --orange: #F97316;
    --orange-soft: #FFF7ED;
    --green: #16A34A;
    --green-soft: #ECFDF3;
    --ink: #0F172A;
    --muted: #64748B;
    --line: #E2E8F0;
    --white: #FFFFFF;
    --shadow: 0 18px 42px rgba(15, 23, 42, .09);
    --shadow-sm: 0 8px 24px rgba(15, 23, 42, .06);

    color: var(--ink);
    font-family: var(--app-font, Inter, ui-sans-serif, system-ui, -apple-system,)
        BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.wm-back[b-s3r8lzqzhx] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 18px;
}

.wm-hero[b-s3r8lzqzhx] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 18px;
    align-items: center;
    padding: 30px 32px;
    border-radius: 26px;
    background: linear-gradient(135deg, #FFFFFF 0%, #F8FBFF 100%);
    border: 1px solid var(--line);
    box-shadow: var(--shadow-sm);
}

.wm-hero[b-s3r8lzqzhx]::after {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    right: -110px;
    top: -130px;
    border-radius: 50%;
    background: rgba(37, 99, 235, .06);
}

.wm-hero-icon[b-s3r8lzqzhx] {
    width: 66px;
    height: 66px;
    border-radius: 20px;
    background: var(--navy);
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 29px;
    font-weight: 900;
    position: relative;
    z-index: 1;
}

.wm-eyebrow[b-s3r8lzqzhx] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .14em;
    color: var(--teal);
    font-weight: 900;
}

.wm-hero h1[b-s3r8lzqzhx] {
    margin: 7px 0 6px;
    color: var(--navy);
    font-size: 36px;
    letter-spacing: -.04em;
}

.wm-hero p[b-s3r8lzqzhx] {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
}

.wm-hero-status[b-s3r8lzqzhx] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 999px;
    background: var(--green-soft);
    color: #166534;
    font-size: 11px;
    font-weight: 850;
    white-space: nowrap;
}

.wm-section-head[b-s3r8lzqzhx] {
    margin: 24px 0 14px;
}

.wm-section-head h2[b-s3r8lzqzhx] {
    margin: 0;
    color: var(--navy);
    font-size: 25px;
    letter-spacing: -.03em;
}

.wm-section-head p[b-s3r8lzqzhx] {
    margin: 5px 0 0;
    color: var(--muted);
    font-size: 13px;
}

.wm-grid[b-s3r8lzqzhx] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.wm-card[b-s3r8lzqzhx] {
    position: relative;
    min-height: 260px;
    padding: 22px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 22px;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
    transition: .2s ease;
    text-decoration: none;
    color: inherit;
    display: block;
}

.wm-card:hover[b-s3r8lzqzhx] {
    transform: translateY(-5px);
    box-shadow: var(--shadow);
    border-color: #BCD2E6;
}

.wm-card[b-s3r8lzqzhx]::after {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    right: -65px;
    top: -65px;
    border-radius: 50%;
    background: rgba(37, 99, 235, .06);
}

.wm-card:nth-child(4n+2)[b-s3r8lzqzhx]::after {
    background: rgba(15, 77, 159, .07);
}

.wm-card:nth-child(4n+3)[b-s3r8lzqzhx]::after {
    background: rgba(249, 115, 22, .07);
}

.wm-card:nth-child(4n+4)[b-s3r8lzqzhx]::after {
    background: rgba(22, 163, 74, .07);
}

.wm-card-top[b-s3r8lzqzhx] {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 12px;
}

.wm-icon[b-s3r8lzqzhx] {
    width: 54px;
    height: 54px;
    border-radius: 17px;
    display: grid;
    place-items: center;
    background: var(--blue-soft);
    color: var(--navy);
    font-size: 23px;
    font-weight: 900;
}

.wm-card:nth-child(4n+2) .wm-icon[b-s3r8lzqzhx] {
    background: var(--teal-soft);
    color: var(--teal);
}

.wm-card:nth-child(4n+3) .wm-icon[b-s3r8lzqzhx] {
    background: var(--orange-soft);
    color: #C2410C;
}

.wm-card:nth-child(4n+4) .wm-icon[b-s3r8lzqzhx] {
    background: var(--green-soft);
    color: var(--green);
}

.wm-arrow[b-s3r8lzqzhx] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--navy);
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 19px;
    position: relative;
    z-index: 1;
}

.wm-title[b-s3r8lzqzhx] {
    margin-top: 24px;
    color: var(--navy);
    font-size: 21px;
    font-weight: 900;
}

.wm-desc[b-s3r8lzqzhx] {
    margin-top: 8px;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.55;
    max-width: 280px;
}

.wm-footer[b-s3r8lzqzhx] {
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.wm-open[b-s3r8lzqzhx] {
    color: var(--navy);
    font-size: 11px;
    font-weight: 850;
}

@media (max-width: 1100px) {
    .wm-grid[b-s3r8lzqzhx] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .wm-hero[b-s3r8lzqzhx] {
        grid-template-columns: auto minmax(0, 1fr);
        padding: 22px;
    }

    .wm-hero-status[b-s3r8lzqzhx] {
        grid-column: 1 / -1;
        width: max-content;
    }

    .wm-hero h1[b-s3r8lzqzhx] {
        font-size: 30px;
    }

    .wm-grid[b-s3r8lzqzhx] {
        grid-template-columns: minmax(0, 1fr);
    }

    .wm-card[b-s3r8lzqzhx] {
        min-height: 260px;
    }
}
/* /Components/Pages/AdministrationNavigation.razor.rz.scp.css */
.nav-editor[b-1en62s4qve]{--navy:var(--blue-900);--navy-deep:#071a30;--line:#e4e9f1;--muted:var(--ink-500);--surface:#fff;--surface-2:var(--blue-50);--danger:#dc2626;--danger-bg:#fef1f1;--surface-0:#F4F7FB;--ink:var(--ink-900);display:flex;flex-direction:column;gap:16px;padding:20px clamp(16px,3vw,40px) 60px;color:var(--ink);background:var(--surface-0)}

.nav-editor-bar[b-1en62s4qve]{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:22px 26px;border-radius:16px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-deep) 100%);box-shadow:0 12px 28px -14px rgba(8,33,56,.45)}
.nav-editor-bar h1[b-1en62s4qve]{margin:0;font-size:28px;font-weight:700;letter-spacing:-.01em;color:#fff}
.nav-editor-subtitle[b-1en62s4qve]{margin:6px 0 0!important;color:#cbd8e6;font-size:14px;font-weight:500!important;max-width:46ch}
.nav-editor-bar p[b-1en62s4qve]{margin:8px 0 0;font-size:13px;font-weight:800;letter-spacing:.02em;display:flex;align-items:center;gap:6px}
.nav-editor-bar p.saved[b-1en62s4qve]{color:var(--green-700);background:var(--green-100);padding:3px 9px;border-radius:999px;display:inline-flex}
.nav-editor-bar p.pending[b-1en62s4qve]{color:var(--orange-700);background:var(--orange-100);padding:3px 9px;border-radius:999px;display:inline-flex}

.nav-editor-actions[b-1en62s4qve]{display:flex;align-items:center;gap:10px;padding-top:2px}
.nav-editor-actions-buttons[b-1en62s4qve]{display:flex;align-items:center;gap:10px}
.nav-editor-mode[b-1en62s4qve]{display:flex;border:1px solid rgba(255,255,255,.22);border-radius:10px;overflow:hidden;background:rgba(255,255,255,.06)}
.nav-editor-mode button[b-1en62s4qve]{border:0;background:transparent;color:#cbd8e6;padding:8px 14px;font-weight:700;font-size:.82rem;cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out}
.nav-editor-mode button:hover[b-1en62s4qve]{background:rgba(255,255,255,.1);color:#fff}
.nav-editor-mode button.active[b-1en62s4qve]{background:var(--blue-600);color:#fff}

.nav-editor button.primary[b-1en62s4qve]{border:0;border-radius:10px;padding:10px 20px;background:var(--orange-600);color:#fff;font-weight:800;cursor:pointer;transition:background-color .15s ease-out,transform .15s ease-out,box-shadow .15s ease-out;box-shadow:0 4px 14px -2px rgba(234,88,12,.5)}
.nav-editor button.primary:hover:not(:disabled)[b-1en62s4qve]{background:var(--orange-700);transform:translateY(-1px)}
.nav-editor button.primary:disabled[b-1en62s4qve]{opacity:.5;cursor:default;box-shadow:none;transform:none}
.nav-editor button.secondary[b-1en62s4qve]{border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:10px 20px;background:rgba(255,255,255,.08);color:#fff;font-weight:750;cursor:pointer;transition:background-color .15s ease-out}
.nav-editor button.secondary:hover:not(:disabled)[b-1en62s4qve]{background:rgba(255,255,255,.16)}
.nav-editor button.secondary:disabled[b-1en62s4qve]{opacity:.4;cursor:default}

.nav-editor-message[b-1en62s4qve]{padding:12px 16px;border-radius:10px;background:var(--green-100);color:var(--green-700);font-weight:650;font-size:14px;border:1px solid #bbe8cc}
.nav-editor-message.error[b-1en62s4qve]{background:var(--danger-bg);color:#a83b30;border-color:#f5c6c2}

.nav-editor-body[b-1en62s4qve]{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:18px;align-items:start}

.nav-editor-tree[b-1en62s4qve]{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:12px;max-height:calc(100vh - 220px);overflow-y:auto;box-shadow:0 1px 3px rgba(15,23,42,.04)}
.nav-editor-tree-head[b-1en62s4qve]{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 12px;border-bottom:1px solid var(--line);margin-bottom:8px}
.nav-editor-tree-head strong[b-1en62s4qve]{color:var(--ink);font-size:.9rem}

.text-button[b-1en62s4qve]{border:0;background:transparent;color:var(--blue-700);font-weight:750;font-size:.8rem;cursor:pointer;padding:8px 8px;transition:color .12s ease}
.text-button:hover[b-1en62s4qve]{color:var(--blue-900);text-decoration:underline}
.text-button.indent[b-1en62s4qve]{margin-left:10px}

.nav-tree-hint[b-1en62s4qve]{display:block;margin-left:10px;padding:6px 4px;color:#93a2ac;font-size:.74rem;font-style:italic}

.nav-tree-node[b-1en62s4qve]{display:flex;align-items:center;gap:4px;border:1px solid #D7DEEA;border-radius:9px;margin-bottom:6px;background:var(--surface-0);transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease}
.nav-tree-node:hover[b-1en62s4qve]{border-color:var(--blue-100);background:var(--blue-50)}
.nav-tree-node.selected[b-1en62s4qve]{background:var(--blue-50);border-color:var(--blue-600);box-shadow:inset 3px 0 var(--blue-600)}
.nav-tree-node.dragging[b-1en62s4qve]{opacity:.4}
.nav-tree-node.drop-target[b-1en62s4qve]{outline:2px dashed var(--blue-600);outline-offset:-2px}
.nav-tree-row[b-1en62s4qve]{flex:1;display:flex;align-items:center;gap:8px;min-width:0;border:0;background:transparent;padding:9px 8px;text-align:left;font:inherit;cursor:pointer;border-radius:8px}
.nav-tree-row:focus-visible[b-1en62s4qve]{outline:2px solid var(--blue-600);outline-offset:-2px}
.nav-tree-row span:not(.nav-tree-kind):not(.nav-tree-hidden):not(.nav-tree-cta)[b-1en62s4qve]{flex:1 1 auto;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#33495c;font-size:14px;font-weight:600}
.nav-tree-kind[b-1en62s4qve]{flex:0 0 auto;padding:2px 7px;border-radius:999px;background:var(--blue-100);color:var(--blue-700);font-size:11px;font-weight:700;letter-spacing:.04em}
.nav-tree-hidden[b-1en62s4qve]{flex:0 0 auto;color:var(--brown-700);font-size:.68rem;font-weight:700}
.nav-tree-cta[b-1en62s4qve]{flex:0 0 auto;padding:1px 7px;border-radius:999px;background:var(--green-600);color:#fff;font-size:.6rem;font-weight:800}
.nav-tree-row-actions[b-1en62s4qve]{flex:0 0 auto;display:flex;gap:2px;padding-right:6px}
.nav-tree-row-actions button[b-1en62s4qve]{border:0;background:transparent;color:#93a2ac;cursor:pointer;padding:5px;border-radius:7px;font-size:.8rem;transition:background-color .12s ease,color .12s ease}
.nav-tree-row-actions button:hover[b-1en62s4qve]{color:var(--danger);background:var(--danger-bg)}

.nav-tree-children[b-1en62s4qve]{margin-left:16px;padding-left:8px;border-left:2px solid var(--line)}
.nav-tree-children.deep[b-1en62s4qve]{margin-left:12px}
.nav-tree-node.sub .nav-tree-row[b-1en62s4qve]{padding:7px 8px}
.nav-tree-node.sub2 .nav-tree-row[b-1en62s4qve]{padding:6px 8px}

.nav-editor-inspector[b-1en62s4qve]{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:22px 24px;box-shadow:0 1px 3px rgba(15,23,42,.04)}
.nav-editor-inspector h2[b-1en62s4qve]{margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--line);color:var(--navy);font-size:1.05rem}
.nav-editor-inspector label[b-1en62s4qve]{display:block;margin-bottom:14px;color:var(--muted);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;text-align:left}
.nav-editor-inspector input[type="text"][b-1en62s4qve],.nav-editor-inspector input:not([type])[b-1en62s4qve],.nav-editor-inspector input[type="url"][b-1en62s4qve],.nav-editor-inspector textarea[b-1en62s4qve],.nav-editor-inspector select[b-1en62s4qve]{display:block;width:100%;box-sizing:border-box;margin-top:7px;border:1px solid #D7DEEA;border-radius:10px;padding:10px 12px;font:inherit;font-weight:400;font-size:14px;text-align:left;text-transform:none;letter-spacing:normal;color:var(--ink);transition:border-color .15s ease-out,box-shadow .15s ease-out}
.nav-editor-inspector input:focus[b-1en62s4qve],.nav-editor-inspector select:focus[b-1en62s4qve],.nav-editor-inspector textarea:focus[b-1en62s4qve]{outline:2px solid var(--blue-700);outline-offset:2px}
.nav-editor-inspector textarea[b-1en62s4qve]{resize:vertical}
.nav-editor-inspector label>small[b-1en62s4qve]{display:block;margin-top:6px;color:#93a2ac;font-size:.72rem;font-weight:500;text-transform:none;letter-spacing:normal;line-height:1.45}
.nav-editor-row[b-1en62s4qve]{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.nav-check[b-1en62s4qve]{display:flex;align-items:center;gap:8px;text-transform:none!important;font-weight:600!important}
.nav-check input[b-1en62s4qve]{width:auto;margin:0}
.nav-editor-hint[b-1en62s4qve]{color:#85949f;font-size:.8rem}
.nav-editor-hint-warning[b-1en62s4qve]{margin-top:6px;color:var(--orange-700);font-weight:650}
.nav-editor-empty[b-1en62s4qve]{padding:40px 30px;border:1px dashed #D7DEEA;border-radius:12px;text-align:left;color:#85949f}
.nav-editor-empty strong[b-1en62s4qve]{display:block;margin-bottom:6px;color:#4f667b;font-size:.95rem}
.nav-editor-empty p[b-1en62s4qve]{margin:0;font-size:.84rem}

.nav-destination-picker[b-1en62s4qve]{margin-bottom:14px}
.nav-destination-tabs[b-1en62s4qve]{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.nav-destination-tabs button[b-1en62s4qve]{border:1px solid #D7DEEA;border-radius:999px;padding:6px 13px;background:var(--surface);color:var(--muted);font-size:.74rem;font-weight:700;text-align:left;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease}
.nav-destination-tabs button:hover[b-1en62s4qve]{border-color:var(--orange-500);color:var(--navy)}
.nav-destination-tabs button.active[b-1en62s4qve]{background:var(--navy);border-color:var(--navy);color:#fff}
.nav-destination-tabs button:focus-visible[b-1en62s4qve]{outline:2px solid var(--blue-700);outline-offset:2px}
.nav-destination-picker select+select[b-1en62s4qve]{margin-top:8px}

.nav-editor-preview[b-1en62s4qve]{border:1px solid var(--line);border-radius:16px;background:var(--surface-2);overflow:hidden;box-shadow:0 1px 3px rgba(15,23,42,.04)}
.nav-editor-preview-toolbar[b-1en62s4qve]{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--surface)}
.nav-editor-preview-toolbar p[b-1en62s4qve]{margin:0;color:var(--muted);font-size:.8rem;max-width:56ch}
.nav-editor-preview-toolbar-actions[b-1en62s4qve]{display:flex;gap:8px;flex:0 0 auto}
.nav-editor-preview-toolbar button[b-1en62s4qve]{border:1px solid #D7DEEA;border-radius:9px;padding:7px 14px;background:var(--surface);color:var(--muted);font-weight:700;font-size:.8rem;cursor:pointer;transition:background-color .12s ease,color .12s ease}
.nav-editor-preview-toolbar button.active[b-1en62s4qve]{background:var(--navy);border-color:var(--navy);color:#fff}
.nav-editor-preview-toolbar-actions .text-button[b-1en62s4qve]{border:0;padding:7px 10px}
.nav-editor-preview-stage[b-1en62s4qve]{display:flex;justify-content:center;padding:30px;overflow-x:auto}
.nav-editor-preview-stage iframe[b-1en62s4qve]{height:640px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 12px 28px -12px rgba(11,47,82,.18);transition:width .2s ease}

@media (max-width: 900px) {
    .nav-editor-body[b-1en62s4qve] { grid-template-columns: minmax(0, 1fr); }
    .nav-editor-tree[b-1en62s4qve] { max-height: min(50vh, 340px); }
    .nav-editor-guide-grid[b-1en62s4qve] { grid-template-columns: minmax(0, 1fr); }
    .nav-editor-bar[b-1en62s4qve] { display: block; padding: 18px 20px; }
    .nav-editor-actions[b-1en62s4qve] { margin-top: 14px; flex-direction: column; align-items: stretch; gap: 10px; }
    .nav-editor-mode[b-1en62s4qve] { width: 100%; }
    .nav-editor-mode button[b-1en62s4qve] { flex: 1; }
    .nav-editor-actions-buttons[b-1en62s4qve] { width: 100%; gap: 8px; }
    .nav-editor-actions-buttons button[b-1en62s4qve] { flex: 1; padding-left: 10px; padding-right: 10px; white-space: nowrap; }
    .nav-editor-row[b-1en62s4qve] { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 480px) {
    .nav-editor-actions-buttons[b-1en62s4qve] { gap: 6px; }
    .nav-editor-actions-buttons button[b-1en62s4qve] { padding-left: 6px; padding-right: 6px; font-size: .78rem; }
}
/* /Components/Pages/AdministrationNavigationPreview.razor.rz.scp.css */
.nav-preview-shell[b-rygr1mvq6m] {
    padding: 12px clamp(20px, 5vw, 72px);
    background: rgba(255, 255, 255, .92);
    border-bottom: 1px solid #dce1e8;
}
/* /Components/Pages/AdministrationNews.razor.rz.scp.css */
.news-admin[b-kh3bifamh0] { padding: 24px; max-width: 1320px; margin: 0 auto; display: grid; gap: 18px; grid-template-columns: minmax(0, 1fr); }

.news-hero[b-kh3bifamh0] { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 26px 28px; border-radius: 20px; background: linear-gradient(135deg, #0b3060, #0f3d7a); color: white; flex-wrap: wrap; }
.news-hero span[b-kh3bifamh0] { font-size: .69rem; font-weight: 900; letter-spacing: .13em; opacity: .85; }
.news-hero h1[b-kh3bifamh0] { margin: 6px 0; font-size: 1.9rem; }
.news-hero p[b-kh3bifamh0] { margin: 0; opacity: .9; }
.news-hero > div:last-child[b-kh3bifamh0] { display: flex; gap: 10px; align-items: center; }
.news-primary[b-kh3bifamh0] { background: white; color: #0b3060; border: 0; border-radius: 10px; padding: 11px 18px; font-weight: 800; cursor: pointer; transition: transform .15s ease, box-shadow .15s ease; }
.news-primary:hover:not(:disabled)[b-kh3bifamh0] { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(0,0,0,.18); }
.news-primary:disabled[b-kh3bifamh0] { opacity: .6; cursor: default; }
.news-secondary[b-kh3bifamh0] { background: rgba(255,255,255,.14); color: white; border: 1px solid rgba(255,255,255,.4); border-radius: 10px; padding: 10px 16px; font-weight: 700; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; }
.news-secondary:hover[b-kh3bifamh0] { background: rgba(255,255,255,.22); }

.news-panel[b-kh3bifamh0] { padding: 22px; border: 1px solid #dbe5ec; border-radius: 18px; background: white; box-shadow: 0 10px 28px rgba(28, 60, 84, .07); }
.news-panel-head[b-kh3bifamh0] { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin-bottom: 16px; }
.news-panel-head h2[b-kh3bifamh0] { margin: 0; }
.news-panel-head p[b-kh3bifamh0] { margin: 2px 0 0; color: #60758a; font-size: .85rem; }
.news-search[b-kh3bifamh0] { display: flex; align-items: center; gap: 7px; border: 1px solid #cedbe3; border-radius: 10px; padding: 9px 11px; min-width: 280px; }
.news-search input[b-kh3bifamh0] { border: 0; outline: 0; font: inherit; width: 100%; }

.news-filters[b-kh3bifamh0] { display: flex; flex-wrap: wrap; gap: 14px; align-items: end; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #e0e8ed; }
.news-filter-field[b-kh3bifamh0] { display: grid; gap: 5px; font-size: .74rem; font-weight: 700; color: #60758a; }
.news-filter-field input[b-kh3bifamh0], .news-filter-field select[b-kh3bifamh0] { border: 1px solid #cedbe3; border-radius: 9px; padding: 8px 10px; font: inherit; font-size: .85rem; color: #33495a; }

.news-empty[b-kh3bifamh0] { padding: 40px; text-align: center; color: #60758a; border: 1px dashed #cedbe3; border-radius: 14px; }
.news-table-scroll[b-kh3bifamh0] { overflow-x: auto; }
.news-table[b-kh3bifamh0] { width: 100%; min-width: 900px; border-collapse: collapse; }
.news-table th[b-kh3bifamh0], .news-table td[b-kh3bifamh0] { padding: 12px 10px; border-bottom: 1px solid #e0e8ed; text-align: left; vertical-align: middle; }
.news-table th.news-sortable[b-kh3bifamh0] { cursor: pointer; user-select: none; white-space: nowrap; }
.news-table th.news-sortable:hover[b-kh3bifamh0] { color: #0b3060; }
.news-table code[b-kh3bifamh0] { font-size: .78rem; color: #33495a; background: #f1f3f6; padding: 2px 6px; border-radius: 5px; }
.news-pagination[b-kh3bifamh0] { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 18px; padding-top: 4px; }
.news-pagination span[b-kh3bifamh0] { color: #60758a; font-size: .82rem; font-weight: 700; }
.news-pagination button[b-kh3bifamh0] { border: 1px solid #cedbe3; border-radius: 8px; background: white; padding: 8px 14px; font-size: .82rem; font-weight: 700; color: #33495a; cursor: pointer; }
.news-pagination button:hover:not(:disabled)[b-kh3bifamh0] { background: #f4f6f8; }
.news-pagination button:disabled[b-kh3bifamh0] { opacity: .5; cursor: default; }
.news-status[b-kh3bifamh0] { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: .72rem; font-weight: 800; background: #eef1f4; color: #60758a; }
.news-status.published[b-kh3bifamh0] { background: #e4f7ee; color: #0b7a4b; }
.news-row-actions[b-kh3bifamh0] { display: flex; gap: 8px; align-items: center; white-space: nowrap; }
.news-row-actions a[b-kh3bifamh0], .news-row-actions button[b-kh3bifamh0] { border: 1px solid #cedbe3; border-radius: 8px; background: white; padding: 6px 10px; font-size: .8rem; font-weight: 700; cursor: pointer; text-decoration: none; color: #33495a; }
.news-row-actions a:hover[b-kh3bifamh0], .news-row-actions button:hover[b-kh3bifamh0] { background: #f4f6f8; }
.news-row-actions .news-delete[b-kh3bifamh0] { color: #b3261e; border-color: #f2c9c4; }
.news-row-actions .news-delete:hover[b-kh3bifamh0] { background: #fdf1f0; }

.news-editor-head[b-kh3bifamh0] { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.news-back[b-kh3bifamh0] { background: none; border: 0; color: #0b3060; font-weight: 700; cursor: pointer; padding: 0; margin-bottom: 8px; }
.news-editor-head span[b-kh3bifamh0] { display: block; font-size: .69rem; font-weight: 900; letter-spacing: .13em; color: #60758a; }
.news-editor-head h1[b-kh3bifamh0] { margin: 4px 0 0; }
.news-editor-head > div:last-child[b-kh3bifamh0] { display: flex; align-items: center; gap: 10px; }
.news-autosave-status[b-kh3bifamh0] { color: #60758a; font-size: .78rem; font-weight: 700; white-space: nowrap; }
.news-editor-head .news-primary[b-kh3bifamh0] { background: #0b3060; color: white; }
.news-editor-head .news-secondary[b-kh3bifamh0] { background: white; color: #33495a; border: 1px solid #cedbe3; }
.news-editor-head .news-secondary:hover[b-kh3bifamh0] { background: #f4f6f8; }
.news-publish[b-kh3bifamh0], .news-unpublish[b-kh3bifamh0] { border: 0; border-radius: 10px; padding: 11px 18px; font-weight: 800; cursor: pointer; transition: transform .15s ease, box-shadow .15s ease; }
.news-publish:hover:not(:disabled)[b-kh3bifamh0], .news-unpublish:hover:not(:disabled)[b-kh3bifamh0] { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(0,0,0,.18); }
.news-publish:disabled[b-kh3bifamh0], .news-unpublish:disabled[b-kh3bifamh0] { opacity: .6; cursor: default; }
.news-publish[b-kh3bifamh0] { background: #0b7a4b; color: white; }
.news-unpublish[b-kh3bifamh0] { background: #fdf1f0; color: #b3261e; border: 1px solid #f2c9c4; }

.news-editor-grid[b-kh3bifamh0] { display: grid; grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr); gap: 20px; align-items: start; }
.news-editor-main[b-kh3bifamh0], .news-editor-side[b-kh3bifamh0] { padding: 22px; border: 1px solid #dbe5ec; border-radius: 18px; background: white; box-shadow: 0 10px 28px rgba(28, 60, 84, .07); display: grid; gap: 14px; align-content: start; }
.news-editor-main label[b-kh3bifamh0], .news-editor-side label[b-kh3bifamh0] { display: grid; gap: 6px; font-weight: 700; font-size: .82rem; color: #33495a; }
.news-editor-main input[b-kh3bifamh0], .news-editor-main textarea[b-kh3bifamh0], .news-editor-side input[b-kh3bifamh0], .news-editor-side select[b-kh3bifamh0] { border: 1px solid #cedbe3; border-radius: 10px; padding: 10px 12px; font: inherit; width: 100%; box-sizing: border-box; }
.news-required[b-kh3bifamh0] { color: #b3261e; }
.news-field-error[b-kh3bifamh0] { margin: -8px 0 0; color: #b3261e; font-size: .78rem; }
.news-thumbnail-field[b-kh3bifamh0] { display: grid; gap: 9px; }
.news-thumbnail-heading[b-kh3bifamh0] { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; color: #33495a; }
.news-thumbnail-heading > div[b-kh3bifamh0] { display: grid; gap: 2px; }
.news-thumbnail-heading span[b-kh3bifamh0] { font-size: .82rem; font-weight: 700; }
.news-thumbnail-heading small[b-kh3bifamh0] { color: #60758a; font-size: .7rem; font-weight: 500; }
.news-thumbnail-remove[b-kh3bifamh0] { padding: 3px 0; border: 0; background: transparent; color: #b3261e; font-size: .72rem; font-weight: 800; cursor: pointer; }
.news-thumbnail-remove:disabled[b-kh3bifamh0] { opacity: .55; cursor: default; }
.news-thumbnail-preview[b-kh3bifamh0] { overflow: hidden; border: 1px solid #dbe5ec; border-radius: 12px; background: #f7fafb; }
.news-thumbnail-preview img[b-kh3bifamh0] { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: #e7ebf1; }
.news-thumbnail-preview > div[b-kh3bifamh0] { display: grid; gap: 2px; padding: 9px 11px; }
.news-thumbnail-preview strong[b-kh3bifamh0] { overflow: hidden; color: #233d50; font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.news-thumbnail-preview span[b-kh3bifamh0] { color: #60758a; font-size: .68rem; }
.news-thumbnail-dropzone[b-kh3bifamh0] { position: relative; display: grid !important; place-items: center; gap: 3px !important; min-height: 112px; padding: 15px !important; overflow: hidden; border: 2px dashed #b8cbd5; border-radius: 12px; background: #f6faf9; color: #33495a !important; text-align: center; cursor: pointer; transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease; }
.news-thumbnail-dropzone:hover[b-kh3bifamh0], .news-thumbnail-dropzone.dragging[b-kh3bifamh0] { border-color: #0f3d7a; background: #eaf7f4; box-shadow: 0 0 0 3px rgba(15, 61, 122, .1); }
.news-thumbnail-dropzone.uploading[b-kh3bifamh0] { cursor: progress; opacity: .75; }
.news-thumbnail-dropzone[b-kh3bifamh0]  .news-thumbnail-file-input { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; padding: 0; border: 0; opacity: 0; cursor: pointer; }
.news-thumbnail-dropzone.uploading[b-kh3bifamh0]  .news-thumbnail-file-input { cursor: progress; }
.news-thumbnail-upload-icon[b-kh3bifamh0] { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: #dcefeb; color: #0b3060; font-size: 1.2rem; font-weight: 900; }
.news-thumbnail-dropzone strong[b-kh3bifamh0] { font-size: .78rem; }
.news-thumbnail-dropzone small[b-kh3bifamh0] { max-width: 240px; color: #60758a; font-size: .68rem; font-weight: 500; }
.news-thumbnail-error[b-kh3bifamh0], .news-thumbnail-status[b-kh3bifamh0] { margin: 0; padding: 8px 10px; border-radius: 8px; font-size: .7rem; font-weight: 700; }
.news-thumbnail-error[b-kh3bifamh0] { background: #fdf1f0; color: #b3261e; }
.news-thumbnail-status[b-kh3bifamh0] { background: #e4f7ee; color: #0b6b46; }
.news-thumbnail-existing[b-kh3bifamh0] { margin-top: 2px; }
.news-check[b-kh3bifamh0] { flex-direction: row !important; align-items: center; gap: 8px !important; }
.news-check input[b-kh3bifamh0] { width: auto; }
.news-status-field[b-kh3bifamh0] { display: flex; align-items: center; gap: 10px; font-weight: 700; font-size: .82rem; color: #33495a; }
.news-readtime[b-kh3bifamh0] { padding: 12px; border-radius: 10px; background: #f1f3f6; }
.news-readtime strong[b-kh3bifamh0] { display: block; color: #0b3060; font-size: 1.1rem; }
.news-readtime small[b-kh3bifamh0] { color: #60758a; }
.news-code-display[b-kh3bifamh0] { padding: 12px; border-radius: 10px; background: #f7f4ee; }
.news-code-display code[b-kh3bifamh0] { display: block; margin-top: 4px; font-size: .95rem; color: #7a5a00; }

.news-references-field[b-kh3bifamh0] { display: grid; gap: 10px; padding-top: 4px; border-top: 1px solid #e0e8ed; }
.news-references-heading[b-kh3bifamh0] { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.news-references-heading span[b-kh3bifamh0] { font-size: .82rem; font-weight: 700; color: #33495a; }
.news-references-heading small[b-kh3bifamh0] { display: block; color: #60758a; font-size: .7rem; font-weight: 500; }
.news-references-heading button[b-kh3bifamh0] { white-space: nowrap; padding: 8px 12px !important; font-size: .78rem; }
.news-references-empty[b-kh3bifamh0] { margin: 0; padding: 14px; text-align: center; color: #60758a; font-size: .8rem; border: 1px dashed #cedbe3; border-radius: 10px; }
.news-reference-row[b-kh3bifamh0] { display: grid; grid-template-columns: 1.4fr 1fr 1.4fr 1.2fr auto; gap: 8px; align-items: center; }
.news-reference-row input[b-kh3bifamh0] { border: 1px solid #cedbe3; border-radius: 8px; padding: 8px 10px; font: inherit; font-size: .82rem; width: 100%; box-sizing: border-box; }
.news-reference-remove[b-kh3bifamh0] { width: 30px; height: 30px; border: 1px solid #f2c9c4; border-radius: 8px; background: white; color: #b3261e; font-size: 1rem; font-weight: 800; cursor: pointer; line-height: 1; }
.news-reference-remove:hover[b-kh3bifamh0] { background: #fdf1f0; }

.news-tags-field[b-kh3bifamh0] { display: grid; gap: 7px; }
.news-tags-field > span[b-kh3bifamh0] { font-weight: 700; font-size: .82rem; color: #33495a; }
.news-tags-field input[b-kh3bifamh0] { border: 1px solid #cedbe3; border-radius: 10px; padding: 9px 11px; font: inherit; width: 100%; box-sizing: border-box; }
.news-tags-field small[b-kh3bifamh0] { color: #60758a; font-size: .68rem; font-weight: 500; }
.news-tags-list[b-kh3bifamh0] { display: flex; flex-wrap: wrap; gap: 6px; }
.news-tags-list:empty[b-kh3bifamh0] { display: none; }
.news-tag-chip[b-kh3bifamh0] { display: inline-flex; align-items: center; gap: 6px; padding: 4px 6px 4px 10px; border-radius: 999px; background: #dcefeb; color: #0b3060; font-size: .76rem; font-weight: 700; }
.news-tag-chip button[b-kh3bifamh0] { display: grid; place-items: center; width: 16px; height: 16px; border: 0; border-radius: 50%; background: rgba(11, 48, 96, .15); color: #0b3060; font-size: .7rem; line-height: 1; cursor: pointer; }
.news-tag-chip button:hover[b-kh3bifamh0] { background: rgba(11, 48, 96, .28); }
.news-province-grid[b-kh3bifamh0] { display: grid; grid-template-columns: repeat(auto-fill, minmax(46px, 1fr)); gap: 6px; }
.news-province-toggle[b-kh3bifamh0] { padding: 8px 4px; border: 1px solid #cedbe3; border-radius: 8px; background: white; color: #33495a; font-size: .74rem; font-weight: 800; cursor: pointer; }
.news-province-toggle:hover[b-kh3bifamh0] { background: #f4f6f8; }
.news-province-toggle.active[b-kh3bifamh0] { border-color: #0b3060; background: #0b3060; color: white; }

@media (max-width: 900px) {
    .news-editor-grid[b-kh3bifamh0] { grid-template-columns: minmax(0, 1fr); }
    .news-hero[b-kh3bifamh0], .news-panel-head[b-kh3bifamh0], .news-editor-head[b-kh3bifamh0] { flex-direction: column; align-items: flex-start; }
    .news-reference-row[b-kh3bifamh0] { grid-template-columns: minmax(0, 1fr); }
    .news-reference-remove[b-kh3bifamh0] { justify-self: end; }
}

.news-thumbnail-url-import[b-kh3bifamh0] { display: grid; gap: 10px; margin: 16px 0; }
.news-thumbnail-url-import small[b-kh3bifamh0] { font-size: 12px; line-height: 1.6; color: #566b7b; }
.news-thumbnail-url-import button[b-kh3bifamh0] { min-height: 44px; border: 1px solid #cbd8e2; border-radius: 8px; color: #15334b; background: #f3f7fa; padding: 10px 14px; cursor: pointer; }
.news-thumbnail-url-import button:disabled[b-kh3bifamh0] { cursor: default; opacity: .6; }
.news-thumbnail-url-import button:focus-visible[b-kh3bifamh0] { outline: 3px solid #277b78; outline-offset: 3px; }
/* /Components/Pages/AdministrationNewsSeeding.razor.rz.scp.css */
.news-admin[b-d6e9pyanh6] { padding: 24px; max-width: 1320px; margin: 0 auto; display: grid; gap: 18px; grid-template-columns: minmax(0, 1fr); }

.news-hero[b-d6e9pyanh6] { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 26px 28px; border-radius: 20px; background: linear-gradient(135deg, #0b3060, #0f3d7a); color: white; flex-wrap: wrap; }
.news-hero span[b-d6e9pyanh6] { font-size: .69rem; font-weight: 900; letter-spacing: .13em; opacity: .85; }
.news-hero h1[b-d6e9pyanh6] { margin: 6px 0; font-size: 1.9rem; }
.news-hero p[b-d6e9pyanh6] { margin: 0; opacity: .9; }
.news-hero > div:last-child[b-d6e9pyanh6] { display: flex; gap: 10px; align-items: center; }
.news-secondary[b-d6e9pyanh6] { background: rgba(255,255,255,.14); color: white; border: 1px solid rgba(255,255,255,.4); border-radius: 10px; padding: 10px 16px; font-weight: 700; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; }
.news-secondary:hover[b-d6e9pyanh6] { background: rgba(255,255,255,.22); }

.news-panel[b-d6e9pyanh6] { padding: 22px; border: 1px solid #dbe5ec; border-radius: 18px; background: white; box-shadow: 0 10px 28px rgba(28, 60, 84, .07); }
.news-panel-head[b-d6e9pyanh6] { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin-bottom: 18px; }
.news-panel-head h2[b-d6e9pyanh6] { margin: 0; }
.news-panel-head p[b-d6e9pyanh6] { margin: 2px 0 0; color: #60758a; font-size: .85rem; }
.news-status[b-d6e9pyanh6] { display: inline-block; padding: 5px 14px; border-radius: 999px; font-size: .74rem; font-weight: 800; background: #eef1f4; color: #60758a; white-space: nowrap; }
.news-status.published[b-d6e9pyanh6] { background: #e4f7ee; color: #0b7a4b; }

.news-empty[b-d6e9pyanh6] { padding: 40px; text-align: center; color: #60758a; border: 1px dashed #cedbe3; border-radius: 14px; }
.news-empty strong[b-d6e9pyanh6] { display: block; color: #33495a; margin-bottom: 6px; }
.news-table-scroll[b-d6e9pyanh6] { overflow-x: auto; }
.news-table[b-d6e9pyanh6] { width: 100%; min-width: 900px; border-collapse: collapse; }
.news-table th[b-d6e9pyanh6], .news-table td[b-d6e9pyanh6] { padding: 12px 10px; border-bottom: 1px solid #e0e8ed; text-align: left; vertical-align: top; }

.news-publish[b-d6e9pyanh6], .news-unpublish[b-d6e9pyanh6] { border: 0; border-radius: 10px; padding: 12px 18px; font-weight: 800; cursor: pointer; transition: transform .15s ease, box-shadow .15s ease; width: fit-content; }
.news-publish:hover:not(:disabled)[b-d6e9pyanh6], .news-unpublish:hover:not(:disabled)[b-d6e9pyanh6] { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(0,0,0,.18); }
.news-publish:disabled[b-d6e9pyanh6], .news-unpublish:disabled[b-d6e9pyanh6] { opacity: .6; cursor: default; }
.news-publish[b-d6e9pyanh6] { background: #0b7a4b; color: white; }
.news-unpublish[b-d6e9pyanh6] { background: #fdf1f0; color: #b3261e; border: 1px solid #f2c9c4; }
.news-primary[b-d6e9pyanh6] { background: #0b3060; color: white; border: 0; border-radius: 10px; padding: 12px 18px; font-weight: 800; cursor: pointer; }
.news-primary:hover:not(:disabled)[b-d6e9pyanh6] { transform: translateY(-1px); }
.news-primary:disabled[b-d6e9pyanh6] { opacity: .6; cursor: default; }

.seeding-form[b-d6e9pyanh6] { display: grid; gap: 16px; max-width: 560px; grid-template-columns: minmax(0, 1fr); }
.seeding-form label[b-d6e9pyanh6] { display: grid; gap: 6px; font-weight: 700; font-size: .82rem; color: #33495a; }
.seeding-form input[type="number"][b-d6e9pyanh6], .seeding-form input[type="time"][b-d6e9pyanh6], .seeding-form textarea[b-d6e9pyanh6] { border: 1px solid #cedbe3; border-radius: 10px; padding: 10px 12px; font: inherit; width: 100%; box-sizing: border-box; }
.seeding-form textarea[b-d6e9pyanh6] { resize: vertical; min-height: 44px; }
.seeding-form small[b-d6e9pyanh6] { color: #60758a; font-size: .72rem; font-weight: 500; }
.seeding-frequency[b-d6e9pyanh6] { display: flex; align-items: center; gap: 8px; font-weight: 500; color: #33495a; }
.seeding-frequency input[b-d6e9pyanh6] { max-width: 80px; }
.seeding-save[b-d6e9pyanh6] { margin-top: 4px; }
.seeding-note[b-d6e9pyanh6] { margin: 20px 0 0; padding: 14px 16px; border-radius: 10px; background: #fff8e6; border: 1px solid #f0d68a; color: #7a5a00; font-size: .82rem; line-height: 1.5; max-width: 640px; }

.seeding-key .news-secondary[b-d6e9pyanh6] { background: white; color: #33495a; border: 1px solid #cedbe3; }
.seeding-key .news-secondary:hover[b-d6e9pyanh6] { background: #f4f6f8; }

.seeding-key-reveal[b-d6e9pyanh6] { margin-bottom: 16px; padding: 14px 16px; border-radius: 10px; background: #eef1f4; border: 1px solid #cedbe3; display: grid; gap: 8px; }
.seeding-key-reveal strong[b-d6e9pyanh6] { color: #33495a; font-size: .82rem; }
.seeding-key-reveal code[b-d6e9pyanh6] { display: block; padding: 10px 12px; border-radius: 8px; background: #fff; border: 1px solid #cedbe3; font-size: .82rem; word-break: break-all; color: #0b3060; }

.seeding-run-status[b-d6e9pyanh6] { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: .72rem; font-weight: 800; background: #eef1f4; color: #60758a; }
.seeding-run-status.succeeded[b-d6e9pyanh6] { background: #e4f7ee; color: #0b7a4b; }
.seeding-run-status.failed[b-d6e9pyanh6] { background: #fdf1f0; color: #b3261e; }
.seeding-run-status.partialsuccess[b-d6e9pyanh6] { background: #fff8e6; color: #7a5a00; }
.seeding-run-status.skipped[b-d6e9pyanh6] { background: #eef1f4; color: #60758a; }
.seeding-run-status.pendingreview[b-d6e9pyanh6] { background: #fff8e6; color: #7a5a00; }
.seeding-run-status.approved[b-d6e9pyanh6] { background: #e4f7ee; color: #0b7a4b; }
.seeding-run-status.rejected[b-d6e9pyanh6] { background: #fdf1f0; color: #b3261e; }
.seeding-run-status.used[b-d6e9pyanh6] { background: #eef1f4; color: #60758a; }
.seeding-run-article-list[b-d6e9pyanh6] { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.seeding-run-article-list li + li[b-d6e9pyanh6] { padding-top: 10px; border-top: 1px dashed #dbe5ec; }
.seeding-run-article[b-d6e9pyanh6] { display: block; color: #0b3060; font-weight: 700; font-size: .82rem; line-height: 1.35; text-decoration: none; }
.seeding-run-article:hover[b-d6e9pyanh6] { text-decoration: underline; }
.seeding-run-none[b-d6e9pyanh6] { color: #94a5b3; }
.news-table td.seeding-run-detail[b-d6e9pyanh6] { vertical-align: middle; color: #33495a; }

.reference-add-form[b-d6e9pyanh6] { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr auto; gap: 10px; align-items: center; margin-bottom: 18px; }
.reference-add-form input[b-d6e9pyanh6] { border: 1px solid #cedbe3; border-radius: 10px; padding: 10px 12px; font: inherit; width: 100%; box-sizing: border-box; }
.reference-note[b-d6e9pyanh6] { margin-top: 4px; color: #60758a; font-size: .78rem; }
.reference-actions[b-d6e9pyanh6] { display: flex; gap: 8px; white-space: nowrap; }
.reference-actions .news-secondary[b-d6e9pyanh6], .reference-actions .news-unpublish[b-d6e9pyanh6] { padding: 6px 12px; font-size: .78rem; }

@media (max-width: 900px) {
    .reference-add-form[b-d6e9pyanh6] { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 900px) {
    .news-hero[b-d6e9pyanh6], .news-panel-head[b-d6e9pyanh6] { flex-direction: column; align-items: flex-start; }
}
/* /Components/Pages/AdministrationOperationalTools.razor.rz.scp.css */
.tool-admin[b-1hbyrnkgnb]{--navy:#0b2f52;--teal:#168552;--ink:#17344c;--muted:#63798c;--line:#d7e2e9;max-width:1120px;margin:0 auto;padding:28px;color:var(--ink)}.tool-admin header[b-1hbyrnkgnb]{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.tool-admin header span[b-1hbyrnkgnb],.section-head span[b-1hbyrnkgnb]{color:var(--teal);font-size:.69rem;font-weight:900;letter-spacing:.12em}.tool-admin h1[b-1hbyrnkgnb]{margin:4px 0;color:var(--navy);font-size:2rem}.tool-admin header p[b-1hbyrnkgnb]{margin:0;color:var(--muted)}.tool-admin button[b-1hbyrnkgnb]{padding:10px 14px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--navy);font-weight:800}.tool-admin button.primary[b-1hbyrnkgnb]{border-color:var(--navy);background:var(--navy);color:#fff}.tool-admin section[b-1hbyrnkgnb]{margin-bottom:14px;padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff}.section-head[b-1hbyrnkgnb]{padding-bottom:13px;border-bottom:1px solid var(--line)}.section-head h2[b-1hbyrnkgnb]{margin:4px 0 0;color:var(--navy)}.fields[b-1hbyrnkgnb]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.fields label[b-1hbyrnkgnb]{display:grid;gap:5px;color:var(--navy);font-size:.74rem;font-weight:800}.fields .wide[b-1hbyrnkgnb]{grid-column:1/-1}.fields input[b-1hbyrnkgnb],.fields textarea[b-1hbyrnkgnb]{width:100%;box-sizing:border-box;padding:9px 10px;border:1px solid #cad8e1;border-radius:8px;color:var(--ink);font:inherit}.notice[b-1hbyrnkgnb]{margin-top:16px;padding:13px;border-radius:9px;background:#eef2f8;color:#173b6a}.notice p[b-1hbyrnkgnb]{margin:4px 0 0;color:#526278;font-size:.8rem}.actions[b-1hbyrnkgnb]{display:flex;justify-content:flex-end}@media(max-width:650px){.tool-admin[b-1hbyrnkgnb]{padding:18px 11px}.tool-admin header[b-1hbyrnkgnb]{display:grid}.fields[b-1hbyrnkgnb]{grid-template-columns:minmax(0, 1fr)}.fields .wide[b-1hbyrnkgnb]{grid-column:auto}}.fields label.check[b-1hbyrnkgnb]{display:flex;flex-direction:row;align-items:center;gap:8px;font-weight:650}.fields label.check input[type=checkbox][b-1hbyrnkgnb]{width:auto}
/* /Components/Pages/AdministrationPharmacyResources.razor.rz.scp.css */
.pr-admin[b-p7xdjwl9wi] { padding: 24px; max-width: 1320px; margin: 0 auto; display: grid; gap: 18px; grid-template-columns: minmax(0, 1fr); }

.pr-hero[b-p7xdjwl9wi] { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 26px 28px; border-radius: 20px; background: linear-gradient(135deg, #0b3060, #0f3d7a); color: white; flex-wrap: wrap; }
.pr-hero span[b-p7xdjwl9wi] { font-size: .69rem; font-weight: 900; letter-spacing: .13em; opacity: .85; }
.pr-hero h1[b-p7xdjwl9wi] { margin: 6px 0; font-size: 1.9rem; }
.pr-hero p[b-p7xdjwl9wi] { margin: 0; opacity: .9; }
.pr-hero > div:last-child[b-p7xdjwl9wi] { display: flex; gap: 10px; align-items: center; }
.pr-primary[b-p7xdjwl9wi] { background: white; color: #0b3060; border: 0; border-radius: 10px; padding: 11px 18px; font-weight: 800; cursor: pointer; transition: transform .15s ease, box-shadow .15s ease; }
.pr-primary:hover:not(:disabled)[b-p7xdjwl9wi] { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(0,0,0,.18); }
.pr-primary:disabled[b-p7xdjwl9wi] { opacity: .6; cursor: default; }
.pr-secondary[b-p7xdjwl9wi] { background: rgba(255,255,255,.14); color: white; border: 1px solid rgba(255,255,255,.4); border-radius: 10px; padding: 10px 16px; font-weight: 700; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; }
.pr-secondary:hover[b-p7xdjwl9wi] { background: rgba(255,255,255,.22); }

.pr-panel[b-p7xdjwl9wi] { padding: 22px; border: 1px solid #dbe5ec; border-radius: 18px; background: white; box-shadow: 0 10px 28px rgba(28, 60, 84, .07); }
.pr-panel-head[b-p7xdjwl9wi] { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin-bottom: 16px; }
.pr-panel-head h2[b-p7xdjwl9wi] { margin: 0; }
.pr-panel-head p[b-p7xdjwl9wi] { margin: 2px 0 0; color: #60758a; font-size: .85rem; }
.pr-search[b-p7xdjwl9wi] { display: flex; align-items: center; gap: 7px; border: 1px solid #cedbe3; border-radius: 10px; padding: 9px 11px; min-width: 280px; }
.pr-search input[b-p7xdjwl9wi] { border: 0; outline: 0; font: inherit; width: 100%; }

.pr-empty[b-p7xdjwl9wi] { padding: 40px; text-align: center; color: #60758a; border: 1px dashed #cedbe3; border-radius: 14px; }
.pr-table-scroll[b-p7xdjwl9wi] { overflow-x: auto; }
.pr-table[b-p7xdjwl9wi] { width: 100%; min-width: 700px; border-collapse: collapse; }
.pr-table th[b-p7xdjwl9wi], .pr-table td[b-p7xdjwl9wi] { padding: 12px 10px; border-bottom: 1px solid #e0e8ed; text-align: left; vertical-align: middle; }
.pr-table code[b-p7xdjwl9wi] { font-size: .78rem; color: #33495a; background: #f1f3f6; padding: 2px 6px; border-radius: 5px; }
.pr-status[b-p7xdjwl9wi] { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: .72rem; font-weight: 800; background: #e4f7ee; color: #0b7a4b; }
.pr-status.gated[b-p7xdjwl9wi] { background: #fdf1e6; color: #9a5b00; }
.pr-row-actions[b-p7xdjwl9wi] { display: flex; gap: 8px; align-items: center; white-space: nowrap; }
.pr-row-actions a[b-p7xdjwl9wi], .pr-row-actions button[b-p7xdjwl9wi] { border: 1px solid #cedbe3; border-radius: 8px; background: white; padding: 6px 10px; font-size: .8rem; font-weight: 700; cursor: pointer; text-decoration: none; color: #33495a; }
.pr-row-actions a:hover[b-p7xdjwl9wi], .pr-row-actions button:hover[b-p7xdjwl9wi] { background: #f4f6f8; }
.pr-row-actions .pr-delete[b-p7xdjwl9wi] { color: #b3261e; border-color: #f2c9c4; }
.pr-row-actions .pr-delete:hover[b-p7xdjwl9wi] { background: #fdf1f0; }

.pr-editor-head[b-p7xdjwl9wi] { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.pr-back[b-p7xdjwl9wi] { background: none; border: 0; color: #0b3060; font-weight: 700; cursor: pointer; padding: 0; margin-bottom: 8px; }
.pr-editor-head span[b-p7xdjwl9wi] { display: block; font-size: .69rem; font-weight: 900; letter-spacing: .13em; color: #60758a; }
.pr-editor-head h1[b-p7xdjwl9wi] { margin: 4px 0 0; }
.pr-editor-head > div:last-child[b-p7xdjwl9wi] { display: flex; align-items: center; gap: 10px; }
.pr-editor-head .pr-primary[b-p7xdjwl9wi] { background: #0b3060; color: white; }
.pr-editor-head .pr-secondary[b-p7xdjwl9wi] { background: white; color: #33495a; border: 1px solid #cedbe3; }
.pr-editor-head .pr-secondary:hover[b-p7xdjwl9wi] { background: #f4f6f8; }

.pr-editor-grid[b-p7xdjwl9wi] { display: grid; grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr); gap: 20px; align-items: start; }
.pr-editor-main[b-p7xdjwl9wi], .pr-editor-side[b-p7xdjwl9wi] { padding: 22px; border: 1px solid #dbe5ec; border-radius: 18px; background: white; box-shadow: 0 10px 28px rgba(28, 60, 84, .07); display: grid; gap: 14px; align-content: start; }
.pr-editor-main label[b-p7xdjwl9wi], .pr-editor-side label[b-p7xdjwl9wi] { display: grid; gap: 6px; font-weight: 700; font-size: .82rem; color: #33495a; }
.pr-editor-main input[b-p7xdjwl9wi], .pr-editor-side input[b-p7xdjwl9wi], .pr-editor-side select[b-p7xdjwl9wi] { border: 1px solid #cedbe3; border-radius: 10px; padding: 10px 12px; font: inherit; width: 100%; box-sizing: border-box; }

.pr-categories .pr-panel-head[b-p7xdjwl9wi] { margin-bottom: 12px; }
.pr-category-add[b-p7xdjwl9wi] { display: flex; gap: 8px; align-items: center; }
.pr-category-add input[b-p7xdjwl9wi] { border: 1px solid #cedbe3; border-radius: 10px; padding: 9px 12px; font: inherit; min-width: 220px; }
.pr-category-chips[b-p7xdjwl9wi] { display: flex; flex-wrap: wrap; gap: 8px; }
.pr-category-chips > button[b-p7xdjwl9wi] { border: 1px solid #cedbe3; border-radius: 999px; background: white; padding: 7px 14px; font-size: .8rem; font-weight: 700; color: #33495a; cursor: pointer; }
.pr-category-chips > button:hover[b-p7xdjwl9wi] { background: #f4f6f8; }
.pr-category-chips > button.active[b-p7xdjwl9wi] { background: #0b3060; border-color: #0b3060; color: white; }
.pr-category-chip[b-p7xdjwl9wi] { display: inline-flex; align-items: center; border: 1px solid #cedbe3; border-radius: 999px; overflow: hidden; }
.pr-category-chip.active button:first-child[b-p7xdjwl9wi] { background: #0b3060; color: white; }
.pr-category-chip button:first-child[b-p7xdjwl9wi] { border: 0; background: white; padding: 7px 4px 7px 14px; font-size: .8rem; font-weight: 700; color: #33495a; cursor: pointer; }
.pr-category-chip button:first-child:hover[b-p7xdjwl9wi] { background: #f4f6f8; }
.pr-category-chip .pr-chip-delete[b-p7xdjwl9wi] { border: 0; background: transparent; padding: 7px 10px; color: #8a9aa8; cursor: pointer; font-weight: 700; }
.pr-category-chip .pr-chip-delete:hover[b-p7xdjwl9wi] { color: #b3261e; }
.pr-required[b-p7xdjwl9wi] { color: #b3261e; }
.pr-field-error[b-p7xdjwl9wi] { margin: -8px 0 0; color: #b3261e; font-size: .78rem; }
.pr-check[b-p7xdjwl9wi] { flex-direction: row !important; align-items: center; gap: 8px !important; }
.pr-check input[b-p7xdjwl9wi] { width: auto; }
.pr-hint[b-p7xdjwl9wi] { margin: 0; color: #60758a; font-size: .8rem; }

@media (max-width: 900px) {
    .pr-editor-grid[b-p7xdjwl9wi] { grid-template-columns: minmax(0, 1fr); }
    .pr-hero[b-p7xdjwl9wi], .pr-panel-head[b-p7xdjwl9wi], .pr-editor-head[b-p7xdjwl9wi] { flex-direction: column; align-items: flex-start; }
}
/* /Components/Pages/AdministrationPlatformAnalytics.razor.rz.scp.css */
.analytics-page[b-acagbi9bgw]{--navy:var(--blue-900);--navy-deep:#071a30;--line:var(--ink-100);--muted:var(--ink-500);color:var(--ink-900);display:grid;gap:18px; grid-template-columns: minmax(0, 1fr); }

.analytics-header[b-acagbi9bgw]{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:26px 30px;border-radius:18px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-deep) 100%);box-shadow:0 14px 32px -16px rgba(8,33,56,.5)}
.analytics-header span[b-acagbi9bgw]{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.12);color:var(--orange-500);font-size:.68rem;font-weight:900;letter-spacing:.12em}
.analytics-header h1[b-acagbi9bgw]{margin:10px 0 4px;color:#fff;font-size:2rem;font-weight:750;letter-spacing:-.01em}
.analytics-header p[b-acagbi9bgw]{margin:0;color:#c8d6e6;font-size:.86rem;max-width:52ch}
.analytics-header select[b-acagbi9bgw]{min-height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.28);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font-weight:700;font-size:.85rem;cursor:pointer;flex:0 0 auto}
.analytics-header select option[b-acagbi9bgw]{color:var(--ink-900)}
@media(max-width:700px){.analytics-header[b-acagbi9bgw]{display:grid}.analytics-header select[b-acagbi9bgw]{width:100%}}

/* Icon badge + left-aligned label/number pair gives each tile more visual weight
   on a wide desktop screen than a bare label-over-number stack. */
.analytics-metrics[b-acagbi9bgw]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.analytics-metrics article[b-acagbi9bgw]{border:1px solid var(--line);border-top:3px solid var(--blue-600);border-radius:14px;background:#fff;padding:20px 22px;display:flex;align-items:flex-start;gap:14px;box-shadow:0 10px 24px -16px rgba(11,37,69,.16);transition:box-shadow 150ms ease,transform 150ms ease}
.analytics-metrics article:hover[b-acagbi9bgw]{box-shadow:0 14px 30px -14px rgba(11,37,69,.24);transform:translateY(-1px)}
.analytics-metrics article:nth-child(2)[b-acagbi9bgw]{border-top-color:var(--green-600)}
.analytics-metrics article:nth-child(3)[b-acagbi9bgw]{border-top-color:var(--orange-600)}
.analytics-metrics article:nth-child(4)[b-acagbi9bgw]{border-top-color:var(--brown-500)}
.analytics-metric-icon[b-acagbi9bgw]{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:var(--blue-600);background:var(--blue-50)}
.analytics-metrics article:nth-child(2) .analytics-metric-icon[b-acagbi9bgw]{color:var(--green-600);background:var(--green-50)}
.analytics-metrics article:nth-child(3) .analytics-metric-icon[b-acagbi9bgw]{color:var(--orange-600);background:var(--orange-50)}
.analytics-metrics article:nth-child(4) .analytics-metric-icon[b-acagbi9bgw]{color:var(--brown-700);background:var(--brown-100)}
.analytics-metric-body[b-acagbi9bgw]{display:grid;gap:6px;min-width:0;text-align:left; grid-template-columns: minmax(0, 1fr); }
.analytics-metrics span[b-acagbi9bgw]{color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;text-align:left}
.analytics-metrics strong[b-acagbi9bgw]{display:block;color:var(--navy);font-size:1.9rem;font-weight:750;letter-spacing:-.01em;text-align:left}

.analytics-grid[b-acagbi9bgw]{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;align-items:start}
.analytics-card[b-acagbi9bgw]{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 10px 28px -14px rgba(11,37,69,.14)}
.analytics-card-head[b-acagbi9bgw]{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}
.analytics-card-head h2[b-acagbi9bgw]{margin:0;color:var(--navy);font-size:1.02rem;font-weight:750}
.analytics-card-head span[b-acagbi9bgw]{color:var(--muted);font-size:.76rem}

.analytics-days[b-acagbi9bgw]{display:grid;gap:10px;padding:18px 20px}
.analytics-days>div[b-acagbi9bgw]{display:grid;grid-template-columns:58px 1fr 48px;align-items:center;gap:10px}
.analytics-days span[b-acagbi9bgw]{color:var(--muted);font-size:.72rem;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.analytics-days>div>div[b-acagbi9bgw]{height:9px;border-radius:999px;background:var(--blue-50);overflow:hidden}
.analytics-days i[b-acagbi9bgw]{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue-500),var(--blue-700));font-style:normal;transition:width .2s ease}
.analytics-days strong[b-acagbi9bgw]{color:var(--navy);font-size:.78rem;font-weight:700;text-align:right;white-space:nowrap}

.analytics-empty[b-acagbi9bgw]{padding:34px;text-align:center;color:var(--muted);font-size:.85rem}
.analytics-page-row[b-acagbi9bgw]{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 20px;border-bottom:1px solid var(--ink-100);transition:background-color .12s ease}
.analytics-page-row:last-child[b-acagbi9bgw]{border-bottom:0}
.analytics-page-row:hover[b-acagbi9bgw]{background:var(--blue-50)}
/* min-width:0 is required for a flex child to actually shrink and ellipsize --
   without it the row (or the card, via its overflow:hidden) silently clips the
   path instead of showing "…"; title="" adds a native tooltip with the full
   path on hover so a truncated path is never a dead end. */
.analytics-page-row code[b-acagbi9bgw]{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-700);font-family:'SFMono-Regular',Consolas,monospace;font-size:.8rem;cursor:default}
.analytics-page-row strong[b-acagbi9bgw]{flex:0 0 auto;color:var(--navy);font-size:.85rem;font-weight:750}

@media(max-width:900px){.analytics-grid[b-acagbi9bgw]{grid-template-columns:minmax(0, 1fr)}}
/* /Components/Pages/AdministrationSiteSettings.razor.rz.scp.css */
.settings-page[b-yavpgyod4y]{--navy:var(--blue-900);--navy-deep:#071a30;color:var(--ink-700);display:grid;gap:18px; grid-template-columns: minmax(0, 1fr); }
.settings-header[b-yavpgyod4y]{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding:26px 30px;border-radius:18px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-deep) 100%);box-shadow:0 14px 32px -16px rgba(8,33,56,.5)}
.settings-header span[b-yavpgyod4y]{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.12);color:var(--orange-500);font-size:.68rem;font-weight:900;letter-spacing:.12em}
.settings-header h1[b-yavpgyod4y]{margin:10px 0 4px;color:#fff;font-size:2rem;font-weight:750;letter-spacing:-.01em}
.settings-header p[b-yavpgyod4y]{margin:0;color:#c8d6e6;font-size:.86rem}
.settings-secondary[b-yavpgyod4y]{display:inline-flex;align-items:center;min-height:40px;padding:0 18px;border:1px solid rgba(255,255,255,.28);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font-weight:750;text-decoration:none;white-space:nowrap;transition:background-color 150ms ease}
.settings-secondary:hover[b-yavpgyod4y]{background:rgba(255,255,255,.18)}
@media(max-width:650px){.settings-header[b-yavpgyod4y]{display:grid}}
.settings-card[b-yavpgyod4y]{max-width:960px;border:1px solid var(--ink-100);border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(17,24,39,.04),0 8px 20px rgba(17,24,39,.05);overflow:hidden}
.settings-card-head[b-yavpgyod4y]{display:flex;justify-content:space-between;align-items:center;padding:17px 19px;border-bottom:1px solid var(--ink-100)}
.settings-card-head h2[b-yavpgyod4y]{margin:0;color:var(--ink-900);font-size:1.13rem}
.settings-card-head span[b-yavpgyod4y]{color:var(--ink-500);font-size:.72rem}
.settings-form[b-yavpgyod4y]{display:grid;gap:15px;padding:20px}
.settings-form label[b-yavpgyod4y]{display:grid;gap:6px;color:var(--ink-900);font-size:.78rem;font-weight:800}
.settings-form small[b-yavpgyod4y]{color:var(--ink-500);font-weight:500}
.settings-form input[b-yavpgyod4y],.settings-form textarea[b-yavpgyod4y],.settings-form select[b-yavpgyod4y]{width:100%;padding:10px 11px;border:1px solid var(--ink-300);border-radius:8px;background:#fff;color:var(--ink-900);font:inherit;transition:border-color 150ms ease,box-shadow 150ms ease}
.settings-form input:focus[b-yavpgyod4y],.settings-form textarea:focus[b-yavpgyod4y],.settings-form select:focus[b-yavpgyod4y]{outline:none;border-color:var(--blue-600);box-shadow:0 0 0 3px var(--blue-100)}
.settings-form textarea[b-yavpgyod4y]{resize:vertical;line-height:1.5}
.settings-row[b-yavpgyod4y]{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.settings-note[b-yavpgyod4y]{padding:12px;border-left:3px solid var(--brown-500);border-radius:0 8px 8px 0;background:var(--brown-100);color:var(--brown-700);font-size:.8rem}
.settings-actions[b-yavpgyod4y]{display:flex;justify-content:flex-end}
.settings-primary[b-yavpgyod4y]{min-height:40px;padding:0 18px;border:0;border-radius:10px;background:var(--orange-600);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 6px 16px -6px rgba(234,88,12,.55);transition:background-color 150ms ease,transform 150ms ease}
.settings-primary:hover[b-yavpgyod4y]{background:var(--orange-700);transform:translateY(-1px)}
.settings-primary:focus-visible[b-yavpgyod4y]{outline:2px solid var(--blue-600);outline-offset:2px}
.settings-primary:disabled[b-yavpgyod4y]{opacity:.55;transform:none}
@media(max-width:650px){.settings-row[b-yavpgyod4y]{display:grid}.settings-card-head[b-yavpgyod4y]{align-items:flex-start}}

.text-button[b-yavpgyod4y]{border:0;background:transparent;color:var(--blue-700);font-weight:800;font-size:.8rem;cursor:pointer;padding:4px 2px;transition:color 150ms ease}
.text-button:hover[b-yavpgyod4y]{color:var(--blue-900)}
.text-button:focus-visible[b-yavpgyod4y]{outline:2px solid var(--blue-600);outline-offset:2px}

.settings-footer-columns[b-yavpgyod4y]{display:grid;gap:14px;padding-top:6px;border-top:1px solid var(--ink-100)}
.settings-footer-columns-head[b-yavpgyod4y]{display:flex;align-items:center;justify-content:space-between}
.settings-footer-columns-head strong[b-yavpgyod4y]{color:var(--ink-900);font-size:.85rem}

/* Each footer column is a visibly bounded card (not just a same-color-on-same-color
   fill) holding its own set of link-row cards, so the editor reads as an organized
   list of items instead of loose stacked text. */
.settings-footer-column[b-yavpgyod4y]{display:grid;gap:10px;padding:14px;border:1px solid var(--ink-300);border-radius:12px;background:var(--ink-100);box-shadow:0 1px 2px rgba(17,24,39,.03)}
.settings-footer-column-head[b-yavpgyod4y]{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding-bottom:10px;border-bottom:1px solid var(--ink-300)}
.settings-footer-column-title[b-yavpgyod4y]{flex:1 1 160px;min-width:140px;text-align:left}
.settings-footer-order[b-yavpgyod4y]{display:flex;align-items:center;gap:6px;flex:0 0 auto;font-size:.72rem;color:var(--ink-500)}
.settings-footer-order input[b-yavpgyod4y]{width:56px}
.settings-footer-remove[b-yavpgyod4y]{flex:0 0 auto;border:0;background:transparent;color:var(--orange-700);font-weight:750;font-size:.76rem;cursor:pointer;transition:color 150ms ease}
.settings-footer-remove:hover[b-yavpgyod4y]{color:var(--orange-700);text-decoration:underline}

/* Each link is its own white row-card sitting inside the gray column card, so
   label / URL / order / remove read as one bounded, editable item rather than
   bare inputs floating in the column background. Flex-wrap (rather than a single
   hard breakpoint) lets it degrade gracefully across tablet widths, not just
   mobile. */
.settings-footer-link-row[b-yavpgyod4y]{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;border:1px solid var(--ink-300);border-radius:8px;background:#fff}
.settings-footer-link-label[b-yavpgyod4y]{flex:1 1 150px;min-width:130px;text-align:left}
.settings-footer-link-url[b-yavpgyod4y]{flex:2 1 220px;min-width:170px;text-align:left}
input.settings-footer-order[b-yavpgyod4y]{width:56px;flex:0 0 56px}
.settings-footer-link-row button[b-yavpgyod4y]{flex:0 0 auto;width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--ink-500);cursor:pointer;transition:color 150ms ease,background-color 150ms ease}
.settings-footer-link-row button:hover[b-yavpgyod4y]{color:var(--orange-700);background:var(--orange-50)}
@media(max-width:480px){.settings-footer-link-label[b-yavpgyod4y],.settings-footer-link-url[b-yavpgyod4y]{flex-basis:100%}}

.settings-layout[b-yavpgyod4y]{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}
.footer-preview-card[b-yavpgyod4y]{position:sticky;top:78px;border:1px solid var(--ink-100);border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(17,24,39,.04),0 8px 20px rgba(17,24,39,.05);overflow:hidden}
.footer-preview-head[b-yavpgyod4y]{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--ink-100);color:var(--ink-900);font-weight:800}
.footer-preview-live[b-yavpgyod4y]{padding:2px 9px;border-radius:999px;background:var(--blue-100);color:var(--blue-700);font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.footer-preview-note[b-yavpgyod4y]{margin:0;padding:10px 16px;color:var(--ink-500);font-size:.74rem;line-height:1.5;border-bottom:1px solid var(--ink-100);background:var(--ink-100)}
.footer-preview-stage[b-yavpgyod4y]{padding:16px;background:var(--blue-900);color:#e6ecf5;text-align:left}
.fp-brand strong[b-yavpgyod4y]{display:block;color:#fff;font-size:1.05rem}
.fp-brand p[b-yavpgyod4y]{margin:6px 0 0;color:#aebbcc;font-size:.78rem;line-height:1.5}
.fp-contact[b-yavpgyod4y]{display:flex;flex-direction:column;gap:3px;margin-top:10px;color:#aebbcc;font-size:.74rem}
/* auto-fit (rather than a hard-coded 2 columns) so the preview adapts to however
   many footer columns actually exist, and long single-word link labels wrap
   instead of overflowing the narrow preview panel. */
.fp-columns[b-yavpgyod4y]{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:10px 14px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}
.fp-column[b-yavpgyod4y]{display:flex;flex-direction:column;gap:6px;min-width:0}
.fp-column strong[b-yavpgyod4y]{color:#fff;font-size:.78rem}
.fp-column span[b-yavpgyod4y]{color:#aebbcc;font-size:.72rem;overflow-wrap:anywhere}
.fp-bottom[b-yavpgyod4y]{display:flex;flex-direction:column;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);color:#8fa0b8;font-size:.7rem}
.fp-bottom-links[b-yavpgyod4y]{display:flex;gap:10px 12px;flex-wrap:wrap}
.fp-bottom-links em[b-yavpgyod4y]{font-style:normal;color:#c3cede}
@media(max-width:1150px){.settings-layout[b-yavpgyod4y]{grid-template-columns:minmax(0, 1fr)}.footer-preview-card[b-yavpgyod4y]{position:static}}
/* /Components/Pages/AdministrationSiteStudio.razor.rz.scp.css */
.studio-page[b-h5pktbfr3w]{--navy:var(--blue-900);--navy-deep:#071a30;--line:var(--ink-100);--muted:var(--ink-500);--surface:#fff;--surface-2:var(--blue-50);--danger:#dc2626;--danger-bg:#fef1f1;color:var(--ink-900);text-align:left;display:flex;flex-direction:column;gap:18px}

.studio-header[b-h5pktbfr3w]{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:26px 30px;border-radius:18px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-deep) 100%);box-shadow:0 14px 32px -16px rgba(8,33,56,.5)}
.studio-eyebrow[b-h5pktbfr3w]{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.12);color:var(--orange-500);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.studio-header h1[b-h5pktbfr3w]{margin:10px 0 4px;color:#fff;font-size:2rem;font-weight:750;letter-spacing:-.01em}
.studio-header p[b-h5pktbfr3w]{margin:0;color:#c8d6e6;font-size:.86rem;max-width:52ch}
.studio-header-link[b-h5pktbfr3w]{border:1px solid rgba(255,255,255,.28);border-radius:10px;padding:10px 18px;background:rgba(255,255,255,.08);color:#fff;font-weight:700;font-size:.85rem;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .15s ease}
.studio-header-link:hover[b-h5pktbfr3w]{background:rgba(255,255,255,.18)}

.studio-grid[b-h5pktbfr3w]{display:grid;grid-template-columns:minmax(230px,.41fr) minmax(460px,1.59fr);gap:20px}
.studio-panel[b-h5pktbfr3w]{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 10px 28px -14px rgba(11,37,69,.14)}
.studio-panel.studio-list[b-h5pktbfr3w]{background:var(--surface-2)}
.studio-panel.studio-list .studio-panel-head[b-h5pktbfr3w]{background:var(--surface)}
.studio-panel-head[b-h5pktbfr3w]{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:19px 22px;border-bottom:1px solid var(--line)}
.studio-panel-head h2[b-h5pktbfr3w]{margin:0;color:var(--navy);font-size:1.1rem;font-weight:750;text-align:left}
.studio-panel-head p[b-h5pktbfr3w]{margin-top:3px;color:var(--muted);font-size:.78rem;text-align:left}

.studio-primary[b-h5pktbfr3w],.studio-secondary[b-h5pktbfr3w],.studio-delete[b-h5pktbfr3w]{border:0;cursor:pointer;font-weight:750}
.studio-primary[b-h5pktbfr3w],.studio-secondary[b-h5pktbfr3w]{min-height:40px;padding:0 16px;border-radius:10px;font-size:.85rem}
.studio-primary[b-h5pktbfr3w]{background:var(--orange-600);color:#fff;box-shadow:0 6px 16px -6px rgba(234,88,12,.55);transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease}
.studio-primary:hover:not(:disabled)[b-h5pktbfr3w]{background:var(--orange-700);transform:translateY(-1px)}
.studio-secondary[b-h5pktbfr3w]{border:1px solid var(--ink-300);background:#fff;color:var(--ink-700);text-decoration:none;display:inline-flex;align-items:center;transition:border-color .15s ease,color .15s ease,background-color .15s ease}
.studio-secondary:hover:not(:disabled)[b-h5pktbfr3w]{border-color:var(--blue-600);color:var(--blue-700);background:var(--blue-50)}
.studio-primary:disabled[b-h5pktbfr3w],.studio-secondary:disabled[b-h5pktbfr3w]{opacity:.5;cursor:default;transform:none;box-shadow:none}

.studio-empty[b-h5pktbfr3w]{margin:16px;padding:40px 20px;text-align:center;color:var(--muted);font-size:.85rem;border:1px dashed var(--ink-300);border-radius:12px;background:var(--surface)}

.studio-row-list[b-h5pktbfr3w]{display:grid;gap:10px;padding:16px}
.studio-row[b-h5pktbfr3w]{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:14px 16px 14px 20px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 1px 2px rgba(11,37,69,.04);transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease,opacity .12s ease,transform .12s ease}
.studio-row.reorderable[b-h5pktbfr3w]{grid-template-columns:auto minmax(0,1fr) auto auto;padding-left:13px}
.studio-row:hover[b-h5pktbfr3w]{background:var(--blue-50);border-color:var(--blue-100)}
.studio-row.selected[b-h5pktbfr3w]{background:var(--blue-50);border-color:var(--blue-600)}
.studio-row.selected[b-h5pktbfr3w]::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:4px;border-radius:4px;background:var(--blue-600)}
.studio-row.dragging[b-h5pktbfr3w]{opacity:.48;transform:scale(.985)}
.studio-row.drop-target[b-h5pktbfr3w]{border-color:var(--orange-500);box-shadow:0 0 0 3px var(--orange-50)}
.studio-drag-handle[b-h5pktbfr3w]{width:30px;height:34px;display:grid;place-items:center;border-radius:8px;color:var(--ink-500);font-size:1.15rem;line-height:1;cursor:grab;user-select:none;touch-action:none}
.studio-drag-handle:hover[b-h5pktbfr3w]{background:var(--ink-100);color:var(--navy)}
.studio-drag-handle:active[b-h5pktbfr3w]{cursor:grabbing}
.studio-row-main[b-h5pktbfr3w]{display:grid;gap:3px;min-width:0;border:0;background:transparent;text-align:left;cursor:pointer;padding:0}
.studio-row-main strong[b-h5pktbfr3w]{color:var(--navy);font-size:.92rem;font-weight:700;line-height:1.35;overflow-wrap:anywhere;text-align:left}
.studio-row-main span[b-h5pktbfr3w]{color:var(--muted);font-size:.72rem;overflow-wrap:anywhere;text-align:left}

.studio-status[b-h5pktbfr3w]{padding:5px 10px;border-radius:999px;font-size:.65rem;font-weight:800;letter-spacing:.02em;white-space:nowrap}
.studio-status.published[b-h5pktbfr3w]{background:var(--green-100);color:var(--green-700)}
.studio-status.draft[b-h5pktbfr3w]{background:var(--ink-100);color:var(--ink-500)}
.studio-status.live[b-h5pktbfr3w]{background:var(--blue-100);color:var(--blue-700)}

.studio-delete[b-h5pktbfr3w]{width:32px;height:32px;border-radius:9px;background:transparent;color:#b3455a;font-size:1.2rem;line-height:1;transition:background-color .12s ease,color .12s ease}
.studio-delete:hover[b-h5pktbfr3w]{background:var(--danger-bg);color:var(--danger)}

.studio-form[b-h5pktbfr3w]{display:grid;gap:16px;padding:22px}
.studio-form label[b-h5pktbfr3w]{display:grid;gap:7px;color:var(--ink-700);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.studio-form input[b-h5pktbfr3w],.studio-form textarea[b-h5pktbfr3w],.studio-form select[b-h5pktbfr3w]{width:100%;padding:11px 12px;border:1px solid var(--ink-300);border-radius:10px;background:#fff;color:var(--ink-900);font:inherit;font-weight:400;text-transform:none;letter-spacing:normal;transition:border-color .15s ease,box-shadow .15s ease}
.studio-form input:focus[b-h5pktbfr3w],.studio-form textarea:focus[b-h5pktbfr3w],.studio-form select:focus[b-h5pktbfr3w]{outline:none;border-color:var(--blue-600);box-shadow:0 0 0 3px var(--blue-50)}
.studio-form textarea[b-h5pktbfr3w]{resize:vertical;line-height:1.5}
.studio-title-field>span[b-h5pktbfr3w]{display:flex;align-items:center;gap:8px}
.studio-title-field em[b-h5pktbfr3w]{padding:2px 7px;border-radius:999px;background:var(--orange-50);color:var(--orange-700);font-size:.6rem;font-style:normal;letter-spacing:.04em}
.studio-title-field small[b-h5pktbfr3w]{color:var(--muted);font-size:.72rem;font-weight:500;line-height:1.45;text-transform:none;letter-spacing:normal}
.studio-form-row[b-h5pktbfr3w]{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.studio-form-row.compact[b-h5pktbfr3w]{grid-template-columns:180px 1fr;align-items:end}
.studio-publish-row[b-h5pktbfr3w]{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--navy);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.studio-publish-row .studio-check[b-h5pktbfr3w]{min-height:auto}
.studio-form .studio-check[b-h5pktbfr3w]{display:flex;flex-direction:row;align-items:center;gap:8px;min-height:42px;text-transform:none;font-weight:600;font-size:.8rem;color:var(--ink-700)}
.studio-check input[b-h5pktbfr3w]{width:18px;height:18px;accent-color:var(--blue-600)}
.studio-form details[b-h5pktbfr3w]{padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
.studio-form summary[b-h5pktbfr3w]{cursor:pointer;color:var(--navy);font-size:.78rem;font-weight:800;text-transform:none}
.studio-form details label[b-h5pktbfr3w]{margin-top:12px}
.studio-actions[b-h5pktbfr3w]{display:flex;justify-content:flex-end;gap:10px;padding-top:6px;border-top:1px solid var(--ink-100)}

@media(max-width:950px){.studio-grid[b-h5pktbfr3w]{grid-template-columns:minmax(0, 1fr)}.studio-header[b-h5pktbfr3w]{display:grid}}
@media(max-width:600px){.studio-form-row[b-h5pktbfr3w],.studio-form-row.compact[b-h5pktbfr3w]{grid-template-columns:minmax(0, 1fr)}.studio-panel-head[b-h5pktbfr3w]{align-items:flex-start}.studio-header h1[b-h5pktbfr3w]{font-size:1.65rem}.studio-header[b-h5pktbfr3w]{padding:20px}.studio-row-list[b-h5pktbfr3w]{padding:12px;gap:8px}.studio-row[b-h5pktbfr3w]{padding:12px 14px 12px 18px}.studio-form[b-h5pktbfr3w]{padding:16px}}

.studio-color-row[b-h5pktbfr3w]{display:flex;flex-direction:row;gap:10px;align-items:center}
.studio-color-swatch[b-h5pktbfr3w]{width:22px;height:22px;border-radius:7px;border:2px solid #fff;box-shadow:0 0 0 1px var(--ink-300);flex:0 0 auto}
.studio-color-row input[type=color][b-h5pktbfr3w]{width:44px;height:40px;padding:2px;border-radius:9px;flex:0 0 auto;cursor:pointer}
.studio-color-row input[type=text][b-h5pktbfr3w]{flex:1;font-family:'SFMono-Regular',Consolas,monospace;letter-spacing:.03em}

.studio-category-links[b-h5pktbfr3w]{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
.studio-category-links-head[b-h5pktbfr3w]{display:flex;justify-content:space-between;align-items:center}
.studio-category-links-head strong[b-h5pktbfr3w]{color:var(--navy);font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}
.studio-category-links-empty[b-h5pktbfr3w]{margin:4px 0 0;color:var(--brown-700);font-size:.8rem;font-style:italic}
.studio-autosave-status[b-h5pktbfr3w]{display:block;margin-top:4px;color:var(--brown-700);font-size:.78rem;font-weight:700}

.studio-category-link-row[b-h5pktbfr3w]{display:grid;grid-template-columns:1fr 1fr auto auto;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;transition:box-shadow .12s ease}
.studio-category-link-row:focus-within[b-h5pktbfr3w]{box-shadow:0 0 0 3px var(--blue-50)}
.studio-category-link-row input[b-h5pktbfr3w]{margin:0}
.studio-category-link-row .studio-check[b-h5pktbfr3w]{min-height:auto;white-space:nowrap;text-transform:none}
@media(max-width:700px){.studio-category-link-row[b-h5pktbfr3w]{grid-template-columns:minmax(0, 1fr)}}

.studio-hint[b-h5pktbfr3w]{margin:0;padding:12px 16px;color:var(--brown-700);font-size:.78rem;font-weight:600;border-bottom:1px solid var(--ink-100);background:var(--brown-100)}

.studio-mode-toggle[b-h5pktbfr3w]{display:inline-flex;gap:4px;padding:4px;border-radius:11px;background:var(--surface-2);width:fit-content}
.studio-mode-toggle button[b-h5pktbfr3w]{border:0;background:transparent;color:var(--ink-700);border-radius:8px;padding:9px 16px;font-size:.82rem;font-weight:750;cursor:pointer;transition:background-color .12s ease,color .12s ease}
.studio-mode-toggle button:hover[b-h5pktbfr3w]{color:var(--navy)}
.studio-mode-toggle button.active[b-h5pktbfr3w]{background:#fff;color:var(--navy);box-shadow:0 1px 3px rgba(11,37,69,.18)}

.studio-banner-button[b-h5pktbfr3w]{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
.studio-banner-button-head[b-h5pktbfr3w]{display:flex;justify-content:space-between;align-items:center}
.studio-banner-button-head strong[b-h5pktbfr3w]{color:var(--navy);font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}
.studio-banner-button .studio-check[b-h5pktbfr3w]{min-height:auto}

.studio-banner-image[b-h5pktbfr3w]{display:grid;gap:9px}
.studio-banner-image-label[b-h5pktbfr3w]{color:var(--ink-700);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.studio-dropzone[b-h5pktbfr3w]{position:relative;display:grid;justify-items:center;gap:9px;padding:26px 16px;border:2px dashed var(--blue-100);border-radius:14px;background:var(--blue-50);text-align:center;overflow:hidden;transition:border-color .15s ease,background-color .15s ease}
.studio-dropzone:hover[b-h5pktbfr3w]{border-color:var(--orange-500);background:var(--orange-50)}
.studio-dropzone.uploading[b-h5pktbfr3w]{opacity:.7;pointer-events:none}
.studio-dropzone input[type=file][b-h5pktbfr3w]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.studio-dropzone-thumb[b-h5pktbfr3w]{max-width:100%;max-height:130px;border-radius:10px;object-fit:cover;box-shadow:0 8px 20px -10px rgba(11,37,69,.35)}
.studio-dropzone-text[b-h5pktbfr3w]{color:var(--muted);font-size:.8rem;font-weight:650}
.studio-banner-image-existing[b-h5pktbfr3w]{display:grid;gap:6px;color:var(--ink-700);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
/* /Components/Pages/AdministrationStaff.razor.rz.scp.css */
.staff-page-redesign[b-afne61pdmq] { --staff-ink:#19362f; --staff-teal:#0f766e; --staff-muted:#6a7b75; --staff-line:#dce5df; width:100%; max-width:1440px; min-width:0; margin:0 auto; padding:12px 16px 32px; color:var(--staff-ink); }
.staff-hero[b-afne61pdmq] { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:4px 0 8px; }
.staff-hero-text[b-afne61pdmq] { min-width:0; }
.staff-hero-eyebrow[b-afne61pdmq] { color:var(--staff-teal); font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.13em; }
.staff-hero h1[b-afne61pdmq] { margin:9px 0 9px; font-size:32px; line-height:1.12; font-weight:650; letter-spacing:-.035em; color:var(--staff-ink); }
.staff-hero p[b-afne61pdmq] { margin:0; color:var(--staff-muted); font-size:13px; line-height:1.7; }
.staff-primary-action[b-afne61pdmq] { display:inline-flex; align-items:center; justify-content:center; gap:10px; flex:none; min-height:43px; padding:11px 17px; border:1px solid var(--staff-teal); border-radius:6px; background:var(--staff-teal); color:#fff; font:inherit; font-size:12px; font-weight:650; cursor:pointer; box-shadow:0 2px 3px #173e3210; }
.staff-primary-action:hover[b-afne61pdmq] { background:#115e59; }.staff-primary-action:disabled[b-afne61pdmq] { opacity:.55; cursor:wait; }.staff-primary-action>span[b-afne61pdmq] { font-size:19px; line-height:1; font-weight:400; }
.staff-overview[b-afne61pdmq] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.staff-overview>div[b-afne61pdmq] { padding:18px 21px; border:1px solid var(--staff-line); border-radius:7px; background:#fff; }
.staff-overview-label[b-afne61pdmq] { display:flex; align-items:center; gap:7px; color:#5b7266; font-size:11px; font-weight:550; }
.staff-overview strong[b-afne61pdmq] { display:block; margin:11px 0 7px; font-size:28px; font-weight:600; line-height:1; letter-spacing:-.035em; font-variant-numeric:tabular-nums; }
.staff-overview small[b-afne61pdmq] { color:var(--staff-muted); font-size:10px; line-height:1.5; }
.staff-status-dot[b-afne61pdmq] { display:inline-block; width:6px; height:6px; background:#16856b; border-radius:50%; }
.staff-view-tabs[b-afne61pdmq] { display:flex; align-items:center; gap:24px; border-bottom:1px solid var(--staff-line); }
.staff-view-tabs button[b-afne61pdmq] { display:inline-flex; align-items:center; gap:8px; padding:14px 0; border:0; border-bottom:2px solid transparent; background:none; color:#708078; font:inherit; font-size:12px; font-weight:600; cursor:pointer; }
.staff-view-tabs button.active[b-afne61pdmq] { color:var(--staff-teal); border-bottom-color:var(--staff-teal); }.staff-view-tabs button>span[b-afne61pdmq] { padding:2px 6px; border-radius:4px; background:#e9efeb; font-size:10px; font-weight:500; }
.staff-workspace[b-afne61pdmq] { display:grid; grid-template-columns:minmax(0,1fr); gap:22px; align-items:start; min-width:0; }
.staff-workspace.has-detail[b-afne61pdmq] { grid-template-columns:minmax(300px,.85fr) minmax(0,1.35fr); }
.staff-directory[b-afne61pdmq] { min-width:0; border:1px solid var(--staff-line); border-radius:8px; background:#fff; overflow:clip; }
.staff-directory-head[b-afne61pdmq] { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:21px 22px 0; }
.staff-directory-head h2[b-afne61pdmq],.staff-section-head h2[b-afne61pdmq],.staff-editor-head h2[b-afne61pdmq] { margin:0; font-size:17px; font-weight:650; line-height:1.35; letter-spacing:-.02em; color:var(--staff-ink); }
.staff-directory-head p[b-afne61pdmq],.staff-section-head p[b-afne61pdmq],.staff-editor-head p[b-afne61pdmq] { margin:6px 0 0; color:var(--staff-muted); font-size:11px; line-height:1.65; }
.staff-directory-count[b-afne61pdmq] { flex:none; font-size:10px; color:var(--staff-muted); }
.staff-directory-tools[b-afne61pdmq] { display:flex; align-items:flex-end; gap:14px; padding:20px 22px; }
.staff-search[b-afne61pdmq] { flex:1; min-width:0; }.staff-control-label[b-afne61pdmq] { display:block; margin-bottom:7px; color:#5b7065; font-size:10px; font-weight:600; }
.staff-search input[b-afne61pdmq],.staff-status-filter select[b-afne61pdmq] { width:100%; min-width:0; min-height:40px; padding:10px 12px; border:1px solid #cfddd4; border-radius:5px; background:#fff; color:var(--staff-ink); font:inherit; font-size:11px; }
.staff-status-filter[b-afne61pdmq] { width:170px; }.staff-search input[b-afne61pdmq]::placeholder { color:#8a9790; }
.staff-directory-table[b-afne61pdmq] { width:100%; border-collapse:collapse; table-layout:auto; font-size:12px; }
.staff-directory-table th[b-afne61pdmq] { padding:11px 20px; border-top:1px solid var(--staff-line); border-bottom:1px solid var(--staff-line); background:#f5f8f5; color:#6b7d72; text-align:left; font-size:9px; font-weight:650; letter-spacing:.07em; text-transform:uppercase; }
.staff-directory-table td[b-afne61pdmq] { padding:17px 20px; border-bottom:1px solid #edf1ed; vertical-align:middle; }.staff-directory-table tbody tr:last-child td[b-afne61pdmq] { border-bottom:0; }.staff-directory-table tr.selected[b-afne61pdmq] { background:#eff6f1; }.staff-directory-table tbody tr:hover[b-afne61pdmq] { background:#f6f9f6; }
.staff-person[b-afne61pdmq] { display:flex; align-items:center; gap:12px; max-width:100%; padding:0; border:0; background:none; text-align:left; font:inherit; cursor:pointer; color:inherit; }
.staff-avatar[b-afne61pdmq] { flex:none; display:inline-flex; align-items:center; justify-content:center; width:37px; height:37px; border:1px solid #d4e3da; border-radius:9px; background:#eaf2ed; color:#33735d; font-size:11px; font-weight:600; letter-spacing:.02em; }
.staff-person-copy[b-afne61pdmq] { display:flex; flex-direction:column; min-width:0; gap:4px; }.staff-person-copy strong[b-afne61pdmq] { display:flex; align-items:center; flex-wrap:wrap; gap:7px; font-size:12px; font-weight:600; overflow-wrap:anywhere; }.staff-person-copy small[b-afne61pdmq] { font-size:10px; color:var(--staff-muted); overflow-wrap:anywhere; }
.staff-admin-label[b-afne61pdmq] { display:inline-block; padding:2px 5px; border:1px solid #cde0d5; border-radius:4px; color:#46715e; font-size:8px; font-weight:550; }
.staff-role-label[b-afne61pdmq] { font-size:11px; color:#465d51; }.staff-job-title[b-afne61pdmq] { display:block; margin-top:5px; font-size:10px; color:var(--staff-muted); }
.staff-status[b-afne61pdmq] { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; font-size:10px; padding:5px 7px; border-radius:4px; background:#eef5ef; color:#3d7156; }.staff-status i[b-afne61pdmq] { display:inline-block; width:5px; height:5px; border-radius:50%; background:currentColor; }.staff-status.disabled[b-afne61pdmq] { background:#f6eee9; color:#986e57; }
.staff-login-column[b-afne61pdmq] { font-size:10px; color:#50685a; }.staff-login-column small[b-afne61pdmq] { display:block; margin-top:4px; font-size:9px; color:var(--staff-muted); }
.staff-row-action[b-afne61pdmq] { width:40px; }.staff-row-action button[b-afne61pdmq] { display:inline-grid; place-items:center; width:30px; height:32px; padding:0; border:1px solid transparent; border-radius:5px; color:#668373; background:none; font:inherit; font-size:16px; cursor:pointer; }.staff-row-action button:hover[b-afne61pdmq] { border-color:#bed4c5; color:var(--staff-teal); }
.staff-compact-role[b-afne61pdmq] { display:none; color:#657e6e; font-size:10px; }
.has-detail .staff-role-column[b-afne61pdmq],.has-detail .staff-login-column[b-afne61pdmq] { display:none; }.has-detail .staff-compact-role[b-afne61pdmq] { display:block; }.has-detail .staff-directory-tools[b-afne61pdmq] { flex-wrap:wrap; }.has-detail .staff-search[b-afne61pdmq] { flex-basis:100%; }.has-detail .staff-status-filter[b-afne61pdmq] { width:100%; }.has-detail .staff-directory-table td[b-afne61pdmq],.has-detail .staff-directory-table th[b-afne61pdmq] { padding-left:14px; padding-right:14px; }.has-detail .staff-directory-head p[b-afne61pdmq] { max-width:250px; }
.staff-directory-footer[b-afne61pdmq] { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:15px 22px; border-top:1px solid var(--staff-line); color:#8b978f; font-size:10px; }.staff-directory-footer button[b-afne61pdmq] { flex:none; display:inline-flex; gap:10px; border:0; background:none; color:var(--staff-teal); padding:2px 0; font:inherit; font-size:10px; font-weight:550; cursor:pointer; }
.staff-directory-empty[b-afne61pdmq] { padding:38px 22px; text-align:center; border-top:1px solid var(--staff-line); }.staff-directory-empty h3[b-afne61pdmq] { font-size:15px; font-weight:600; margin:0 0 9px; }.staff-directory-empty p[b-afne61pdmq] { font-size:12px; line-height:1.7; margin:0; color:var(--staff-muted); }
.staff-editor[b-afne61pdmq] { min-width:0; }.staff-editor-head[b-afne61pdmq] { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding-bottom:16px; border-bottom:1px solid var(--staff-line); }.staff-editor-head h2[b-afne61pdmq] { scroll-margin-top:100px; margin-top:5px; }.staff-editor-close[b-afne61pdmq] { flex:none; display:grid; place-items:center; width:31px; height:31px; border:1px solid var(--staff-line); border-radius:5px; background:#fff; color:#648172; cursor:pointer; }
.staff-section-eyebrow[b-afne61pdmq] { display:block; margin-bottom:6px; color:var(--staff-teal); font-size:9px; font-weight:650; letter-spacing:.1em; text-transform:uppercase; }
.staff-form-section-title[b-afne61pdmq] { color:#506b5b; font-size:10px; font-weight:650; text-transform:uppercase; letter-spacing:.09em; }
.staff-page-redesign[b-afne61pdmq]  .mud-paper { border:1px solid var(--staff-line); border-radius:7px; box-shadow:none; }
.staff-editor[b-afne61pdmq]  .staff-editor-paper { padding:22px!important; }
.staff-page-redesign[b-afne61pdmq]  .mud-input-outlined { background:#fff; border-radius:5px; }.staff-page-redesign[b-afne61pdmq]  .mud-input-outlined-border { border-color:#cfdbd3; }.staff-page-redesign[b-afne61pdmq]  .mud-input-control { min-width:0; margin-top:0; }.staff-page-redesign[b-afne61pdmq]  .mud-input-label { font-weight:500; }.staff-page-redesign[b-afne61pdmq]  .mud-input { font-size:12px; }.staff-page-redesign[b-afne61pdmq]  .mud-typography-caption { color:var(--staff-muted); line-height:1.6; }
.staff-page-redesign[b-afne61pdmq]  .mud-button { text-transform:none; font-size:11px; letter-spacing:0; font-weight:600; border-radius:5px; }.staff-page-redesign[b-afne61pdmq]  .mud-button-filled-primary { background:var(--staff-teal); box-shadow:none; }.staff-page-redesign[b-afne61pdmq]  .mud-button-filled-primary:hover { background:#115e59; }
.staff-editor[b-afne61pdmq]  .staff-editor-actions { padding-top:18px; border-top:1px solid var(--staff-line); }.staff-editor[b-afne61pdmq]  .mud-simple-table { box-shadow:none; }.staff-editor[b-afne61pdmq]  .mud-simple-table table th { background:#f4f7f3; color:#65786b; font-size:10px; }.staff-editor[b-afne61pdmq]  .mud-simple-table table td { font-size:11px; }
.staff-page-redesign[b-afne61pdmq]  .staff-role-manager { padding:22px!important; background:#fff; }.staff-role-grid[b-afne61pdmq] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:8px 0; }.staff-role-card[b-afne61pdmq] { display:flex; align-items:center; gap:12px; padding:17px 15px; min-height:82px; border:1px solid var(--staff-line); border-radius:6px; color:var(--staff-ink); background:#fff; text-align:left; font:inherit; cursor:pointer; }.staff-role-card:hover[b-afne61pdmq] { border-color:#97bbab; background:#f7faf7; }.staff-role-icon[b-afne61pdmq] { display:grid; place-items:center; flex:none; width:35px; height:35px; border-radius:6px; background:#edf4ee; color:#51806a; font-size:10px; font-weight:600; }.staff-role-body[b-afne61pdmq] { display:flex; min-width:0; flex-direction:column; gap:5px; }.staff-role-body strong[b-afne61pdmq] { font-size:12px; font-weight:600; }.staff-role-body span[b-afne61pdmq] { color:var(--staff-muted); font-size:10px; line-height:1.6; }.staff-role-card.add[b-afne61pdmq] { border-style:dashed; }.staff-role-card.add .staff-role-icon[b-afne61pdmq] { font-size:20px; font-weight:400; }
.staff-file-input[b-afne61pdmq] { display:block; width:100%; max-width:100%; padding:12px; margin-top:8px; border:1px dashed #a9c1b2; border-radius:5px; background:#f6f9f4; color:var(--staff-muted); font-size:11px; }.staff-signature-preview[b-afne61pdmq] { display:block; max-width:100%; max-height:100px; margin-top:10px; padding:5px; border:1px solid var(--staff-line); border-radius:4px; background:#fff; object-fit:contain; }
.staff-sr-only[b-afne61pdmq] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.staff-page-redesign button:focus-visible[b-afne61pdmq],.staff-page-redesign input:focus-visible[b-afne61pdmq],.staff-page-redesign select:focus-visible[b-afne61pdmq] { outline:2px solid var(--staff-teal); outline-offset:3px; }
@media(max-width:1200px){.staff-workspace.has-detail[b-afne61pdmq]{grid-template-columns:minmax(0,1fr)}.has-detail .staff-directory-table td[b-afne61pdmq],.has-detail .staff-directory-table th[b-afne61pdmq]{padding-left:20px;padding-right:20px}.has-detail .staff-directory-tools[b-afne61pdmq]{flex-wrap:nowrap}.has-detail .staff-search[b-afne61pdmq]{flex-basis:auto}.has-detail .staff-status-filter[b-afne61pdmq]{width:170px}.staff-role-grid[b-afne61pdmq]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.staff-page-redesign[b-afne61pdmq]{padding:6px 0 24px}.staff-hero[b-afne61pdmq]{align-items:flex-start;flex-direction:column;gap:17px}.staff-hero h1[b-afne61pdmq]{font-size:29px}.staff-overview[b-afne61pdmq]{gap:8px}.staff-overview>div[b-afne61pdmq]{padding:14px 11px}.staff-overview-label[b-afne61pdmq]{font-size:9px;line-height:1.5;min-height:27px}.staff-overview strong[b-afne61pdmq]{font-size:24px}.staff-overview small[b-afne61pdmq]{font-size:9px}.staff-view-tabs[b-afne61pdmq]{gap:20px}.staff-view-tabs button[b-afne61pdmq]{font-size:11px}.staff-directory-head[b-afne61pdmq]{padding:18px 16px 0}.staff-directory-tools[b-afne61pdmq],.has-detail .staff-directory-tools[b-afne61pdmq]{padding:17px 16px;flex-wrap:wrap}.staff-search[b-afne61pdmq],.has-detail .staff-search[b-afne61pdmq]{flex-basis:100%}.staff-status-filter[b-afne61pdmq],.has-detail .staff-status-filter[b-afne61pdmq]{width:100%}.staff-role-column[b-afne61pdmq],.staff-login-column[b-afne61pdmq]{display:none}.staff-compact-role[b-afne61pdmq]{display:block}.staff-directory-table th[b-afne61pdmq],.staff-directory-table td[b-afne61pdmq],.has-detail .staff-directory-table td[b-afne61pdmq],.has-detail .staff-directory-table th[b-afne61pdmq]{padding:14px 10px}.staff-person[b-afne61pdmq]{gap:9px}.staff-avatar[b-afne61pdmq]{width:31px;height:34px;font-size:9px}.staff-person-copy strong[b-afne61pdmq]{font-size:11px}.staff-person-copy small[b-afne61pdmq]{font-size:9px}.staff-directory-table[b-afne61pdmq]{table-layout:fixed}.staff-directory-table th:first-child[b-afne61pdmq]{width:64%}.staff-directory-table th:nth-child(3)[b-afne61pdmq]{width:26%}.staff-row-action[b-afne61pdmq]{width:10%}.staff-row-action button[b-afne61pdmq]{width:24px;font-size:14px}.staff-status[b-afne61pdmq]{font-size:9px;padding:4px 5px;gap:4px}.staff-directory-footer[b-afne61pdmq]{align-items:flex-start;flex-direction:column;gap:10px;padding:15px 16px}.staff-editor[b-afne61pdmq]  .staff-editor-paper,.staff-page-redesign[b-afne61pdmq]  .staff-role-manager{padding:18px!important}.staff-role-grid[b-afne61pdmq]{grid-template-columns:minmax(0,1fr)}}
/* /Components/Pages/AdministrationStudentRx.razor.rz.scp.css */
.sra-page[b-b4gjqkqm69] {
    --navy: #0b2447;
    --teal: #0f4791;
    --orange: #f28c28;
    --ink: #15263d;
    --muted: #617087;
    max-width: 1480px;
    margin: 0 auto;
    padding: 1.5rem 1.75rem 3rem;
    color: var(--ink);
}
.sra-breadcrumbs[b-b4gjqkqm69] { display: flex; gap: .5rem; align-items: center; margin-bottom: 1rem; color: var(--muted); font-size: .84rem; }
.sra-breadcrumbs a[b-b4gjqkqm69] { color: var(--teal); text-decoration: none; }

/* --- Condensed identity strip (was a tall gradient hero) --- */
.sra-header[b-b4gjqkqm69] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.25rem;
    padding: 1rem 1.4rem;
    color: white;
    border-radius: 14px;
    background: var(--navy);
    box-shadow: 0 10px 24px rgba(11, 36, 71, .16);
}
.sra-header-identity[b-b4gjqkqm69] { display: flex; flex-direction: column; gap: 2px; }
.sra-kicker[b-b4gjqkqm69] { color: #f2a860; font-size: .68rem; font-weight: 800; letter-spacing: .12em; }
.sra-header-title-row[b-b4gjqkqm69] { display: flex; align-items: baseline; gap: .75rem; flex-wrap: wrap; }
.sra-header h1[b-b4gjqkqm69] { margin: 0; font-size: 1.45rem; color: #fff; }
.sra-header p[b-b4gjqkqm69] { margin: 0; color: #a9bad3; font-size: .8rem; }
.sra-header-actions[b-b4gjqkqm69] { display: flex; gap: .6rem; flex-wrap: wrap; flex: none; }
.sra-public-link[b-b4gjqkqm69], .sra-primary[b-b4gjqkqm69] { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; min-height: 38px; border-radius: 9px; padding: .5rem .85rem; font-weight: 700; font-size: .8rem; text-decoration: none; cursor: pointer; }
.sra-public-link[b-b4gjqkqm69] { border: 1px solid #34517a; color: white; background: rgba(255,255,255,.06); }
.sra-primary[b-b4gjqkqm69] { border: 0; color: #fff; background: var(--orange); box-shadow: 0 6px 14px rgba(242,140,40,.28); }
.sra-primary:disabled[b-b4gjqkqm69] { opacity: .65; cursor: wait; }

/* --- Unified stat strip (was 4 disconnected cards) --- */
.sra-stats[b-b4gjqkqm69] {
    display: flex;
    align-items: stretch;
    background: #fff;
    border: 1px solid #dce4ed;
    border-radius: 12px;
    margin: 1rem 0;
}
.sra-stat[b-b4gjqkqm69] { flex: 1; display: flex; align-items: center; gap: .7rem; padding: .7rem 1.2rem; }
.sra-stat + .sra-stat[b-b4gjqkqm69] { border-left: 1px solid #eaeff5; }
.sra-stat-icon[b-b4gjqkqm69] { width: 34px; height: 34px; border-radius: 9px; display: grid; place-items: center; flex: none; background: #eaf1fb; color: var(--navy); }
.sra-stat-icon-published[b-b4gjqkqm69] { background: #dfe9f5; color: #083775; }
.sra-stat-icon-unpublished[b-b4gjqkqm69] { background: #f1f3f6; }
.sra-stat-icon-unpublished[b-b4gjqkqm69]::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #b7c1cf; display: block; }
.sra-stat-icon-sourced[b-b4gjqkqm69] { background: #fdeee0; color: #b85e12; }
.sra-stat strong[b-b4gjqkqm69] { display: block; color: var(--navy); font-size: 1.3rem; }
.sra-stat span[b-b4gjqkqm69] { display: block; color: var(--muted); font-size: .72rem; }

.sra-state[b-b4gjqkqm69] { display: flex; justify-content: center; align-items: center; gap: .8rem; min-height: 300px; }
.sra-workspace[b-b4gjqkqm69] { display: grid; grid-template-columns: minmax(310px, .75fr) minmax(540px, 1.6fr); gap: 1rem; min-height: 690px; align-items: start; }
.sra-list-panel[b-b4gjqkqm69], .sra-editor[b-b4gjqkqm69] { border: 1px solid #dce4ed; border-radius: 12px; background: #fff; box-shadow: 0 8px 24px rgba(25,48,74,.06); overflow: hidden; }
.sra-list-panel[b-b4gjqkqm69] { display: flex; flex-direction: column; height: 690px; }
.sra-list-panel-top[b-b4gjqkqm69] { padding: 1rem 1rem .5rem; display: flex; flex-direction: column; gap: .6rem; border-bottom: 1px solid #eef1f5; }
.sra-search[b-b4gjqkqm69] { display: flex; align-items: center; gap: .55rem; padding: .6rem .75rem; border: 1px solid #dce4ed; border-radius: 9px; background: #fbfcfe; }
.sra-search input[b-b4gjqkqm69] { width: 100%; border: 0; outline: 0; background: transparent; color: var(--ink); font: inherit; }

.sra-status-pills[b-b4gjqkqm69] { display: flex; align-items: center; gap: .4rem; flex-wrap: wrap; }
.sra-status-pills button[b-b4gjqkqm69] { border: 0; border-radius: 999px; padding: .3rem .7rem; font-size: .72rem; font-weight: 700; color: #56657b; background: #f1f3f6; cursor: pointer; }
.sra-status-pills button.active[b-b4gjqkqm69] { background: var(--navy); color: #fff; }

.sra-list-heading[b-b4gjqkqm69] { display: flex; justify-content: space-between; gap: .5rem; color: var(--muted); font-size: .7rem; }
.sra-school-list[b-b4gjqkqm69] { overflow: auto; flex: 1; }
.sra-school[b-b4gjqkqm69] { width: 100%; display: flex; align-items: center; gap: .6rem; padding: .55rem 1rem; text-align: left; border: 0; border-bottom: 1px solid #f2f4f7; border-left: 3px solid transparent; background: white; cursor: pointer; }
.sra-school:hover[b-b4gjqkqm69] { background: #f8fafc; }
.sra-school.selected[b-b4gjqkqm69] { background: #f2f5f8; border-left-color: var(--teal); }
.sra-school-avatar[b-b4gjqkqm69] { width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; flex: none; background: #eaf1fb; color: var(--navy); font-size: .68rem; font-weight: 800; }
.sra-school.selected .sra-school-avatar[b-b4gjqkqm69] { background: #dfe9f5; color: #083775; }
.sra-school-text[b-b4gjqkqm69] { display: flex; flex-direction: column; min-width: 0; flex: 1; gap: 1px; }
.sra-school-title[b-b4gjqkqm69] { color: var(--navy); font-weight: 750; font-size: .82rem; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sra-school-insurer[b-b4gjqkqm69] { color: var(--muted); font-size: .72rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sra-school em[b-b4gjqkqm69] { flex: none; padding: .15rem .45rem; border-radius: 999px; font-style: normal; font-weight: 700; font-size: .66rem; }
.sra-school em.published[b-b4gjqkqm69] { color: #083775; background: #dfe9f5; }
.sra-school em.draft[b-b4gjqkqm69] { color: #8c5b18; background: #fff1d8; }

.sra-editor[b-b4gjqkqm69] { display: flex; flex-direction: column; height: 690px; }
.sra-editor-form[b-b4gjqkqm69] { display: flex; flex-direction: column; height: 100%; min-height: 0; }
.sra-editor-scroll[b-b4gjqkqm69] { flex: 1; min-height: 0; overflow: auto; padding: 1.4rem 1.6rem; display: flex; flex-direction: column; gap: 1.4rem; }
.sra-editor-heading[b-b4gjqkqm69] { display: flex; justify-content: space-between; gap: 1rem; align-items: center; }
.sra-editor-heading > div > span[b-b4gjqkqm69] { color: #083775; font-size: .68rem; font-weight: 800; letter-spacing: .08em; }
.sra-editor-heading h2[b-b4gjqkqm69] { margin: .2rem 0 0; color: var(--navy); font-size: 1.3rem; }
.sra-publish[b-b4gjqkqm69] { display: flex; gap: .6rem; align-items: center; padding: .5rem .7rem; border-radius: 9px; background: #f8fafc; border: 1px solid #eaeff5; }
.sra-publish span[b-b4gjqkqm69] { display: flex; flex-direction: column; }
.sra-publish strong[b-b4gjqkqm69] { color: var(--navy); font-size: .78rem; }
.sra-publish small[b-b4gjqkqm69] { color: var(--muted); font-size: .68rem; }

.sra-section[b-b4gjqkqm69] { display: flex; flex-direction: column; gap: .85rem; }
.sra-section + .sra-section[b-b4gjqkqm69] { border-top: 1px solid #eef1f5; padding-top: 1.4rem; }
.sra-section-label[b-b4gjqkqm69] { color: var(--muted); font-size: .68rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.sra-section label[b-b4gjqkqm69] { display: flex; flex-direction: column; gap: .35rem; color: #384a60; font-size: .79rem; font-weight: 700; }
.sra-section label.wide[b-b4gjqkqm69] { grid-column: 1 / -1; }
.sra-section em[b-b4gjqkqm69] { color: var(--orange); font-style: normal; }
.sra-section input[b-b4gjqkqm69], .sra-section textarea[b-b4gjqkqm69] { width: 100%; border: 1px solid #cbd6e2; border-radius: 8px; padding: .68rem .76rem; color: var(--ink); background: #fbfcfe; font: inherit; font-weight: 500; }
.sra-section input:focus[b-b4gjqkqm69], .sra-section textarea:focus[b-b4gjqkqm69] { outline: 3px solid rgba(15, 71, 145, .13); border-color: var(--teal); }
.sra-form-grid[b-b4gjqkqm69] { display: grid; grid-template-columns: 1fr 1fr; gap: .9rem; }

.sra-editor-footer[b-b4gjqkqm69] { margin-top: auto; display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1rem 1.6rem; background: #f8fafc; border-top: 1px solid #eaeff5; }
.sra-provenance[b-b4gjqkqm69] { display: flex; align-items: center; gap: .6rem; min-width: 0; color: var(--muted); font-size: .74rem; }
.sra-provenance-icon[b-b4gjqkqm69] { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #dfe9f5; color: #083775; flex: none; }
.sra-provenance > div[b-b4gjqkqm69] { display: flex; flex-direction: column; min-width: 0; }
.sra-provenance strong[b-b4gjqkqm69] { color: var(--navy); font-size: .76rem; font-weight: 700; }
.sra-footer-actions[b-b4gjqkqm69] { display: flex; align-items: center; gap: .6rem; flex: none; }
.sra-open-source[b-b4gjqkqm69] { border: 1px solid #dce4ed; color: #56657b; font-size: .76rem; font-weight: 700; padding: .55rem .85rem; border-radius: 9px; background: #fff; text-decoration: none; }

@media (max-width: 1000px) {
    .sra-stats[b-b4gjqkqm69] { flex-wrap: wrap; }
    .sra-stat[b-b4gjqkqm69] { flex: 1 1 50%; }
    .sra-stat + .sra-stat[b-b4gjqkqm69] { border-left: 0; }
    .sra-workspace[b-b4gjqkqm69] { grid-template-columns: minmax(0, 1fr); }
    .sra-list-panel[b-b4gjqkqm69], .sra-editor[b-b4gjqkqm69] { height: auto; }
    .sra-school-list[b-b4gjqkqm69] { max-height: 360px; }
}

@media (max-width: 680px) {
    .sra-page[b-b4gjqkqm69] { padding: 1rem .75rem 2rem; }
    .sra-header[b-b4gjqkqm69] { align-items: stretch; flex-direction: column; }
    .sra-header-actions[b-b4gjqkqm69] { flex-direction: column; }
    .sra-form-grid[b-b4gjqkqm69] { grid-template-columns: minmax(0, 1fr); }
    .sra-editor-footer[b-b4gjqkqm69] { flex-direction: column; align-items: stretch; }
}
/* /Components/Pages/AdministrationUserDetail.razor.rz.scp.css */
.back-link[b-xw4auomzpz]{display:inline-block;margin-bottom:14px;color:#0d438a;font-weight:800;text-decoration:none}.user-detail-tabs[b-xw4auomzpz]{display:flex;gap:6px;margin:20px 0;padding:6px;border:1px solid #dce3ec;border-radius:14px;background:#f8fbfc;width:fit-content}.user-detail-tabs button[b-xw4auomzpz]{border:0;border-radius:10px;padding:10px 16px;background:transparent;color:#4f667b;font-weight:800;font-size:.85rem;cursor:pointer}.user-detail-tabs button.active[b-xw4auomzpz]{background:#0d438a;color:#fff}.user-detail-card[b-xw4auomzpz]{margin-bottom:20px;padding:22px;border:1px solid #d9e0e9;border-radius:17px;background:#fff;box-shadow:0 9px 24px rgba(20,52,75,.07)}.user-detail-card h2[b-xw4auomzpz]{margin:0 0 16px}.user-detail-card dl[b-xw4auomzpz]{display:grid;grid-template-columns:180px 1fr;gap:10px 16px;margin:0}.user-detail-card dt[b-xw4auomzpz]{color:#61768a;font-size:.8rem;font-weight:800}.user-detail-card dd[b-xw4auomzpz]{margin:0;color:#17324d}.manual-enroll-form[b-xw4auomzpz]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:end}.manual-enroll-form label[b-xw4auomzpz]{display:flex;flex-direction:column;gap:6px;color:#4f667b;font-size:.78rem;font-weight:800}.manual-enroll-form input[b-xw4auomzpz],.manual-enroll-form select[b-xw4auomzpz]{width:100%;box-sizing:border-box;border:1px solid #cddae3;border-radius:9px;padding:9px;font:inherit}.manual-enroll-form button[b-xw4auomzpz]{border:0;border-radius:9px;padding:10px 14px;background:#0d438a;color:#fff;font-weight:900;cursor:pointer}.muted[b-xw4auomzpz]{color:#718497}.activity-timeline[b-xw4auomzpz]{list-style:none;margin:0;padding:0;border-left:2px solid #dce3ec}.activity-timeline li[b-xw4auomzpz]{position:relative;margin-bottom:16px;padding-left:20px}.activity-timeline li[b-xw4auomzpz]::before{content:"";position:absolute;left:-6px;top:4px;width:10px;height:10px;border-radius:50%;background:#0d438a}.activity-timeline span[b-xw4auomzpz]{display:block;color:#718497;font-size:.75rem}.activity-timeline strong[b-xw4auomzpz]{color:#17324d}@media(max-width:700px){.manual-enroll-form[b-xw4auomzpz]{grid-template-columns:minmax(0, 1fr)}.user-detail-card dl[b-xw4auomzpz]{grid-template-columns:minmax(0, 1fr)}}
/* /Components/Pages/AdministrationVaccinationCard.razor.rz.scp.css */
.vac-admin[b-wsbrejvjr3]{--navy:var(--blue-900);--navy-deep:#071a30;--line:var(--ink-100);--muted:var(--ink-500);--danger:#dc2626;--danger-bg:#fef1f1;color:var(--ink-900);display:grid;gap:18px; grid-template-columns: minmax(0, 1fr); }

.vac-command[b-wsbrejvjr3]{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:26px 30px;border-radius:18px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-deep) 100%);box-shadow:0 14px 32px -16px rgba(8,33,56,.5)}
.vac-command>div:first-child>span[b-wsbrejvjr3]{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.12);color:var(--orange-500);font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.vac-command h1[b-wsbrejvjr3]{margin:10px 0 4px;color:#fff;font-size:2rem;font-weight:750;letter-spacing:-.01em}
.vac-command p[b-wsbrejvjr3]{margin:0;color:#c8d6e6;font-size:.86rem;max-width:52ch}
.vac-command>div:last-child[b-wsbrejvjr3]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.vac-count[b-wsbrejvjr3]{padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:.76rem;font-weight:700;white-space:nowrap}
.vac-command button[b-wsbrejvjr3]{border:1px solid rgba(255,255,255,.28);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;padding:10px 16px;font-weight:700;font-size:.85rem;cursor:pointer;white-space:nowrap;transition:background-color .15s ease}
.vac-command button:hover:not(:disabled)[b-wsbrejvjr3]{background:rgba(255,255,255,.18)}
.vac-command button.primary[b-wsbrejvjr3]{border-color:transparent;background:var(--orange-600);box-shadow:0 6px 16px -6px rgba(234,88,12,.55);transition:background-color .15s ease,transform .15s ease}
.vac-command button.primary:hover:not(:disabled)[b-wsbrejvjr3]{background:var(--orange-700);transform:translateY(-1px)}
.vac-command button:disabled[b-wsbrejvjr3]{opacity:.55;cursor:default;transform:none}
@media(max-width:1000px){.vac-command[b-wsbrejvjr3]{align-items:flex-start;flex-direction:column}}

.vac-message[b-wsbrejvjr3]{padding:12px 18px;border-radius:12px;background:var(--green-50);color:var(--green-700);font-weight:650;font-size:.85rem;border:1px solid var(--green-100)}
.vac-message.error[b-wsbrejvjr3]{background:var(--danger-bg);color:#a83b30;border-color:#f5c6c2}

.vac-layout[b-wsbrejvjr3]{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px}

.vac-list[b-wsbrejvjr3],.vac-editor[b-wsbrejvjr3]{border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 28px -14px rgba(11,37,69,.14)}
.vac-list[b-wsbrejvjr3]{padding:16px;align-self:start;position:sticky;top:16px}
.vac-list>label[b-wsbrejvjr3]{display:grid;gap:8px;color:var(--ink-700);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}

.vac-list input[b-wsbrejvjr3],.vac-grid input[b-wsbrejvjr3],.vac-grid select[b-wsbrejvjr3],.vac-grid textarea[b-wsbrejvjr3],.vac-state input[b-wsbrejvjr3],.vac-state select[b-wsbrejvjr3],.vac-product-search input[b-wsbrejvjr3],.vac-doses input[b-wsbrejvjr3],.vac-doses select[b-wsbrejvjr3]{width:100%;border:1px solid var(--ink-300);border-radius:10px;padding:10px 12px;background:#fff;color:var(--ink-900);font:inherit;transition:border-color .15s ease,box-shadow .15s ease}
.vac-list input:focus[b-wsbrejvjr3],.vac-grid input:focus[b-wsbrejvjr3],.vac-grid select:focus[b-wsbrejvjr3],.vac-grid textarea:focus[b-wsbrejvjr3],.vac-state input:focus[b-wsbrejvjr3],.vac-state select:focus[b-wsbrejvjr3],.vac-product-search input:focus[b-wsbrejvjr3],.vac-doses input:focus[b-wsbrejvjr3],.vac-doses select:focus[b-wsbrejvjr3]{outline:none;border-color:var(--blue-600);box-shadow:0 0 0 3px var(--blue-50)}

.vac-list-items[b-wsbrejvjr3]{display:grid;gap:8px;margin-top:14px;max-height:75vh;overflow:auto}
.vac-list-items>button[b-wsbrejvjr3]{position:relative;display:grid;grid-template-columns:9px 1fr;gap:10px;overflow:hidden;text-align:left;border:1px solid var(--ink-300);border-radius:10px;background:#fff;padding:11px 12px;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}
.vac-list-items>button:hover[b-wsbrejvjr3]{border-color:var(--blue-100);background:var(--blue-50)}
.vac-list-items>button.selected[b-wsbrejvjr3]{border-color:var(--blue-600);background:var(--blue-50)}
.vac-list-items>button.selected[b-wsbrejvjr3]::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:4px;border-radius:0 4px 4px 0;background:var(--blue-600)}
.vac-list-items button>span:last-child[b-wsbrejvjr3]{display:grid;gap:2px;overflow:hidden}
.vac-list-items strong[b-wsbrejvjr3]{overflow:hidden;color:var(--navy);font-size:.88rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.vac-list-items small[b-wsbrejvjr3],.vac-list-items em[b-wsbrejvjr3]{overflow:hidden;font-size:.72rem;color:var(--muted);font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.status[b-wsbrejvjr3]{width:8px;height:8px;border-radius:50%;background:var(--ink-300);margin-top:5px}
.status.published[b-wsbrejvjr3]{background:var(--green-600)}
.status.clinicalreview[b-wsbrejvjr3]{background:var(--orange-500)}
.status.retired[b-wsbrejvjr3],.status.superseded[b-wsbrejvjr3]{background:var(--ink-500)}

.vac-editor[b-wsbrejvjr3]{padding:22px;display:grid;gap:18px}

.vac-state[b-wsbrejvjr3]{display:flex;align-items:end;gap:16px;padding:16px 18px;background:var(--blue-50);border-radius:12px;flex-wrap:wrap}
.vac-state>div:first-child[b-wsbrejvjr3]{display:grid;gap:2px;margin-right:auto}
.vac-state>div:first-child>span[b-wsbrejvjr3]{color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.vac-state>div:first-child>strong[b-wsbrejvjr3]{color:var(--navy);font-size:1.05rem;font-weight:750}
.vac-state label[b-wsbrejvjr3]{display:grid;gap:6px;font-size:.72rem;font-weight:800;color:var(--ink-700);text-transform:uppercase;letter-spacing:.04em}
.vac-state button[b-wsbrejvjr3]{border:1px solid var(--ink-300);border-radius:10px;background:#fff;color:var(--ink-700);padding:10px 14px;font-weight:700;font-size:.82rem;cursor:pointer;transition:border-color .15s ease,color .15s ease,background-color .15s ease}
.vac-state button:hover[b-wsbrejvjr3]{border-color:var(--blue-600);color:var(--blue-700);background:var(--blue-50)}
.vac-state .danger[b-wsbrejvjr3]{border-color:#f3d4d8;background:var(--danger-bg);color:var(--danger)}
.vac-state .danger:hover[b-wsbrejvjr3]{background:#fce4e4;border-color:#f3d4d8;color:var(--danger)}

.vac-section[b-wsbrejvjr3]{border:1px solid var(--line);border-radius:14px;padding:18px 20px;display:grid;gap:14px}
.vac-section>header[b-wsbrejvjr3]{display:flex;align-items:center;gap:14px}
.vac-section>header>span[b-wsbrejvjr3]{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--blue-100);color:var(--blue-700);font-weight:800;font-size:.85rem;flex:0 0 auto}
.vac-section header div[b-wsbrejvjr3]{margin-right:auto}
.vac-section h2[b-wsbrejvjr3]{margin:0;color:var(--navy);font-size:1.05rem;font-weight:750}
.vac-section p[b-wsbrejvjr3]{margin:.2rem 0 0;color:var(--muted);font-size:.82rem}
.vac-section header button[b-wsbrejvjr3]{border:1px solid var(--ink-300);border-radius:10px;background:#fff;color:var(--ink-700);padding:9px 14px;font-weight:700;font-size:.8rem;cursor:pointer;white-space:nowrap;transition:border-color .15s ease,color .15s ease,background-color .15s ease}
.vac-section header button:hover[b-wsbrejvjr3]{border-color:var(--blue-600);color:var(--blue-700);background:var(--blue-50)}

.vac-grid[b-wsbrejvjr3]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.vac-grid label[b-wsbrejvjr3]{display:grid;gap:6px;font-size:.72rem;font-weight:800;color:var(--ink-700);text-transform:uppercase;letter-spacing:.04em}
.vac-grid .wide[b-wsbrejvjr3]{grid-column:1/-1}
.vac-grid textarea[b-wsbrejvjr3]{min-height:76px;resize:vertical;line-height:1.5}
.vac-grid textarea.large[b-wsbrejvjr3]{min-height:120px}

.vac-doses[b-wsbrejvjr3]{display:grid;gap:10px}
.vac-doses article[b-wsbrejvjr3]{position:relative;display:grid;grid-template-columns:34px 1.2fr 1fr 1fr 1fr 30px;gap:12px;align-items:end;padding:14px;background:var(--blue-50);border-radius:12px;border:1px solid var(--blue-100)}
.vac-doses article>b[b-wsbrejvjr3]{align-self:center;text-align:center;color:var(--navy);font-size:.95rem}
.vac-doses label[b-wsbrejvjr3]{display:grid;gap:4px;min-width:0;overflow:hidden;font-size:.68rem;font-weight:700;color:var(--ink-500);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis}
.vac-dose-pair-row[b-wsbrejvjr3]{display:flex;gap:6px}
.vac-dose-pair-row input[b-wsbrejvjr3]{width:auto;flex:1 1 0;min-width:0}
.vac-dose-pair-row select[b-wsbrejvjr3]{width:4.4rem;flex:0 0 auto}
.vac-doses .icon[b-wsbrejvjr3]{align-self:center;border:0;background:transparent;color:var(--danger);font-size:1.3rem;line-height:1;cursor:pointer;transition:color .12s ease}
.vac-doses .icon:hover[b-wsbrejvjr3]{color:#b91c1c}

.vac-product-search[b-wsbrejvjr3]{display:block}
.vac-products[b-wsbrejvjr3]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:330px;overflow:auto}
.vac-products label[b-wsbrejvjr3]{display:flex;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}
.vac-products label:hover[b-wsbrejvjr3]{border-color:var(--blue-100);background:var(--blue-50)}
.vac-products label.selected[b-wsbrejvjr3]{border-color:var(--blue-600);background:var(--blue-50)}
.vac-products span[b-wsbrejvjr3]{display:grid;gap:2px}
.vac-products strong[b-wsbrejvjr3]{color:var(--navy);font-size:.85rem}
.vac-products small[b-wsbrejvjr3]{font-size:.7rem;color:var(--muted)}

.vac-approval[b-wsbrejvjr3]{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 20px;border:1px solid var(--orange-100);border-radius:14px;background:var(--orange-50)}
.vac-approval.published[b-wsbrejvjr3]{border-color:var(--green-100);background:var(--green-50)}
.vac-approval strong[b-wsbrejvjr3]{color:var(--navy);font-size:.95rem}
.vac-approval p[b-wsbrejvjr3]{max-width:760px;margin:.3rem 0 .6rem;color:var(--ink-700);font-size:.82rem}
.vac-approval ul[b-wsbrejvjr3]{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.vac-approval li[b-wsbrejvjr3]{padding:6px 10px;border-radius:999px;background:var(--orange-100);color:var(--orange-700);font-size:.72rem;font-weight:700}
.vac-approval li[b-wsbrejvjr3]::before{content:"○ "}
.vac-approval li.ready[b-wsbrejvjr3]{background:var(--green-100);color:var(--green-700)}
.vac-approval li.ready[b-wsbrejvjr3]::before{content:"✓ "}
.vac-approval-actions[b-wsbrejvjr3]{display:grid;justify-items:end;gap:8px;min-width:240px}
.vac-approval-actions span[b-wsbrejvjr3]{font-size:.76rem;color:var(--muted);font-weight:600}
.vac-approval-actions button[b-wsbrejvjr3]{border:1px solid var(--ink-300);border-radius:10px;background:#fff;color:var(--ink-700);padding:11px 16px;font-weight:750;font-size:.85rem;cursor:pointer;transition:border-color .15s ease,color .15s ease,background-color .15s ease,transform .15s ease,box-shadow .15s ease}
.vac-approval-actions button:hover:not(:disabled)[b-wsbrejvjr3]{border-color:var(--blue-600);color:var(--blue-700);background:var(--blue-50)}
.vac-approval-actions button.primary[b-wsbrejvjr3]{background:var(--orange-600);border-color:transparent;color:#fff;box-shadow:0 6px 16px -6px rgba(234,88,12,.55)}
.vac-approval-actions button.primary:hover:not(:disabled)[b-wsbrejvjr3]{background:var(--orange-700);color:#fff;transform:translateY(-1px)}
.vac-approval-actions button:disabled[b-wsbrejvjr3]{cursor:not-allowed;opacity:.55;transform:none}

@media(max-width:1000px){.vac-layout[b-wsbrejvjr3]{grid-template-columns:minmax(0, 1fr)}.vac-list[b-wsbrejvjr3]{position:static}.vac-products[b-wsbrejvjr3]{grid-template-columns:repeat(2, minmax(0, 1fr))}.vac-approval[b-wsbrejvjr3]{align-items:stretch;flex-direction:column}.vac-approval-actions[b-wsbrejvjr3]{justify-items:start}}
@media(max-width:860px){.vac-doses article[b-wsbrejvjr3]{grid-template-columns:minmax(0, 1fr);gap:8px;padding:14px 44px 14px 14px}.vac-doses article>b[b-wsbrejvjr3]{justify-self:start;text-align:left}.vac-doses .icon[b-wsbrejvjr3]{position:absolute;top:10px;right:10px}}
@media(max-width:650px){.vac-grid[b-wsbrejvjr3],.vac-products[b-wsbrejvjr3]{grid-template-columns:minmax(0, 1fr)}.vac-state[b-wsbrejvjr3]{align-items:stretch;flex-direction:column}}

@media (max-width: 767px) {
    /* The fixed 4.4rem unit select plus the amount input overflowed the pair by
       11px, clipping the Days/Weeks/Months/Years dropdown. */
    .vac-dose-pair-row[b-wsbrejvjr3] { flex-wrap: wrap; }
    .vac-dose-pair-row input[b-wsbrejvjr3] { flex: 1 1 110px; }
    .vac-dose-pair-row select[b-wsbrejvjr3] { width: auto; flex: 1 1 84px; min-width: 0; }
}
/* /Components/Pages/AuditorHub.razor.rz.scp.css */
.ah-page[b-xglnz7ng7h]{--navy:#0b2f52;--navy-deep:#082138;--teal:#168552;--line:#e4e9f1;--muted:#5d6b82;--ink:#0f172a;--surface:#fff;--surface-2:#f6f8fb;--critical:#dc2626;--high:#ea580c;color:var(--ink);max-width:1200px;margin:0 auto;padding:20px 20px 60px}
.ah-back[b-xglnz7ng7h]{color:var(--muted);text-decoration:none;font-size:13px;font-weight:700}
.ah-back:hover[b-xglnz7ng7h]{color:var(--navy)}

.ah-head[b-xglnz7ng7h]{margin:16px 0 22px;padding:26px 30px;border-radius:20px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-deep) 100%);box-shadow:0 12px 28px -12px rgba(8,33,56,.45)}
.ah-head span[b-xglnz7ng7h]{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#6fe0a6;font-weight:800}
.ah-head h1[b-xglnz7ng7h]{margin:8px 0 6px;color:#fff;font-size:32px;letter-spacing:-.015em}
.ah-head p[b-xglnz7ng7h]{margin:0;color:#cbd8e6;max-width:660px;font-size:14px;line-height:1.6}

.ah-loading[b-xglnz7ng7h]{display:flex;justify-content:center;padding:60px}

.ah-tools[b-xglnz7ng7h]{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:18px}
.ah-tool[b-xglnz7ng7h]{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px 24px 20px;text-decoration:none;color:inherit;box-shadow:0 4px 14px rgba(15,23,42,.05);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.ah-tool:hover[b-xglnz7ng7h]{transform:translateY(-3px);border-color:#c7d3e3;box-shadow:0 18px 34px -16px rgba(15,23,42,.28)}
.ah-tool:focus-visible[b-xglnz7ng7h]{outline:3px solid var(--teal);outline-offset:3px}

.ah-tool-head[b-xglnz7ng7h]{display:flex;align-items:flex-start;gap:14px;margin-bottom:12px}
.ah-glyph[b-xglnz7ng7h]{flex-shrink:0;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:21px;font-weight:800}
.ah-glyph.scans[b-xglnz7ng7h]{background:#e8f1fb;color:var(--navy)}
.ah-glyph.audit[b-xglnz7ng7h]{background:#eaf8f0;color:#137a49}
.ah-tool h2[b-xglnz7ng7h]{margin:0;font-size:18px;color:var(--navy);letter-spacing:-.01em}
.ah-tool-sub[b-xglnz7ng7h]{margin:3px 0 0;color:var(--muted);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.ah-tool-body[b-xglnz7ng7h]{margin:0 0 14px;color:var(--muted);font-size:13.5px;line-height:1.6}

.ah-progress[b-xglnz7ng7h]{margin-bottom:12px}
.ah-progress-head[b-xglnz7ng7h]{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px;font-size:12.5px}
.ah-progress-head span[b-xglnz7ng7h]{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ah-progress-head strong[b-xglnz7ng7h]{color:var(--navy);font-size:12px;white-space:nowrap}
.ah-progress-track[b-xglnz7ng7h]{height:8px;border-radius:999px;background:#e8edf4;overflow:hidden}
.ah-progress-fill[b-xglnz7ng7h]{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--teal),#3876c6);transition:width .3s ease}

.ah-stats[b-xglnz7ng7h]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.ah-stats>div[b-xglnz7ng7h]{background:var(--surface-2);border:1px solid var(--line);border-radius:11px;padding:11px 10px;text-align:center}
.ah-stats strong[b-xglnz7ng7h]{display:block;font-size:20px;font-weight:800;color:var(--navy);font-variant-numeric:tabular-nums;line-height:1.15}
.ah-stats span[b-xglnz7ng7h]{display:block;color:var(--muted);font-size:10px;margin-top:3px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.ah-stats .critical strong[b-xglnz7ng7h]{color:var(--critical)}
.ah-stats .critical[b-xglnz7ng7h]{background:#fef1f1;border-color:#fbd5d5}
.ah-stats .high strong[b-xglnz7ng7h]{color:var(--high)}
.ah-stats .high[b-xglnz7ng7h]{background:#fff4ec;border-color:#fcd9c2}

.ah-tool-foot[b-xglnz7ng7h]{margin:0 0 14px;color:var(--muted);font-size:12px}
.ah-tool-foot.muted[b-xglnz7ng7h]{color:#94a3b8;font-style:italic}
.ah-cta[b-xglnz7ng7h]{margin-top:auto;color:var(--teal);font-weight:800;font-size:13.5px}
.ah-tool:hover .ah-cta[b-xglnz7ng7h]{color:#137a49}

.ah-roadmap[b-xglnz7ng7h]{margin:20px 2px 0;color:var(--muted);font-size:12.5px;line-height:1.6}

@media(max-width:650px){.ah-head[b-xglnz7ng7h]{padding:22px 20px}.ah-head h1[b-xglnz7ng7h]{font-size:26px}.ah-tools[b-xglnz7ng7h]{grid-template-columns:minmax(0, 1fr)}}
/* /Components/Pages/AuditRiskDashboard.razor.rz.scp.css */
.ar-page[b-4c1g97s4vl]{--navy:#0b2f52;--navy-deep:#082138;--teal:#168552;--teal-light:#eaf8f0;--line:#e4e9f1;--muted:#5d6b82;--ink:#0f172a;--surface:#fff;--surface-2:#f6f8fb;--critical:#dc2626;--critical-bg:#fef1f1;--high:#ea580c;--high-bg:#fff4ec;--medium:#d97706;--medium-bg:#fef9ec;--low:#16a34a;--low-bg:#eefbf3;color:var(--ink);max-width:1200px;margin:0 auto;padding:20px 20px 60px}
.ar-back[b-4c1g97s4vl]{color:var(--muted);text-decoration:none;font-size:13px;font-weight:700}
.ar-back:hover[b-4c1g97s4vl]{color:var(--navy)}

.ar-head[b-4c1g97s4vl]{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:16px 0 20px;padding:24px 28px;border-radius:20px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-deep) 100%);box-shadow:0 12px 28px -12px rgba(8,33,56,.45)}
.ar-head span[b-4c1g97s4vl]{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#6fe0a6;font-weight:800}
.ar-head h1[b-4c1g97s4vl]{margin:8px 0 6px;color:#fff;font-size:30px;letter-spacing:-.01em}
.ar-head p[b-4c1g97s4vl]{margin:0;color:#cbd8e6;max-width:640px;font-size:13.5px;line-height:1.55}
.ar-head-actions[b-4c1g97s4vl]{display:flex;gap:8px;flex-shrink:0}
.ar-btn[b-4c1g97s4vl]{min-height:42px;padding:0 16px;border:1px solid rgba(255,255,255,.25);border-radius:11px;background:rgba(255,255,255,.08);color:#fff;font-weight:700;font-size:13.5px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}
.ar-btn:hover:not(:disabled)[b-4c1g97s4vl]{background:rgba(255,255,255,.16);transform:translateY(-1px)}
.ar-btn.primary[b-4c1g97s4vl]{background:var(--teal);color:#041121;border-color:var(--teal)}
.ar-btn.primary:hover:not(:disabled)[b-4c1g97s4vl]{background:#1258b3;box-shadow:0 6px 16px -6px rgba(15, 77, 159, .6)}
.ar-btn:disabled[b-4c1g97s4vl]{opacity:.55;cursor:default;transform:none}

.ar-guide[b-4c1g97s4vl]{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 18px;margin-bottom:18px;box-shadow:0 1px 3px rgba(15,23,42,.04)}
.ar-guide summary[b-4c1g97s4vl]{cursor:pointer;font-weight:800;color:var(--navy);list-style:none;display:flex;align-items:center;gap:8px}
.ar-guide summary[b-4c1g97s4vl]::before{content:"›";display:inline-block;transition:transform .15s ease;color:var(--teal);font-size:18px;font-weight:900}
.ar-guide[open] summary[b-4c1g97s4vl]::before{transform:rotate(90deg)}
.ar-guide-grid[b-4c1g97s4vl]{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}
.ar-guide-grid>div[b-4c1g97s4vl]{padding:12px 14px;background:var(--surface-2);border-radius:12px;border:1px solid var(--line)}
.ar-guide-grid strong[b-4c1g97s4vl]{display:block;color:var(--navy);font-size:13px;margin-bottom:4px}
.ar-guide-grid p[b-4c1g97s4vl]{margin:0;color:var(--muted);font-size:13px;line-height:1.55}

.ar-kpis[b-4c1g97s4vl]{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:14px}
.ar-kpis article[b-4c1g97s4vl],.ar-kpis button[b-4c1g97s4vl]{all:unset;box-sizing:border-box;background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--line);border-radius:14px;padding:16px 14px;box-shadow:0 4px 12px rgba(15,23,42,.05);text-align:center;display:block;width:100%}
.ar-kpis button[b-4c1g97s4vl]{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.ar-kpis button:hover[b-4c1g97s4vl]{transform:translateY(-2px);box-shadow:0 10px 22px -8px rgba(15,23,42,.18)}
.ar-kpis button.active[b-4c1g97s4vl]{box-shadow:0 0 0 2px var(--navy) inset,0 10px 22px -8px rgba(15,23,42,.18)}
.ar-kpis article strong[b-4c1g97s4vl],.ar-kpis button strong[b-4c1g97s4vl]{display:block;font-size:28px;font-weight:800;color:var(--navy);font-variant-numeric:tabular-nums}
.ar-kpis article span[b-4c1g97s4vl],.ar-kpis button span[b-4c1g97s4vl]{display:block;color:var(--muted);font-size:11px;margin-top:4px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.ar-kpis .critical[b-4c1g97s4vl]{border-top-color:var(--critical)}
.ar-kpis .critical strong[b-4c1g97s4vl]{color:var(--critical)}
.ar-kpis .critical:hover[b-4c1g97s4vl],.ar-kpis .critical.active[b-4c1g97s4vl]{background:var(--critical-bg)}
.ar-kpis .high[b-4c1g97s4vl]{border-top-color:var(--high)}
.ar-kpis .high strong[b-4c1g97s4vl]{color:var(--high)}
.ar-kpis .high:hover[b-4c1g97s4vl],.ar-kpis .high.active[b-4c1g97s4vl]{background:var(--high-bg)}
.ar-kpis .medium[b-4c1g97s4vl]{border-top-color:var(--medium)}
.ar-kpis .medium strong[b-4c1g97s4vl]{color:var(--medium)}
.ar-kpis .medium:hover[b-4c1g97s4vl],.ar-kpis .medium.active[b-4c1g97s4vl]{background:var(--medium-bg)}
.ar-kpis .low[b-4c1g97s4vl]{border-top-color:var(--low)}
.ar-kpis .low strong[b-4c1g97s4vl]{color:var(--low)}
.ar-kpis .low:hover[b-4c1g97s4vl],.ar-kpis .low.active[b-4c1g97s4vl]{background:var(--low-bg)}
.ar-kpis .total.active[b-4c1g97s4vl]{border-top-color:var(--navy);background:var(--surface-2)}
.ar-kpis article.static[b-4c1g97s4vl]{cursor:default}
.ar-kpis article.static:hover[b-4c1g97s4vl]{transform:none;box-shadow:0 4px 12px rgba(15,23,42,.05)}

.ar-scan-status[b-4c1g97s4vl]{color:var(--muted);font-size:13px;margin-bottom:16px;display:flex;align-items:center;gap:8px}
.ar-scan-status p[b-4c1g97s4vl]{margin:0}

.ar-filters[b-4c1g97s4vl]{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:0 1px 3px rgba(15,23,42,.04)}
.ar-filters select[b-4c1g97s4vl]{border:1px solid #d7deea;border-radius:9px;padding:9px 12px;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%235d6b82'/%3E%3C/svg%3E") no-repeat right 12px center;appearance:none;-webkit-appearance:none;min-width:170px;font-size:13.5px;color:var(--ink);font-weight:600;cursor:pointer;transition:border-color .15s ease}
.ar-filters select:hover[b-4c1g97s4vl],.ar-filters select:focus[b-4c1g97s4vl]{border-color:var(--teal);outline:none}
.ar-filters .ar-search[b-4c1g97s4vl]{border:1px solid #d7deea;border-radius:9px;padding:9px 12px;font-size:13.5px;color:var(--ink);min-width:220px;flex:1 1 220px;transition:border-color .15s ease}
.ar-filters .ar-search:hover[b-4c1g97s4vl],.ar-filters .ar-search:focus[b-4c1g97s4vl]{border-color:var(--teal);outline:none}
.ar-filters .ar-search[b-4c1g97s4vl]::-webkit-search-cancel-button{cursor:pointer}

.ar-empty[b-4c1g97s4vl]{background:var(--surface);border:1px dashed var(--line);border-radius:16px;padding:48px;text-align:center;color:var(--muted);font-size:14px}
.ar-findings[b-4c1g97s4vl]{display:grid;gap:9px}
.ar-finding-row[b-4c1g97s4vl]{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:13px;padding:15px 18px;text-decoration:none;color:inherit;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}
.ar-finding-row:hover[b-4c1g97s4vl]{border-left-color:var(--teal);transform:translateX(2px);box-shadow:0 8px 20px -10px rgba(15,23,42,.2)}
.ar-finding-row:has(.ar-pill.critical)[b-4c1g97s4vl]{border-left-color:var(--critical)}
.ar-finding-row:has(.ar-pill.high)[b-4c1g97s4vl]{border-left-color:var(--high)}
.ar-finding-row:has(.ar-pill.medium)[b-4c1g97s4vl]{border-left-color:var(--medium)}
.ar-finding-row:has(.ar-pill.low)[b-4c1g97s4vl]{border-left-color:var(--low)}
.ar-pill[b-4c1g97s4vl]{font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;padding:5px 11px;border-radius:999px;color:#fff;white-space:nowrap}
.ar-pill.critical[b-4c1g97s4vl]{background:var(--critical)}
.ar-pill.high[b-4c1g97s4vl]{background:var(--high)}
.ar-pill.medium[b-4c1g97s4vl]{background:var(--medium)}
.ar-pill.low[b-4c1g97s4vl]{background:var(--low)}
.ar-finding-body strong[b-4c1g97s4vl]{display:block;color:var(--navy);font-size:14.5px}
.ar-finding-body p[b-4c1g97s4vl]{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.45}
.ar-finding-meta[b-4c1g97s4vl]{display:flex;flex-direction:column;gap:3px;text-align:right;font-size:11.5px;color:var(--muted);white-space:nowrap}
.ar-overdue[b-4c1g97s4vl]{color:var(--critical);font-weight:800}
.ar-pagination[b-4c1g97s4vl]{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:18px;color:var(--muted);font-size:13px}

@media(max-width:900px){.ar-kpis[b-4c1g97s4vl]{grid-template-columns:repeat(3, minmax(0, 1fr))}.ar-guide-grid[b-4c1g97s4vl]{grid-template-columns:minmax(0, 1fr)}}
@media(max-width:650px){.ar-head[b-4c1g97s4vl]{display:block}.ar-head-actions[b-4c1g97s4vl]{margin-top:14px;flex-wrap:wrap}.ar-kpis[b-4c1g97s4vl]{grid-template-columns:repeat(2, minmax(0, 1fr))}.ar-finding-row[b-4c1g97s4vl]{grid-template-columns:minmax(0, 1fr);text-align:left}.ar-finding-meta[b-4c1g97s4vl]{text-align:left;flex-direction:row;flex-wrap:wrap}}
/* /Components/Pages/AuditRiskFindingDetail.razor.rz.scp.css */
.arf-page[b-2vaq9i1waz]{--navy:#0b2f52;--navy-deep:#082138;--teal:#168552;--line:#e4e9f1;--muted:#5d6b82;--ink:#0f172a;--surface:#fff;--surface-2:#f6f8fb;--critical:#dc2626;--high:#ea580c;--medium:#d97706;--low:#16a34a;color:var(--ink);max-width:1100px;margin:0 auto;padding:20px 20px 60px}
.arf-back[b-2vaq9i1waz]{color:var(--muted);text-decoration:none;font-size:13px;font-weight:700}
.arf-back:hover[b-2vaq9i1waz]{color:var(--navy)}

.arf-head[b-2vaq9i1waz]{display:flex;gap:16px;align-items:center;margin:16px 0 20px;padding:20px 24px;border-radius:18px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-deep) 100%);box-shadow:0 12px 28px -14px rgba(8,33,56,.45)}
.arf-head h1[b-2vaq9i1waz]{margin:0 0 5px;color:#fff;font-size:22px;letter-spacing:-.01em}
.arf-head p[b-2vaq9i1waz]{margin:0;color:#cbd8e6;font-size:13.5px}
.arf-status[b-2vaq9i1waz]{margin-left:auto;font-weight:800;color:#fff;white-space:nowrap;display:flex;align-items:center;gap:10px}
.arf-head .ar-btn[b-2vaq9i1waz]{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.28)}
.arf-head .ar-btn:hover:not(:disabled)[b-2vaq9i1waz]{background:rgba(255,255,255,.18)}
.ar-pill[b-2vaq9i1waz]{font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;padding:5px 12px;border-radius:999px;color:#fff;white-space:nowrap}
.ar-pill.critical[b-2vaq9i1waz]{background:var(--critical)}
.ar-pill.high[b-2vaq9i1waz]{background:var(--high)}
.ar-pill.medium[b-2vaq9i1waz]{background:var(--medium)}
.ar-pill.low[b-2vaq9i1waz]{background:var(--low)}

.arf-guidance[b-2vaq9i1waz]{background:linear-gradient(135deg,#eef3fa,#eef6ff);border:1px solid #bfd1e8;border-radius:16px;padding:18px 20px;margin-bottom:18px;box-shadow:0 1px 3px rgba(15,23,42,.04)}
.arf-guidance h2[b-2vaq9i1waz]{margin:0 0 10px;color:var(--navy);font-size:14.5px;display:flex;align-items:center;gap:8px}
.arf-guidance h2[b-2vaq9i1waz]::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--teal);display:inline-block;box-shadow:0 0 0 4px rgba(15, 77, 159, .15)}
.arf-guidance p[b-2vaq9i1waz]{margin:0 0 10px;font-size:13.5px;line-height:1.6;color:var(--ink)}
.arf-guidance p:last-child[b-2vaq9i1waz]{margin-bottom:0}

.arf-assign[b-2vaq9i1waz]{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 20px;margin-bottom:18px;box-shadow:0 1px 3px rgba(15,23,42,.04)}
.arf-assign label[b-2vaq9i1waz]{display:grid;gap:6px;font-size:11.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}
.arf-assign input[b-2vaq9i1waz]{border:1px solid #d7deea;border-radius:9px;padding:9px 11px;font-family:inherit;min-width:220px;font-size:13.5px;transition:border-color .15s ease}
.arf-assign input:focus[b-2vaq9i1waz]{border-color:var(--teal);outline:none}

.arf-grid[b-2vaq9i1waz]{display:grid;grid-template-columns:1.1fr 1fr;gap:18px}
.arf-panel[b-2vaq9i1waz]{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 1px 3px rgba(15,23,42,.04)}
.arf-panel h2[b-2vaq9i1waz]{margin:0 0 14px;color:var(--navy);font-size:16px}
.arf-panel h3[b-2vaq9i1waz]{margin:20px 0 10px;color:var(--navy);font-size:12.5px;text-transform:uppercase;letter-spacing:.07em;font-weight:800;border-bottom:1px solid var(--line);padding-bottom:8px}
.arf-details[b-2vaq9i1waz]{display:grid;grid-template-columns:auto 1fr;gap:7px 16px;margin:0;background:var(--surface-2);border-radius:12px;padding:14px 16px}
.arf-details dt[b-2vaq9i1waz]{color:var(--muted);font-size:12px;font-weight:700}
.arf-details dd[b-2vaq9i1waz]{margin:0;font-size:13px;font-variant-numeric:tabular-nums}
.arf-drilldown[b-2vaq9i1waz]{display:inline-flex;align-items:center;gap:6px;margin:14px 0 4px;font-size:13px;font-weight:800;color:var(--teal);text-decoration:none;transition:gap .15s ease}
.arf-drilldown:hover[b-2vaq9i1waz]{gap:9px;text-decoration:underline}
.arf-review-hint[b-2vaq9i1waz]{color:var(--muted);font-size:13px;line-height:1.55;margin-bottom:14px}
.arf-panel label[b-2vaq9i1waz]{display:grid;gap:6px;font-size:11.5px;font-weight:700;color:var(--muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:.03em}
.arf-panel select[b-2vaq9i1waz],.arf-panel textarea[b-2vaq9i1waz],.arf-panel input[type=text][b-2vaq9i1waz],.arf-panel input:not([type])[b-2vaq9i1waz],.arf-panel input[type=number][b-2vaq9i1waz],.arf-panel input[type=date][b-2vaq9i1waz]{width:100%;box-sizing:border-box;border:1px solid #d7deea;border-radius:9px;padding:10px 11px;font-family:inherit;font-size:13.5px;transition:border-color .15s ease}
.arf-panel select:focus[b-2vaq9i1waz],.arf-panel textarea:focus[b-2vaq9i1waz],.arf-panel input:focus[b-2vaq9i1waz]{border-color:var(--teal);outline:none}
.arf-checkbox[b-2vaq9i1waz]{display:flex;align-items:center;gap:8px;flex-direction:row}
.ar-btn[b-2vaq9i1waz]{min-height:42px;padding:0 16px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--navy);font-weight:700;font-size:13.5px;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}
.ar-btn:hover:not(:disabled)[b-2vaq9i1waz]{transform:translateY(-1px);box-shadow:0 6px 16px -8px rgba(15,23,42,.25)}
.ar-btn.primary[b-2vaq9i1waz]{background:var(--navy);color:#fff;border-color:var(--navy)}
.ar-btn.primary:hover:not(:disabled)[b-2vaq9i1waz]{background:var(--navy-deep)}
.ar-btn:disabled[b-2vaq9i1waz]{opacity:.55;cursor:default;transform:none}

.arf-history[b-2vaq9i1waz]{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.arf-history li[b-2vaq9i1waz]{border-left:3px solid var(--line);padding:2px 0 2px 14px}
.arf-history strong[b-2vaq9i1waz]{display:block;font-size:13.5px;color:var(--navy)}
.arf-history span[b-2vaq9i1waz]{display:block;font-size:11.5px;color:var(--muted);margin-top:2px}
.arf-history p[b-2vaq9i1waz]{margin:5px 0 0;font-size:13px}

@media(max-width:800px){.arf-grid[b-2vaq9i1waz]{grid-template-columns:minmax(0, 1fr)}.arf-head[b-2vaq9i1waz]{display:block}.arf-status[b-2vaq9i1waz]{margin-left:0;margin-top:10px}}
/* /Components/Pages/AuditRiskRuleSettings.razor.rz.scp.css */
.ars-page[b-cxwft1gul3]{--navy:#0b2f52;--teal:#168552;--line:#e2e8f0;--muted:#64748b;color:#0f172a;max-width:900px;margin:0 auto;padding:18px}
.ar-back[b-cxwft1gul3]{color:var(--muted);text-decoration:none;font-size:13px;font-weight:700}
.ar-head[b-cxwft1gul3]{margin:14px 0 16px}
.ar-head span[b-cxwft1gul3]{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--teal);font-weight:900}
.ar-head h1[b-cxwft1gul3]{margin:7px 0 5px;color:var(--navy);font-size:30px}
.ar-head p[b-cxwft1gul3]{margin:0;color:var(--muted);max-width:640px}
.ar-guide[b-cxwft1gul3]{background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin-bottom:16px}
.ar-guide summary[b-cxwft1gul3]{cursor:pointer;font-weight:800;color:var(--navy)}
.ar-guide-grid[b-cxwft1gul3]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.ar-guide-grid strong[b-cxwft1gul3]{display:block;color:var(--navy);font-size:13px;margin-bottom:3px}
.ar-guide-grid p[b-cxwft1gul3]{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.ars-list[b-cxwft1gul3]{display:grid;gap:12px}
.ars-rule[b-cxwft1gul3]{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}
.ars-rule header[b-cxwft1gul3]{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.ars-rule h2[b-cxwft1gul3]{margin:0 0 4px;color:var(--navy);font-size:17px}
.ars-rule header p[b-cxwft1gul3]{margin:0;color:var(--muted);font-size:13px}
.ars-category[b-cxwft1gul3]{font-size:11px;font-weight:800;text-transform:uppercase;background:#f1f5f9;color:var(--navy);padding:4px 10px;border-radius:999px;white-space:nowrap}
.ars-controls[b-cxwft1gul3]{display:flex;align-items:center;gap:18px;margin:14px 0}
.arf-checkbox[b-cxwft1gul3]{display:flex;align-items:center;gap:8px}
.ars-controls label[b-cxwft1gul3]{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#475569}
.ars-controls select[b-cxwft1gul3]{border:1px solid #cbd5e1;border-radius:8px;padding:7px}
.ars-advanced[b-cxwft1gul3]{margin-bottom:12px}
.ars-advanced summary[b-cxwft1gul3]{cursor:pointer;font-size:12px;font-weight:700;color:var(--muted)}
.ars-option-labels[b-cxwft1gul3]{list-style:none;margin:8px 0;padding:0;font-size:12px;color:var(--muted)}
.ars-option-labels li[b-cxwft1gul3]{margin-bottom:2px}
.ars-advanced textarea[b-cxwft1gul3]{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;padding:9px;font-family:ui-monospace,monospace;font-size:12px;margin-top:8px}
.ars-save[b-cxwft1gul3]{display:flex;align-items:center;gap:12px}
.ar-btn.primary[b-cxwft1gul3]{min-height:38px;padding:0 14px;border-radius:9px;background:var(--navy);color:#fff;border:1px solid var(--navy);font-weight:800;cursor:pointer}
.ar-btn:disabled[b-cxwft1gul3]{opacity:.6;cursor:default}
.ars-updated[b-cxwft1gul3]{color:var(--muted);font-size:11px}
@media(max-width:700px){.ar-guide-grid[b-cxwft1gul3]{grid-template-columns:minmax(0, 1fr)}}
/* /Components/Pages/BusinessAnalysis.razor.rz.scp.css */
.rep-header[b-bkf75wx397] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 2px;
}

.rep-header-actions[b-bkf75wx397] {
    flex: 0 0 auto;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.rep-action-button[b-bkf75wx397] {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0 15px;
    border: 1px solid var(--grey-300);
    border-radius: 10px;
    background: #fff;
    color: var(--navy-900);
    font-size: .8rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
    transition: transform 150ms ease, box-shadow 150ms ease;
}

.rep-action-button:hover[b-bkf75wx397] {
    transform: translateY(-1px);
}

.rep-eyebrow[b-bkf75wx397] {
    margin: 0 0 6px;
    color: var(--blue-600);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.rep-header h1[b-bkf75wx397] {
    margin: 0;
    color: var(--navy-950);
    font-size: 1.7rem;
    letter-spacing: -.02em;
}

.rep-subtitle[b-bkf75wx397] {
    margin: 6px 0 0;
    max-width: 70ch;
    color: var(--grey-500);
    font-size: .85rem;
}

.biz-card[b-bkf75wx397] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    border: 1px solid var(--grey-200);
    border-radius: 14px;
    background: #fff;
}

.biz-card-full[b-bkf75wx397] {
    max-width: none;
}

.biz-tabs[b-bkf75wx397] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.biz-tab[b-bkf75wx397] {
    padding: 8px 14px;
    border: 1px solid var(--grey-300);
    border-radius: 999px;
    background: #fff;
    color: var(--grey-700);
    font-size: .78rem;
    font-weight: 800;
    cursor: pointer;
    transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease;
}

.biz-tab:hover[b-bkf75wx397] {
    border-color: var(--orange-500);
}

.biz-tab.active[b-bkf75wx397] {
    border-color: var(--navy-900);
    background: var(--navy-900);
    color: #fff;
}

.biz-toolbar-row[b-bkf75wx397] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 10px;
}

.biz-toolbar-row .rep-field[b-bkf75wx397] {
    width: 160px;
}

.biz-toolbar-row .rep-run-button[b-bkf75wx397] {
    margin-left: auto;
}

.rep-field label[b-bkf75wx397] {
    display: block;
    margin-bottom: 6px;
    color: var(--grey-700);
    font-size: .68rem;
    font-weight: 800;
}

.rep-field input[b-bkf75wx397],
.rep-field select[b-bkf75wx397] {
    width: 100%;
    height: 42px;
    padding: 0 12px;
    border: 1px solid var(--grey-300);
    border-radius: 10px;
    background: #fff;
    color: var(--grey-900);
    outline: none;
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

.rep-field input:focus[b-bkf75wx397],
.rep-field select:focus[b-bkf75wx397] {
    border-color: var(--orange-500);
    box-shadow: 0 0 0 3px rgba(242, 140, 40, .1);
}

.rep-run-button[b-bkf75wx397] {
    height: 42px;
    padding: 0 18px;
    border: 0;
    border-radius: 10px;
    background: var(--navy-900);
    color: #fff;
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(16, 44, 76, .16);
    transition: transform 150ms ease, background-color 150ms ease;
}

.rep-run-button:hover:not(:disabled)[b-bkf75wx397] {
    background: var(--navy-950);
    transform: translateY(-1px);
}

.rep-run-button:disabled[b-bkf75wx397] {
    opacity: .65;
    cursor: default;
}

.rep-toolbar-bottom[b-bkf75wx397] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 4px;
    padding-top: 12px;
    border-top: 1px solid var(--grey-200);
}

.rep-flag-label[b-bkf75wx397] {
    color: var(--grey-700);
    font-size: .78rem;
    font-weight: 750;
}

.rep-flag-option[b-bkf75wx397] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--grey-700);
    font-size: .78rem;
    font-weight: 750;
    cursor: pointer;
}

.rep-flag-option input[b-bkf75wx397] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.rep-checkmark[b-bkf75wx397] {
    display: inline-grid;
    width: 17px;
    height: 17px;
    flex: 0 0 auto;
    place-items: center;
    border: 2px solid var(--orange-500);
    border-radius: 5px;
    background: #fff;
    transition: background-color 150ms ease, border-color 150ms ease;
}

.rep-flag-option.rep-red .rep-checkmark[b-bkf75wx397] {
    border-color: #dc4b4b;
}

.rep-checkmark[b-bkf75wx397]::after {
    content: "";
    width: 6px;
    height: 3px;
    margin-top: -1px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg) scale(0);
    transition: transform 140ms ease;
}

.rep-flag-option input:checked + .rep-checkmark[b-bkf75wx397] {
    background: var(--orange-500);
    border-color: var(--orange-500);
}

.rep-flag-option.rep-red input:checked + .rep-checkmark[b-bkf75wx397] {
    background: #dc4b4b;
    border-color: #dc4b4b;
}

.rep-flag-option input:checked + .rep-checkmark[b-bkf75wx397]::after {
    transform: rotate(-45deg) scale(1);
}

.rep-day-clear[b-bkf75wx397] {
    border: 0;
    background: transparent;
    color: var(--orange-500);
    font-size: .78rem;
    font-weight: 750;
    text-decoration: underline;
    cursor: pointer;
}

.rep-day-hint[b-bkf75wx397] {
    color: var(--grey-500, #98a2b3);
    font-size: .76rem;
    font-style: italic;
}

.biz-growth[b-bkf75wx397] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.biz-table-wrap[b-bkf75wx397] {
    overflow-x: auto;
}

.biz-table[b-bkf75wx397] {
    width: 100%;
}

.biz-table th[b-bkf75wx397],
.biz-table td[b-bkf75wx397] {
    white-space: nowrap;
}

tr.biz-best td[b-bkf75wx397] {
    background: rgba(22, 163, 74, .09);
}

tr.biz-best td:first-child[b-bkf75wx397] {
    box-shadow: inset 3px 0 0 #16a34a;
}

tr.biz-worst td[b-bkf75wx397] {
    background: rgba(220, 38, 38, .07);
}

tr.biz-worst td:first-child[b-bkf75wx397] {
    box-shadow: inset 3px 0 0 #dc2626;
}

.biz-hint[b-bkf75wx397] {
    margin: 8px 2px 0;
    color: var(--grey-500);
    font-size: .72rem;
}

.report-table[b-bkf75wx397] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    white-space: nowrap;
    font-size: clamp(.68rem, .82vw, .82rem);
    font-variant-numeric: tabular-nums;
}

.report-table th[b-bkf75wx397] {
    position: sticky;
    top: 0;
    padding: .6rem .55rem;
    border-right: 1px solid rgba(255, 255, 255, .12);
    color: #fff;
    background: linear-gradient(180deg, var(--navy-900), var(--navy-950));
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .02em;
    line-height: 1.2;
    text-align: right;
}

.report-table th.rep-col-cost[b-bkf75wx397] {
    background: linear-gradient(180deg, #a85b18, #8a4712);
}

.report-table th.rep-col-payment[b-bkf75wx397] {
    background: linear-gradient(180deg, #0d3e7d, #0a3061);
}

.report-table th:first-child[b-bkf75wx397],
.report-table th:nth-child(2)[b-bkf75wx397],
.report-table td:first-child[b-bkf75wx397],
.report-table td:nth-child(2)[b-bkf75wx397] {
    text-align: left;
}

.report-table td[b-bkf75wx397] {
    padding: .5rem .55rem;
    border-right: 1px solid var(--grey-200);
    border-bottom: 1px solid var(--grey-200);
    color: var(--grey-900);
    transition: background-color 140ms ease, color 140ms ease;
}

.report-table td:last-child[b-bkf75wx397],
.report-table th:last-child[b-bkf75wx397] {
    border-right: 0;
}

.report-table tbody tr:nth-child(even)[b-bkf75wx397] {
    background: var(--grey-50);
}

.report-table tbody tr:hover td[b-bkf75wx397] {
    background: var(--blue-100);
    color: var(--navy-950);
}

.report-table tbody tr:hover td:first-child[b-bkf75wx397] {
    box-shadow: inset 3px 0 0 var(--orange-500);
}

@media (max-width: 720px) {
    .biz-toolbar-row .rep-field[b-bkf75wx397] {
        width: 100%;
    }

    .biz-toolbar-row .rep-run-button[b-bkf75wx397] {
        margin-left: 0;
        width: 100%;
    }

    .rep-run-button[b-bkf75wx397] {
        width: 100%;
    }
}

@media print {
    .rep-header[b-bkf75wx397],
    .biz-tabs[b-bkf75wx397],
    .biz-toolbar-row[b-bkf75wx397],
    .rep-toolbar-bottom[b-bkf75wx397] {
        display: none !important;
    }
}
/* /Components/Pages/ClientDetails.razor.rz.scp.css */
.client-details[b-68vu412x35] {
    /* Local aliases onto the shared admin token system (wwwroot/app.css) --
       navy is blue-900, plus one blue/green/orange scale and the ink
       neutral scale. No teal, no amber, no arbitrary hex: every color below
       traces back to one of these, the ink scale, or the red/danger
       convention used for destructive actions. */
    --navy: var(--blue-900);
    --navy-deep: #071a30;
    --line: var(--ink-100);
    --muted: var(--ink-500);
    --surface: #fff;
    --danger: #dc2626;
    --danger-bg: #fef1f1;
    --shadow: 0 14px 32px -16px rgba(8, 33, 56, .5);
    --shadow-sm: 0 10px 28px -14px rgba(11, 37, 69, .14);
    color: var(--ink-900);
}

/* Blazor CSS isolation's ::deep still requires an ancestor scope
   attribute that descendant elements carry, so every rule below --
   including ones that only ever match plain HTML we author directly --
   is anchored through it consistently; most of these classes end up on
   MudBlazor-rendered internals (MudTabs/MudTable/MudChip/MudPaper/
   MudMenu/MudButton), which only ::deep can reach. */

/* ---------- Hero ---------- */

.client-details[b-68vu412x35]  .cd-hero {
    background: linear-gradient(135deg, var(--navy) 0%, var(--navy-deep) 100%);
    border-radius: 22px;
    padding: 30px 34px;
    color: #fff;
    box-shadow: var(--shadow);
    overflow: hidden;
    position: relative;
}

.client-details[b-68vu412x35]  .cd-hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 28px;
    align-items: center;
}

.client-details[b-68vu412x35]  .cd-eyebrow {
    display: inline-flex;
    align-items: center;
    background: rgba(255, 255, 255, .12);
    border-radius: 999px;
    padding: 4px 10px;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--orange-500);
    margin-bottom: 10px;
}

.client-details[b-68vu412x35]  .cd-hero h1 {
    font-size: clamp(28px, 3.6vw, 44px);
    line-height: 1.08;
    margin: 0 0 10px;
    font-weight: 750;
    letter-spacing: -.01em;
    color: #fff;
}

.client-details[b-68vu412x35]  .cd-address {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #c8d6e6;
    font-size: 14px;
    margin: 0;
}

.client-details[b-68vu412x35]  .cd-hero-meta {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 16px;
}

.client-details[b-68vu412x35]  .cd-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 30px;
    padding: 0 11px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 750;
    border: 1px solid rgba(255, 255, 255, .22);
    background: rgba(255, 255, 255, .09);
    color: #fff;
}

.client-details[b-68vu412x35]  .cd-chip-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--green-500);
}

.client-details[b-68vu412x35]  .cd-chip-dark {
    background: rgba(0, 0, 0, .28);
    border-color: rgba(0, 0, 0, .2);
}

.client-details[b-68vu412x35]  .cd-chip-warning {
    background: rgba(249, 115, 22, .3);
    border-color: rgba(249, 115, 22, .45);
    color: #ffe9d6;
}

.client-details[b-68vu412x35]  .cd-hero-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: max-content;
}

.client-details[b-68vu412x35]  .cd-btn {
    border: 1px solid transparent;
    border-radius: 10px;
    min-height: 42px;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 780;
    font-family: inherit;
    cursor: pointer;
    transition: background-color .15s ease, transform .15s ease, box-shadow .15s ease;
}

.client-details[b-68vu412x35]  .cd-btn:hover {
    transform: translateY(-1px);
}

/* The header's primary call to action follows the same solid-orange
   convention used for every other primary CTA in the redesigned admin
   area (see AdministrationSiteStudio's .studio-primary, or the header
   button on the Clients list page this page is reached from). */
.client-details[b-68vu412x35]  .cd-btn-primary {
    color: #fff;
    background: var(--orange-600);
    box-shadow: 0 6px 16px -6px rgba(234, 88, 12, .55);
}

.client-details[b-68vu412x35]  .cd-btn-primary:hover {
    background: var(--orange-700);
}

.client-details[b-68vu412x35]  .cd-hero-location-form {
    display: flex;
    align-items: center;
    gap: 8px;
}

.client-details[b-68vu412x35]  .cd-hero-select {
    height: 42px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, .28);
    background: rgba(255, 255, 255, .1);
    color: #fff;
    padding: 0 10px;
    font-size: 13px;
}

.client-details[b-68vu412x35]  .cd-hero-select option {
    color: var(--ink-900);
}

/* Header action buttons (the "..." menu trigger here) are translucent
   white pills -- the same treatment used for every secondary header
   action across the redesigned admin pages. */
.client-details[b-68vu412x35]  .cd-more-menu .mud-button-root {
    color: #fff;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 10px;
    min-width: 42px;
    min-height: 42px;
    padding: 0;
    transition: background-color .15s ease;
}

.client-details[b-68vu412x35]  .cd-more-menu .mud-button-root:hover {
    background: rgba(255, 255, 255, .18);
}

.client-details[b-68vu412x35]  .cd-more-menu .mud-icon-root {
    color: #fff;
}

.client-details[b-68vu412x35]  .cd-menu-copy {
    display: flex;
    flex-direction: column;
    gap: 2px;
    text-align: left;
}

.client-details[b-68vu412x35]  .cd-menu-copy strong {
    font-size: 13px;
}

.client-details[b-68vu412x35]  .cd-menu-copy span {
    font-size: 11px;
    color: var(--muted);
}

.client-details[b-68vu412x35]  .cd-hero-alert {
    position: relative;
    z-index: 1;
    margin-top: 16px;
}

/* ---------- Tabs shell ---------- */

.client-details[b-68vu412x35]  .cd-tabs.mud-tabs {
    margin-top: 20px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

.client-details[b-68vu412x35]  .cd-tabs .mud-tabs-tabbar {
    height: auto;
    padding: 10px 14px;
    background: var(--blue-50);
    border-bottom: 1px solid var(--line);
}

.client-details[b-68vu412x35]  .cd-tabs .mud-tabs-tabbar-inner {
    gap: 6px;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
}

.client-details[b-68vu412x35]  .cd-tabs .mud-tab {
    border-radius: 10px;
    min-height: 44px;
    padding: 0 16px;
    font-size: 13px;
    font-weight: 800;
    color: var(--blue-700);
    text-transform: none;
    letter-spacing: .01em;
    transition: color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

.client-details[b-68vu412x35]  .cd-tabs .mud-tab:hover {
    background: #fff;
    box-shadow: 0 4px 12px -6px rgba(11, 37, 69, .18);
}

.client-details[b-68vu412x35]  .cd-tabs .mud-tab.mud-tab-active {
    color: #fff;
    background: var(--blue-600);
    box-shadow: 0 6px 16px -8px rgba(37, 99, 235, .5);
}

.client-details[b-68vu412x35]  .cd-tabs .mud-tab .mud-icon-root {
    border-radius: 8px;
    background: var(--blue-100);
    color: var(--blue-700);
    padding: 4px;
    transition: background-color .15s ease, color .15s ease;
}

.client-details[b-68vu412x35]  .cd-tabs .mud-tab.mud-tab-active .mud-icon-root {
    background: rgba(255, 255, 255, .2);
    color: #fff;
}

.client-details[b-68vu412x35]  .cd-tabs .mud-tabs-panels {
    background: #F3F6FA;
    padding: 24px;
}

.client-details[b-68vu412x35]  .cd-tabs .mud-tab-slider {
    display: none;
}

/* ---------- Shared cards ---------- */

.client-details[b-68vu412x35]  .cd-section-card {
    border: 1px solid var(--line);
    border-radius: 18px;
    background: var(--surface);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

.client-details[b-68vu412x35]  .cd-mt {
    margin-top: 16px;
}

.client-details[b-68vu412x35]  .cd-section-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    padding: 19px 22px;
    border-bottom: 1px solid var(--line);
    background: var(--surface);
}

.client-details[b-68vu412x35]  .cd-section-head h2 {
    font-size: 18px;
    margin: 0 0 4px;
    color: var(--navy);
    font-weight: 750;
    text-align: left;
}

.client-details[b-68vu412x35]  .cd-section-head p {
    font-size: 13px;
    color: var(--muted);
    margin: 0;
    text-align: left;
}

.client-details[b-68vu412x35]  .cd-section-body {
    padding: 22px;
}

.client-details[b-68vu412x35]  .cd-form-title {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 16px;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--blue-700);
}

.client-details[b-68vu412x35]  .cd-form-title::before {
    content: "";
    width: 22px;
    height: 3px;
    border-radius: 3px;
    background: var(--orange-500);
}

.client-details[b-68vu412x35]  .cd-hint {
    margin: 0;
    color: var(--muted);
    font-size: 13px;
}

.client-details[b-68vu412x35]  .cd-hint-pad {
    padding: 16px 20px;
}

/* ---------- Pharmacy profile tab ---------- */

.client-details[b-68vu412x35]  .cd-content-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 22px;
}

.client-details[b-68vu412x35]  .cd-client-card {
    background: linear-gradient(155deg, var(--blue-50) 0%, #f8fbff 60%, #eef4fb 100%);
    border: 1px solid var(--blue-100);
    border-radius: 18px;
    padding: 22px;
    align-self: start;
    position: sticky;
    top: 18px;
    box-shadow: var(--shadow-sm);
    text-align: left;
}

.client-details[b-68vu412x35]  .cd-client-logo {
    width: 54px;
    height: 54px;
    border-radius: 16px;
    background: linear-gradient(135deg, var(--blue-700), var(--navy));
    color: #fff;
    display: grid;
    place-items: center;
    font-weight: 800;
    font-size: 19px;
    box-shadow: 0 10px 20px -6px rgba(11, 37, 69, .4);
    margin-bottom: 14px;
}

.client-details[b-68vu412x35]  .cd-client-card h2 {
    font-size: 21px;
    line-height: 1.18;
    margin: 0 0 4px;
    color: var(--navy);
    text-align: left;
}

.client-details[b-68vu412x35]  .cd-client-card > p {
    font-size: 13px;
    color: var(--muted);
    margin: 0 0 16px;
    text-align: left;
}

.client-details[b-68vu412x35]  .cd-client-card dl {
    margin: 0;
}

.client-details[b-68vu412x35]  .cd-client-card dl > div {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding: 10px 0;
    border-top: 1px solid var(--blue-100);
    font-size: 13px;
}

.client-details[b-68vu412x35]  .cd-client-card dt {
    color: var(--muted);
    font-weight: 650;
    text-align: left;
}

.client-details[b-68vu412x35]  .cd-client-card dd {
    margin: 0;
    text-align: right;
    font-weight: 700;
    color: var(--ink-900);
    overflow-wrap: anywhere;
}

/* ---------- Billing tab ---------- */

.client-details[b-68vu412x35]  .cd-metric-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin: 0 0 18px;
}

.client-details[b-68vu412x35]  .cd-metric {
    padding: 16px 18px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--surface);
    box-shadow: var(--shadow-sm);
    margin: 0;
    transition: transform .15s ease, box-shadow .15s ease;
}

.client-details[b-68vu412x35]  .cd-metric:hover {
    transform: translateY(-2px);
}

.client-details[b-68vu412x35]  .cd-metric span {
    display: block;
    font-size: 11px;
    font-weight: 820;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--muted);
    margin-bottom: 8px;
}

.client-details[b-68vu412x35]  .cd-metric strong {
    display: block;
    font-size: 18px;
    color: var(--navy);
    font-weight: 750;
    overflow-wrap: anywhere;
}

.client-details[b-68vu412x35]  .cd-workspace-pills.mud-chipset {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.client-details[b-68vu412x35]  .cd-workspace-pills .mud-chip {
    padding: 8px 12px;
    border-radius: 10px;
    border: 1px solid var(--blue-100);
    background: var(--blue-50);
    color: var(--blue-700);
    font-size: 12px;
    font-weight: 750;
    height: auto;
}

.client-details[b-68vu412x35]  .cd-code-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
    padding: 16px 18px;
    border-radius: 16px;
    background: var(--blue-50);
    border: 1px dashed var(--blue-100);
    box-shadow: inset 4px 0 0 var(--blue-600);
    margin-top: 16px;
}

.client-details[b-68vu412x35]  .cd-code-box > div > span {
    display: block;
    font-size: 12px;
    font-weight: 760;
    color: var(--muted);
    margin-bottom: 6px;
}

/* Monospace here is deliberate -- this shows a literal installer
   registration code the client will type/paste, not prose. */
.client-details[b-68vu412x35]  .cd-code-box strong {
    display: block;
    font: 800 18px/1.2 "SFMono-Regular", Consolas, Menlo, monospace;
    letter-spacing: .04em;
    color: var(--navy);
    overflow-wrap: anywhere;
}

.client-details[b-68vu412x35]  .cd-code-box small {
    display: block;
    color: var(--muted);
    margin-top: 4px;
    font-size: 12px;
}

.client-details[b-68vu412x35]  .cd-table.mud-table {
    box-shadow: none;
    background: transparent;
}

.client-details[b-68vu412x35]  .cd-table .mud-table-head th {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--muted);
    background: var(--ink-100);
}

.client-details[b-68vu412x35]  .cd-table .mud-table-body tr {
    background: var(--surface);
}

.client-details[b-68vu412x35]  .cd-table .mud-table-body tr:nth-child(even) {
    background: var(--blue-50);
}

.client-details[b-68vu412x35]  .cd-table .mud-table-body tr:hover {
    background: var(--blue-100) !important;
}

/* ---------- Login credentials tab ---------- */

.client-details[b-68vu412x35]  .cd-accounts-layout {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 18px;
}

.client-details[b-68vu412x35]  .cd-account-list {
    background: var(--blue-50);
    border: 1px solid var(--blue-100);
    border-radius: 18px;
    padding: 16px;
    align-self: start;
    box-shadow: var(--shadow-sm);
}

.client-details[b-68vu412x35]  .cd-account-selector .mud-input-outlined {
    background: var(--surface);
    border-radius: 10px;
}

.client-details[b-68vu412x35]  .cd-credentials-stack {
    display: grid;
    gap: 14px;
}

.client-details[b-68vu412x35]  .cd-sub-card {
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--surface);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

/* Each of the three login-credentials cards keeps its own explicit
   modifier class (assigned directly in the markup) instead of relying on
   sibling position/:nth-of-type -- the first two cards only render when
   this pharmacy already has login accounts, so a positional selector
   would silently apply the wrong card's colors whenever that count
   changes (e.g. a brand-new pharmacy with zero accounts would put the
   "create account" card in the "assign a password" card's blue). */
.client-details[b-68vu412x35]  .cd-sub-card-password {
    background: linear-gradient(145deg, var(--blue-50), #fff);
    border-color: var(--blue-100);
    box-shadow: var(--shadow-sm), inset 4px 0 0 var(--blue-600);
}

.client-details[b-68vu412x35]  .cd-sub-card-send {
    background: linear-gradient(145deg, var(--green-50), #fff);
    border-color: var(--green-100);
    box-shadow: var(--shadow-sm), inset 4px 0 0 var(--green-600);
}

.client-details[b-68vu412x35]  .cd-sub-card-create {
    background: linear-gradient(145deg, var(--orange-50), #fff);
    border-color: var(--orange-100);
    box-shadow: var(--shadow-sm), inset 4px 0 0 var(--orange-600);
}

/* ---------- Shared field/input/button tweaks ---------- */

.client-details[b-68vu412x35]  .mud-input-outlined .mud-input-outlined-border {
    border-radius: 10px;
    border-color: var(--ink-300);
}

.client-details[b-68vu412x35]  .mud-input-outlined:hover .mud-input-outlined-border {
    border-color: var(--blue-500);
}

.client-details[b-68vu412x35]  .mud-button-root {
    border-radius: 10px;
    text-transform: none;
    font-weight: 700;
}

/* MudBlazor's Secondary theme color is teal, which the redesigned admin
   area does not use -- these outlined "alternate action" buttons (e.g.
   "Generate new password") get the same neutral treatment as
   .studio-secondary / .ca-btn instead. */
.client-details[b-68vu412x35]  .mud-button-outlined-secondary {
    color: var(--ink-700);
    border-color: var(--ink-300);
}

.client-details[b-68vu412x35]  .mud-button-outlined-secondary:hover {
    color: var(--blue-700);
    border-color: var(--blue-600);
    background: var(--blue-50);
}

.client-details[b-68vu412x35]  .mud-button-filled-success {
    background-color: var(--green-600);
    box-shadow: 0 6px 14px -6px rgba(5, 150, 105, .5);
}

.client-details[b-68vu412x35]  .mud-button-filled-success:hover {
    background-color: var(--green-700);
}

.client-details[b-68vu412x35]  .mud-button-outlined-success {
    color: var(--green-700);
    border-color: var(--green-500);
}

.client-details[b-68vu412x35]  .mud-button-outlined-success:hover {
    background: var(--green-50);
}

.client-details[b-68vu412x35]  .mud-button-outlined-warning {
    color: var(--orange-700);
    border-color: var(--orange-500);
}

.client-details[b-68vu412x35]  .mud-button-outlined-warning:hover {
    background: var(--orange-50);
}

.client-details[b-68vu412x35]  .mud-button-outlined-info {
    color: var(--blue-700);
    border-color: var(--blue-500);
}

.client-details[b-68vu412x35]  .mud-button-outlined-info:hover {
    background: var(--blue-50);
}

/* ---------- Responsive ---------- */

@media (max-width: 1050px) {
    .client-details[b-68vu412x35]  .cd-hero-grid,
    .client-details[b-68vu412x35]  .cd-content-grid,
    .client-details[b-68vu412x35]  .cd-accounts-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .client-details[b-68vu412x35]  .cd-hero-actions {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .client-details[b-68vu412x35]  .cd-client-card {
        position: static;
    }

    .client-details[b-68vu412x35]  .cd-metric-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 700px) {
    .client-details[b-68vu412x35]  .cd-hero {
        padding: 22px 18px;
        border-radius: 18px;
    }

    .client-details[b-68vu412x35]  .cd-tabs .mud-tabs-panels {
        padding: 14px;
    }

    .client-details[b-68vu412x35]  .cd-section-head {
        flex-direction: column;
    }

    .client-details[b-68vu412x35]  .cd-metric-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* ---------------------------------------------------------------------------
   Tabs on small screens.

   The three labels total ~480px, so the tab bar became its own horizontal
   scroller: two tabs visible and the third reachable only by swiping a strip
   most people never try. They now share the width as a three-column grid,
   icon above label, so every section of the client record is visible without
   scrolling anything.

   These target the tab bar's real class names -- MudBlazor 9 renders
   `mud-tabs-tabbar*`, not the `mud-tabs-toolbar*` the older rules above
   assume, which is why those never applied.
   --------------------------------------------------------------------------- */

@media (max-width: 767px) {
    .client-details[b-68vu412x35]  .cd-tabs .mud-tabs-tabbar {
        padding: 8px;
    }

    .client-details[b-68vu412x35]  .cd-tabs .mud-tabs-tabbar-inner,
    .client-details[b-68vu412x35]  .cd-tabs .mud-tabs-tabbar-content {
        width: 100%;
        overflow: visible;
    }

    .client-details[b-68vu412x35]  .cd-tabs .mud-tabs-tabbar-wrapper {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
        width: 100%;
        /* MudBlazor translates this wrapper to emulate scrolling; with a grid
           there is nothing to scroll, and a stale offset would hide a tab. */
        transform: none !important;
    }

    .client-details[b-68vu412x35]  .cd-tabs .mud-tabs-scroll-button {
        display: none !important;
    }

    .client-details[b-68vu412x35]  .cd-tabs .mud-tab {
        flex-direction: column;
        gap: 4px;
        /* The component library sets a 160px floor on every tab, which is what
           forced the strip to scroll. It has to be overridden outright for the
           grid columns to hold. */
        min-width: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        min-height: 64px;
        padding: 8px 4px;
        font-size: 11px;
        line-height: 14px;
        text-align: center;
        white-space: normal;
        word-break: break-word;
    }

    .client-details[b-68vu412x35]  .cd-tabs .mud-tab .mud-icon-root {
        padding: 3px;
        font-size: 18px;
    }

    .client-details[b-68vu412x35]  .cd-tabs .mud-tabs-panels {
        padding: 14px;
    }
}

@media (max-width: 399px) {
    .client-details[b-68vu412x35]  .cd-tabs .mud-tab { font-size: 10.5px; padding: 8px 2px; }
}

/* ---------------------------------------------------------------------------
   Subscriptions.

   The history was a five-column table with the status sitting as plain text
   between two dates -- the one field an owner is actually reading, given no
   more weight than a source enum. It is a list now: the product carries the
   line, the status says its own word in its own colour, and the period and
   origin sit beneath in the words an owner uses ("Complimentary", not
   "OwnerGranted").
   --------------------------------------------------------------------------- */

.client-details[b-68vu412x35]  .cd-subs {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #fff;
    overflow: hidden;
}

.client-details[b-68vu412x35]  .cd-sub {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 13px 16px;
    border-bottom: 1px solid #eef2f7;
    transition: background-color .13s ease;
}

.client-details[b-68vu412x35]  .cd-sub:last-child { border-bottom: 0; }
.client-details[b-68vu412x35]  .cd-sub:hover { background: #fafcff; }

/* Ended access stays legible but recedes: it is history, not a live grant. */
.client-details[b-68vu412x35]  .cd-sub.is-past { background: #fcfdfe; }
.client-details[b-68vu412x35]  .cd-sub.is-past .cd-sub-mark { background: #eef2f7; color: #7a8ba0; }
.client-details[b-68vu412x35]  .cd-sub.is-past .cd-sub-head strong { color: #4a5c74; }

.client-details[b-68vu412x35]  .cd-sub-mark {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: #e8eef6;
    color: #0b2f52;
}

.client-details[b-68vu412x35]  .cd-sub-mark .wk-icon { width: 18px; height: 18px; }

.client-details[b-68vu412x35]  .cd-sub-body { flex: 1 1 auto; min-width: 0; }

.client-details[b-68vu412x35]  .cd-sub-head {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.client-details[b-68vu412x35]  .cd-sub-head strong {
    font-size: .92rem;
    font-weight: 750;
    color: #0b2f52;
}

.client-details[b-68vu412x35]  .cd-sub-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 12px;
    margin-top: 3px;
    font-size: .78rem;
    color: #64748b;
}

.client-details[b-68vu412x35]  .cd-sub-source { font-weight: 700; color: #4a5c74; }

.client-details[b-68vu412x35]  .cd-sub-pill {
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 9px;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.client-details[b-68vu412x35]  .cd-sub-green { background: #eaf8f0; color: #137a49; }
.client-details[b-68vu412x35]  .cd-sub-blue { background: #eaf2ff; color: #1d5fc4; }
.client-details[b-68vu412x35]  .cd-sub-orange { background: #fff5e6; color: #9a5a08; }
.client-details[b-68vu412x35]  .cd-sub-muted { background: #eef2f7; color: #55657d; }

.client-details[b-68vu412x35]  .cd-sub-actions { display: flex; gap: 6px; flex: 0 0 auto; }

.client-details[b-68vu412x35]  .cd-sub-btn {
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid #cbd7e4;
    border-radius: 9px;
    background: #fff;
    color: #0b2f52;
    font-size: .78rem;
    font-weight: 700;
    font-family: inherit;
    cursor: pointer;
    transition: background-color .13s ease, border-color .13s ease, color .13s ease;
}

.client-details[b-68vu412x35]  .cd-sub-btn:hover:not(:disabled) {
    background: #eaf2ff;
    border-color: #1d5fc4;
    color: #1d5fc4;
}

.client-details[b-68vu412x35]  .cd-sub-btn-danger { border-color: #f0d5d5; color: #c43d4d; }
.client-details[b-68vu412x35]  .cd-sub-btn-danger:hover:not(:disabled) {
    background: #fdeef0;
    border-color: #c43d4d;
    color: #a33b46;
}

.client-details[b-68vu412x35]  .cd-sub-btn:disabled { opacity: .55; cursor: not-allowed; }

.client-details[b-68vu412x35]  .cd-sub-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 34px 20px;
    border: 1px dashed #cfdbea;
    border-radius: 14px;
    text-align: center;
    color: #64748b;
}

.client-details[b-68vu412x35]  .cd-sub-empty strong { font-size: .95rem; color: #0b2f52; }

/* The grant form reads as one composed control strip rather than five loose
   inputs and a button floating at the end. */
.client-details[b-68vu412x35]  .cd-section-card .mud-grid {
    align-items: flex-end;
}

.client-details[b-68vu412x35]  .cd-section-card .mud-input-control {
    margin-top: 0;
}

@media (max-width: 767px) {
    .client-details[b-68vu412x35]  .cd-sub {
        flex-wrap: wrap;
        padding: 12px 13px;
    }

    .client-details[b-68vu412x35]  .cd-sub-actions {
        width: 100%;
        justify-content: flex-end;
        padding-left: 51px;
    }

    .client-details[b-68vu412x35]  .cd-sub-btn { flex: 1 1 auto; }
}

/* Connector grace period control. */
.client-details[b-68vu412x35]  .cd-grace {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.client-details[b-68vu412x35]  .cd-grace-input {
    width: 110px;
    height: 44px;
    padding: 0 12px;
    border: 1px solid #cbd7e4;
    border-radius: 10px;
    background: #fff;
    color: #142238;
    font-size: .95rem;
    font-family: inherit;
    font-variant-numeric: tabular-nums;
}

.client-details[b-68vu412x35]  .cd-grace-input:focus {
    outline: 2px solid #1d5fc4;
    outline-offset: 2px;
    border-color: #1d5fc4;
}

.client-details[b-68vu412x35]  .cd-grace-unit {
    margin-left: -4px;
    color: #64748b;
    font-size: .85rem;
    font-weight: 700;
}

.client-details[b-68vu412x35]  .cd-grace-save {
    min-height: 44px;
    padding: 0 18px;
    border: 1px solid #0b2f52;
    border-radius: 10px;
    background: #0b2f52;
    color: #fff;
    font-size: .85rem;
    font-weight: 700;
    font-family: inherit;
    cursor: pointer;
}

.client-details[b-68vu412x35]  .cd-grace-save:hover:not(:disabled) { background: #0d3a66; }
.client-details[b-68vu412x35]  .cd-grace-save:disabled { opacity: .6; cursor: not-allowed; }

.client-details[b-68vu412x35]  .cd-grace-current {
    flex: 1 1 220px;
    color: #64748b;
    font-size: .82rem;
}

@media (max-width: 599px) {
    .client-details[b-68vu412x35]  .cd-grace-save { flex: 1 1 100%; }
}
/* /Components/Pages/ClientOnboarding.razor.rz.scp.css */
.ob-page[b-hu4abogu1p] {
    width: min(100%, 1080px);
    margin: 0 auto;
    padding: .5rem .35rem 2rem;
    color: var(--ink-700);
    text-align: left;
}

.ob-hero[b-hu4abogu1p] {
    margin-bottom: 1.1rem;
    padding: 26px 30px;
    border-radius: 18px;
    background: linear-gradient(135deg, var(--blue-900) 0%, #071a30 100%);
    box-shadow: 0 14px 32px -16px rgba(8, 33, 56, .5);
}

.ob-eyebrow[b-hu4abogu1p] {
    display: inline-flex;
    align-items: center;
    margin: 0 0 .5rem;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .12);
    color: var(--orange-500);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.ob-hero h1[b-hu4abogu1p] {
    margin: 0;
    color: #fff;
    font-size: clamp(1.8rem, 3vw, 2.4rem);
    font-weight: 800;
    letter-spacing: -.03em;
}

.ob-hero p:not(.ob-eyebrow)[b-hu4abogu1p] {
    max-width: 640px;
    margin: .5rem 0 0;
    color: #c8d6e6;
    font-size: .92rem;
    line-height: 1.6;
}

.ob-loading[b-hu4abogu1p] {
    padding: 2px 2px 1.1rem;
}

.ob-steps[b-hu4abogu1p] {
    display: grid;
    gap: 14px;
}

.ob-step[b-hu4abogu1p] {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 16px;
    padding: 1.25rem;
    background: #fff;
    border: 1px solid var(--ink-300);
    border-left: 4px solid var(--ink-300);
    border-radius: 16px;
    box-shadow: 0 1px 2px rgba(17, 24, 39, .04), 0 8px 20px rgba(17, 24, 39, .05);
}

.ob-step.done[b-hu4abogu1p] { border-left-color: var(--green-600); }
.ob-step.active[b-hu4abogu1p] { border-left-color: var(--blue-600); }
.ob-step.warning[b-hu4abogu1p] { border-left-color: var(--orange-600); }
.ob-step.pending[b-hu4abogu1p] { border-left-color: var(--ink-300); }

.ob-step-marker[b-hu4abogu1p] {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 50%;
    background: var(--ink-100);
    color: var(--ink-500);
    font-size: 1rem;
    font-weight: 800;
}

.ob-step.done .ob-step-marker[b-hu4abogu1p] { background: var(--green-100); color: var(--green-700); }
.ob-step.active .ob-step-marker[b-hu4abogu1p] { background: var(--blue-100); color: var(--blue-700); }
.ob-step.warning .ob-step-marker[b-hu4abogu1p] { background: var(--orange-100); color: var(--orange-700); }

.ob-step-body[b-hu4abogu1p] {
    min-width: 0;
    display: grid;
    gap: .55rem;
    align-content: start;
    grid-template-columns: minmax(0, 1fr);
}

.ob-step-heading[b-hu4abogu1p] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.ob-step-heading h2[b-hu4abogu1p] {
    margin: 0;
    color: var(--ink-900);
    font-size: 1.05rem;
    font-weight: 780;
}

.ob-step-badge[b-hu4abogu1p] {
    display: inline-flex;
    align-items: center;
    padding: 4px 11px;
    border-radius: 999px;
    background: var(--ink-100);
    color: var(--ink-500);
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.ob-step-badge.done[b-hu4abogu1p] { background: var(--green-100); color: var(--green-700); }
.ob-step-badge.active[b-hu4abogu1p] { background: var(--blue-100); color: var(--blue-700); }
.ob-step-badge.warning[b-hu4abogu1p] { background: var(--orange-100); color: var(--orange-700); }
.ob-step-badge.utility[b-hu4abogu1p] { background: var(--brown-100); color: var(--brown-700); }

.ob-step-subheading[b-hu4abogu1p] {
    margin: 0;
    color: var(--ink-900);
    font-size: .92rem;
    font-weight: 700;
}

.ob-step-text[b-hu4abogu1p] {
    margin: 0;
    color: var(--ink-700);
    font-size: .85rem;
    line-height: 1.6;
}

.ob-step-alert[b-hu4abogu1p] {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    padding: .7rem .9rem;
    border-radius: 12px;
    font-size: .83rem;
    line-height: 1.5;
}

.ob-step-alert[b-hu4abogu1p]  .mud-icon-root {
    flex: 0 0 auto;
    font-size: 1.15rem;
}

.ob-step-alert.success[b-hu4abogu1p] {
    background: var(--green-50);
    color: var(--green-700);
}

.ob-step-alert.success[b-hu4abogu1p]  .mud-icon-root { color: var(--green-700); }

.ob-step-alert.info[b-hu4abogu1p] {
    background: var(--blue-50);
    color: var(--blue-700);
}

.ob-step-alert.info[b-hu4abogu1p]  .mud-icon-root { color: var(--blue-700); }

.ob-step-alert.warning[b-hu4abogu1p] {
    background: var(--orange-50);
    color: var(--orange-700);
}

.ob-step-alert.warning[b-hu4abogu1p]  .mud-icon-root { color: var(--orange-700); }

.ob-option-stack[b-hu4abogu1p] {
    display: grid;
    gap: 12px;
}

.ob-option-card[b-hu4abogu1p] {
    padding: 1rem 1.1rem;
    background: var(--ink-100);
    border: 1px solid var(--ink-300);
    border-radius: 14px;
}

.ob-option-card h3[b-hu4abogu1p] {
    margin: 0 0 .3rem;
    color: var(--ink-900);
    font-size: .96rem;
    font-weight: 750;
}

.ob-option-card > p[b-hu4abogu1p] {
    margin: 0 0 .85rem;
    color: var(--ink-500);
    font-size: .82rem;
    line-height: 1.55;
}

.ob-product-grid[b-hu4abogu1p] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: .4rem;
}

.ob-product-card[b-hu4abogu1p] {
    min-width: 0;
    padding: .9rem 1rem;
    background: #fff;
    border: 1px solid var(--ink-300);
    border-radius: 12px;
}

.ob-product-card h4[b-hu4abogu1p] {
    margin: 0;
    color: var(--ink-900);
    font-size: .92rem;
    font-weight: 750;
}

.ob-product-price[b-hu4abogu1p] {
    margin: .3rem 0 0;
    color: var(--blue-700);
    font-size: .84rem;
    font-weight: 700;
}

.ob-product-desc[b-hu4abogu1p] {
    margin: .35rem 0 0;
    color: var(--ink-500);
    font-size: .78rem;
    line-height: 1.5;
}

.ob-product-modules[b-hu4abogu1p] {
    margin: .4rem 0 0;
    color: var(--ink-500);
    font-size: .68rem;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.ob-step-body[b-hu4abogu1p]  .mud-input-outlined-border {
    border-color: var(--ink-300);
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

.ob-step-body[b-hu4abogu1p]  .mud-input-outlined.mud-focused .mud-input-outlined-border {
    border-color: var(--blue-600) !important;
    border-width: 2px !important;
    box-shadow: 0 0 0 3px var(--blue-100);
}

.ob-step-body[b-hu4abogu1p]  .mud-button-filled-primary {
    background-color: var(--orange-600) !important;
    box-shadow: 0 6px 16px -6px rgba(234, 88, 12, .55);
    transition: background-color 150ms ease, transform 150ms ease, box-shadow 150ms ease;
}

.ob-step-body[b-hu4abogu1p]  .mud-button-filled-primary:hover {
    background-color: var(--orange-700) !important;
    transform: translateY(-1px);
}

.ob-step-body[b-hu4abogu1p]  .mud-button-outlined.mud-button-outlined-primary {
    border-color: var(--blue-600) !important;
    color: var(--blue-700) !important;
}

.ob-step-body[b-hu4abogu1p]  .mud-button-outlined.mud-button-outlined-primary:hover {
    background-color: var(--blue-50) !important;
}

.ob-utility-card[b-hu4abogu1p] {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 16px;
    padding: 1.25rem;
    background: var(--brown-100);
    border: 1px solid var(--brown-500);
    border-radius: 16px;
}

.ob-utility-icon[b-hu4abogu1p] {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 50%;
    background: #fff;
    color: var(--brown-700);
}

.ob-utility-body[b-hu4abogu1p] {
    min-width: 0;
    display: grid;
    gap: .55rem;
    align-content: start;
    grid-template-columns: minmax(0, 1fr);
}

.ob-utility-body .ob-step-heading h2[b-hu4abogu1p] {
    color: var(--brown-700);
}

.ob-utility-body .ob-step-text[b-hu4abogu1p] {
    color: var(--brown-700);
}

.ob-utility-body[b-hu4abogu1p]  .mud-button-outlined.mud-button-outlined-warning {
    border-color: var(--brown-700) !important;
    color: var(--brown-700) !important;
    background: #fff !important;
}

.ob-utility-body[b-hu4abogu1p]  .mud-button-outlined.mud-button-outlined-warning:hover {
    background: var(--brown-100) !important;
}

.ob-alert[b-hu4abogu1p] {
    margin-top: 1.1rem;
    border-radius: 14px;
}

@media (max-width: 700px) {
    .ob-page[b-hu4abogu1p] {
        padding-inline: 0;
    }

    .ob-step[b-hu4abogu1p],
    .ob-utility-card[b-hu4abogu1p] {
        grid-template-columns: minmax(0, 1fr);
        padding: 1rem;
    }

    .ob-step-marker[b-hu4abogu1p],
    .ob-utility-icon[b-hu4abogu1p] {
        width: 34px;
        height: 34px;
    }

    .ob-product-grid[b-hu4abogu1p] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/ClientPharmacyProfile.razor.rz.scp.css */
.pp-page[b-rez084ufjy] {
    width: min(100%, 1080px);
    margin: 0 auto;
    padding: .5rem .35rem 2rem;
    color: var(--ink-700);
    text-align: left;
}

.pp-hero[b-rez084ufjy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.1rem;
    padding: 26px 30px;
    border-radius: 18px;
    background: linear-gradient(135deg, var(--blue-900) 0%, #071a30 100%);
    box-shadow: 0 14px 32px -16px rgba(8, 33, 56, .5);
}

.pp-eyebrow[b-rez084ufjy] {
    display: inline-flex;
    align-items: center;
    margin: 0 0 .5rem;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .12);
    color: var(--orange-500);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.pp-hero h1[b-rez084ufjy] {
    margin: 0;
    color: #fff;
    font-size: clamp(1.8rem, 3vw, 2.4rem);
    font-weight: 800;
    letter-spacing: -.03em;
}

.pp-hero p:not(.pp-eyebrow)[b-rez084ufjy] {
    max-width: 640px;
    margin: .5rem 0 0;
    color: #c8d6e6;
    font-size: .92rem;
    line-height: 1.6;
}

.pp-alert[b-rez084ufjy] {
    margin-bottom: 1.1rem;
    border-radius: 14px;
}

.pp-status-row[b-rez084ufjy] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-bottom: 1.1rem;
}

.pp-status-chip[b-rez084ufjy] {
    display: inline-flex;
    align-items: center;
    padding: 6px 14px;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .02em;
    text-transform: uppercase;
    white-space: nowrap;
}

.pp-status-chip.draft[b-rez084ufjy] {
    background: var(--ink-100);
    color: var(--ink-500);
}

.pp-status-chip.submitted[b-rez084ufjy] {
    background: var(--blue-100);
    color: var(--blue-700);
}

.pp-status-chip.verified[b-rez084ufjy] {
    background: var(--green-100);
    color: var(--green-700);
}

.pp-status-chip.changes-requested[b-rez084ufjy] {
    background: var(--orange-100);
    color: var(--orange-700);
}

.pp-notice[b-rez084ufjy] {
    display: flex;
    flex: 1 1 260px;
    align-items: flex-start;
    gap: .65rem;
    padding: .7rem .9rem;
    border: 1px solid var(--blue-100);
    border-radius: 12px;
    background: var(--blue-50);
    color: var(--blue-700);
    font-size: .82rem;
    line-height: 1.5;
}

.pp-notice[b-rez084ufjy]  .mud-icon-root {
    flex: 0 0 auto;
    color: var(--blue-700);
}

.pp-card[b-rez084ufjy] {
    margin-bottom: 1rem;
    padding: 1.25rem;
    background: #fff;
    border: 1px solid var(--ink-300);
    border-radius: 16px;
    box-shadow: 0 1px 2px rgba(17, 24, 39, .04), 0 8px 20px rgba(17, 24, 39, .05);
}

.pp-card-heading[b-rez084ufjy] {
    display: flex;
    align-items: flex-start;
    gap: .85rem;
    margin-bottom: 1.1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--ink-100);
}

.pp-card-icon[b-rez084ufjy] {
    display: grid;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    place-items: center;
    color: var(--blue-600);
    background: var(--blue-50);
    border-radius: 10px;
}

.pp-card-icon.blue[b-rez084ufjy] { color: var(--blue-600); background: var(--blue-50); }
.pp-card-icon.green[b-rez084ufjy] { color: var(--green-600); background: var(--green-50); }
.pp-card-icon.orange[b-rez084ufjy] { color: var(--orange-600); background: var(--orange-50); }

.pp-card-heading h2[b-rez084ufjy] {
    margin: 0;
    color: var(--ink-900);
    font-size: 1.05rem;
    font-weight: 780;
}

.pp-card-heading p[b-rez084ufjy] {
    margin: .2rem 0 0;
    color: var(--ink-500);
    font-size: .8rem;
}

.pp-fields[b-rez084ufjy] {
    display: grid;
    gap: .85rem 1rem;
}

.pp-fields.two-columns[b-rez084ufjy] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pp-fields.three-columns[b-rez084ufjy] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pp-field-wide[b-rez084ufjy] {
    grid-column: 1 / -1;
}

.pp-card[b-rez084ufjy]  .mud-input-control {
    margin-top: 0;
}

.pp-card[b-rez084ufjy]  .mud-input-outlined-border {
    border-color: var(--ink-300);
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

.pp-card[b-rez084ufjy]  .mud-input-outlined.mud-focused .mud-input-outlined-border {
    border-color: var(--blue-600) !important;
    border-width: 2px !important;
    box-shadow: 0 0 0 3px var(--blue-100);
}

.pp-card[b-rez084ufjy]  .mud-input:hover:not(.mud-disabled) .mud-input-outlined-border {
    border-color: var(--blue-500);
}

.pp-upload-grid[b-rez084ufjy] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
    margin-top: 1rem;
}

.pp-upload-tile[b-rez084ufjy] {
    min-width: 0;
    padding: 1rem;
    text-align: center;
    background: var(--ink-100);
    border: 1px dashed var(--ink-300);
    border-radius: 10px;
    transition: border-color 150ms ease;
}

.pp-upload-tile:hover[b-rez084ufjy] {
    border-color: var(--blue-500);
}

.pp-upload-tile h3[b-rez084ufjy] {
    margin: .7rem 0 .2rem;
    color: var(--ink-900);
    font-size: .94rem;
}

.pp-upload-tile p[b-rez084ufjy] {
    min-height: 2.4rem;
    margin: 0 0 .75rem;
    color: var(--ink-500);
    font-size: .76rem;
    line-height: 1.45;
}

.pp-asset-preview[b-rez084ufjy] {
    display: grid;
    width: 100%;
    height: 64px;
    place-items: center;
    color: var(--ink-500);
    background: #fff;
    border: 1px solid var(--ink-100);
    border-radius: 10px;
}

.pp-upload-button[b-rez084ufjy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: .45rem .85rem;
    color: var(--blue-700);
    background: #fff;
    border: 1px solid var(--blue-700);
    border-radius: 8px;
    cursor: pointer;
    font-size: .79rem;
    font-weight: 750;
    transition: background-color 150ms ease, color 150ms ease;
}

.pp-upload-button:hover[b-rez084ufjy] {
    color: #fff;
    background: var(--blue-700);
}

.pp-upload-button:focus-within[b-rez084ufjy] {
    outline: 2px solid var(--blue-600);
    outline-offset: 2px;
}

.pp-upload-button[b-rez084ufjy]  input[type=file] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    overflow: hidden;
}

.pp-asset-status[b-rez084ufjy] {
    display: block;
    margin-top: .55rem;
    color: var(--ink-500);
    font-size: .7rem;
}

.pp-asset-url-fields[b-rez084ufjy] {
    margin-top: 1rem;
}

.pp-actions[b-rez084ufjy] {
    display: flex;
    justify-content: flex-end;
    padding: .35rem 0;
}

.pp-actions[b-rez084ufjy]  .mud-button-filled-primary {
    background-color: var(--orange-600) !important;
    box-shadow: 0 6px 16px -6px rgba(234, 88, 12, .55);
    transition: background-color 150ms ease, transform 150ms ease, box-shadow 150ms ease;
}

.pp-actions[b-rez084ufjy]  .mud-button-filled-primary:hover {
    background-color: var(--orange-700) !important;
    transform: translateY(-1px);
}

.pp-actions[b-rez084ufjy]  .mud-button-root:focus-visible {
    outline: 2px solid var(--blue-600);
    outline-offset: 2px;
}

@media (max-width: 640px) {
    .pp-page[b-rez084ufjy] {
        padding-inline: 0;
    }

    .pp-hero[b-rez084ufjy] {
        flex-direction: column;
        align-items: stretch;
    }

    .pp-fields.two-columns[b-rez084ufjy],
    .pp-fields.three-columns[b-rez084ufjy],
    .pp-upload-grid[b-rez084ufjy] {
        grid-template-columns: minmax(0, 1fr);
    }

    .pp-card[b-rez084ufjy] {
        padding: 1rem;
    }

    .pp-actions[b-rez084ufjy]  .mud-button-root {
        width: 100%;
    }
}
/* /Components/Pages/ClinicalGuidelineDetail.razor.rz.scp.css */
.cgd-page[b-kps6oizgz3] { --navy: #123a59; --navy-2: #1d4f73; --ink: #183447; --muted: #667d8d; --line: #dbe4ea; --soft: #f9fbfd; --blue: #2f70b7; --blue-soft: #eef5fb; --orange: #e8752c; --orange-soft: #fff4eb; --red: #aa3737; --red-soft: #fff0f0; --green: #16705a; --green-soft: #edf8f4; --purple: #a67450; --purple-soft: #faf4ef; --shell-shadow: 0 10px 30px rgba(31,61,84,.08); min-height: 100vh; color: var(--ink); background: #f4f8fa; padding: 24px clamp(0px, 3vw, 24px); font: 16px/1.64 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; font-feature-settings: normal; }
.cgd-preview-banner[b-kps6oizgz3] { display: flex; align-items: center; gap: .55rem; padding: .7rem clamp(1rem,5vw,4rem); color: #5f4300; background: #fff3cd; border-bottom: 1px solid #ead38d; font-size: .8rem; }
.cgd-preview-banner strong[b-kps6oizgz3] { color: #3f2d00; }
.cgd-preview-banner a[b-kps6oizgz3] { margin-left: auto; color: #173a55; font-weight: 850; }
.cgd-shell[b-kps6oizgz3] { max-width: 1500px; margin: 0 auto; background: #fff; border: 1px solid #d9e4ea; border-radius: 22px; box-shadow: var(--shell-shadow); }
.cgd-breadcrumbs[b-kps6oizgz3] { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; padding: .85rem clamp(1rem, 3vw, 40px) 0; border-radius: 22px 22px 0 0; color: var(--muted); font-size: .78rem; background: #fff; }
.cgd-breadcrumbs a[b-kps6oizgz3] { color: var(--blue); font-weight: 700; text-decoration: none; }
.cgd-breadcrumbs a:hover[b-kps6oizgz3] { text-decoration: underline; }
.cgd-breadcrumbs strong[b-kps6oizgz3] { color: var(--navy); font-weight: 750; }
.cgd-meta-bar[b-kps6oizgz3] { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem 1.3rem; padding: 1rem clamp(1rem, 3vw, 40px); border-bottom: 1px solid var(--line); color: #667c8d; font-size: .78rem; background: var(--soft); }
.cgd-meta-bar span[b-kps6oizgz3], .cgd-meta-bar button[b-kps6oizgz3] { display: inline-flex; align-items: center; gap: .35rem; }
.cgd-meta-bar button[b-kps6oizgz3] { border: 1px solid var(--line); border-radius: 9px; padding: .45rem .75rem; color: #17354d; background: #fff; font-weight: 750; cursor: pointer; }
.cgd-meta-bar button:hover[b-kps6oizgz3] { background: var(--blue-soft); border-color: #bcd6e8; }
.cgd-badge[b-kps6oizgz3] { padding: .28rem .6rem; border-radius: 999px; font-size: .68rem; font-weight: 850; letter-spacing: .03em; text-transform: uppercase; }
.cgd-badge-us[b-kps6oizgz3] { color: var(--blue); background: var(--blue-soft); }
.cgd-badge-pebc[b-kps6oizgz3] { color: var(--purple); background: var(--purple-soft); }
.cgd-layout[b-kps6oizgz3] { display: grid; grid-template-columns: 300px minmax(0, 1fr); align-items: start; gap: 0; }
.cgd-toc[b-kps6oizgz3] { position: sticky; top: 1.25rem; max-height: calc(100vh - 2.5rem); overflow: auto; padding: 1.4rem 1.1rem; border-right: 1px solid var(--line); background: var(--soft); }
.cgd-toc > strong[b-kps6oizgz3] { display: block; padding: .15rem .45rem .7rem; border-bottom: 1px solid #e7edf1; color: #5c7282; font-size: .72rem; letter-spacing: .09em; text-transform: uppercase; }
.cgd-toc nav[b-kps6oizgz3] { display: grid; gap: .15rem; margin-top: .5rem; }
.cgd-toc a[b-kps6oizgz3] { display: flex; align-items: center; gap: .45rem; padding: .4rem .5rem; border-left: 3px solid transparent; border-radius: 6px; color: #5c7282; text-decoration: none; font-size: .77rem; font-weight: 700; }
.cgd-toc a.locked[b-kps6oizgz3] { color: #80909b; }
.cgd-toc-text[b-kps6oizgz3] { min-width: 0; flex: 1 1 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.cgd-toc a[b-kps6oizgz3] >  svg:last-child { flex: 0 0 auto; width: 14px; height: 14px; margin-left: auto; }
.cgd-toc-icon[b-kps6oizgz3] { display: grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; border-radius: 8px; }
.cgd-toc-icon[b-kps6oizgz3]  svg { width: 15px; height: 15px; }
.cgd-toc a:hover[b-kps6oizgz3], .cgd-toc a:focus-visible[b-kps6oizgz3] { border-left-color: var(--blue); color: #17354d; background: #fff; }
.cgd-content[b-kps6oizgz3] { min-width: 0; max-width: 1120px; padding: 0 clamp(1rem, 3vw, 40px) 38px; }
.cgd-section[b-kps6oizgz3], .cgd-references[b-kps6oizgz3] { scroll-margin-top: 1.25rem; padding: 30px 0 34px; border-bottom: 1px solid var(--line); }
.cgd-references[b-kps6oizgz3] { border-bottom: 0; }
.cgd-section > header[b-kps6oizgz3], .cgd-references > header[b-kps6oizgz3] { display: flex; align-items: center; gap: 16px; margin-bottom: 4px; }
.cgd-section-icon[b-kps6oizgz3] { display: grid; place-items: center; flex: 0 0 54px; width: 54px; height: 54px; border-radius: 16px; }
.cgd-section-icon[b-kps6oizgz3]  svg { width: 27px; height: 27px; }
.cgd-section h2[b-kps6oizgz3], .cgd-references h2[b-kps6oizgz3] { margin: 0; color: var(--navy); font-size: 1.5625rem; font-weight: 800; letter-spacing: -.015em; }
.tone-info[b-kps6oizgz3] { color: #2f6ea3; background: #edf5fb; }
.tone-caution[b-kps6oizgz3] { color: #9a6a10; background: #fff8e8; }
.tone-danger[b-kps6oizgz3] { color: #b83b32; background: #fde6e2; }
.tone-treatment[b-kps6oizgz3] { color: #2f7a43; background: #e7f3e3; }
.cgd-rich-content[b-kps6oizgz3] { overflow-x: auto; overflow-wrap: anywhere; padding-top: .95rem; color: var(--ink); line-height: 1.7; }
.cgd-rich-content[b-kps6oizgz3]  p:first-child, .cgd-rich-content[b-kps6oizgz3]  ul:first-child, .cgd-rich-content[b-kps6oizgz3]  ol:first-child { margin-top: 0; }
.cgd-rich-content[b-kps6oizgz3]  li { margin-bottom: .5rem; }
.cgd-rich-content[b-kps6oizgz3]  h3 { margin: 1.4375rem 0 .5rem; color: var(--navy-2); font-size: 1.125rem; font-weight: 750; }
.cgd-rich-content[b-kps6oizgz3]  h3:first-child { margin-top: 0; }
.cgd-rich-content[b-kps6oizgz3]  h4 { margin: 1.0625rem 0 .4375rem; color: var(--navy-2); font-size: 1rem; font-weight: 750; }
.cgd-rich-content[b-kps6oizgz3]  blockquote { display: block; margin: 1rem 0 1.2rem; padding: 1rem 1.15rem; border: 1px solid #cfe1ef; border-radius: 14px; color: #275a80; background: var(--blue-soft); font-size: .92rem; line-height: 1.55; overflow-wrap: normal; word-break: normal; }
.cgd-rich-content[b-kps6oizgz3]  blockquote::before { content: "ⓘ"; float: left; margin: 0 .6rem .2rem 0; font-size: 1.05rem; font-weight: 900; line-height: 1.4; }
.cgd-rich-content[b-kps6oizgz3]  blockquote strong { color: inherit; }
.cgd-rich-content[b-kps6oizgz3]  table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--line); border-radius: 12px; font-size: .85rem; }
.cgd-rich-content[b-kps6oizgz3]  th, .cgd-rich-content[b-kps6oizgz3]  td { min-width: 150px; padding: .8rem .85rem; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
.cgd-rich-content[b-kps6oizgz3]  tbody tr { background: #fff; }
.cgd-rich-content[b-kps6oizgz3]  tbody tr:nth-child(even) { background: #fafcfd; }
.cgd-rich-content[b-kps6oizgz3]  tr:last-child td { border-bottom: 0; }
.cgd-rich-content[b-kps6oizgz3]  th { color: #fff; background: var(--navy); font-size: .8125rem; font-weight: 700; vertical-align: bottom; }
.cgd-rich-content[b-kps6oizgz3]  th:first-child, .cgd-rich-content[b-kps6oizgz3]  td:first-child { position: sticky; left: 0; z-index: 1; box-shadow: 2px 0 4px -2px rgba(23,52,77,.18); }
.cgd-rich-content[b-kps6oizgz3]  td:first-child { background: inherit; }
.cgd-rich-content[b-kps6oizgz3]  th:first-child { z-index: 2; background: var(--navy); border-top-left-radius: 11px; }
.cgd-rich-content[b-kps6oizgz3]  thead th:last-child { border-top-right-radius: 11px; }
.cgd-rich-content[b-kps6oizgz3] { background-image: linear-gradient(to right, #fff 30%, rgba(255,255,255,0)), linear-gradient(to right, rgba(255,255,255,0), #fff 70%), linear-gradient(to right, rgba(23,52,77,.18), rgba(23,52,77,0)), linear-gradient(to left, rgba(23,52,77,.18), rgba(23,52,77,0)); background-position: left, right, left, right; background-repeat: no-repeat; background-color: #fff; background-size: 24px 100%, 24px 100%, 10px 100%, 10px 100%; background-attachment: local, local, scroll, scroll; }
.cgd-drug-tables[b-kps6oizgz3]  tbody tr { transition: background .16s ease; }
.cgd-drug-tables[b-kps6oizgz3]  tbody tr:hover { background: var(--blue-soft); }
.cgd-drug-tables[b-kps6oizgz3]  td a { color: var(--blue); font-weight: 850; text-decoration: underline; text-decoration-color: #a9cbe2; text-underline-offset: 3px; }
.cgd-drug-tables[b-kps6oizgz3]  td a:hover { color: #17354d; text-decoration-color: #17354d; }
.cgd-rich-content[b-kps6oizgz3]  .cg-citation { margin-left: .12rem; font-size: .7em; font-weight: 900; }
.cgd-rich-content[b-kps6oizgz3]  .cg-citation a { color: var(--blue); text-decoration: none; }
.cgd-clinical-decision-algorithm[b-kps6oizgz3] { border-left: 0; }
.cgd-drug-tables[b-kps6oizgz3] { border-left: 0; }
.cgd-references ol[b-kps6oizgz3] { display: grid; gap: .7rem; padding-left: 1.4rem; color: #4d6677; font-size: .86rem; line-height: 1.55; }
.cgd-references li[b-kps6oizgz3] { scroll-margin-top: 1rem; }
.cgd-references li:target[b-kps6oizgz3] { padding: .45rem; border-radius: 7px; background: #fff5cd; }
.cgd-references a[b-kps6oizgz3] { color: var(--blue); font-weight: 750; }
.cgd-note[b-kps6oizgz3] { margin: .25rem 0 0; padding: .85rem 1rem; border: 1px solid #eddca9; border-radius: 12px; color: #685719; background: #fff9e8; font-size: .83rem; }
.cgd-state[b-kps6oizgz3] { min-height: 55vh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .8rem; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="flowbox"] { border: 1px solid var(--line); border-radius: 16px; padding: 20px; margin: 1.2rem 0; background: linear-gradient(180deg, #fbfdff, #fff); }
.cgd-rich-content[b-kps6oizgz3]  [data-block="flowtitle"] { font-size: 1.05rem; font-weight: 900; color: var(--navy); margin-bottom: 1rem; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="flow"] { display: flex; flex-direction: column; align-items: center; gap: .5rem; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="node"] { width: min(820px, 100%); border: 1px solid #b9cbd7; border-radius: 12px; padding: .8rem 1rem; background: #fff; color: var(--ink); text-align: center; font-weight: 650; font-size: .88rem; line-height: 1.45; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="node"][data-tone="start"] { background: var(--navy); color: #fff; border-color: var(--navy); font-weight: 800; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="node"][data-tone="action"] { background: var(--blue-soft); border-color: #9cbfd9; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="node"][data-tone="warn"] { background: var(--orange-soft); border-color: #efb17e; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="node"][data-tone="stop"] { background: var(--red-soft); border-color: #dea0a0; color: #8f2c2c; font-weight: 800; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="node"][data-tone="good"] { background: var(--green-soft); border-color: #97cdbd; color: #176954; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="arrow"] { font-size: 1.3rem; color: var(--muted); line-height: 1; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="arrow"]::before { content: "↓"; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="branch"] { display: grid; grid-template-columns: 1fr 1fr; gap: .9rem; width: 100%; max-width: 1060px; margin-top: .2rem; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="branch"][data-tone="three"] { grid-template-columns: repeat(3, 1fr); }
.cgd-rich-content[b-kps6oizgz3]  [data-block="flow-path"] { display: flex; flex-direction: column; gap: .5rem; align-items: center; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="branch-label"] { font-size: .66rem; font-weight: 900; text-transform: uppercase; letter-spacing: .07em; color: var(--muted); text-align: center; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="callout"] { margin: 1rem 0 1.2rem; padding: 1rem 1.15rem; border-left: 5px solid var(--blue); border-radius: 0 10px 10px 0; background: var(--blue-soft); color: var(--ink); font-size: .92rem; line-height: 1.6; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="callout"] strong { color: #103149; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="callout"][data-tone="pebc"] { border-left-color: var(--purple); background: var(--purple-soft); }
.cgd-rich-content[b-kps6oizgz3]  [data-block="callout"][data-tone="clinical"] { border-left-color: var(--blue); background: var(--blue-soft); }
.cgd-rich-content[b-kps6oizgz3]  [data-block="callout"][data-tone="warning"] { border-left-color: var(--red); background: var(--red-soft); }
.cgd-rich-content[b-kps6oizgz3]  [data-block="callout"][data-tone="pregnancy"] { border-left-color: var(--purple); background: var(--purple-soft); }
.cgd-rich-content[b-kps6oizgz3]  [data-block="callout"][data-tone="tip"] { border-left-color: var(--orange); background: var(--orange-soft); }
.cgd-rich-content[b-kps6oizgz3]  [data-block="directive"] { margin: .9rem 0; padding: 1rem 1.15rem; border-radius: 0 12px 12px 0; border-left: 5px solid var(--blue); background: var(--blue-soft); }
.cgd-rich-content[b-kps6oizgz3]  [data-block="directive-title"] { display: block; margin-bottom: .4rem; color: #103149; font-size: .72rem; font-weight: 900; text-transform: uppercase; letter-spacing: .07em; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="directive"][data-tone="action"] { border-left-color: var(--orange); background: var(--orange-soft); }
.cgd-rich-content[b-kps6oizgz3]  [data-block="directive"][data-tone="avoid"] { border-left-color: var(--red); background: var(--red-soft); }
.cgd-rich-content[b-kps6oizgz3]  [data-block="directive"][data-tone="escalate"] { border-left-color: var(--red); background: var(--red-soft); }
.cgd-rich-content[b-kps6oizgz3]  [data-block="directive"][data-tone="maintain"] { border-left-color: var(--green); background: var(--green-soft); }
.cgd-rich-content[b-kps6oizgz3]  [data-block="tag"] { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: .68rem; font-weight: 850; margin: 2px 4px 2px 0; background: #e9f0f5; color: var(--navy); }
.cgd-rich-content[b-kps6oizgz3]  [data-block="tag"][data-tone="pref"] { background: #e6f5ef; color: #176852; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="tag"][data-tone="alt"] { background: #fff0de; color: #945700; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="tag"][data-tone="special"] { background: #faf2ec; color: #a36d47; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="tag"][data-tone="avoid"] { background: #fde8e8; color: #9c2e2e; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="combo-plus"] { color: var(--red); font-weight: 900; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="card"] { border: 1px solid var(--line); border-radius: 12px; padding: 1rem 1.15rem; margin: 1rem 0; background: #fff; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="card"] h3, .cgd-rich-content[b-kps6oizgz3]  [data-block="card"] h4 { margin-top: 0; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="grid2"] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: 1rem 0; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="grid3"] { display: grid; grid-template-columns: repeat(3, 1fr); gap: .9rem; margin: 1rem 0; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="lesson-gallery"] { border: 1px solid var(--line); border-radius: 14px; padding: 14px; margin: 1.1rem 0; background: #fff; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="lesson-gallery"] img { display: block; width: 100%; max-width: 820px; margin: 0 auto; border-radius: 10px; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="caption"] { display: block; text-align: center; font-size: .74rem; color: var(--muted); margin-top: .5rem; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="clinical-path"] { display: grid; grid-template-columns: 160px minmax(0,1fr); gap: 14px; margin: .8rem 0; padding: 15px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="path-label"] { font-weight: 900; color: var(--navy-2); }
.cgd-rich-content[b-kps6oizgz3]  [data-block="path-body"] strong { color: var(--navy-2); }
.cgd-rich-content[b-kps6oizgz3]  [data-block="treatment-group"] { margin: 1.3rem 0 1.5rem; border: 1px solid var(--line); border-top: 4px solid var(--navy); border-radius: 18px; background: #fff; overflow: hidden; box-shadow: 0 8px 28px rgba(29,56,80,.08); }
.cgd-rich-content[b-kps6oizgz3]  [data-block="treatment-group-label"] { display: flex; align-items: center; gap: 10px; padding: 14px 17px; border-bottom: 1px solid var(--line); background: var(--soft); }
.cgd-rich-content[b-kps6oizgz3]  [data-block="treatment-group-label"] h3, .cgd-rich-content[b-kps6oizgz3]  [data-block="treatment-group-label"] h4 { margin: 0; color: var(--navy-2); font-size: 1.05rem; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="treatment-group-label"] p { margin: .2rem 0 0; color: var(--muted); font-size: .8rem; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="label-icon"] { display: inline-grid; place-items: center; flex: 0 0 30px; width: 30px; height: 30px; border-radius: 9px; background: #fff; border: 1px solid var(--line); font-size: .85rem; font-weight: 800; color: var(--navy-2); }
.cgd-rich-content[b-kps6oizgz3]  [data-block="treatment-group-body"] { padding: 17px; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="treatment-item"] { padding: 14px 0; border-bottom: 1px solid #e8edf1; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="treatment-item"]:first-child { padding-top: 0; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="treatment-item"]:last-child { border-bottom: 0; padding-bottom: 0; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="treatment-item"] h4 { display: inline-block; margin: 0 0 .4rem; padding: 4px 9px; border: 1px solid var(--line); border-radius: 8px; background: var(--soft); color: #294e69; font-size: .92rem; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="treatment-group"][data-tone="nonpharm"] { border-top-color: var(--green); }
.cgd-rich-content[b-kps6oizgz3]  [data-block="treatment-group"][data-tone="nonpharm"] [data-block="treatment-group-label"] { background: #eff8ef; border-bottom-color: #d9e8da; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="treatment-group"][data-tone="topical"] { border-top-color: var(--blue); }
.cgd-rich-content[b-kps6oizgz3]  [data-block="treatment-group"][data-tone="topical"] [data-block="treatment-group-label"] { background: var(--blue-soft); border-bottom-color: #d3e5f1; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="treatment-group"][data-tone="systemic"] { border-top-color: var(--orange); }
.cgd-rich-content[b-kps6oizgz3]  [data-block="treatment-group"][data-tone="systemic"] [data-block="treatment-group-label"] { background: #fff6e9; border-bottom-color: #f0dfc5; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="treatment-group"][data-tone="hormonal"] { border-top-color: var(--purple); }
.cgd-rich-content[b-kps6oizgz3]  [data-block="treatment-group"][data-tone="hormonal"] [data-block="treatment-group-label"] { background: #fbf5f0; border-bottom-color: #eee1d8; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="treatment-group"][data-tone="retinoid"] { border-top-color: var(--red); }
.cgd-rich-content[b-kps6oizgz3]  [data-block="treatment-group"][data-tone="retinoid"] [data-block="treatment-group-label"] { background: #fff0f2; border-bottom-color: #efd9dd; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="treatment-group"][data-tone="procedure"] { border-top-color: #5b7c8d; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="treatment-group"][data-tone="procedure"] [data-block="treatment-group-label"] { background: #f1f4f8; border-bottom-color: #d9e3e8; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="treatment-group"][data-tone="special"] { border-top-color: #1c4e8f; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="treatment-group"][data-tone="special"] [data-block="treatment-group-label"] { background: #eef2f8; border-bottom-color: #d4dde8; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="decision-tree"] { position: relative; margin: 1.2rem 0 .5rem; counter-reset: dstep; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="decision-step"] { counter-increment: dstep; position: relative; margin: 0 0 18px; padding: 20px 20px 20px 64px; border: 1px solid var(--line); border-radius: 16px; background: #fff; box-shadow: 0 7px 24px rgba(29,56,80,.04); }
.cgd-rich-content[b-kps6oizgz3]  [data-block="decision-step"]::before { content: counter(dstep); position: absolute; left: 16px; top: 17px; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; background: var(--navy); color: #fff; font-weight: 900; font-size: .85rem; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="decision-step"]::after { content: ""; position: absolute; left: 31px; top: 54px; bottom: -25px; width: 2px; background: #d9e4eb; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="decision-step"]:last-child::after { display: none; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="decision-step"] h3, .cgd-rich-content[b-kps6oizgz3]  [data-block="decision-step"] h4 { margin: 0 0 .45rem; font-size: 1.05rem; color: var(--navy-2); }
.cgd-rich-content[b-kps6oizgz3]  [data-block="decision-options"] { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; margin-top: .7rem; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="option"] { padding: 12px 14px; border-radius: 11px; background: var(--soft); border: 1px solid var(--line); }
.cgd-rich-content[b-kps6oizgz3]  [data-block="option"] strong { color: var(--navy-2); }
.cgd-rich-content[b-kps6oizgz3]  [data-block="option"][data-tone="yes"] { background: var(--blue-soft); border-color: #d2e6f3; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="option"][data-tone="no"] { background: #fff8ef; border-color: #f0dfc7; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="exam-card"] { margin: 1rem 0; padding: 1rem 1.15rem; border: 1px solid #efe2d8; border-radius: 14px; background: #fbf9ff; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="exam-card"] strong { color: #956a4b; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="quick-grid"] { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; margin: 1rem 0 1.2rem; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="quick-card"] { padding: 14px 15px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="quick-card"] .label { display: block; color: var(--muted); font-size: .68rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="quick-card"] strong { display: block; margin-top: .3rem; color: var(--navy-2); font-size: .92rem; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="rule"] { margin: 1rem 0; padding: 14px 16px; border-radius: 13px; background: var(--soft); border: 1px solid var(--line); }
.cgd-rich-content[b-kps6oizgz3]  [data-block="rule"] b { color: var(--navy-2); }
.cgd-rich-content[b-kps6oizgz3]  [data-block="monitoring-dashboard"] { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; margin: 1.2rem 0 1.4rem; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="monitor-card"] { border: 1px solid var(--line); border-radius: 16px; background: #fff; overflow: hidden; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="monitor-card"][data-tone="full"] { grid-column: 1 / -1; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="monitor-card-head"] { display: flex; gap: 10px; align-items: center; padding: 12px 15px; border-bottom: 1px solid var(--line); background: var(--soft); }
.cgd-rich-content[b-kps6oizgz3]  [data-block="monitor-card-head"] h3, .cgd-rich-content[b-kps6oizgz3]  [data-block="monitor-card-head"] h4 { margin: 0; color: var(--navy-2); font-size: .98rem; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="monitor-card-body"] { padding: 14px 16px 16px; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="monitor-card"][data-tone="response"] [data-block="monitor-card-head"] { background: var(--blue-soft); }
.cgd-rich-content[b-kps6oizgz3]  [data-block="monitor-card"][data-tone="timing"] [data-block="monitor-card-head"] { background: #fff6e9; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="monitor-card"][data-tone="success"] [data-block="monitor-card-head"] { background: #eff8ef; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="monitor-card"][data-tone="failure"] [data-block="monitor-card-head"] { background: #fff1f1; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="monitor-card"][data-tone="hormonal"] [data-block="monitor-card-head"] { background: #fbf5f0; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="monitor-card"][data-tone="retinoid"] [data-block="monitor-card-head"] { background: #fff0f2; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="monitor-card"][data-tone="systemic"] [data-block="monitor-card-head"] { background: #fff6e9; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="monitor-checks"] { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px 12px; list-style: none; padding: 0; margin: 0; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="monitor-checks"] li { position: relative; padding: 8px 10px 8px 27px; border-radius: 9px; background: var(--soft); }
.cgd-rich-content[b-kps6oizgz3]  [data-block="monitor-checks"] li::before { content: "✓"; position: absolute; left: 8px; top: 7px; color: var(--blue); font-weight: 900; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="source-strip"] { display: flex; flex-wrap: wrap; gap: 8px; margin: .8rem 0; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="source-pill"] { display: inline-flex; align-items: center; padding: 5px 10px; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: var(--muted); font-size: .72rem; font-weight: 800; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="action-list"] { counter-reset: action; list-style: none; padding: 0; margin: 1rem 0; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="action-list"] > li { counter-increment: action; position: relative; min-height: 38px; margin: 0 0 .6rem; padding: .6rem .8rem .6rem 3.2rem; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="action-list"] > li::before { content: counter(action); position: absolute; left: 10px; top: 8px; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 8px; background: var(--navy); color: #fff; font-size: .78rem; font-weight: 850; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="category-note"] { margin: 0 0 1rem; padding: 12px 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--soft); color: var(--muted); font-size: .87rem; }
.cgd-rich-content[b-kps6oizgz3]  [data-block="small-note"] { font-size: .82rem; color: var(--muted); }
.cgd-rich-content[b-kps6oizgz3]  [data-block="calculator"] { display: block; margin: .8rem 0 1.4rem; }
.cgd-rich-content[b-kps6oizgz3]  .cgd-calculator { border: 1px solid var(--line); border-top: 4px solid var(--blue); border-radius: 18px; background: #fff; padding: 18px 20px; box-shadow: 0 8px 28px rgba(29,56,80,.08); }
.cgd-rich-content[b-kps6oizgz3]  .cgd-calculator-title { font-weight: 800; color: var(--navy-2); font-size: 1.02rem; margin-bottom: .2rem; }
.cgd-rich-content[b-kps6oizgz3]  .cgd-calculator-hint { color: var(--muted); font-size: .82rem; margin-bottom: .9rem; }
.cgd-rich-content[b-kps6oizgz3]  .cgd-calculator-criteria { display: flex; flex-direction: column; gap: 8px; margin-bottom: 1rem; }
.cgd-rich-content[b-kps6oizgz3]  .cgd-calculator-criterion { display: flex; align-items: flex-start; gap: 10px; padding: 9px 11px; border: 1px solid var(--line); border-radius: 10px; background: var(--soft); cursor: pointer; font-size: .9rem; line-height: 1.45; }
.cgd-rich-content[b-kps6oizgz3]  .cgd-calculator-criterion input { margin-top: 3px; flex: 0 0 auto; }
.cgd-rich-content[b-kps6oizgz3]  .cgd-calculator-result { padding: 13px 15px; border-radius: 12px; border-left: 5px solid var(--line); background: var(--soft); font-size: .9rem; font-weight: 650; color: var(--ink); line-height: 1.55; }
.cgd-rich-content[b-kps6oizgz3]  .cgd-calculator-result[data-band="low-risk"] { border-left-color: var(--green); background: var(--green-soft); }
.cgd-rich-content[b-kps6oizgz3]  .cgd-calculator-result[data-band="intermediate-risk"] { border-left-color: var(--orange); background: var(--orange-soft); }
.cgd-rich-content[b-kps6oizgz3]  .cgd-calculator-result[data-band="high-risk"] { border-left-color: var(--red); background: var(--red-soft); }
@media (max-width: 1000px) { .cgd-page[b-kps6oizgz3] { padding: 0; } .cgd-shell[b-kps6oizgz3] { border-radius: 0; border: 0; } .cgd-breadcrumbs[b-kps6oizgz3] { border-radius: 0; } }
@media (max-width: 800px) { .cgd-layout[b-kps6oizgz3] { grid-template-columns: minmax(0, 1fr); }  .cgd-rich-content[b-kps6oizgz3]  [data-block="branch"] { grid-template-columns: minmax(0, 1fr); } .cgd-rich-content[b-kps6oizgz3]  [data-block="clinical-path"] { grid-template-columns: minmax(0, 1fr); } .cgd-rich-content[b-kps6oizgz3]  [data-block="decision-options"] { grid-template-columns: minmax(0, 1fr); } .cgd-rich-content[b-kps6oizgz3]  [data-block="quick-grid"] { grid-template-columns: minmax(0, 1fr); } .cgd-rich-content[b-kps6oizgz3]  [data-block="monitoring-dashboard"] { grid-template-columns: minmax(0, 1fr); } .cgd-rich-content[b-kps6oizgz3]  [data-block="monitor-card"][data-tone="full"] { grid-column: auto; } .cgd-rich-content[b-kps6oizgz3]  [data-block="monitor-checks"] { grid-template-columns: minmax(0, 1fr); } .cgd-rich-content[b-kps6oizgz3]  [data-block="grid2"], .cgd-rich-content[b-kps6oizgz3]  [data-block="grid3"] { grid-template-columns: minmax(0, 1fr); } .cgd-rich-content[b-kps6oizgz3] { background-image: none; } .cgd-rich-content[b-kps6oizgz3]  table { display: block; width: 100%; border: 0; border-radius: 0; } .cgd-rich-content[b-kps6oizgz3]  thead { display: none; } .cgd-rich-content[b-kps6oizgz3]  tbody { display: block; } .cgd-rich-content[b-kps6oizgz3]  tbody tr { display: block; margin-bottom: .85rem; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: #fff; } .cgd-rich-content[b-kps6oizgz3]  tbody tr:nth-child(even) { background: #fff; } .cgd-rich-content[b-kps6oizgz3]  td { display: block; width: auto; min-width: 0; position: static; padding: .55rem .85rem; border: 0; border-bottom: 1px solid var(--line); box-shadow: none; } .cgd-rich-content[b-kps6oizgz3]  td:last-child { border-bottom: 0; } .cgd-rich-content[b-kps6oizgz3]  td::before { content: attr(data-label); display: block; margin-bottom: .15rem; color: var(--navy); font-size: .66rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; } }
@media (max-width: 480px) { .cgd-section[b-kps6oizgz3], .cgd-references[b-kps6oizgz3] { padding: 22px 0 26px; } .cgd-meta-bar[b-kps6oizgz3] { align-items: flex-start; flex-direction: column; } }
@media print { .cgd-page[b-kps6oizgz3] { padding: 0; background: #fff; } .cgd-shell[b-kps6oizgz3] { border-radius: 0; border: 0; box-shadow: none; } .cgd-breadcrumbs[b-kps6oizgz3], .cgd-meta-bar button[b-kps6oizgz3], .cgd-toc[b-kps6oizgz3] { display: none; } .cgd-layout[b-kps6oizgz3] { display: block; padding: 1rem 0; } .cgd-content[b-kps6oizgz3] { max-width: none; padding: 0 1rem; } .cgd-section[b-kps6oizgz3], .cgd-references[b-kps6oizgz3] { break-inside: avoid; } .cgd-rich-content[b-kps6oizgz3]  [data-block="treatment-group"], .cgd-rich-content[b-kps6oizgz3]  [data-block="decision-step"], .cgd-rich-content[b-kps6oizgz3]  [data-block="monitor-card"], .cgd-rich-content[b-kps6oizgz3]  [data-block="callout"], .cgd-rich-content[b-kps6oizgz3]  [data-block="directive"], .cgd-rich-content[b-kps6oizgz3]  [data-block="exam-card"], .cgd-rich-content[b-kps6oizgz3]  [data-block="flowbox"], .cgd-rich-content[b-kps6oizgz3]  [data-block="node"], .cgd-rich-content[b-kps6oizgz3]  .cgd-calculator { break-inside: avoid; box-shadow: none; } }


/* ---------------------------------------------------------------------------
   Contents on a phone.

   The section list was laid out as a nowrap scrolling strip -- 3,047px inside
   a 312px window -- so every section of a clinical guideline past the second
   was unreachable. Same control as the drug monograph: a bar that says how
   many sections there are, opening a sheet with all of them.
   --------------------------------------------------------------------------- */

.cgd-title[b-kps6oizgz3] {
    margin: 0 0 .35rem;
    padding: 0 1.4rem;
    font-size: 1.9rem;
    line-height: 1.15;
    letter-spacing: -.02em;
    color: #0b2f52;
}

.cgd-jump[b-kps6oizgz3] { display: none; }
.cgd-toc-sheet-head[b-kps6oizgz3] { display: none; }
.cgd-toc-backdrop[b-kps6oizgz3] { display: none; }

@media (max-width: 800px) {
    .cgd-title[b-kps6oizgz3] { padding: 0 1rem; font-size: 1.45rem; }

    .cgd-jump[b-kps6oizgz3] {
        position: sticky;
        top: 8px;
        z-index: 30;
        display: flex;
        align-items: center;
        gap: 8px;
        width: calc(100% - 2rem);
        min-height: 46px;
        margin: .5rem 1rem;
        padding: 0 14px;
        border: 1px solid #0b2f52;
        border-radius: 11px;
        background: #0b2f52;
        color: #fff;
        font-size: .85rem;
        font-weight: 700;
        text-align: left;
        cursor: pointer;
        box-shadow: 0 6px 18px -6px rgba(11, 47, 82, .6);
    }

    .cgd-jump-label[b-kps6oizgz3] {
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .cgd-jump-current[b-kps6oizgz3] { flex: 0 0 auto; color: #8fb4d8; font-size: .74rem; font-weight: 700; }
    .cgd-jump-caret[b-kps6oizgz3] { flex: 0 0 auto; color: #8fb4d8; }

    .cgd-toc[b-kps6oizgz3] {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: auto;
        z-index: 1401;
        display: none;
        max-height: min(78vh, 640px);
        padding: 10px 14px calc(16px + env(safe-area-inset-bottom));
        border: 0;
        border-radius: 20px 20px 0 0;
        background: #fff;
        box-shadow: 0 -18px 42px rgba(7, 24, 44, .3);
        overflow-y: auto;
    }

    .cgd-toc.is-open[b-kps6oizgz3] { display: block; }

    /* The sheet has its own header; the sidebar caption would repeat it.
       Needs to outrank `.cgd-toc > strong`, which sets display: block. */
    .cgd-toc > strong.cgd-toc-caption[b-kps6oizgz3] { display: none; }

    .cgd-toc-backdrop[b-kps6oizgz3] {
        position: fixed;
        inset: 0;
        z-index: 1400;
        display: block;
        background: rgba(7, 24, 44, .58);
    }

    .cgd-toc-sheet-head[b-kps6oizgz3] {
        position: sticky;
        top: 0;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin: 0 0 6px;
        padding: 6px 0 10px;
        background: #fff;
        box-shadow: 0 8px 10px -8px rgba(16, 38, 58, .18);
    }

    .cgd-toc-sheet-head strong[b-kps6oizgz3] {
        padding: 0;
        border: 0;
        color: #0b2f52;
        font-size: .95rem;
        letter-spacing: 0;
        text-transform: none;
    }

    .cgd-toc-close[b-kps6oizgz3] {
        display: grid;
        place-items: center;
        width: 40px;
        height: 40px;
        border: 1px solid #dce5ef;
        border-radius: 10px;
        background: #fff;
        color: #0b2f52;
        font-size: 1rem;
        cursor: pointer;
    }

    .cgd-toc nav[b-kps6oizgz3] { display: grid; gap: 2px; }

    .cgd-toc a[b-kps6oizgz3] {
        min-height: 46px;
        border: 1px solid transparent;
        border-radius: 10px;
        white-space: normal;
    }

    .cgd-toc-text[b-kps6oizgz3] { white-space: normal; overflow: visible; }
}
/* /Components/Pages/ClinicalGuidelines.razor.rz.scp.css */
.cgb-page[b-8bvh60dy8z] { --navy: #10263a; --navy-2: #173a55; --ink: #1c3245; --muted: #718494; --line: #dce5eb; --teal: #0f4791; --soft: #f9fbfd; --blue: #2f70b7; --blue-soft: #eef5fb; --orange: #e8752c; --orange-soft: #fff4eb; --red: #aa3737; --red-soft: #fff0f0; --green: #16705a; --green-soft: #edf8f4; --purple: #a67450; --purple-soft: #faf4ef; display: grid; gap: 1rem; color: var(--ink); font: 16px/1.64 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; grid-template-columns: minmax(0, 1fr); }
.cgb-breadcrumbs[b-8bvh60dy8z] { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem; color: var(--muted); font-size: .82rem; }
.cgb-breadcrumbs a[b-8bvh60dy8z] { color: var(--blue); font-weight: 700; text-decoration: none; }
.cgb-breadcrumbs a:hover[b-8bvh60dy8z] { text-decoration: underline; }
.cgb-breadcrumbs strong[b-8bvh60dy8z] { color: var(--navy); font-weight: 750; }
.cgb-title-row[b-8bvh60dy8z] { display: flex; justify-content: space-between; align-items: end; gap: 1rem; }
.cgb-kicker[b-8bvh60dy8z] { color: #083877; font-size: .7rem; font-weight: 900; letter-spacing: .15em; }
.cgb-title-row h1[b-8bvh60dy8z] { margin: .15rem 0 0; color: var(--navy); font-size: clamp(2rem, 4vw, 2.75rem); }
.cgb-title-row p[b-8bvh60dy8z] { margin: .3rem 0 0; color: var(--muted); }
.cgb-count[b-8bvh60dy8z] { display: flex; align-items: baseline; gap: .35rem; padding: .45rem .75rem; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); background: #fff; }
.cgb-count strong[b-8bvh60dy8z] { color: var(--navy); font-size: 1.1rem; }
.cgb-search-row[b-8bvh60dy8z] { display: flex; align-items: center; gap: .9rem; }
.cgb-search-shell[b-8bvh60dy8z] { position: relative; flex: 1 1 auto; min-width: 0; }
.cgb-search-shell > svg[b-8bvh60dy8z] { position: absolute; z-index: 1; left: 1rem; top: 50%; width: 20px; transform: translateY(-50%); fill: none; stroke: #637487; stroke-width: 2; }
.cgb-search-shell input[b-8bvh60dy8z] { width: 100%; min-height: 50px; padding: .85rem 1rem .85rem 3rem; border: 1px solid #cad6df; border-radius: 12px; outline: 0; color: var(--ink); background: #fff; box-shadow: 0 4px 14px rgba(16,38,58,.05); }
.cgb-search-shell input:focus[b-8bvh60dy8z] { border-color: #5b7fae; box-shadow: 0 0 0 3px rgba(15, 71, 145, .12); }
.cgb-specialty-filter[b-8bvh60dy8z] { display: flex; align-items: center; gap: .6rem; flex: 0 0 auto; }
.cgb-specialty-filter label[b-8bvh60dy8z] { color: var(--muted); font-size: .78rem; font-weight: 750; }
.cgb-specialty-filter select[b-8bvh60dy8z] { min-height: 50px; padding: .5rem 2.1rem .5rem .85rem; border: 1px solid #cad6df; border-radius: 12px; color: var(--navy); background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23637487" stroke-width="2"><path d="m6 9 6 6 6-6"/></svg>') no-repeat right .7rem center; background-size: 16px; appearance: none; font: inherit; font-size: .82rem; font-weight: 750; cursor: pointer; box-shadow: 0 4px 14px rgba(16,38,58,.05); }
.cgb-specialty-filter select:focus[b-8bvh60dy8z] { outline: 0; border-color: #5b7fae; box-shadow: 0 0 0 3px rgba(15, 71, 145, .12); }
@media (max-width: 640px) {
    .cgb-search-row[b-8bvh60dy8z] { flex-wrap: wrap; }
    .cgb-specialty-filter[b-8bvh60dy8z] { flex: 1 1 100%; }
    .cgb-specialty-filter select[b-8bvh60dy8z] { width: 100%; }
}
.cgb-browser[b-8bvh60dy8z] { display: grid; grid-template-columns: minmax(235px,270px) minmax(260px,320px) minmax(0,1fr); min-height: 650px; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: #fff; box-shadow: 0 8px 28px rgba(16,38,58,.08); }
@media (min-width: 1051px) { .cgb-browser[b-8bvh60dy8z] { height: calc(100vh - 270px); min-height: 620px; } }
.cgb-list[b-8bvh60dy8z] { min-width: 0; min-height: 0; display: flex; flex-direction: column; padding: .7rem; border-right: 1px solid var(--navy-2); color: #fff; background: var(--navy); }
.cgb-list-head[b-8bvh60dy8z] { flex: 0 0 auto; display: flex; justify-content: space-between; padding: .35rem .4rem .8rem; border-bottom: 1px solid rgba(255,255,255,.12); color: #dce8f2; text-transform: uppercase; letter-spacing: .08em; font-size: .76rem; }
.cgb-list-head span[b-8bvh60dy8z] { display: grid; min-width: 27px; height: 23px; padding: 0 .45rem; place-items: center; border-radius: 999px; color: #e9f2f8; background: #244a69; }
.cgb-list-scroll[b-8bvh60dy8z] { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
.cgb-list-scroll > button[b-8bvh60dy8z] { position: relative; width: 100%; display: grid; grid-template-columns: 1fr; justify-content: stretch; justify-items: stretch; gap: .18rem; margin-top: .35rem; padding: .78rem .8rem .78rem .9rem; border: 0; border-radius: 10px; text-align: left; color: #eef5fb; background: rgba(255,255,255,.065); cursor: pointer; transition: .16s ease; }
.cgb-list-scroll > button:hover[b-8bvh60dy8z] { transform: translateX(2px); background: rgba(255,255,255,.14); }
.cgb-list-scroll > button.selected[b-8bvh60dy8z] { color: var(--navy); background: #fff; box-shadow: 0 8px 18px rgba(0,0,0,.16); }
.cgb-list-scroll > button.selected[b-8bvh60dy8z]::before { content: ""; position: absolute; inset: 8px auto 8px 0; width: 4px; border-radius: 0 4px 4px 0; background: #f59e0b; }
.cgb-list-scroll span[b-8bvh60dy8z], .cgb-list-scroll small[b-8bvh60dy8z] { color: inherit; opacity: .74; overflow-wrap: anywhere; }
.cgb-list-scroll .cgb-public-label[b-8bvh60dy8z] { width: max-content; margin-top: .25rem; padding: .12rem .35rem; border-radius: 999px; color: #9fc3f3; background: rgba(15, 71, 145, .2); opacity: 1; font-size: .6rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.cgb-list-scroll > button.selected .cgb-public-label[b-8bvh60dy8z] { color: #083877; background: #e2eaf5; }
.cgb-badge-row[b-8bvh60dy8z] { display: flex; flex-wrap: wrap; gap: .3rem; margin-top: .25rem; }
.cgb-badge[b-8bvh60dy8z] { display: inline-flex; align-items: center; gap: .3rem; width: max-content; padding: .12rem .4rem; border-radius: 999px; opacity: 1; font-size: .6rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.cgb-badge svg[b-8bvh60dy8z] { width: 12px; height: 12px; }
.cgb-list-scroll .cgb-badge-us[b-8bvh60dy8z] { color: #bcd8f7; background: rgba(37,99,235,.22); }
.cgb-list-scroll .cgb-badge-pebc[b-8bvh60dy8z] { color: #f3e1d4; background: rgba(207, 138, 88, .22); }
.cgb-list-scroll > button.selected .cgb-badge-us[b-8bvh60dy8z] { color: #1d4ed8; background: #e3edfc; }
.cgb-list-scroll > button.selected .cgb-badge-pebc[b-8bvh60dy8z] { color: #c6753b; background: #f9f1ec; }
.cgb-meta .cgb-badge-us[b-8bvh60dy8z], .cgb-meta .cgb-badge-pebc[b-8bvh60dy8z] { font-size: .68rem; padding: .2rem .55rem; }
.cgb-meta .cgb-badge-us[b-8bvh60dy8z] { color: #1d4ed8; background: #e3edfc; }
.cgb-meta .cgb-badge-pebc[b-8bvh60dy8z] { color: #c6753b; background: #f9f1ec; }
.cgb-topics[b-8bvh60dy8z] { min-width: 0; min-height: 0; padding: .75rem; overflow-y: auto; border-right: 1px solid var(--line); background: #f8fafc; }
.cgb-toc-name[b-8bvh60dy8z] { margin: .1rem .35rem .5rem; color: var(--navy); font-size: 1rem; }
.cgb-topic-head[b-8bvh60dy8z] { margin: .2rem .35rem .65rem; color: #65778a; text-transform: uppercase; letter-spacing: .08em; font-size: .75rem; font-weight: 850; }
.cgb-topics > p[b-8bvh60dy8z] { color: var(--muted); font-size: .85rem; }
.cgb-topics > button[b-8bvh60dy8z] { width: 100%; display: grid; grid-template-columns: 34px minmax(0,1fr); align-items: center; gap: .55rem; margin-bottom: .28rem; padding: .6rem .65rem; border: 1px solid transparent; border-radius: 9px; color: #516777; background: transparent; text-align: left; font-size: .79rem; font-weight: 800; cursor: pointer; transition: .16s ease; }
.cgb-topic-icon[b-8bvh60dy8z] { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 8px; font-size: .67rem; }
.cgb-topic-icon[b-8bvh60dy8z]  svg { width: 17px; height: 17px; }
.cgb-topic-copy[b-8bvh60dy8z] { display: grid; gap: .08rem; min-width: 0; }
.cgb-topic-copy > span[b-8bvh60dy8z] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cgb-topic-copy small[b-8bvh60dy8z] { color: #81909c; font-size: .58rem; font-weight: 750; letter-spacing: .05em; text-transform: uppercase; }
.cgb-topics > button:hover[b-8bvh60dy8z] { transform: translateX(2px); color: var(--navy); background: #fff; box-shadow: 0 4px 12px rgba(16,38,58,.06); }
.cgb-topics > button.active[b-8bvh60dy8z] { border-color: var(--navy); color: #fff; background: var(--navy); box-shadow: 0 7px 16px rgba(16,38,58,.13); }
.cgb-topics > button.active .cgb-topic-icon[b-8bvh60dy8z] { outline: 2px solid rgba(255,255,255,.35); }
.cgb-topics > button.active .cgb-topic-copy small[b-8bvh60dy8z] { color: rgba(255,255,255,.68); }
.cgb-topics > button.locked:not(.active)[b-8bvh60dy8z] { color: #778894; }
.cgb-selected[b-8bvh60dy8z] { min-width: 0; min-height: 0; display: flex; flex-direction: column; overflow-y: auto; background: #f8fafc; }
.cgb-selected-head[b-8bvh60dy8z] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1.35rem; border-bottom: 1px solid var(--line); background: #fff; }
.cgb-meta[b-8bvh60dy8z] { display: flex; flex-wrap: wrap; gap: .85rem; min-width: 0; color: #718494; font-size: .75rem; }
.cgb-meta span[b-8bvh60dy8z], .cgb-print-link[b-8bvh60dy8z] { display: inline-flex; align-items: center; gap: .35rem; }
.cgb-meta svg[b-8bvh60dy8z] { width: 16px; height: 16px; }
.cgb-print-link[b-8bvh60dy8z] { flex: 0 0 auto; padding: .55rem .8rem; border: 1px solid #ff5030; border-radius: 8px; color: #fff; background: #ff5030; text-decoration: none; font-size: .82rem; font-weight: 800; white-space: nowrap; }
.cgb-print-link:hover[b-8bvh60dy8z] { border-color: #e0401f; background: #e0401f; }
.cgb-active-section[b-8bvh60dy8z] { position: relative; margin: 1.35rem; padding: 1.25rem 1.35rem 1.45rem; border: 1px solid #e3e8ee; border-radius: 14px; background: #fff; box-shadow: 0 8px 24px rgba(16,38,58,.07); }
.cgb-active-section[b-8bvh60dy8z]::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 5px; background: var(--teal); }
.cgb-active-title[b-8bvh60dy8z] { display: flex; align-items: center; gap: .7rem; padding-bottom: .85rem; border-bottom: 1px solid #edf1f4; }
.cgb-section-icon[b-8bvh60dy8z] { display: grid; flex: 0 0 40px; width: 40px; height: 40px; place-items: center; border-radius: 10px; }
.cgb-section-icon[b-8bvh60dy8z]  svg { width: 22px; height: 22px; }
.cgb-active-title h3[b-8bvh60dy8z] { margin: 0; color: var(--navy); font-size: 1.28rem; }
.tone-info[b-8bvh60dy8z] { color: #2f6ea3; background: #edf5fb; }
.tone-caution[b-8bvh60dy8z] { color: #9a6a10; background: #fff8e8; }
.tone-danger[b-8bvh60dy8z] { color: #b83b32; background: #fde6e2; }
.tone-treatment[b-8bvh60dy8z] { color: #2f7a43; background: #e7f3e3; }
.cgb-rich[b-8bvh60dy8z] { padding-top: 1rem; overflow-x: auto; color: var(--ink); line-height: 1.7; overflow-wrap: anywhere; }
.cgb-rich[b-8bvh60dy8z]  p:first-child, .cgb-rich[b-8bvh60dy8z]  ul:first-child, .cgb-rich[b-8bvh60dy8z]  ol:first-child { margin-top: 0; }
.cgb-rich[b-8bvh60dy8z]  li { margin-bottom: .45rem; }
.cgb-rich[b-8bvh60dy8z]  h3 { margin: 1.4375rem 0 .5rem; color: var(--navy-2); font-size: 1.125rem; font-weight: 750; }
.cgb-rich[b-8bvh60dy8z]  h3:first-child { margin-top: 0; }
.cgb-rich[b-8bvh60dy8z]  h4 { margin: 1.0625rem 0 .4375rem; color: var(--navy-2); font-size: 1rem; font-weight: 750; }
.cgb-rich[b-8bvh60dy8z]  blockquote { display: block; margin: 1rem 0 1.2rem; padding: 1rem 1.15rem; border: 1px solid #cfe1ef; border-radius: 14px; color: #275a80; background: var(--blue-soft); font-size: .92rem; line-height: 1.55; overflow-wrap: normal; word-break: normal; }
.cgb-rich[b-8bvh60dy8z]  blockquote::before { content: "ⓘ"; float: left; margin: 0 .6rem .2rem 0; font-size: 1.05rem; font-weight: 900; line-height: 1.4; }
.cgb-rich[b-8bvh60dy8z]  blockquote strong { color: inherit; }
.cgb-rich[b-8bvh60dy8z]  table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--line); border-radius: 12px; font-size: .85rem; }
.cgb-rich[b-8bvh60dy8z]  th, .cgb-rich[b-8bvh60dy8z]  td { min-width: 150px; padding: .8rem .85rem; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
.cgb-rich[b-8bvh60dy8z]  tbody tr { background: #fff; transition: background .16s ease; }
.cgb-rich[b-8bvh60dy8z]  tbody tr:nth-child(even) { background: #fafcfd; }
.cgb-rich[b-8bvh60dy8z]  tr:last-child td { border-bottom: 0; }
.cgb-rich[b-8bvh60dy8z]  th { color: #fff; background: var(--navy); font-size: .8125rem; font-weight: 700; vertical-align: bottom; }
.cgb-rich[b-8bvh60dy8z]  th:first-child, .cgb-rich[b-8bvh60dy8z]  td:first-child { position: sticky; left: 0; z-index: 1; box-shadow: 2px 0 4px -2px rgba(23,52,77,.18); }
.cgb-rich[b-8bvh60dy8z]  td:first-child { background: inherit; }
.cgb-rich[b-8bvh60dy8z]  th:first-child { z-index: 2; background: var(--navy); border-top-left-radius: 11px; }
.cgb-rich[b-8bvh60dy8z]  thead th:last-child { border-top-right-radius: 11px; }
.cgb-rich[b-8bvh60dy8z] { background-image: linear-gradient(to right, #fff 30%, rgba(255,255,255,0)), linear-gradient(to right, rgba(255,255,255,0), #fff 70%), linear-gradient(to right, rgba(23,52,77,.18), rgba(23,52,77,0)), linear-gradient(to left, rgba(23,52,77,.18), rgba(23,52,77,0)); background-position: left, right, left, right; background-repeat: no-repeat; background-color: #fff; background-size: 24px 100%, 24px 100%, 10px 100%, 10px 100%; background-attachment: local, local, scroll, scroll; }
.cgb-rich[b-8bvh60dy8z]  tbody tr:hover { background: var(--blue-soft); }
.cgb-rich[b-8bvh60dy8z]  td a { color: var(--blue); font-weight: 850; text-decoration: underline; text-decoration-color: #a9cbe2; text-underline-offset: 3px; }
.cgb-rich[b-8bvh60dy8z]  td a:hover { color: var(--navy-2); text-decoration-color: var(--navy-2); }
.cgb-rich[b-8bvh60dy8z]  .cg-citation { margin-left: .12rem; font-size: .72em; font-weight: 900; }
.cgb-rich[b-8bvh60dy8z]  .cg-citation a { color: var(--blue); text-decoration: none; }
.cgb-rich[b-8bvh60dy8z]  [data-block="flowbox"] { border: 1px solid var(--line); border-radius: 16px; padding: 20px; margin: 1.2rem 0; background: linear-gradient(180deg, #fbfdff, #fff); }
.cgb-rich[b-8bvh60dy8z]  [data-block="flowtitle"] { font-size: 1.05rem; font-weight: 900; color: var(--navy); margin-bottom: 1rem; }
.cgb-rich[b-8bvh60dy8z]  [data-block="flow"] { display: flex; flex-direction: column; align-items: center; gap: .5rem; }
.cgb-rich[b-8bvh60dy8z]  [data-block="node"] { width: min(820px, 100%); border: 1px solid #b9cbd7; border-radius: 12px; padding: .8rem 1rem; background: #fff; color: var(--ink); text-align: center; font-weight: 650; font-size: .88rem; line-height: 1.45; }
.cgb-rich[b-8bvh60dy8z]  [data-block="node"][data-tone="start"] { background: var(--navy); color: #fff; border-color: var(--navy); font-weight: 800; }
.cgb-rich[b-8bvh60dy8z]  [data-block="node"][data-tone="action"] { background: var(--blue-soft); border-color: #9cbfd9; }
.cgb-rich[b-8bvh60dy8z]  [data-block="node"][data-tone="warn"] { background: var(--orange-soft); border-color: #efb17e; }
.cgb-rich[b-8bvh60dy8z]  [data-block="node"][data-tone="stop"] { background: var(--red-soft); border-color: #dea0a0; color: #8f2c2c; font-weight: 800; }
.cgb-rich[b-8bvh60dy8z]  [data-block="node"][data-tone="good"] { background: var(--green-soft); border-color: #97cdbd; color: #176954; }
.cgb-rich[b-8bvh60dy8z]  [data-block="arrow"] { font-size: 1.3rem; color: var(--muted); line-height: 1; }
.cgb-rich[b-8bvh60dy8z]  [data-block="arrow"]::before { content: "↓"; }
.cgb-rich[b-8bvh60dy8z]  [data-block="branch"] { display: grid; grid-template-columns: 1fr 1fr; gap: .9rem; width: 100%; max-width: 1060px; margin-top: .2rem; }
.cgb-rich[b-8bvh60dy8z]  [data-block="branch"][data-tone="three"] { grid-template-columns: repeat(3, 1fr); }
.cgb-rich[b-8bvh60dy8z]  [data-block="flow-path"] { display: flex; flex-direction: column; gap: .5rem; align-items: center; }
.cgb-rich[b-8bvh60dy8z]  [data-block="branch-label"] { font-size: .66rem; font-weight: 900; text-transform: uppercase; letter-spacing: .07em; color: var(--muted); text-align: center; }
.cgb-rich[b-8bvh60dy8z]  [data-block="callout"] { margin: 1rem 0 1.2rem; padding: 1rem 1.15rem; border-left: 5px solid var(--blue); border-radius: 0 10px 10px 0; background: var(--blue-soft); color: var(--ink); font-size: .92rem; line-height: 1.6; }
.cgb-rich[b-8bvh60dy8z]  [data-block="callout"] strong { color: #103149; }
.cgb-rich[b-8bvh60dy8z]  [data-block="callout"][data-tone="pebc"] { border-left-color: var(--purple); background: var(--purple-soft); }
.cgb-rich[b-8bvh60dy8z]  [data-block="callout"][data-tone="clinical"] { border-left-color: var(--blue); background: var(--blue-soft); }
.cgb-rich[b-8bvh60dy8z]  [data-block="callout"][data-tone="warning"] { border-left-color: var(--red); background: var(--red-soft); }
.cgb-rich[b-8bvh60dy8z]  [data-block="callout"][data-tone="pregnancy"] { border-left-color: var(--purple); background: var(--purple-soft); }
.cgb-rich[b-8bvh60dy8z]  [data-block="callout"][data-tone="tip"] { border-left-color: var(--orange); background: var(--orange-soft); }
.cgb-rich[b-8bvh60dy8z]  [data-block="directive"] { margin: .9rem 0; padding: 1rem 1.15rem; border-radius: 0 12px 12px 0; border-left: 5px solid var(--blue); background: var(--blue-soft); }
.cgb-rich[b-8bvh60dy8z]  [data-block="directive-title"] { display: block; margin-bottom: .4rem; color: #103149; font-size: .72rem; font-weight: 900; text-transform: uppercase; letter-spacing: .07em; }
.cgb-rich[b-8bvh60dy8z]  [data-block="directive"][data-tone="action"] { border-left-color: var(--orange); background: var(--orange-soft); }
.cgb-rich[b-8bvh60dy8z]  [data-block="directive"][data-tone="avoid"] { border-left-color: var(--red); background: var(--red-soft); }
.cgb-rich[b-8bvh60dy8z]  [data-block="directive"][data-tone="escalate"] { border-left-color: var(--red); background: var(--red-soft); }
.cgb-rich[b-8bvh60dy8z]  [data-block="directive"][data-tone="maintain"] { border-left-color: var(--green); background: var(--green-soft); }
.cgb-rich[b-8bvh60dy8z]  [data-block="tag"] { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: .68rem; font-weight: 850; margin: 2px 4px 2px 0; background: #e9f0f5; color: var(--navy); }
.cgb-rich[b-8bvh60dy8z]  [data-block="tag"][data-tone="pref"] { background: #e6f5ef; color: #176852; }
.cgb-rich[b-8bvh60dy8z]  [data-block="tag"][data-tone="alt"] { background: #fff0de; color: #945700; }
.cgb-rich[b-8bvh60dy8z]  [data-block="tag"][data-tone="special"] { background: #faf2ec; color: #a36d47; }
.cgb-rich[b-8bvh60dy8z]  [data-block="tag"][data-tone="avoid"] { background: #fde8e8; color: #9c2e2e; }
.cgb-rich[b-8bvh60dy8z]  [data-block="combo-plus"] { color: var(--red); font-weight: 900; }
.cgb-rich[b-8bvh60dy8z]  [data-block="card"] { border: 1px solid var(--line); border-radius: 12px; padding: 1rem 1.15rem; margin: 1rem 0; background: #fff; }
.cgb-rich[b-8bvh60dy8z]  [data-block="card"] h3, .cgb-rich[b-8bvh60dy8z]  [data-block="card"] h4 { margin-top: 0; }
.cgb-rich[b-8bvh60dy8z]  [data-block="grid2"] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: 1rem 0; }
.cgb-rich[b-8bvh60dy8z]  [data-block="grid3"] { display: grid; grid-template-columns: repeat(3, 1fr); gap: .9rem; margin: 1rem 0; }
.cgb-rich[b-8bvh60dy8z]  [data-block="lesson-gallery"] { border: 1px solid var(--line); border-radius: 14px; padding: 14px; margin: 1.1rem 0; background: #fff; }
.cgb-rich[b-8bvh60dy8z]  [data-block="lesson-gallery"] img { display: block; width: 100%; max-width: 820px; margin: 0 auto; border-radius: 10px; }
.cgb-rich[b-8bvh60dy8z]  [data-block="caption"] { display: block; text-align: center; font-size: .74rem; color: var(--muted); margin-top: .5rem; }
.cgb-rich[b-8bvh60dy8z]  [data-block="clinical-path"] { display: grid; grid-template-columns: 160px minmax(0,1fr); gap: 14px; margin: .8rem 0; padding: 15px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.cgb-rich[b-8bvh60dy8z]  [data-block="path-label"] { font-weight: 900; color: var(--navy-2); }
.cgb-rich[b-8bvh60dy8z]  [data-block="path-body"] strong { color: var(--navy-2); }
.cgb-rich[b-8bvh60dy8z]  [data-block="treatment-group"] { margin: 1.3rem 0 1.5rem; border: 1px solid var(--line); border-top: 4px solid var(--navy); border-radius: 18px; background: #fff; overflow: hidden; box-shadow: 0 8px 28px rgba(29,56,80,.08); }
.cgb-rich[b-8bvh60dy8z]  [data-block="treatment-group-label"] { display: flex; align-items: center; gap: 10px; padding: 14px 17px; border-bottom: 1px solid var(--line); background: var(--soft); }
.cgb-rich[b-8bvh60dy8z]  [data-block="treatment-group-label"] h3, .cgb-rich[b-8bvh60dy8z]  [data-block="treatment-group-label"] h4 { margin: 0; color: var(--navy-2); font-size: 1.05rem; }
.cgb-rich[b-8bvh60dy8z]  [data-block="treatment-group-label"] p { margin: .2rem 0 0; color: var(--muted); font-size: .8rem; }
.cgb-rich[b-8bvh60dy8z]  [data-block="label-icon"] { display: inline-grid; place-items: center; flex: 0 0 30px; width: 30px; height: 30px; border-radius: 9px; background: #fff; border: 1px solid var(--line); font-size: .85rem; font-weight: 800; color: var(--navy-2); }
.cgb-rich[b-8bvh60dy8z]  [data-block="treatment-group-body"] { padding: 17px; }
.cgb-rich[b-8bvh60dy8z]  [data-block="treatment-item"] { padding: 14px 0; border-bottom: 1px solid #e8edf1; }
.cgb-rich[b-8bvh60dy8z]  [data-block="treatment-item"]:first-child { padding-top: 0; }
.cgb-rich[b-8bvh60dy8z]  [data-block="treatment-item"]:last-child { border-bottom: 0; padding-bottom: 0; }
.cgb-rich[b-8bvh60dy8z]  [data-block="treatment-item"] h4 { display: inline-block; margin: 0 0 .4rem; padding: 4px 9px; border: 1px solid var(--line); border-radius: 8px; background: var(--soft); color: #294e69; font-size: .92rem; }
.cgb-rich[b-8bvh60dy8z]  [data-block="treatment-group"][data-tone="nonpharm"] { border-top-color: var(--green); }
.cgb-rich[b-8bvh60dy8z]  [data-block="treatment-group"][data-tone="nonpharm"] [data-block="treatment-group-label"] { background: #eff8ef; border-bottom-color: #d9e8da; }
.cgb-rich[b-8bvh60dy8z]  [data-block="treatment-group"][data-tone="topical"] { border-top-color: var(--blue); }
.cgb-rich[b-8bvh60dy8z]  [data-block="treatment-group"][data-tone="topical"] [data-block="treatment-group-label"] { background: var(--blue-soft); border-bottom-color: #d3e5f1; }
.cgb-rich[b-8bvh60dy8z]  [data-block="treatment-group"][data-tone="systemic"] { border-top-color: var(--orange); }
.cgb-rich[b-8bvh60dy8z]  [data-block="treatment-group"][data-tone="systemic"] [data-block="treatment-group-label"] { background: #fff6e9; border-bottom-color: #f0dfc5; }
.cgb-rich[b-8bvh60dy8z]  [data-block="treatment-group"][data-tone="hormonal"] { border-top-color: var(--purple); }
.cgb-rich[b-8bvh60dy8z]  [data-block="treatment-group"][data-tone="hormonal"] [data-block="treatment-group-label"] { background: #fbf5f0; border-bottom-color: #eee1d8; }
.cgb-rich[b-8bvh60dy8z]  [data-block="treatment-group"][data-tone="retinoid"] { border-top-color: var(--red); }
.cgb-rich[b-8bvh60dy8z]  [data-block="treatment-group"][data-tone="retinoid"] [data-block="treatment-group-label"] { background: #fff0f2; border-bottom-color: #efd9dd; }
.cgb-rich[b-8bvh60dy8z]  [data-block="treatment-group"][data-tone="procedure"] { border-top-color: #5b7c8d; }
.cgb-rich[b-8bvh60dy8z]  [data-block="treatment-group"][data-tone="procedure"] [data-block="treatment-group-label"] { background: #f1f4f8; border-bottom-color: #d9e3e8; }
.cgb-rich[b-8bvh60dy8z]  [data-block="treatment-group"][data-tone="special"] { border-top-color: #1c4e8f; }
.cgb-rich[b-8bvh60dy8z]  [data-block="treatment-group"][data-tone="special"] [data-block="treatment-group-label"] { background: #eef2f8; border-bottom-color: #d4dde8; }
.cgb-rich[b-8bvh60dy8z]  [data-block="decision-tree"] { position: relative; margin: 1.2rem 0 .5rem; counter-reset: dstep; }
.cgb-rich[b-8bvh60dy8z]  [data-block="decision-step"] { counter-increment: dstep; position: relative; margin: 0 0 18px; padding: 20px 20px 20px 64px; border: 1px solid var(--line); border-radius: 16px; background: #fff; box-shadow: 0 7px 24px rgba(29,56,80,.04); }
.cgb-rich[b-8bvh60dy8z]  [data-block="decision-step"]::before { content: counter(dstep); position: absolute; left: 16px; top: 17px; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; background: var(--navy); color: #fff; font-weight: 900; font-size: .85rem; }
.cgb-rich[b-8bvh60dy8z]  [data-block="decision-step"]::after { content: ""; position: absolute; left: 31px; top: 54px; bottom: -25px; width: 2px; background: #d9e4eb; }
.cgb-rich[b-8bvh60dy8z]  [data-block="decision-step"]:last-child::after { display: none; }
.cgb-rich[b-8bvh60dy8z]  [data-block="decision-step"] h3, .cgb-rich[b-8bvh60dy8z]  [data-block="decision-step"] h4 { margin: 0 0 .45rem; font-size: 1.05rem; color: var(--navy-2); }
.cgb-rich[b-8bvh60dy8z]  [data-block="decision-options"] { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; margin-top: .7rem; }
.cgb-rich[b-8bvh60dy8z]  [data-block="option"] { padding: 12px 14px; border-radius: 11px; background: var(--soft); border: 1px solid var(--line); }
.cgb-rich[b-8bvh60dy8z]  [data-block="option"] strong { color: var(--navy-2); }
.cgb-rich[b-8bvh60dy8z]  [data-block="option"][data-tone="yes"] { background: var(--blue-soft); border-color: #d2e6f3; }
.cgb-rich[b-8bvh60dy8z]  [data-block="option"][data-tone="no"] { background: #fff8ef; border-color: #f0dfc7; }
.cgb-rich[b-8bvh60dy8z]  [data-block="exam-card"] { margin: 1rem 0; padding: 1rem 1.15rem; border: 1px solid #efe2d8; border-radius: 14px; background: #fbf9ff; }
.cgb-rich[b-8bvh60dy8z]  [data-block="exam-card"] strong { color: #956a4b; }
.cgb-rich[b-8bvh60dy8z]  [data-block="quick-grid"] { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; margin: 1rem 0 1.2rem; }
.cgb-rich[b-8bvh60dy8z]  [data-block="quick-card"] { padding: 14px 15px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.cgb-rich[b-8bvh60dy8z]  [data-block="quick-card"] .label { display: block; color: var(--muted); font-size: .68rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.cgb-rich[b-8bvh60dy8z]  [data-block="quick-card"] strong { display: block; margin-top: .3rem; color: var(--navy-2); font-size: .92rem; }
.cgb-rich[b-8bvh60dy8z]  [data-block="rule"] { margin: 1rem 0; padding: 14px 16px; border-radius: 13px; background: var(--soft); border: 1px solid var(--line); }
.cgb-rich[b-8bvh60dy8z]  [data-block="rule"] b { color: var(--navy-2); }
.cgb-rich[b-8bvh60dy8z]  [data-block="monitoring-dashboard"] { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; margin: 1.2rem 0 1.4rem; }
.cgb-rich[b-8bvh60dy8z]  [data-block="monitor-card"] { border: 1px solid var(--line); border-radius: 16px; background: #fff; overflow: hidden; }
.cgb-rich[b-8bvh60dy8z]  [data-block="monitor-card"][data-tone="full"] { grid-column: 1 / -1; }
.cgb-rich[b-8bvh60dy8z]  [data-block="monitor-card-head"] { display: flex; gap: 10px; align-items: center; padding: 12px 15px; border-bottom: 1px solid var(--line); background: var(--soft); }
.cgb-rich[b-8bvh60dy8z]  [data-block="monitor-card-head"] h3, .cgb-rich[b-8bvh60dy8z]  [data-block="monitor-card-head"] h4 { margin: 0; color: var(--navy-2); font-size: .98rem; }
.cgb-rich[b-8bvh60dy8z]  [data-block="monitor-card-body"] { padding: 14px 16px 16px; }
.cgb-rich[b-8bvh60dy8z]  [data-block="monitor-card"][data-tone="response"] [data-block="monitor-card-head"] { background: var(--blue-soft); }
.cgb-rich[b-8bvh60dy8z]  [data-block="monitor-card"][data-tone="timing"] [data-block="monitor-card-head"] { background: #fff6e9; }
.cgb-rich[b-8bvh60dy8z]  [data-block="monitor-card"][data-tone="success"] [data-block="monitor-card-head"] { background: #eff8ef; }
.cgb-rich[b-8bvh60dy8z]  [data-block="monitor-card"][data-tone="failure"] [data-block="monitor-card-head"] { background: #fff1f1; }
.cgb-rich[b-8bvh60dy8z]  [data-block="monitor-card"][data-tone="hormonal"] [data-block="monitor-card-head"] { background: #fbf5f0; }
.cgb-rich[b-8bvh60dy8z]  [data-block="monitor-card"][data-tone="retinoid"] [data-block="monitor-card-head"] { background: #fff0f2; }
.cgb-rich[b-8bvh60dy8z]  [data-block="monitor-card"][data-tone="systemic"] [data-block="monitor-card-head"] { background: #fff6e9; }
.cgb-rich[b-8bvh60dy8z]  [data-block="monitor-checks"] { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px 12px; list-style: none; padding: 0; margin: 0; }
.cgb-rich[b-8bvh60dy8z]  [data-block="monitor-checks"] li { position: relative; padding: 8px 10px 8px 27px; border-radius: 9px; background: var(--soft); }
.cgb-rich[b-8bvh60dy8z]  [data-block="monitor-checks"] li::before { content: "✓"; position: absolute; left: 8px; top: 7px; color: var(--blue); font-weight: 900; }
.cgb-rich[b-8bvh60dy8z]  [data-block="source-strip"] { display: flex; flex-wrap: wrap; gap: 8px; margin: .8rem 0; }
.cgb-rich[b-8bvh60dy8z]  [data-block="source-pill"] { display: inline-flex; align-items: center; padding: 5px 10px; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: var(--muted); font-size: .72rem; font-weight: 800; }
.cgb-rich[b-8bvh60dy8z]  [data-block="action-list"] { counter-reset: action; list-style: none; padding: 0; margin: 1rem 0; }
.cgb-rich[b-8bvh60dy8z]  [data-block="action-list"] > li { counter-increment: action; position: relative; min-height: 38px; margin: 0 0 .6rem; padding: .6rem .8rem .6rem 3.2rem; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.cgb-rich[b-8bvh60dy8z]  [data-block="action-list"] > li::before { content: counter(action); position: absolute; left: 10px; top: 8px; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 8px; background: var(--navy); color: #fff; font-size: .78rem; font-weight: 850; }
.cgb-rich[b-8bvh60dy8z]  [data-block="category-note"] { margin: 0 0 1rem; padding: 12px 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--soft); color: var(--muted); font-size: .87rem; }
.cgb-rich[b-8bvh60dy8z]  [data-block="small-note"] { font-size: .82rem; color: var(--muted); }
.cgb-rich[b-8bvh60dy8z]  [data-block="calculator"] { display: block; margin: .8rem 0 1.4rem; }
.cgb-rich[b-8bvh60dy8z]  .cgd-calculator { border: 1px solid var(--line); border-top: 4px solid var(--blue); border-radius: 18px; background: #fff; padding: 18px 20px; box-shadow: 0 8px 28px rgba(29,56,80,.08); }
.cgb-rich[b-8bvh60dy8z]  .cgd-calculator-title { font-weight: 800; color: var(--navy-2); font-size: 1.02rem; margin-bottom: .2rem; }
.cgb-rich[b-8bvh60dy8z]  .cgd-calculator-hint { color: var(--muted); font-size: .82rem; margin-bottom: .9rem; }
.cgb-rich[b-8bvh60dy8z]  .cgd-calculator-criteria { display: flex; flex-direction: column; gap: 8px; margin-bottom: 1rem; }
.cgb-rich[b-8bvh60dy8z]  .cgd-calculator-criterion { display: flex; align-items: flex-start; gap: 10px; padding: 9px 11px; border: 1px solid var(--line); border-radius: 10px; background: var(--soft); cursor: pointer; font-size: .9rem; line-height: 1.45; }
.cgb-rich[b-8bvh60dy8z]  .cgd-calculator-criterion input { margin-top: 3px; flex: 0 0 auto; }
.cgb-rich[b-8bvh60dy8z]  .cgd-calculator-result { padding: 13px 15px; border-radius: 12px; border-left: 5px solid var(--line); background: var(--soft); font-size: .9rem; font-weight: 650; color: var(--ink); line-height: 1.55; }
.cgb-rich[b-8bvh60dy8z]  .cgd-calculator-result[data-band="low-risk"] { border-left-color: var(--green); background: var(--green-soft); }
.cgb-rich[b-8bvh60dy8z]  .cgd-calculator-result[data-band="intermediate-risk"] { border-left-color: var(--orange); background: var(--orange-soft); }
.cgb-rich[b-8bvh60dy8z]  .cgd-calculator-result[data-band="high-risk"] { border-left-color: var(--red); background: var(--red-soft); }
.cgb-references ol[b-8bvh60dy8z] { display: grid; gap: .85rem; margin: 1rem 0 0; padding-left: 1.4rem; color: #536b7b; }
.cgb-references li[b-8bvh60dy8z] { scroll-margin-top: 1rem; }
.cgb-references a[b-8bvh60dy8z] { color: #083877; font-weight: 800; }
.cgb-note[b-8bvh60dy8z] { margin: auto 1.35rem 1.35rem; color: #7b8c98; font-size: .72rem; }
.cgb-state[b-8bvh60dy8z], .cgb-empty[b-8bvh60dy8z] { display: grid; place-items: center; gap: .35rem; min-height: 220px; padding: 2rem; color: var(--muted); text-align: center; }
.cgb-empty.large[b-8bvh60dy8z] { min-height: 440px; }
.cgb-empty strong[b-8bvh60dy8z] { color: #294356; }
.cgb-empty.inverse[b-8bvh60dy8z] { min-height: 180px; color: #b9c9d5; }
.cgb-empty.inverse strong[b-8bvh60dy8z] { color: #fff; }
.cgb-register-link[b-8bvh60dy8z] { margin-top: .65rem; padding: .52rem .75rem; border-radius: 8px; color: #fff; background: #08397a; text-decoration: none; font-size: .78rem; font-weight: 850; }
@media (max-width: 1050px) { .cgb-browser[b-8bvh60dy8z] { grid-template-columns: minmax(220px,285px) minmax(0,1fr); grid-template-rows: auto 1fr; } .cgb-list[b-8bvh60dy8z] { grid-row: 1 / 3; } .cgb-topics[b-8bvh60dy8z] { grid-column: 2; grid-row: 1; display: flex; gap: .35rem; overflow-x: auto; overflow-y: hidden; border-right: 0; border-bottom: 1px solid var(--line); } .cgb-topic-head[b-8bvh60dy8z], .cgb-toc-name[b-8bvh60dy8z] { display: none; } .cgb-topics > button[b-8bvh60dy8z] { flex: 0 0 auto; width: auto; white-space: nowrap; } .cgb-selected[b-8bvh60dy8z] { grid-column: 2; grid-row: 2; } }
@media (max-width: 760px) { .cgb-browser[b-8bvh60dy8z] { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto; } .cgb-list[b-8bvh60dy8z] { grid-column: 1; grid-row: 1; border-right: 0; border-bottom: 1px solid var(--line); } .cgb-list-scroll[b-8bvh60dy8z] { max-height: 230px; } .cgb-topics[b-8bvh60dy8z] { grid-column: 1; grid-row: 2; } .cgb-selected[b-8bvh60dy8z] { grid-column: 1; grid-row: 3; } .cgb-rich[b-8bvh60dy8z]  [data-block="branch"] { grid-template-columns: minmax(0, 1fr); } .cgb-rich[b-8bvh60dy8z]  [data-block="clinical-path"] { grid-template-columns: minmax(0, 1fr); } .cgb-rich[b-8bvh60dy8z]  [data-block="decision-options"] { grid-template-columns: minmax(0, 1fr); } .cgb-rich[b-8bvh60dy8z]  [data-block="quick-grid"] { grid-template-columns: minmax(0, 1fr); } .cgb-rich[b-8bvh60dy8z]  [data-block="monitoring-dashboard"] { grid-template-columns: minmax(0, 1fr); } .cgb-rich[b-8bvh60dy8z]  [data-block="monitor-card"][data-tone="full"] { grid-column: auto; } .cgb-rich[b-8bvh60dy8z]  [data-block="monitor-checks"] { grid-template-columns: minmax(0, 1fr); } .cgb-rich[b-8bvh60dy8z]  [data-block="grid2"], .cgb-rich[b-8bvh60dy8z]  [data-block="grid3"] { grid-template-columns: minmax(0, 1fr); } .cgb-rich[b-8bvh60dy8z] { background-image: none; } .cgb-rich[b-8bvh60dy8z]  table { display: block; width: 100%; border: 0; border-radius: 0; } .cgb-rich[b-8bvh60dy8z]  thead { display: none; } .cgb-rich[b-8bvh60dy8z]  tbody { display: block; } .cgb-rich[b-8bvh60dy8z]  tbody tr { display: block; margin-bottom: .85rem; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: #fff; } .cgb-rich[b-8bvh60dy8z]  tbody tr:nth-child(even) { background: #fff; } .cgb-rich[b-8bvh60dy8z]  td { display: block; width: auto; min-width: 0; position: static; padding: .55rem .85rem; border: 0; border-bottom: 1px solid var(--line); box-shadow: none; } .cgb-rich[b-8bvh60dy8z]  td:last-child { border-bottom: 0; } .cgb-rich[b-8bvh60dy8z]  td::before { content: attr(data-label); display: block; margin-bottom: .15rem; color: var(--navy); font-size: .66rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; } }
@media (max-width: 620px) { .cgb-title-row[b-8bvh60dy8z] { align-items: start; } .cgb-count[b-8bvh60dy8z] { display: none; } .cgb-selected-head[b-8bvh60dy8z] { flex-direction: column; } .cgb-print-link[b-8bvh60dy8z] { justify-content: center; width: 100%; } .cgb-active-section[b-8bvh60dy8z] { margin: .85rem; padding: 1rem; } .cgb-note[b-8bvh60dy8z] { margin: auto .85rem .85rem; } }

/* ---------------------------------------------------------------------------
   Guideline contents on a phone -- same control as the drug monograph, for
   the same reason: as a horizontal strip the section list ran to 3,354px in a
   345px window and most of a guideline was unreachable.
   --------------------------------------------------------------------------- */

.cgb-jump[b-8bvh60dy8z] { display: none; }
.cgb-topics-sheet-head[b-8bvh60dy8z] { display: none; }
.cgb-topics-backdrop[b-8bvh60dy8z] { display: none; }

@media (max-width: 1050px) {
    .cgb-jump[b-8bvh60dy8z] {
        position: sticky;
        top: 8px;
        z-index: 30;
        display: flex;
        align-items: center;
        gap: 8px;
        width: 100%;
        min-height: 46px;
        margin: 0 0 2px;
        padding: 0 14px;
        border: 1px solid #0b2f52;
        border-radius: 11px;
        background: #0b2f52;
        color: #fff;
        font-size: .85rem;
        font-weight: 700;
        text-align: left;
        cursor: pointer;
        box-shadow: 0 6px 18px -6px rgba(11, 47, 82, .6);
    }

    .cgb-jump:hover[b-8bvh60dy8z] { background: #0d3a66; }

    .cgb-jump-label[b-8bvh60dy8z] {
        flex: 0 0 auto;
        color: #8fb4d8;
        font-size: .66rem;
        font-weight: 800;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .cgb-jump-current[b-8bvh60dy8z] {
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .cgb-jump-caret[b-8bvh60dy8z] { flex: 0 0 auto; color: #8fb4d8; }

    .cgb-topics[b-8bvh60dy8z] {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1401;
        display: none;
        flex-direction: column;
        gap: 4px;
        max-height: min(78vh, 640px);
        padding: 10px 14px calc(16px + env(safe-area-inset-bottom));
        border: 0;
        border-radius: 20px 20px 0 0;
        background: #fff;
        box-shadow: 0 -18px 42px rgba(7, 24, 44, .3);
        overflow-y: auto;
    }

    .cgb-topics.is-open[b-8bvh60dy8z] { display: flex; }

    .cgb-topics-backdrop[b-8bvh60dy8z] {
        position: fixed;
        inset: 0;
        z-index: 1400;
        display: block;
        background: rgba(7, 24, 44, .58);
    }

    .cgb-topics-sheet-head[b-8bvh60dy8z] {
        position: sticky;
        top: 0;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin: 0 0 6px;
        padding: 6px 0 10px;
        background: #fff;
        box-shadow: 0 8px 10px -8px rgba(16, 38, 58, .18);
    }

    .cgb-topics-sheet-head strong[b-8bvh60dy8z] { font-size: .95rem; color: #0b2f52; }

    .cgb-topics-close[b-8bvh60dy8z] {
        display: grid;
        place-items: center;
        width: 40px;
        height: 40px;
        border: 1px solid #dce5ef;
        border-radius: 10px;
        background: #fff;
        color: #0b2f52;
        font-size: 1rem;
        cursor: pointer;
    }

    .cgb-topics > button[b-8bvh60dy8z] {
        flex: 0 0 auto;
        width: 100%;
        min-height: 46px;
        white-space: normal;
    }

    .cgb-topic-head[b-8bvh60dy8z],
    .cgb-toc-name[b-8bvh60dy8z] { display: none; }
}
/* /Components/Pages/ClinicalNotes.razor.rz.scp.css */
.notes-page[b-4i07tejdbc] { max-width: 1450px; margin: 0 auto; padding: 28px; color: #17324d; }
.notes-heading[b-4i07tejdbc] { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.notes-heading span[b-4i07tejdbc] { color: #0d438a; font-size: .7rem; font-weight: 900; letter-spacing: .13em; }
.notes-heading h1[b-4i07tejdbc] { margin: 5px 0; font-size: 2rem; }
.notes-heading p[b-4i07tejdbc] { margin: 0; color: #64798c; }
.notes-count[b-4i07tejdbc] { display: flex; flex-direction: column; align-items: flex-end; }
.notes-count strong[b-4i07tejdbc] { font-size: 1.6rem; color: #0b3060; }
.notes-count span[b-4i07tejdbc] { color: #718497; font-size: .75rem; }
.notes-layout[b-4i07tejdbc] { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 22px; }
.category-rail[b-4i07tejdbc] { position: sticky; top: 18px; align-self: start; max-height: calc(100vh - 40px); padding: 14px; border-radius: 14px; background: #e9edf3; overflow: hidden; }
.search-box[b-4i07tejdbc] { display: flex; align-items: center; gap: 7px; border: 1px solid #cddae2; border-radius: 11px; padding: 10px 12px; background: white; box-shadow: 0 3px 10px rgba(32, 65, 84, .05); }
.search-box input[b-4i07tejdbc] { width: 100%; border: 0; outline: 0; color: #17324d; font: inherit; }
.category-rail h2[b-4i07tejdbc] { margin: 16px 10px 10px; color: #60788a; font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; }
.category-rail nav[b-4i07tejdbc] { display: flex; max-height: calc(100vh - 170px); flex-direction: column; gap: 7px; overflow-y: auto; }
.category-rail nav button[b-4i07tejdbc] { display: flex; align-items: center; justify-content: space-between; border: 1px solid #c5d4dc; border-radius: 10px; padding: 10px 12px; background: #f9fcfc; color: #425a6e; font-weight: 800; text-align: left; cursor: pointer; }
.category-rail nav button.active[b-4i07tejdbc] { border-color: #0d438a; background: #0d438a; color: white; box-shadow: 0 6px 14px rgba(13, 67, 138, .2); }
.main-search[b-4i07tejdbc] { padding: 13px; }
.letter-filter[b-4i07tejdbc] { display: flex; gap: 4px; margin: 10px 0 16px; padding: 8px; border: 1px solid #dce5ea; border-radius: 11px; background: white; overflow-x: auto; }
.letter-filter button[b-4i07tejdbc] { min-width: 29px; border: 1px solid #d1dce3; border-radius: 6px; padding: 5px; background: white; color: #50697d; font-weight: 850; cursor: pointer; }
.letter-filter button.active[b-4i07tejdbc] { border-color: #0d4a99; background: #0d4a99; color: white; }
.letter-filter button:disabled[b-4i07tejdbc] { opacity: .35; cursor: not-allowed; }
.notes-list[b-4i07tejdbc] { display: flex; flex-direction: column; gap: 8px; }
.note-row[b-4i07tejdbc] { overflow: hidden; border: 1px solid #dbe4e9; border-radius: 13px; background: white; box-shadow: 0 4px 13px rgba(32, 61, 79, .04); }
.note-row.open[b-4i07tejdbc] { box-shadow: 0 10px 24px rgba(32, 61, 79, .09); }
.note-summary-shell[b-4i07tejdbc] { display: flex; align-items: stretch; }
.note-summary[b-4i07tejdbc] { display: grid; width: 100%; grid-template-columns: minmax(0, 1fr) auto 24px; align-items: center; gap: 10px; border: 0; padding: 14px; background: white; color: #17324d; text-align: left; cursor: pointer; }
.note-summary > div[b-4i07tejdbc] { display: flex; min-width: 0; align-items: baseline; gap: 8px; }
.note-summary strong[b-4i07tejdbc] { text-transform: uppercase; }
.note-summary em[b-4i07tejdbc], .note-summary small[b-4i07tejdbc] { overflow: hidden; color: #718497; font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.type-badge[b-4i07tejdbc] { padding: 4px 8px; border-radius: 999px; background: #e6eefb; color: #315c9e; font-size: .65rem; font-weight: 900; text-transform: uppercase; }
.type-badge.class[b-4i07tejdbc] { background: #dbf6ee; color: #21755c; }
.note-detail[b-4i07tejdbc] { padding: 0 18px 18px; }
.template-tabs[b-4i07tejdbc] { display: grid; grid-template-columns: repeat(3, 1fr); margin: 4px 0 16px; border: 1px solid #d3dee5; border-radius: 11px; overflow: hidden; }
.template-tabs button[b-4i07tejdbc] { border: 0; border-right: 1px solid #d3dee5; padding: 11px; background: white; color: #4c6478; font-weight: 800; cursor: pointer; }
.template-tabs button:last-child[b-4i07tejdbc] { border-right: 0; }
.template-tabs button.active[b-4i07tejdbc] { background: #236bda; color: white; }
.copy-card[b-4i07tejdbc] { padding: 16px; border-left: 4px solid #3b82ee; border-radius: 9px; background: #eef6ff; }
.copy-card header[b-4i07tejdbc] { display: flex; align-items: center; justify-content: space-between; }
.copy-card header button[b-4i07tejdbc] { border: 1px solid #d1dce5; border-radius: 7px; padding: 6px 9px; background: white; color: #52697c; cursor: pointer; }
.copy-card header span[b-4i07tejdbc] { color: #60758a; font-size: .7rem; font-weight: 900; text-transform: uppercase; }
.copy-card p[b-4i07tejdbc] { margin: 12px 0 0; white-space: pre-wrap; line-height: 1.55; }
.monograph-button[b-4i07tejdbc] { display: inline-flex; flex: none; align-items: center; align-self: center; margin-right: 13px; border: 1px solid #acbfd7; border-radius: 8px; padding: 7px 10px; background: #edf2f8; color: #083673; font-size: .76rem; font-weight: 850; text-decoration: none; white-space: nowrap; }
.monograph-button:hover[b-4i07tejdbc], .monograph-button:focus[b-4i07tejdbc] { border-color: #0d438a; background: #0d438a; color: white; outline: 0; }
.notes-empty[b-4i07tejdbc] { padding: 50px; border: 1px dashed #bfd0da; border-radius: 15px; text-align: center; }
.notes-empty p[b-4i07tejdbc] { margin: 5px; color: #718497; }
@media (max-width: 900px) { .notes-layout[b-4i07tejdbc] { grid-template-columns: minmax(0, 1fr); } .category-rail[b-4i07tejdbc] { position: static; max-height: none; } .category-rail nav[b-4i07tejdbc] { max-height: 220px; } }
@media (max-width: 600px) { .notes-page[b-4i07tejdbc] { padding: 14px; } .notes-heading[b-4i07tejdbc] { align-items: flex-start; flex-direction: column; } .notes-count[b-4i07tejdbc] { align-items: flex-start; } .note-summary-shell[b-4i07tejdbc] { align-items: stretch; flex-direction: column; } .note-summary > div[b-4i07tejdbc] { align-items: flex-start; flex-direction: column; gap: 2px; } .monograph-button[b-4i07tejdbc] { align-self: flex-start; margin: 0 14px 12px; } .template-tabs[b-4i07tejdbc] { grid-template-columns: minmax(0, 1fr); } .template-tabs button[b-4i07tejdbc] { border-right: 0; border-bottom: 1px solid #d3dee5; } }
/* /Components/Pages/CommerceAdministration.razor.rz.scp.css */
.ca-page[b-ft1m4sdcnh] {
    /* Blazor CSS isolation's ::deep still requires an ancestor scope
       attribute that descendant elements carry, so custom properties are
       defined on the outermost element this component owns and resolved
       by every descendant through normal CSS inheritance (see the same
       pattern in InventoryReconciliationWizard.razor.css). */
    --navy: var(--blue-900);
    --navy-deep: #071a30;
    --blue: var(--blue-600);
    --green: var(--green-600);
    --danger: #dc2626;
    --danger-bg: #fef1f1;
    --ink: var(--ink-900);
    --muted: var(--ink-500);
    --line: var(--ink-100);
    --soft: var(--blue-50);
    --page: #F3F6FA;
    --white: #fff;
    --shadow: 0 14px 32px -16px rgba(8, 33, 56, .5);
    --shadow-sm: 0 10px 28px -14px rgba(11, 37, 69, .14);

    padding: 0;
    background: var(--page);
    color: var(--ink);
    font-family: var(--app-font, Inter, system-ui, sans-serif);
}

.ca-page button[b-ft1m4sdcnh],
.ca-page input[b-ft1m4sdcnh],
.ca-page select[b-ft1m4sdcnh],
.ca-page textarea[b-ft1m4sdcnh] {
    font: inherit;
}

.ca-page button[b-ft1m4sdcnh] {
    cursor: pointer;
}

.ca-wrap[b-ft1m4sdcnh] {
    max-width: 1520px;
    margin: auto;
}

.ca-back[b-ft1m4sdcnh] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    margin-bottom: 14px;
}

.ca-header[b-ft1m4sdcnh] {
    margin-top: 14px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
    padding: 26px 30px;
    border-radius: 18px;
    background: linear-gradient(135deg, var(--navy) 0%, var(--navy-deep) 100%);
    box-shadow: var(--shadow);
}

.ca-eyebrow[b-ft1m4sdcnh] {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .12);
    color: var(--orange-500);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-weight: 900;
}

.ca-header h1[b-ft1m4sdcnh] {
    margin: 10px 0 6px;
    color: #fff;
    font-size: 32px;
    font-weight: 750;
    letter-spacing: -.02em;
}

.ca-sub[b-ft1m4sdcnh] {
    margin: 0;
    color: #c8d6e6;
    font-size: 14px;
    max-width: 62ch;
    line-height: 1.5;
}

.ca-banner[b-ft1m4sdcnh] {
    margin-top: 16px;
    display: flex;
    gap: 10px;
    align-items: center;
    border: 1px solid #bbe8cc;
    background: var(--green-100);
    color: var(--green-700);
    border-radius: 14px;
    padding: 13px 15px;
    font-size: 12px;
    font-weight: 800;
}

.ca-banner.error[b-ft1m4sdcnh] {
    border-color: #f5c6c2;
    background: var(--danger-bg);
    color: #a83b30;
}

.ca-sync[b-ft1m4sdcnh] {
    margin-top: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    background: var(--white);
    border: 1px solid var(--line);
    border-left: 4px solid var(--blue-600);
    border-radius: 18px;
    padding: 16px 18px;
    box-shadow: var(--shadow-sm);
}

.ca-sync strong[b-ft1m4sdcnh] {
    display: block;
    color: var(--navy);
}

.ca-sync span[b-ft1m4sdcnh] {
    display: block;
    color: var(--muted);
    font-size: 12px;
    margin-top: 4px;
}

.ca-btn[b-ft1m4sdcnh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 42px;
    padding: 0 15px;
    border-radius: 12px;
    border: 1px solid var(--ink-300);
    background: var(--white);
    color: var(--ink-700);
    font-weight: 800;
    transition: border-color .15s ease, color .15s ease,
        background-color .15s ease, transform .15s ease, box-shadow .15s ease;
}

.ca-btn:hover:not(:disabled)[b-ft1m4sdcnh] {
    border-color: var(--blue-600);
    color: var(--blue-700);
    background: var(--blue-50);
    transform: translateY(-1px);
}

.ca-btn:disabled[b-ft1m4sdcnh] {
    opacity: .6;
    cursor: default;
}

.ca-btn.primary[b-ft1m4sdcnh] {
    background: var(--orange-600);
    border-color: var(--orange-600);
    color: #fff;
    box-shadow: 0 6px 16px -6px rgba(234, 88, 12, .55);
}

.ca-btn.primary:hover:not(:disabled)[b-ft1m4sdcnh] {
    background: var(--orange-700);
    border-color: var(--orange-700);
    color: #fff;
}

.ca-btn.danger[b-ft1m4sdcnh] {
    background: var(--white);
    border-color: #fca5a5;
    color: var(--danger);
}

.ca-btn.danger:hover:not(:disabled)[b-ft1m4sdcnh] {
    background: var(--danger-bg);
    border-color: #fca5a5;
    color: var(--danger);
    transform: none;
}

.ca-tabs-shell[b-ft1m4sdcnh] {
    margin-top: 16px;
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

.ca-tabs[b-ft1m4sdcnh] {
    display: flex;
    gap: 6px;
    padding: 10px;
    border-bottom: 1px solid var(--line);
    background: var(--blue-50);
    overflow-x: auto;
    scroll-snap-type: x proximity;
}

.ca-tab[b-ft1m4sdcnh] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: none;
    min-height: 42px;
    padding: 0 14px;
    border-radius: 12px;
    border: 1px solid transparent;
    background: transparent;
    color: var(--blue-700);
    font-weight: 800;
    white-space: nowrap;
    scroll-snap-align: start;
    transition: background-color .15s ease, color .15s ease;
}

.ca-tab:hover:not(.active)[b-ft1m4sdcnh] {
    background: rgba(255, 255, 255, .7);
}

.ca-tab.active[b-ft1m4sdcnh] {
    background: var(--blue-600);
    color: #fff;
}

.ca-panel[b-ft1m4sdcnh] {
    display: none;
    padding: 18px;
}

.ca-panel.active[b-ft1m4sdcnh] {
    display: block;
}

.ca-panel-grid[b-ft1m4sdcnh] {
    display: grid;
    grid-template-columns: 430px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

.ca-subnav-layout[b-ft1m4sdcnh] {
    display: grid;
    grid-template-columns: 232px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

.ca-subnav[b-ft1m4sdcnh] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    position: sticky;
    top: 16px;
}

.ca-subnav-item[b-ft1m4sdcnh] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 46px;
    padding: 0 16px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: var(--white);
    color: var(--ink-700);
    font-weight: 700;
    font-size: .88rem;
    text-align: left;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}

.ca-subnav-item:hover:not(.active)[b-ft1m4sdcnh] {
    background: var(--blue-50);
    border-color: var(--blue-100);
}

.ca-subnav-item.active[b-ft1m4sdcnh] {
    background: var(--blue-600);
    border-color: var(--blue-600);
    color: #fff;
    box-shadow: 0 6px 16px -8px rgba(37, 99, 235, .5);
}

.ca-subnav-icon[b-ft1m4sdcnh] {
    flex: 0 0 auto;
    font-size: 1rem;
    line-height: 1;
}

.ca-subnav-content[b-ft1m4sdcnh] {
    min-width: 0;
}

@media (max-width: 760px) {
    .ca-subnav-layout[b-ft1m4sdcnh] {
        grid-template-columns: minmax(0, 1fr);
    }

    .ca-subnav[b-ft1m4sdcnh] {
        flex-direction: row;
        position: static;
        overflow-x: auto;
    }

    .ca-subnav-item[b-ft1m4sdcnh] {
        flex: 1 1 auto;
        justify-content: center;
    }
}

.ca-card[b-ft1m4sdcnh] {
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: 18px;
    box-shadow: var(--shadow-sm);
}

.ca-form[b-ft1m4sdcnh] {
    padding: 20px;
    position: sticky;
    top: 16px;
}

.ca-card h2[b-ft1m4sdcnh] {
    margin: 0;
    color: var(--navy);
    font-size: 20px;
    font-weight: 750;
}

.ca-card p.ca-hint[b-ft1m4sdcnh] {
    margin: 5px 0 16px;
    color: var(--muted);
    font-size: 12px;
}

.ca-field[b-ft1m4sdcnh] {
    display: grid;
    gap: 7px;
    margin-bottom: 14px;
}

.ca-form-section[b-ft1m4sdcnh] {
    margin: 20px 0 10px;
    padding-top: 16px;
    border-top: 1px solid var(--line);
    color: var(--blue-700);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.ca-field-row[b-ft1m4sdcnh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 14px;
}

.ca-field-row .ca-field[b-ft1m4sdcnh] {
    margin-bottom: 0;
}

.ca-page label[b-ft1m4sdcnh] {
    font-size: 12px;
    font-weight: 800;
    color: var(--ink-700);
}

.ca-input[b-ft1m4sdcnh],
.ca-select[b-ft1m4sdcnh],
.ca-textarea[b-ft1m4sdcnh] {
    width: 100%;
    border: 1px solid var(--ink-300);
    border-radius: 12px;
    background: var(--white);
    color: var(--ink);
    transition: border-color .15s ease, box-shadow .15s ease;
}

.ca-input:focus[b-ft1m4sdcnh],
.ca-select:focus[b-ft1m4sdcnh],
.ca-textarea:focus[b-ft1m4sdcnh] {
    outline: none;
    border-color: var(--blue-600);
    box-shadow: 0 0 0 3px var(--blue-50);
}

.ca-input[b-ft1m4sdcnh],
.ca-select[b-ft1m4sdcnh] {
    height: 44px;
    padding: 0 12px;
}

.ca-textarea[b-ft1m4sdcnh] {
    min-height: 82px;
    padding: 11px 12px;
    resize: vertical;
}

.ca-switch-row[b-ft1m4sdcnh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    padding: 11px 0;
    border-top: 1px solid var(--line);
}

.ca-switch-row.flush[b-ft1m4sdcnh] {
    border-top: none;
    padding-top: 0;
}

.ca-switch[b-ft1m4sdcnh] {
    width: 44px;
    height: 24px;
    border-radius: 999px;
    background: var(--ink-300);
    position: relative;
    border: none;
    padding: 0;
    flex: none;
    transition: background-color .15s ease;
}

.ca-switch[b-ft1m4sdcnh]::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    transition: left .15s ease;
}

.ca-switch.on[b-ft1m4sdcnh] {
    background: var(--green-600);
}

.ca-switch.on[b-ft1m4sdcnh]::after {
    left: 23px;
}

.ca-check-grid[b-ft1m4sdcnh] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 8px;
    margin: 12px 0;
}

.ca-check-row[b-ft1m4sdcnh] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 11px;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: var(--soft);
    font-size: 12px;
    font-weight: normal;
}

.ca-form-actions[b-ft1m4sdcnh] {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
    margin-top: 16px;
}

.ca-table-card[b-ft1m4sdcnh] {
    overflow: hidden;
}

.ca-table-head[b-ft1m4sdcnh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    padding: 18px;
    border-bottom: 1px solid var(--line);
}

.ca-table-head p[b-ft1m4sdcnh] {
    margin: 4px 0 0;
    color: var(--muted);
    font-size: 12px;
}

.ca-search[b-ft1m4sdcnh] {
    min-width: 260px;
    height: 42px;
    border: 1px solid var(--ink-300);
    border-radius: 12px;
    padding: 0 12px;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.ca-search:focus[b-ft1m4sdcnh] {
    outline: none;
    border-color: var(--blue-600);
    box-shadow: 0 0 0 3px var(--blue-50);
}

.ca-table-wrap[b-ft1m4sdcnh] {
    overflow: auto;
}

.ca-page table[b-ft1m4sdcnh] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    min-width: 820px;
}

.ca-page th[b-ft1m4sdcnh],
.ca-page td[b-ft1m4sdcnh] {
    padding: 14px 15px;
    border-bottom: 1px solid var(--line);
    text-align: left;
    font-size: 12px;
    overflow-wrap: anywhere;
    vertical-align: middle;
}

.ca-page th[b-ft1m4sdcnh] {
    background: var(--ink-100);
    color: var(--muted);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .07em;
    font-weight: 800;
}

.ca-page tbody tr:hover[b-ft1m4sdcnh] {
    background: var(--blue-50);
}

.ca-name-cell[b-ft1m4sdcnh] {
    font-weight: 700;
    color: var(--ink-900);
}

.ca-num[b-ft1m4sdcnh] {
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.ca-center[b-ft1m4sdcnh] {
    text-align: center;
}

.ca-price[b-ft1m4sdcnh] {
    display: block;
    font-weight: 800;
    color: var(--ink-900);
}

.ca-price-sub[b-ft1m4sdcnh] {
    display: block;
    margin-top: 2px;
    color: var(--muted);
    font-size: 11px;
    font-weight: 600;
}

.ca-period-from[b-ft1m4sdcnh] {
    display: block;
    font-weight: 700;
    color: var(--ink-900);
}

.ca-period-to[b-ft1m4sdcnh] {
    display: block;
    margin-top: 2px;
    color: var(--muted);
    font-size: 11px;
}

.ca-badge[b-ft1m4sdcnh] {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 5px 8px;
    border-radius: 999px;
    background: var(--green-100);
    color: var(--green-700);
    font-size: 10px;
    font-weight: 850;
    white-space: nowrap;
}

.ca-badge.warning[b-ft1m4sdcnh] {
    background: var(--orange-100);
    color: var(--orange-700);
}

.ca-badge.inactive[b-ft1m4sdcnh] {
    background: var(--ink-100);
    color: var(--muted);
}

.ca-row-actions[b-ft1m4sdcnh] {
    display: flex;
    gap: 14px;
    align-items: center;
}

.ca-edit[b-ft1m4sdcnh],
.ca-delete[b-ft1m4sdcnh] {
    border: none;
    background: none;
    padding: 0;
    font-size: 12px;
    font-weight: 850;
}

.ca-edit[b-ft1m4sdcnh] {
    color: var(--blue-700);
}

.ca-delete[b-ft1m4sdcnh] {
    color: var(--danger);
}

.ca-edit:hover[b-ft1m4sdcnh] {
    color: var(--blue-900);
    text-decoration: underline;
}

.ca-delete:hover[b-ft1m4sdcnh] {
    text-decoration: underline;
}

.ca-info[b-ft1m4sdcnh] {
    padding: 13px 14px;
    background: var(--brown-100);
    color: var(--brown-700);
    border-radius: 12px;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.5;
    margin: 12px 0;
}

.ca-inline[b-ft1m4sdcnh] {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
}

.ca-number[b-ft1m4sdcnh] {
    width: 90px;
    height: 40px;
    border: 1px solid var(--ink-300);
    border-radius: 10px;
    padding: 0 10px;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.ca-number:focus[b-ft1m4sdcnh] {
    outline: none;
    border-color: var(--blue-600);
    box-shadow: 0 0 0 3px var(--blue-50);
}

/* Delete / revoke-transfer confirmation modal. Not part of the supplied
   mockup (which only covers the base page), styled to match its visual
   language: navy headings, soft rounded cards, the same button classes. */
.ca-modal-overlay[b-ft1m4sdcnh] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, .45);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    z-index: 1300;
}

.ca-modal[b-ft1m4sdcnh] {
    background: var(--white);
    border-radius: 18px;
    box-shadow: var(--shadow);
    max-width: 480px;
    width: 100%;
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    padding: 22px;
}

.ca-modal h3[b-ft1m4sdcnh] {
    margin: 0 0 8px;
    color: var(--navy);
    font-size: 19px;
}

.ca-modal p[b-ft1m4sdcnh] {
    margin: 0 0 14px;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.5;
}

.ca-modal-options[b-ft1m4sdcnh] {
    display: grid;
    gap: 10px;
    margin-bottom: 16px;
}

.ca-modal-option[b-ft1m4sdcnh] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 12px;
    cursor: pointer;
    transition: border-color .15s ease, background-color .15s ease;
}

.ca-modal-option.selected[b-ft1m4sdcnh] {
    border-color: var(--blue-600);
    background: var(--blue-50);
}

.ca-modal-option input[type="radio"][b-ft1m4sdcnh] {
    margin-top: 3px;
    accent-color: var(--blue-600);
}

.ca-modal-option strong[b-ft1m4sdcnh] {
    display: block;
    color: var(--ink);
    font-size: 13px;
}

.ca-modal-option small[b-ft1m4sdcnh] {
    display: block;
    color: var(--muted);
    font-size: 11px;
    margin-top: 2px;
}

.ca-modal-actions[b-ft1m4sdcnh] {
    display: flex;
    justify-content: flex-end;
    gap: 9px;
    margin-top: 6px;
}

@media (max-width: 1100px) {
    .ca-panel-grid[b-ft1m4sdcnh] {
        grid-template-columns: minmax(0, 1fr);
    }

    .ca-form[b-ft1m4sdcnh] {
        position: static;
    }
}

@media (max-width: 760px) {
    .ca-header[b-ft1m4sdcnh] {
        display: block;
    }

    .ca-header h1[b-ft1m4sdcnh] {
        font-size: 26px;
    }

    .ca-sync[b-ft1m4sdcnh] {
        flex-direction: column;
        align-items: stretch;
    }

    .ca-sync .ca-btn[b-ft1m4sdcnh] {
        width: 100%;
    }

    .ca-panel[b-ft1m4sdcnh] {
        padding: 12px;
    }

    .ca-table-head[b-ft1m4sdcnh] {
        flex-direction: column;
        align-items: stretch;
    }

    .ca-search[b-ft1m4sdcnh] {
        min-width: 0;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .ca-field-row[b-ft1m4sdcnh] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 767px) {
    /* 642px of tabs in a 356px shell hid "Grant subscription" and
       "Self-service trial" behind an invisible touch scrollbar. */
    .ca-tabs[b-ft1m4sdcnh] {
        flex-wrap: wrap;
        overflow: visible;
        scroll-snap-type: none;
    }

    .ca-tab[b-ft1m4sdcnh] {
        flex: 1 1 calc(50% - 3px);
        justify-content: center;
        text-align: center;
        white-space: normal;
        line-height: 1.2;
    }
}
/* /Components/Pages/ComplianceRoadmap.razor.rz.scp.css */
.cr-page[b-h7ub60tge3] {
    --navy: #0b2f52;
    --teal: #168552;
    --line: #e2e8f0;
    --muted: #64748b;
    --orange: #c2410c;
    color: #0f172a;
    max-width: 880px;
}

.cr-head[b-h7ub60tge3] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 18px;
}

.cr-head span[b-h7ub60tge3] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--teal);
    font-weight: 900;
}

.cr-head h1[b-h7ub60tge3] {
    margin: 7px 0 5px;
    color: var(--navy);
    font-size: 30px;
}

.cr-head p[b-h7ub60tge3] {
    margin: 0;
    color: var(--muted);
    max-width: 520px;
}

.cr-head-actions[b-h7ub60tge3] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.cr-btn[b-h7ub60tge3] {
    min-height: 42px;
    padding: 0 15px;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: #fff;
    color: var(--navy);
    font-weight: 800;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 14px;
}

.cr-btn.primary[b-h7ub60tge3] {
    background: var(--navy);
    border-color: var(--navy);
    color: #fff;
}

.cr-btn.small[b-h7ub60tge3] {
    min-height: 36px;
    padding: 0 12px;
    font-size: 13px;
}

.cr-hero[b-h7ub60tge3] {
    border-radius: 20px;
    padding: 24px 26px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    color: #fff;
    margin-bottom: 24px;
    background: linear-gradient(135deg, #0b2f52, #153f75);
}

.cr-score[b-h7ub60tge3] {
    font-size: 40px;
    font-weight: 900;
    line-height: 1;
}

.cr-hero strong[b-h7ub60tge3] {
    display: block;
    margin-top: 4px;
    font-size: 15px;
}

.cr-hero p[b-h7ub60tge3] {
    margin: 4px 0 0;
    opacity: 0.8;
    font-size: 13px;
}

.cr-bar-track[b-h7ub60tge3] {
    height: 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.2);
    overflow: hidden;
}

.cr-bar-fill[b-h7ub60tge3] {
    height: 100%;
    background: #fff;
    border-radius: 999px;
    transition: width 0.3s ease;
}

.cr-phase[b-h7ub60tge3] {
    margin-bottom: 26px;
}

.cr-phase-head[b-h7ub60tge3] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 10px;
}

.cr-phase-head h2[b-h7ub60tge3] {
    margin: 0;
    color: var(--navy);
    font-size: 17px;
}

.cr-phase-head span[b-h7ub60tge3] {
    font-size: 12.5px;
    color: var(--muted);
    font-weight: 700;
}

.cr-item[b-h7ub60tge3] {
    display: flex;
    gap: 14px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);
    padding: 16px 18px;
    margin-bottom: 10px;
}

.cr-item.done[b-h7ub60tge3] {
    background: #f0fdf9;
    border-color: #dff2e6;
}

.cr-item-num[b-h7ub60tge3] {
    font-family: ui-monospace, "SF Mono", monospace;
    font-size: 12px;
    font-weight: 800;
    color: var(--muted);
    min-width: 22px;
    padding-top: 2px;
}

.cr-item-body[b-h7ub60tge3] {
    flex: 1;
    min-width: 0;
}

.cr-item-title-row[b-h7ub60tge3] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.cr-item-title-row h3[b-h7ub60tge3] {
    margin: 0;
    font-size: 15px;
    color: var(--navy);
}

.cr-due[b-h7ub60tge3] {
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: 0.03em;
    color: var(--orange);
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 999px;
    padding: 2px 9px;
    white-space: nowrap;
}

.cr-item p[b-h7ub60tge3] {
    margin: 6px 0 0;
    color: var(--muted);
    font-size: 13.5px;
}

.cr-status-row[b-h7ub60tge3] {
    display: flex;
    gap: 8px;
    margin-top: 12px;
    flex-wrap: wrap;
}

.cr-status-btn[b-h7ub60tge3] {
    border: 1px solid var(--line);
    background: #fff;
    color: var(--muted);
    border-radius: 999px;
    padding: 5px 14px;
    font-size: 12.5px;
    font-weight: 700;
    cursor: pointer;
}

.cr-status-btn.active[b-h7ub60tge3] {
    background: var(--navy);
    border-color: var(--navy);
    color: #fff;
}

.cr-status-btn.done.active[b-h7ub60tge3] {
    background: #0f9f6e;
    border-color: #0f9f6e;
}

.cr-notes-toggle[b-h7ub60tge3] {
    border: none;
    background: none;
    color: var(--teal);
    font-size: 12.5px;
    font-weight: 700;
    cursor: pointer;
    padding: 5px 4px;
}

.cr-notes-panel[b-h7ub60tge3] {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
}

.cr-notes-input[b-h7ub60tge3] {
    width: 100%;
    border: 1px solid var(--line);
    border-radius: 10px;
    padding: 10px 12px;
    font-family: inherit;
    font-size: 13.5px;
    resize: vertical;
    color: #0f172a;
}

.cr-notes-input:focus-visible[b-h7ub60tge3] {
    outline: 2px solid var(--teal);
    outline-offset: 1px;
}

.cr-updated[b-h7ub60tge3] {
    margin-top: 8px;
    font-size: 11px;
    color: var(--muted);
}

@media (max-width: 650px) {
    .cr-head[b-h7ub60tge3] {
        display: block;
    }

    .cr-head-actions[b-h7ub60tge3] {
        margin-top: 12px;
    }

    .cr-item[b-h7ub60tge3] {
        flex-direction: column;
    }
}
/* /Components/Pages/ConnectorAuthorize.razor.rz.scp.css */
.connector-authorization[b-39azyztbln] {
    min-height: calc(100vh - 190px);
    padding: clamp(1rem, 4vw, 3rem);
    display: grid;
    place-items: center;
    border-radius: 1.5rem;
    background:
        radial-gradient(circle at 88% 10%, rgba(8, 77, 168, .12), transparent 22rem),
        linear-gradient(145deg, #edf2f8, #f8fbfb);
}

.connector-authorization-card[b-39azyztbln] {
    width: min(100%, 650px);
    padding: clamp(1.5rem, 5vw, 3.25rem);
    border: 1px solid #cdd6e2;
    border-radius: 1.5rem;
    background: rgba(255, 255, 255, .97);
    box-shadow: 0 1.75rem 4.5rem rgba(16, 45, 83, .15);
}

[b-39azyztbln] .connector-authorization-logo {
    margin-bottom: 2rem;
}

.connector-authorization-kicker[b-39azyztbln] {
    color: #083c7f;
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.connector-authorization-card h1[b-39azyztbln] {
    margin: .55rem 0 0;
    color: #101d2d;
    font-size: clamp(2rem, 5vw, 3.25rem);
    line-height: 1.04;
    letter-spacing: -.055em;
}

.connector-authorization-lead[b-39azyztbln] {
    margin: 1rem 0 0;
    color: #667085;
    font-size: 1rem;
    line-height: 1.65;
}

.connector-account[b-39azyztbln] {
    margin: 1.5rem 0;
    padding: 1rem;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: .9rem;
    border: 1px solid #ccd6e3;
    border-radius: 1rem;
    background: #f1f5fa;
}

.connector-account-icon[b-39azyztbln] {
    width: 3rem;
    height: 3rem;
    display: grid;
    place-items: center;
    border-radius: .85rem;
    color: #fff;
    background: linear-gradient(145deg, #084da8, #083c7f);
}

.connector-account div[b-39azyztbln] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.connector-account div span[b-39azyztbln] {
    color: #667085;
    font-size: .7rem;
    font-weight: 750;
    text-transform: uppercase;
}

.connector-account strong[b-39azyztbln] {
    margin-top: .2rem;
    color: #101d2d;
    font-size: 1.05rem;
}

.connector-account small[b-39azyztbln] {
    margin-top: .15rem;
    overflow: hidden;
    color: #667085;
    text-overflow: ellipsis;
}

.connector-account-verified[b-39azyztbln] {
    color: #084da8;
}

.connector-permissions[b-39azyztbln] {
    margin-bottom: 1.1rem;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: .45rem;
    border-radius: .9rem;
    color: #52636a;
    background: #f7f9fa;
}

.connector-permissions strong[b-39azyztbln] {
    margin-bottom: .2rem;
    color: #252f3b;
}

.connector-authorize-button[b-39azyztbln] {
    min-height: 3.15rem;
    margin-top: 1.3rem;
    border-radius: .8rem;
    color: #fff;
    background: linear-gradient(135deg, #084da8, #083c7f);
}

.connector-authorization-footnote[b-39azyztbln] {
    margin: .9rem 0 0;
    color: #7a858e;
    font-size: .75rem;
    line-height: 1.5;
    text-align: center;
}

@media (max-width: 520px) {
    .connector-authorization[b-39azyztbln] {
        padding: .5rem;
    }

    .connector-account[b-39azyztbln] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .connector-account-verified[b-39azyztbln] {
        display: none;
    }
}
/* /Components/Pages/ConnectorDiagnostics.razor.rz.scp.css */
/* Connector diagnostics.

   The page had no styling of its own: a bare heading, a full-bleed filled
   alert in solid orange, and a three-column grid of caption/value pairs that
   stayed three columns until 960px. This gives it the platform's shape and
   makes the detail grid readable on a phone. */

.cds-hero[b-11jk6b6n9e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    padding: 22px 26px;
    border-radius: 18px;
    background: linear-gradient(125deg, #07182c, #0b2f52 62%, #123b64);
    color: #fff;
    box-shadow: 0 16px 40px rgba(15, 47, 87, .18);
}

.cds-hero-copy[b-11jk6b6n9e] { min-width: 0; }

.cds-eyebrow[b-11jk6b6n9e] {
    display: block;
    color: #6fe0a6;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.cds-hero h1[b-11jk6b6n9e] {
    margin: 6px 0 4px;
    font-size: 1.65rem;
    line-height: 1.15;
    letter-spacing: -.02em;
    color: #fff;
}

.cds-hero p[b-11jk6b6n9e] { margin: 0; max-width: 62ch; color: #cbd8e6; font-size: .88rem; }

.cds-hero-actions[b-11jk6b6n9e] { display: flex; flex-wrap: wrap; gap: 10px; }

.cds-btn[b-11jk6b6n9e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 16px;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 11px;
    background: rgba(255, 255, 255, .08);
    color: #fff;
    font-size: .85rem;
    font-weight: 700;
    text-decoration: none;
    transition: background-color .14s ease;
}

.cds-btn:hover[b-11jk6b6n9e] { background: rgba(255, 255, 255, .18); }

/* The status banner was a solid orange slab the width of the page. It says
   the same thing as a bordered card and stops the page looking like a
   warning about itself. */
.cds-page[b-11jk6b6n9e]  .mud-alert {
    border-radius: 14px;
}

.cds-page[b-11jk6b6n9e]  .mud-alert-filled-warning {
    background: #fff5e6;
    border: 1px solid #f3ddb4;
    color: #7c4a08;
}

.cds-page[b-11jk6b6n9e]  .mud-alert-filled-warning .mud-alert-icon,
.cds-page[b-11jk6b6n9e]  .mud-alert-filled-warning .mud-typography {
    color: #7c4a08;
}

.cds-page[b-11jk6b6n9e]  .mud-alert-filled-error {
    background: #fdeef0;
    border: 1px solid #f4c9c9;
    color: #8f2f3b;
}

.cds-page[b-11jk6b6n9e]  .mud-alert-filled-error .mud-alert-icon,
.cds-page[b-11jk6b6n9e]  .mud-alert-filled-error .mud-typography {
    color: #8f2f3b;
}

.cds-page[b-11jk6b6n9e]  .mud-alert-filled-success {
    background: #eaf8f0;
    border: 1px solid #b6e5cc;
    color: #0f5c37;
}

.cds-page[b-11jk6b6n9e]  .mud-alert-filled-success .mud-alert-icon,
.cds-page[b-11jk6b6n9e]  .mud-alert-filled-success .mud-typography {
    color: #0f5c37;
}

/* Detail pairs: label above value, in a grid that actually reflows. */
.cds-page[b-11jk6b6n9e]  .mud-paper {
    border-radius: 16px;
    border-color: #dce5ef;
}

.cds-page[b-11jk6b6n9e]  .mud-grid-item .mud-typography-caption {
    display: block;
    color: #64748b;
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.cds-page[b-11jk6b6n9e]  .mud-grid-item .mud-typography-body1 {
    margin-top: 2px;
    color: #142238;
    font-size: .9rem;
    font-weight: 650;
    overflow-wrap: anywhere;
}

@media (max-width: 767px) {
    .cds-hero[b-11jk6b6n9e] { padding: 18px; border-radius: 14px; }
    .cds-hero h1[b-11jk6b6n9e] { font-size: 1.35rem; }
    .cds-hero p[b-11jk6b6n9e] { font-size: .82rem; }
    .cds-hero-actions[b-11jk6b6n9e] { width: 100%; }
    .cds-hero-actions .cds-btn[b-11jk6b6n9e] { flex: 1 1 auto; }

    /* Two columns of short facts rather than one long list. */
    .cds-page[b-11jk6b6n9e]  .mud-grid-item {
        flex-basis: 50% !important;
        max-width: 50% !important;
    }

    .cds-page[b-11jk6b6n9e]  .mud-paper { padding: 14px !important; }
}

@media (max-width: 359px) {
    .cds-page[b-11jk6b6n9e]  .mud-grid-item {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
}
/* /Components/Pages/CorrectiveActions.razor.rz.scp.css */
.ca-page[b-vudid2v84m] {
    --navy: #0b2f52;
    --navy-2: #104a70;
    --blue: #2563eb;
    --green: #16a34a;
    --orange: #d97706;
    --red: #dc2626;
    --line: #e2e8f0;
    --muted: #64748b;
    --soft: #f8fafc;
    --shadow-sm: 0 7px 20px rgba(15, 23, 42, .06);
    --shadow-md: 0 16px 36px rgba(15, 23, 42, .10);
    color: #0f172a;
    font-family: var(--app-font, Inter, system-ui, sans-serif);
}

.ca-hero[b-vudid2v84m] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
    padding: 28px 30px;
    margin-bottom: 18px;
    overflow: hidden;
    border-radius: 22px;
    color: #fff;
    background: linear-gradient(135deg, #071f34 0%, var(--navy) 55%, #123a5e 100%);
    box-shadow: var(--shadow-md);
}

.ca-hero[b-vudid2v84m]::after {
    position: absolute;
    right: -20px;
    bottom: -90px;
    content: "\2713";
    font-size: 11rem;
    font-weight: 800;
    color: rgba(255, 255, 255, .05);
    pointer-events: none;
}

.ca-hero-copy[b-vudid2v84m] {
    position: relative;
    z-index: 1;
    max-width: 620px;
}

.ca-eyebrow[b-vudid2v84m] {
    display: block;
    margin: 0 0 8px;
    color: #8fc4f2;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.ca-hero h1[b-vudid2v84m] {
    margin: 0;
    color: #fff;
    font-size: clamp(1.7rem, 2.4vw, 2.2rem);
    letter-spacing: -.03em;
    line-height: 1.1;
}

.ca-hero p[b-vudid2v84m] {
    margin: 10px 0 0;
    color: #dce9f1;
    font-size: .92rem;
    line-height: 1.6;
}

.ca-hero-side[b-vudid2v84m] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 14px;
    flex: none;
}

.ca-hero-stat[b-vudid2v84m] {
    text-align: right;
}

.ca-hero-stat strong[b-vudid2v84m] {
    display: block;
    font-size: 2rem;
    font-weight: 900;
    color: #fff;
    line-height: 1;
}

.ca-hero-stat span[b-vudid2v84m] {
    display: block;
    margin-top: 4px;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #a9c7d8;
}

.ca-hero-back[b-vudid2v84m] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 11px;
    background: rgba(255, 255, 255, .08);
    backdrop-filter: blur(6px);
    color: #fff;
    font-size: .8rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
    transition: background .18s ease, transform .18s ease;
}

.ca-hero-back:hover[b-vudid2v84m],
.ca-hero-back:focus-visible[b-vudid2v84m] {
    background: rgba(255, 255, 255, .18);
    color: #fff;
    transform: translateY(-1px);
}

.ca-btn[b-vudid2v84m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 15px;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: #fff;
    color: var(--navy);
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
    box-shadow: var(--shadow-sm);
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease, color .16s ease, background .16s ease;
}

.ca-btn:hover:not(:disabled)[b-vudid2v84m] {
    border-color: var(--blue);
    color: var(--blue);
    box-shadow: var(--shadow-md);
    transform: translateY(-1px);
}

.ca-btn:disabled[b-vudid2v84m] {
    opacity: .55;
    cursor: default;
    transform: none;
}

.ca-btn.primary[b-vudid2v84m] {
    background: linear-gradient(135deg, var(--navy) 0%, var(--navy-2) 100%);
    border-color: var(--navy);
    color: #fff;
}

.ca-btn.primary:hover:not(:disabled)[b-vudid2v84m] {
    color: #fff;
    border-color: var(--navy-2);
}

.ca-btn.success[b-vudid2v84m] {
    background: #ecfdf3;
    color: #166534;
    border-color: #bbf7d0;
}

.ca-btn.success:hover:not(:disabled)[b-vudid2v84m] {
    background: #d3f8e2;
    color: #166534;
    border-color: #86efac;
}

.ca-btn.danger[b-vudid2v84m] {
    background: #fef2f2;
    color: #b91c1c;
    border-color: #fecaca;
}

.ca-btn.danger:hover:not(:disabled)[b-vudid2v84m] {
    background: #fee2e2;
    color: #b91c1c;
    border-color: #fca5a5;
}

.ca-metrics[b-vudid2v84m] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 16px;
}

.ca-panel[b-vudid2v84m] {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 18px;
    box-shadow: var(--shadow-sm);
}

.ca-metric[b-vudid2v84m] {
    padding: 16px;
    background: #fff;
    border: 1px solid var(--line);
    border-top: 4px solid var(--line);
    border-radius: 14px;
    box-shadow: var(--shadow-sm);
    transition: transform .16s ease, box-shadow .16s ease;
}

.ca-metric:hover[b-vudid2v84m] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.ca-metric strong[b-vudid2v84m] {
    font-size: 28px;
    color: var(--navy);
    display: block;
}

.ca-metric span[b-vudid2v84m] {
    color: var(--muted);
    font-size: 12px;
}

.ca-metric.open[b-vudid2v84m] {
    border-top-color: var(--blue);
}

.ca-metric.overdue[b-vudid2v84m] {
    border-top-color: var(--orange);
}

.ca-metric.done[b-vudid2v84m] {
    border-top-color: var(--green);
}

.ca-metric.alert[b-vudid2v84m] {
    border-top-color: var(--red);
}

.ca-metric.overdue strong[b-vudid2v84m] {
    color: var(--orange);
}

.ca-metric.alert strong[b-vudid2v84m] {
    color: var(--red);
}

.ca-grid[b-vudid2v84m] {
    display: grid;
    grid-template-columns: minmax(320px, .75fr) minmax(420px, 1.25fr);
    gap: 16px;
}

.ca-panel[b-vudid2v84m] {
    overflow: hidden;
}

.ca-panel-head[b-vudid2v84m] {
    padding: 17px 19px;
    border-bottom: 1px solid var(--line);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ca-panel-head h2[b-vudid2v84m] {
    margin: 0;
    color: var(--navy);
    font-size: 19px;
}

.ca-panel-head p[b-vudid2v84m] {
    font-size: 12px;
    margin-top: 3px;
    color: var(--muted);
}

.ca-filters[b-vudid2v84m] {
    display: grid;
    grid-template-columns: 1fr 150px;
    gap: 8px;
    padding: 12px;
    border-bottom: 1px solid var(--line);
}

.ca-page input[b-vudid2v84m],
.ca-page select[b-vudid2v84m],
.ca-page textarea[b-vudid2v84m] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #cbd5e1;
    border-radius: 9px;
    padding: 10px;
    background: #fff;
    font: inherit;
    color: #172033;
}

.ca-page input:focus[b-vudid2v84m],
.ca-page select:focus[b-vudid2v84m],
.ca-page textarea:focus[b-vudid2v84m] {
    outline: none;
    border-color: var(--blue);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}

.ca-action-list[b-vudid2v84m] {
    max-height: 700px;
    overflow: auto;
}

.ca-action[b-vudid2v84m] {
    display: block;
    width: 100%;
    text-align: left;
    padding: 15px 17px;
    border: 0;
    border-bottom: 1px solid var(--line);
    background: #fff;
    cursor: pointer;
    transition: background .15s ease;
}

.ca-action:last-child[b-vudid2v84m] {
    border-bottom: 0;
}

.ca-action:hover[b-vudid2v84m] {
    background: #f8fafc;
}

.ca-action.active[b-vudid2v84m] {
    background: #eff8ff;
    border-left: 4px solid var(--blue);
}

.ca-action > div[b-vudid2v84m] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.ca-action h3[b-vudid2v84m] {
    margin: 7px 0 3px;
    font-size: 14px;
    color: var(--navy);
}

.ca-action p[b-vudid2v84m] {
    margin: 0;
    color: var(--muted);
    font-size: 11px;
}

.ca-pill[b-vudid2v84m] {
    padding: 4px 7px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}

.ca-pill.done[b-vudid2v84m] {
    background: #ecfdf3;
    color: #166534;
}

.ca-pill.open[b-vudid2v84m] {
    background: #eef5ff;
    color: #1d4ed8;
}

.ca-pill.overdue[b-vudid2v84m] {
    background: #fff7ed;
    color: #c2410c;
}

.ca-pill.cancelled[b-vudid2v84m] {
    background: #f1f5f9;
    color: #475569;
}

.ca-form[b-vudid2v84m] {
    padding: 18px;
}

.ca-form > label[b-vudid2v84m],
.ca-form-grid label[b-vudid2v84m],
.ca-review label[b-vudid2v84m] {
    display: grid;
    gap: 6px;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 13px;
}

.ca-form-grid[b-vudid2v84m] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 12px;
}

.ca-form fieldset[b-vudid2v84m] {
    border: 1px solid var(--line);
    border-radius: 12px;
    margin: 4px 0 15px;
    padding: 12px;
}

.ca-form legend[b-vudid2v84m] {
    font-size: 12px;
    font-weight: 850;
    color: var(--navy);
}

.ca-incidents[b-vudid2v84m] {
    max-height: 180px;
    overflow: auto;
    display: grid;
    gap: 7px;
}

.ca-incidents label[b-vudid2v84m] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 11px;
    color: #334155;
}

.ca-incidents input[b-vudid2v84m] {
    width: auto;
    margin-top: 2px;
}

.ca-actions[b-vudid2v84m] {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
}

.ca-review[b-vudid2v84m] {
    margin-top: 16px;
    border-radius: 13px;
    background: var(--soft);
    padding: 15px;
    border: 1px solid var(--line);
}

.ca-review h3[b-vudid2v84m] {
    margin: 0 0 10px;
    color: var(--navy);
}

.ca-empty[b-vudid2v84m] {
    display: grid;
    justify-items: center;
    gap: 6px;
    padding: 36px 24px;
    margin: 12px;
    text-align: center;
    border: 1.5px dashed #cbd5e1;
    border-radius: 14px;
    background: #f8fafc;
}

.ca-empty-icon[b-vudid2v84m] {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    margin-bottom: 4px;
    border-radius: 12px;
    background: #eef5ff;
    color: var(--blue);
    font-size: 12px;
    font-weight: 900;
}

.ca-empty h3[b-vudid2v84m] {
    margin: 0;
    color: var(--navy);
    font-size: 14px;
}

.ca-empty p[b-vudid2v84m] {
    margin: 0;
    max-width: 32ch;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.5;
}

@media (max-width: 980px) {
    .ca-grid[b-vudid2v84m] {
        grid-template-columns: minmax(0, 1fr);
    }

    .ca-metrics[b-vudid2v84m] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .ca-hero[b-vudid2v84m] {
        flex-direction: column;
        align-items: stretch;
        padding: 22px;
    }

    .ca-hero-side[b-vudid2v84m] {
        align-items: flex-start;
    }

    .ca-form-grid[b-vudid2v84m],
    .ca-filters[b-vudid2v84m] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/CourseCertificateVerify.razor.rz.scp.css */
.certificate-verify[b-3bqz7l1oxo]{max-width:780px;margin:0 auto;padding:48px 22px 80px;color:#17324d}.certificate-verify>header[b-3bqz7l1oxo]{text-align:center}.certificate-verify header span[b-3bqz7l1oxo]{color:#0d3f81;font-size:.72rem;font-weight:900;letter-spacing:.13em}.certificate-verify h1[b-3bqz7l1oxo]{margin:9px 0}.certificate-verify header p[b-3bqz7l1oxo]{color:#65798b}.verify-form[b-3bqz7l1oxo]{display:flex;gap:9px;margin:26px auto;max-width:600px}.verify-form input[b-3bqz7l1oxo]{flex:1;border:1px solid #cbd9e2;border-radius:10px;padding:13px;font:inherit;text-transform:uppercase}.verify-form button[b-3bqz7l1oxo]{border:0;border-radius:10px;padding:12px 18px;background:#0d438a;color:#fff;font-weight:900;cursor:pointer}.certificate-verify article[b-3bqz7l1oxo]{margin-top:28px;padding:42px;border:3px double #0d3d7c;border-radius:8px;background:#fff;text-align:center;box-shadow:0 12px 30px rgba(22,55,77,.08)}.certificate-verify article>span[b-3bqz7l1oxo]{color:#218158;font-weight:900}.certificate-verify article h2[b-3bqz7l1oxo]{margin:18px 0 4px;font-size:2rem;color:#0d3871}.certificate-verify article p[b-3bqz7l1oxo]{margin:0;color:#6b7f91}.certificate-verify article h3[b-3bqz7l1oxo]{margin:6px 0 22px}.certificate-verify dl[b-3bqz7l1oxo]{display:flex;justify-content:center;gap:50px;margin:0}.certificate-verify dt[b-3bqz7l1oxo]{color:#718497;font-size:.72rem}.certificate-verify dd[b-3bqz7l1oxo]{margin:4px 0;font-weight:800}.invalid[b-3bqz7l1oxo]{margin-top:24px;padding:20px;border-radius:12px;background:#fff0f0;color:#913c3c;text-align:center}@media(max-width:550px){.verify-form[b-3bqz7l1oxo]{flex-direction:column}.certificate-verify article[b-3bqz7l1oxo]{padding:28px 18px}.certificate-verify dl[b-3bqz7l1oxo]{flex-direction:column;gap:12px}}
/* /Components/Pages/CourseDetail.razor.rz.scp.css */
.course-detail-public[b-d497rnv1s8] { color: #17324d; padding: 0 0 40px; }
.course-not-found[b-d497rnv1s8] { padding: 80px; text-align: center; }
.primary[b-d497rnv1s8] { display: inline-block; border: 0; border-radius: 11px; padding: 12px 17px; background: #1053aa; color: #fff; font-weight: 900; text-decoration: none; cursor: pointer; }

/* === Compact sticky topbar (replaces the old marketing hero) === */

.crs-topbar[b-d497rnv1s8] {
    --layout-header-h: 68px;
    --topbar-h: 64px;
    position: sticky;
    top: var(--layout-header-h);
    z-index: 25;
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: var(--topbar-h);
    padding: 10px clamp(16px, 4vw, 40px);
    background: #0b2e4d;
    color: #fff;
    box-shadow: 0 4px 14px rgba(11, 46, 77, .14);
}

.crs-topbar-back[b-d497rnv1s8] { flex: 0 0 auto; color: #9fb7d6; font-weight: 800; font-size: 1.05rem; text-decoration: none; }
.crs-topbar-back:hover[b-d497rnv1s8] { color: #fff; }

.crs-topbar-trigger[b-d497rnv1s8] {
    flex: 1 1 auto; display: flex; align-items: center; gap: 8px; min-width: 0;
    border: 0; background: transparent; color: #fff; text-align: left; cursor: pointer; font: inherit; padding: 6px 4px;
}
.crs-topbar-course[b-d497rnv1s8] { flex: 0 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 900; font-size: .92rem; }
.crs-topbar-sep[b-d497rnv1s8] { color: #6fa9c9; }
.crs-topbar-chapter[b-d497rnv1s8] { flex: 0 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #d6dfeb; font-size: .88rem; }
.crs-topbar-position[b-d497rnv1s8] { flex: 0 0 auto; padding: 3px 9px; border-radius: 999px; background: rgba(255, 255, 255, .14); color: #dfe8f4; font-size: .68rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }
.crs-topbar-caret[b-d497rnv1s8] { display: none; flex: 0 0 auto; color: #9fb7d6; font-size: .7rem; }

.crs-topbar-actions[b-d497rnv1s8] { flex: 0 0 auto; display: flex; align-items: center; gap: 10px; }
.crs-topbar-cta[b-d497rnv1s8] { flex: 0 0 auto; border: 0; border-radius: 9px; padding: 9px 14px; background: #1053aa; color: #fff; font-weight: 850; font-size: .82rem; text-decoration: none; cursor: pointer; white-space: nowrap; }
.crs-topbar-cta:disabled[b-d497rnv1s8] { opacity: .65; cursor: default; }
.crs-topbar-signin[b-d497rnv1s8] { flex: 0 0 auto; color: #d6dfeb; font-size: .8rem; font-weight: 700; text-decoration: none; white-space: nowrap; }
.crs-topbar-signin:hover[b-d497rnv1s8] { color: #fff; }
.crs-topbar-progress[b-d497rnv1s8] { display: flex; align-items: center; gap: 8px; color: #d6dfeb; font-size: .78rem; font-weight: 800; }
.crs-topbar-progress-track[b-d497rnv1s8] { width: 74px; height: 6px; border-radius: 999px; background: rgba(255, 255, 255, .18); overflow: hidden; }
.crs-topbar-progress-fill[b-d497rnv1s8] { height: 100%; border-radius: 999px; background: #4684d6; }

/* === 3-column browser: full-bleed workspace, sticky nav columns, no nested scroll === */

.crs-browser[b-d497rnv1s8] {
    --navy: #10263a;
    --navy-2: #173a55;
    --ink: #1c3245;
    --muted: #718494;
    --line: #dce5eb;
    --teal: #0f4791;
    --nav-top: calc(68px + 64px);
    position: relative;
    display: grid;
    grid-template-columns: minmax(235px, 270px) minmax(260px, 320px) minmax(0, 1fr);
    color: var(--ink);
    background: #fff;
}

.crs-drawer-backdrop[b-d497rnv1s8] { display: none; }
.crs-nav-wrap[b-d497rnv1s8] { display: contents; }

.crs-list[b-d497rnv1s8], .crs-topics[b-d497rnv1s8] {
    min-width: 0;
    position: sticky;
    top: var(--nav-top);
    align-self: start;
    max-height: calc(100vh - var(--nav-top));
    overflow-y: auto;
}

.crs-list[b-d497rnv1s8] { display: flex; flex-direction: column; padding: .7rem; border-right: 1px solid var(--navy-2); color: #fff; background: var(--navy); }
.crs-list-head[b-d497rnv1s8] { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; padding: .35rem .4rem .8rem; border-bottom: 1px solid rgba(255,255,255,.12); color: #dce8f2; text-transform: uppercase; letter-spacing: .08em; font-size: .76rem; }
.crs-list-head span[b-d497rnv1s8] { display: grid; min-width: 27px; height: 23px; padding: 0 .45rem; place-items: center; border-radius: 999px; color: #e9f2f8; background: #244a69; }
.crs-list-scroll[b-d497rnv1s8] { flex: 1 1 auto; min-height: 0; }
.crs-drawer-close[b-d497rnv1s8] { display: none; }

.crs-module-heading[b-d497rnv1s8] { display: flex; flex-direction: column; gap: 2px; margin-top: .5rem; padding: .4rem .5rem 0; }
.crs-module-heading > span[b-d497rnv1s8] { color: #7fa6d9; font-size: .62rem; font-weight: 900; letter-spacing: .1em; }
.crs-module-heading > strong[b-d497rnv1s8] { color: #eef5fb; font-size: .82rem; }

.crs-list-scroll > button[b-d497rnv1s8] {
    position: relative; width: 100%; display: flex; flex-direction: column; gap: .18rem;
    margin-top: .35rem; padding: .68rem .8rem .68rem .9rem; border: 0; border-radius: 10px;
    text-align: left; color: #eef5fb; background: rgba(255,255,255,.065); cursor: pointer; transition: .16s ease;
}
.crs-list-scroll > button:hover[b-d497rnv1s8] { transform: translateX(2px); background: rgba(255,255,255,.14); }
.crs-list-scroll > button.selected[b-d497rnv1s8] { color: var(--navy); background: #fff; box-shadow: 0 8px 18px rgba(0,0,0,.16); }
.crs-list-scroll > button.selected[b-d497rnv1s8]::before { content: ""; position: absolute; inset: 6px auto 6px 0; width: 4px; border-radius: 0 4px 4px 0; background: #f59e0b; }
.crs-chapter-top[b-d497rnv1s8] { display: flex; justify-content: space-between; gap: 8px; color: inherit; opacity: .74; font-size: .68rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.crs-list-scroll > button strong[b-d497rnv1s8] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .86rem; }

.crs-final-entry[b-d497rnv1s8] {
    flex: 0 0 auto; margin-top: .6rem; padding: .7rem .8rem; border: 1px dashed rgba(255,255,255,.35); border-radius: 10px;
    background: rgba(255,255,255,.06); color: #fff; text-align: left; cursor: pointer;
}
.crs-final-entry strong[b-d497rnv1s8] { display: block; font-size: .82rem; }
.crs-final-entry span[b-d497rnv1s8] { color: #b9cbda; font-size: .72rem; }
.crs-final-entry:hover[b-d497rnv1s8] { background: rgba(255,255,255,.14); }
.crs-final-entry.selected[b-d497rnv1s8] { border-style: solid; border-color: #f59e0b; background: #f59e0b; color: #2a1c04; }
.crs-final-entry.selected span[b-d497rnv1s8] { color: #4a3a12; }

.crs-topics[b-d497rnv1s8] { padding: .75rem; border-right: 1px solid var(--line); background: #f8fafc; }
.crs-toc-name[b-d497rnv1s8] { margin: .1rem .35rem .5rem; color: var(--navy); font-size: 1rem; }
.crs-topic-head[b-d497rnv1s8] { margin: .2rem .35rem .65rem; color: #65778a; text-transform: uppercase; letter-spacing: .08em; font-size: .75rem; font-weight: 850; }
.crs-topics > p[b-d497rnv1s8] { margin: .3rem; color: var(--muted); font-size: .85rem; }
.crs-topics > button[b-d497rnv1s8] {
    width: 100%; display: grid; grid-template-columns: 30px minmax(0,1fr); align-items: center; gap: .55rem;
    margin-bottom: .28rem; padding: .58rem .65rem; border: 1px solid transparent; border-radius: 9px;
    color: #43596b; background: transparent; text-align: left; font-size: .79rem; font-weight: 750; cursor: pointer; transition: .16s ease;
}
.crs-topic-icon[b-d497rnv1s8] { display: grid; width: 26px; height: 26px; place-items: center; border-radius: 999px; background: #e4edf3; color: #4c6377; font-size: .7rem; font-weight: 900; }
.crs-topic-icon.done[b-d497rnv1s8] { background: #dcf3e6; color: #1c8f57; }
.crs-topic-icon.locked[b-d497rnv1s8] { background: #fdf1e4; color: #b46a1f; }
.crs-topic-icon.locked .mud-icon-root[b-d497rnv1s8] { font-size: 15px; }
.crs-topic-copy[b-d497rnv1s8] { display: grid; gap: .08rem; min-width: 0; }
.crs-topic-copy > span[b-d497rnv1s8] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.crs-topic-copy small[b-d497rnv1s8] { color: #85949f; font-size: .68rem; font-weight: 700; }
.crs-topics > button:hover[b-d497rnv1s8] { transform: translateX(2px); color: var(--navy); background: #fff; box-shadow: 0 4px 12px rgba(16,38,58,.06); }
.crs-topics > button.active[b-d497rnv1s8] { border-color: var(--navy); color: #fff; background: var(--navy); box-shadow: 0 7px 16px rgba(16,38,58,.13); }
.crs-topics > button.active .crs-topic-icon[b-d497rnv1s8] { background: rgba(255,255,255,.18); color: #fff; }
.crs-topics > button.active .crs-topic-copy small[b-d497rnv1s8] { color: rgba(255,255,255,.68); }
.crs-topics > button.locked:not(.active)[b-d497rnv1s8] { color: #93a2ac; }
.crs-topics > button.locked:not(.active) .crs-topic-copy small[b-d497rnv1s8] { color: #b4693a; }

.crs-selected[b-d497rnv1s8] { min-width: 0; background: #f8fafc; }
.crs-selected-head[b-d497rnv1s8] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1.1rem 1.35rem; border-bottom: 1px solid var(--line); background: #fff; }
.crs-meta[b-d497rnv1s8] { display: flex; flex-wrap: wrap; align-items: center; gap: .85rem; min-width: 0; color: var(--muted); font-size: .72rem; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.crs-completed-badge[b-d497rnv1s8] { padding: 3px 9px; border-radius: 999px; background: #e7f7ee; color: #23754e; text-transform: none; letter-spacing: 0; font-weight: 800; }

.crs-lesson-body[b-d497rnv1s8] { padding: 1.35rem 1.5rem 1.75rem; }
.crs-lesson-video[b-d497rnv1s8] { margin-bottom: 1rem; }
.crs-lesson-video-frame[b-d497rnv1s8] { display: block; width: 100%; height: 420px; border: 0; border-radius: 14px; background: #0d1f2b; }
.crs-lesson-frame[b-d497rnv1s8] { display: block; width: 100%; min-height: 320px; height: 420px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.crs-lesson-actions[b-d497rnv1s8] { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 14px; padding: 13px 2px; color: var(--muted); font-size: .78rem; }
.crs-secondary[b-d497rnv1s8] { border: 0; border-radius: 10px; padding: 10px 14px; background: #eef1f5; color: #4f667b; font-weight: 850; cursor: pointer; }
.crs-lesson-next[b-d497rnv1s8] { display: flex; justify-content: flex-end; margin-top: 22px; }
.crs-next-button[b-d497rnv1s8] { display: inline-flex; align-items: center; gap: 8px; border: 0; border-radius: 12px; padding: 13px 19px; background: #0d438a; color: #fff; font-weight: 850; text-decoration: none; cursor: pointer; }

.crs-locked[b-d497rnv1s8] { display: flex; align-items: flex-start; gap: 16px; margin: 1.4rem; padding: 1.5rem; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: 0 8px 22px rgba(16,38,58,.06); }
.crs-locked-icon[b-d497rnv1s8] { display: grid; flex: 0 0 44px; width: 44px; height: 44px; place-items: center; border-radius: 12px; background: #fdf1e4; color: #b46a1f; }
.crs-locked strong[b-d497rnv1s8] { display: block; margin-bottom: 4px; color: var(--navy); font-size: 1.05rem; }
.crs-locked p[b-d497rnv1s8] { margin: 0 0 8px; color: var(--muted); font-size: .88rem; }

.crs-state[b-d497rnv1s8], .crs-empty[b-d497rnv1s8] { display: grid; place-items: center; gap: .5rem; min-height: 220px; padding: 2rem; color: var(--muted); text-align: center; }
.crs-state strong[b-d497rnv1s8], .crs-empty strong[b-d497rnv1s8] { color: #294356; font-size: 1.05rem; }
.crs-empty.large[b-d497rnv1s8] { min-height: 440px; }
.crs-empty span[b-d497rnv1s8] { color: var(--muted); font-size: .85rem; }

/* === Mobile: single content column + slide-out chapters/lessons drawer === */

@media (max-width: 899px) {
    .crs-topbar[b-d497rnv1s8] { top: 0; padding: 8px 12px; gap: 8px; }
    .crs-topbar-back[b-d497rnv1s8] { display: none; }
    .crs-topbar-caret[b-d497rnv1s8] { display: block; }
    .crs-topbar-chapter[b-d497rnv1s8] { display: none; }

    .crs-browser[b-d497rnv1s8] { grid-template-columns: minmax(0, 1fr); }

    .crs-drawer-open .crs-drawer-backdrop[b-d497rnv1s8] {
        display: block; position: fixed; inset: 0; z-index: 39; border: 0; padding: 0;
        background: rgba(8, 20, 30, .45);
    }

    .crs-nav-wrap[b-d497rnv1s8] {
        display: flex; flex-direction: column;
        position: fixed; top: 0; left: 0; bottom: 0; width: min(340px, 86vw);
        z-index: 40; background: var(--navy); box-shadow: 12px 0 34px rgba(0,0,0,.22);
        transform: translateX(-100%); transition: transform .22s ease;
    }
    .crs-drawer-open .crs-nav-wrap[b-d497rnv1s8] { transform: translateX(0); }

    .crs-list[b-d497rnv1s8], .crs-topics[b-d497rnv1s8] { position: static; max-height: none; }
    .crs-list[b-d497rnv1s8] { flex: 0 1 42%; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.14); }
    .crs-drawer-close[b-d497rnv1s8] { display: block; border: 0; background: rgba(255,255,255,.12); color: #fff; width: 26px; height: 26px; border-radius: 999px; font-size: .8rem; cursor: pointer; }
    .crs-topics[b-d497rnv1s8] { flex: 1 1 58%; border-right: 0; }

    .crs-selected[b-d497rnv1s8] { width: 100%; }
    .crs-lesson-body[b-d497rnv1s8] { padding: 1rem; }
    .crs-lesson-actions[b-d497rnv1s8] { flex-direction: column; align-items: flex-start; gap: 8px; }
    .crs-locked[b-d497rnv1s8] { margin: 1rem; padding: 1.1rem; flex-direction: column; }

    .crs-topbar-actions[b-d497rnv1s8] { gap: 8px; }
}

@media (max-width: 480px) {
    .crs-topbar-course[b-d497rnv1s8] { max-width: 40vw; }
}
/* /Components/Pages/Courses.razor.rz.scp.css */
.courses-public[b-941mcgr674]{max-width:1240px;margin:0 auto;padding:40px 24px 70px;color:#17324d}.courses-public>header[b-941mcgr674]{padding:48px;border-radius:28px;background:linear-gradient(135deg,#0a2d4e,#0e3c78);color:#fff;box-shadow:0 18px 45px rgba(10,45,78,.2)}.courses-public header>span[b-941mcgr674]{font-size:.72rem;font-weight:900;letter-spacing:.15em;color:#a9c7ee}.courses-public h1[b-941mcgr674]{max-width:760px;margin:10px 0;font-size:clamp(2rem,5vw,3.5rem);line-height:1.04}.courses-public header p[b-941mcgr674]{max-width:720px;color:#d5dfeb;font-size:1.05rem}.courses-public header div[b-941mcgr674]{display:flex;gap:10px;margin-top:24px}.courses-public header a[b-941mcgr674],.course-grid a[b-941mcgr674]{display:inline-block;border-radius:11px;padding:11px 16px;background:#1155ad;color:#fff;font-weight:850;text-decoration:none}.courses-public header a.secondary[b-941mcgr674]{background:#fff;color:#0b3265}.course-search[b-941mcgr674]{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:28px 0}.course-search input[b-941mcgr674]{flex:1;border:1px solid #cddbe3;border-radius:12px;padding:13px 15px;font:inherit}.course-search strong[b-941mcgr674]{color:#64798c}.course-grid[b-941mcgr674]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,384px));justify-content:center;gap:20px}.course-grid article[b-941mcgr674]{overflow:hidden;border:1px solid #d9e4ea;border-radius:18px;background:#fff;box-shadow:0 10px 25px rgba(20,55,80,.08)}.course-grid img[b-941mcgr674]{width:100%;height:180px;object-fit:cover}.course-grid article>div[b-941mcgr674]{padding:20px}.course-grid span[b-941mcgr674]{font-size:.7rem;font-weight:900;letter-spacing:.08em;color:#0d4083}.course-grid h2[b-941mcgr674]{margin:8px 0;font-size:1.35rem}.course-grid p[b-941mcgr674]{min-height:64px;color:#60758a}.course-grid ul[b-941mcgr674]{padding-left:18px;color:#51677a;font-size:.85rem}.course-empty[b-941mcgr674]{padding:50px;text-align:center;color:#6d8294}@media(max-width:600px){.courses-public[b-941mcgr674]{padding:18px 14px}.courses-public>header[b-941mcgr674]{padding:28px 22px}.courses-public header div[b-941mcgr674]{align-items:stretch;flex-direction:column}}
/* /Components/Pages/CqiMeetings.razor.rz.scp.css */
.cqi-page[b-tv2vcwmdx3] {
    --navy: #092f52;
    --navy-2: #123a5e;
    --blue: #1468b3;
    --green: #17944c;
    --orange: #d97706;
    --brown: #8a5a2b;
    --brown-soft: #f5eee6;
    --ink: #14233b;
    --muted: #64748b;
    --shadow-sm: 0 8px 24px rgba(11, 47, 82, .06);
    --shadow-md: 0 16px 36px rgba(11, 47, 82, .10);
    max-width: 1780px;
    margin: 0 auto;
    padding: 24px;
}

.cqi-head[b-tv2vcwmdx3] {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding: 28px 30px;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 22px;
    color: #fff;
    background: linear-gradient(135deg, #071f34 0%, var(--navy) 55%, var(--navy-2) 100%);
    box-shadow: var(--shadow-md);
}

.cqi-head[b-tv2vcwmdx3]::after {
    position: absolute;
    right: -20px;
    bottom: -90px;
    content: "CQI";
    font-size: 8rem;
    font-weight: 800;
    letter-spacing: -.03em;
    color: rgba(255, 255, 255, .05);
    pointer-events: none;
}

.cqi-head > div:first-child[b-tv2vcwmdx3] {
    position: relative;
    z-index: 1;
    max-width: 660px;
}

.cqi-head span[b-tv2vcwmdx3] {
    display: block;
    margin-bottom: 8px;
    color: #8fc4f2;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.cqi-head h1[b-tv2vcwmdx3] {
    margin: 0;
    font-size: 34px;
    color: #fff;
    letter-spacing: -.02em;
}

.cqi-head p[b-tv2vcwmdx3] {
    margin: 10px 0 0;
    color: #dce9f1;
    font-size: .92rem;
    line-height: 1.6;
}

.cqi-panel-head p[b-tv2vcwmdx3],
.step-title p[b-tv2vcwmdx3] {
    margin: 0;
    color: var(--muted);
}

.cqi-head-side[b-tv2vcwmdx3] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 14px;
    flex: none;
}

.cqi-hero-stat[b-tv2vcwmdx3] {
    text-align: right;
}

.cqi-hero-stat strong[b-tv2vcwmdx3] {
    display: block;
    font-size: 2rem;
    font-weight: 900;
    color: #fff;
    line-height: 1;
}

.cqi-hero-stat span[b-tv2vcwmdx3] {
    display: block;
    margin: 4px 0 0;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #a9c7d8;
}

.cqi-hero-back[b-tv2vcwmdx3] {
    background: rgba(255, 255, 255, .08);
    border-color: rgba(255, 255, 255, .28);
    color: #fff;
    backdrop-filter: blur(6px);
}

.cqi-hero-back:hover[b-tv2vcwmdx3] {
    background: rgba(255, 255, 255, .18);
    color: #fff;
    border-color: rgba(255, 255, 255, .4);
}

.cqi-btn[b-tv2vcwmdx3] {
    border: 1px solid #cbd9e8;
    border-radius: 10px;
    background: #fff;
    color: var(--navy);
    padding: 10px 14px;
    font: inherit;
    font-weight: 750;
    text-decoration: none;
    cursor: pointer;
    box-shadow: var(--shadow-sm);
    transition: .18s ease;
}

.cqi-btn:hover[b-tv2vcwmdx3] {
    border-color: var(--blue);
    color: var(--blue);
    transform: translateY(-1px);
    box-shadow: var(--shadow-md);
}

.cqi-btn.primary[b-tv2vcwmdx3] {
    background: linear-gradient(135deg, var(--navy) 0%, var(--navy-2) 100%);
    border-color: var(--navy);
    color: #fff;
}

.cqi-btn.primary:hover[b-tv2vcwmdx3] {
    color: #fff;
    border-color: var(--navy-2);
}

.cqi-btn.success[b-tv2vcwmdx3] {
    background: var(--green);
    color: #fff;
    border-color: var(--green);
}

.cqi-btn.success:hover[b-tv2vcwmdx3] {
    color: #fff;
    background: #147a3f;
}

.cqi-btn.compact[b-tv2vcwmdx3] {
    padding: 7px 10px;
    font-size: 12px;
}

.cqi-summary[b-tv2vcwmdx3] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-bottom: 14px;
}

.cqi-summary article[b-tv2vcwmdx3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 102px;
    border: 1px solid #dce5ef;
    border-top: 3px solid var(--blue);
    border-radius: 15px;
    background: #fff;
    box-shadow: var(--shadow-sm);
    transition: transform .16s ease, box-shadow .16s ease;
}

.cqi-summary article:hover[b-tv2vcwmdx3] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.cqi-summary strong[b-tv2vcwmdx3] {
    font-size: 26px;
    color: var(--navy);
}

.cqi-summary span[b-tv2vcwmdx3] {
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 10px;
    color: var(--muted);
    font-weight: 800;
}

.cqi-summary .green[b-tv2vcwmdx3] {
    background: #effaf3;
    border-color: #c9edd5;
    border-top-color: var(--green);
}

.cqi-summary .green strong[b-tv2vcwmdx3] {
    color: var(--green);
}

.cqi-summary .orange[b-tv2vcwmdx3] {
    background: #fff8ee;
    border-color: #f6d8ad;
    border-top-color: var(--orange);
}

.cqi-summary .orange strong[b-tv2vcwmdx3] {
    color: var(--orange);
}

.cqi-summary .blue[b-tv2vcwmdx3] {
    background: #eef7ff;
    border-color: #c6e0f6;
    border-top-color: var(--blue);
}

.cqi-summary .blue strong[b-tv2vcwmdx3] {
    color: var(--blue);
}

.cqi-notice[b-tv2vcwmdx3] {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 14px 18px;
    margin-bottom: 20px;
    border: 1px solid #bcd7f1;
    border-radius: 12px;
    background: #eef6ff;
    color: #24405f;
}

.cqi-notice strong[b-tv2vcwmdx3] {
    color: var(--navy);
    white-space: nowrap;
}

.cqi-grid[b-tv2vcwmdx3] {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.cqi-panel[b-tv2vcwmdx3] {
    border: 1px solid #dce5ef;
    border-radius: 16px;
    background: #fff;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

.cqi-list[b-tv2vcwmdx3] {
    position: sticky;
    top: 88px;
}

.cqi-panel-head[b-tv2vcwmdx3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 17px 19px;
    border-bottom: 1px solid #e2e8f0;
}

.cqi-panel-head h2[b-tv2vcwmdx3] {
    margin: 0;
    color: var(--navy);
    font-size: 18px;
}

.cqi-item[b-tv2vcwmdx3] {
    display: block;
    width: 100%;
    padding: 15px 18px;
    border: 0;
    border-bottom: 1px solid #eef2f6;
    background: #fff;
    text-align: left;
    cursor: pointer;
    transition: .16s ease;
}

.cqi-item:last-child[b-tv2vcwmdx3] {
    border-bottom: 0;
}

.cqi-item:hover[b-tv2vcwmdx3] {
    background: #f6fbff;
}

.cqi-item.active[b-tv2vcwmdx3] {
    background: #eaf3ff;
    box-shadow: inset 4px 0 var(--blue);
}

.cqi-item > div[b-tv2vcwmdx3] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.cqi-item h3[b-tv2vcwmdx3] {
    margin: 7px 0 4px;
    color: var(--ink);
    font-size: 14px;
}

.cqi-item p[b-tv2vcwmdx3] {
    margin: 0;
    color: var(--muted);
    font-size: 11px;
}

.cqi-pill[b-tv2vcwmdx3] {
    padding: 3px 7px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
}

.cqi-pill.done[b-tv2vcwmdx3] {
    color: #14733d;
    background: #e7f7ed;
}

.cqi-pill.draft[b-tv2vcwmdx3] {
    color: #9a5700;
    background: #fff0d8;
}

.cqi-form[b-tv2vcwmdx3] {
    padding: 18px;
    background: #f7f9fc;
}

.cqi-step[b-tv2vcwmdx3] {
    padding: 20px;
    margin-bottom: 17px;
    border: 1px solid #dce5ef;
    border-top: 4px solid var(--blue);
    border-radius: 14px;
    background: #fff;
    box-shadow: var(--shadow-sm);
}

.cqi-step.step-two[b-tv2vcwmdx3] {
    border-top-color: var(--navy-2);
}

.cqi-step.step-three[b-tv2vcwmdx3] {
    border-top-color: var(--orange);
}

.cqi-step.step-four[b-tv2vcwmdx3] {
    border-top-color: var(--brown);
}

.cqi-step.step-five[b-tv2vcwmdx3] {
    border-top-color: var(--green);
}

.step-title[b-tv2vcwmdx3] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

.step-title b[b-tv2vcwmdx3] {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #e9f3ff;
    color: var(--blue);
    font-size: 15px;
}

.step-two .step-title b[b-tv2vcwmdx3] {
    background: #eaf0f6;
    color: var(--navy-2);
}

.step-three .step-title b[b-tv2vcwmdx3] {
    background: #fff2df;
    color: var(--orange);
}

.step-four .step-title b[b-tv2vcwmdx3] {
    background: var(--brown-soft);
    color: var(--brown);
}

.step-five .step-title b[b-tv2vcwmdx3] {
    background: #eaf8ef;
    color: var(--green);
}

.step-title h3[b-tv2vcwmdx3] {
    margin: 0 0 2px;
    color: var(--navy);
    font-size: 19px;
}

.step-title p[b-tv2vcwmdx3] {
    font-size: 12px;
}

.cqi-form label[b-tv2vcwmdx3] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 14px;
    color: #29405c;
    font-size: 11px;
    font-weight: 800;
}

.cqi-form input:not([type=checkbox])[b-tv2vcwmdx3],
.cqi-form select[b-tv2vcwmdx3],
.cqi-form textarea[b-tv2vcwmdx3] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #cbd9e8;
    border-radius: 9px;
    background: #fff;
    color: var(--ink);
    padding: 10px 11px;
    font: inherit;
    font-size: 13px;
}

.cqi-form textarea[b-tv2vcwmdx3] {
    resize: vertical;
    line-height: 1.5;
}

.cqi-form input:focus[b-tv2vcwmdx3],
.cqi-form select:focus[b-tv2vcwmdx3],
.cqi-form textarea:focus[b-tv2vcwmdx3] {
    outline: 2px solid #c7ddff;
    border-color: var(--blue);
}

.cqi-form input:disabled[b-tv2vcwmdx3],
.cqi-form textarea:disabled[b-tv2vcwmdx3],
.cqi-form select:disabled[b-tv2vcwmdx3] {
    background: #f1f5f9;
    color: #64748b;
}

.cqi-form-grid[b-tv2vcwmdx3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 14px;
}

.subhead[b-tv2vcwmdx3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 4px 0 10px;
}

.subhead h4[b-tv2vcwmdx3],
.cqi-snapshot h4[b-tv2vcwmdx3] {
    margin: 0;
    color: var(--navy);
}

.table-wrap[b-tv2vcwmdx3] {
    overflow-x: auto;
}

.cqi-table[b-tv2vcwmdx3] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 7px;
}

.cqi-table th[b-tv2vcwmdx3] {
    padding: 0 8px;
    color: var(--muted);
    font-size: 10px;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.cqi-table td[b-tv2vcwmdx3] {
    padding: 8px;
    background: #f7fafc;
}

.cqi-table td:first-child[b-tv2vcwmdx3] {
    border-radius: 9px 0 0 9px;
}

.cqi-table td:last-child[b-tv2vcwmdx3] {
    border-radius: 0 9px 9px 0;
    width: 42px;
}

.cqi-table input[b-tv2vcwmdx3],
.cqi-table select[b-tv2vcwmdx3] {
    margin: 0 !important;
}

.cqi-table input[type=checkbox][b-tv2vcwmdx3] {
    width: 18px;
    height: 18px;
    accent-color: var(--green);
}

.icon-remove[b-tv2vcwmdx3] {
    width: 30px;
    height: 30px;
    border: 1px solid #fecaca;
    border-radius: 8px;
    background: #fff1f2;
    color: #d92d20;
    font-size: 20px;
    cursor: pointer;
    transition: background .15s ease;
}

.icon-remove:hover[b-tv2vcwmdx3] {
    background: #fee2e2;
}

.action-row[b-tv2vcwmdx3] {
    display: grid;
    grid-template-columns: 2fr 1fr 160px 38px;
    gap: 10px;
    align-items: end;
    padding: 12px;
    margin-bottom: 9px;
    border-radius: 11px;
    background: #f7fafc;
}

.action-row label[b-tv2vcwmdx3] {
    margin: 0;
}

.cqi-snapshot[b-tv2vcwmdx3] {
    padding: 15px;
    margin-bottom: 14px;
    border: 1px solid #d8e4ef;
    border-radius: 12px;
    background: #f8fbfe;
}

.cqi-snapshot-head[b-tv2vcwmdx3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.cqi-snapshot-head p[b-tv2vcwmdx3] {
    margin: 3px 0 0;
    color: var(--muted);
    font-size: 11px;
}

.cqi-metrics[b-tv2vcwmdx3] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 8px;
}

.cqi-metrics article[b-tv2vcwmdx3] {
    padding: 12px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #e2e8f0;
    text-align: center;
}

.cqi-metrics article.alert[b-tv2vcwmdx3] {
    background: #fff4ed;
    border-color: #fed7aa;
}

.cqi-metrics strong[b-tv2vcwmdx3] {
    display: block;
    font-size: 20px;
    color: var(--navy);
}

.cqi-metrics span[b-tv2vcwmdx3] {
    font-size: 9px;
    color: var(--muted);
}

.share-check[b-tv2vcwmdx3] {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    gap: 9px !important;
    padding: 12px;
    border-radius: 10px;
    background: #effaf3;
    color: #176739 !important;
}

.share-check input[b-tv2vcwmdx3] {
    width: 18px;
    height: 18px;
    accent-color: var(--green);
}

.cqi-actions[b-tv2vcwmdx3] {
    display: flex;
    gap: 9px;
    justify-content: flex-end;
}

.cqi-locked[b-tv2vcwmdx3] {
    margin-top: 15px;
    padding: 13px;
    border-radius: 11px;
    background: #ecfdf3;
    color: #166534;
    font-size: 12px;
    font-weight: 700;
}

.cqi-empty[b-tv2vcwmdx3] {
    display: grid;
    justify-items: center;
    gap: 6px;
    padding: 36px 24px;
    margin: 12px;
    text-align: center;
    border: 1.5px dashed #cbd5e1;
    border-radius: 14px;
    background: #f8fafc;
}

.cqi-empty-icon[b-tv2vcwmdx3] {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    margin-bottom: 4px;
    border-radius: 12px;
    background: #e9f3ff;
    color: var(--blue);
    font-size: 12px;
    font-weight: 900;
}

.cqi-empty h3[b-tv2vcwmdx3] {
    margin: 0;
    color: var(--navy);
    font-size: 14px;
}

.cqi-empty p[b-tv2vcwmdx3] {
    margin: 0;
    max-width: 32ch;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.5;
}

@media (max-width: 1100px) {
    .cqi-grid[b-tv2vcwmdx3] {
        grid-template-columns: minmax(0, 1fr);
    }

    .cqi-list[b-tv2vcwmdx3] {
        position: static;
    }

    .cqi-metrics[b-tv2vcwmdx3] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .cqi-page[b-tv2vcwmdx3] {
        padding: 14px;
    }

    .cqi-head[b-tv2vcwmdx3] {
        flex-direction: column;
        align-items: stretch;
        padding: 22px;
    }

    .cqi-head-side[b-tv2vcwmdx3] {
        align-items: flex-start;
        margin-top: 4px;
    }

    .cqi-summary[b-tv2vcwmdx3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cqi-notice[b-tv2vcwmdx3] {
        align-items: flex-start;
        flex-direction: column;
    }

    .cqi-form-grid[b-tv2vcwmdx3] {
        grid-template-columns: minmax(0, 1fr);
    }

    .action-row[b-tv2vcwmdx3] {
        grid-template-columns: minmax(0, 1fr);
    }

    .cqi-metrics[b-tv2vcwmdx3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cqi-actions[b-tv2vcwmdx3] {
        flex-direction: column;
    }

    .cqi-actions .cqi-btn[b-tv2vcwmdx3] {
        width: 100%;
    }

    .cqi-head h1[b-tv2vcwmdx3] {
        font-size: 28px;
    }
}
/* /Components/Pages/Documents.razor.rz.scp.css */
.docs-shell[b-s2j7dkoh9b] {
    --docs-navy: #0a2540;
    --docs-navy2: #123b62;
    --docs-teal: #168552;
    --docs-orange: #f28c28;
    --docs-red: #d64545;
    --docs-g50: #f8fafc;
    --docs-g100: #f1f5f9;
    --docs-g200: #e2e8f0;
    --docs-g500: #718096;
}

.docs-hero[b-s2j7dkoh9b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 26px 28px;
    border-radius: 20px;
    color: #fff;
    background: linear-gradient(110deg, #08223d, #0b2f52 65%, var(--docs-teal));
    box-shadow: 0 16px 40px rgba(15, 47, 87, .16);
}

.docs-hero-left[b-s2j7dkoh9b] {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

.docs-hero-icon[b-s2j7dkoh9b] {
    display: grid;
    width: 52px;
    height: 52px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 15px;
    background: rgba(255, 255, 255, .14);
}

.docs-hero h1[b-s2j7dkoh9b] {
    margin: 0;
    font-size: 1.85rem;
    line-height: 1.1;
    letter-spacing: -.02em;
    font-weight: 700;
}

.docs-hero-subtitle[b-s2j7dkoh9b] {
    margin-top: 5px;
    color: rgba(255, 255, 255, .78);
    font-size: .92rem;
}

.docs-hero-stats[b-s2j7dkoh9b] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.docs-hero-stat[b-s2j7dkoh9b] {
    padding: 8px 14px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .14);
    text-align: center;
    min-width: 78px;
}

.docs-hero-stat-value[b-s2j7dkoh9b] {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.1;
}

.docs-hero-stat-label[b-s2j7dkoh9b] {
    margin-top: 2px;
    font-size: .68rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .72);
}

/* ---- Tabs ---- */
.docs-tabs[b-s2j7dkoh9b] {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 10px 28px rgba(15, 47, 87, .07);
    border: 1px solid var(--docs-g200);
    overflow: hidden;
}

.docs-tabs .mud-tabs-toolbar[b-s2j7dkoh9b] {
    background: var(--docs-g50);
    border-bottom: 1px solid var(--docs-g200);
}

.docs-tabs .mud-tab[b-s2j7dkoh9b] {
    font-weight: 600;
    text-transform: none;
    font-size: .85rem;
    letter-spacing: 0;
    color: var(--docs-g500);
}

.docs-tabs .mud-tab.mud-tab-active[b-s2j7dkoh9b] {
    color: var(--docs-navy);
}

.docs-tabs .mud-tabs-toolbar .mud-tab-slider[b-s2j7dkoh9b] {
    background: var(--docs-teal) !important;
    height: 3px;
}

/* ---- Panel content ---- */
.docs-panel[b-s2j7dkoh9b] {
    padding: 22px 24px 28px;
}

.docs-toolbar[b-s2j7dkoh9b] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.docs-search[b-s2j7dkoh9b] {
    flex: 1 1 280px;
    max-width: 420px;
}

/* ---- Category chip filter ---- */
.docs-category-row[b-s2j7dkoh9b] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}

.docs-cat-chip[b-s2j7dkoh9b] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 600;
    border: 1px solid var(--docs-g200);
    background: #fff;
    color: var(--docs-g500);
    cursor: pointer;
    transition: all .15s ease-in-out;
    user-select: none;
}

.docs-cat-chip:hover[b-s2j7dkoh9b] {
    border-color: var(--docs-teal);
    color: var(--docs-navy);
    background: rgba(14, 79, 165, .06);
}

.docs-cat-chip.active[b-s2j7dkoh9b] {
    border-color: transparent;
    background: linear-gradient(120deg, var(--docs-navy), var(--docs-navy2));
    color: #fff;
    box-shadow: 0 6px 14px -4px rgba(10, 37, 64, .45);
}

.docs-cat-chip .docs-cat-count[b-s2j7dkoh9b] {
    padding: 0 6px;
    border-radius: 999px;
    font-size: .68rem;
    background: rgba(0, 0, 0, .06);
    line-height: 1.5;
}

.docs-cat-chip.active .docs-cat-count[b-s2j7dkoh9b] {
    background: rgba(255, 255, 255, .22);
}

/* ---- Recently used ---- */
.docs-recent-title[b-s2j7dkoh9b] {
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--docs-g500);
    margin-bottom: 10px;
}

.docs-recent-card[b-s2j7dkoh9b] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    min-width: 220px;
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid var(--docs-g200);
    background: var(--docs-g50);
    transition: box-shadow .15s ease-in-out, border-color .15s ease-in-out;
}

.docs-recent-card:hover[b-s2j7dkoh9b] {
    border-color: var(--docs-teal);
    box-shadow: 0 8px 18px -8px rgba(15, 47, 87, .25);
}

.docs-recent-title-text[b-s2j7dkoh9b] {
    font-weight: 600;
    font-size: .87rem;
    color: var(--docs-navy);
}

/* ---- Document table ---- */
.docs-table-card[b-s2j7dkoh9b] {
    border-radius: 16px;
    border: 1px solid var(--docs-g200);
    overflow: hidden;
    box-shadow: 0 6px 20px -12px rgba(15, 47, 87, .18);
}

.docs-table-card .mud-table-container[b-s2j7dkoh9b] {
    border-radius: 0;
}

.docs-table-card thead th[b-s2j7dkoh9b] {
    background: var(--docs-g50) !important;
    color: var(--docs-g500) !important;
    font-size: .7rem !important;
    letter-spacing: .05em;
    text-transform: uppercase;
    font-weight: 700 !important;
    border-bottom: 1px solid var(--docs-g200) !important;
}

.docs-table-card tbody tr:hover[b-s2j7dkoh9b] {
    background: rgba(14, 79, 165, .05) !important;
}

.docs-row-title[b-s2j7dkoh9b] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    color: var(--docs-navy);
}

.docs-row-icon[b-s2j7dkoh9b] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    flex: 0 0 auto;
    border-radius: 9px;
    background: rgba(10, 37, 64, .06);
    color: var(--docs-navy2);
}

.docs-cat-badge[b-s2j7dkoh9b] {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 600;
    background: rgba(14, 79, 165, .12);
    color: #12703f;
}

.docs-empty[b-s2j7dkoh9b] {
    padding: 40px 20px;
    text-align: center;
    color: var(--docs-g500);
}

/* ---- Open document viewer ---- */
.docs-viewer-frame[b-s2j7dkoh9b] {
    width: 100%;
    height: 75vh;
    border: 1px solid var(--docs-g200);
    border-radius: 14px;
    box-shadow: 0 10px 30px -14px rgba(15, 47, 87, .3);
}

/* ---------------------------------------------------------------------------
   Responsive.

   This stylesheet had no media queries at all, so the hero stayed a single
   non-wrapping row on every screen: the counts held a 78px floor each and the
   title, which will not shrink, ran underneath them. The hero now stacks, and
   the counts share the width beneath it.
   --------------------------------------------------------------------------- */

@media (max-width: 767px) {
    .docs-hero[b-s2j7dkoh9b] {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
        padding: 20px;
        border-radius: 16px;
    }

    .docs-hero-left[b-s2j7dkoh9b] { align-items: flex-start; gap: 12px; }

    .docs-hero-icon[b-s2j7dkoh9b] { width: 44px; height: 44px; border-radius: 13px; }

    .docs-hero h1[b-s2j7dkoh9b] { font-size: 1.45rem; }
    .docs-hero-subtitle[b-s2j7dkoh9b] { font-size: .85rem; }

    .docs-hero-stats[b-s2j7dkoh9b] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }

    .docs-hero-stat[b-s2j7dkoh9b] { min-width: 0; padding: 8px 6px; }
    .docs-hero-stat-value[b-s2j7dkoh9b] { font-size: 1.05rem; }
    .docs-hero-stat-label[b-s2j7dkoh9b] { font-size: .6rem; }
}

@media (max-width: 419px) {
    .docs-hero h1[b-s2j7dkoh9b] { font-size: 1.3rem; }
}

/* ---------------------------------------------------------------------------
   Document list.

   A "Title | Category" table with a blue button on the end of each thin row
   reads as raw output. A document is a thing you open, so the whole row is
   the target, with the category carried as a chip beside the name.
   --------------------------------------------------------------------------- */

.docs-list[b-s2j7dkoh9b] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--docs-g200);
    border-radius: 14px;
    background: #fff;
    overflow: hidden;
}

.docs-item[b-s2j7dkoh9b] {
    display: flex;
    align-items: center;
    gap: 13px;
    width: 100%;
    padding: 13px 16px;
    border: 0;
    border-bottom: 1px solid var(--docs-g100);
    background: none;
    color: var(--docs-navy);
    text-align: left;
    cursor: pointer;
    transition: background-color .13s ease;
}

.docs-item:last-child[b-s2j7dkoh9b] { border-bottom: 0; }
.docs-item:hover[b-s2j7dkoh9b] { background: #fafcff; }

.docs-item-icon[b-s2j7dkoh9b] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: #e8eef6;
    color: var(--docs-navy);
}

.docs-item-icon[b-s2j7dkoh9b]  .wk-icon { width: 18px; height: 18px; }

.docs-item-body[b-s2j7dkoh9b] { flex: 1 1 auto; min-width: 0; }

.docs-item-body strong[b-s2j7dkoh9b] {
    display: block;
    font-size: .92rem;
    font-weight: 700;
    line-height: 1.35;
}

.docs-item-meta[b-s2j7dkoh9b] { display: flex; align-items: center; gap: 6px; margin-top: 4px; }
.docs-item-quiet[b-s2j7dkoh9b] { font-size: .74rem; color: var(--docs-g500); font-style: italic; }

.docs-item-open[b-s2j7dkoh9b] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex: 0 0 auto;
    color: #1d5fc4;
    font-size: .8rem;
    font-weight: 700;
}

.docs-item-open[b-s2j7dkoh9b]  .wk-icon { width: 15px; height: 15px; }

@media (max-width: 767px) {
    .docs-item[b-s2j7dkoh9b] { padding: 12px 13px; gap: 11px; }
    .docs-item-icon[b-s2j7dkoh9b] { width: 34px; height: 34px; border-radius: 10px; }
    .docs-item-body strong[b-s2j7dkoh9b] { font-size: .88rem; }

    /* "Open" is redundant on a phone where the row is the target; the chevron
       carries it. */
    .docs-item-open[b-s2j7dkoh9b] { font-size: 0; gap: 0; }
    .docs-item-open[b-s2j7dkoh9b]  .wk-icon { width: 17px; height: 17px; }

    /* The panel's own padding stacked on the card's, leaving a narrow column
       of content between two thick margins. */
    .docs-tabs[b-s2j7dkoh9b]  .mud-tabs-panels { padding: 12px !important; }
    .docs-shell[b-s2j7dkoh9b] { gap: 14px; }
}
/* /Components/Pages/DrugDatabase.razor.rz.scp.css */
.ddb-page[b-cidfgqu7hl] { --navy: #10263a; --navy-2: #173a55; --navy-3: #244a69; --ink: #1c3245; --muted: #718494; --line: #dce5eb; --blue: #2f6fed; --orange: #f59e0b; display: grid; gap: 1rem; color: var(--ink); grid-template-columns: minmax(0, 1fr); }
.ddb-breadcrumbs[b-cidfgqu7hl] { display: flex; flex-wrap: wrap; gap: .45rem; color: var(--muted); font-size: .82rem; }
.ddb-title-row[b-cidfgqu7hl] { display: flex; justify-content: space-between; align-items: end; gap: 1rem; }
.ddb-title-row h1[b-cidfgqu7hl] { margin: 0; font-size: clamp(2rem, 4vw, 2.75rem); color: #10263a; }
.ddb-title-row p[b-cidfgqu7hl] { margin: .3rem 0 0; color: var(--muted); }
.ddb-count[b-cidfgqu7hl] { display: flex; align-items: baseline; gap: .35rem; padding: .45rem .75rem; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: var(--muted); }
.ddb-count strong[b-cidfgqu7hl] { color: #10263a; font-size: 1.1rem; }
.ddb-search-shell[b-cidfgqu7hl] { position: relative; width: 100%; }
.ddb-search-shell svg[b-cidfgqu7hl] { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); width: 20px; fill: none; stroke: #637487; stroke-width: 2; }
.ddb-search-shell input[b-cidfgqu7hl] { width: 100%; border: 1px solid #cad6df; border-radius: 12px; padding: .92rem 1rem .92rem 3rem; font: inherit; background: #fff; box-shadow: 0 4px 14px rgba(16, 38, 58, .05); }
.ddb-alpha[b-cidfgqu7hl] { display: grid; grid-template-columns: repeat(26, minmax(30px, 1fr)); gap: .4rem; width: 100%; padding: .1rem 0 .25rem; }
.ddb-alpha button[b-cidfgqu7hl] { min-width: 0; height: 35px; border: 1px solid #dce5eb; border-radius: 10px; background: #fff; color: #5e7187; font-weight: 750; cursor: pointer; transition: background .16s ease, color .16s ease, border-color .16s ease, transform .16s ease; }
.ddb-alpha button:hover[b-cidfgqu7hl] { color: var(--navy); border-color: #b9c9d5; background: #f5f8fb; transform: translateY(-1px); }
.ddb-alpha button.active[b-cidfgqu7hl] { background: var(--navy); border-color: var(--navy); color: #fff; }
.ddb-browser[b-cidfgqu7hl] { display: grid; grid-template-columns: minmax(235px, 270px) minmax(250px, 285px) minmax(0, 1fr); min-height: 650px; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; background: #fff; box-shadow: 0 8px 28px rgba(16, 38, 58, .08); }
@media (min-width: 1051px) { .ddb-browser[b-cidfgqu7hl] { height: calc(100vh - 260px); min-height: 620px; } }
.ddb-list[b-cidfgqu7hl] { border-right: 1px solid var(--navy-2); background: var(--navy); color: #fff; min-width: 0; min-height: 0; padding: .7rem; display: flex; flex-direction: column; }
.ddb-list-head[b-cidfgqu7hl] { flex: 0 0 auto; display: flex; justify-content: space-between; padding: .35rem .4rem .8rem; border-bottom: 1px solid rgba(255,255,255,.12); color: #dce8f2; text-transform: uppercase; letter-spacing: .08em; font-size: .76rem; }
.ddb-list-head span[b-cidfgqu7hl] { display: grid; min-width: 27px; height: 23px; padding: 0 .45rem; place-items: center; border-radius: 999px; background: var(--navy-3); color: #e9f2f8; }
.ddb-list-scroll[b-cidfgqu7hl] { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
.ddb-list-scroll > button[b-cidfgqu7hl] { position: relative; width: 100%; display: grid; justify-content: stretch; justify-items: stretch; align-items: start; gap: .18rem; margin-top: .35rem; text-align: left; padding: .78rem .8rem .78rem .9rem; border: 0; border-radius: 10px; background: rgba(255,255,255,.065); color: #eef5fb; cursor: pointer; transition: background .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease; }
.ddb-list-scroll > button > strong[b-cidfgqu7hl], .ddb-list-scroll > button > span[b-cidfgqu7hl], .ddb-list-scroll > button > small[b-cidfgqu7hl] { width: 100%; text-align: left; }
.ddb-list-scroll > button:hover[b-cidfgqu7hl] { background: rgba(255,255,255,.14); transform: translateX(2px); }
.ddb-list-scroll > button.selected[b-cidfgqu7hl] { background: #fff; color: var(--navy); box-shadow: 0 8px 18px rgba(0,0,0,.16); }
.ddb-list-scroll > button.selected[b-cidfgqu7hl]::before { content: ""; position: absolute; inset: 8px auto 8px 0; width: 4px; border-radius: 0 4px 4px 0; background: var(--orange); }
.ddb-list-scroll span[b-cidfgqu7hl], .ddb-list-scroll small[b-cidfgqu7hl] { color: inherit; opacity: .75; overflow-wrap: anywhere; }
.ddb-topics[b-cidfgqu7hl] { border-right: 1px solid var(--line); padding: .75rem; background: #f8fafc; overflow-y: auto; min-height: 0; max-height: 770px; }
@media (min-width: 1051px) { .ddb-topics[b-cidfgqu7hl] { max-height: none; } }
.ddb-toc-name[b-cidfgqu7hl] { margin: .1rem .35rem .5rem; font-size: 1rem; color: #10263a; }
.ddb-topic-head[b-cidfgqu7hl] { margin: .2rem .35rem .65rem; color: #65778a; text-transform: uppercase; letter-spacing: .08em; font-size: .75rem; font-weight: 850; }
.ddb-topics > p[b-cidfgqu7hl] { color: var(--muted); font-size: .85rem; }
.ddb-topics > button[b-cidfgqu7hl] { width: 100%; display: grid; grid-template-columns: 29px minmax(0, 1fr); gap: .55rem; align-items: center; margin-bottom: .28rem; text-align: left; padding: .62rem .68rem; border: 1px solid transparent; border-radius: 9px; background: transparent; color: #516777; font-size: .79rem; font-weight: 800; white-space: nowrap; cursor: pointer; transition: background .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease; }
.ddb-topics > button > span[b-cidfgqu7hl] { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 8px; color: var(--topic); background: color-mix(in srgb, var(--topic) 10%, white); }
.ddb-topics > button > span svg[b-cidfgqu7hl] { width: 16px; height: 16px; }
.ddb-topics > button:hover[b-cidfgqu7hl] { background: #fff; color: var(--navy); transform: translateX(2px); box-shadow: 0 4px 12px rgba(16,38,58,.06); }
.ddb-topics > button.active[b-cidfgqu7hl] { border-color: var(--navy); background: var(--navy); color: #fff; box-shadow: 0 7px 16px rgba(16,38,58,.13); }
.ddb-topics > button.active > span[b-cidfgqu7hl] { color: #fff; border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.12); }
.ddb-selected[b-cidfgqu7hl] { min-width: 0; min-height: 0; background: #f8fafc; display: flex; flex-direction: column; }
.ddb-selected-head[b-cidfgqu7hl] { display: flex; justify-content: space-between; gap: 1rem; align-items: start; padding: 1.35rem; border-bottom: 1px solid var(--line); background: #fff; }
.ddb-selected-head > div:first-child[b-cidfgqu7hl] { min-width: 0; }
.ddb-drug-title-line[b-cidfgqu7hl] { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-top: .32rem; }
.ddb-selected-head h2[b-cidfgqu7hl] { margin: 0; padding-right: .75rem; border-right: 1px solid #dce5eb; font-size: 2rem; color: #10263a; }
.ddb-selected-head p[b-cidfgqu7hl] { margin: .2rem 0 0; color: #53687a; }
.ddb-selected-actions[b-cidfgqu7hl] { display: flex; flex-wrap: nowrap; align-items: center; flex-shrink: 0; gap: .5rem; }
.ddb-selected-actions a[b-cidfgqu7hl] { display: inline-flex; align-items: center; gap: .4rem; white-space: nowrap; padding: .5rem .8rem; border-radius: 8px; font-weight: 800; font-size: .85rem; text-decoration: none; }
.ddb-btn-primary[b-cidfgqu7hl] { border: 1px solid #FF5030; background: #FF5030; color: #fff; }
.ddb-btn-primary:hover[b-cidfgqu7hl] { background: #e0401f; border-color: #e0401f; }
.ddb-btn-secondary[b-cidfgqu7hl] { border: 1px solid #b9c9dc; background: #fff; color: #245fca; }
.ddb-view-switch[b-cidfgqu7hl] { display: inline-flex; padding: .25rem; border: 1px solid #dce5eb; border-radius: 11px; background: #f2f6fc; gap: .25rem; }
.ddb-view-switch button[b-cidfgqu7hl] { display: inline-flex; align-items: center; gap: .4rem; border: 1px solid transparent; border-radius: 8px; padding: .5rem .8rem; font-weight: 800; font-size: .85rem; color: #53687a; background: transparent; cursor: pointer; white-space: nowrap; }
.ddb-view-switch button:hover[b-cidfgqu7hl] { background: #e7edf5; }
.ddb-view-switch button.active[b-cidfgqu7hl] { background: #fff; color: #10263a; border-color: #dce5eb; box-shadow: 0 2px 6px rgba(16,38,58,.08); }
.ddb-monograph-frame[b-cidfgqu7hl] { width: 100%; flex: 1 1 auto; min-height: 520px; border: 0; background: #fff; }
.ddb-btn-secondary:hover[b-cidfgqu7hl] { background: #f2f6fc; }
.ddb-urgent-note[b-cidfgqu7hl] { display: flex; align-items: center; gap: .5rem; margin: 0 0 .9rem; padding: .65rem .85rem; border-radius: 9px; color: #8a1f1a; background: #fdeceb; border: 1px solid #f3c6c2; font-size: .84rem; font-weight: 700; }
.ddb-urgent-note svg[b-cidfgqu7hl] { flex: 0 0 auto; }
.ddb-pregnancy-note[b-cidfgqu7hl] { display: flex; align-items: center; gap: .5rem; margin: 0 0 .9rem; padding: .65rem .85rem; border-radius: 9px; color: #8a1442; background: #fbe9f0; border: 1px solid #f0c3d6; font-size: .84rem; font-weight: 700; }
.ddb-pregnancy-note svg[b-cidfgqu7hl] { flex: 0 0 auto; }
.ddb-class-list[b-cidfgqu7hl] { display: flex; flex-wrap: wrap; gap: .35rem; }
.ddb-class-list span[b-cidfgqu7hl] { padding: .2rem .48rem; border-radius: 999px; color: #083b7d; background: #e8eff8; text-transform: uppercase; letter-spacing: .06em; font-size: .68rem; font-weight: 850; }
.ddb-drug-chips[b-cidfgqu7hl] { display: flex; flex-wrap: wrap; gap: .4rem; }
.ddb-drug-chips span[b-cidfgqu7hl] { padding: .34rem .58rem; border: 1px solid #dbe5f0; border-radius: 999px; background: #edf3fa; color: #5b7187; font-size: .74rem; white-space: nowrap; }
.ddb-drug-chips strong[b-cidfgqu7hl] { color: #314a60; }
.ddb-active-section[b-cidfgqu7hl] { position: relative; margin: 1.35rem; padding: 1.2rem 1.25rem 1.35rem; border: 1px solid #e3e8ee; border-radius: 14px; background: #fff; box-shadow: 0 8px 24px rgba(16, 38, 58, .07); overflow: hidden; }
.ddb-active-section[b-cidfgqu7hl]::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 5px; background: var(--accent); }
.ddb-active-title[b-cidfgqu7hl] { display: flex; gap: .7rem; align-items: center; }
.ddb-active-title > span[b-cidfgqu7hl] { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 10px; color: var(--accent); background: color-mix(in srgb, var(--accent) 10%, white); }
.ddb-active-title > span svg[b-cidfgqu7hl] { width: 19px; height: 19px; }
.ddb-active-title h3[b-cidfgqu7hl] { margin: 0; font-size: 1.25rem; text-transform: uppercase; letter-spacing: .025em; }
.ddb-active-section ul[b-cidfgqu7hl] { display: grid; gap: .7rem; margin: 1rem 0 0; padding-left: 1.25rem; line-height: 1.62; }
.ddb-active-section li[b-cidfgqu7hl]::marker { color: var(--accent); }
.ddb-state[b-cidfgqu7hl], .ddb-empty[b-cidfgqu7hl] { display: grid; place-items: center; text-align: center; gap: .3rem; color: var(--muted); padding: 2rem; }
.ddb-empty.large[b-cidfgqu7hl] { min-height: 460px; }
.ddb-empty strong[b-cidfgqu7hl] { color: #294356; }
@media (max-width: 1250px) { .ddb-alpha[b-cidfgqu7hl] { grid-template-columns: repeat(13, minmax(30px, 1fr)); } }
@media (max-width: 1050px) { .ddb-browser[b-cidfgqu7hl] { grid-template-columns: minmax(220px, 285px) minmax(0, 1fr); grid-template-rows: auto 1fr; } .ddb-list[b-cidfgqu7hl] { grid-row: 1 / 3; } .ddb-topics[b-cidfgqu7hl] { grid-column: 2; grid-row: 1; display: flex; gap: .35rem; max-height: none; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--line); } .ddb-topic-head[b-cidfgqu7hl], .ddb-toc-name[b-cidfgqu7hl] { display: none; } .ddb-topics > button[b-cidfgqu7hl] { flex: 0 0 auto; width: auto; white-space: nowrap; } .ddb-selected[b-cidfgqu7hl] { grid-column: 2; grid-row: 2; } }
@media (max-width: 760px) { .ddb-browser[b-cidfgqu7hl] { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto; } .ddb-list[b-cidfgqu7hl] { grid-column: 1; grid-row: 1; border-right: 0; border-bottom: 1px solid var(--line); } .ddb-list-scroll[b-cidfgqu7hl] { max-height: 240px; } .ddb-topics[b-cidfgqu7hl] { grid-column: 1; grid-row: 2; } .ddb-selected[b-cidfgqu7hl] { grid-column: 1; grid-row: 3; } }
@media (max-width: 620px) { .ddb-alpha[b-cidfgqu7hl] { grid-template-columns: repeat(7, minmax(30px, 1fr)); } }
@media (max-width: 560px) { .ddb-title-row[b-cidfgqu7hl] { align-items: start; } .ddb-count[b-cidfgqu7hl] { display: none; } .ddb-selected-head[b-cidfgqu7hl] { flex-direction: column; } .ddb-selected-actions[b-cidfgqu7hl] { width: 100%; flex-wrap: wrap; } .ddb-selected-actions a[b-cidfgqu7hl] { flex: 1 1 auto; justify-content: center; } .ddb-selected-head h2[b-cidfgqu7hl] { width: 100%; padding: 0; border-right: 0; } .ddb-drug-chips span[b-cidfgqu7hl] { white-space: normal; } .ddb-active-section[b-cidfgqu7hl] { margin: .85rem; } }

/* ---------------------------------------------------------------------------
   Monograph contents on a phone.

   A clinical document's section list has three wrong shapes on a small
   screen: a squeezed sidebar (unreadable), a long list above the text (you
   scroll past the index to reach the content), and a horizontal chip rail --
   which is what this was, running 2,785px inside a 345px window with most
   sections unreachable.

   It is a "jump to section" control instead: one sticky button naming the
   section you are in, opening a sheet with all of them. You always know where
   you are, and any section is two taps away without scrolling.
   --------------------------------------------------------------------------- */

.ddb-jump[b-cidfgqu7hl] { display: none; }
.ddb-topics-sheet-head[b-cidfgqu7hl] { display: none; }
.ddb-topics-backdrop[b-cidfgqu7hl] { display: none; }

@media (max-width: 1050px) {
    .ddb-jump[b-cidfgqu7hl] {
        position: sticky;
        top: 8px;
        z-index: 30;
        display: flex;
        align-items: center;
        gap: 8px;
        width: 100%;
        min-height: 46px;
        margin: 0 0 2px;
        padding: 0 14px;
        border: 1px solid #cbd7e4;
        border-radius: 11px;
        background: #fff;
        color: #0b2f52;
        font-size: .85rem;
        font-weight: 700;
        text-align: left;
        cursor: pointer;
        box-shadow: 0 4px 14px rgba(16, 38, 58, .07);
    }

    .ddb-jump-label[b-cidfgqu7hl] {
        flex: 0 0 auto;
        color: #64748b;
        font-size: .66rem;
        font-weight: 800;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .ddb-jump-current[b-cidfgqu7hl] {
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ddb-jump-caret[b-cidfgqu7hl] { flex: 0 0 auto; color: #64748b; }

    /* The list becomes a sheet: hidden until asked for, then full width from
       the bottom where a thumb is. */
    .ddb-topics[b-cidfgqu7hl] {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1401;
        display: none;
        flex-direction: column;
        gap: 4px;
        max-height: min(78vh, 640px);
        padding: 10px 14px calc(16px + env(safe-area-inset-bottom));
        border: 0;
        border-radius: 20px 20px 0 0;
        background: #fff;
        box-shadow: 0 -18px 42px rgba(7, 24, 44, .3);
        overflow-y: auto;
    }

    .ddb-topics.is-open[b-cidfgqu7hl] { display: flex; }

    .ddb-topics-backdrop[b-cidfgqu7hl] {
        position: fixed;
        inset: 0;
        z-index: 1400;
        display: block;
        background: rgba(7, 24, 44, .58);
    }

    .ddb-topics-sheet-head[b-cidfgqu7hl] {
        position: sticky;
        top: 0;
        /* Above the rows, or a section scrolled under it shows through the
           title. */
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin: 0 0 6px;
        padding: 6px 0 10px;
        background: #fff;
        box-shadow: 0 8px 10px -8px rgba(16, 38, 58, .18);
    }

    .ddb-topics-sheet-head strong[b-cidfgqu7hl] {
        font-size: .95rem;
        color: #0b2f52;
    }

    .ddb-topics-close[b-cidfgqu7hl] {
        display: grid;
        place-items: center;
        width: 40px;
        height: 40px;
        border: 1px solid #dce5ef;
        border-radius: 10px;
        background: #fff;
        color: #0b2f52;
        font-size: 1rem;
        cursor: pointer;
    }

    /* Section rows are full-width and wrap, rather than a nowrap strip. */
    .ddb-topics > button[b-cidfgqu7hl] {
        flex: 0 0 auto;
        width: 100%;
        min-height: 46px;
        white-space: normal;
    }

    .ddb-topic-head[b-cidfgqu7hl],
    .ddb-toc-name[b-cidfgqu7hl] { display: none; }
}

/* The view switch is inline-flex with nowrap buttons, so at 379px it measured
   427px and "Patient Handout" -- a whole view of the drug record -- was cut
   off the right edge with nothing to indicate it existed. It wraps now, and
   the buttons share the row. */
@media (max-width: 1050px) {
    .ddb-view-switch[b-cidfgqu7hl] {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    .ddb-view-switch button[b-cidfgqu7hl] {
        flex: 1 1 auto;
        justify-content: center;
        min-height: 44px;
        padding: .5rem .6rem;
        font-size: .8rem;
    }

    /* Header actions stack rather than being pushed off the edge. */
    .ddb-selected-actions[b-cidfgqu7hl] {
        flex-wrap: wrap;
        width: 100%;
    }

    .ddb-selected-actions a[b-cidfgqu7hl] {
        flex: 1 1 auto;
        justify-content: center;
        min-height: 44px;
    }

    .ddb-selected-head[b-cidfgqu7hl] { flex-direction: column; align-items: stretch; }
    .ddb-selected-head h2[b-cidfgqu7hl] { border-right: 0; padding-right: 0; font-size: 1.5rem; }
}

/* The contents control has to look like a control, not a caption: a tinted
   navy strip, so it is distinguishable from the white record behind it. */
@media (max-width: 1050px) {
    .ddb-jump[b-cidfgqu7hl] {
        background: #0b2f52;
        border-color: #0b2f52;
        color: #fff;
        box-shadow: 0 6px 18px -6px rgba(11, 47, 82, .6);
    }

    .ddb-jump-label[b-cidfgqu7hl] { color: #8fb4d8; }
    .ddb-jump-caret[b-cidfgqu7hl] { color: #8fb4d8; }
    .ddb-jump:hover[b-cidfgqu7hl] { background: #0d3a66; }
}
/* /Components/Pages/DrugDatabaseDetail.razor.rz.scp.css */
.ddb-detail-page[b-tgpb1d6orh] { --ink: #1b3144; --muted: #6a7f8f; --line: #dfe7ec; color: var(--ink); background: #f7f9fb; min-height: 100vh; }
.ddb-detail-hero[b-tgpb1d6orh] { position: relative; overflow: hidden; color: #fff; background: linear-gradient(125deg, #102f49, #174b67); }
.ddb-hero-accent[b-tgpb1d6orh] { position: absolute; inset: 0 auto 0 0; width: 7px; background: linear-gradient(#165cb7, #2f6fed, #f39a32); }
.ddb-hero-inner[b-tgpb1d6orh] { max-width: 1440px; margin: 0 auto; padding: clamp(1.25rem, 4vw, 2.8rem); }
.ddb-detail-hero nav[b-tgpb1d6orh] { display: flex; flex-wrap: wrap; gap: .5rem; font-size: .82rem; color: rgba(255,255,255,.72); }
.ddb-detail-hero nav a[b-tgpb1d6orh] { color: inherit; text-decoration: none; }
.ddb-detail-title-row[b-tgpb1d6orh] { display: flex; justify-content: space-between; align-items: end; gap: 1rem; margin-top: 2rem; }
.ddb-detail-title-row > div:first-child[b-tgpb1d6orh] { min-width: 0; }
.ddb-detail-classes[b-tgpb1d6orh] { display: flex; flex-wrap: wrap; gap: .4rem; }
.ddb-detail-classes span[b-tgpb1d6orh] { text-transform: uppercase; letter-spacing: .1em; font-size: .72rem; font-weight: 850; color: #9bb9e1; }
.ddb-detail-title-row h1[b-tgpb1d6orh] { margin: .2rem 0; font-size: clamp(2.45rem, 7vw, 4.75rem); line-height: 1.05; }
.ddb-detail-title-row p[b-tgpb1d6orh] { margin: 0; color: rgba(255,255,255,.78); font-size: 1.1rem; }
.ddb-hero-actions[b-tgpb1d6orh] { display: flex; flex-wrap: nowrap; flex-shrink: 0; gap: .6rem; }
.ddb-hero-actions button[b-tgpb1d6orh], .ddb-hero-actions a[b-tgpb1d6orh] { display: inline-flex; align-items: center; gap: .4rem; border: 1px solid rgba(255,255,255,.5); border-radius: 10px; padding: .72rem 1rem; color: #fff; background: #2f6fed; font-weight: 800; cursor: pointer; text-decoration: none; white-space: nowrap; }
.ddb-hero-actions .ddb-btn-secondary[b-tgpb1d6orh] { border-color: rgba(255,255,255,.65); background: rgba(255,255,255,.12); }
.ddb-hero-actions .ddb-btn-secondary:hover[b-tgpb1d6orh] { background: rgba(255,255,255,.22); }
.ddb-view-switch[b-tgpb1d6orh] { padding: .3rem; border: 1px solid rgba(255,255,255,.3); border-radius: 13px; background: rgba(255,255,255,.08); gap: .3rem; }
.ddb-view-switch button[b-tgpb1d6orh] { border: 1px solid transparent; background: transparent; padding: .55rem .9rem; }
.ddb-view-switch button:hover[b-tgpb1d6orh] { background: rgba(255,255,255,.14); }
.ddb-view-switch button.active[b-tgpb1d6orh] { background: #fff; color: #10263a; border-color: #fff; }
.ddb-monograph-viewer[b-tgpb1d6orh] { max-width: 1440px; margin: 0 auto; padding: 1rem clamp(1rem, 4vw, 3rem) 3rem; display: grid; gap: .75rem; grid-template-columns: minmax(0, 1fr); }
.ddb-monograph-note[b-tgpb1d6orh] { display: flex; align-items: center; gap: .5rem; margin: 0; padding: .7rem .9rem; border: 1px solid #cfe0ea; border-radius: 9px; background: #eef5fa; color: #2c4a5e; font-size: .87rem; }
.ddb-monograph-note svg[b-tgpb1d6orh] { flex: 0 0 auto; }
.ddb-monograph-note a[b-tgpb1d6orh] { color: #0f5c8f; font-weight: 700; }
.ddb-monograph-frame[b-tgpb1d6orh] { width: 100%; height: 85vh; min-height: 520px; border: 1px solid var(--line); border-radius: 13px; background: #fff; box-shadow: 0 8px 24px rgba(23, 50, 77, .06); }
.ddb-summary-strip[b-tgpb1d6orh] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 2rem 0 0; border: 1px solid rgba(255,255,255,.2); border-radius: 13px; overflow: hidden; background: rgba(255,255,255,.07); }
.ddb-summary-strip div[b-tgpb1d6orh] { padding: .85rem 1rem; border-right: 1px solid rgba(255,255,255,.17); min-width: 0; }
.ddb-summary-strip div:last-child[b-tgpb1d6orh] { border-right: 0; }
.ddb-summary-strip dt[b-tgpb1d6orh] { font-size: .69rem; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; color: rgba(255,255,255,.62); }
.ddb-summary-strip dd[b-tgpb1d6orh] { margin: .25rem 0 0; color: #fff; overflow-wrap: anywhere; }
.ddb-print-bar[b-tgpb1d6orh] { max-width: 1440px; margin: 0 auto; padding: .75rem clamp(1rem, 4vw, 3rem) 0; display: flex; justify-content: flex-end; }
.ddb-print-button[b-tgpb1d6orh] { display: inline-flex; align-items: center; gap: .3rem; border: 1px solid #b45309; border-radius: 7px; padding: .34rem .55rem; font-size: .78rem; color: #fff; background: #b45309; font-weight: 750; cursor: pointer; }
.ddb-print-button:hover[b-tgpb1d6orh] { background: #92400a; border-color: #92400a; }
.ddb-print-button svg[b-tgpb1d6orh] { width: 15px; height: 15px; }
.ddb-detail-layout[b-tgpb1d6orh] { display: grid; grid-template-columns: minmax(270px, 290px) minmax(0, 920px); justify-content: center; align-items: start; gap: 2rem; padding: 1rem clamp(1rem, 4vw, 3rem) 4rem; }
.ddb-toc[b-tgpb1d6orh] { position: sticky; top: 1.5rem; max-height: calc(100vh - 3rem); overflow: auto; padding: 1rem; border: 1px solid var(--line); border-radius: 13px; background: #fff; box-shadow: 0 7px 20px rgba(23, 50, 77, .05); }
.ddb-toc-name[b-tgpb1d6orh] { margin: 0 0 .35rem; font-size: 1.05rem; color: var(--ink); }
.ddb-toc > strong[b-tgpb1d6orh] { display: block; padding-bottom: .6rem; border-bottom: 1px solid var(--line); text-transform: uppercase; letter-spacing: .08em; font-size: .75rem; }
.ddb-toc nav[b-tgpb1d6orh] { display: grid; gap: .28rem; margin-top: .55rem; }
.ddb-toc a[b-tgpb1d6orh] { overflow: hidden; padding: .5rem .62rem; border: 1px solid transparent; border-left: 3px solid transparent; border-radius: 8px; color: #526b7d; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; font-size: .82rem; font-weight: 700; transition: background .16s ease, color .16s ease, border-color .16s ease, transform .16s ease; }
.ddb-toc a:hover[b-tgpb1d6orh], .ddb-toc a:focus-visible[b-tgpb1d6orh] { border-color: #dce5eb; border-left-color: #f59e0b; background: #f6f9fc; color: #10263a; transform: translateX(2px); }
.ddb-toc a.active[b-tgpb1d6orh] { border-color: #10263a; border-left-color: #f59e0b; background: #10263a; color: #fff; box-shadow: 0 6px 14px rgba(16,38,58,.13); }
.ddb-detail-content[b-tgpb1d6orh] { display: grid; gap: 1rem; min-width: 0; }
.ddb-summary[b-tgpb1d6orh] { margin: 0; padding: 1rem 1.15rem; border: 1px solid #cad7e7; border-left: 5px solid #168552; border-radius: 12px; background: #eef3f9; line-height: 1.6; }
.ddb-detail-content section[b-tgpb1d6orh] { scroll-margin-top: 1.5rem; position: relative; padding: 1.2rem 1.3rem 1.35rem; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: 0 8px 24px rgba(23, 50, 77, .06); overflow: hidden; }
.ddb-detail-content section[b-tgpb1d6orh]::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 5px; background: var(--accent); }
.ddb-detail-content section > header[b-tgpb1d6orh] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding-bottom: .9rem; border-bottom: 1px solid #edf1f4; }
.ddb-section-heading[b-tgpb1d6orh] { display: flex; align-items: center; gap: .75rem; }
.ddb-section-icon[b-tgpb1d6orh] { display: grid; place-items: center; flex: 0 0 39px; width: 39px; height: 39px; border-radius: 10px; color: var(--accent); background: color-mix(in srgb, var(--accent) 10%, white); }
.ddb-section-icon svg[b-tgpb1d6orh] { width: 20px; height: 20px; }
.ddb-urgent-note[b-tgpb1d6orh] { display: flex; align-items: center; gap: .5rem; margin: .9rem 0 0; padding: .65rem .85rem; border-radius: 9px; color: #8a1f1a; background: #fdeceb; border: 1px solid #f3c6c2; font-size: .84rem; font-weight: 700; }
.ddb-urgent-note svg[b-tgpb1d6orh] { flex: 0 0 auto; }
.ddb-pregnancy-note[b-tgpb1d6orh] { display: flex; align-items: center; gap: .5rem; margin: .9rem 0 0; padding: .65rem .85rem; border-radius: 9px; color: #8a1442; background: #fbe9f0; border: 1px solid #f0c3d6; font-size: .84rem; font-weight: 700; }
.ddb-pregnancy-note svg[b-tgpb1d6orh] { flex: 0 0 auto; }
.ddb-section-heading h2[b-tgpb1d6orh] { margin: 0; font-size: 1.18rem; }
.ddb-section-heading p[b-tgpb1d6orh] { margin: .15rem 0 0; color: var(--muted); font-size: .82rem; }
.ddb-section-label[b-tgpb1d6orh] { padding: .25rem .55rem; border-radius: 999px; color: var(--accent); background: color-mix(in srgb, var(--accent) 8%, white); text-transform: uppercase; letter-spacing: .06em; font-size: .65rem; font-weight: 850; white-space: nowrap; }
.ddb-detail-content ul[b-tgpb1d6orh], .ddb-detail-content ol[b-tgpb1d6orh] { display: grid; gap: .65rem; line-height: 1.62; padding-left: 1.35rem; margin: 1rem 0 0; }
.ddb-detail-content li[b-tgpb1d6orh]::marker { color: var(--accent); font-weight: 800; }
.ddb-references a[b-tgpb1d6orh] { color: #083673; overflow-wrap: anywhere; }
.ddb-clinical-note[b-tgpb1d6orh] { margin: .5rem 0 0; padding: .9rem 1rem; border: 1px solid #f0dda5; border-radius: 9px; background: #fff8e6; color: #67551b; font-size: .87rem; }
.ddb-detail-state[b-tgpb1d6orh] { min-height: 55vh; display: flex; flex-direction: column; gap: 1rem; align-items: center; justify-content: center; }
@media (max-width: 900px) { .ddb-summary-strip[b-tgpb1d6orh] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ddb-summary-strip div:nth-child(2)[b-tgpb1d6orh] { border-right: 0; } .ddb-summary-strip div:nth-child(-n+2)[b-tgpb1d6orh] { border-bottom: 1px solid rgba(255,255,255,.17); } }
@media (max-width: 760px) { .ddb-detail-title-row[b-tgpb1d6orh] { align-items: stretch; flex-direction: column; } .ddb-hero-actions[b-tgpb1d6orh] { width: 100%; flex-wrap: wrap; } .ddb-hero-actions button[b-tgpb1d6orh], .ddb-hero-actions a[b-tgpb1d6orh] { flex: 1 1 auto; justify-content: center; } .ddb-detail-layout[b-tgpb1d6orh] { grid-template-columns: minmax(0, 1fr); } .ddb-toc[b-tgpb1d6orh] { position: static; max-height: none; } .ddb-toc nav[b-tgpb1d6orh] { display: flex; overflow-x: auto; gap: .35rem; } .ddb-toc a[b-tgpb1d6orh] { flex: 0 0 auto; border: 1px solid var(--line); border-radius: 999px; padding: .4rem .65rem; white-space: nowrap; } }
@media (max-width: 520px) { .ddb-summary-strip[b-tgpb1d6orh] { grid-template-columns: minmax(0, 1fr); } .ddb-summary-strip div[b-tgpb1d6orh] { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.17); } .ddb-detail-content section > header[b-tgpb1d6orh] { align-items: start; } .ddb-section-label[b-tgpb1d6orh] { display: none; } .ddb-section-heading[b-tgpb1d6orh] { align-items: start; } }
@media print { .ddb-detail-hero[b-tgpb1d6orh] { color: #000; background: #fff !important; border-bottom: 2px solid #000; } .ddb-hero-accent[b-tgpb1d6orh], .ddb-detail-hero nav[b-tgpb1d6orh], .ddb-hero-actions[b-tgpb1d6orh], .ddb-print-bar[b-tgpb1d6orh], .ddb-toc[b-tgpb1d6orh] { display: none !important; } .ddb-detail-classes span[b-tgpb1d6orh], .ddb-detail-title-row p[b-tgpb1d6orh], .ddb-summary-strip dt[b-tgpb1d6orh], .ddb-summary-strip dd[b-tgpb1d6orh] { color: #000; } .ddb-summary-strip[b-tgpb1d6orh] { border: 1px solid #999; background: #fff; } .ddb-summary-strip div[b-tgpb1d6orh] { border-color: #bbb; } .ddb-detail-layout[b-tgpb1d6orh] { display: block; padding: 1rem 0; } .ddb-detail-content section[b-tgpb1d6orh] { break-inside: avoid; box-shadow: none; } }
/* /Components/Pages/DsaTracker.razor.rz.scp.css */
.dsa-page[b-8zk4h9t83a] {
    --navy: #0b2f52;
    --teal: #168552;
    --line: #e2e8f0;
    --muted: #64748b;
    color: #0f172a;
    max-width: 720px;
}

.dsa-head[b-8zk4h9t83a] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 20px;
}

.dsa-head span[b-8zk4h9t83a] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--teal);
    font-weight: 900;
}

.dsa-head h1[b-8zk4h9t83a] {
    margin: 7px 0 5px;
    color: var(--navy);
    font-size: 28px;
}

.dsa-head p[b-8zk4h9t83a] {
    margin: 0;
    color: var(--muted);
}

.dsa-btn[b-8zk4h9t83a] {
    min-height: 42px;
    padding: 0 15px;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: #fff;
    color: var(--navy);
    font-weight: 800;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.dsa-card[b-8zk4h9t83a] {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 18px;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
    padding: 24px 26px;
}

.dsa-card-head[b-8zk4h9t83a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 18px;
}

.dsa-card-head h2[b-8zk4h9t83a] {
    margin: 0;
    color: var(--navy);
    font-size: 17px;
}

.dsa-status-pills[b-8zk4h9t83a] {
    display: flex;
    gap: 6px;
}

.dsa-pill[b-8zk4h9t83a] {
    border: 1px solid var(--line);
    background: #fff;
    color: var(--muted);
    border-radius: 999px;
    padding: 6px 15px;
    font-size: 12.5px;
    font-weight: 700;
    cursor: pointer;
}

.dsa-pill.active[b-8zk4h9t83a] {
    background: var(--navy);
    border-color: var(--navy);
    color: #fff;
}

.dsa-field[b-8zk4h9t83a] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-width: 320px;
    margin-bottom: 18px;
}

.dsa-field span[b-8zk4h9t83a] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--muted);
    font-weight: 700;
}

.dsa-field select[b-8zk4h9t83a] {
    border: 1px solid var(--line);
    border-radius: 10px;
    padding: 10px 12px;
    font-size: 14px;
    font-family: inherit;
    color: #0f172a;
    background: #fff;
}

.dsa-field select:focus-visible[b-8zk4h9t83a] {
    outline: 2px solid var(--teal);
    outline-offset: 1px;
}

.dsa-explainer[b-8zk4h9t83a] {
    color: var(--muted);
    font-size: 13.5px;
    line-height: 1.6;
    margin: 0 0 18px;
}

.dsa-notice[b-8zk4h9t83a] {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 14px;
    padding: 16px 18px;
}

.dsa-notice strong[b-8zk4h9t83a] {
    display: block;
    color: #9a3412;
    font-size: 13.5px;
    margin-bottom: 6px;
}

.dsa-notice p[b-8zk4h9t83a] {
    margin: 0 0 10px;
    color: #7c2d12;
    font-size: 13px;
    line-height: 1.6;
}

.dsa-notice ol[b-8zk4h9t83a] {
    margin: 0;
    padding-left: 18px;
    color: #7c2d12;
    font-size: 13px;
    line-height: 1.7;
}

.dsa-notice a[b-8zk4h9t83a] {
    color: #9a3412;
    font-weight: 700;
}

@media (max-width: 560px) {
    .dsa-head[b-8zk4h9t83a] {
        display: block;
    }

    .dsa-btn[b-8zk4h9t83a] {
        margin-top: 12px;
    }
}
/* /Components/Pages/FaxCentre.razor.rz.scp.css */
.fx-page[b-6vcqj7iap9]{--navy:#0b2f52;--navy-deep:#082138;--teal:#168552;--line:#e4e9f1;--muted:#5d6b82;--ink:#0f172a;--surface:#fff;--surface-2:#f6f8fb;--ok:#137a49;--warn:#b45309;--bad:#dc2626;color:var(--ink);max-width:1280px;margin:0 auto;padding:20px 20px 60px}

.fx-head[b-6vcqj7iap9]{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:16px 0 18px;padding:26px 30px;border-radius:20px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-deep) 100%);box-shadow:0 12px 28px -12px rgba(8,33,56,.45)}
.fx-head-copy span[b-6vcqj7iap9]{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#6fe0a6;font-weight:800}
.fx-head-copy h1[b-6vcqj7iap9]{margin:8px 0 6px;color:#fff;font-size:32px;letter-spacing:-.015em}
.fx-head-copy p[b-6vcqj7iap9]{margin:0;color:#cbd8e6;max-width:620px;font-size:14px;line-height:1.6}
.fx-head-actions[b-6vcqj7iap9]{display:flex;gap:10px;flex-wrap:wrap}

.fx-btn[b-6vcqj7iap9]{border:0;border-radius:11px;padding:11px 18px;font-size:13.5px;font-weight:800;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}
.fx-btn:active[b-6vcqj7iap9]{transform:translateY(1px)}
.fx-btn.primary[b-6vcqj7iap9]{background:var(--teal);color:#fff;box-shadow:0 8px 18px -8px rgba(15, 77, 159, .9)}
.fx-btn.primary:hover[b-6vcqj7iap9]{background:#12703f}
.fx-btn.ghost[b-6vcqj7iap9]{background:rgba(255,255,255,.12);color:#e6eef7;border:1px solid rgba(255,255,255,.22)}
.fx-btn.ghost:hover[b-6vcqj7iap9]{background:rgba(255,255,255,.2)}

.fx-stats[b-6vcqj7iap9]{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}
.fx-stats>div[b-6vcqj7iap9]{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:0 4px 14px rgba(15,23,42,.04)}
.fx-stats strong[b-6vcqj7iap9]{display:block;font-size:26px;font-weight:800;color:var(--navy);font-variant-numeric:tabular-nums;line-height:1.1}
.fx-stats span[b-6vcqj7iap9]{display:block;color:var(--muted);font-size:10.5px;margin-top:4px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.fx-stats .sent strong[b-6vcqj7iap9]{color:var(--ok)}
.fx-stats .pending strong[b-6vcqj7iap9]{color:var(--warn)}
.fx-stats .failed strong[b-6vcqj7iap9]{color:var(--bad)}
.fx-stats .pages strong[b-6vcqj7iap9]{color:var(--muted)}

.fx-tabs[b-6vcqj7iap9]{display:flex;gap:6px;margin-bottom:-1px;position:relative;z-index:1}
.fx-tab[b-6vcqj7iap9]{border:1px solid var(--line);border-bottom-color:transparent;background:var(--surface-2);color:var(--muted);border-radius:12px 12px 0 0;padding:11px 20px;font-size:13.5px;font-weight:800;cursor:pointer}
.fx-tab em[b-6vcqj7iap9]{font-style:normal;font-variant-numeric:tabular-nums;opacity:.7;margin-left:5px}
.fx-tab:hover[b-6vcqj7iap9]{color:var(--navy)}
.fx-tab.active[b-6vcqj7iap9]{background:var(--surface);color:var(--navy);border-color:var(--line);border-bottom-color:var(--surface)}

.fx-panel[b-6vcqj7iap9]{background:var(--surface);border:1px solid var(--line);border-radius:0 16px 16px 16px;box-shadow:0 4px 16px rgba(15,23,42,.05);overflow:hidden}

.fx-filters[b-6vcqj7iap9]{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 18px;border-bottom:1px solid var(--line);background:var(--surface-2)}
.fx-search[b-6vcqj7iap9]{position:relative;flex:1 1 260px;min-width:220px}
.fx-search span[b-6vcqj7iap9]{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:15px}
.fx-search input[b-6vcqj7iap9]{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:9px 12px 9px 32px;font-size:13.5px;color:var(--ink)}
.fx-search input:focus[b-6vcqj7iap9]{outline:0;border-color:var(--teal);box-shadow:0 0 0 3px rgba(15, 77, 159, .15)}

.fx-chipbar[b-6vcqj7iap9]{display:flex;gap:6px;flex-wrap:wrap}
.fx-chip[b-6vcqj7iap9]{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:800;cursor:pointer}
.fx-chip:hover[b-6vcqj7iap9]{border-color:#c7d3e3;color:var(--navy)}
.fx-chip.active[b-6vcqj7iap9]{background:var(--navy);border-color:var(--navy);color:#fff}

.fx-icon-btn[b-6vcqj7iap9]{margin-left:auto;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:10px;width:36px;height:36px;font-size:16px;cursor:pointer}
.fx-icon-btn:hover[b-6vcqj7iap9]{color:var(--navy);border-color:#c7d3e3}

.fx-toggle[b-6vcqj7iap9]{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--muted);cursor:pointer}
.fx-toggle input[b-6vcqj7iap9]{width:16px;height:16px;accent-color:var(--teal);cursor:pointer}

.fx-table-wrap[b-6vcqj7iap9]{overflow-x:auto}
.fx-table[b-6vcqj7iap9]{width:100%;border-collapse:collapse;font-size:13.5px}
.fx-table thead th[b-6vcqj7iap9]{text-align:left;padding:12px 16px;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap}
.fx-table td[b-6vcqj7iap9]{padding:13px 16px;border-bottom:1px solid #eef2f7;vertical-align:middle}
.fx-table tbody tr[b-6vcqj7iap9]{cursor:pointer;transition:background .12s ease}
.fx-table tbody tr:hover[b-6vcqj7iap9]{background:var(--surface-2)}
.fx-table tbody tr.unread[b-6vcqj7iap9]{background:#f2fbfa}
.fx-table .num[b-6vcqj7iap9]{text-align:right;font-variant-numeric:tabular-nums}
.fx-muted[b-6vcqj7iap9]{color:var(--muted)}
.fx-subject[b-6vcqj7iap9]{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.fx-to[b-6vcqj7iap9]{display:flex;flex-direction:column;line-height:1.35}
.fx-to strong[b-6vcqj7iap9]{color:var(--ink);font-weight:700}
.fx-to span[b-6vcqj7iap9]{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}

.fx-pill[b-6vcqj7iap9]{display:inline-block;border-radius:999px;padding:4px 11px;font-size:11px;font-weight:800;letter-spacing:.03em;white-space:nowrap}
.fx-pill.ok[b-6vcqj7iap9]{background:#eaf8f0;color:var(--ok)}
.fx-pill.warn[b-6vcqj7iap9]{background:#fff4e6;color:var(--warn)}
.fx-pill.bad[b-6vcqj7iap9]{background:#fef1f1;color:var(--bad)}
.fx-pill.muted[b-6vcqj7iap9]{background:#eef2f7;color:var(--muted)}
.fx-pill.info[b-6vcqj7iap9]{background:#e8f1fb;color:var(--navy)}

.fx-tag[b-6vcqj7iap9]{display:inline-block;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:3px 9px;font-size:11.5px;font-weight:700;color:var(--muted);white-space:nowrap}

.fx-row-actions[b-6vcqj7iap9]{text-align:right;white-space:nowrap}
.fx-mini[b-6vcqj7iap9]{border:1px solid var(--line);background:var(--surface);color:var(--navy);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:800;cursor:pointer}
.fx-mini:hover[b-6vcqj7iap9]{border-color:#c7d3e3;background:var(--surface-2)}
.fx-mini.danger[b-6vcqj7iap9]{color:var(--bad)}
.fx-mini.danger:hover[b-6vcqj7iap9]{background:#fef1f1;border-color:#fbd5d5}

.fx-error-row td[b-6vcqj7iap9]{padding:0 16px 12px;border-bottom:1px solid #eef2f7;color:var(--bad);font-size:12.5px;background:#fffafa}
.fx-error-row span[b-6vcqj7iap9]{font-weight:800;margin-right:6px}

.fx-state[b-6vcqj7iap9]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:64px 24px;text-align:center;color:var(--muted)}
.fx-state-glyph[b-6vcqj7iap9]{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--line);font-size:22px;color:var(--navy)}
.fx-state h2[b-6vcqj7iap9]{margin:8px 0 0;font-size:16px;font-weight:800;color:var(--ink)}
.fx-state p[b-6vcqj7iap9]{margin:0;max-width:420px;font-size:13.5px;line-height:1.6}

@media(max-width:820px){
  .fx-stats[b-6vcqj7iap9]{grid-template-columns:repeat(2, minmax(0, 1fr))}
  .fx-head[b-6vcqj7iap9]{padding:22px 20px}
  .fx-head-copy h1[b-6vcqj7iap9]{font-size:26px}
}

.fx-table thead th.fx-sortable[b-6vcqj7iap9]{cursor:pointer;user-select:none;white-space:nowrap}
.fx-table thead th.fx-sortable:hover[b-6vcqj7iap9]{color:var(--navy)}
.fx-sort[b-6vcqj7iap9]{margin-left:4px;font-size:9px;opacity:.75}

.fx-queued-note[b-6vcqj7iap9]{margin:0;font-size:12.5px;color:var(--muted);line-height:1.5;flex:1 1 320px}

@media (max-width: 767px) {
    /* The tab row ran 485px wide at a 390px viewport, pushing "Contacts" off
       the right edge and giving the whole page a horizontal scroll. */
    .fx-tabs[b-6vcqj7iap9] { flex-wrap: wrap; gap: 4px; }
    .fx-tab[b-6vcqj7iap9] { flex: 1 1 auto; padding: 10px 12px; border-radius: 10px; border-bottom-color: var(--line); text-align: center; }
    .fx-tab.active[b-6vcqj7iap9] { border-bottom-color: var(--line); }
    .fx-panel[b-6vcqj7iap9] { border-radius: 16px; margin-top: 8px; }
}
/* /Components/Pages/FaxSettingsPage.razor.rz.scp.css */
.fxs-page[b-fv4x4y7paz]{--navy:#0b2f52;--navy-deep:#082138;--teal:#168552;--line:#e4e9f1;--muted:#5d6b82;--ink:#0f172a;--surface:#fff;--surface-2:#f6f8fb;--ok:#137a49;--bad:#dc2626;color:var(--ink);max-width:900px;margin:0 auto;padding:20px 20px 60px}

.fxs-back[b-fv4x4y7paz]{color:var(--muted);text-decoration:none;font-size:13px;font-weight:700}
.fxs-back:hover[b-fv4x4y7paz]{color:var(--navy)}

.fxs-head[b-fv4x4y7paz]{margin:16px 0 18px;padding:26px 30px;border-radius:20px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-deep) 100%);box-shadow:0 12px 28px -12px rgba(8,33,56,.45)}
.fxs-head span[b-fv4x4y7paz]{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#6fe0a6;font-weight:800}
.fxs-head h1[b-fv4x4y7paz]{margin:8px 0 6px;color:#fff;font-size:30px;letter-spacing:-.015em}
.fxs-head p[b-fv4x4y7paz]{margin:0;color:#cbd8e6;max-width:600px;font-size:14px;line-height:1.6}

.fxs-note[b-fv4x4y7paz]{display:flex;gap:14px;align-items:flex-start;background:#eaf8f0;border:1px solid #b8cde8;border-radius:16px;padding:16px 20px;margin-bottom:18px}
.fxs-note-glyph[b-fv4x4y7paz]{flex-shrink:0;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--teal);color:#fff;font-size:16px;font-weight:800}
.fxs-note strong[b-fv4x4y7paz]{display:block;color:#137a49;font-size:14px;font-weight:800;margin-bottom:3px}
.fxs-note p[b-fv4x4y7paz]{margin:0;color:#15355e;font-size:13px;line-height:1.6}
.fxs-note em[b-fv4x4y7paz]{font-style:normal;font-weight:800}

.fxs-state[b-fv4x4y7paz]{display:flex;justify-content:center;padding:60px}

.fxs-card[b-fv4x4y7paz]{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px 26px 24px;margin-bottom:16px;box-shadow:0 4px 16px rgba(15,23,42,.05)}
.fxs-card-head[b-fv4x4y7paz]{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.fxs-card-head h2[b-fv4x4y7paz]{margin:0;font-size:16px;font-weight:800;color:var(--navy);letter-spacing:-.01em}

/* Enable toggle. Green and glowing when live, near-black when off, so the
   state is readable from across the room rather than needing the label. */
.fxs-toggle[b-fv4x4y7paz]{display:inline-flex;align-items:center;gap:12px;cursor:pointer;user-select:none;padding:10px 16px;border-radius:14px;border:1px solid var(--line);background:var(--surface);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}
.fxs-toggle input[b-fv4x4y7paz]{position:absolute;opacity:0;width:0;height:0}

.fxs-toggle.on[b-fv4x4y7paz]{border-color:#6fe0a6;background:#eef9f2;box-shadow:0 0 0 4px rgba(15, 77, 159, .13),0 0 22px -2px rgba(15, 77, 159, .55)}
.fxs-toggle.off[b-fv4x4y7paz]{border-color:#2b3440;background:#f8fafc;box-shadow:0 0 0 4px rgba(15,23,42,.07),0 0 18px -4px rgba(15,23,42,.45)}

.fxs-toggle-track[b-fv4x4y7paz]{position:relative;flex-shrink:0;width:46px;height:26px;border-radius:999px;transition:background .18s ease,box-shadow .18s ease}
.fxs-toggle.on .fxs-toggle-track[b-fv4x4y7paz]{background:var(--teal);box-shadow:inset 0 0 0 1px rgba(11, 57, 117, .5),0 0 12px rgba(15, 77, 159, .7)}
.fxs-toggle.off .fxs-toggle-track[b-fv4x4y7paz]{background:#1b2430;box-shadow:inset 0 0 0 1px rgba(0,0,0,.55)}

.fxs-toggle-knob[b-fv4x4y7paz]{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(15,23,42,.45);transition:transform .18s cubic-bezier(.4,0,.2,1)}
.fxs-toggle.on .fxs-toggle-knob[b-fv4x4y7paz]{transform:translateX(20px)}

.fxs-toggle input:focus-visible + .fxs-toggle-track[b-fv4x4y7paz]{outline:3px solid rgba(15, 77, 159, .45);outline-offset:3px}

.fxs-toggle-text[b-fv4x4y7paz]{display:flex;align-items:center;gap:9px}
.fxs-toggle-text strong[b-fv4x4y7paz]{font-size:13px;font-weight:800;color:var(--navy)}
.fxs-toggle-text em[b-fv4x4y7paz]{font-style:normal;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;border-radius:999px;padding:3px 10px}
.fxs-toggle.on .fxs-toggle-text em[b-fv4x4y7paz]{background:var(--teal);color:#fff;box-shadow:0 0 10px rgba(15, 77, 159, .6)}
.fxs-toggle.off .fxs-toggle-text em[b-fv4x4y7paz]{background:#1b2430;color:#cbd5e1}

.fxs-warn[b-fv4x4y7paz]{display:flex;gap:12px;align-items:flex-start;background:#fff8ed;border:1px solid #f6ddb6;border-radius:14px;padding:14px 18px;margin-bottom:16px}
.fxs-warn span[b-fv4x4y7paz]{flex-shrink:0;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#f0b429;color:#fff;font-weight:800}
.fxs-warn strong[b-fv4x4y7paz]{display:block;color:#8a4b04;font-size:13.5px;font-weight:800;margin-bottom:2px}
.fxs-warn p[b-fv4x4y7paz]{margin:0;color:#7c4a08;font-size:12.5px;line-height:1.55}
.fxs-warn em[b-fv4x4y7paz]{font-style:normal;font-weight:800}

.fxs-grid[b-fv4x4y7paz]{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.fxs-field[b-fv4x4y7paz]{display:flex;flex-direction:column}
.fxs-field label[b-fv4x4y7paz]{font-size:12px;font-weight:800;color:var(--navy);margin-bottom:6px}
.fxs-field small[b-fv4x4y7paz]{margin-top:6px;font-size:11.5px;color:var(--muted);line-height:1.5}
.fxs-field small.err[b-fv4x4y7paz]{color:var(--bad);font-weight:700}

.fxs-input[b-fv4x4y7paz]{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:10px 13px;font-size:13.5px;color:var(--ink);font-family:inherit;transition:border-color .14s ease,box-shadow .14s ease}
.fxs-input:focus[b-fv4x4y7paz]{outline:0;border-color:var(--teal);box-shadow:0 0 0 3px rgba(15, 77, 159, .15)}
.fxs-input[b-fv4x4y7paz]::placeholder{color:#9aa7ba}
.fxs-input.invalid[b-fv4x4y7paz]{border-color:#f0b4b4;background:#fffafa}

.fxs-security[b-fv4x4y7paz]{margin:16px 0 0;padding:12px 14px;background:var(--surface-2);border:1px solid var(--line);border-radius:11px;font-size:12px;line-height:1.6;color:var(--muted)}

.fxs-actions[b-fv4x4y7paz]{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}
.fxs-btn[b-fv4x4y7paz]{border:0;border-radius:11px;padding:12px 22px;font-size:13.5px;font-weight:800;cursor:pointer;transition:background .14s ease,transform .12s ease}
.fxs-btn:active[b-fv4x4y7paz]{transform:translateY(1px)}
.fxs-btn:disabled[b-fv4x4y7paz]{opacity:.6;cursor:not-allowed}
.fxs-btn.primary[b-fv4x4y7paz]{background:var(--teal);color:#fff;box-shadow:0 8px 18px -9px rgba(15, 77, 159, .9)}
.fxs-btn.primary:hover:not(:disabled)[b-fv4x4y7paz]{background:#12703f}
.fxs-btn.ghost[b-fv4x4y7paz]{background:var(--surface);color:var(--navy);border:1px solid var(--line)}
.fxs-btn.ghost:hover:not(:disabled)[b-fv4x4y7paz]{background:var(--surface-2);border-color:#c7d3e3}

.fxs-result[b-fv4x4y7paz]{font-size:12.5px;font-weight:700;line-height:1.5}
.fxs-result.ok[b-fv4x4y7paz]{color:var(--ok)}
.fxs-result.bad[b-fv4x4y7paz]{color:var(--bad)}

.fxs-note-glyph[b-fv4x4y7paz]{flex-shrink:0}

@media(max-width:700px){.fxs-grid[b-fv4x4y7paz]{grid-template-columns:minmax(0, 1fr)}.fxs-head[b-fv4x4y7paz]{padding:22px 20px}.fxs-head h1[b-fv4x4y7paz]{font-size:25px}}
/* /Components/Pages/FillwareProfileEngineDiagnostics.razor.rz.scp.css */
.fped-page[b-x1qkynax9w] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1.5rem;
    max-width: 1200px;
    margin: 0 auto;
}

.fped-page-head h1[b-x1qkynax9w] {
    margin: 0.25rem 0;
    font-size: 1.6rem;
}

.fped-eyebrow[b-x1qkynax9w] {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.75rem;
    color: #6b7280;
    font-weight: 600;
}

.fped-page-head p[b-x1qkynax9w] {
    color: #4b5563;
    max-width: 760px;
    line-height: 1.5;
}

.fped-run-bar[b-x1qkynax9w] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.fped-run-button[b-x1qkynax9w] {
    background: #1d4ed8;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 0.65rem 1.25rem;
    font-weight: 600;
    cursor: pointer;
}

.fped-run-button:disabled[b-x1qkynax9w] {
    background: #93a5e0;
    cursor: progress;
}

.fped-run-meta[b-x1qkynax9w] {
    color: #4b5563;
    font-size: 0.9rem;
}

.fped-error[b-x1qkynax9w] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
    padding: 0.75rem 1rem;
    border-radius: 8px;
}

.fped-filter-bar[b-x1qkynax9w] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--mud-palette-background, #fff);
    padding-bottom: 0.25rem;
}

.fped-filter-input[b-x1qkynax9w] {
    width: 100%;
    max-width: 520px;
    padding: 0.55rem 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 0.95rem;
}

.fped-section[b-x1qkynax9w] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.fped-section h2[b-x1qkynax9w] {
    font-size: 1.15rem;
    margin: 0;
}

.fped-section-hint[b-x1qkynax9w] {
    color: #6b7280;
    font-size: 0.85rem;
    margin: 0;
}

.fped-object-card[b-x1qkynax9w] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 0.6rem 0.85rem;
    background: #fafafa;
}

.fped-object-card summary[b-x1qkynax9w] {
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.fped-object-name[b-x1qkynax9w] {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-weight: 600;
}

.fped-object-type[b-x1qkynax9w] {
    color: #6b7280;
    font-size: 0.8rem;
}

.fped-object-date[b-x1qkynax9w] {
    color: #9ca3af;
    font-size: 0.8rem;
}

.fped-object-empty[b-x1qkynax9w] {
    color: #6b7280;
    font-size: 0.85rem;
    margin: 0.5rem 0 0;
}

.fped-chip[b-x1qkynax9w] {
    background: #e0e7ff;
    color: #3730a3;
    border-radius: 999px;
    padding: 0.1rem 0.55rem;
    font-size: 0.75rem;
    font-weight: 600;
}

.fped-chip-warning[b-x1qkynax9w] {
    background: #fef3c7;
    color: #92400e;
}

.fped-sql[b-x1qkynax9w] {
    margin-top: 0.6rem;
    background: #0f172a;
    color: #e2e8f0;
    padding: 0.85rem;
    border-radius: 8px;
    overflow-x: auto;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 0.8rem;
    white-space: pre;
    max-height: 480px;
    overflow-y: auto;
}

.fped-table-wrap[b-x1qkynax9w] {
    overflow-x: auto;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
}

.fped-table[b-x1qkynax9w] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.fped-table th[b-x1qkynax9w],
.fped-table td[b-x1qkynax9w] {
    text-align: left;
    padding: 0.5rem 0.7rem;
    border-bottom: 1px solid #f0f0f0;
    white-space: nowrap;
}

.fped-table th[b-x1qkynax9w] {
    background: #f9fafb;
    color: #374151;
    position: sticky;
    top: 0;
}

.fped-empty[b-x1qkynax9w] {
    color: #6b7280;
    font-size: 0.9rem;
}
/* /Components/Pages/FillwareReports.razor.rz.scp.css */
.rep-header[b-me6j9veszc] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 2px;
}

.rep-header-actions[b-me6j9veszc] {
    flex: 0 0 auto;
}

.rep-action-button[b-me6j9veszc] {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0 15px;
    border: 1px solid var(--grey-300);
    border-radius: 10px;
    background: #fff;
    color: var(--navy-900);
    font-size: .8rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
    transition: transform 150ms ease, box-shadow 150ms ease;
}

.rep-action-button:hover[b-me6j9veszc] {
    transform: translateY(-1px);
}

.rep-eyebrow[b-me6j9veszc] {
    margin: 0 0 6px;
    color: var(--blue-600);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.rep-header h1[b-me6j9veszc] {
    margin: 0;
    color: var(--navy-950);
    font-size: 1.7rem;
    letter-spacing: -.02em;
}

.rep-subtitle[b-me6j9veszc] {
    margin: 6px 0 0;
    max-width: 70ch;
    color: var(--grey-500);
    font-size: .85rem;
}

.rep-toolbar[b-me6j9veszc] {
    padding: 14px;
    border: 1px solid var(--grey-200);
    border-radius: 14px;
    background: var(--grey-50);
}

.rep-toolbar-row[b-me6j9veszc] {
    display: grid;
    grid-template-columns: 160px 160px minmax(220px, 1fr) auto;
    gap: 10px;
    align-items: end;
}

.rep-field label[b-me6j9veszc] {
    display: block;
    margin-bottom: 6px;
    color: var(--grey-700);
    font-size: .68rem;
    font-weight: 800;
}

.rep-field input[b-me6j9veszc],
.rep-field select[b-me6j9veszc] {
    width: 100%;
    height: 42px;
    padding: 0 12px;
    border: 1px solid var(--grey-300);
    border-radius: 10px;
    background: #fff;
    color: var(--grey-900);
    outline: none;
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

.rep-field input:focus[b-me6j9veszc],
.rep-field select:focus[b-me6j9veszc] {
    border-color: var(--orange-500);
    box-shadow: 0 0 0 3px rgba(242, 140, 40, .1);
}

.rep-run-button[b-me6j9veszc] {
    height: 42px;
    padding: 0 18px;
    border: 0;
    border-radius: 10px;
    background: var(--navy-900);
    color: #fff;
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(16, 44, 76, .16);
    transition: transform 150ms ease, background-color 150ms ease;
}

.rep-run-button:hover:not(:disabled)[b-me6j9veszc] {
    background: var(--navy-950);
    transform: translateY(-1px);
}

.rep-run-button:disabled[b-me6j9veszc] {
    opacity: .65;
    cursor: default;
}

.rep-toolbar-bottom[b-me6j9veszc] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--grey-200);
}

.rep-flag-label[b-me6j9veszc] {
    color: var(--grey-700);
    font-size: .78rem;
    font-weight: 750;
}

.rep-flag-option[b-me6j9veszc] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--grey-700);
    font-size: .78rem;
    font-weight: 750;
    cursor: pointer;
}

.rep-flag-option input[b-me6j9veszc] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.rep-checkmark[b-me6j9veszc] {
    display: inline-grid;
    width: 17px;
    height: 17px;
    flex: 0 0 auto;
    place-items: center;
    border: 2px solid var(--orange-500);
    border-radius: 5px;
    background: #fff;
    transition: background-color 150ms ease, border-color 150ms ease;
}

.rep-flag-option.rep-red .rep-checkmark[b-me6j9veszc] {
    border-color: #dc4b4b;
}

.rep-checkmark[b-me6j9veszc]::after {
    content: "";
    width: 6px;
    height: 3px;
    margin-top: -1px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg) scale(0);
    transition: transform 140ms ease;
}

.rep-flag-option input:checked + .rep-checkmark[b-me6j9veszc] {
    background: var(--orange-500);
    border-color: var(--orange-500);
}

.rep-flag-option.rep-red input:checked + .rep-checkmark[b-me6j9veszc] {
    background: #dc4b4b;
    border-color: #dc4b4b;
}

.rep-flag-option input:checked + .rep-checkmark[b-me6j9veszc]::after {
    transform: rotate(-45deg) scale(1);
}

.rep-day-clear[b-me6j9veszc] {
    border: 0;
    background: transparent;
    color: var(--orange-500);
    font-size: .78rem;
    font-weight: 750;
    text-decoration: underline;
    cursor: pointer;
}

.rep-day-hint[b-me6j9veszc] {
    color: var(--grey-500, #98a2b3);
    font-size: .76rem;
    font-style: italic;
}

.report-header[b-me6j9veszc] {
    padding: 1.5rem;
    border: 1px solid var(--grey-200);
    border-radius: 14px;
    background: linear-gradient(135deg, #ffffff 0%, #f5f9ff 100%);
    box-shadow: var(--shadow);
}

.report-filter-panel[b-me6j9veszc],
.report-results[b-me6j9veszc] {
    border: 1px solid var(--grey-200);
    border-radius: 14px;
    background: #fff;
    box-shadow: var(--shadow);
}

.report-letterhead[b-me6j9veszc] {
    display: flex;
    gap: 1rem;
    align-items: center;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 2px solid var(--navy-900);
}

.report-letterhead img[b-me6j9veszc] {
    width: 60px;
    max-height: 60px;
    object-fit: contain;
}

.rep-zoom[b-me6j9veszc] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 3px;
    border: 1px solid var(--grey-200);
    border-radius: 10px;
    background: var(--grey-50);
}

.rep-zoom button[b-me6j9veszc] {
    min-width: 28px;
    height: 28px;
    padding: 0 6px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--navy-900);
    font-size: .85rem;
    font-weight: 800;
    cursor: pointer;
    transition: background-color 150ms ease, color 150ms ease;
}

.rep-zoom button:hover:not(:disabled)[b-me6j9veszc] {
    background: var(--orange-100);
    color: #a85b18;
}

.rep-zoom button:disabled[b-me6j9veszc] {
    opacity: .4;
    cursor: default;
}

.rep-zoom span[b-me6j9veszc] {
    min-width: 38px;
    padding: 0 2px;
    color: var(--grey-700);
    font-size: .72rem;
    font-weight: 800;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.rep-zoom-reset[b-me6j9veszc] {
    font-size: .68rem !important;
    text-transform: uppercase;
}

.plan-filter[b-me6j9veszc] {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid var(--grey-200);
    border-radius: 12px;
    background: var(--grey-50);
}

.plan-filter-grid[b-me6j9veszc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: .5rem;
    margin-top: .75rem;
}

.plan-option[b-me6j9veszc] {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .7rem .8rem;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 9px;
    background: #fff;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.plan-option:hover[b-me6j9veszc] {
    transform: translateY(-1px);
    border-color: #f3b57a;
    box-shadow: 0 5px 14px rgba(242, 140, 40, .12);
}

.plan-option input[b-me6j9veszc] {
    width: 18px;
    height: 18px;
    accent-color: var(--orange-500);
}

.plan-code[b-me6j9veszc] {
    min-width: 3rem;
    color: var(--navy-950);
    font-weight: 700;
}

.plan-name[b-me6j9veszc] {
    overflow: hidden;
    color: var(--grey-500);
    font-size: .82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.report-table-wrap[b-me6j9veszc] {
    overflow-x: auto;
    margin-top: 1rem;
    border: 1px solid var(--grey-200);
    border-radius: 12px;
    transform-origin: top left;
}

.report-table[b-me6j9veszc] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    white-space: nowrap;
    font-size: clamp(.68rem, .82vw, .82rem);
    font-variant-numeric: tabular-nums;
}

.report-table th[b-me6j9veszc] {
    position: sticky;
    top: 0;
    padding: .6rem .55rem;
    border-right: 1px solid rgba(255, 255, 255, .12);
    color: #fff;
    background: linear-gradient(180deg, var(--navy-900), var(--navy-950));
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .02em;
    line-height: 1.2;
    text-align: right;
}

/* Column-group tinting: cost inputs (orange) vs revenue/payment outputs
   (teal) get a distinct header tone so the table reads left-to-right as
   identity -> cost -> outcome, matching the rest of the report groups. */
.report-table th.rep-col-cost[b-me6j9veszc] {
    background: linear-gradient(180deg, #a85b18, #8a4712);
}

.report-table th.rep-col-payment[b-me6j9veszc] {
    background: linear-gradient(180deg, #0d3e7d, #0a3061);
}

.report-table th:first-child[b-me6j9veszc],
.report-table th:nth-child(2)[b-me6j9veszc],
.report-table td:first-child[b-me6j9veszc],
.report-table td:nth-child(2)[b-me6j9veszc] {
    text-align: left;
}

.rep-sort-button[b-me6j9veszc] {
    all: unset;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .25rem;
    width: 100%;
    cursor: pointer;
    color: inherit;
    font: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
}

.report-table th:first-child .rep-sort-button[b-me6j9veszc],
.report-table th:nth-child(2) .rep-sort-button[b-me6j9veszc] {
    justify-content: flex-start;
}

.rep-sort-button:hover[b-me6j9veszc] {
    opacity: .85;
}

.rep-sort-button .mud-icon-root[b-me6j9veszc] {
    opacity: .75;
    font-size: 1rem;
}

.report-table td[b-me6j9veszc] {
    padding: .5rem .55rem;
    border-right: 1px solid var(--grey-200);
    border-bottom: 1px solid var(--grey-200);
    color: var(--grey-900);
    transition: background-color 140ms ease, color 140ms ease;
}

.report-table td:last-child[b-me6j9veszc],
.report-table th:last-child[b-me6j9veszc] {
    border-right: 0;
}

.report-table tbody tr:nth-child(even)[b-me6j9veszc] {
    background: var(--grey-50);
}

.report-table tbody tr:hover td[b-me6j9veszc] {
    background: var(--blue-100);
    color: var(--navy-950);
}

.report-table tbody tr:hover td:first-child[b-me6j9veszc] {
    box-shadow: inset 3px 0 0 var(--orange-500);
}

.report-total-row td[b-me6j9veszc] {
    padding-top: .65rem;
    padding-bottom: .65rem;
    border-top: 2px solid var(--teal-600);
    border-bottom: 0;
    background: linear-gradient(180deg, #d7e4f4, #c3d5ec);
    color: var(--navy-950);
    font-weight: 850;
}

.report-total-row td:first-child[b-me6j9veszc] {
    color: #072d5f;
    letter-spacing: .03em;
}

.rep-summary-strip[b-me6j9veszc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    border: 1px solid var(--grey-200);
    border-radius: 12px;
    background: var(--grey-50);
    overflow: hidden;
}

.rep-summary-item[b-me6j9veszc] {
    padding: 12px 16px;
    border-right: 1px solid var(--grey-200);
    transition: background-color 150ms ease, transform 150ms ease;
}

.rep-summary-item:last-child[b-me6j9veszc] {
    border-right: 0;
}

.rep-summary-item:hover[b-me6j9veszc] {
    background: #fff;
    transform: translateY(-1px);
}

.rep-summary-item span[b-me6j9veszc] {
    display: block;
    color: var(--grey-500);
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.rep-summary-item strong[b-me6j9veszc] {
    display: block;
    margin-top: 5px;
    color: var(--navy-950);
    font-size: 1.05rem;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.rep-summary-item.rep-summary-teal strong[b-me6j9veszc] {
    color: var(--teal-600);
}

.rep-summary-item.rep-summary-orange strong[b-me6j9veszc] {
    color: #a85b18;
}

.rep-definitions[b-me6j9veszc] {
    margin-top: 1rem;
    padding: .9rem 1rem;
    border: 1px solid var(--grey-200);
    border-radius: 12px;
    background: var(--grey-50);
}

.rep-definitions h2[b-me6j9veszc] {
    margin: 0 0 .6rem;
    color: var(--navy-950);
    font-size: .8rem;
}

.rep-definitions-grid[b-me6j9veszc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: .4rem 1.1rem;
}

.rep-definition[b-me6j9veszc] {
    color: var(--grey-500);
    font-size: .68rem;
    line-height: 1.5;
}

.rep-definition strong[b-me6j9veszc] {
    color: var(--navy-900);
}

@media (max-width: 1180px) {
    .rep-toolbar-row[b-me6j9veszc] {
        grid-template-columns: repeat(2, minmax(160px, 1fr));
    }
}

@media (max-width: 720px) {
    .rep-toolbar-row[b-me6j9veszc] {
        grid-template-columns: minmax(0, 1fr);
    }

    .rep-run-button[b-me6j9veszc] {
        width: 100%;
    }

    .rep-summary-strip[b-me6j9veszc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rep-summary-item[b-me6j9veszc] {
        border-bottom: 1px solid var(--grey-200);
    }
}

@media print {
    .report-header[b-me6j9veszc],
    .rep-header[b-me6j9veszc],
    .rep-toolbar[b-me6j9veszc],
    .report-filter-panel[b-me6j9veszc],
    .report-actions[b-me6j9veszc],
    .mud-appbar[b-me6j9veszc],
    .mud-drawer[b-me6j9veszc],
    .mud-footer[b-me6j9veszc] {
        display: none !important;
    }

    .report-results[b-me6j9veszc] {
        box-shadow: none !important;
        padding: 0 !important;
    }

    .report-table-wrap[b-me6j9veszc] {
        zoom: 1 !important;
    }

    .report-table[b-me6j9veszc] {
        font-size: 9pt;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* Home.razor renders one of several already-styled dashboard components
   (OwnerDashboard / PharmacyClientDashboard / IndividualWorkspaceDashboard)
   as its actual content, so this component owns very little markup itself.
   This file scopes the page-level wrapper and styles the one piece of UI
   Home.razor renders directly: the signed-out fallback card. */

.home-page[b-yeyl4mvesd] {
    display: grid;
    gap: 22px;
}

.home-signin-card[b-yeyl4mvesd] {
    display: grid;
    justify-items: start;
    gap: 10px;
    max-width: 560px;
    margin: 40px auto;
    padding: 44px 48px;
    border-radius: 20px;
    color: #fff;
    text-align: left;
    background: linear-gradient(135deg, var(--blue-900) 0%, #071a30 100%);
    box-shadow: 0 20px 44px -18px rgba(8, 33, 56, .55);
}

.home-signin-eyebrow[b-yeyl4mvesd] {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .12);
    color: var(--orange-500);
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.home-signin-card h1[b-yeyl4mvesd] {
    margin: 6px 0 2px;
    color: #fff;
    font-size: 1.9rem;
    font-weight: 750;
    letter-spacing: -.02em;
}

.home-signin-card p[b-yeyl4mvesd] {
    margin: 0;
    max-width: 46ch;
    color: #c8d6e6;
    font-size: .92rem;
    line-height: 1.6;
}

.home-signin-cta[b-yeyl4mvesd] {
    display: inline-flex;
    align-items: center;
    margin-top: 12px;
    padding: 11px 22px;
    border-radius: 10px;
    background: var(--orange-600);
    color: #fff;
    font-size: .88rem;
    font-weight: 750;
    text-decoration: none;
    box-shadow: 0 6px 16px -6px rgba(234, 88, 12, .55);
    transition: background-color .15s ease, transform .15s ease;
}

.home-signin-cta:hover[b-yeyl4mvesd],
.home-signin-cta:focus-visible[b-yeyl4mvesd] {
    background: var(--orange-700);
    color: #fff;
    transform: translateY(-1px);
}

@media (max-width: 599.98px) {
    .home-signin-card[b-yeyl4mvesd] {
        margin: 20px auto;
        padding: 30px 26px;
    }

    .home-signin-card h1[b-yeyl4mvesd] {
        font-size: 1.55rem;
    }
}
/* /Components/Pages/IncidentAnalytics.razor.rz.scp.css */
.ia-page[b-lefqhfpo6q] {
    --navy: #0b2f52;
    --navy-2: #104a70;
    --blue: #2563eb;
    --blue-soft: #eef5ff;
    --orange: #d97706;
    --line: #e2e8f0;
    --muted: #64748b;
    --ink: #0f172a;
    --shadow-sm: 0 7px 20px rgba(15, 23, 42, .06);
    --shadow-md: 0 16px 36px rgba(15, 23, 42, .10);
    color: var(--ink);
}

.ia-hero[b-lefqhfpo6q] {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding: 28px 30px;
    margin-bottom: 16px;
    overflow: hidden;
    border-radius: 22px;
    color: #fff;
    background: linear-gradient(135deg, #071f34 0%, var(--navy) 55%, #123a5e 100%);
    box-shadow: var(--shadow-md);
}

.ia-hero[b-lefqhfpo6q]::after {
    position: absolute;
    right: -16px;
    bottom: -90px;
    content: "%";
    font-size: 11rem;
    font-weight: 800;
    color: rgba(255, 255, 255, .04);
    pointer-events: none;
}

.ia-hero-copy[b-lefqhfpo6q] {
    position: relative;
    z-index: 1;
    max-width: 620px;
}

.ia-eyebrow[b-lefqhfpo6q] {
    display: block;
    margin: 0 0 8px;
    color: #8fc4f2;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.ia-hero h1[b-lefqhfpo6q] {
    margin: 0;
    color: #fff;
    font-size: clamp(1.7rem, 2.4vw, 2.2rem);
    letter-spacing: -.03em;
    line-height: 1.1;
}

.ia-hero p[b-lefqhfpo6q] {
    margin: 10px 0 0;
    color: #dce9f1;
    font-size: .92rem;
    line-height: 1.6;
}

.ia-hero-side[b-lefqhfpo6q] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 14px;
    flex: none;
}

.ia-hero-stat[b-lefqhfpo6q] {
    text-align: right;
}

.ia-hero-stat strong[b-lefqhfpo6q] {
    display: block;
    font-size: 2rem;
    font-weight: 900;
    color: #fff;
    line-height: 1;
}

.ia-hero-stat span[b-lefqhfpo6q] {
    display: block;
    margin-top: 4px;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #a9c7d8;
}

.ia-hero-actions[b-lefqhfpo6q] {
    display: flex;
    gap: 8px;
}

.ia-hero-back[b-lefqhfpo6q] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 11px;
    background: rgba(255, 255, 255, .08);
    backdrop-filter: blur(6px);
    color: #fff;
    font-size: .8rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
    transition: background .18s ease, transform .18s ease;
}

.ia-hero-back:hover[b-lefqhfpo6q],
.ia-hero-back:focus-visible[b-lefqhfpo6q] {
    background: rgba(255, 255, 255, .18);
    color: #fff;
    transform: translateY(-1px);
}

.ia-btn[b-lefqhfpo6q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 15px;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: #fff;
    color: var(--navy);
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
    box-shadow: var(--shadow-sm);
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease, color .16s ease, background .16s ease;
}

.ia-btn:hover:not(:disabled)[b-lefqhfpo6q] {
    border-color: var(--blue);
    color: var(--blue);
    box-shadow: var(--shadow-md);
    transform: translateY(-1px);
}

.ia-btn:disabled[b-lefqhfpo6q] {
    opacity: .55;
    cursor: default;
    transform: none;
}

.ia-btn.primary[b-lefqhfpo6q] {
    background: linear-gradient(135deg, var(--navy) 0%, var(--navy-2) 100%);
    color: #fff;
    border-color: var(--navy);
}

.ia-btn.primary:hover:not(:disabled)[b-lefqhfpo6q] {
    color: #fff;
    border-color: var(--navy-2);
}

.ia-btn.soft[b-lefqhfpo6q] {
    background: var(--blue-soft);
    border-color: #bfdbfe;
    color: var(--blue);
}

.ia-btn.soft:hover:not(:disabled)[b-lefqhfpo6q] {
    background: #dbe9ff;
    border-color: var(--blue);
    color: var(--blue);
}

.ia-filter[b-lefqhfpo6q] {
    display: grid;
    grid-template-columns: repeat(6, minmax(120px, 1fr)) auto;
    gap: 9px;
    align-items: end;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 14px;
    margin-bottom: 16px;
    box-shadow: var(--shadow-sm);
}

.ia-filter label[b-lefqhfpo6q] {
    display: grid;
    gap: 5px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #475569;
}

.ia-filter input[b-lefqhfpo6q],
.ia-filter select[b-lefqhfpo6q] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 9px;
    background: #fff;
}

.ia-filter input:focus[b-lefqhfpo6q],
.ia-filter select:focus[b-lefqhfpo6q] {
    outline: none;
    border-color: var(--blue);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}

.ia-kpis[b-lefqhfpo6q] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    margin-bottom: 16px;
}

.ia-kpis article[b-lefqhfpo6q] {
    background: #fff;
    border: 1px solid var(--line);
    border-top: 3px solid var(--blue);
    border-radius: 14px;
    padding: 14px;
    box-shadow: var(--shadow-sm);
    transition: transform .16s ease, box-shadow .16s ease;
}

.ia-kpis article:hover[b-lefqhfpo6q] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.ia-kpis article.alert[b-lefqhfpo6q] {
    border-color: #fed7aa;
    border-top-color: var(--orange);
    background: #fffaf4;
}

.ia-kpis span[b-lefqhfpo6q] {
    display: block;
    color: var(--muted);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.ia-kpis strong[b-lefqhfpo6q] {
    display: block;
    color: var(--navy);
    font-size: 25px;
    margin: 6px 0;
}

.ia-kpis small[b-lefqhfpo6q] {
    display: block;
    color: var(--muted);
    font-size: 10px;
}

.ia-kpis article.alert strong[b-lefqhfpo6q] {
    color: #9a3412;
}

.ia-charts[b-lefqhfpo6q] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.ia-chart[b-lefqhfpo6q] {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 17px;
    padding: 16px;
    min-height: 320px;
    box-shadow: var(--shadow-sm);
}

.ia-chart-head[b-lefqhfpo6q] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.ia-chart-head h2[b-lefqhfpo6q] {
    margin: 0;
    color: var(--navy);
    font-size: 17px;
}

.ia-chart-head span[b-lefqhfpo6q] {
    color: var(--muted);
    font-size: 10px;
    font-weight: 700;
}

.ia-empty[b-lefqhfpo6q] {
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 6px;
    height: 250px;
    text-align: center;
    border: 1.5px dashed #cbd5e1;
    border-radius: 12px;
    background: #f8fafc;
}

.ia-empty strong[b-lefqhfpo6q] {
    color: var(--navy);
    font-size: 13px;
}

.ia-empty span[b-lefqhfpo6q] {
    color: var(--muted);
    font-size: 12px;
}

@media (max-width: 1150px) {
    .ia-filter[b-lefqhfpo6q] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .ia-kpis[b-lefqhfpo6q] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 750px) {
    .ia-hero[b-lefqhfpo6q] {
        flex-direction: column;
        align-items: stretch;
        padding: 22px;
    }

    .ia-hero-side[b-lefqhfpo6q] {
        align-items: flex-start;
    }

    .ia-filter[b-lefqhfpo6q],
    .ia-charts[b-lefqhfpo6q] {
        grid-template-columns: minmax(0, 1fr);
    }

    .ia-kpis[b-lefqhfpo6q] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Pages/IncidentDocuments.razor.rz.scp.css */
.idoc-page[b-qjuw1831zs] {
    --navy: #0b2f52;
    --navy-2: #104a70;
    --blue: #2563eb;
    --blue-soft: #eef5ff;
    --red-soft: #fef2f2;
    --green-soft: #ecfdf3;
    --orange-soft: #fff7ed;
    --line: #e2e8f0;
    --muted: #64748b;
    --ink: #0f172a;
    --shadow-sm: 0 7px 20px rgba(15, 23, 42, .06);
    --shadow-md: 0 16px 36px rgba(15, 23, 42, .10);
    color: var(--ink);
}

.idoc-hero[b-qjuw1831zs] {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding: 28px 30px;
    margin-bottom: 18px;
    overflow: hidden;
    border-radius: 22px;
    color: #fff;
    background: linear-gradient(135deg, #071f34 0%, var(--navy) 55%, #123a5e 100%);
    box-shadow: var(--shadow-md);
}

.idoc-hero[b-qjuw1831zs]::after {
    position: absolute;
    right: -24px;
    bottom: -86px;
    content: "PDF";
    font-size: 8rem;
    font-weight: 800;
    letter-spacing: -.04em;
    color: rgba(255, 255, 255, .05);
    pointer-events: none;
}

.idoc-hero-copy[b-qjuw1831zs] {
    position: relative;
    z-index: 1;
    max-width: 640px;
}

.idoc-eyebrow[b-qjuw1831zs] {
    display: block;
    margin: 0 0 8px;
    color: #8fc4f2;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.idoc-hero h1[b-qjuw1831zs] {
    margin: 0;
    color: #fff;
    font-size: clamp(1.7rem, 2.4vw, 2.2rem);
    letter-spacing: -.03em;
    line-height: 1.1;
}

.idoc-hero p[b-qjuw1831zs] {
    margin: 10px 0 0;
    color: #dce9f1;
    font-size: .92rem;
    line-height: 1.6;
}

.idoc-hero-side[b-qjuw1831zs] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 14px;
    flex: none;
}

.idoc-hero-stat[b-qjuw1831zs] {
    text-align: right;
}

.idoc-hero-stat strong[b-qjuw1831zs] {
    display: block;
    font-size: 2rem;
    font-weight: 900;
    line-height: 1;
    color: #fff;
}

.idoc-hero-stat span[b-qjuw1831zs] {
    display: block;
    margin-top: 4px;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #a9c7d8;
}

.idoc-hero-back[b-qjuw1831zs] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 11px;
    background: rgba(255, 255, 255, .08);
    backdrop-filter: blur(6px);
    color: #fff;
    font-size: .8rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
    transition: background .18s ease, transform .18s ease;
}

.idoc-hero-back:hover[b-qjuw1831zs],
.idoc-hero-back:focus-visible[b-qjuw1831zs] {
    background: rgba(255, 255, 255, .18);
    color: #fff;
    transform: translateY(-1px);
}

.idoc-btn[b-qjuw1831zs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: #fff;
    color: var(--navy);
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
    box-shadow: var(--shadow-sm);
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease, color .16s ease;
}

.idoc-btn:hover:not(:disabled)[b-qjuw1831zs] {
    border-color: var(--blue);
    color: var(--blue);
    box-shadow: var(--shadow-md);
    transform: translateY(-1px);
}

.idoc-btn:disabled[b-qjuw1831zs] {
    opacity: .55;
    cursor: default;
    transform: none;
}

.idoc-btn.primary[b-qjuw1831zs] {
    background: linear-gradient(135deg, var(--navy) 0%, var(--navy-2) 100%);
    color: #fff;
    border-color: var(--navy);
}

.idoc-btn.primary:hover:not(:disabled)[b-qjuw1831zs] {
    color: #fff;
    border-color: var(--navy-2);
}

.idoc-btn input[type=file][b-qjuw1831zs] {
    display: none;
}

.idoc-upload[b-qjuw1831zs] {
    display: grid;
    grid-template-columns: 1fr 260px auto;
    gap: 12px;
    align-items: center;
    background: linear-gradient(135deg, var(--green-soft), var(--blue-soft));
    border: 1px solid #cfdae8;
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 16px;
}

.idoc-upload h2[b-qjuw1831zs] {
    margin: 0 0 3px;
    color: var(--navy);
    font-size: 18px;
}

.idoc-upload p[b-qjuw1831zs] {
    margin: 0;
    color: var(--muted);
}

.idoc-title[b-qjuw1831zs] {
    border: 1px solid #cbd5e1;
    border-radius: 9px;
    padding: 10px;
    background: #fff;
}

.idoc-grid[b-qjuw1831zs] {
    display: grid;
    grid-template-columns: 1fr 1.25fr;
    gap: 16px;
}

.idoc-panel[b-qjuw1831zs] {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 17px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
}

.idoc-panel-head[b-qjuw1831zs] {
    padding: 16px 18px;
    border-bottom: 1px solid var(--line);
}

.idoc-panel-head h2[b-qjuw1831zs] {
    margin: 0;
    color: var(--navy);
    font-size: 18px;
}

.idoc-panel-head p[b-qjuw1831zs] {
    margin: 3px 0 0;
    color: var(--muted);
    font-size: 12px;
}

.idoc-template[b-qjuw1831zs],
.idoc-document[b-qjuw1831zs] {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 14px 17px;
    border-bottom: 1px solid var(--line);
    transition: background .15s ease;
}

.idoc-template:hover[b-qjuw1831zs],
.idoc-document:hover[b-qjuw1831zs] {
    background: #f8fafc;
}

.idoc-template:last-child[b-qjuw1831zs],
.idoc-document:last-child[b-qjuw1831zs] {
    border-bottom: 0;
}

.idoc-template > div:first-child[b-qjuw1831zs],
.idoc-document > div:nth-child(2)[b-qjuw1831zs] {
    flex: 1;
}

.idoc-template strong[b-qjuw1831zs],
.idoc-document strong[b-qjuw1831zs] {
    color: var(--navy);
    font-size: 13px;
}

.idoc-template p[b-qjuw1831zs],
.idoc-document p[b-qjuw1831zs] {
    margin: 4px 0 0;
    color: var(--muted);
    font-size: 10px;
}

.idoc-pdf[b-qjuw1831zs] {
    width: 42px;
    height: 48px;
    flex: none;
    border-radius: 8px;
    background: var(--red-soft);
    color: #b91c1c;
    display: grid;
    place-items: center;
    font-size: 9px;
    font-weight: 900;
}

.idoc-empty[b-qjuw1831zs] {
    display: grid;
    justify-items: center;
    gap: 6px;
    padding: 36px 24px;
    margin: 12px;
    text-align: center;
    border: 1.5px dashed #cbd5e1;
    border-radius: 14px;
    background: #f8fafc;
}

.idoc-empty-icon[b-qjuw1831zs] {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    margin-bottom: 4px;
    border-radius: 12px;
    background: var(--red-soft);
    color: #b91c1c;
    font-size: 11px;
    font-weight: 900;
}

.idoc-empty h3[b-qjuw1831zs] {
    margin: 0;
    color: var(--navy);
    font-size: 14px;
}

.idoc-empty p[b-qjuw1831zs] {
    margin: 0;
    max-width: 32ch;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.5;
}

@media (max-width: 850px) {
    .idoc-grid[b-qjuw1831zs],
    .idoc-upload[b-qjuw1831zs] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 600px) {
    .idoc-hero[b-qjuw1831zs] {
        flex-direction: column;
        align-items: stretch;
        padding: 22px;
    }

    .idoc-hero-side[b-qjuw1831zs] {
        align-items: flex-start;
    }
}
/* /Components/Pages/IncidentReporting/NidrReadiness.razor.rz.scp.css */
.nid-page[b-gqp0meft8v]{max-width:1450px;margin:0 auto;padding:24px}.nid-back[b-gqp0meft8v]{color:#475569;text-decoration:none}.nid-page header[b-gqp0meft8v]{display:flex;justify-content:space-between;gap:30px;align-items:end;margin:20px 0 26px}.nid-page header span[b-gqp0meft8v]{color:#137a49;text-transform:uppercase;font-size:.75rem;font-weight:800;letter-spacing:.12em}.nid-page h1[b-gqp0meft8v]{margin:4px 0;font-size:2rem}.nid-page header p[b-gqp0meft8v]{max-width:580px;color:#64748b}.nid-kpis[b-gqp0meft8v]{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:22px}.nid-kpis div[b-gqp0meft8v]{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px}.nid-kpis b[b-gqp0meft8v]{display:block;font-size:1.8rem;color:#0f172a}.nid-kpis span[b-gqp0meft8v],td small[b-gqp0meft8v]{display:block;color:#64748b;margin-top:4px}.nid-table-wrap[b-gqp0meft8v]{overflow:auto;background:#fff;border:1px solid #e2e8f0;border-radius:16px}.nid-table-wrap table[b-gqp0meft8v]{width:100%;border-collapse:collapse}.nid-table-wrap th[b-gqp0meft8v],.nid-table-wrap td[b-gqp0meft8v]{text-align:left;padding:15px;border-bottom:1px solid #eef2f7;vertical-align:top}.nid-table-wrap th[b-gqp0meft8v]{background:#f8fafc;color:#475569;font-size:.78rem;text-transform:uppercase}.nid-table-wrap a[b-gqp0meft8v]{font-weight:700;color:#137a49}.nid-pill[b-gqp0meft8v]{display:inline-block;padding:4px 9px;border-radius:999px;font-size:.75rem;font-weight:700}.nid-pill.ready[b-gqp0meft8v]{background:#dcfce7;color:#166534}.nid-pill.attention[b-gqp0meft8v]{background:#fef3c7;color:#92400e}.nid-actions[b-gqp0meft8v]{display:flex;gap:6px}.nid-actions button[b-gqp0meft8v],select[b-gqp0meft8v]{border:1px solid #cbd5e1;background:#fff;border-radius:7px;padding:7px 9px}.nid-actions .yes[b-gqp0meft8v]{background:#137a49;color:#fff;border-color:#137a49}.nid-empty[b-gqp0meft8v]{text-align:center!important;padding:50px!important;color:#64748b}@media(max-width:900px){.nid-page header[b-gqp0meft8v]{display:block}.nid-kpis[b-gqp0meft8v]{grid-template-columns:repeat(2, minmax(0, 1fr))}}
/* /Components/Pages/IncidentReportingDashboard.razor.rz.scp.css */
.ird-page[b-e3e9gvo09d] {
    --navy-950: #071f34;
    --navy-900: #0a2f4d;
    --navy-800: #104a70;
    --teal-700: #083a7b;
    --teal-100: #d9e3f1;
    --red-700: #b8323f;
    --green-700: #23764d;
    --amber-700: #9b6718;
    --purple-700: #6257a3;
    --blue-700: #265ea7;
    --cyan-700: #0f4994;
    --slate-950: #17273a;
    --slate-800: #2d4055;
    --slate-600: #627489;
    --slate-500: #7d8c9d;
    --slate-300: #cfd8e2;
    --slate-200: #dce4eb;
    --slate-100: #edf2f6;
    --white: #fff;
    --shadow-sm: 0 5px 15px rgba(8, 38, 63, .06);
    --shadow-md: 0 12px 30px rgba(8, 38, 63, .10);

    width: 100%;
    color: var(--slate-950);
    font-family: var(--app-font, Inter, ui-sans-serif, system-ui, -apple-system,)
        BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.ird-back[b-e3e9gvo09d] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    padding: 10px 16px;
    border: 1px solid var(--slate-300);
    border-radius: 12px;
    background: var(--white);
    box-shadow: var(--shadow-sm);
    color: var(--navy-900);
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.ird-back:hover[b-e3e9gvo09d],
.ird-back:focus-visible[b-e3e9gvo09d] {
    border-color: var(--blue-700);
    box-shadow: var(--shadow-md);
    color: var(--blue-700);
    transform: translateY(-1px);
}

.ird-success-banner[b-e3e9gvo09d] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 14px;
    padding: 16px 20px;
    border: 1px solid #a9e0c8;
    border-radius: 14px;
    background: #eafaf1;
    box-shadow: var(--shadow-sm);
}

.ird-success-icon[b-e3e9gvo09d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--green-700);
    color: #fff;
    font-weight: 900;
    font-size: 13px;
}

.ird-success-banner strong[b-e3e9gvo09d] { color: var(--green-700); font-size: 14px; }
.ird-success-banner p[b-e3e9gvo09d] { margin: 2px 0 0; color: var(--slate-600); font-size: 13px; }

.ird-hero[b-e3e9gvo09d] {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 28px;
    padding: 30px 32px;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 24px;
    color: var(--white);
    background: linear-gradient(135deg, var(--navy-950) 0%,
        var(--navy-900) 55%, #0d3365 100%);
    box-shadow: var(--shadow-md);
}

.ird-hero[b-e3e9gvo09d]::after {
    position: absolute;
    right: -30px;
    bottom: -108px;
    color: rgba(255, 255, 255, .035);
    content: "+";
    font-size: 22rem;
    font-weight: 200;
    line-height: 1;
    pointer-events: none;
}

.ird-hero-copy[b-e3e9gvo09d],
.ird-attention-badge[b-e3e9gvo09d] {
    position: relative;
    z-index: 1;
}

.ird-hero-copy[b-e3e9gvo09d] {
    max-width: 800px;
}

.ird-eyebrow[b-e3e9gvo09d] {
    margin: 0 0 8px;
    color: #8db1e1;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.ird-hero h1[b-e3e9gvo09d] {
    margin: 0;
    font-size: clamp(2rem, 2.8vw, 2.8rem);
    line-height: 1.06;
    letter-spacing: -.04em;
}

.ird-hero-description[b-e3e9gvo09d] {
    max-width: 720px;
    margin: 12px 0 0;
    color: #dce9f1;
    font-size: .95rem;
    line-height: 1.6;
}

.ird-attention-badge[b-e3e9gvo09d] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    gap: 10px;
    padding: 8px 16px;
    border: 1px solid rgba(184, 236, 205, .25);
    border-radius: 999px;
    color: #e3faec;
    background: rgba(234, 250, 241, .10);
    backdrop-filter: blur(8px);
    font-size: .8rem;
    font-weight: 700;
    white-space: nowrap;
}

.ird-attention-badge.attention[b-e3e9gvo09d] {
    border-color: rgba(255, 213, 141, .35);
    color: #ffedc8;
    background: rgba(155, 103, 24, .24);
}

.ird-attention-dot[b-e3e9gvo09d] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #77d89f;
    box-shadow: 0 0 0 4px rgba(119, 216, 159, .15);
}

.ird-attention-badge.attention .ird-attention-dot[b-e3e9gvo09d] {
    background: #ffc96b;
    box-shadow: 0 0 0 4px rgba(255, 201, 107, .15);
}

.ird-attention-badge.loading .ird-attention-dot[b-e3e9gvo09d] {
    background: #8db1e1;
}

.ird-primary-action[b-e3e9gvo09d] {
    margin-bottom: 26px;
}

.ird-report-button[b-e3e9gvo09d] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    min-height: 56px;
    padding: 0 24px;
    border-radius: 12px;
    color: var(--white);
    background: linear-gradient(135deg, #9e2733 0%, #c43b48 100%);
    box-shadow: 0 12px 24px rgba(159, 38, 50, .20);
    font-size: .95rem;
    font-weight: 800;
    text-decoration: none;
    transition: transform 160ms ease, box-shadow 160ms ease;
}

.ird-report-button:hover[b-e3e9gvo09d],
.ird-report-button:focus-visible[b-e3e9gvo09d] {
    color: var(--white);
    box-shadow: 0 16px 32px rgba(159, 38, 50, .28);
    transform: translateY(-2px);
}

.ird-report-icon[b-e3e9gvo09d] {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border-radius: 8px;
    background: rgba(255, 255, 255, .18);
    font-size: 1rem;
    font-weight: 900;
}

.ird-workspace-section[b-e3e9gvo09d],
.ird-metrics-grid[b-e3e9gvo09d] {
    margin-bottom: 32px;
}

.ird-section-heading[b-e3e9gvo09d] {
    margin-bottom: 14px;
}

.ird-section-heading h2[b-e3e9gvo09d],
.ird-panel-header h2[b-e3e9gvo09d] {
    margin: 0;
    color: var(--navy-950);
    font-size: 1.05rem;
    letter-spacing: -.02em;
}

.ird-section-heading p[b-e3e9gvo09d],
.ird-panel-header p[b-e3e9gvo09d] {
    margin: 6px 0 0;
    color: var(--slate-500);
    font-size: .8rem;
}

.ird-workspace-shell[b-e3e9gvo09d] {
    padding: 18px;
    border: 1px solid var(--slate-200);
    border-radius: 16px;
    background: var(--white);
    box-shadow: var(--shadow-sm);
}

.ird-workspace-grid[b-e3e9gvo09d] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.ird-workspace-card[b-e3e9gvo09d] {
    --accent: #5a8ac8;

    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    min-height: 62px;
    padding: 10px 14px;
    border: 1px solid var(--slate-200);
    border-radius: 12px;
    color: var(--slate-800);
    background: var(--white);
    text-align: left;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease,
        box-shadow 150ms ease, background 150ms ease;
}

.ird-workspace-card:hover[b-e3e9gvo09d],
.ird-workspace-card:focus-visible[b-e3e9gvo09d] {
    color: var(--slate-800);
    border-color: var(--slate-300);
    background: #fafcfd;
    box-shadow: var(--shadow-sm);
    transform: translateY(-2px);
}

.ird-workspace-card.active[b-e3e9gvo09d] {
    color: var(--white);
    border-color: var(--navy-800);
    background: var(--navy-800);
    box-shadow: 0 10px 20px rgba(16, 74, 112, .15);
}

.ird-workspace-card.active:hover[b-e3e9gvo09d],
.ird-workspace-card.active:focus-visible[b-e3e9gvo09d] {
    color: var(--white);
    background: var(--navy-900);
}

.ird-workspace-card.dashboard[b-e3e9gvo09d] { --accent: #5c97bd; }
.ird-workspace-card.incidents[b-e3e9gvo09d] { --accent: #5e87bd; }
.ird-workspace-card.review[b-e3e9gvo09d] { --accent: #c79d7f; }
.ird-workspace-card.actions[b-e3e9gvo09d] { --accent: #59bb81; }
.ird-workspace-card.meetings[b-e3e9gvo09d] { --accent: #4f7cb7; }
.ird-workspace-card.assessment[b-e3e9gvo09d] { --accent: #658bbc; }
.ird-workspace-card.analytics[b-e3e9gvo09d] { --accent: #6497d9; }
.ird-workspace-card.documents[b-e3e9gvo09d] { --accent: #929ca8; }
.ird-workspace-card.compliance[b-e3e9gvo09d] { --accent: #c2952e; }
.ird-workspace-card.dsa[b-e3e9gvo09d] { --accent: #b8323f; }
.ird-workspace-card.help[b-e3e9gvo09d] { --accent: #265ea7; }

.ird-workspace-icon[b-e3e9gvo09d] {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border-radius: 9px;
    color: var(--white);
    background: var(--accent);
    font-size: .8rem;
    font-weight: 950;
}

.ird-workspace-card.active .ird-workspace-icon[b-e3e9gvo09d] {
    background: rgba(255, 255, 255, .20);
}

.ird-workspace-label[b-e3e9gvo09d] {
    min-width: 0;
    font-size: .8rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -.01em;
}

.ird-workspace-arrow[b-e3e9gvo09d] {
    color: var(--slate-300);
    font-weight: 900;
}

.ird-workspace-card.active .ird-workspace-arrow[b-e3e9gvo09d] {
    color: rgba(255, 255, 255, .65);
}

.ird-loading[b-e3e9gvo09d] {
    display: flex;
    min-height: 220px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border: 1px solid var(--slate-200);
    border-radius: 16px;
    color: var(--slate-600);
    background: var(--white);
}

.ird-metrics-grid[b-e3e9gvo09d] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.ird-metric[b-e3e9gvo09d] {
    --accent: var(--blue-700);

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 146px;
    padding: 22px;
    border: 1px solid var(--slate-200);
    border-top: 4px solid var(--accent);
    border-radius: 12px;
    background: var(--white);
    box-shadow: var(--shadow-sm);
    transition: transform 200ms ease, box-shadow 200ms ease;
}

.ird-metric:hover[b-e3e9gvo09d] {
    box-shadow: var(--shadow-md);
    transform: translateY(-3px);
}

.ird-metric.incidents[b-e3e9gvo09d] { --accent: var(--red-700); }
.ird-metric.near-misses[b-e3e9gvo09d] { --accent: var(--amber-700); }
.ird-metric.reached[b-e3e9gvo09d] { --accent: var(--blue-700); }
.ird-metric.harm[b-e3e9gvo09d] { --accent: var(--purple-700); }
.ird-metric.corrective-actions[b-e3e9gvo09d] { --accent: var(--green-700); }
.ird-metric.overdue[b-e3e9gvo09d] { --accent: #915f26; }
.ird-metric.manager-review[b-e3e9gvo09d] { --accent: var(--teal-700); }
.ird-metric.closed[b-e3e9gvo09d] { --accent: var(--cyan-700); }

.ird-metric-label[b-e3e9gvo09d] {
    margin-bottom: 14px;
    color: var(--slate-600);
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.ird-metric-value[b-e3e9gvo09d] {
    color: var(--navy-950);
    font-size: 2.4rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.06em;
}

.ird-metric-note[b-e3e9gvo09d] {
    margin-top: 10px;
    color: var(--slate-500);
    font-size: .75rem;
    line-height: 1.45;
}

.ird-activity-panel[b-e3e9gvo09d] {
    overflow: hidden;
    border: 1px solid var(--slate-200);
    border-radius: 24px;
    background: var(--white);
    box-shadow: var(--shadow-sm);
}

.ird-panel-header[b-e3e9gvo09d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 24px;
    border-bottom: 1px solid var(--slate-100);
}

.ird-secondary-button[b-e3e9gvo09d] {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    border: 1px solid var(--slate-200);
    border-radius: 9px;
    color: var(--navy-800);
    background: var(--white);
    font-size: .75rem;
    font-weight: 700;
    text-decoration: none;
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

.ird-secondary-button:hover[b-e3e9gvo09d],
.ird-secondary-button:focus-visible[b-e3e9gvo09d] {
    color: var(--navy-800);
    border-color: var(--slate-300);
    box-shadow: var(--shadow-sm);
}

.ird-empty-state[b-e3e9gvo09d] {
    display: grid;
    min-height: 280px;
    padding: 40px;
    place-items: center;
    text-align: center;
}

.ird-empty-icon[b-e3e9gvo09d] {
    display: grid;
    width: 56px;
    height: 56px;
    margin: 0 auto 16px;
    place-items: center;
    border-radius: 16px;
    color: var(--teal-700);
    background: var(--teal-100);
    font-size: 1.1rem;
    font-weight: 950;
}

.ird-empty-state h3[b-e3e9gvo09d] {
    margin: 0;
    color: var(--navy-950);
    font-size: 1rem;
}

.ird-empty-state p[b-e3e9gvo09d] {
    max-width: 460px;
    margin: 6px auto 0;
    color: var(--slate-500);
    font-size: .85rem;
    line-height: 1.5;
}

.ird-table-wrap[b-e3e9gvo09d] {
    overflow-x: auto;
}

.ird-page table[b-e3e9gvo09d] {
    width: 100%;
    min-width: 700px;
    border-collapse: collapse;
}

.ird-page th[b-e3e9gvo09d],
.ird-page td[b-e3e9gvo09d] {
    padding: 14px 18px;
    border-bottom: 1px solid var(--slate-100);
    text-align: left;
    font-size: .78rem;
}

.ird-page th[b-e3e9gvo09d] {
    color: var(--slate-600);
    background: #f9fbfc;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.ird-status[b-e3e9gvo09d] {
    display: inline-flex;
    padding: 5px 8px;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 800;
    white-space: nowrap;
}

.ird-status.review[b-e3e9gvo09d] {
    color: #9a4b0d;
    background: #fff4e6;
}

.ird-status.done[b-e3e9gvo09d] {
    color: #166534;
    background: #ecfdf3;
}

.ird-status.draft[b-e3e9gvo09d] {
    color: var(--slate-600);
    background: var(--slate-100);
}

@media (max-width: 1180px) {
    .ird-workspace-grid[b-e3e9gvo09d],
    .ird-metrics-grid[b-e3e9gvo09d] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .ird-hero[b-e3e9gvo09d] {
        flex-direction: column;
        align-items: stretch;
        padding: 24px;
    }

    .ird-attention-badge[b-e3e9gvo09d] {
        align-self: flex-start;
    }

    .ird-workspace-shell[b-e3e9gvo09d] {
        padding: 12px;
    }

    .ird-workspace-grid[b-e3e9gvo09d] {
        gap: 8px;
    }

    .ird-workspace-card[b-e3e9gvo09d] {
        min-height: 58px;
    }
}

@media (max-width: 520px) {
    .ird-workspace-grid[b-e3e9gvo09d],
    .ird-metrics-grid[b-e3e9gvo09d] {
        grid-template-columns: minmax(0, 1fr);
    }

    .ird-workspace-arrow[b-e3e9gvo09d] {
        display: none;
    }

    .ird-panel-header[b-e3e9gvo09d] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .ird-secondary-button[b-e3e9gvo09d] {
        width: 100%;
    }

    .ird-empty-state[b-e3e9gvo09d] {
        min-height: 240px;
        padding: 32px 20px;
    }
}

.ird-onboarding[b-e3e9gvo09d] {
    padding: 24px;
    margin-bottom: 24px;
    border: 1px solid var(--slate-200);
    border-radius: 16px;
    background: var(--white);
    box-shadow: var(--shadow-sm);
}

.ird-onboarding-head[b-e3e9gvo09d] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.ird-onboarding-head h2[b-e3e9gvo09d] {
    margin: 0 0 4px;
    font-size: 1.05rem;
    color: var(--navy-900);
}

.ird-onboarding-head p[b-e3e9gvo09d] {
    margin: 0;
    color: var(--slate-600);
    font-size: .88rem;
}

.ird-onboarding-count[b-e3e9gvo09d] {
    flex: none;
    font-size: 1.4rem;
    font-weight: 900;
    color: var(--teal-700);
}

.ird-onboarding-count span[b-e3e9gvo09d] {
    font-size: .95rem;
    font-weight: 700;
    color: var(--slate-500);
}

.ird-onboarding-track[b-e3e9gvo09d] {
    height: 6px;
    margin-bottom: 20px;
    border-radius: 999px;
    background: var(--slate-100);
    overflow: hidden;
}

.ird-onboarding-fill[b-e3e9gvo09d] {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--teal-700), var(--blue-700));
    transition: width .3s ease;
}

.ird-onboarding-list[b-e3e9gvo09d] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ird-onboarding-list li[b-e3e9gvo09d] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 4px;
    border-top: 1px solid var(--slate-100);
}

.ird-onboarding-list li:first-child[b-e3e9gvo09d] {
    border-top: none;
}

.ird-onboarding-check[b-e3e9gvo09d] {
    display: grid;
    flex: none;
    width: 26px;
    height: 26px;
    place-items: center;
    border: 1.5px solid var(--slate-300);
    border-radius: 50%;
    color: var(--white);
    font-size: .8rem;
    font-weight: 900;
}

.ird-onboarding-list li.done .ird-onboarding-check[b-e3e9gvo09d] {
    border-color: var(--teal-700);
    background: var(--teal-700);
}

.ird-onboarding-list li > div[b-e3e9gvo09d] {
    flex: 1;
    min-width: 0;
}

.ird-onboarding-list strong[b-e3e9gvo09d] {
    display: block;
    font-size: .92rem;
    color: var(--slate-950);
}

.ird-onboarding-list li.done strong[b-e3e9gvo09d] {
    color: var(--slate-500);
    text-decoration: line-through;
    text-decoration-color: var(--slate-300);
}

.ird-onboarding-list p[b-e3e9gvo09d] {
    margin: 2px 0 0;
    font-size: .82rem;
    color: var(--slate-600);
}

.ird-onboarding-cta[b-e3e9gvo09d] {
    flex: none;
    padding: 8px 16px;
    border: 1px solid var(--slate-300);
    border-radius: 10px;
    background: var(--white);
    color: var(--navy-900);
    font-size: .82rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
    transition: border-color .18s ease, color .18s ease, transform .18s ease;
}

.ird-onboarding-cta:hover[b-e3e9gvo09d],
.ird-onboarding-cta:focus-visible[b-e3e9gvo09d] {
    border-color: var(--blue-700);
    color: var(--blue-700);
    transform: translateY(-1px);
}

@media (max-width: 640px) {
    .ird-onboarding-list li[b-e3e9gvo09d] {
        flex-wrap: wrap;
    }

    /* flex:1 + min-width:0 let this shrink to ~70px beside the nowrap button
       rather than wrapping, so each step title stacked one word per line.
       Claiming the full row minus the check gutter pushes the button below. */
    .ird-onboarding-list li > div[b-e3e9gvo09d] {
        flex: 1 1 calc(100% - 40px);
    }

    .ird-onboarding-cta[b-e3e9gvo09d] {
        margin-left: 40px;
    }
}

/* ---------------------------------------------------------------------------
   The incident table carries a 700px minimum, so on a phone it became a
   sideways scroller and the columns past the second had to be dragged into
   view. Rows stack instead, each field labelled by the header it came from.
   --------------------------------------------------------------------------- */

@media (max-width: 767px) {
    .ird-table-wrap[b-e3e9gvo09d] { overflow-x: visible; }

    .ird-page table[b-e3e9gvo09d] { min-width: 0; }

    .ird-page thead[b-e3e9gvo09d] { display: none; }

    .ird-page tbody tr[b-e3e9gvo09d] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 4px;
        padding: 12px 14px;
        border-bottom: 1px solid var(--line, #e2e8f0);
    }

    .ird-page tbody tr:last-child[b-e3e9gvo09d] { border-bottom: 0; }

    .ird-page tbody td[b-e3e9gvo09d] {
        display: flex;
        align-items: baseline;
        gap: 10px;
        padding: 0;
        border: 0;
    }

    /* Each cell says which column it is, since the header row is gone. */
    .ird-page tbody td[b-e3e9gvo09d]::before {
        content: attr(data-label);
        flex: 0 0 92px;
        color: #64748b;
        font-size: .66rem;
        font-weight: 800;
        letter-spacing: .06em;
        text-transform: uppercase;
    }

    .ird-page tbody td:first-child[b-e3e9gvo09d]::before { display: none; }
    .ird-page tbody td:first-child[b-e3e9gvo09d] { font-weight: 700; }
}
/* /Components/Pages/IncidentReportingHelp.razor.rz.scp.css */
.ihelp-page[b-nze4j8mhc6] {
    --navy: #0b2f52;
    --navy-2: #104a70;
    --blue: #2563eb;
    --blue-soft: #eef5ff;
    --green: #16a34a;
    --orange: #d97706;
    --brown: #7a4a2b;
    --line: #e2e8f0;
    --muted: #64748b;
    --ink: #0f172a;
    --soft: #f8fafc;
    --shadow-sm: 0 7px 20px rgba(15, 23, 42, .06);
    --shadow-md: 0 16px 36px rgba(15, 23, 42, .10);
    max-width: 980px;
    margin: 0 auto;
    padding: 24px 24px 56px;
    color: var(--ink);
    font-family: var(--app-font, Inter, system-ui, sans-serif);
}

.ihelp-hero[b-nze4j8mhc6] {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding: 30px 32px;
    margin-bottom: 18px;
    overflow: hidden;
    border-radius: 22px;
    color: #fff;
    background: linear-gradient(135deg, #071f34 0%, var(--navy) 55%, #123a5e 100%);
    box-shadow: var(--shadow-md);
}

.ihelp-hero[b-nze4j8mhc6]::after {
    position: absolute;
    right: -10px;
    bottom: -70px;
    content: "?";
    font-size: 10rem;
    font-weight: 800;
    color: rgba(255, 255, 255, .06);
    pointer-events: none;
}

.ihelp-hero-copy[b-nze4j8mhc6] {
    position: relative;
    z-index: 1;
    max-width: 620px;
}

.ihelp-eyebrow[b-nze4j8mhc6] {
    display: block;
    margin: 0 0 8px;
    color: #8fc4f2;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.ihelp-hero h1[b-nze4j8mhc6] {
    margin: 0 0 8px;
    font-size: 2rem;
}

.ihelp-hero p[b-nze4j8mhc6] {
    margin: 0;
    max-width: 52ch;
    color: #d7e6f7;
    font-size: .95rem;
    line-height: 1.55;
}

.ihelp-hero-back[b-nze4j8mhc6] {
    position: relative;
    z-index: 1;
    flex: none;
    padding: 10px 16px;
    border: 1px solid rgba(255, 255, 255, .4);
    border-radius: 10px;
    background: rgba(255, 255, 255, .12);
    color: #fff;
    font-weight: 800;
    font-size: .82rem;
    text-decoration: none;
    white-space: nowrap;
    transition: background .15s ease;
}

.ihelp-hero-back:hover[b-nze4j8mhc6] {
    background: rgba(255, 255, 255, .22);
}

.ihelp-jump[b-nze4j8mhc6] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 28px;
}

.ihelp-jump a[b-nze4j8mhc6] {
    padding: 8px 14px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: #fff;
    color: var(--navy-2);
    font-weight: 750;
    font-size: .82rem;
    text-decoration: none;
    box-shadow: var(--shadow-sm);
    transition: border-color .15s ease, color .15s ease, transform .15s ease;
}

.ihelp-jump a:hover[b-nze4j8mhc6] {
    border-color: var(--blue);
    color: var(--blue);
    transform: translateY(-1px);
}

.ihelp-section[b-nze4j8mhc6] {
    margin-bottom: 40px;
    scroll-margin-top: 20px;
}

.ihelp-section-head[b-nze4j8mhc6] {
    margin-bottom: 16px;
}

.ihelp-section-eyebrow[b-nze4j8mhc6] {
    display: block;
    margin-bottom: 4px;
    color: var(--blue);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.ihelp-section-head h2[b-nze4j8mhc6] {
    margin: 0;
    color: var(--navy);
    font-size: 1.4rem;
}

.ihelp-guides[b-nze4j8mhc6],
.ihelp-faq[b-nze4j8mhc6] {
    display: grid;
    gap: 10px;
}

.ihelp-guides details[b-nze4j8mhc6],
.ihelp-faq details[b-nze4j8mhc6] {
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #fff;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

.ihelp-guides details[open][b-nze4j8mhc6],
.ihelp-faq details[open][b-nze4j8mhc6] {
    border-color: #bcd6f7;
}

.ihelp-guides summary[b-nze4j8mhc6],
.ihelp-faq summary[b-nze4j8mhc6] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 18px;
    cursor: pointer;
    font-weight: 800;
    color: var(--navy);
    font-size: .95rem;
    list-style: none;
}

.ihelp-guides summary[b-nze4j8mhc6]::-webkit-details-marker,
.ihelp-faq summary[b-nze4j8mhc6]::-webkit-details-marker {
    display: none;
}

.ihelp-guides summary[b-nze4j8mhc6]::after,
.ihelp-faq summary[b-nze4j8mhc6]::after {
    content: "+";
    margin-left: auto;
    flex: none;
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--blue-soft);
    color: var(--blue);
    font-weight: 900;
    font-size: .95rem;
    transition: transform .15s ease;
}

.ihelp-guides details[open] summary[b-nze4j8mhc6]::after,
.ihelp-faq details[open] summary[b-nze4j8mhc6]::after {
    transform: rotate(45deg);
}

.ihelp-num[b-nze4j8mhc6] {
    flex: none;
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 9px;
    background: linear-gradient(135deg, var(--navy), var(--navy-2));
    color: #fff;
    font-size: .74rem;
    font-weight: 900;
}

.ihelp-body[b-nze4j8mhc6] {
    padding: 0 18px 18px 18px;
}

.ihelp-faq .ihelp-body[b-nze4j8mhc6] {
    padding: 0 18px 16px 18px;
}

.ihelp-body p[b-nze4j8mhc6] {
    margin: 0 0 10px;
    color: #33495a;
    font-size: .88rem;
    line-height: 1.6;
}

.ihelp-body p:last-child[b-nze4j8mhc6] {
    margin-bottom: 0;
}

.ihelp-body a[b-nze4j8mhc6] {
    color: var(--blue);
    font-weight: 700;
    text-decoration: none;
}

.ihelp-body a:hover[b-nze4j8mhc6] {
    text-decoration: underline;
}

.ihelp-glossary[b-nze4j8mhc6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 0;
}

.ihelp-glossary > div[b-nze4j8mhc6] {
    padding: 14px 16px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #fff;
    box-shadow: var(--shadow-sm);
}

.ihelp-glossary dt[b-nze4j8mhc6] {
    margin: 0 0 4px;
    color: var(--navy);
    font-weight: 800;
    font-size: .88rem;
}

.ihelp-glossary dd[b-nze4j8mhc6] {
    margin: 0;
    color: var(--muted);
    font-size: .82rem;
    line-height: 1.5;
}

.ihelp-contact[b-nze4j8mhc6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    padding: 24px 26px;
    border-radius: 18px;
    background: var(--soft);
    border: 1px solid var(--line);
}

.ihelp-contact h2[b-nze4j8mhc6] {
    margin: 2px 0 6px;
    color: var(--navy);
    font-size: 1.15rem;
}

.ihelp-contact p[b-nze4j8mhc6] {
    margin: 0;
    max-width: 46ch;
    color: var(--muted);
    font-size: .85rem;
}

.ihelp-contact-btn[b-nze4j8mhc6] {
    flex: none;
    padding: 12px 20px;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--navy), var(--blue));
    color: #fff;
    font-weight: 800;
    font-size: .88rem;
    text-decoration: none;
    box-shadow: 0 10px 22px -8px rgba(37, 99, 235, .5);
}

@media (max-width: 640px) {
    .ihelp-glossary[b-nze4j8mhc6] {
        grid-template-columns: minmax(0, 1fr);
    }

    .ihelp-hero[b-nze4j8mhc6] {
        flex-direction: column;
    }
}
/* /Components/Pages/IncidentReports.razor.rz.scp.css */
.irs-page[b-ju8yt4y8q3]{--navy:#0b2f52;--teal:#168552;--line:#e2e8f0;--muted:#64748b;color:#0f172a}.irs-head[b-ju8yt4y8q3]{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px}.irs-head span[b-ju8yt4y8q3]{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--teal);font-weight:900}.irs-head h1[b-ju8yt4y8q3]{margin:7px 0 5px;color:var(--navy);font-size:34px}.irs-head p[b-ju8yt4y8q3],.irs-panel-head p[b-ju8yt4y8q3]{margin:0;color:var(--muted)}.irs-actions[b-ju8yt4y8q3]{display:flex;gap:8px}.irs-btn[b-ju8yt4y8q3]{min-height:42px;padding:0 15px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--navy);font-weight:800;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.irs-period[b-ju8yt4y8q3]{display:flex;gap:12px;align-items:end;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:14px}.irs-period label[b-ju8yt4y8q3]{display:grid;gap:4px;font-size:10px;font-weight:800}.irs-period input[b-ju8yt4y8q3]{border:1px solid #cbd5e1;border-radius:8px;padding:8px}.irs-period span[b-ju8yt4y8q3]{color:var(--muted);font-size:11px;margin-bottom:9px}.irs-grid[b-ju8yt4y8q3]{display:grid;grid-template-columns:340px minmax(0,1fr);gap:14px}.irs-panel[b-ju8yt4y8q3]{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:0 6px 18px rgba(15,23,42,.05)}.irs-panel-head[b-ju8yt4y8q3]{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.irs-panel-head h2[b-ju8yt4y8q3]{margin:0;color:var(--navy);font-size:18px}.irs-panel-head span[b-ju8yt4y8q3]{color:var(--muted);font-size:11px}.irs-item[b-ju8yt4y8q3]{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:#fff;padding:13px 16px;cursor:pointer}.irs-item.active[b-ju8yt4y8q3]{background:#eff4fa;border-left:4px solid var(--teal)}.irs-item strong[b-ju8yt4y8q3]{color:var(--navy);font-size:13px}.irs-item p[b-ju8yt4y8q3]{margin:4px 0 0;color:var(--muted);font-size:10px}.irs-export[b-ju8yt4y8q3]{display:flex;gap:6px}.irs-export button[b-ju8yt4y8q3]{border:1px solid var(--line);background:#fff;color:var(--navy);font-weight:800;border-radius:8px;padding:8px 11px;cursor:pointer}.irs-export button:first-child[b-ju8yt4y8q3]{background:var(--navy);color:#fff}.irs-table-wrap[b-ju8yt4y8q3]{overflow:auto;max-height:680px}.irs-table-wrap table[b-ju8yt4y8q3]{width:100%;border-collapse:collapse;font-size:11px}.irs-table-wrap th[b-ju8yt4y8q3]{position:sticky;top:0;background:#eef5fb;color:var(--navy);z-index:1}.irs-table-wrap th[b-ju8yt4y8q3],.irs-table-wrap td[b-ju8yt4y8q3]{padding:9px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.irs-foot[b-ju8yt4y8q3]{padding:11px 16px;color:var(--muted);font-size:10px;border-top:1px solid var(--line)}.irs-empty[b-ju8yt4y8q3]{padding:50px;text-align:center;color:var(--muted)}@media(max-width:900px){.irs-grid[b-ju8yt4y8q3]{grid-template-columns:minmax(0, 1fr)}.irs-list[b-ju8yt4y8q3]{max-height:400px;overflow:auto}}@media(max-width:600px){.irs-head[b-ju8yt4y8q3]{display:block}.irs-actions[b-ju8yt4y8q3]{margin-top:12px}.irs-period[b-ju8yt4y8q3]{flex-wrap:wrap}.irs-panel-head[b-ju8yt4y8q3]{align-items:flex-start;gap:8px}.irs-export[b-ju8yt4y8q3]{flex-wrap:wrap}}
/* /Components/Pages/IncidentReportWizard.razor.rz.scp.css */
.irw-page[b-a7a0isizuw] {
    /* Blazor CSS isolation's ::deep still requires an ancestor scope
       attribute that descendant elements carry, so custom properties are
       defined on the outermost element this component owns and resolved
       by every descendant through normal CSS inheritance (same pattern as
       the other redesigned pages in this module). */
    --navy: #0B2F52;
    --navy-2: #164A78;
    --teal: #159447;
    --teal-soft: #ECFDF3;
    --blue: #2563EB;
    --blue-soft: #EEF5FF;
    --red: #DC2626;
    --red-soft: #FEF2F2;
    --orange: #F97316;
    --orange-soft: #FFF7ED;
    --green: #16A34A;
    --green-soft: #ECFDF3;
    --brown: #7A4A2B;
    --brown-soft: #FBF2EA;
    --ink: #0F172A;
    --muted: #64748B;
    --line: #E2E8F0;
    --soft: #F8FAFC;
    --white: #FFFFFF;
    --shadow: 0 16px 36px rgba(15, 23, 42, .08);
    --shadow-sm: 0 7px 20px rgba(15, 23, 42, .06);

    color: var(--ink);
    width: 100%;
    min-height: calc(100vh - 110px);
    padding: 2px 0 26px;
    background:
        radial-gradient(circle at 0 0, rgba(37, 99, 235, .07), transparent 32rem),
        linear-gradient(180deg, rgba(248, 250, 252, .4), rgba(238, 244, 249, .72));
    font-family: var(--app-font, Inter, ui-sans-serif, system-ui, -apple-system,)
        BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.irw-page button[b-a7a0isizuw],
.irw-page input[b-a7a0isizuw],
.irw-page select[b-a7a0isizuw],
.irw-page textarea[b-a7a0isizuw] {
    font: inherit;
}

.irw-page button[b-a7a0isizuw] {
    cursor: pointer;
}

/* --- Chooser (no draft yet) --- */

.irw-back[b-a7a0isizuw] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--muted);
    font-weight: 800;
    margin-bottom: 16px;
    text-decoration: none;
}

.irw-choice-shell[b-a7a0isizuw] {
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: 26px;
    box-shadow: var(--shadow);
    overflow: hidden;
    width: 100%;
    min-height: calc(100vh - 175px);
    display: grid;
    align-content: center;
    grid-template-columns: minmax(0, 1fr);
}

.irw-choice-header[b-a7a0isizuw] {
    padding: 30px 32px 24px;
    border-bottom: 1px solid var(--line);
    background: linear-gradient(180deg, #FFFFFF 0%, #FBFDFF 100%);
}

.irw-eyebrow[b-a7a0isizuw] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .14em;
    color: var(--teal);
    font-weight: 900;
}

.irw-choice-header h1[b-a7a0isizuw] {
    margin: 8px 0 8px;
    font-size: 38px;
    line-height: 1.05;
    letter-spacing: -.045em;
    color: var(--navy);
}

.irw-choice-header p[b-a7a0isizuw] {
    margin: 0;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.6;
    max-width: 760px;
}

.irw-choice-content[b-a7a0isizuw] {
    padding: 40px clamp(24px, 6vw, 96px) 52px;
}

.irw-prompt[b-a7a0isizuw] {
    margin-bottom: 18px;
    color: var(--navy);
    font-size: 17px;
    font-weight: 850;
}

.irw-choice-grid[b-a7a0isizuw] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(20px, 3vw, 42px);
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
}

.irw-choice-card[b-a7a0isizuw] {
    position: relative;
    min-height: 330px;
    padding: 34px;
    border-radius: 22px;
    border: 1px solid var(--line);
    background: var(--white);
    box-shadow: var(--shadow-sm);
    text-align: left;
    transition: .2s ease;
    overflow: hidden;
}

.irw-choice-card:hover:not(:disabled)[b-a7a0isizuw] {
    transform: translateY(-4px);
    box-shadow: var(--shadow);
}

.irw-choice-card[b-a7a0isizuw]::before {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    right: -70px;
    top: -70px;
    background: rgba(220, 38, 38, .06);
}

.irw-choice-card.near[b-a7a0isizuw]::before {
    background: rgba(249, 115, 22, .07);
}

.irw-choice-card.incident:hover:not(:disabled)[b-a7a0isizuw] {
    border-color: #FCA5A5;
}

.irw-choice-card.near:hover:not(:disabled)[b-a7a0isizuw] {
    border-color: #FDBA74;
}

.irw-choice-icon[b-a7a0isizuw] {
    width: 60px;
    height: 60px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    font-size: 26px;
    font-weight: 900;
    background: var(--red-soft);
    color: var(--red);
}

.irw-choice-card.near .irw-choice-icon[b-a7a0isizuw] {
    background: var(--orange-soft);
    color: var(--orange);
}

.irw-choice-title[b-a7a0isizuw] {
    margin-top: 24px;
    font-size: 24px;
    font-weight: 900;
    color: var(--navy);
}

.irw-choice-desc[b-a7a0isizuw] {
    margin-top: 9px;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.55;
    max-width: 430px;
}

.irw-choice-footer[b-a7a0isizuw] {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.irw-choice-label[b-a7a0isizuw] {
    font-size: 12px;
    font-weight: 850;
}

.irw-choice-card.incident .irw-choice-label[b-a7a0isizuw] {
    color: var(--red);
}

.irw-choice-card.near .irw-choice-label[b-a7a0isizuw] {
    color: var(--orange);
}

.irw-arrow[b-a7a0isizuw] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #fff;
    background: var(--navy);
    font-size: 20px;
    flex: none;
}

.irw-helper[b-a7a0isizuw] {
    margin-top: 20px;
    padding: 15px 16px;
    border-radius: 15px;
    border: 1px solid #BFDBFE;
    background: #F8FBFF;
    color: #245EA8;
    font-size: 12px;
    line-height: 1.5;
}

/* --- Full wizard --- */

.irw-report-actions[b-a7a0isizuw] {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 14px;
}

.irw-dashboard-back[b-a7a0isizuw] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 10px 16px;
    border: 1px solid #AFC3D7;
    border-radius: 12px;
    background: var(--white);
    box-shadow: 0 8px 20px rgba(31, 52, 73, .08);
    color: var(--navy);
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.irw-dashboard-back:hover[b-a7a0isizuw],
.irw-dashboard-back:focus-visible[b-a7a0isizuw] {
    border-color: var(--blue);
    box-shadow: 0 10px 24px rgba(24, 96, 188, .16);
    color: var(--blue);
    transform: translateY(-1px);
}

.irw-wizard[b-a7a0isizuw] {
    --step-accent: var(--blue);
    --step-soft: #EEF5FF;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    align-items: start;
    width: 100%;
    border: 1px solid #B9CADB;
    border-radius: 24px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 18px 46px rgba(31, 52, 73, .11);
    overflow: visible;
}

.irw-wizard.step-2[b-a7a0isizuw] { --step-accent: #0d3d7b; --step-soft: #e9f0f8; }
.irw-wizard.step-3[b-a7a0isizuw] { --step-accent: #A86109; --step-soft: #FFF6E7; }
.irw-wizard.step-4[b-a7a0isizuw] { --step-accent: #B42318; --step-soft: #FFF0EF; }
.irw-wizard.step-5[b-a7a0isizuw] { --step-accent: #b87749; --step-soft: #F4EFFF; }
.irw-wizard.step-6[b-a7a0isizuw] { --step-accent: #0d4895; --step-soft: #eaf2fc; }
.irw-wizard.step-7[b-a7a0isizuw] { --step-accent: #137A4B; --step-soft: #E9F7EF; }

.irw-sidebar[b-a7a0isizuw] {
    position: sticky;
    top: 64px;
    z-index: 20;
    background: rgba(255, 255, 255, .96);
    border: 0;
    border-bottom: 1px solid #C4D4E3;
    border-radius: 0;
    padding: 17px 20px 14px;
    box-shadow: 0 10px 24px rgba(31, 52, 73, .06);
    backdrop-filter: blur(12px);
}

.irw-workflow-meta[b-a7a0isizuw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.irw-report-id[b-a7a0isizuw] {
    font-size: 15px;
    font-weight: 900;
    letter-spacing: .035em;
    color: var(--navy);
}

.irw-case-badges[b-a7a0isizuw] {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
}

.irw-type-badge[b-a7a0isizuw] {
    display: inline-flex;
    margin-top: 10px;
    padding: 6px 9px;
    border-radius: 999px;
    background: var(--red-soft);
    color: var(--red);
    font-size: 11px;
    font-weight: 850;
}

.irw-status-badge[b-a7a0isizuw] {
    display: inline-flex;
    margin-top: 10px;
    padding: 6px 9px;
    border: 1px solid #C9DDFF;
    border-radius: 999px;
    background: var(--blue-soft);
    color: #174F9D;
    font-size: 11px;
    font-weight: 850;
}

.irw-type-badge.near[b-a7a0isizuw] {
    background: var(--orange-soft);
    color: var(--orange);
}

.irw-progress-meta[b-a7a0isizuw] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 0;
    color: var(--muted);
    font-size: 11px;
    font-weight: 750;
    white-space: nowrap;
}

.irw-meta-save[b-a7a0isizuw] {
    color: #0B6A40;
}

.irw-meta-save.dirty[b-a7a0isizuw] {
    color: #A86109;
}

.irw-meta-divider[b-a7a0isizuw] {
    color: #A8B7C5;
}

.irw-progress-bar[b-a7a0isizuw] {
    height: 6px;
    border-radius: 999px;
    background: #DCE8F4;
    margin-top: 8px;
    overflow: hidden;
}

.irw-progress-fill[b-a7a0isizuw] {
    height: 100%;
    background: linear-gradient(90deg, var(--teal), var(--blue));
    transition: .25s ease;
}

.irw-steps[b-a7a0isizuw] {
    display: grid;
    grid-template-columns: repeat(7, minmax(148px, 1fr));
    gap: 9px;
    margin-top: 14px;
    overflow-x: auto;
    padding: 1px 1px 7px;
    scrollbar-width: thin;
}

.irw-step-btn[b-a7a0isizuw] {
    --button-accent: var(--blue);
    width: 100%;
    min-height: 64px;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    border: 1px solid #D7E3EE;
    background: #F8FAFC;
    border-radius: 13px;
    padding: 10px;
    text-align: left;
    color: var(--navy);
    transition: .18s ease;
}

.irw-step-btn:hover[b-a7a0isizuw] {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(15, 47, 82, .09);
}

.irw-step-btn.active[b-a7a0isizuw] {
    background: color-mix(in srgb, var(--button-accent) 9%, white);
    border-color: color-mix(in srgb, var(--button-accent) 58%, white);
    color: var(--button-accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--button-accent) 9%, transparent),
        inset 0 -3px 0 var(--button-accent);
}

.irw-step-btn:nth-child(2)[b-a7a0isizuw] { --button-accent:#0d3d7b; background: #F2FBF8; border-color: #C5EBDD; }
.irw-step-btn:nth-child(3)[b-a7a0isizuw] { --button-accent:#A86109; background: #FFF8EC; border-color: #F6DCAD; }
.irw-step-btn:nth-child(4)[b-a7a0isizuw] { --button-accent:#B42318; background: #FFF3F1; border-color: #F5CAC4; }
.irw-step-btn:nth-child(5)[b-a7a0isizuw] { --button-accent:#b87749; background: #F5F1FF; border-color: #f2e0d3; }
.irw-step-btn:nth-child(6)[b-a7a0isizuw] { --button-accent:#0d4895; background: #EEF9FF; border-color: #c4d9f5; }
.irw-step-btn:nth-child(7)[b-a7a0isizuw] { --button-accent:#137A4B; background: #F1F8F2; border-color: #CCE5CF; }

.irw-step-num[b-a7a0isizuw] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #EDF2F7;
    color: var(--muted);
    font-size: 11px;
    font-weight: 900;
}

.irw-step-btn.active .irw-step-num[b-a7a0isizuw] {
    background: var(--button-accent);
    color: #fff;
}

.irw-step-btn.done .irw-step-num[b-a7a0isizuw] {
    background: var(--green);
    color: #fff;
}

.irw-step-name[b-a7a0isizuw] {
    display: block;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
}

.irw-step-state[b-a7a0isizuw] {
    display: block;
    margin-top: 4px;
    font-size: 10px;
    color: var(--muted);
    font-weight: 700;
}

.irw-content-card[b-a7a0isizuw] {
    background: var(--white);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
    min-height: 620px;
}

.irw-content-card[b-a7a0isizuw]::before {
    content:"";
    display:block;
    height:5px;
    background:linear-gradient(90deg, var(--step-accent), color-mix(in srgb, var(--step-accent) 55%, var(--teal)));
}

.irw-content-head[b-a7a0isizuw] {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
    padding: 22px 24px;
    border-bottom: 1px solid var(--line);
    background: linear-gradient(112deg, #FFFFFF 0%, color-mix(in srgb, var(--step-soft) 72%, white) 100%);
}

.irw-section-title-wrap[b-a7a0isizuw] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-width: 0;
}

.irw-section-icon[b-a7a0isizuw] {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: grid;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--step-accent) 26%, white);
    border-radius: 13px;
    background: var(--step-soft);
    color: var(--step-accent);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .04em;
}

.irw-section-copy[b-a7a0isizuw] {
    min-width: 0;
}

.irw-content-head h1[b-a7a0isizuw] {
    margin: 0;
    color: var(--navy);
    font-size: 28px;
    letter-spacing: -.03em;
}

.irw-content-head p[b-a7a0isizuw] {
    margin: 6px 0 0;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.5;
}

.irw-save-state[b-a7a0isizuw] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 10px;
    border-radius: 999px;
    background: var(--green-soft);
    color: #166534;
    font-size: 11px;
    font-weight: 850;
    white-space: nowrap;
}

.irw-save-state.dirty[b-a7a0isizuw] {
    background: var(--orange-soft);
    color: #C2410C;
}

.irw-save-state.saving[b-a7a0isizuw] {
    background: var(--blue-soft);
    color: var(--blue);
}

.irw-panel[b-a7a0isizuw] {
    padding: 24px;
    background:
        linear-gradient(180deg, rgba(251, 253, 255, .98), rgba(247, 250, 253, .96));
}

.irw-near-miss-tag[b-a7a0isizuw] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 20px;
    border-radius: 16px;
    background: var(--orange-soft);
    border: 2px solid var(--orange);
    color: #9A3412;
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 18px;
}

.irw-near-miss-tag .irw-near-miss-icon[b-a7a0isizuw] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--orange);
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 18px;
    flex: none;
}

.irw-notice[b-a7a0isizuw] {
    display: flex;
    gap: 10px;
    padding: 13px 14px;
    border: 1px solid #BFDBFE;
    background: #F8FBFF;
    border-radius: 13px;
    color: #245EA8;
    font-size: 12px;
    line-height: 1.45;
    margin-bottom: 16px;
}

.irw-notice.error[b-a7a0isizuw] {
    border-color: #FECACA;
    background: var(--red-soft);
    color: #991B1B;
}

.irw-notice.success[b-a7a0isizuw] {
    border-color: #BBF7D0;
    background: var(--green-soft);
    color: #166534;
}

.irw-notice ul[b-a7a0isizuw] {
    margin: 6px 0 0;
    padding-left: 18px;
}

.irw-form-grid[b-a7a0isizuw] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.irw-field[b-a7a0isizuw] {
    display: grid;
    gap: 7px;
}

.irw-field.full[b-a7a0isizuw] {
    grid-column: 1 / -1;
}

.irw-page label[b-a7a0isizuw] {
    font-size: 12px;
    font-weight: 800;
    color: var(--ink);
}

.irw-field > label[b-a7a0isizuw] {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .01em;
    color: var(--navy-2);
}

.irw-input[b-a7a0isizuw],
.irw-select[b-a7a0isizuw],
.irw-textarea[b-a7a0isizuw] {
    width: 100%;
    border: 1.5px solid #B9C9DA;
    border-radius: 11px;
    background: #FFFFFF;
    color: var(--ink);
    outline: none;
}

.irw-input[b-a7a0isizuw],
.irw-select[b-a7a0isizuw] {
    height: 44px;
    padding: 0 12px;
}

.irw-textarea[b-a7a0isizuw] {
    min-height: 110px;
    padding: 12px;
    resize: vertical;
}

.irw-input:focus[b-a7a0isizuw],
.irw-select:focus[b-a7a0isizuw],
.irw-textarea:focus[b-a7a0isizuw] {
    border-color: var(--blue);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .10);
}

.irw-check-grid[b-a7a0isizuw] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.irw-check-row[b-a7a0isizuw] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #F6FAFE;
    font-size: 12px;
    font-weight: normal;
}

.irw-factor-groups[b-a7a0isizuw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.irw-factor-group[b-a7a0isizuw] {
    border: 1px solid #CFE1D5;
    border-radius: 16px;
    padding: 14px;
    background: #F8FCF9;
}

.irw-factor-group:nth-child(even)[b-a7a0isizuw] {
    border-color: #C9DCF2;
    background: #F7FAFF;
}

.irw-factor-group h3[b-a7a0isizuw] {
    margin: 0 0 12px;
    color: #159447;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.irw-factor-group .irw-check-grid[b-a7a0isizuw] {
    grid-template-columns: 1fr;
}

.irw-section-head[b-a7a0isizuw] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 18px;
}

.irw-section-icon[b-a7a0isizuw] {
    display: grid;
    place-items: center;
    flex: none;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--navy), var(--navy-2));
    color: #fff;
    font-weight: 900;
    font-size: 13px;
    box-shadow: 0 8px 18px -8px rgba(11, 47, 82, .55);
}

.irw-section-head h2[b-a7a0isizuw] {
    margin: 2px 0 2px;
    font-size: 16px;
    color: var(--navy);
}

.irw-section-head p[b-a7a0isizuw] {
    margin: 0;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.5;
}

.irw-med-empty[b-a7a0isizuw] {
    display: grid;
    justify-items: center;
    text-align: center;
    gap: 4px;
    padding: 34px 20px;
    border: 1.5px dashed #C9DCF2;
    border-radius: 18px;
    background: #F8FBFF;
    color: var(--muted);
    margin-bottom: 16px;
}

.irw-med-empty-icon[b-a7a0isizuw] {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--blue-soft);
    color: var(--blue);
    font-weight: 900;
    font-size: 13px;
    margin-bottom: 6px;
}

.irw-med-empty strong[b-a7a0isizuw] {
    color: var(--navy);
    font-size: 14px;
}

.irw-med-empty p[b-a7a0isizuw] {
    margin: 0;
    max-width: 40ch;
    font-size: 12.5px;
}

.irw-med-card[b-a7a0isizuw] {
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 16px;
    background: var(--white);
    box-shadow: var(--shadow-sm);
    margin-bottom: 14px;
}

.irw-med-head[b-a7a0isizuw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

.irw-med-title[b-a7a0isizuw] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.irw-med-badge[b-a7a0isizuw] {
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--blue-soft);
    color: var(--blue);
    font-weight: 900;
    font-size: 12px;
    flex: none;
}

.irw-med-head strong[b-a7a0isizuw] {
    color: var(--navy);
}

.irw-add-med[b-a7a0isizuw] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 52px;
    border: 1.5px dashed #93C5FD;
    background: #F8FBFF;
    color: var(--blue);
    border-radius: 14px;
    font-weight: 850;
    font-size: 13.5px;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}

.irw-add-med:hover[b-a7a0isizuw] {
    transform: translateY(-1px);
    border-color: var(--blue);
    background: var(--blue-soft);
    box-shadow: 0 9px 20px rgba(37,99,235,.12);
}

.irw-add-med-icon[b-a7a0isizuw] {
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--blue);
    color: #fff;
    font-size: 13px;
    font-weight: 900;
}

.irw-autocomplete-wrap[b-a7a0isizuw] {
    position: relative;
}

.irw-autocomplete-list[b-a7a0isizuw] {
    position: absolute;
    z-index: 30;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    max-height: 220px;
    overflow-y: auto;
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: var(--shadow);
    padding: 6px;
    display: grid;
    gap: 2px;
}

.irw-autocomplete-item[b-a7a0isizuw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    justify-items: start;
    justify-content: stretch;
    align-items: start;
    gap: 3px;
    width: 100%;
    text-align: left;
    padding: 9px 10px;
    border-radius: 9px;
    border: none;
    background: transparent;
    color: var(--ink);
    font-size: 13px;
}

.irw-autocomplete-item strong[b-a7a0isizuw],
.irw-autocomplete-item span[b-a7a0isizuw] {
    width: 100%;
    text-align: left;
}

.irw-autocomplete-item:hover[b-a7a0isizuw] {
    background: var(--soft);
}

.irw-summary-card[b-a7a0isizuw] {
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 18px;
    background: var(--soft);
}

.irw-summary-list[b-a7a0isizuw] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.irw-summary-item[b-a7a0isizuw] {
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--white);
}

.irw-summary-item strong[b-a7a0isizuw] {
    display: block;
    color: var(--navy);
    font-size: 11px;
}

.irw-summary-item span[b-a7a0isizuw] {
    display: block;
    margin-top: 5px;
    color: var(--muted);
    font-size: 12px;
}

.irw-footer[b-a7a0isizuw] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    padding: 16px 24px;
    border-top: 1px solid var(--line);
    background: rgba(244, 247, 250, .96);
    position: sticky;
    bottom: 0;
    z-index: 12;
    box-shadow: 0 -7px 18px rgba(31, 52, 73, .05);
}

.irw-footer-right[b-a7a0isizuw] {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
}

.irw-btn[b-a7a0isizuw] {
    min-height: 42px;
    padding: 0 15px;
    border-radius: 12px;
    border: 1px solid var(--line);
    background: var(--white);
    color: var(--navy);
    font-weight: 850;
}

.irw-btn:disabled[b-a7a0isizuw] {
    opacity: .55;
    cursor: default;
}

.irw-btn.primary[b-a7a0isizuw] {
    background: var(--navy);
    border-color: var(--navy);
    color: #fff;
}

.irw-btn.primary:hover:not(:disabled)[b-a7a0isizuw] {
    background: var(--navy-2);
}

.irw-btn.danger[b-a7a0isizuw] {
    background: var(--red);
    border-color: var(--red);
    color: #fff;
}

.irw-btn.soft[b-a7a0isizuw] {
    background: var(--blue-soft);
    border-color: #BFDBFE;
    color: var(--blue);
}

.irw-mobile-steps[b-a7a0isizuw] {
    display: none;
}

.irw-choice-pills[b-a7a0isizuw], .irw-option-card-grid[b-a7a0isizuw], .irw-chip-grid[b-a7a0isizuw], .irw-harm-grid[b-a7a0isizuw] { display:grid; gap:10px; }
.irw-choice-pills.two[b-a7a0isizuw] { grid-template-columns:repeat(2,minmax(0,1fr)); }
.irw-choice-pills button[b-a7a0isizuw] { min-height:58px; border:1px solid var(--line); border-radius:14px; background:#fff; color:var(--navy); font-weight:850; box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 18px -14px rgba(15,23,42,.35); transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.irw-choice-pills button:hover[b-a7a0isizuw] { transform:translateY(-2px); border-color:#93C5FD; box-shadow:0 9px 20px rgba(15,47,82,.1); }
.irw-choice-pills button.selected[b-a7a0isizuw] { border-color:var(--blue); background:var(--blue-soft); color:var(--blue); box-shadow:0 0 0 2px rgba(37,99,235,.08); }
.irw-choice-pills button.selected.yes[b-a7a0isizuw] { border-color:#34d399; background:#ecfdf5; color:#047857; }
.irw-choice-pills button.selected.no[b-a7a0isizuw] { border-color:#fca5a5; background:#fef2f2; color:#b91c1c; }
.irw-choice-pills.compact button[b-a7a0isizuw] { min-height:44px; }
.irw-option-card-grid[b-a7a0isizuw] { grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); }
.irw-option-card[b-a7a0isizuw] { min-height:74px; display:flex; align-items:center; justify-content:flex-start; gap:12px; padding:14px; border:1px solid var(--line); border-radius:15px; background:#fff; color:var(--navy); font-weight:850; text-align:left; box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 18px -14px rgba(15,23,42,.35); transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.irw-option-card:hover[b-a7a0isizuw] { transform:translateY(-2px); border-color:#93C5FD; box-shadow:0 9px 22px rgba(15,47,82,.1); }
.irw-option-card:nth-child(4n+1) .irw-option-icon[b-a7a0isizuw] { background:#eff6ff; color:#2563eb; }
.irw-option-card:nth-child(4n+2) .irw-option-icon[b-a7a0isizuw] { background:#ecfdf5; color:#059669; }
.irw-option-card:nth-child(4n+3) .irw-option-icon[b-a7a0isizuw] { background:#fff7ed; color:#ea580c; }
.irw-option-card:nth-child(4n+4) .irw-option-icon[b-a7a0isizuw] { background:var(--brown-soft); color:var(--brown); }
.irw-option-card.selected[b-a7a0isizuw] { border-color:var(--blue); background:var(--blue-soft); box-shadow:0 0 0 2px rgba(37,99,235,.08); }
.irw-option-icon[b-a7a0isizuw],.irw-card-check[b-a7a0isizuw] { width:34px; height:34px; flex:none; display:grid; place-items:center; border-radius:10px; background:#eef2f7; color:#64748b; font-size:11px; font-weight:900; }
.irw-option-card.selected .irw-card-check[b-a7a0isizuw] { background:var(--blue); color:#fff; }
.irw-chip-grid[b-a7a0isizuw] { grid-template-columns:repeat(auto-fit,minmax(175px,1fr)); }
.irw-other-input[b-a7a0isizuw] { margin-top:10px; }
.irw-select-chip[b-a7a0isizuw] { position:relative; }
.irw-select-chip input[b-a7a0isizuw] { position:absolute; opacity:0; }
.irw-select-chip span[b-a7a0isizuw] { display:block; min-height:46px; padding:13px 14px; border:1px solid var(--line); border-radius:999px; background:#fff; text-align:center; color:#334155; font-weight:750; box-shadow:0 1px 2px rgba(15,23,42,.04),0 6px 14px -12px rgba(15,23,42,.4); transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease; }
.irw-select-chip:hover span[b-a7a0isizuw] { transform:translateY(-1px); border-color:#93C5FD; box-shadow:0 6px 14px rgba(15,47,82,.08); }
.irw-select-chip input:checked + span[b-a7a0isizuw] { border-color:#22c55e; background:#effdf5; color:#15803d; box-shadow:0 0 0 2px rgba(34,197,94,.1); }
.irw-harm-grid[b-a7a0isizuw] { grid-template-columns:1fr; }
.irw-harm-card[b-a7a0isizuw] { min-height:78px; padding:14px 18px; display:flex; align-items:center; gap:14px; border:1px solid var(--line); border-radius:16px; background:#fff; color:#334155; font-weight:850; text-align:left; box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 18px -14px rgba(15,23,42,.35); transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease; }
.irw-harm-card:hover[b-a7a0isizuw] { transform:translateX(4px); border-color:var(--harm-text); box-shadow:0 9px 22px rgba(15,47,82,.09); }
.irw-harm-card .irw-card-check[b-a7a0isizuw] { background:var(--harm-bg); color:var(--harm-text); }
.irw-harm-copy[b-a7a0isizuw] { display:grid; grid-template-columns:minmax(115px,auto) minmax(0,1fr); gap:18px; align-items:center; width:100%; }
.irw-harm-copy strong[b-a7a0isizuw] { display:inline-flex; width:max-content; padding:7px 11px; border-radius:999px; background:var(--harm-bg); color:var(--harm-text); font-size:12px; text-transform:uppercase; letter-spacing:.03em; }
.irw-harm-copy small[b-a7a0isizuw] { color:#334155; font-size:13px; font-weight:750; line-height:1.45; }
.irw-harm-card.selected[b-a7a0isizuw] { background:color-mix(in srgb,var(--harm-bg) 32%,white); border:2px solid var(--harm-text); box-shadow:0 0 0 3px color-mix(in srgb,var(--harm-bg) 70%,transparent); }

.irw-field-hint[b-a7a0isizuw] { margin: 2px 0 12px; color: var(--muted); font-size: 12.5px; font-weight: 600; line-height: 1.5; }

.irw-risk-grid[b-a7a0isizuw] { display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: auto; gap: 10px 20px; align-items: stretch; }

.irw-risk-col-label[b-a7a0isizuw] { font-size: 11px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; color: var(--muted); margin-bottom: 2px; }

.irw-risk-btn[b-a7a0isizuw] { display: flex; align-items: center; justify-content: flex-start; gap: 12px; height: 100%; padding: 10px 14px; border: 1.5px solid var(--line); border-radius: 12px; background: var(--white); text-align: left; cursor: pointer; box-shadow: 0 1px 2px rgba(15,23,42,.04),0 8px 18px -14px rgba(15,23,42,.35); transition: border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease; }

.irw-risk-btn:hover[b-a7a0isizuw] { border-color: var(--blue); transform: translateX(3px); box-shadow: 0 9px 20px rgba(15,47,82,.1); }

.irw-risk-btn.selected[b-a7a0isizuw] { border-color: var(--blue); background: var(--blue-soft); }

.irw-risk-num[b-a7a0isizuw] { display: grid; place-items: center; width: 28px; height: 28px; flex: none; border-radius: 50%; background: var(--soft); color: var(--muted); font-weight: 900; font-size: 13px; }

.irw-risk-btn.selected .irw-risk-num[b-a7a0isizuw] { background: var(--blue); color: var(--white); }

.irw-risk-btn strong[b-a7a0isizuw] { display: block; font-size: 13px; color: #1E293B; }

.irw-risk-btn small[b-a7a0isizuw] { display: block; font-size: 11.5px; color: var(--muted); font-weight: 600; line-height: 1.35; }

.irw-risk-result[b-a7a0isizuw] { display: flex; align-items: center; gap: 12px; margin-top: 16px; padding: 14px 18px; border-radius: 14px; background: var(--soft); border: 1px solid var(--line); }

.irw-risk-result strong[b-a7a0isizuw] { font-size: 22px; font-weight: 900; color: var(--ink); }

.irw-risk-result span[b-a7a0isizuw] { font-size: 12.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); }

.irw-risk-result.low[b-a7a0isizuw] { background: var(--green-soft); border-color: #BBF7D0; }
.irw-risk-result.low strong[b-a7a0isizuw] { color: #166534; }

.irw-risk-result.moderate[b-a7a0isizuw] { background: var(--orange-soft); border-color: #FED7AA; }
.irw-risk-result.moderate strong[b-a7a0isizuw] { color: #9A3412; }

.irw-risk-result.high[b-a7a0isizuw],
.irw-risk-result.extreme[b-a7a0isizuw] { background: var(--red-soft); border-color: #FECACA; }
.irw-risk-result.high strong[b-a7a0isizuw],
.irw-risk-result.extreme strong[b-a7a0isizuw] { color: #991B1B; }

@media (max-width: 720px) {
    .irw-risk-grid[b-a7a0isizuw] { grid-template-columns: minmax(0, 1fr); }
}
.irw-searching[b-a7a0isizuw] { color:var(--teal); font-size:12px; font-weight:800; }
.irw-autocomplete-item span[b-a7a0isizuw] { color:var(--muted); font-size:11px; }
.irw-rca-intro[b-a7a0isizuw] { margin-bottom:22px; padding:16px 18px; border-left:4px solid #22c55e; background:#f0fdf4; color:#35644a; }
.irw-rca-grid[b-a7a0isizuw] { gap:28px; }

.irw-response-grid[b-a7a0isizuw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.irw-response-grid > *[b-a7a0isizuw] {
    border: 1px solid #C9DBED;
    border-radius: 16px;
    padding: 16px;
    background: #F8FBFF;
}

.irw-response-grid > *:nth-child(2)[b-a7a0isizuw] {
    border-color: #e9d9ce;
    background: #FBF9FF;
}

.irw-response-controls[b-a7a0isizuw] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    border-color: #CDE5D6 !important;
    background: #F5FBF7 !important;
}

.irw-review-page[b-a7a0isizuw] {
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1fr);
}

.irw-review-layout[b-a7a0isizuw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 20px;
    align-items: start;
}

.irw-review-main[b-a7a0isizuw] {
    min-width: 0;
}

.irw-privacy-banner[b-a7a0isizuw] {
    align-items: flex-start;
    border-left: 4px solid var(--blue);
    background: #F5F9FF;
}

.irw-notice-icon[b-a7a0isizuw] {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: #E4EFFF;
    color: #1D5EB7;
    font-size: 15px;
    font-weight: 900;
}

.irw-submit-card[b-a7a0isizuw] {
    position: sticky;
    top: 254px;
    padding: 22px;
    border: 1px solid #B9D6C6;
    border-radius: 18px;
    background:
        radial-gradient(circle at 100% 0, rgba(19, 122, 75, .11), transparent 11rem),
        linear-gradient(155deg, #F8FDF9, #EFF9F3);
    box-shadow: 0 12px 28px rgba(19, 83, 55, .09);
}

.irw-submit-icon[b-a7a0isizuw] {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: #DDF4E6;
    color: #137A4B;
    font-size: 23px;
    font-weight: 900;
    box-shadow: inset 0 0 0 1px #B9DFC8;
}

.irw-submit-eyebrow[b-a7a0isizuw] {
    margin-top: 18px;
    color: #137A4B;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.irw-submit-card h2[b-a7a0isizuw] {
    margin: 6px 0 8px;
    color: var(--navy);
    font-size: 21px;
    letter-spacing: -.025em;
}

.irw-submit-card p[b-a7a0isizuw] {
    margin: 0;
    color: #526C5E;
    font-size: 12px;
    line-height: 1.55;
}

.irw-submit-checks[b-a7a0isizuw] {
    display: grid;
    gap: 9px;
    margin: 18px 0;
    padding: 14px 0;
    border-top: 1px solid #D1E6D9;
    border-bottom: 1px solid #D1E6D9;
}

.irw-submit-checks span[b-a7a0isizuw] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    color: #3D5F4D;
    font-size: 11px;
    font-weight: 750;
}

.irw-submit-checks b[b-a7a0isizuw] {
    color: #137A4B;
}

.irw-submit-btn[b-a7a0isizuw] {
    width: 100%;
    min-height: 48px;
    border-radius: 12px;
    background: #137A4B !important;
    border-color: #137A4B !important;
    box-shadow: 0 8px 18px rgba(19, 122, 75, .18);
}

.irw-submit-btn:hover:not(:disabled)[b-a7a0isizuw] {
    background: #0E653D !important;
    transform: translateY(-1px);
}

.irw-submitted-notice[b-a7a0isizuw] {
    margin: 0;
}

.irw-review-page > section[b-a7a0isizuw] {
    padding: 20px;
    border: 1px solid #D5E1EC;
    border-left: 6px solid var(--blue);
    border-radius: 16px;
    background: #FFFFFF;
    box-shadow: 0 5px 16px rgba(15, 47, 82, .04);
}

.irw-review-page > section:nth-child(2)[b-a7a0isizuw] { border-left-color: var(--teal); background: #FAFFFE; }
.irw-review-page > section:nth-child(3)[b-a7a0isizuw] { border-left-color: #D97706; background: #FFFCF7; }
.irw-review-page > section:nth-child(4)[b-a7a0isizuw] { border-left-color: #DC2626; background: #FFF9F8; }
.irw-review-page > section:nth-child(5)[b-a7a0isizuw] { border-left-color: #cf8a58; background: #FCFAFF; }
.irw-review-page > section:nth-child(6)[b-a7a0isizuw] { border-left-color: #0852b2; background: #F8FDFF; }

.irw-review-page h2[b-a7a0isizuw] {
    margin: 0 0 14px;
    color: var(--navy);
    font-size: 19px;
}

.irw-review-page h3[b-a7a0isizuw] {
    margin: 16px 0 7px;
    color: var(--navy-2);
    font-size: 13px;
}

.irw-review-grid[b-a7a0isizuw] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.irw-review-grid[b-a7a0isizuw]  .irw-review-item,
.irw-review-page[b-a7a0isizuw]  .irw-review-rich,
.irw-review-page[b-a7a0isizuw]  .irw-review-rich-field,
.irw-review-medications article[b-a7a0isizuw] {
    border: 1px solid #DCE6EF;
    border-radius: 12px;
    background: rgba(255, 255, 255, .88);
    padding: 12px;
}

.irw-review-grid[b-a7a0isizuw]  .irw-review-item strong,
.irw-review-page[b-a7a0isizuw]  .irw-review-rich-field strong {
    display: block;
    margin-bottom: 5px;
    color: var(--navy);
    font-size: 11px;
}

.irw-review-grid[b-a7a0isizuw]  .irw-review-item span,
.irw-review-empty[b-a7a0isizuw],
.irw-review-medications span[b-a7a0isizuw] {
    color: var(--muted);
    font-size: 12px;
    line-height: 1.5;
}

.irw-review-page[b-a7a0isizuw]  .irw-review-rich,
.irw-review-page[b-a7a0isizuw]  .irw-review-rich-field {
    margin-top: 10px;
    line-height: 1.55;
}

.irw-review-medications[b-a7a0isizuw] {
    display: grid;
    gap: 9px;
}

.irw-review-medications article[b-a7a0isizuw] {
    display: grid;
    gap: 4px;
}

@media (max-width: 980px) {
    .irw-sidebar[b-a7a0isizuw] {
        position: static;
    }

    .irw-steps[b-a7a0isizuw] { grid-template-columns: repeat(7, 154px); }
    .irw-review-grid[b-a7a0isizuw] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .irw-review-layout[b-a7a0isizuw] { grid-template-columns: minmax(0, 1fr); }
    .irw-submit-card[b-a7a0isizuw] { position: static; }
}

@media (max-width: 760px) {
    .irw-choice-header[b-a7a0isizuw],
    .irw-choice-content[b-a7a0isizuw] {
        padding-left: 20px;
        padding-right: 20px;
    }

    .irw-choice-header h1[b-a7a0isizuw] {
        font-size: 31px;
    }

    .irw-choice-grid[b-a7a0isizuw] {
        grid-template-columns: minmax(0, 1fr);
    }

    .irw-choice-card[b-a7a0isizuw] {
        min-height: 230px;
    }

    .irw-content-head[b-a7a0isizuw] {
        align-items: flex-start;
        padding: 18px;
    }

    .irw-panel[b-a7a0isizuw] {
        padding: 18px;
    }

    .irw-form-grid[b-a7a0isizuw],
    .irw-check-grid[b-a7a0isizuw],
    .irw-factor-groups[b-a7a0isizuw],
    .irw-summary-list[b-a7a0isizuw],
    .irw-choice-pills.two[b-a7a0isizuw],
    .irw-option-card-grid[b-a7a0isizuw],
    .irw-chip-grid[b-a7a0isizuw],
    .irw-harm-grid[b-a7a0isizuw],
    .irw-response-grid[b-a7a0isizuw],
    .irw-response-controls[b-a7a0isizuw],
    .irw-review-grid[b-a7a0isizuw] {
        grid-template-columns: minmax(0, 1fr);
    }

    .irw-workflow-meta[b-a7a0isizuw] { align-items: flex-start; }
    .irw-progress-meta[b-a7a0isizuw] { align-items: flex-end; }
    .irw-meta-divider[b-a7a0isizuw] { display: none; }
    .irw-sidebar[b-a7a0isizuw] { top: 56px; padding: 14px; }
    .irw-steps[b-a7a0isizuw] { margin-top: 12px; }
    .irw-step-btn[b-a7a0isizuw] { min-height: 58px; }
    .irw-content-card[b-a7a0isizuw] { min-height: 0; }
    .irw-review-page > section[b-a7a0isizuw] { padding: 16px; }
    .irw-review-layout[b-a7a0isizuw] { gap: 14px; }
    .irw-submit-card[b-a7a0isizuw] { padding: 18px; }

    .irw-harm-copy[b-a7a0isizuw] { grid-template-columns:minmax(0, 1fr); gap:9px; }

    .irw-field.full[b-a7a0isizuw] {
        grid-column: auto;
    }

    .irw-footer[b-a7a0isizuw] {
        flex-direction: column;
        align-items: stretch;
    }

    .irw-footer-right[b-a7a0isizuw] {
        display: grid;
    }

    .irw-footer .irw-btn[b-a7a0isizuw] {
        width: 100%;
    }
}

@media (max-width: 520px) {
    .irw-wizard[b-a7a0isizuw] {
        border-radius: 17px;
    }

    .irw-workflow-meta[b-a7a0isizuw] {
        gap: 10px;
    }

    .irw-report-id[b-a7a0isizuw] {
        font-size: 12px;
    }

    .irw-type-badge[b-a7a0isizuw],
    .irw-status-badge[b-a7a0isizuw] {
        margin-top: 7px;
        padding: 5px 8px;
        font-size: 9px;
    }

    .irw-progress-meta[b-a7a0isizuw] {
        display: grid;
        gap: 3px;
        text-align: right;
        font-size: 10px;
    }

    .irw-section-icon[b-a7a0isizuw] {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
        border-radius: 11px;
        font-size: 11px;
    }

    .irw-content-head h1[b-a7a0isizuw] {
        font-size: 23px;
    }

    .irw-save-state[b-a7a0isizuw] {
        margin-left: 52px;
    }
}
/* /Components/Pages/IndividualWorkspaceDashboard.razor.rz.scp.css */
.ind-dashboard[b-yhglo4tc9y] {
    display: grid;
    gap: 22px;
}

.ind-hero[b-yhglo4tc9y] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    overflow: hidden;
    padding: 42px 48px;
    border-radius: 26px;
    color: #fff;
    background:
        radial-gradient(circle at 80% 20%, rgba(50, 122, 215, .24), transparent 30%),
        linear-gradient(125deg, #071d37 0%, #0b315b 58%, #168552 130%);
    box-shadow: 0 24px 55px rgba(7, 29, 55, .18);
}

.ind-hero > *[b-yhglo4tc9y] {
    position: relative;
    z-index: 1;
}

.ind-kicker[b-yhglo4tc9y] {
    color: #6fe0a6;
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.ind-hero h1[b-yhglo4tc9y] {
    max-width: 620px;
    margin: 14px 0 8px;
    color: #fff;
    font-size: clamp(1.9rem, 3.2vw, 2.7rem);
    font-weight: 720;
    letter-spacing: -.04em;
    line-height: 1.06;
}

.ind-hero p[b-yhglo4tc9y] {
    max-width: 520px;
    margin: 0;
    color: rgba(255, 255, 255, .78);
    font-size: 1rem;
    line-height: 1.6;
}

.ind-hero[b-yhglo4tc9y]  .mud-button-root {
    min-height: 46px;
    border-radius: 12px;
    padding-inline: 20px;
}

.ind-panel[b-yhglo4tc9y] {
    padding: 26px 30px;
    border: 1px solid #dfe5ec;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 10px 26px rgba(15, 39, 66, .05);
}

.ind-panel header h2[b-yhglo4tc9y] {
    margin: 0 0 4px;
    font-size: 1.15rem;
    letter-spacing: -.02em;
}

.ind-panel header p[b-yhglo4tc9y] {
    margin: 0 0 16px;
    color: #667085;
    font-size: .85rem;
}

.ind-empty[b-yhglo4tc9y] {
    margin: 0;
    padding: 18px;
    border: 1px dashed #cdd6e1;
    border-radius: 14px;
    color: #667085;
    font-size: .85rem;
    text-align: center;
}

.ind-module-grid[b-yhglo4tc9y] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 12px;
}

.ind-module-card[b-yhglo4tc9y] {
    padding: 14px 16px;
    border: 1px solid #dfe5ec;
    border-radius: 12px;
    background: #f7fbfb;
    color: #172033;
    font-weight: 700;
    font-size: .85rem;
    text-decoration: none;
    display: grid;
    gap: 6px;
}

.ind-module-card span[b-yhglo4tc9y] {
    color: #667085;
    font-size: .76rem;
    font-weight: 500;
    line-height: 1.45;
}

@media (max-width: 720px) {
    .ind-hero[b-yhglo4tc9y] {
        padding: 30px 24px;
    }
}
/* /Components/Pages/InspectionReadiness.razor.rz.scp.css */
.ir-page[b-xgiethsxiw]{--navy:#0b2f52;--teal:#168552;--line:#e2e8f0;--muted:#64748b;color:#0f172a}.ir-head[b-xgiethsxiw]{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.ir-head span[b-xgiethsxiw]{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--teal);font-weight:900}.ir-head h1[b-xgiethsxiw]{margin:7px 0 5px;color:var(--navy);font-size:34px}.ir-head p[b-xgiethsxiw]{margin:0;color:var(--muted)}.ir-head-actions[b-xgiethsxiw]{display:flex;gap:8px}.ir-btn[b-xgiethsxiw]{min-height:42px;padding:0 15px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--navy);font-weight:800;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.ir-btn.primary[b-xgiethsxiw]{background:var(--navy);border-color:var(--navy);color:#fff}.ir-hero[b-xgiethsxiw]{border-radius:20px;padding:26px;display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:15px;background:linear-gradient(135deg,#0b2f52,#153f75)}.ir-hero.ready[b-xgiethsxiw]{background:linear-gradient(135deg,#065f46,#168552)}.ir-hero.not-ready[b-xgiethsxiw]{background:linear-gradient(135deg,#7f1d1d,#c2410c)}.ir-score[b-xgiethsxiw]{font-size:46px;font-weight:900}.ir-hero strong[b-xgiethsxiw]{font-size:20px}.ir-hero p[b-xgiethsxiw]{margin:7px 0 0;opacity:.8}.ir-ring[b-xgiethsxiw]{width:92px;height:92px;border-radius:50%;background:conic-gradient(#fff calc(var(--score)*1%),rgba(255,255,255,.2) 0);display:grid;place-items:center}.ir-ring[b-xgiethsxiw]:before{content:"";width:70px;height:70px;border-radius:50%;background:#0b2f52;position:absolute}.ir-ring span[b-xgiethsxiw]{z-index:1;font-weight:900;font-size:20px;color:#fff}.ir-metrics[b-xgiethsxiw]{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;margin-bottom:15px}.ir-metrics article[b-xgiethsxiw],.ir-panel[b-xgiethsxiw]{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 6px 18px rgba(15,23,42,.05)}.ir-metrics article[b-xgiethsxiw]{padding:16px}.ir-metrics article.alert[b-xgiethsxiw]{border-color:#fed7aa;background:#fff7ed}.ir-metrics strong[b-xgiethsxiw]{display:block;font-size:27px;color:var(--navy)}.ir-metrics span[b-xgiethsxiw]{font-size:11px;color:var(--muted)}.ir-grid[b-xgiethsxiw]{display:grid;grid-template-columns:1fr 1fr;gap:15px}.ir-panel-head[b-xgiethsxiw]{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.ir-panel-head h2[b-xgiethsxiw]{margin:0;color:var(--navy);font-size:18px}.ir-gaps[b-xgiethsxiw]{list-style:none;margin:0;padding:10px}.ir-gaps li[b-xgiethsxiw]{display:flex;gap:11px;padding:12px;border-bottom:1px solid var(--line)}.ir-gaps li>span[b-xgiethsxiw]{width:26px;height:26px;border-radius:50%;background:#fff7ed;color:#c2410c;display:grid;place-items:center;font-weight:900}.ir-gaps strong[b-xgiethsxiw]{font-size:12px}.ir-gaps p[b-xgiethsxiw]{margin:3px 0 0;color:var(--muted);font-size:12px}.ir-clear[b-xgiethsxiw]{padding:25px;color:#166534}.ir-evidence a[b-xgiethsxiw]{display:flex;gap:12px;padding:15px 18px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}.ir-evidence a>span[b-xgiethsxiw]{color:#168552;font-weight:900}.ir-evidence strong[b-xgiethsxiw]{color:var(--navy)}.ir-evidence p[b-xgiethsxiw]{margin:3px 0 0;color:var(--muted);font-size:11px}@media(max-width:980px){.ir-metrics[b-xgiethsxiw]{grid-template-columns:repeat(2, minmax(0, 1fr))}.ir-grid[b-xgiethsxiw]{grid-template-columns:minmax(0, 1fr)}}@media(max-width:650px){.ir-head[b-xgiethsxiw],.ir-hero[b-xgiethsxiw]{display:block}.ir-head-actions[b-xgiethsxiw]{margin-top:12px;flex-wrap:wrap}.ir-ring[b-xgiethsxiw]{margin-top:15px}.ir-metrics[b-xgiethsxiw]{grid-template-columns:minmax(0, 1fr)}}
/* /Components/Pages/InventoryDetails.razor.rz.scp.css */
.page[b-pyz6he4mta] {
    padding: 24px;
}

.workspace[b-pyz6he4mta] {
    /* Blazor CSS isolation scopes every selector in this file to elements
       this component renders -- a bare :root rule never matches anything
       (the scoping attribute never lands on <html>), so the custom
       properties silently resolved to nothing everywhere below. Defining
       them on .workspace, the outermost element this component owns, lets
       every descendant resolve var(...) through normal CSS inheritance. */
    --navy: #0a2540;
    --navy2: #123b62;
    --blue: #2f80ed;
    --blue100: #eaf3ff;
    --orange: #f28c28;
    --orange100: #fff1e3;
    --green: #168a55;
    --green100: #e8f6ee;
    --red: #d64545;
    --red100: #fdecec;
    --g50: #f8fafc;
    --g100: #f2f5f8;
    --g200: #e2e8f0;
    --g300: #cbd5e1;
    --g500: #718096;
    --shadow: 0 16px 42px rgba(15, 47, 87, .08);
    --ease: cubic-bezier(.2, .8, .2, 1);

    max-width: 1560px;
    margin: auto;
    border: 1px solid var(--g200);
    border-radius: 20px;
    background: #fff;
    box-shadow: var(--shadow);
    overflow: hidden;
}

.header[b-pyz6he4mta] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    padding: 22px 24px 18px;
    border-bottom: 1px solid var(--g200);
    background: linear-gradient(135deg, rgba(47, 128, 237, .055), transparent 50%), #fff;
}

.eyebrow[b-pyz6he4mta] {
    margin: 0 0 7px;
    color: var(--blue);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.header h1[b-pyz6he4mta] {
    margin: 0;
    color: var(--navy);
    font-size: 30px;
    line-height: 1.15;
    letter-spacing: -.02em;
}

.header p[b-pyz6he4mta] {
    margin: 8px 0 0;
    color: var(--g500);
    font-size: 13px;
}

.actions[b-pyz6he4mta] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.btn[b-pyz6he4mta] {
    min-height: 42px;
    padding: 0 15px;
    border-radius: 10px;
    font-weight: 800;
    font-size: 13px;
    font-family: inherit;
    cursor: pointer;
    transition: .18s var(--ease);
}

.btn.secondary[b-pyz6he4mta] {
    border: 1px solid var(--g300);
    background: #fff;
    color: var(--navy);
}

.btn.primary[b-pyz6he4mta] {
    border: 0;
    background: var(--navy);
    color: #fff;
    box-shadow: 0 8px 18px rgba(16, 44, 76, .16);
}

.btn.danger[b-pyz6he4mta] {
    border: 1px solid #f3c6c6;
    background: var(--red100);
    color: var(--red);
}

.btn:hover[b-pyz6he4mta] {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(15, 47, 87, .1);
}

.btn:disabled[b-pyz6he4mta] {
    opacity: .5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.drug-summary[b-pyz6he4mta] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 20px 24px;
    border-bottom: 1px solid var(--g200);
    background: var(--g50);
}

.drug-summary-identity[b-pyz6he4mta] {
    min-width: 0;
}

.drug-summary-name[b-pyz6he4mta] {
    font-size: 20px;
    font-weight: 900;
    color: var(--navy);
}

.drug-summary-generic[b-pyz6he4mta] {
    margin-top: 5px;
    color: var(--g500);
    font-size: 12px;
}

.drug-summary-stats[b-pyz6he4mta] {
    display: flex;
    flex-wrap: wrap;
    flex: 0 0 auto;
    gap: 12px;
}

.drug-summary-inventory[b-pyz6he4mta],
.drug-summary-fillware[b-pyz6he4mta] {
    flex: 0 0 auto;
    min-width: 150px;
    padding: 12px 20px;
    border: 1px solid var(--g200);
    border-radius: 14px;
    background: #fff;
    text-align: right;
    box-shadow: 0 6px 18px rgba(15, 47, 87, .035);
}

.drug-summary-fillware[b-pyz6he4mta] {
    border-color: #b9cce6;
    background: #f0f4fa;
}

.drug-summary-inventory .value-muted[b-pyz6he4mta] {
    color: var(--g500);
    font-size: 15px;
    font-weight: 700;
}

.badges[b-pyz6he4mta] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 12px;
}

.badge[b-pyz6he4mta] {
    padding: 6px 9px;
    border-radius: 999px;
    background: var(--blue100);
    color: var(--blue);
    font-size: 10px;
    font-weight: 850;
}

.badge.orange[b-pyz6he4mta] {
    background: var(--orange100);
    color: #a85b18;
}

.badge.red[b-pyz6he4mta] {
    background: var(--red100);
    color: var(--red);
}

.badge.muted[b-pyz6he4mta] {
    background: var(--g100);
    color: var(--g500);
}

.label[b-pyz6he4mta] {
    color: var(--g500);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.value[b-pyz6he4mta] {
    margin-top: 6px;
    color: var(--navy);
    font-size: 22px;
    font-weight: 900;
}

.meta[b-pyz6he4mta] {
    margin-top: 7px;
    color: var(--g500);
    font-size: 11px;
    line-height: 1.45;
}

.tabs-shell[b-pyz6he4mta] {
    position: sticky;
    top: 0;
    z-index: 20;
    border-bottom: 1px solid var(--g200);
    background: rgba(255, 255, 255, .97);
    overflow-x: auto;
}

.tabs[b-pyz6he4mta] {
    display: flex;
    min-width: max-content;
    padding: 0 18px;
}

.tab[b-pyz6he4mta] {
    position: relative;
    min-height: 54px;
    margin: 8px 2px 0;
    padding: 0 16px;
    border: 0;
    border-radius: 10px 10px 0 0;
    background: transparent;
    color: var(--g500);
    font-size: 12px;
    font-weight: 850;
    font-family: inherit;
    text-transform: uppercase;
    letter-spacing: .035em;
    cursor: pointer;
    transition: .18s var(--ease);
}

.tab:hover[b-pyz6he4mta] {
    color: var(--navy);
    background: var(--orange100);
    transform: translateY(-1px);
}

.tab[b-pyz6he4mta]::after {
    content: "";
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 0;
    height: 3px;
    border-radius: 999px 999px 0 0;
    background: var(--orange);
    transform: scaleX(0);
    transition: .2s var(--ease);
}

.tab.active[b-pyz6he4mta] {
    color: var(--navy);
    background: var(--blue100);
}

.tab.active:hover[b-pyz6he4mta] {
    background: var(--orange100);
}

.tab.active[b-pyz6he4mta]::after {
    transform: scaleX(1);
}

.toolbar[b-pyz6he4mta] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    padding: 14px 18px;
    border-bottom: 1px solid var(--g200);
    background: var(--g50);
}

.search[b-pyz6he4mta] {
    flex: 1 1 300px;
    position: relative;
}

.search svg[b-pyz6he4mta] {
    position: absolute;
    left: 13px;
    top: 50%;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
    stroke: var(--g500);
    fill: none;
    stroke-width: 2;
}

.search input[b-pyz6he4mta],
.toolbar select[b-pyz6he4mta] {
    width: 100%;
    height: 42px;
    border: 1px solid var(--g300);
    border-radius: 10px;
    background: #fff;
    outline: none;
    font-family: inherit;
    font-size: 13px;
    color: #1f2937;
}

.search input[b-pyz6he4mta] {
    padding: 0 12px 0 40px;
}

.toolbar select[b-pyz6he4mta] {
    flex: 0 1 170px;
    padding: 0 12px;
}

.search input:focus[b-pyz6he4mta],
.toolbar select:focus[b-pyz6he4mta] {
    border-color: var(--orange);
    box-shadow: 0 0 0 3px rgba(242, 140, 40, .1);
}

.date-filter[b-pyz6he4mta] {
    align-items: center;
    color: #52647b;
    display: flex;
    font-size: .75rem;
    font-weight: 700;
    gap: .4rem;
}

.date-filter input[b-pyz6he4mta] {
    background: #fff;
    border: 1px solid #d8e1ec;
    border-radius: 10px;
    color: #0d3155;
    min-height: 42px;
    padding: 0 .65rem;
}

.panel[b-pyz6he4mta] {
    display: none;
    padding: 18px;
    animation: fade-b-pyz6he4mta .22s var(--ease);
}

.panel.active[b-pyz6he4mta] {
    display: block;
}

@keyframes fade-b-pyz6he4mta {
    from {
        opacity: 0;
        transform: translateY(5px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.overview[b-pyz6he4mta] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.metric[b-pyz6he4mta] {
    padding: 16px;
    border: 1px solid var(--g200);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(15, 47, 87, .035);
}

.metric span[b-pyz6he4mta] {
    color: var(--g500);
    font-size: 10px;
    font-weight: 850;
    text-transform: uppercase;
}

.metric strong[b-pyz6he4mta] {
    display: block;
    margin-top: 7px;
    color: var(--navy);
    font-size: 22px;
}

.list[b-pyz6he4mta] {
    display: grid;
    gap: 9px;
}

.row[b-pyz6he4mta] {
    position: relative;
    display: grid;
    grid-template-columns: 135px 105px minmax(145px, 1.05fr) minmax(170px, 1.2fr) 85px 90px 100px minmax(220px, 1.5fr);
    gap: 12px;
    align-items: center;
    padding: 13px 14px;
    border: 1px solid var(--g200);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(15, 47, 87, .035);
    transition: .2s var(--ease);
}

.row[b-pyz6he4mta]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 13px;
    bottom: 13px;
    width: 3px;
    border-radius: 999px;
    background: var(--blue);
    opacity: .35;
    transform: scaleY(.4);
    transition: .2s var(--ease);
}

.row.reversal[b-pyz6he4mta]::before {
    background: var(--green);
}

.row.warn[b-pyz6he4mta]::before {
    background: var(--orange);
}

.row:hover[b-pyz6he4mta] {
    transform: translateY(-2px);
    border-color: #c8d6e3;
    box-shadow: 0 14px 30px rgba(15, 47, 87, .08);
}

.row:hover[b-pyz6he4mta]::before {
    opacity: 1;
    transform: scaleY(1);
}

.cell[b-pyz6he4mta] {
    min-width: 0;
}

.cell .label[b-pyz6he4mta] {
    margin-bottom: 4px;
    font-size: 9px;
}

.text[b-pyz6he4mta] {
    color: var(--navy);
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sub[b-pyz6he4mta] {
    margin-top: 3px;
    color: var(--g500);
    font-size: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.status[b-pyz6he4mta] {
    display: inline-flex;
    padding: 6px 9px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 850;
}

.dispensed[b-pyz6he4mta] {
    background: var(--blue100);
    color: var(--blue);
}

.reversed[b-pyz6he4mta] {
    background: var(--green100);
    color: var(--green);
}

.open[b-pyz6he4mta] {
    background: var(--orange100);
    color: #a85b18;
}

.pos[b-pyz6he4mta] {
    color: var(--green);
    font-weight: 900;
}

.neg[b-pyz6he4mta] {
    color: var(--red);
    font-weight: 900;
}

.pager[b-pyz6he4mta] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding-top: 16px;
}

.pager span[b-pyz6he4mta] {
    color: var(--g500);
    font-size: 11px;
    font-weight: 800;
}

.pager .btn[b-pyz6he4mta] {
    min-height: 34px;
    padding: 0 12px;
    font-size: 11px;
}

.success-panel[b-pyz6he4mta] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px 20px;
    padding: 18px 20px;
    margin-bottom: 16px;
    border: 1px solid #b9e6cd;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--green100), #ffffff);
}

.success-panel-icon[b-pyz6he4mta] {
    display: grid;
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 999px;
    color: #fff;
    background: var(--green);
}

.success-panel-icon svg[b-pyz6he4mta] {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.success-panel-message[b-pyz6he4mta] {
    flex: 1 1 260px;
    min-width: 0;
    color: var(--navy);
    font-size: .92rem;
    font-weight: 700;
    line-height: 1.4;
}

.success-panel-actions[b-pyz6he4mta] {
    display: flex;
    flex-wrap: wrap;
    flex: 0 1 auto;
    gap: 10px;
}

@media (max-width: 640px) {
    .success-panel-actions[b-pyz6he4mta] {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
    }

    .success-panel-actions .btn[b-pyz6he4mta] {
        width: 100%;
    }
}

.count-actions[b-pyz6he4mta] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.manual-order-section[b-pyz6he4mta] {
    margin-top: 18px;
}

.manual-order-form[b-pyz6he4mta] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 14px;
    margin-top: 12px;
    padding: 16px;
    border: 1px solid var(--g200);
    border-radius: 13px;
    background: var(--g50);
}

.manual-order-field[b-pyz6he4mta] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 130px;
}

.manual-order-field label[b-pyz6he4mta] {
    color: var(--g500);
    font-size: 10px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.manual-order-field input[b-pyz6he4mta] {
    padding: 8px 10px;
    border: 1px solid var(--g200);
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    color: var(--navy);
    background: #fff;
}

.manual-order-field input:focus[b-pyz6he4mta] {
    outline: none;
    border-color: var(--blue);
    box-shadow: 0 0 0 3px var(--blue100);
}

.manual-order-error[b-pyz6he4mta] {
    flex-basis: 100%;
    color: var(--red);
    font-size: 12px;
    font-weight: 750;
}

.empty[b-pyz6he4mta] {
    padding: 18px;
    border: 1px solid #bfdbf7;
    border-radius: 12px;
    background: #f3f8ff;
    color: #2f66a4;
    font-size: 12px;
    font-weight: 750;
}

.loading[b-pyz6he4mta] {
    padding: 40px;
    text-align: center;
    color: var(--g500);
}

@media (max-width: 1180px) {
    .summary[b-pyz6he4mta] {
        grid-template-columns: 1.4fr minmax(0, 1fr) minmax(0, 1fr);
    }

    .summary .card:last-child[b-pyz6he4mta] {
        grid-column: 1/-1;
    }

    .row[b-pyz6he4mta] {
        grid-template-columns: 125px 95px minmax(130px, 1fr) minmax(150px, 1.1fr) 80px 85px minmax(180px, 1.3fr);
    }

    .hide-lg[b-pyz6he4mta] {
        display: none;
    }

    .overview[b-pyz6he4mta] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .page[b-pyz6he4mta] {
        padding: 14px;
    }

    .header[b-pyz6he4mta] {
        flex-direction: column;
    }

    .drug-summary[b-pyz6he4mta] {
        align-items: stretch;
        flex-direction: column;
    }

    .drug-summary-stats[b-pyz6he4mta] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .drug-summary-inventory[b-pyz6he4mta],
    .drug-summary-fillware[b-pyz6he4mta] {
        min-width: 0;
        padding: 12px;
        text-align: left;
    }

    .actions[b-pyz6he4mta] {
        width: 100%;
    }

    .actions .btn[b-pyz6he4mta] {
        flex: 1;
    }

    .summary[b-pyz6he4mta] {
        grid-template-columns: minmax(0, 1fr);
    }

    .summary .card:last-child[b-pyz6he4mta] {
        grid-column: auto;
    }

    .toolbar[b-pyz6he4mta] {
        align-items: stretch;
        flex-direction: column;
    }

    .toolbar select[b-pyz6he4mta],
    .date-filter[b-pyz6he4mta],
    .date-filter input[b-pyz6he4mta] {
        width: 100%;
    }

    .row[b-pyz6he4mta] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .row > .cell:last-child[b-pyz6he4mta] {
        grid-column: 1/-1;
    }
}

@media (max-width: 520px) {
    .overview[b-pyz6he4mta],
    .row[b-pyz6he4mta] {
        grid-template-columns: minmax(0, 1fr);
    }

    .row > .cell:last-child[b-pyz6he4mta] {
        grid-column: auto;
    }

    .header h1[b-pyz6he4mta] {
        font-size: 24px;
    }

    .drug-summary-stats[b-pyz6he4mta] {
        grid-template-columns: minmax(0, 1fr);
    }
}
.inventory-due-card[b-pyz6he4mta] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #dbe5ef;
    border-left: 5px solid #64748b;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem 1.25rem;
}

.inventory-due-card > div:first-child[b-pyz6he4mta] { display: flex; flex-direction: column; gap: .2rem; }
.inventory-due-card strong[b-pyz6he4mta] { color: #0b3154; font-size: 1.25rem; }
.inventory-due-card.scheduled[b-pyz6he4mta] { background: #ecfdf5; border-left-color: #0f9f6e; }
.inventory-due-card.due[b-pyz6he4mta] { background: #fef2f2; border-color: #fecaca; border-left-color: #dc2626; }
.inventory-due-card.due strong[b-pyz6he4mta] { color: #b91c1c; }
.inventory-due-editor[b-pyz6he4mta] { align-items: center; display: flex; flex-wrap: wrap; gap: .65rem; }
.inventory-due-editor input[type="date"][b-pyz6he4mta] { border: 1px solid #cbd5e1; border-radius: 8px; padding: .65rem; }

@media (max-width: 700px) {
    .inventory-due-card[b-pyz6he4mta] { align-items: stretch; flex-direction: column; }
}
/* /Components/Pages/InventoryGuide.razor.rz.scp.css */
.ig-page[b-n2h6un34lj] {
    --navy: #0b2f52;
    --blue: #2563eb;
    --teal: #168552;
    --ink: #0f172a;
    --muted: #64748b;
    --line: #dbe5ef;
    max-width: 1240px;
    margin: 0 auto;
    padding: 10px 18px 56px;
    color: var(--ink);
}

.ig-hero[b-n2h6un34lj] {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr);
    gap: 28px;
    padding: 38px;
    border: 1px solid var(--line);
    border-radius: 28px;
    background: linear-gradient(135deg, #fff 0%, #f2f8ff 62%, #eefcf9 100%);
    box-shadow: 0 20px 50px rgba(15, 23, 42, .08);
}

.ig-kicker[b-n2h6un34lj], .ig-section-head span[b-n2h6un34lj], .ig-principles article > span[b-n2h6un34lj],
.ig-formula > span[b-n2h6un34lj], .ig-next span[b-n2h6un34lj] {
    color: var(--teal);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.ig-hero h1[b-n2h6un34lj] {
    max-width: 760px;
    margin: 10px 0 14px;
    color: var(--navy);
    font-size: clamp(32px, 4vw, 52px);
    line-height: 1.04;
    letter-spacing: -.045em;
}

.ig-hero p[b-n2h6un34lj], .ig-section-head p[b-n2h6un34lj] {
    max-width: 780px;
    margin: 0;
    color: var(--muted);
    line-height: 1.7;
}

.ig-actions[b-n2h6un34lj] { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.ig-actions a[b-n2h6un34lj], .ig-next a[b-n2h6un34lj] {
    padding: 12px 16px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
}
.ig-primary[b-n2h6un34lj], .ig-next a[b-n2h6un34lj] { background: var(--navy); color: #fff; }
.ig-secondary[b-n2h6un34lj] { border: 1px solid #b8c9d9; background: #fff; color: var(--navy); }

.ig-formula[b-n2h6un34lj] {
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding: 24px;
    border-radius: 22px;
    background: var(--navy);
    color: #dcecff;
}
.ig-formula > span[b-n2h6un34lj] { color: #659ae0; }
.ig-formula strong[b-n2h6un34lj] { margin: 4px 0; color: #fff; font-size: 19px; }
.ig-formula b[b-n2h6un34lj] { font-size: 13px; font-weight: 700; }

.ig-principles[b-n2h6un34lj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}
.ig-principles article[b-n2h6un34lj], .ig-scenarios article[b-n2h6un34lj], .ig-match-grid > div[b-n2h6un34lj] {
    padding: 22px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: #fff;
}
.ig-principles strong[b-n2h6un34lj] { display: block; margin: 8px 0; color: var(--navy); font-size: 18px; }
.ig-principles p[b-n2h6un34lj], .ig-scenarios p[b-n2h6un34lj], .ig-scenarios li[b-n2h6un34lj], .ig-match-grid p[b-n2h6un34lj] {
    margin: 0;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.65;
}

.ig-section[b-n2h6un34lj] { margin-top: 42px; }
.ig-section-head h2[b-n2h6un34lj] { margin: 7px 0 18px; color: var(--navy); font-size: 30px; letter-spacing: -.035em; }
.ig-timeline[b-n2h6un34lj] { display: grid; gap: 12px; }
.ig-timeline article[b-n2h6un34lj] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) minmax(240px, .55fr);
    gap: 18px;
    align-items: center;
    padding: 20px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: #fff;
}
.ig-step[b-n2h6un34lj] {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 50%;
    background: var(--blue);
    color: #fff;
    font-weight: 900;
}
.ig-timeline h3[b-n2h6un34lj], .ig-scenarios h3[b-n2h6un34lj], .ig-match-grid h3[b-n2h6un34lj] { margin: 0 0 7px; color: var(--navy); font-size: 18px; }
.ig-timeline p[b-n2h6un34lj] { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.55; }
.ig-timeline a[b-n2h6un34lj] { display: inline-block; margin-top: 8px; color: var(--blue); font-size: 12px; font-weight: 850; }
.ig-timeline details[b-n2h6un34lj] { padding: 12px 14px; border-radius: 13px; background: #f7fafc; color: var(--muted); font-size: 12px; }
.ig-timeline summary[b-n2h6un34lj] { cursor: pointer; color: var(--navy); font-weight: 850; }
.ig-timeline details p[b-n2h6un34lj] { margin-top: 9px; }

.ig-scenarios[b-n2h6un34lj], .ig-match-grid[b-n2h6un34lj] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.ig-scenarios h3[b-n2h6un34lj] { margin-top: 12px; }
.ig-scenarios ol[b-n2h6un34lj] { margin: 10px 0 0; padding-left: 20px; }
.ig-tag[b-n2h6un34lj] { display: inline-flex; padding: 5px 9px; border-radius: 999px; font-size: 10px; font-weight: 900; text-transform: uppercase; }
.ig-tag.blue[b-n2h6un34lj] { background: #eff6ff; color: #1d4ed8; }
.ig-tag.green[b-n2h6un34lj] { background: #ecfdf3; color: #15803d; }
.ig-tag.amber[b-n2h6un34lj] { background: #fff7ed; color: #c2410c; }
.ig-tag.violet[b-n2h6un34lj] { background: #f5f3ff; color: #c6753b; }
.ig-tag.slate[b-n2h6un34lj] { background: #f1f5f9; color: #475569; }
.ig-tag.red[b-n2h6un34lj] { background: #fef2f2; color: #b91c1c; }

.ig-matching[b-n2h6un34lj] { padding: 26px; border-radius: 24px; background: #f6f9fc; }
.ig-match-grid > div[b-n2h6un34lj] { box-shadow: 0 7px 20px rgba(15, 23, 42, .04); }

.ig-next[b-n2h6un34lj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    margin-top: 38px;
    padding: 24px;
    border-radius: 20px;
    background: #eaf1fb;
}
.ig-next strong[b-n2h6un34lj] { display: block; margin-top: 5px; color: var(--navy); }

@media (max-width: 800px) {
    .ig-hero[b-n2h6un34lj], .ig-principles[b-n2h6un34lj], .ig-scenarios[b-n2h6un34lj], .ig-match-grid[b-n2h6un34lj] { grid-template-columns: minmax(0, 1fr); }
    .ig-hero[b-n2h6un34lj] { padding: 24px; }
    .ig-timeline article[b-n2h6un34lj] { grid-template-columns: auto minmax(0, 1fr); align-items: start; }
    .ig-timeline details[b-n2h6un34lj] { grid-column: 1 / -1; }
}

@media (max-width: 520px) {
    .ig-page[b-n2h6un34lj] { padding-inline: 8px; }
    .ig-hero h1[b-n2h6un34lj] { font-size: 32px; }
    .ig-next[b-n2h6un34lj] { align-items: stretch; flex-direction: column; }
    .ig-next a[b-n2h6un34lj] { text-align: center; }
}
/* /Components/Pages/InventoryReconciliationWizard.razor.rz.scp.css */
.rc-page[b-4v1mqb88nv] {
    /* Blazor CSS isolation's ::deep still requires an ancestor scope
       attribute that descendant elements carry, so custom properties are
       defined on the outermost element this component owns and resolved
       by every descendant through normal CSS inheritance. */
    --navy: #0B2F52;
    --navy-800: #0F1B2D;
    --navy-hover: #164A78;
    --teal: #168552;
    --teal-soft: #eaf1fb;
    --blue: #2563EB;
    --blue-soft: #EEF5FF;
    --orange: #F97316;
    --orange-600: #EA580C;
    --orange-700: #C2410C;
    --orange-active: #9A3412;
    --orange-soft: #FFEDD5;
    --green: #16A34A;
    --green-soft: #DCFCE7;
    --ink: #0F1B2D;
    --muted: #5B6B82;
    --muted-2: #94A3B8;
    --line: #E2E8F0;
    --card-border: #E7EAF0;
    --soft: #F8FAFC;
    --page: #F4F6FA;
    --shadow: 0 16px 36px rgba(15, 23, 42, .08);
    --shadow-sm: 0 7px 20px rgba(15, 23, 42, .06);
    --shadow-card: 0 1px 3px rgba(16, 24, 40, .08);

    padding: 24px;
    background: var(--page);
    color: var(--ink);
    font-family: var(--app-font, Inter, system-ui, sans-serif);
    font-size: 16px;
}

.rc-page button[b-4v1mqb88nv],
.rc-page input[b-4v1mqb88nv],
.rc-page textarea[b-4v1mqb88nv],
.rc-page select[b-4v1mqb88nv] {
    font: inherit;
}

.rc-wrap[b-4v1mqb88nv] {
    max-width: 1440px;
    margin: auto;
}

.rc-page-head[b-4v1mqb88nv] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 16px;
}

.rc-eyebrow[b-4v1mqb88nv] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--orange-600);
    font-weight: 700;
}

.rc-page-head h1[b-4v1mqb88nv] {
    margin: 7px 0 5px;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -.02em;
    color: var(--navy);
}

.rc-page-head p[b-4v1mqb88nv] {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
    font-weight: 400;
}

.rc-page-actions[b-4v1mqb88nv] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.rc-btn[b-4v1mqb88nv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 18px;
    border-radius: 10px;
    border: 1px solid var(--line);
    background: #fff;
    color: var(--navy);
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    transition: .18s ease;
    cursor: pointer;
}

.rc-btn:hover[b-4v1mqb88nv] {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(15, 23, 42, .08);
}

.rc-btn.primary[b-4v1mqb88nv] {
    background: var(--orange-700);
    border-color: var(--orange-700);
    color: #fff;
    box-shadow: 0 1px 2px rgba(194, 65, 12, .25);
}

.rc-btn.primary:hover[b-4v1mqb88nv] {
    background: var(--orange-600);
    border-color: var(--orange-600);
}

.rc-btn.primary:active[b-4v1mqb88nv] {
    background: var(--orange-active);
    border-color: var(--orange-active);
}

.rc-btn.primary:disabled[b-4v1mqb88nv] {
    opacity: .55;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.rc-btn.soft[b-4v1mqb88nv] {
    background: var(--blue-soft);
    border-color: #BFDBFE;
    color: var(--blue);
}

.rc-btn.ghost[b-4v1mqb88nv] {
    background: transparent;
    border-color: rgba(255, 255, 255, .55);
    color: inherit;
}

.rc-btn.sm[b-4v1mqb88nv] {
    min-height: 36px;
    padding: 0 12px;
    font-size: 13px;
}

.rc-progress-card[b-4v1mqb88nv] {
    background: #fff;
    border: 1px solid var(--card-border);
    border-radius: 16px;
    padding: 24px;
    box-shadow: var(--shadow-card);
    margin-bottom: 24px;
}

/* Flexed so it scales to any number of steps -- the previous
   `grid-template-columns: 1fr 1fr` was hardcoded for exactly 2 items, so a
   3rd step wrapped onto its own row underneath the 1st with no connector
   reaching it. */
.rc-progress[b-4v1mqb88nv] {
    display: flex;
    align-items: flex-start;
    width: 100%;
}

.rc-step[b-4v1mqb88nv] {
    flex: 1 1 0;
    min-width: 0;
    position: relative;
    z-index: 1;
    text-align: center;
    background: transparent;
    border: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    cursor: pointer;
}

.rc-step:disabled[b-4v1mqb88nv] {
    cursor: not-allowed;
}

/* Connector line into this step, drawn from its own center leftward to the
   previous step's center. Its color depends only on this step's own state:
   completed (both endpoints done) -> green, active (transitioning into the
   current step) -> orange-700, upcoming -> neutral border. */
.rc-step:not(:first-child)[b-4v1mqb88nv]::before {
    content: "";
    position: absolute;
    top: 20px;
    right: 50%;
    width: 100%;
    height: 2px;
    background: var(--line);
    z-index: 0;
}

.rc-step.completed:not(:first-child)[b-4v1mqb88nv]::before {
    background: var(--green);
}

.rc-step.active:not(:first-child)[b-4v1mqb88nv]::before {
    background: var(--orange-700);
}

.rc-step-circle[b-4v1mqb88nv] {
    position: relative;
    z-index: 1;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--line);
    color: var(--muted-2);
    font-weight: 700;
    font-size: 16px;
    border: 4px solid #fff;
    box-shadow: 0 0 0 1px var(--line);
}

.rc-step.completed .rc-step-circle[b-4v1mqb88nv] {
    background: var(--green);
    color: #fff;
}

.rc-step.active .rc-step-circle[b-4v1mqb88nv] {
    background: var(--orange-700);
    color: #fff;
}

.rc-step-title[b-4v1mqb88nv] {
    font-size: 12px;
    font-weight: 850;
    color: var(--navy);
}

.rc-alert[b-4v1mqb88nv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    padding: 13px 16px;
    border-radius: 14px;
    margin-bottom: 16px;
    font-size: 13px;
    line-height: 1.5;
}

.rc-alert.error[b-4v1mqb88nv] {
    background: #FEF2F2;
    border: 1px solid #FECACA;
    color: #B91C1C;
}

.rc-alert.success[b-4v1mqb88nv] {
    background: var(--green);
    color: #fff;
}

.rc-alert-actions[b-4v1mqb88nv] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.rc-card[b-4v1mqb88nv] {
    background: #fff;
    border: 1px solid var(--card-border);
    border-radius: 16px;
    box-shadow: var(--shadow-card);
    padding: 24px;
}

.rc-card h2[b-4v1mqb88nv] {
    margin: 0 0 14px;
    color: var(--navy);
    font-size: 19px;
}

.rc-search[b-4v1mqb88nv] {
    position: relative;
    margin-bottom: 14px;
}

.rc-search svg[b-4v1mqb88nv] {
    position: absolute;
    left: 14px;
    top: 50%;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
    stroke: var(--muted);
    fill: none;
    stroke-width: 2;
}

.rc-search input[b-4v1mqb88nv] {
    width: 100%;
    height: 46px;
    padding: 0 14px 0 42px;
    border: 1px solid var(--line);
    border-radius: 12px;
    outline: none;
}

.rc-search input:focus[b-4v1mqb88nv] {
    border-color: var(--blue);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .10);
}

.rc-loading[b-4v1mqb88nv] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 18px;
    text-align: center;
    color: var(--muted);
}

.rc-result-list[b-4v1mqb88nv] {
    display: grid;
    gap: 10px;
}

.rc-result[b-4v1mqb88nv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    border: 1px solid var(--line);
    border-radius: 14px;
    transition: .18s ease;
}

.rc-result:hover[b-4v1mqb88nv] {
    border-color: #BFDBFE;
    box-shadow: var(--shadow-sm);
    transform: translateY(-1px);
}

.rc-result-name[b-4v1mqb88nv] {
    color: var(--blue);
    font-weight: 850;
    font-size: 15px;
}

.rc-result-sub[b-4v1mqb88nv] {
    margin-top: 3px;
    font-size: 13px;
    color: var(--ink);
}

.rc-result-meta[b-4v1mqb88nv] {
    margin-top: 3px;
    font-size: 11px;
    color: var(--muted);
}

.rc-workspace[b-4v1mqb88nv] {
    display: grid;
    grid-template-columns: 360px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

.rc-drug-card[b-4v1mqb88nv],
.rc-form-card[b-4v1mqb88nv] {
    background: #fff;
    border: 1px solid var(--card-border);
    border-radius: 16px;
    box-shadow: var(--shadow-card);
}

.rc-drug-card[b-4v1mqb88nv] {
    padding: 24px;
    position: sticky;
    top: 86px;
}

.rc-drug-top[b-4v1mqb88nv] {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: flex-start;
}

.rc-drug-icon[b-4v1mqb88nv] {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: var(--blue-soft);
    color: var(--navy);
    font-size: 22px;
    font-weight: 900;
}

.rc-drug-title[b-4v1mqb88nv] {
    margin-top: 16px;
}

.rc-drug-title h2[b-4v1mqb88nv] {
    margin: 0;
    color: var(--navy);
    font-size: 21px;
}

.rc-drug-title p[b-4v1mqb88nv] {
    margin: 5px 0 0;
    color: var(--muted);
    font-size: 12px;
}

.rc-badge[b-4v1mqb88nv] {
    display: inline-flex;
    padding: 6px 9px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 850;
}

.rc-badge.orange[b-4v1mqb88nv] {
    background: var(--orange-soft);
    color: #C2410C;
}

.rc-badge.neutral[b-4v1mqb88nv] {
    background: var(--soft);
    color: var(--muted);
}

.rc-meta-grid[b-4v1mqb88nv] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 18px;
}

.rc-meta[b-4v1mqb88nv] {
    padding: 12px;
    background: var(--soft);
    border: 1px solid var(--line);
    border-radius: 13px;
}

.rc-meta-label[b-4v1mqb88nv] {
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--muted);
    font-weight: 850;
}

.rc-meta-value[b-4v1mqb88nv] {
    margin-top: 5px;
    color: var(--navy);
    font-size: 14px;
    font-weight: 850;
}

.rc-info-box[b-4v1mqb88nv] {
    margin-top: 14px;
    padding: 13px 14px;
    border-radius: 13px;
    background: var(--teal-soft);
    border: 1px solid #bfd2ec;
    color: #0d3e7f;
    font-size: 12px;
    line-height: 1.45;
}

.rc-info-box strong[b-4v1mqb88nv] {
    color: var(--navy);
}

.rc-form-card[b-4v1mqb88nv] {
    overflow: hidden;
}

.rc-form-head[b-4v1mqb88nv] {
    padding: 24px;
    border-bottom: 1px solid var(--line);
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
}

.rc-form-head h2[b-4v1mqb88nv] {
    margin: 0;
    color: var(--navy);
    font-size: 24px;
}

.rc-form-head p[b-4v1mqb88nv] {
    margin: 5px 0 0;
    color: var(--muted);
    font-size: 13px;
}

.rc-form-body[b-4v1mqb88nv] {
    padding: 24px;
}

.rc-notice[b-4v1mqb88nv] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 13px 14px;
    border: 1px solid #BFDBFE;
    background: #F8FBFF;
    color: #245EA8;
    border-radius: 13px;
    font-size: 12px;
    line-height: 1.45;
    margin-bottom: 16px;
}

.rc-notice.full[b-4v1mqb88nv] {
    grid-column: 1 / -1;
    margin-bottom: 0;
}

.rc-form-grid[b-4v1mqb88nv] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.rc-field[b-4v1mqb88nv] {
    display: grid;
    gap: 7px;
}

.rc-field.full[b-4v1mqb88nv] {
    grid-column: 1 / -1;
}

.rc-field label[b-4v1mqb88nv] {
    font-size: 12px;
    font-weight: 800;
    color: var(--ink);
}

.rc-optional[b-4v1mqb88nv] {
    font-weight: 500;
    color: var(--muted);
}

.rc-input[b-4v1mqb88nv],
.rc-textarea[b-4v1mqb88nv] {
    width: 100%;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #fff;
    color: var(--ink);
    outline: none;
    transition: .18s ease;
}

.rc-input[b-4v1mqb88nv] {
    height: 46px;
    padding: 0 13px;
}

.rc-textarea[b-4v1mqb88nv] {
    min-height: 96px;
    padding: 12px 13px;
    resize: vertical;
}

.rc-input:focus[b-4v1mqb88nv],
.rc-textarea:focus[b-4v1mqb88nv] {
    border-color: var(--blue);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .10);
}

.rc-helper[b-4v1mqb88nv] {
    color: var(--muted);
    font-size: 10px;
}

.rc-total-card[b-4v1mqb88nv] {
    grid-column: 1 / -1;
    background: linear-gradient(135deg, #F8FBFF 0%, #EEF5FF 100%);
    border: 1px solid #CFE0F5;
    border-radius: 16px;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.rc-total-card-triple[b-4v1mqb88nv] {
    justify-content: space-around;
    text-align: center;
}

.rc-total-label[b-4v1mqb88nv] {
    font-size: 11px;
    color: var(--muted);
    font-weight: 800;
}

.rc-total-value[b-4v1mqb88nv] {
    margin-top: 3px;
    font-size: 30px;
    font-weight: 900;
    color: var(--blue);
}

.rc-total-value.muted[b-4v1mqb88nv] {
    color: var(--navy);
}

.rc-total-value.pos[b-4v1mqb88nv] {
    color: var(--green);
}

.rc-total-value.warn[b-4v1mqb88nv] {
    color: var(--orange);
}

.rc-total-formula[b-4v1mqb88nv] {
    color: var(--muted);
    font-size: 11px;
    text-align: right;
}

.rc-adjustment[b-4v1mqb88nv] {
    margin-top: 16px;
    border: 1px solid var(--line);
    border-radius: 14px;
    overflow: hidden;
}

.rc-adjustment-toggle[b-4v1mqb88nv] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 16px;
    background: var(--soft);
    border: 0;
    color: var(--navy);
    font-weight: 850;
    font-size: 13px;
    cursor: pointer;
}

.rc-chevron[b-4v1mqb88nv] {
    transition: transform .18s ease;
    color: var(--muted);
}

.rc-chevron.open[b-4v1mqb88nv] {
    transform: rotate(180deg);
}

.rc-adjustment-body[b-4v1mqb88nv] {
    padding: 16px;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(0, 1fr);
}

.rc-checkbox[b-4v1mqb88nv] {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 13px;
    font-weight: 700;
    color: var(--ink);
}

.rc-checkbox input[b-4v1mqb88nv] {
    width: 17px;
    height: 17px;
}

.rc-footer[b-4v1mqb88nv] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    padding: 16px 22px;
    border-top: 1px solid var(--line);
    background: var(--soft);
}

.rc-footer .rc-btn.primary[b-4v1mqb88nv] {
    min-width: 210px;
}

@media (max-width: 1050px) {
    .rc-workspace[b-4v1mqb88nv] {
        grid-template-columns: minmax(0, 1fr);
    }

    .rc-drug-card[b-4v1mqb88nv] {
        position: static;
    }
}

@media (max-width: 760px) {
    .rc-page[b-4v1mqb88nv] {
        padding: 12px;
    }

    .rc-page-head[b-4v1mqb88nv] {
        flex-direction: column;
    }

    .rc-page-actions[b-4v1mqb88nv] {
        width: 100%;
    }

    .rc-page-actions .rc-btn[b-4v1mqb88nv] {
        flex: 1;
    }

    .rc-page-head h1[b-4v1mqb88nv] {
        font-size: 28px;
    }

    .rc-form-grid[b-4v1mqb88nv] {
        grid-template-columns: minmax(0, 1fr);
    }

    .rc-field.full[b-4v1mqb88nv],
    .rc-total-card[b-4v1mqb88nv] {
        grid-column: auto;
    }

    .rc-total-card[b-4v1mqb88nv] {
        align-items: flex-start;
        flex-direction: column;
    }

    .rc-total-card-triple[b-4v1mqb88nv] {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .rc-total-formula[b-4v1mqb88nv] {
        text-align: left;
    }

    .rc-footer[b-4v1mqb88nv] {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .rc-footer .rc-btn[b-4v1mqb88nv] {
        width: 100%;
    }
}
/* /Components/Pages/InventoryReminderEmailSettings.razor.rz.scp.css */
.inv-page[b-3mdyedbjvr]{--navy:var(--blue-900);--navy-deep:#071a30;--line:var(--ink-100);--muted:var(--ink-500);color:var(--ink-900);text-align:left;display:grid;gap:18px; grid-template-columns: minmax(0, 1fr); }

.inv-header[b-3mdyedbjvr]{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:26px 30px;border-radius:18px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-deep) 100%);box-shadow:0 14px 32px -16px rgba(8,33,56,.5)}
.inv-header span[b-3mdyedbjvr]{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.12);color:var(--orange-500);font-size:.68rem;font-weight:900;letter-spacing:.12em}
.inv-header h1[b-3mdyedbjvr]{margin:10px 0 6px;color:#fff;font-size:1.85rem;font-weight:750;letter-spacing:-.01em}
.inv-header p[b-3mdyedbjvr]{margin:0;color:#c8d6e6;max-width:64ch;font-size:.9rem;line-height:1.5}

.inv-panel[b-3mdyedbjvr]{border:1px solid var(--line);border-radius:16px;background:#fff;padding:22px 24px;box-shadow:0 10px 28px -14px rgba(11,37,69,.14)}

.inv-toggle-row[b-3mdyedbjvr]{margin-bottom:1.1rem;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--ink-100)}
.inv-toggle[b-3mdyedbjvr]{display:flex;align-items:center;gap:10px;font-weight:750;color:var(--ink-900);font-size:.92rem;cursor:pointer}
.inv-toggle input[type="checkbox"][b-3mdyedbjvr]{width:19px;height:19px;accent-color:var(--green-600);cursor:pointer}

.inv-form[b-3mdyedbjvr]{display:grid;gap:.9rem 1.1rem}
.inv-form.three[b-3mdyedbjvr]{grid-template-columns:repeat(3,minmax(0,1fr))}

.inv-panel[b-3mdyedbjvr]  .mud-input-control{margin-top:0}
.inv-panel[b-3mdyedbjvr]  .mud-input-outlined-border{border-color:var(--ink-300);transition:border-color 150ms ease,box-shadow 150ms ease}
.inv-panel[b-3mdyedbjvr]  .mud-input-outlined.mud-focused .mud-input-outlined-border{border-color:var(--blue-600) !important;border-width:2px !important;box-shadow:0 0 0 3px var(--blue-100)}
.inv-panel[b-3mdyedbjvr]  .mud-input:hover:not(.mud-disabled) .mud-input-outlined-border{border-color:var(--blue-500)}
.inv-panel[b-3mdyedbjvr]  .mud-select .mud-input-outlined-border{border-color:var(--ink-300)}

.inv-templates[b-3mdyedbjvr]{display:grid;gap:16px}
.inv-section-title[b-3mdyedbjvr]{margin:4px 0 0;color:var(--navy);font-size:1.08rem;font-weight:750}

.inv-template[b-3mdyedbjvr]{display:grid;grid-template-columns:1.15fr 1fr;gap:22px;align-items:start}
.inv-template-form[b-3mdyedbjvr]{display:grid;gap:12px;min-width:0}
.inv-template-form h3[b-3mdyedbjvr]{margin:0;color:var(--navy);font-size:.98rem;font-weight:750}
.inv-template-preview[b-3mdyedbjvr]{display:grid;gap:8px;min-width:0;align-content:start}
.inv-template-preview h4[b-3mdyedbjvr]{margin:0;color:var(--ink-700);font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.inv-template-preview iframe[b-3mdyedbjvr]{width:100%;height:270px;border:1px solid var(--line);border-radius:10px;background:var(--ink-100)}

.inv-hint[b-3mdyedbjvr]{margin:0;color:var(--muted);font-size:.78rem;line-height:1.6}
.inv-hint code[b-3mdyedbjvr]{padding:1px 6px;border-radius:5px;background:var(--blue-50);color:var(--blue-700);font-size:.74rem;font-family:'SFMono-Regular',Consolas,monospace}

.inv-actions[b-3mdyedbjvr]{display:flex;justify-content:flex-end}
.inv-save[b-3mdyedbjvr]{min-height:44px;padding:0 22px;border:0;border-radius:10px;background:var(--orange-600);color:#fff;font-weight:800;font-size:.9rem;cursor:pointer;box-shadow:0 6px 16px -6px rgba(234,88,12,.55);transition:background-color 150ms ease,transform 150ms ease}
.inv-save:hover[b-3mdyedbjvr]{background:var(--orange-700);transform:translateY(-1px)}
.inv-save:focus-visible[b-3mdyedbjvr]{outline:2px solid var(--blue-600);outline-offset:2px}
.inv-save:disabled[b-3mdyedbjvr]{opacity:.55;transform:none;cursor:default}

.inv-page[b-3mdyedbjvr]  .inv-alert{border-radius:14px}

@media(max-width:900px){
    .inv-form.three[b-3mdyedbjvr]{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)}
    .inv-template[b-3mdyedbjvr]{grid-template-columns:minmax(0, 1fr)}
}
@media(max-width:650px){
    .inv-header[b-3mdyedbjvr]{flex-direction:column}
    .inv-form.three[b-3mdyedbjvr]{grid-template-columns:minmax(0, 1fr)}
}
/* /Components/Pages/InventoryReminderSettingsHub.razor.rz.scp.css */
.inv-page[b-3k1vf1o8jd]{--navy:var(--blue-900);--navy-deep:#071a30;--line:var(--ink-100);--muted:var(--ink-500);color:var(--ink-900);display:grid;gap:18px; grid-template-columns: minmax(0, 1fr); }

.inv-header[b-3k1vf1o8jd]{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:26px 30px;border-radius:18px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-deep) 100%);box-shadow:0 14px 32px -16px rgba(8,33,56,.5)}
.inv-header span[b-3k1vf1o8jd]{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.12);color:var(--orange-500);font-size:.68rem;font-weight:900;letter-spacing:.12em}
.inv-header h1[b-3k1vf1o8jd]{margin:10px 0 6px;color:#fff;font-size:2rem;font-weight:750;letter-spacing:-.01em;text-align:left}
.inv-header p[b-3k1vf1o8jd]{margin:0;color:#c8d6e6;max-width:60ch;font-size:.9rem;line-height:1.5;text-align:left}

.inv-panel[b-3k1vf1o8jd]{border:1px solid var(--line);border-radius:18px;background:#fff;padding:24px 26px;box-shadow:0 10px 28px -18px rgba(11,37,69,.16)}
.inv-panel h2[b-3k1vf1o8jd]{margin:0 0 16px;color:var(--navy);font-size:1.1rem;font-weight:750;text-align:left}

.inv-grid[b-3k1vf1o8jd]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.inv-card[b-3k1vf1o8jd]{display:flex;align-items:center;gap:16px;padding:20px;min-width:0;border:1px solid var(--line);border-radius:16px;background:#fff;text-decoration:none;color:inherit;box-shadow:0 1px 3px rgba(15,23,42,.04);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.inv-card:hover[b-3k1vf1o8jd]{transform:translateY(-2px);box-shadow:0 14px 28px -12px rgba(11,47,82,.2);border-color:var(--blue-100)}

.inv-card-icon[b-3k1vf1o8jd]{flex:0 0 auto;width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff}
.inv-card-icon .mud-icon-root[b-3k1vf1o8jd]{font-size:1.6rem}
.inv-card-icon.email[b-3k1vf1o8jd]{background:linear-gradient(135deg,var(--blue-500),var(--blue-700))}
.inv-card-icon.sms[b-3k1vf1o8jd]{background:linear-gradient(135deg,var(--green-500),var(--green-700))}

.inv-card-body[b-3k1vf1o8jd]{flex:1;min-width:0;text-align:left}
.inv-card-body h3[b-3k1vf1o8jd]{margin:0 0 3px;color:var(--navy);font-size:1.02rem;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inv-card-body p[b-3k1vf1o8jd]{margin:0;color:var(--muted);font-size:.82rem;line-height:1.45;text-align:left}

.inv-card-arrow[b-3k1vf1o8jd]{flex:0 0 auto;color:#93a2ac;font-size:1.1rem;transition:transform .15s ease,color .15s ease}
.inv-card:hover .inv-card-arrow[b-3k1vf1o8jd]{transform:translateX(3px);color:var(--blue-600)}

@media (max-width:700px){
    .inv-header[b-3k1vf1o8jd]{flex-direction:column}
    .inv-grid[b-3k1vf1o8jd]{grid-template-columns:minmax(0, 1fr)}
}
/* /Components/Pages/InventoryReminderSmsSettings.razor.rz.scp.css */
.inv-page[b-hgj9m87mi8]{--navy:var(--blue-900);--navy-deep:#071a30;--line:var(--ink-100);--muted:var(--ink-500);color:var(--ink-900);text-align:left;display:grid;gap:18px; grid-template-columns: minmax(0, 1fr); }

.inv-header[b-hgj9m87mi8]{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:26px 30px;border-radius:18px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-deep) 100%);box-shadow:0 14px 32px -16px rgba(8,33,56,.5)}
.inv-header span[b-hgj9m87mi8]{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.12);color:var(--orange-500);font-size:.68rem;font-weight:900;letter-spacing:.12em}
.inv-header h1[b-hgj9m87mi8]{margin:10px 0 6px;color:#fff;font-size:1.75rem;font-weight:750;letter-spacing:-.01em}
.inv-header p[b-hgj9m87mi8]{margin:0;color:#c8d6e6;max-width:60ch;font-size:.9rem;line-height:1.5}

.inv-note[b-hgj9m87mi8]{max-width:820px;margin:0;padding:12px 14px;border-left:3px solid var(--brown-500);border-radius:0 10px 10px 0;background:var(--brown-100);color:var(--brown-700);font-size:.83rem;line-height:1.5}

.inv-panel[b-hgj9m87mi8]{max-width:820px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:22px 24px;box-shadow:0 10px 28px -14px rgba(11,37,69,.14)}

.inv-toggle-row[b-hgj9m87mi8]{display:flex;align-items:center;margin-bottom:1.1rem;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--ink-100)}
.inv-toggle-row[b-hgj9m87mi8]  .mud-switch-label{font-weight:750;color:var(--ink-900)}

.inv-form[b-hgj9m87mi8]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1.1rem}
.inv-form-full[b-hgj9m87mi8]{grid-column:1 / -1}

.inv-panel[b-hgj9m87mi8]  .mud-input-control{margin-top:0}
.inv-panel[b-hgj9m87mi8]  .mud-input-outlined-border{border-color:var(--ink-300);transition:border-color 150ms ease,box-shadow 150ms ease}
.inv-panel[b-hgj9m87mi8]  .mud-input-outlined.mud-focused .mud-input-outlined-border{border-color:var(--blue-600) !important;border-width:2px !important;box-shadow:0 0 0 3px var(--blue-100)}
.inv-panel[b-hgj9m87mi8]  .mud-input:hover:not(.mud-disabled) .mud-input-outlined-border{border-color:var(--blue-500)}

.inv-hint[b-hgj9m87mi8]{margin:1rem 0 0;color:var(--muted);font-size:.8rem;line-height:1.6}
.inv-hint code[b-hgj9m87mi8]{padding:1px 6px;border-radius:5px;background:var(--blue-50);color:var(--blue-700);font-size:.76rem;font-family:'SFMono-Regular',Consolas,monospace}

.inv-actions[b-hgj9m87mi8]{display:flex;justify-content:flex-end;margin-top:1.4rem;padding-top:1.1rem;border-top:1px solid var(--line)}
.inv-save[b-hgj9m87mi8]{min-height:42px;padding:0 20px;border:0;border-radius:10px;background:var(--orange-600);color:#fff;font-weight:800;font-size:.88rem;cursor:pointer;box-shadow:0 6px 16px -6px rgba(234,88,12,.55);transition:background-color 150ms ease,transform 150ms ease}
.inv-save:hover[b-hgj9m87mi8]{background:var(--orange-700);transform:translateY(-1px)}
.inv-save:focus-visible[b-hgj9m87mi8]{outline:2px solid var(--blue-600);outline-offset:2px}
.inv-save:disabled[b-hgj9m87mi8]{opacity:.55;transform:none;cursor:default}

@media(max-width:650px){
    .inv-header[b-hgj9m87mi8]{flex-direction:column}
    .inv-form[b-hgj9m87mi8]{grid-template-columns:minmax(0, 1fr)}
}
/* /Components/Pages/Invoices.razor.rz.scp.css */
.invoices-page-redesign[b-m6kzvt43yd] {
    max-width: 1500px;
    margin: 0 auto;
    padding: .5rem;
    --invoices-navy: #0b2f52;
    --invoices-blue: #2f6fed;
    --invoices-line: #e2e8f0;
    --invoices-muted: #64748b;
}

/* ---------- Hero ---------- */
.invoices-hero[b-m6kzvt43yd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
    padding: 30px 32px;
    border-radius: 22px;
    background: linear-gradient(135deg, var(--invoices-navy) 0%, #14497a 55%, #1c5f9e 100%);
    box-shadow: 0 18px 40px -12px rgba(11, 47, 82, .45);
    color: #fff;
    margin-bottom: 4px;
    position: relative;
    overflow: hidden;
}

.invoices-hero[b-m6kzvt43yd]::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(420px 220px at 88% -10%, rgba(255, 255, 255, .16), transparent 60%),
        radial-gradient(280px 180px at 100% 120%, rgba(47, 111, 237, .35), transparent 65%);
    pointer-events: none;
}

.invoices-hero-text[b-m6kzvt43yd] { position: relative; max-width: 560px; }

.invoices-hero-eyebrow[b-m6kzvt43yd] {
    display: inline-block;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #bcd6f7;
    margin-bottom: 8px;
}

.invoices-hero-text h1[b-m6kzvt43yd] {
    margin: 0 0 8px;
    font-size: 2.35rem;
    font-weight: 800;
    letter-spacing: -.01em;
    text-wrap: balance;
}

.invoices-hero-text p[b-m6kzvt43yd] {
    margin: 0;
    color: #d7e6f7;
    font-size: .95rem;
    line-height: 1.5;
    max-width: 46ch;
}

.invoices-hero-stats[b-m6kzvt43yd] {
    position: relative;
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.invoices-hero-stat[b-m6kzvt43yd] {
    min-width: 96px;
    padding: 12px 18px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .22);
    backdrop-filter: blur(6px);
    text-align: center;
}

.invoices-hero-stat strong[b-m6kzvt43yd] {
    display: block;
    font-size: 1.6rem;
    font-weight: 800;
    line-height: 1.1;
}

.invoices-hero-stat span[b-m6kzvt43yd] {
    display: block;
    margin-top: 2px;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #c7dcf5;
}

.invoices-hero-refresh[b-m6kzvt43yd] {
    position: absolute;
    top: 18px;
    right: 18px;
    color: #fff !important;
    background: rgba(255, 255, 255, .12);
}
.invoices-hero-refresh:hover[b-m6kzvt43yd] { background: rgba(255, 255, 255, .22); }

/* ---------- Shared panel polish ---------- */
.invoices-page-redesign[b-m6kzvt43yd]  .mud-paper {
    border: 1px solid var(--invoices-line);
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(15, 43, 68, .06);
}

.invoices-page-redesign[b-m6kzvt43yd]  .mud-table-head { background: #f1f5f9; }
.invoices-page-redesign[b-m6kzvt43yd]  .mud-table-head .mud-table-cell {
    font-weight: 800;
    font-size: .74rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--invoices-muted);
}
.invoices-page-redesign[b-m6kzvt43yd]  .mud-table-row:hover { background: #eff6ff !important; }
.invoices-page-redesign[b-m6kzvt43yd]  .mud-table-row { transition: background .15s ease; }

.invoices-page-redesign[b-m6kzvt43yd]  .mud-button-filled.mud-button-filled-primary {
    background: linear-gradient(135deg, var(--invoices-navy), var(--invoices-blue));
    box-shadow: 0 8px 20px -6px rgba(47, 111, 237, .55);
}

.invoices-page-redesign[b-m6kzvt43yd]  .mud-input-outlined {
    background: #fbfcfe;
    border-radius: 12px;
    transition: background .15s ease;
}
.invoices-page-redesign[b-m6kzvt43yd]  .mud-input-outlined.mud-focused .mud-input-outlined-border {
    border-color: var(--invoices-blue) !important;
    border-width: 2px !important;
    box-shadow: 0 0 0 3px rgba(47, 111, 237, .12);
}

/* ---------- Staff avatar chip ---------- */
.invoices-avatar[b-m6kzvt43yd] {
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: .72rem;
    letter-spacing: .02em;
    color: #fff;
    background: linear-gradient(135deg, var(--invoices-navy), var(--invoices-blue));
}

@media (max-width: 700px) {
    .invoices-hero[b-m6kzvt43yd] { padding: 24px 22px; }
    .invoices-hero-text h1[b-m6kzvt43yd] { font-size: 1.9rem; }
    .invoices-hero-refresh[b-m6kzvt43yd] { top: 12px; right: 12px; }
}

@media (max-width: 600px) {
    .invoices-page-redesign[b-m6kzvt43yd] { padding: 0; }
    .invoices-hero-stats[b-m6kzvt43yd] { width: 100%; }
    .invoices-hero-stat[b-m6kzvt43yd] { flex: 1 1 30%; }
}
/* /Components/Pages/LuCodes.razor.rz.scp.css */
.luc-page[b-a4sgij8wf6] { --navy:#0b2447; --navy-2:#12355b; --teal:#0f4791; --orange:#f28c28; --ink:#20384d; --muted:#6e8191; --line:#dbe5ec; display:grid; gap:1rem; color:var(--ink); grid-template-columns: minmax(0, 1fr); }
.luc-breadcrumbs[b-a4sgij8wf6] { display:flex; flex-wrap:wrap; gap:.45rem; color:var(--muted); font-size:.82rem; }
.luc-breadcrumbs a[b-a4sgij8wf6] { color:#083877; text-decoration:none; }
.luc-hero[b-a4sgij8wf6] { position:relative; display:flex; justify-content:space-between; align-items:end; gap:1rem; overflow:hidden; padding:1.45rem 1.6rem; border-radius:18px; color:#fff; background:linear-gradient(125deg,var(--navy),var(--navy-2)); box-shadow:0 12px 30px rgba(11,36,71,.18); }
.luc-hero[b-a4sgij8wf6]::after { content:"LU"; position:absolute; right:11rem; top:-2.4rem; color:rgba(255,255,255,.055); font-size:9rem; font-weight:950; line-height:1; transform:rotate(-7deg); }
.luc-hero > *[b-a4sgij8wf6] { position:relative; z-index:1; }
.luc-kicker[b-a4sgij8wf6] { color:#92b2dd; font-size:.68rem; font-weight:900; letter-spacing:.15em; }
.luc-hero h1[b-a4sgij8wf6] { margin:.2rem 0 .25rem; font-size:clamp(2rem,4vw,3.2rem); letter-spacing:-.035em; }
.luc-hero p[b-a4sgij8wf6] { max-width:760px; margin:0; color:#d6e5f0; }
.luc-hero-stat[b-a4sgij8wf6] { display:grid; min-width:170px; padding:.8rem 1rem; border:1px solid rgba(255,255,255,.17); border-radius:14px; background:rgba(255,255,255,.08); }
.luc-hero-stat strong[b-a4sgij8wf6] { font-size:1.6rem; }.luc-hero-stat span[b-a4sgij8wf6] { color:#bcd1df; font-size:.72rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.luc-hero-stat small[b-a4sgij8wf6] { margin-top:.15rem; color:#9fb8d8; }
.luc-workspace[b-a4sgij8wf6] { display:grid; grid-template-columns:minmax(290px,35%) minmax(0,65%); min-height:680px; overflow:hidden; border:1px solid var(--line); border-radius:17px; background:#fff; box-shadow:0 8px 24px rgba(11,36,71,.07); }
.luc-list-panel[b-a4sgij8wf6] { display:grid; grid-template-rows:auto auto minmax(0,1fr); min-width:0; padding:1rem 0 0; border-right:1px solid #cfdbe3; background:#eef3f6; }
.luc-search[b-a4sgij8wf6] { position:relative; display:block; margin:0 1rem .75rem; }.luc-search[b-a4sgij8wf6]  > svg { position:absolute; left:.85rem; top:50%; color:#718594; transform:translateY(-50%); }.luc-search input[b-a4sgij8wf6] { width:100%; min-height:48px; padding:.75rem 2.7rem .75rem 2.75rem; border:1px solid #cbd8e1; border-radius:12px; color:var(--ink); background:#fff; outline:0; }.luc-search input:focus[b-a4sgij8wf6] { border-color:#587caa; box-shadow:0 0 0 3px rgba(15, 71, 145, .12); }.luc-search button[b-a4sgij8wf6] { position:absolute; right:.55rem; top:50%; display:grid; place-items:center; width:34px; height:34px; border:0; border-radius:8px; color:#718594; background:transparent; transform:translateY(-50%); }.luc-search button[b-a4sgij8wf6]  svg { width:19px; }
.luc-list-heading[b-a4sgij8wf6] { display:flex; justify-content:space-between; padding:.65rem 1rem; border-block:1px solid #d7e1e7; color:var(--muted); font-size:.72rem; }.luc-list-heading strong[b-a4sgij8wf6] { color:var(--navy); }
.luc-drug-list[b-a4sgij8wf6] { min-height:0; overflow:auto; }.luc-drug[b-a4sgij8wf6] { display:grid; grid-template-columns:minmax(0,1fr); justify-content:stretch; justify-items:stretch; align-content:start; align-items:start; gap:.16rem; width:100%; padding:.85rem 1rem; border:0; border-bottom:1px solid #d9e3e9; color:var(--ink); background:transparent; text-align:left; cursor:pointer; }.luc-drug:hover[b-a4sgij8wf6] { background:#f8fbfc; }.luc-drug.selected[b-a4sgij8wf6] { box-shadow:inset 4px 0 0 var(--orange); background:#fff; }.luc-drug-name[b-a4sgij8wf6],.luc-drug-brands[b-a4sgij8wf6] { justify-self:stretch; min-width:0; text-align:left; }.luc-drug-name[b-a4sgij8wf6] { color:var(--navy); font-size:.92rem; font-weight:850; }.luc-drug-brands[b-a4sgij8wf6] { overflow:hidden; color:var(--muted); font-size:.74rem; text-overflow:ellipsis; white-space:nowrap; }
.luc-empty-list[b-a4sgij8wf6] { display:grid; gap:.25rem; padding:2rem 1rem; color:var(--muted); text-align:center; }.luc-empty-list strong[b-a4sgij8wf6] { color:var(--navy); }
.luc-detail[b-a4sgij8wf6] { min-width:0; padding:1.25rem; background:#fff; }.luc-detail-empty[b-a4sgij8wf6] { min-height:600px; display:grid; place-items:center; align-content:center; gap:.3rem; color:var(--muted); text-align:center; }.luc-detail-empty[b-a4sgij8wf6]  svg { color:#a7bac5; font-size:3rem; }.luc-detail-empty h2[b-a4sgij8wf6],.luc-detail-empty p[b-a4sgij8wf6] { margin:0; }.luc-detail-empty h2[b-a4sgij8wf6] { color:var(--navy); }
.luc-mobile-back[b-a4sgij8wf6] { display:none; align-items:center; gap:.3rem; margin-bottom:.75rem; border:0; color:#083877; background:transparent; font-weight:800; }
.luc-drug-header[b-a4sgij8wf6] { display:flex; justify-content:space-between; align-items:start; gap:1rem; padding-bottom:1rem; border-bottom:1px solid var(--line); }.luc-drug-header > div:first-child > span[b-a4sgij8wf6] { color:#083877; font-size:.68rem; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }.luc-drug-header h2[b-a4sgij8wf6] { margin:.18rem 0 .15rem; color:var(--navy); font-size:clamp(1.55rem,3vw,2.25rem); }.luc-drug-header p[b-a4sgij8wf6] { max-width:700px; margin:0; color:var(--muted); font-size:.82rem; }.luc-meta[b-a4sgij8wf6] { display:flex; flex-wrap:wrap; justify-content:end; gap:.35rem; }.luc-meta span[b-a4sgij8wf6] { padding:.34rem .55rem; border:1px solid #d8dfe9; border-radius:999px; color:#536c7d; background:#f8fafb; font-size:.68rem; font-weight:750; }
.luc-preamble[b-a4sgij8wf6] { display:grid; grid-template-columns:auto minmax(0,1fr); gap:.6rem; margin-top:1rem; padding:.8rem .9rem; border:1px solid #cfd9e5; border-radius:11px; color:#495e79; background:#f0f3f8; }.luc-preamble[b-a4sgij8wf6]  svg { color:var(--teal); }.luc-preamble p[b-a4sgij8wf6] { margin:0; white-space:pre-wrap; }
.luc-code-section[b-a4sgij8wf6] { margin-top:1.15rem; }.luc-section-heading[b-a4sgij8wf6] { display:flex; justify-content:space-between; align-items:end; gap:1rem; margin-bottom:.7rem; }.luc-section-heading span[b-a4sgij8wf6] { color:#083877; font-size:.65rem; font-weight:900; letter-spacing:.11em; }.luc-section-heading h3[b-a4sgij8wf6] { margin:.12rem 0 0; color:var(--navy); font-size:1.05rem; }.luc-section-heading button[b-a4sgij8wf6] { border:0; color:#083877; background:transparent; font-size:.75rem; font-weight:850; }
.luc-code-list[b-a4sgij8wf6] { display:grid; gap:.75rem; }.luc-code-card[b-a4sgij8wf6] { overflow:hidden; border:1px solid var(--line); border-radius:14px; background:#fff; box-shadow:0 4px 12px rgba(11,36,71,.04); }.luc-code-card.expanded[b-a4sgij8wf6] { border-color:#b7c3d3; box-shadow:0 8px 20px rgba(11,36,71,.07); }.luc-code-top[b-a4sgij8wf6] { display:grid; grid-template-columns:78px minmax(0,1fr) auto; align-items:start; gap:.9rem; padding:1rem; }.luc-code-badge[b-a4sgij8wf6] { display:grid; place-items:center; min-height:66px; border:1px solid #afc0d7; border-radius:11px; color:#072d5f; background:#eaf0f7; }.luc-code-badge small[b-a4sgij8wf6] { font-size:.57rem; font-weight:900; letter-spacing:.14em; }.luc-code-badge strong[b-a4sgij8wf6] { font-size:1.35rem; }.luc-quick > span[b-a4sgij8wf6] { color:#8a6a45; font-size:.61rem; font-weight:900; letter-spacing:.11em; }.luc-quick p[b-a4sgij8wf6] { margin:.22rem 0 0; color:#253f53; font-size:.9rem; line-height:1.48; }.luc-quick-auth[b-a4sgij8wf6] { display:flex; align-items:flex-start; gap:.42rem; width:fit-content; max-width:100%; margin-top:.65rem; padding:.48rem .65rem; border:1px solid #f0c387; border-radius:9px; color:#734719; background:#fff3df; font-size:.72rem; font-weight:800; line-height:1.35; white-space:pre-wrap; }.luc-quick-auth[b-a4sgij8wf6]  svg { flex:0 0 auto; width:17px; height:17px; color:#d97816; }.luc-copy-actions[b-a4sgij8wf6] { display:flex; flex-wrap:wrap; justify-content:end; gap:.35rem; }.luc-copy-actions button[b-a4sgij8wf6],.luc-full-heading button[b-a4sgij8wf6] { display:inline-flex; align-items:center; gap:.28rem; padding:.4rem .55rem; border:1px solid #d8e3e9; border-radius:8px; color:#526d7f; background:#fff; font-size:.68rem; font-weight:800; }.luc-copy-actions button:hover[b-a4sgij8wf6],.luc-full-heading button:hover[b-a4sgij8wf6] { border-color:var(--teal); color:#083877; }.luc-copy-actions button[b-a4sgij8wf6]  svg,.luc-full-heading button[b-a4sgij8wf6]  svg { width:16px; }
.luc-expand[b-a4sgij8wf6] { display:flex; justify-content:space-between; align-items:center; width:100%; padding:.62rem 1rem; border:0; border-top:1px solid #edf1f4; color:#083877; background:#fbfcfd; font-size:.73rem; font-weight:850; text-align:left; }.luc-expand[b-a4sgij8wf6]  svg { width:20px; }.luc-full[b-a4sgij8wf6] { padding:1rem; border-top:1px solid #e2eaee; background:#fbfcfd; }.luc-full-heading[b-a4sgij8wf6] { display:flex; justify-content:space-between; align-items:center; gap:.8rem; margin-bottom:.8rem; }.luc-full-heading strong[b-a4sgij8wf6] { color:var(--navy); font-size:.82rem; }.luc-full > p[b-a4sgij8wf6] { margin:0; color:#314c60; font-size:.86rem; line-height:1.58; white-space:pre-wrap; }
.luc-source[b-a4sgij8wf6] { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:.8rem; padding:1rem; border:1px solid #cad6e5; border-radius:14px; color:#526b7d; background:#eef2f7; }.luc-source[b-a4sgij8wf6] >  svg { color:var(--teal); }.luc-source strong[b-a4sgij8wf6] { color:var(--navy); }.luc-source p[b-a4sgij8wf6] { margin:.15rem 0 0; font-size:.76rem; }.luc-source-links[b-a4sgij8wf6] { display:flex; flex-wrap:wrap; justify-content:end; gap:.3rem .7rem; max-width:430px; font-size:.69rem; }.luc-source-links span[b-a4sgij8wf6] { width:100%; text-align:right; }.luc-source-links a[b-a4sgij8wf6] { color:#083877; font-weight:800; }
.luc-state[b-a4sgij8wf6] { min-height:300px; display:grid; place-items:center; align-content:center; gap:.45rem; border:1px dashed #cbd9e1; border-radius:16px; color:var(--muted); background:#fff; }.luc-state.error[b-a4sgij8wf6]  svg { color:#be4d3d; }
@media (max-width:900px) { .luc-workspace[b-a4sgij8wf6] { grid-template-columns:320px minmax(0,1fr); }.luc-code-top[b-a4sgij8wf6] { grid-template-columns:68px minmax(0,1fr); }.luc-copy-actions[b-a4sgij8wf6] { grid-column:2; justify-content:start; }.luc-source[b-a4sgij8wf6] { grid-template-columns:auto minmax(0,1fr); }.luc-source-links[b-a4sgij8wf6] { grid-column:2; justify-content:start; }.luc-source-links span[b-a4sgij8wf6] { text-align:left; } }
@media (max-width:700px) { .luc-hero[b-a4sgij8wf6] { align-items:start; }.luc-hero-stat[b-a4sgij8wf6] { display:none; }.luc-workspace[b-a4sgij8wf6] { display:block; min-height:0; overflow:visible; }.luc-list-panel[b-a4sgij8wf6] { border-right:0; }.luc-drug-list[b-a4sgij8wf6] { max-height:none; }.luc-detail[b-a4sgij8wf6] { display:none; }.luc-list-panel:has(+ .luc-detail .luc-drug-header)[b-a4sgij8wf6] { display:none; }.luc-list-panel + .luc-detail:has(.luc-drug-header)[b-a4sgij8wf6] { display:block; }.luc-mobile-back[b-a4sgij8wf6] { display:inline-flex; }.luc-detail-empty[b-a4sgij8wf6] { display:none; }.luc-drug-header[b-a4sgij8wf6] { flex-direction:column; }.luc-meta[b-a4sgij8wf6] { justify-content:start; }.luc-code-top[b-a4sgij8wf6] { grid-template-columns:62px minmax(0,1fr); gap:.7rem; padding:.85rem; }.luc-copy-actions[b-a4sgij8wf6] { grid-column:1 / -1; justify-content:start; }.luc-full-heading[b-a4sgij8wf6] { align-items:start; flex-direction:column; }.luc-source[b-a4sgij8wf6] { grid-template-columns:auto minmax(0,1fr); }.luc-source-links[b-a4sgij8wf6] { grid-column:2; justify-content:start; }.luc-source-links span[b-a4sgij8wf6] { text-align:left; } }
/* /Components/Pages/ManagerReview.razor.rz.scp.css */
.mr-page[b-0ebg0ihdb0] {
    --navy: #0B2F52;
    --navy-hover: #164A78;
    --teal: #168552;
    --teal-soft: #eaf1fb;
    --blue: #2563EB;
    --blue-soft: #EEF5FF;
    --orange: #F97316;
    --orange-soft: #FFF7ED;
    --red: #DC2626;
    --red-soft: #FEF2F2;
    --green: #16A34A;
    --green-soft: #ECFDF3;
    --ink: #0F172A;
    --muted: #64748B;
    --line: #E2E8F0;
    --soft: #F8FAFC;
    --white: #FFFFFF;
    --shadow: 0 16px 36px rgba(15, 23, 42, .08);
    --shadow-sm: 0 7px 20px rgba(15, 23, 42, .06);

    color: var(--ink);
    font-family: var(--app-font, Inter, ui-sans-serif, system-ui, -apple-system,)
        BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.mr-page button[b-0ebg0ihdb0],
.mr-page input[b-0ebg0ihdb0],
.mr-page select[b-0ebg0ihdb0],
.mr-page textarea[b-0ebg0ihdb0] {
    font: inherit;
}

.mr-page button[b-0ebg0ihdb0] {
    cursor: pointer;
}

.mr-page-head[b-0ebg0ihdb0] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 18px;
}

.mr-eyebrow[b-0ebg0ihdb0] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .14em;
    color: var(--teal);
    font-weight: 900;
}

.mr-page-head h1[b-0ebg0ihdb0] {
    margin: 7px 0 6px;
    color: var(--navy);
    font-size: 34px;
    letter-spacing: -.04em;
}

.mr-page-head p[b-0ebg0ihdb0] {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
    max-width: 720px;
}

.mr-head-actions[b-0ebg0ihdb0] {
    display: flex;
    gap: 10px;
    flex-none: none;
}

.mr-btn[b-0ebg0ihdb0] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 42px;
    padding: 0 15px;
    border-radius: 12px;
    border: 1px solid var(--line);
    background: var(--white);
    color: var(--navy);
    font-weight: 850;
    font-size: 13px;
    transition: .18s ease;
    text-decoration: none;
}

.mr-btn:hover[b-0ebg0ihdb0] {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(15, 23, 42, .08);
}

.mr-btn:disabled[b-0ebg0ihdb0] {
    opacity: .5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.mr-btn.primary[b-0ebg0ihdb0] {
    background: var(--navy);
    border-color: var(--navy);
    color: #fff;
}

.mr-btn.primary:hover[b-0ebg0ihdb0] {
    background: var(--navy-hover);
}

.mr-btn.danger[b-0ebg0ihdb0] {
    background: var(--red);
    border-color: var(--red);
    color: #fff;
}

.mr-btn.orange[b-0ebg0ihdb0] {
    background: var(--orange);
    border-color: var(--orange);
    color: #fff;
}

.mr-metrics[b-0ebg0ihdb0] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.mr-metric[b-0ebg0ihdb0] {
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 18px;
    box-shadow: var(--shadow-sm);
    display: flex;
    align-items: center;
    gap: 14px;
}

.mr-metric-icon[b-0ebg0ihdb0] {
    width: 44px;
    height: 44px;
    border-radius: 13px;
    display: grid;
    place-items: center;
    font-size: 20px;
    font-weight: 900;
    flex: none;
}

.mr-metric.orange .mr-metric-icon[b-0ebg0ihdb0] {
    background: var(--orange-soft);
    color: var(--orange);
}

.mr-metric.blue .mr-metric-icon[b-0ebg0ihdb0] {
    background: var(--blue-soft);
    color: var(--blue);
}

.mr-metric.green .mr-metric-icon[b-0ebg0ihdb0] {
    background: var(--green-soft);
    color: var(--green);
}

.mr-metric-label[b-0ebg0ihdb0] {
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
}

.mr-metric-value[b-0ebg0ihdb0] {
    margin-top: 4px;
    font-size: 26px;
    font-weight: 900;
    color: var(--navy);
}

.mr-workspace[b-0ebg0ihdb0] {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: 16px;
    align-items: start;
}

.mr-queue[b-0ebg0ihdb0] {
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

.mr-queue-head[b-0ebg0ihdb0] {
    padding: 16px 18px;
    border-bottom: 1px solid var(--line);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.mr-queue-head h3[b-0ebg0ihdb0] {
    margin: 0;
    color: var(--navy);
    font-size: 16px;
}

.mr-queue-filters[b-0ebg0ihdb0] {
    display: flex;
    gap: 8px;
}

.mr-queue-filters input[b-0ebg0ihdb0],
.mr-queue-filters select[b-0ebg0ihdb0] {
    flex: 1;
    min-height: 38px;
    border: 1px solid var(--line);
    border-radius: 10px;
    padding: 0 10px;
    font-size: 13px;
    background: var(--soft);
    color: var(--ink);
}

.mr-queue-filters select[b-0ebg0ihdb0] {
    flex: none;
    width: 150px;
}

.mr-queue-list[b-0ebg0ihdb0] {
    max-height: 640px;
    overflow-y: auto;
}

.mr-queue-item[b-0ebg0ihdb0] {
    display: block;
    width: 100%;
    text-align: left;
    padding: 14px 18px;
    border: none;
    border-bottom: 1px solid var(--line);
    background: var(--white);
    transition: .15s ease;
}

.mr-queue-item:last-child[b-0ebg0ihdb0] {
    border-bottom: none;
}

.mr-queue-item:hover[b-0ebg0ihdb0] {
    background: var(--soft);
}

.mr-queue-item.active[b-0ebg0ihdb0] {
    background: var(--teal-soft);
    box-shadow: inset 3px 0 0 var(--teal);
}

.mr-queue-item-top[b-0ebg0ihdb0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.mr-queue-ref[b-0ebg0ihdb0] {
    font-weight: 850;
    color: var(--navy);
    font-size: 13px;
}

.mr-queue-tag[b-0ebg0ihdb0] {
    font-size: 10px;
    font-weight: 850;
    padding: 3px 7px;
    border-radius: 999px;
    background: var(--orange-soft);
    color: #C2410C;
}

.mr-queue-meta[b-0ebg0ihdb0] {
    margin-top: 5px;
    color: var(--muted);
    font-size: 11.5px;
}

.mr-empty[b-0ebg0ihdb0] {
    padding: 46px 20px;
    text-align: center;
    color: var(--muted);
}

.mr-empty-icon[b-0ebg0ihdb0] {
    width: 52px;
    height: 52px;
    margin: 0 auto 12px;
    border-radius: 50%;
    background: var(--green-soft);
    color: var(--green);
    display: grid;
    place-items: center;
    font-size: 24px;
    font-weight: 900;
}

.mr-empty strong[b-0ebg0ihdb0] {
    display: block;
    color: var(--navy);
    font-size: 14px;
    margin-bottom: 3px;
}

.mr-empty span[b-0ebg0ihdb0] {
    font-size: 12px;
}

.mr-review-panel[b-0ebg0ihdb0] {
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: var(--shadow-sm);
    padding: 22px;
    min-height: 420px;
}

.mr-review-empty[b-0ebg0ihdb0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 380px;
    color: var(--muted);
    gap: 6px;
}

.mr-review-empty-icon[b-0ebg0ihdb0] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: var(--soft);
    display: grid;
    place-items: center;
    font-size: 26px;
    color: var(--muted);
    margin-bottom: 6px;
}

.mr-review-empty strong[b-0ebg0ihdb0] {
    color: var(--navy);
    font-size: 15px;
}

.mr-review-head[b-0ebg0ihdb0] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 16px;
}

.mr-review-head h2[b-0ebg0ihdb0] {
    margin: 0;
    color: var(--navy);
    font-size: 22px;
}

.mr-type-badge[b-0ebg0ihdb0] {
    display: inline-flex;
    padding: 6px 11px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 850;
    background: var(--red-soft);
    color: var(--red);
}

.mr-type-badge.near[b-0ebg0ihdb0] {
    background: var(--orange-soft);
    color: #C2410C;
}

.mr-detail-grid[b-0ebg0ihdb0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}

.mr-detail-item[b-0ebg0ihdb0] {
    background: var(--soft);
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 11px 13px;
}

.mr-detail-item strong[b-0ebg0ihdb0] {
    display: block;
    font-size: 10.5px;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--muted);
    margin-bottom: 4px;
}

.mr-detail-item span[b-0ebg0ihdb0] {
    font-size: 13.5px;
    color: var(--ink);
    font-weight: 650;
}

.mr-section[b-0ebg0ihdb0] {
    margin-bottom: 16px;
}

.mr-section h3[b-0ebg0ihdb0] {
    margin: 0 0 8px;
    color: var(--navy);
    font-size: 14px;
}

.mr-narrative[b-0ebg0ihdb0] {
    background: var(--soft);
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 13px;
    font-size: 13px;
    line-height: 1.6;
    white-space: pre-wrap;
    color: var(--ink);
}

.mr-form-grid[b-0ebg0ihdb0] {
    display: grid;
    gap: 12px;
}

.mr-field label[b-0ebg0ihdb0] {
    display: block;
    font-size: 11.5px;
    font-weight: 800;
    color: var(--muted);
    margin-bottom: 5px;
}

.mr-select[b-0ebg0ihdb0],
.mr-textarea[b-0ebg0ihdb0],
.mr-input[b-0ebg0ihdb0] {
    width: 100%;
    border: 1px solid var(--line);
    border-radius: 10px;
    padding: 9px 11px;
    font-size: 13.5px;
    background: var(--white);
    color: var(--ink);
    box-sizing: border-box;
}

.mr-textarea[b-0ebg0ihdb0] {
    min-height: 90px;
    resize: vertical;
}

.mr-actions[b-0ebg0ihdb0] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.mr-history[b-0ebg0ihdb0] {
    margin-top: 18px;
    border-top: 1px solid var(--line);
    padding-top: 14px;
    display: grid;
    gap: 8px;
}

.mr-history-item[b-0ebg0ihdb0] {
    font-size: 12px;
    color: var(--muted);
}

.mr-history-item strong[b-0ebg0ihdb0] {
    color: var(--ink);
}

.mr-mobile-toggle[b-0ebg0ihdb0] {
    display: none;
}

@media (max-width: 1100px) {
    .mr-workspace[b-0ebg0ihdb0] {
        grid-template-columns: minmax(0, 1fr);
    }

    .mr-metrics[b-0ebg0ihdb0] {
        grid-template-columns: minmax(0, 1fr);
    }

    .mr-mobile-toggle[b-0ebg0ihdb0] {
        display: inline-flex;
    }

    .mr-workspace .mr-review-panel[b-0ebg0ihdb0] {
        display: none;
    }

    .mr-workspace.mobile-review .mr-queue[b-0ebg0ihdb0] {
        display: none;
    }

    .mr-workspace.mobile-review .mr-review-panel[b-0ebg0ihdb0] {
        display: block;
    }
}

@media (max-width: 760px) {
    .mr-page-head[b-0ebg0ihdb0] {
        flex-direction: column;
    }

    .mr-head-actions[b-0ebg0ihdb0] {
        width: 100%;
    }

    .mr-head-actions .mr-btn[b-0ebg0ihdb0] {
        flex: 1;
    }

    .mr-detail-grid[b-0ebg0ihdb0] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/MedChecksDashboard.razor.rz.scp.css */
.mc-page[b-9soc7um1si]{max-width:1500px;margin:0 auto;padding:32px}.mc-hero[b-9soc7um1si]{display:flex;align-items:end;justify-content:space-between;padding:34px;border-radius:24px;background:linear-gradient(125deg,#06365f,#1d5fc4);color:#fff}.mc-hero h1[b-9soc7um1si]{font-size:clamp(2rem,4vw,3.4rem);margin:.2rem 0}.mc-hero p[b-9soc7um1si]{margin:0;color:#dbe8fb}.mc-eyebrow[b-9soc7um1si]{text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:#9dc6ff}.mc-primary[b-9soc7um1si]{background:#ff8a3d;color:#17213b;text-decoration:none;padding:14px 22px;border-radius:12px;font-weight:800}.mc-list[b-9soc7um1si],.mc-empty[b-9soc7um1si]{margin-top:24px;background:#fff;border:1px solid #d9e2ec;border-radius:20px;overflow:hidden}.mc-row[b-9soc7um1si]{display:grid;grid-template-columns:2fr 1.3fr .7fr 1fr auto;gap:20px;align-items:center;padding:20px 24px;border-bottom:1px solid #e8edf3;color:#102a43;text-decoration:none;transition:.18s}.mc-row:hover[b-9soc7um1si]{background:#f2f7ff;transform:translateX(2px)}.mc-row div[b-9soc7um1si]{display:flex;flex-direction:column}.mc-row span[b-9soc7um1si]{color:#627d98}.mc-status[b-9soc7um1si]{justify-self:start;padding:6px 10px;border-radius:999px;background:#fff4e8!important;color:#b45309!important;font-weight:800}.mc-status.finalized[b-9soc7um1si]{background:#e6f8ef!important;color:#16784a!important}.mc-empty[b-9soc7um1si]{padding:60px;text-align:center;display:flex;flex-direction:column;gap:8px}@media(max-width:760px){.mc-page[b-9soc7um1si]{padding:16px}.mc-hero[b-9soc7um1si]{align-items:flex-start;gap:20px;flex-direction:column}.mc-row[b-9soc7um1si]{grid-template-columns:minmax(0, 1fr) auto}.mc-row>span:nth-of-type(2)[b-9soc7um1si],.mc-row>span:nth-of-type(3)[b-9soc7um1si]{display:none}}

.mc-tabs[b-9soc7um1si]{display:flex;gap:8px;margin-top:24px;border-bottom:1px solid #d9e2ec}
.mc-tabs button[b-9soc7um1si]{display:flex;align-items:center;gap:8px;background:none;border:none;border-bottom:3px solid transparent;padding:12px 18px;font-size:1rem;font-weight:700;color:#627d98;cursor:pointer;transition:.18s}
.mc-tabs button:hover[b-9soc7um1si]{color:#06365f}
.mc-tabs button.active[b-9soc7um1si]{color:#06365f;border-bottom-color:#1d5fc4}
.mc-count[b-9soc7um1si]{background:#e3ecf5;color:#3a566f;border-radius:999px;padding:2px 9px;font-size:.8rem;font-weight:800}
.mc-count.eligible[b-9soc7um1si]{background:#fdecec;color:#b42318}
.mc-criteria[b-9soc7um1si]{margin-top:24px;background:#fff;border:1px solid #d9e2ec;border-radius:20px;padding:22px 24px}
.mc-criteria p[b-9soc7um1si]{margin:0 0 14px;color:#3a566f}
.mc-criteria-fields[b-9soc7um1si]{display:flex;flex-wrap:wrap;gap:16px;align-items:end}
.mc-criteria-fields label[b-9soc7um1si]{display:flex;flex-direction:column;gap:6px;font-size:.82rem;font-weight:700;color:#486581}
.mc-criteria-fields input[b-9soc7um1si]{width:150px;padding:9px 12px;border:1px solid #cfd9e3;border-radius:10px;font-size:.95rem}
.mc-criteria-fields button[b-9soc7um1si]{background:#06365f;color:#fff;border:none;padding:11px 24px;border-radius:10px;font-weight:800;cursor:pointer}
.mc-criteria-fields button:disabled[b-9soc7um1si]{opacity:.6;cursor:default}
.mc-row.eligible-row[b-9soc7um1si]{grid-template-columns:2fr 1.1fr 1fr 1.1fr auto}
.mc-row.eligible-row:hover[b-9soc7um1si]{background:#f2f7ff}
.mc-meds b[b-9soc7um1si]{font-size:1.15rem;color:#06365f}
.mc-status.never[b-9soc7um1si]{background:#fdecec!important;color:#b42318!important}
.mc-status.due[b-9soc7um1si]{background:#fff4e8!important;color:#b45309!important}
.mc-start[b-9soc7um1si]{background:#1d5fc4;color:#fff;text-decoration:none;padding:9px 20px;border-radius:10px;font-weight:800;white-space:nowrap}
.mc-start:hover[b-9soc7um1si]{background:#06326c}
@media(max-width:760px){.mc-row.eligible-row[b-9soc7um1si]{grid-template-columns:minmax(0, 1fr) auto}.mc-row.eligible-row>span:nth-of-type(2)[b-9soc7um1si],.mc-row.eligible-row>span:nth-of-type(3)[b-9soc7um1si]{display:none}.mc-criteria-fields input[b-9soc7um1si]{width:110px}}
/* /Components/Pages/MedCheckStart.razor.rz.scp.css */
.mcs-page[b-ur22ekw85q]{max-width:1100px;margin:0 auto;padding:36px}.mcs-back[b-ur22ekw85q]{color:#486581;text-decoration:none;font-weight:700}.mcs-card[b-ur22ekw85q]{margin-top:22px;background:#fff;border:1px solid #d9e2ec;border-radius:24px;padding:32px;box-shadow:0 18px 50px #102a4312}.mcs-heading[b-ur22ekw85q]{display:flex;gap:18px;align-items:center}.mcs-heading>span[b-ur22ekw85q]{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#0e4fa5;color:#fff;font-weight:900}.mcs-heading h1[b-ur22ekw85q]{margin:0;color:#06365f}.mcs-heading p[b-ur22ekw85q]{color:#627d98}.mcs-types[b-ur22ekw85q]{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}.mcs-types button[b-ur22ekw85q]{display:flex;flex-direction:column;text-align:left;padding:20px;border:2px solid #d9e2ec;border-radius:16px;background:#fff;color:#102a43}.mcs-types button span[b-ur22ekw85q]{color:#627d98;margin-top:6px}.mcs-types .selected[b-ur22ekw85q]{border-color:#0e4fa5;background:#eaf2fc}.mcs-types .diabetes[b-ur22ekw85q]{border-color:#ff8a3d;background:#fff5ea}.mcs-grid[b-ur22ekw85q]{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mcs-grid label:first-child[b-ur22ekw85q]{grid-column:1/-1}.mcs-grid label[b-ur22ekw85q]{display:flex;flex-direction:column;gap:7px;font-weight:800;color:#334e68}.mcs-grid input[b-ur22ekw85q],.mcs-grid select[b-ur22ekw85q]{padding:13px;border:1px solid #bcccdc;border-radius:10px;font:inherit}.mcs-submit[b-ur22ekw85q]{margin-top:24px;width:100%;border:0;border-radius:12px;padding:15px;background:#06365f;color:#fff;font-weight:800}.mcs-error[b-ur22ekw85q]{margin-top:16px;padding:12px;background:#fff0f0;color:#b42318;border-radius:10px}@media(max-width:650px){.mcs-page[b-ur22ekw85q]{padding:16px}.mcs-card[b-ur22ekw85q]{padding:20px}.mcs-types[b-ur22ekw85q],.mcs-grid[b-ur22ekw85q]{grid-template-columns:minmax(0, 1fr)}}
.mcs-grid .wide[b-ur22ekw85q]{grid-column:1/-1}.mcs-results[b-ur22ekw85q]{display:grid;gap:8px;padding:8px;border:1px solid #d9e2ec;border-radius:14px;background:#f8fbfd}.mcs-results button[b-ur22ekw85q]{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px;border:1px solid transparent;border-radius:10px;background:#fff;color:#102a43;text-align:left;transition:.18s ease}.mcs-results button:hover[b-ur22ekw85q],.mcs-results button.selected[b-ur22ekw85q]{border-color:#0e4fa5;background:#eaf2fc;transform:translateY(-1px)}.mcs-results span[b-ur22ekw85q]{color:#627d98;font-size:.88rem}.mcs-search-status[b-ur22ekw85q]{color:#0a3d7f;font-weight:700}.mcs-selected[b-ur22ekw85q]{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:12px;background:#eaf2fc;color:#0a3061}.mcs-selected button[b-ur22ekw85q]{margin-left:auto;border:0;background:transparent;color:#06365f;font-weight:800}@media(max-width:650px){.mcs-results button[b-ur22ekw85q]{align-items:flex-start;flex-direction:column}}
/* /Components/Pages/MedCheckWizard.razor.rz.scp.css */
.mcw-page[b-q443wspt44]{max-width:1580px;margin:auto;padding:24px;color:#102a43}.mcw-loading[b-q443wspt44]{padding:80px;text-align:center}.mcw-patient[b-q443wspt44]{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;border-radius:20px;background:linear-gradient(120deg,#06365f,#1d5fc4);color:#fff}.mcw-patient a[b-q443wspt44]{color:#c9dcfb}.mcw-patient h1[b-q443wspt44]{margin:6px 0 2px}.mcw-patient-links[b-q443wspt44]{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.mcw-profile-link[b-q443wspt44]{padding:6px 10px;border:1px solid #ffffff55;border-radius:9px;text-decoration:none;font-weight:800}.mcw-profile-link:hover[b-q443wspt44]{background:#ffffff20;color:#fff}.mcw-badges[b-q443wspt44]{display:flex;gap:8px}.mcw-badges>*[b-q443wspt44]{padding:8px 12px;border-radius:99px;background:#ffffff20}.mcw-badges b[b-q443wspt44]{background:#ffb35b;color:#17213b}.mcw-steps[b-q443wspt44]{display:flex;gap:8px;overflow-x:auto;padding:18px 0;scrollbar-width:thin}.mcw-steps button[b-q443wspt44]{min-width:145px;flex:1;border:1px solid #d9e2ec;background:#fff;border-radius:14px;padding:13px 10px;color:#486581;font-weight:800;white-space:nowrap}.mcw-steps button span[b-q443wspt44]{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:7px;border-radius:9px;background:#edf2f7}.mcw-steps .active[b-q443wspt44]{border-color:#2d6cdf;color:#1d4ed8;background:#eef5ff}.mcw-steps .active span[b-q443wspt44]{background:#2d6cdf;color:#fff}.mcw-steps .done[b-q443wspt44]{background:#ecf9f3;color:#16784a}.mcw-card[b-q443wspt44]{background:#fff;border:1px solid #d9e2ec;border-radius:22px;overflow:hidden;min-height:440px}.mcw-card-head[b-q443wspt44]{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #d9e2ec;background:linear-gradient(90deg,#f9fcff,#f5fbfa)}.mcw-card-head span[b-q443wspt44]{color:#0e4d9f;font-weight:800}.mcw-card-head h2[b-q443wspt44]{margin:4px 0}.mcw-card-head small[b-q443wspt44]{color:#627d98}.mcw-body[b-q443wspt44]{padding:26px}.mcw-form-section[b-q443wspt44]{border:1px solid #d9e2ec;border-radius:17px;padding:20px;margin-bottom:20px;background:#fcfdff}.mcw-section-heading[b-q443wspt44]{display:flex;align-items:center;gap:11px;margin-bottom:16px}.mcw-section-heading>span[b-q443wspt44]{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#dfeaf8;color:#083c7f;font-weight:900}.mcw-section-heading h3[b-q443wspt44],.mcw-section-heading p[b-q443wspt44]{margin:0}.mcw-grid[b-q443wspt44]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mcw-grid.three[b-q443wspt44]{grid-template-columns:repeat(3,minmax(0,1fr))}.mcw-grid.four[b-q443wspt44]{grid-template-columns:repeat(4,minmax(0,1fr))}.mcw-grid.five[b-q443wspt44]{grid-template-columns:repeat(5,minmax(0,1fr))}.mcw-field[b-q443wspt44]{display:flex;flex-direction:column;gap:7px;font-weight:800;color:#334e68;min-width:0}.mcw-field.wide[b-q443wspt44]{grid-column:1/-1}.mcw-field.half[b-q443wspt44]{grid-column:span 2}.mcw-field.compact>span[b-q443wspt44]{white-space:nowrap;display:flex;flex-direction:column;gap:2px}.mcw-field.compact>span>small[b-q443wspt44]{font-weight:400;color:#627d98;white-space:normal;font-size:.72rem;line-height:1.3}.mcw-field input[b-q443wspt44],.mcw-field textarea[b-q443wspt44]{border:1px solid #bcccdc;border-radius:10px;padding:12px;font:inherit;background:#fff;color:#102a43}.mcw-field textarea[b-q443wspt44]{min-height:95px;resize:vertical}.mcw-field input:focus[b-q443wspt44],.mcw-field textarea:focus[b-q443wspt44]{outline:3px solid #2d6cdf22;border-color:#2d6cdf}.mcw-subhead[b-q443wspt44]{display:block;margin:14px 0 8px;color:#06365f}.mcw-lifestyle[b-q443wspt44]{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.mcw-check-section[b-q443wspt44]{margin:12px 0 20px}.mcw-check-section h3[b-q443wspt44]{color:#06365f;margin:0 0 10px}.mcw-check-section-head[b-q443wspt44]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}.mcw-check-section-head h3[b-q443wspt44]{margin:0}.mcw-select-all[b-q443wspt44]{border:1px solid #0e4fa5;background:#fff;color:#0e4d9f;border-radius:9px;padding:8px 14px;font-weight:800}.mcw-prescriber-picker[b-q443wspt44]{grid-column:1/-1;margin-bottom:10px}.mcw-prescriber-picker select[b-q443wspt44]{border:1px solid #bcccdc;border-radius:10px;padding:12px;font:inherit;background:#fff;color:#102a43}.mcw-check-grid[b-q443wspt44]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mcw-check[b-q443wspt44]{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid #d9e2ec;border-radius:11px;background:#fff;transition:border-color .15s,transform .15s,box-shadow .15s}.mcw-check:hover[b-q443wspt44]{border-color:#0e4fa5;transform:translateY(-1px);box-shadow:0 4px 12px #102a4312}.mcw-check.selected[b-q443wspt44]{background:#eaf2fc;border-color:#0e4fa5}.mcw-check input[b-q443wspt44]{width:18px;height:18px;accent-color:#0e4d9f;flex:none}.mcw-check.allergy[b-q443wspt44],.mcw-check.acknowledgement[b-q443wspt44]{margin-bottom:16px}.mcw-question[b-q443wspt44]{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px 0;padding:14px;border:1px solid #d9e2ec;border-radius:12px;background:#fff}.mcw-boolean[b-q443wspt44]{display:flex;gap:7px}.mcw-boolean button[b-q443wspt44]{min-width:72px;border:1px solid #9fb3c8;background:#fff;border-radius:9px;padding:9px 12px;font-weight:800;color:#486581}.mcw-boolean button.selected[b-q443wspt44]{background:#0e4d9f;border-color:#0e4d9f;color:#fff}.mcw-section-title[b-q443wspt44]{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.mcw-section-title h3[b-q443wspt44],.mcw-section-title p[b-q443wspt44]{margin:0 0 5px}.mcw-section-title button[b-q443wspt44],.mcw-document-actions button[b-q443wspt44]{border:0;border-radius:10px;background:#0e4fa5;color:#fff;padding:11px 15px;font-weight:800}.mcw-list-row[b-q443wspt44]{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;border:1px solid #d9e2ec;border-left:5px solid #0e4fa5;border-radius:14px;padding:15px;margin-top:12px;background:#fff}.mcw-list-row.provider[b-q443wspt44]{grid-template-columns:1fr 1fr 1.4fr auto}.mcw-list-row.issue[b-q443wspt44]{grid-template-columns:auto repeat(4,1fr) auto}.mcw-row-number[b-q443wspt44]{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eaf2fc;color:#083c7f;font-weight:900;align-self:center}.remove[b-q443wspt44]{border:1px solid #fda29b;background:#fff0f0;color:#b42318;border-radius:9px;padding:11px;font-weight:800}.mcw-empty[b-q443wspt44]{padding:40px;text-align:center;color:#829ab1}.mcw-fillware-medications[b-q443wspt44]{border:1px solid #cbddeb;border-radius:16px;background:#f8fbfd;padding:18px}.mcw-med-toolbar[b-q443wspt44]{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 10px;color:#486581;font-weight:700}.mcw-med-toolbar label[b-q443wspt44]{display:flex;align-items:center;gap:9px}.mcw-med-toolbar select[b-q443wspt44]{border:1px solid #9fb3c8;border-radius:9px;background:#fff;padding:8px 30px 8px 10px;color:#243b53;font-weight:800}.mcw-fillware-list[b-q443wspt44]{display:grid;gap:9px}.mcw-fillware-row[b-q443wspt44]{display:grid;grid-template-columns:auto minmax(240px,1.25fr) minmax(260px,1.5fr) auto;align-items:center;gap:14px;padding:14px;border:1px solid #d9e2ec;border-radius:12px;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.mcw-fillware-row:hover[b-q443wspt44]{border-color:#0e4fa5;box-shadow:0 5px 14px #102a4312;transform:translateY(-1px)}.mcw-fillware-row.selected[b-q443wspt44]{border-color:#2d6cdf;background:#eef5ff;box-shadow:inset 4px 0 #2d6cdf}.mcw-fillware-row input[b-q443wspt44]{width:19px;height:19px;accent-color:#16784a}.mcw-drug-summary[b-q443wspt44]{display:flex;flex-direction:column;gap:4px}.mcw-drug-summary small[b-q443wspt44]{color:#627d98}.mcw-directions[b-q443wspt44]{color:#334e68}.mcw-fillware-row time[b-q443wspt44]{white-space:nowrap;color:#627d98;font-size:.9rem}.mcw-pagination[b-q443wspt44]{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:14px}.mcw-pagination button[b-q443wspt44]{border:1px solid #9fb3c8;border-radius:9px;background:#fff;padding:9px 13px;color:#243b53;font-weight:800}.mcw-pagination button:disabled[b-q443wspt44]{opacity:.45}.mcw-pagination span[b-q443wspt44]{color:#486581;font-weight:700}.mcw-reviewed-title[b-q443wspt44]{margin-top:28px}.mcw-med-error[b-q443wspt44]{margin-top:14px;padding:14px;border:1px solid #fda29b;border-radius:10px;background:#fff0f0;color:#b42318}.mcw-med-card[b-q443wspt44]{border:1px solid #cbddeb;border-left:5px solid #2d6cdf;border-radius:15px;padding:15px;margin:14px 0;background:#fbfdff}.mcw-med-card-head[b-q443wspt44]{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.mcw-document-actions[b-q443wspt44]{display:flex;gap:10px;margin-top:24px}.mcw-document-actions button:first-child[b-q443wspt44]{background:#06365f}.mcw-document-actions button:last-child[b-q443wspt44]{background:#ff8a3d;color:#17213b}.mcw-pdf-preview[b-q443wspt44]{margin-top:22px;border:1px solid #9fb3c8;border-radius:16px;overflow:hidden;background:#e9eef4}.mcw-pdf-preview header[b-q443wspt44]{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:#102a43;color:#fff}.mcw-pdf-preview header div[b-q443wspt44]{display:flex;flex-direction:column;gap:2px}.mcw-pdf-preview header span[b-q443wspt44]{color:#cbddeb;font-size:.9rem}.mcw-pdf-preview header button[b-q443wspt44]{border:1px solid #ffffff66;background:#ffffff15;color:#fff;border-radius:8px;padding:8px 12px}.mcw-pdf-preview iframe[b-q443wspt44]{display:block;width:100%;height:min(82vh,900px);border:0;background:#525659}.mcw-actions[b-q443wspt44]{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.mcw-actions button[b-q443wspt44]{border:0;border-radius:11px;padding:13px 20px;font-weight:800}.mcw-actions .secondary[b-q443wspt44]{border:1px solid #bcccdc;background:#fff}.mcw-actions .primary[b-q443wspt44]{background:#06365f;color:#fff}.mcw-actions .final[b-q443wspt44]{background:#15803d;color:#fff}.mcw-actions span[b-q443wspt44]{color:#829ab1}.mcw-message[b-q443wspt44]{margin-top:12px;padding:14px;border-radius:10px;background:#fff4e8;color:#9a3412}
@media(max-width:1100px){.mcw-grid.four[b-q443wspt44],.mcw-grid.three[b-q443wspt44],.mcw-grid.five[b-q443wspt44]{grid-template-columns:repeat(2,minmax(0,1fr))}.mcw-field.half[b-q443wspt44]{grid-column:span 2}.mcw-list-row.issue[b-q443wspt44]{grid-template-columns:auto minmax(0, 1fr) minmax(0, 1fr)}.mcw-list-row.issue .remove[b-q443wspt44]{grid-column:2/-1}.mcw-fillware-row[b-q443wspt44]{grid-template-columns:auto minmax(0, 1fr)}.mcw-directions[b-q443wspt44],.mcw-fillware-row time[b-q443wspt44]{grid-column:2}.mcw-med-toolbar[b-q443wspt44]{align-items:flex-start;flex-direction:column}.mcw-pagination[b-q443wspt44]{justify-content:space-between}}
@media(max-width:700px){.mcw-page[b-q443wspt44]{padding:12px}.mcw-patient[b-q443wspt44]{align-items:flex-start;flex-direction:column;gap:14px}.mcw-card-head[b-q443wspt44]{align-items:flex-start;flex-direction:column;gap:8px}.mcw-body[b-q443wspt44]{padding:14px}.mcw-form-section[b-q443wspt44]{padding:14px}.mcw-grid[b-q443wspt44],.mcw-grid.four[b-q443wspt44],.mcw-grid.three[b-q443wspt44],.mcw-grid.five[b-q443wspt44],.mcw-check-grid[b-q443wspt44],.mcw-list-row[b-q443wspt44],.mcw-list-row.provider[b-q443wspt44],.mcw-list-row.issue[b-q443wspt44]{grid-template-columns:minmax(0, 1fr)}.mcw-field.half[b-q443wspt44]{grid-column:auto}.mcw-list-row.issue .remove[b-q443wspt44]{grid-column:auto}.mcw-row-number[b-q443wspt44]{justify-self:start}.mcw-question[b-q443wspt44]{align-items:flex-start;flex-direction:column}.mcw-check-section-head[b-q443wspt44]{flex-direction:column;align-items:flex-start}.mcw-actions span[b-q443wspt44]{display:none}.mcw-actions button[b-q443wspt44]{padding:12px}.mcw-document-actions[b-q443wspt44]{flex-direction:column}.mcw-fillware-medications[b-q443wspt44]{padding:13px}.mcw-patient-links[b-q443wspt44]{align-items:flex-start;flex-direction:column;gap:7px}.mcw-section-title[b-q443wspt44]{gap:12px}.mcw-pagination span[b-q443wspt44]{text-align:center}.mcw-pdf-preview iframe[b-q443wspt44]{height:70vh}}
/* /Components/Pages/MinorAilmentAssessmentWizard.razor.rz.scp.css */
.maw-page[b-y4g4azk69n] {
    --navy: #0B2F52;
    --navy2: #123E69;
    --teal: #0f50a6;
    --tealsoft: #eaf1fb;
    --blue: #2563EB;
    --bluesoft: #EEF5FF;
    --green: #16A34A;
    --greensoft: #ECFDF3;
    --red: #DC2626;
    --redsoft: #FEF2F2;
    --critical: #7F1D1D;
    --criticalsoft: #FEE2E2;
    --amber: #B45309;
    --ambersoft: #FFFBEB;
    --ink: #10233F;
    --muted: #64748B;
    --line: #DFE7F0;
    --white: #fff;
    --soft: #F8FAFC;
    --shadow: 0 14px 36px rgba(15, 35, 63, .08);

    color: var(--ink);
    font-family: var(--app-font, Inter, ui-sans-serif, system-ui, -apple-system,)
        BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.maw-page button[b-y4g4azk69n],
.maw-page input[b-y4g4azk69n],
.maw-page select[b-y4g4azk69n],
.maw-page textarea[b-y4g4azk69n] {
    font: inherit;
}

.maw-page button[b-y4g4azk69n] {
    cursor: pointer;
}

.maw-shell[b-y4g4azk69n] {
    max-width: 1560px;
    margin: auto;
}

.maw-layout[b-y4g4azk69n] {
    display: block;
}

.maw-progress-shell[b-y4g4azk69n] {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: var(--shadow);
    overflow: hidden;
    margin-bottom: 18px;
}

.maw-patient[b-y4g4azk69n] {
    display: grid;
    grid-template-columns: minmax(260px, auto) minmax(360px, 1fr);
    grid-template-areas:
        "name progressmeta"
        "chips progress";
    column-gap: 28px;
    align-items: center;
    padding: 15px 18px 12px;
    border-bottom: 1px solid var(--line);
    background: linear-gradient(180deg, #fff, #FBFDFF);
}

.maw-patient-identity[b-y4g4azk69n] {
    grid-area: name;
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.maw-patient-name[b-y4g4azk69n] {
    font-weight: 900;
    color: var(--navy);
    font-size: 16px;
}

.maw-context-actions[b-y4g4azk69n] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.maw-context-action[b-y4g4azk69n] {
    border: 1px solid #C9D7E6;
    border-radius: 999px;
    background: #fff;
    color: var(--navy2);
    padding: 5px 9px;
    font-size: 10px;
    font-weight: 850;
    line-height: 1.2;
}

.maw-context-action:hover[b-y4g4azk69n],
.maw-context-action:focus-visible[b-y4g4azk69n] {
    border-color: var(--blue);
    color: var(--blue);
    background: var(--bluesoft);
    outline: none;
}

.maw-chips[b-y4g4azk69n] {
    grid-area: chips;
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    margin: 8px 0 0;
}

.maw-chip[b-y4g4azk69n] {
    font-size: 10px;
    font-weight: 850;
    padding: 6px 9px;
    border-radius: 999px;
    background: #EEF2F6;
    color: #475569;
}

.maw-chip.success[b-y4g4azk69n] {
    background: var(--greensoft);
    color: var(--green);
}

.maw-chip.error[b-y4g4azk69n] {
    background: var(--redsoft);
    color: var(--red);
}

.maw-progress-meta[b-y4g4azk69n] {
    grid-area: progressmeta;
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: var(--muted);
    font-weight: 850;
}

.maw-progress[b-y4g4azk69n] {
    grid-area: progress;
    height: 7px;
    border-radius: 999px;
    background: #E7EEF6;
    overflow: hidden;
    margin-top: 9px;
}

.maw-progress span[b-y4g4azk69n] {
    height: 100%;
    display: block;
    background: linear-gradient(90deg, var(--blue), var(--teal));
    transition: width .2s ease;
}

.maw-steps[b-y4g4azk69n] {
    padding: 12px 14px 15px;
    display: grid;
    grid-template-columns: repeat(14, minmax(88px, 1fr));
    gap: 10px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
}

.maw-step[b-y4g4azk69n] {
    position: relative;
    min-width: 88px;
    border: 1px solid transparent;
    background: #F6F8FB;
    border-radius: 13px;
    padding: 12px 11px 11px;
    display: block;
    text-align: left;
    color: var(--muted);
    font-weight: 780;
}

.maw-step[b-y4g4azk69n]::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 29px;
    width: 9px;
    height: 2px;
    background: #D6E0EB;
}

.maw-step:last-child[b-y4g4azk69n]::after {
    display: none;
}

.maw-step:hover[b-y4g4azk69n] {
    background: var(--soft);
    color: var(--navy);
}

.maw-step.active[b-y4g4azk69n] {
    background: linear-gradient(135deg, #EDF4FF, #FBFDFF);
    color: var(--blue);
    border-color: #A8C0F3;
    box-shadow: 0 7px 18px rgba(37, 99, 235, .13);
}

.maw-step.complete[b-y4g4azk69n] {
    background: #F1FBF7;
    color: #36745E;
}

.maw-step-num[b-y4g4azk69n] {
    width: 27px;
    height: 27px;
    border-radius: 9px;
    display: grid;
    place-items: center;
    background: #EDF2F7;
    color: var(--muted);
    font-size: 11px;
    font-weight: 900;
    flex: none;
    margin-bottom: 7px;
}

.maw-step.active .maw-step-num[b-y4g4azk69n] {
    background: var(--blue);
    color: #fff;
}

.maw-step.complete .maw-step-num[b-y4g4azk69n] {
    background: #DCF4E9;
    color: #12845E;
}

.maw-step-text strong[b-y4g4azk69n] {
    display: block;
    font-size: 12px;
}

.maw-step-text span[b-y4g4azk69n] {
    display: block;
    font-size: 10px;
    margin-top: 3px;
    opacity: .72;
}

.maw-workspace[b-y4g4azk69n] {
    min-width: 0;
}

.maw-hero[b-y4g4azk69n] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 20px 22px;
    border: 1px solid var(--line);
    border-radius: 20px;
    background: #fff;
    box-shadow: var(--shadow);
    margin-bottom: 16px;
}

.maw-hero-left[b-y4g4azk69n] {
    display: flex;
    gap: 15px;
}

.maw-hero-icon[b-y4g4azk69n] {
    width: 48px;
    height: 48px;
    border-radius: 15px;
    display: grid;
    place-items: center;
    background: var(--bluesoft);
    color: var(--blue);
    font-size: 22px;
    flex: none;
}

.maw-hero h1[b-y4g4azk69n] {
    margin: 0;
    color: var(--navy);
    font-size: 25px;
}

.maw-hero p[b-y4g4azk69n] {
    margin: 6px 0 0;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.5;
}

.maw-status[b-y4g4azk69n] {
    background: var(--tealsoft);
    color: var(--teal);
    font-weight: 850;
    font-size: 11px;
    padding: 9px 12px;
    border-radius: 999px;
    white-space: nowrap;
}

.maw-panel[b-y4g4azk69n] {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: var(--shadow);
    overflow: hidden;
    margin-bottom: 16px;
}

.maw-panel-head[b-y4g4azk69n] {
    padding: 16px 20px;
    border-bottom: 1px solid var(--line);
    background: #FBFDFF;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
}

.maw-panel-head h2[b-y4g4azk69n] {
    margin: 0;
    color: var(--navy);
    font-size: 17px;
}

.maw-panel-head p[b-y4g4azk69n] {
    margin: 5px 0 0;
    color: var(--muted);
    font-size: 11px;
}

.maw-panel-body[b-y4g4azk69n] {
    padding: 20px;
}

.maw-grid2[b-y4g4azk69n] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.maw-grid3[b-y4g4azk69n] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.maw-field[b-y4g4azk69n] {
    display: grid;
    gap: 7px;
}

.maw-field label[b-y4g4azk69n] {
    font-size: 11px;
    font-weight: 850;
    color: var(--navy);
}

.maw-input[b-y4g4azk69n],
.maw-select[b-y4g4azk69n],
.maw-textarea[b-y4g4azk69n] {
    width: 100%;
    border: 1px solid #CBD7E5;
    border-radius: 12px;
    background: #fff;
    color: var(--ink);
    outline: none;
    box-sizing: border-box;
}

.maw-input[b-y4g4azk69n],
.maw-select[b-y4g4azk69n] {
    height: 44px;
    padding: 0 12px;
}

.maw-textarea[b-y4g4azk69n] {
    min-height: 90px;
    padding: 12px;
    resize: vertical;
}

.maw-input:focus[b-y4g4azk69n],
.maw-select:focus[b-y4g4azk69n],
.maw-textarea:focus[b-y4g4azk69n] {
    border-color: var(--blue);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .10);
}

.maw-option-list[b-y4g4azk69n] {
    display: grid;
    gap: 10px;
}

.maw-option[b-y4g4azk69n] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 13px 14px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #fff;
    cursor: pointer;
}

.maw-option:hover[b-y4g4azk69n] {
    border-color: #B8C9DB;
    background: #FBFDFF;
}

.maw-option input[b-y4g4azk69n] {
    width: 18px;
    height: 18px;
    margin-top: 1px;
    accent-color: var(--blue);
    flex: none;
}

.maw-option strong[b-y4g4azk69n] {
    display: block;
    font-size: 13px;
    color: var(--navy);
}

.maw-option span.maw-option-desc[b-y4g4azk69n] {
    display: block;
    font-size: 11px;
    color: var(--muted);
    margin-top: 3px;
    line-height: 1.45;
}

.maw-option.selected[b-y4g4azk69n] {
    border-color: var(--blue);
    background: var(--bluesoft);
}

.maw-medication-row[b-y4g4azk69n] {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) minmax(390px, 1.55fr) auto;
    gap: 12px;
    align-items: center;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #fff;
    transition: border-color .18s ease, background .18s ease,
        box-shadow .18s ease;
}

.maw-medication-row:hover[b-y4g4azk69n] {
    border-color: #C7D7E6;
    box-shadow: 0 5px 16px rgba(13, 44, 74, .05);
}

.maw-medication-row.selected[b-y4g4azk69n] {
    border-color: #6CA1F5;
    background: linear-gradient(90deg, #F7FAFF, #fff);
    box-shadow: inset 4px 0 0 var(--blue);
}

.maw-medication-row.ineligible[b-y4g4azk69n] {
    opacity: .62;
}

.maw-medication-check[b-y4g4azk69n] {
    display: flex;
    gap: 11px;
    align-items: flex-start;
    min-height: 42px;
    min-width: 0;
    cursor: pointer;
}

.maw-medication-check input[b-y4g4azk69n] {
    width: 17px;
    height: 17px;
    margin-top: 3px;
    accent-color: var(--blue);
    flex: none;
}

.maw-medication-check span[b-y4g4azk69n] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.maw-medication-check strong[b-y4g4azk69n] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    color: var(--navy);
    font-size: 12px;
    line-height: 1.4;
}

.maw-medication-usage-badge[b-y4g4azk69n] {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: 3px 8px;
    border: 1px solid #9ADBCD;
    border-radius: 999px;
    background: #E7F8F3;
    color: #083a7b;
    font-size: 9px;
    font-weight: 850;
    line-height: 1.25;
    letter-spacing: .02em;
}

.maw-medication-type-badge[b-y4g4azk69n] {
    display: inline-flex;
    align-items: center;
    padding: 3px 7px;
    border: 1px solid #BFD3F2;
    border-radius: 999px;
    background: #EEF5FF;
    color: #285A9F;
    font-size: 9px;
    font-weight: 850;
    line-height: 1.25;
    letter-spacing: .02em;
}

.maw-medication-check small[b-y4g4azk69n] {
    color: var(--muted);
    font-size: 10px;
}

.maw-medication-fields[b-y4g4azk69n] {
    display: grid;
    grid-template-columns: minmax(210px, 2.35fr) minmax(72px, .7fr) minmax(72px, .7fr);
    gap: 10px;
}

.maw-medication-fields label[b-y4g4azk69n] {
    display: grid;
    gap: 5px;
}

.maw-medication-fields label > span[b-y4g4azk69n] {
    color: var(--muted);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.maw-medication-fields .maw-input[b-y4g4azk69n] {
    height: 38px;
    padding: 8px 10px;
    border-radius: 10px;
    background: #FBFCFD;
    font-size: 11px;
}

.maw-medication-fields-placeholder[b-y4g4azk69n] {
    color: #91A0AF;
    font-size: 10px;
    font-style: italic;
}

.maw-medication-tools[b-y4g4azk69n] {
    display: flex;
    gap: 7px;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.maw-info-button[b-y4g4azk69n] {
    width: 34px;
    height: 34px;
    border: 1px solid #f3b36c;
    border-radius: 10px;
    background: #fff6e9;
    color: #a95800;
    font-weight: 900;
}

.maw-info-button.monitoring[b-y4g4azk69n] {
    border-color: #8fa8c8;
    background: #edf3fa;
    color: #083c7f;
}

.maw-info-button.pharmacist-note[b-y4g4azk69n] {
    border-color: #9eb4df;
    background: #eef3ff;
    color: #315da8;
}

.maw-info-button.safety[b-y4g4azk69n] {
    border-color: #e8a5a0;
    background: #fdeeed;
    color: #9c2b23;
}

.maw-monograph[b-y4g4azk69n] {
    color: var(--blue);
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}

.maw-medications-body[b-y4g4azk69n] {
    padding: 18px 20px 20px;
}

.maw-medication-group + .maw-medication-group[b-y4g4azk69n] {
    margin-top: 20px;
}

.maw-medication-group-title[b-y4g4azk69n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 9px;
}

.maw-medication-group-title h3[b-y4g4azk69n] {
    margin: 0;
    color: #4C6177;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .065em;
    text-transform: uppercase;
}

.maw-medication-group-title span[b-y4g4azk69n] {
    color: var(--muted);
    font-size: 10px;
    font-weight: 750;
}

.maw-medication-list[b-y4g4azk69n] {
    display: grid;
    gap: 9px;
}

.maw-medication-detail[b-y4g4azk69n] {
    grid-column: 1 / -1;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 9px;
    background: #edf3fa;
    color: #113565;
}

.maw-medication-detail > strong[b-y4g4azk69n] {
    flex: 0 0 auto;
    white-space: nowrap;
}

.maw-medication-detail > span[b-y4g4azk69n] {
    min-width: 0;
}

.maw-medication-detail.adverse[b-y4g4azk69n] {
    background: #fff6e9;
    color: #8b4900;
}

.maw-medication-detail.pharmacist-note[b-y4g4azk69n] {
    background: #eef3ff;
    color: #284f91;
}

.maw-medication-detail.safety[b-y4g4azk69n] {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    background: #fdeeed;
    color: #7a201a;
}

.maw-safety-section[b-y4g4azk69n] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.maw-safety-section > strong[b-y4g4azk69n] {
    flex: 0 0 auto;
    white-space: nowrap;
}

.maw-safety-section > span[b-y4g4azk69n] {
    min-width: 0;
}

.maw-medication-comments[b-y4g4azk69n] {
    grid-column: 1 / -1;
}

.maw-medication-comments label[b-y4g4azk69n] {
    display: grid;
    gap: 5px;
}

.maw-medication-comments label > span[b-y4g4azk69n] {
    color: var(--muted);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.maw-medication-comments .maw-input[b-y4g4azk69n] {
    width: 100%;
    height: 38px;
    padding: 8px 10px;
    border-radius: 10px;
    background: #FBFCFD;
    font-size: 11px;
}

.maw-dosing-detail[b-y4g4azk69n] {
    grid-column: 1 / -1;
    display: grid;
    gap: 6px;
    padding: 12px 14px;
    border-radius: 10px;
    background: #f4f8fd;
    border-left: 3px solid #2f6fed;
    color: #17324f;
}

.maw-dosing-detail > strong[b-y4g4azk69n] {
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .055em;
    text-transform: uppercase;
    color: #2f6fed;
}

.maw-dosing-detail > span[b-y4g4azk69n] {
    font-size: 12px;
    line-height: 1.5;
    white-space: pre-line;
}

.maw-manual-medications-panel .maw-panel-body[b-y4g4azk69n] {
    padding: 18px 20px 20px;
}

.maw-manual-medication-list[b-y4g4azk69n] {
    display: grid;
    gap: 9px;
}

.maw-manual-medication-row[b-y4g4azk69n] {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #fff;
}

.maw-manual-medication-fields[b-y4g4azk69n] {
    display: grid;
    grid-template-columns: minmax(160px, 1.4fr) minmax(160px, 1.6fr) minmax(72px, .7fr) minmax(72px, .7fr) auto;
    gap: 10px;
    align-items: end;
}

.maw-manual-medication-fields label[b-y4g4azk69n] {
    display: grid;
    gap: 5px;
}

.maw-manual-medication-fields label > span[b-y4g4azk69n] {
    color: var(--muted);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.maw-manual-medication-fields .maw-input[b-y4g4azk69n] {
    height: 38px;
    padding: 8px 10px;
    border-radius: 10px;
    background: #FBFCFD;
    font-size: 11px;
}

.maw-manual-remove-button[b-y4g4azk69n] {
    width: 38px;
    height: 38px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--redsoft);
    color: var(--red);
    font-weight: 900;
}

.maw-manual-remove-button:hover[b-y4g4azk69n] {
    border-color: var(--red);
}

.maw-signature-status[b-y4g4azk69n] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border-radius: 999px;
    background: #EEF2F6;
    color: #5D7085;
    font-size: 10px;
    font-weight: 850;
    white-space: nowrap;
}

.maw-signature-status > span[b-y4g4azk69n] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #94A3B8;
}

.maw-signature-status.signed[b-y4g4azk69n] {
    background: var(--greensoft);
    color: #11854C;
}

.maw-signature-status.signed > span[b-y4g4azk69n] {
    background: var(--green);
}

.maw-signature-body[b-y4g4azk69n] {
    padding: 18px 20px 20px;
}

.maw-pharmacist-grid[b-y4g4azk69n] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.maw-signature-options[b-y4g4azk69n] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 16px;
}

.maw-signature-option[b-y4g4azk69n] {
    position: relative;
    display: block;
    min-height: 94px;
    padding: 15px 42px 14px 15px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: #fff;
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease,
        box-shadow .18s ease;
}

.maw-signature-option:hover[b-y4g4azk69n] {
    border-color: #C1D2E1;
}

.maw-signature-option.selected[b-y4g4azk69n] {
    border-color: #77A7EF;
    background: var(--bluesoft);
    box-shadow: inset 3px 0 0 var(--blue);
}

.maw-signature-option input[b-y4g4azk69n] {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 16px;
    height: 16px;
    accent-color: var(--blue);
}

.maw-signature-option strong[b-y4g4azk69n],
.maw-signature-option small[b-y4g4azk69n] {
    display: block;
}

.maw-signature-option strong[b-y4g4azk69n] {
    color: var(--navy);
    font-size: 12px;
}

.maw-signature-option small[b-y4g4azk69n] {
    margin-top: 5px;
    color: var(--muted);
    font-size: 10px;
    line-height: 1.45;
}

.maw-saved-signature-panel[b-y4g4azk69n],
.maw-signature-apply-row[b-y4g4azk69n],
.maw-signature-pad-panel[b-y4g4azk69n] {
    margin-top: 14px;
    padding: 14px;
    border: 1px solid #D7E5F4;
    border-radius: 13px;
    background: #F8FBFF;
}

.maw-saved-signature-panel[b-y4g4azk69n] {
    display: grid;
    grid-template-columns: minmax(220px, 340px) auto;
    gap: 12px;
    align-items: end;
}

.maw-saved-signature-panel .maw-field small[b-y4g4azk69n] {
    display: block;
    margin-top: 5px;
    color: var(--muted);
    font-size: 9px;
}

.maw-signature-apply-row[b-y4g4azk69n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    color: var(--muted);
    font-size: 10px;
}

.maw-signature-pad-panel .maw-btn[b-y4g4azk69n] {
    margin-top: 12px;
}

.maw-signed-summary[b-y4g4azk69n] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 14px;
    padding: 11px 13px;
    border: 1px solid #BBE5CC;
    border-radius: 11px;
    background: var(--greensoft);
    color: #11854C;
}

.maw-signed-summary > span[b-y4g4azk69n] {
    display: grid;
    flex: 0 0 27px;
    width: 27px;
    height: 27px;
    place-items: center;
    border-radius: 50%;
    background: var(--green);
    color: #fff;
    font-weight: 900;
}

.maw-signed-summary strong[b-y4g4azk69n],
.maw-signed-summary small[b-y4g4azk69n] {
    display: block;
}

.maw-signed-summary strong[b-y4g4azk69n] {
    font-size: 11px;
}

.maw-signed-summary small[b-y4g4azk69n] {
    margin-top: 2px;
    color: #347A54;
    font-size: 9px;
}

.maw-prescription-actions[b-y4g4azk69n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid #EDF2F6;
}

.maw-prescription-actions > div[b-y4g4azk69n] {
    display: flex;
    gap: 8px;
}

.maw-option.red-flag-selected[b-y4g4azk69n] {
    border-color: #EF4444;
    background: var(--redsoft);
}

.maw-option.red-flag-selected strong[b-y4g4azk69n] {
    color: #B91C1C;
}

.maw-option.red-flag-selected input[b-y4g4azk69n] {
    accent-color: var(--red);
}

.maw-option.assessment-referral-selected[b-y4g4azk69n] {
    border-color: #EF4444;
    background: var(--redsoft);
}

.maw-option.assessment-referral-selected strong[b-y4g4azk69n] {
    color: #B91C1C;
}

.maw-option.assessment-referral-selected input[b-y4g4azk69n] {
    accent-color: var(--red);
}

/* Options that block treatment eligibility (e.g. an allergy or
   contraindication ruling out the standard pathway) get their own amber
   "caution" treatment distinct from a plain referral-triggering answer. */
.maw-option.eligibility-blocked-selected[b-y4g4azk69n] {
    border-color: var(--amber);
    background: var(--ambersoft);
}

.maw-option.eligibility-blocked-selected strong[b-y4g4azk69n] {
    color: var(--amber);
}

.maw-option.eligibility-blocked-selected strong[b-y4g4azk69n]::after {
    content: " — not eligible";
    font-weight: 700;
    text-transform: none;
}

.maw-option.eligibility-blocked-selected input[b-y4g4azk69n] {
    accent-color: var(--amber);
}

.maw-summary.red-flag-note[b-y4g4azk69n] {
    border-color: #FCA5A5;
    background: var(--redsoft);
}

.maw-summary.red-flag-note p[b-y4g4azk69n] {
    color: #B91C1C;
    font-weight: 700;
}

.maw-summary.red-flag-note .maw-note-list[b-y4g4azk69n] {
    color: #B91C1C;
    font-weight: 700;
}

.maw-flag-list[b-y4g4azk69n] {
    display: grid;
    gap: 12px;
}

.maw-flag-card[b-y4g4azk69n] {
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 15px;
    background: #fff;
    transition: border-color .16s ease, background .16s ease;
}

.maw-flag-card.selected[b-y4g4azk69n] {
    border-color: #EF4444;
    background: var(--redsoft);
    box-shadow: 0 7px 18px rgba(185, 28, 28, .08);
}

.maw-flag-head[b-y4g4azk69n] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    padding: 8px 12px;
    border-bottom: 1px solid var(--line);
    background: var(--soft);
}

.maw-flag-card.selected .maw-flag-head[b-y4g4azk69n] {
    border-color: #FCA5A5;
    background: #FEE2E2;
}

.maw-flag-referral[b-y4g4azk69n] {
    display: inline-flex;
    margin-right: 5px;
    padding: 4px 7px;
    border-radius: 999px;
    background: #E8EEF6;
    color: #586A82;
    font-size: 9px;
    font-weight: 850;
}

.maw-flag-referral[b-y4g4azk69n],
.maw-flag-card.selected .maw-flag-referral[b-y4g4azk69n] {
    background: #FEE2E2;
    color: #B91C1C;
}

.maw-flag-choice[b-y4g4azk69n] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 13px 14px;
    cursor: pointer;
}

.maw-flag-choice input[b-y4g4azk69n] {
    width: 18px;
    height: 18px;
    margin-top: 1px;
    accent-color: var(--red);
    flex: none;
}

.maw-flag-choice strong[b-y4g4azk69n] {
    display: block;
    color: var(--navy);
    font-size: 13px;
}

.maw-flag-choice small[b-y4g4azk69n] {
    display: block;
    margin-top: 5px;
    color: #B91C1C;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.45;
}

.maw-flag-card.selected .maw-flag-choice strong[b-y4g4azk69n] {
    color: #B91C1C;
}

.maw-flag-card.checklist.selected[b-y4g4azk69n] {
    border-color: var(--blue);
    background: var(--bluesoft);
    box-shadow: 0 7px 18px rgba(37, 99, 235, .08);
}

.maw-flag-card.checklist .maw-flag-choice input[b-y4g4azk69n] {
    accent-color: var(--blue);
}

.maw-flag-card.checklist.selected .maw-flag-choice strong[b-y4g4azk69n] {
    color: var(--navy);
}

/* Critical / blocking red flags (BlocksPrescribing): visually escalated
   above a plain referral flag so a pharmacist can tell at a glance that
   this finding stops the encounter, not just recommends follow-up. */
.maw-flag-card.critical[b-y4g4azk69n] {
    border-color: var(--critical);
}

.maw-flag-card.critical.selected[b-y4g4azk69n] {
    border-width: 2px;
    border-color: var(--critical);
    background: var(--criticalsoft);
    box-shadow: 0 8px 22px rgba(127, 29, 29, .22);
}

.maw-flag-card.critical .maw-flag-head[b-y4g4azk69n] {
    background: var(--critical);
    border-color: var(--critical);
}

.maw-flag-critical-badge[b-y4g4azk69n] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-right: 5px;
    padding: 4px 8px;
    border-radius: 999px;
    background: #fff;
    color: var(--critical);
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.maw-flag-card.critical .maw-flag-choice input[b-y4g4azk69n] {
    accent-color: var(--critical);
}

.maw-flag-card.critical .maw-flag-choice strong[b-y4g4azk69n] {
    color: var(--critical);
}

.maw-emergency-banner[b-y4g4azk69n] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 8px;
    padding: 9px 11px;
    border-radius: 10px;
    background: var(--critical);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.45;
}

.maw-emergency-banner .maw-emergency-icon[b-y4g4azk69n] {
    flex: none;
    font-size: 14px;
    line-height: 1;
}

.maw-summary[b-y4g4azk69n] {
    background: #FBFDFF;
    border: 1px solid var(--line);
    border-radius: 15px;
    padding: 16px;
}

.maw-summary h3[b-y4g4azk69n] {
    margin: 0 0 8px;
    font-size: 14px;
    color: var(--navy);
}

.maw-summary p[b-y4g4azk69n] {
    margin: 0;
    color: var(--ink);
    font-size: 12px;
    line-height: 1.6;
    white-space: pre-wrap;
}

.maw-summary p.maw-empty[b-y4g4azk69n] {
    color: var(--muted);
    font-style: italic;
}

.maw-note-list[b-y4g4azk69n] {
    margin: 0;
    padding-left: 20px;
    color: var(--ink);
    font-size: 12px;
    line-height: 1.6;
}

.maw-note-list li + li[b-y4g4azk69n] {
    margin-top: 7px;
}

.maw-assessment-summary[b-y4g4azk69n] {
    display: grid;
    gap: 8px;
}

.maw-summary p.maw-assessment-segment[b-y4g4azk69n] {
    padding: 9px 11px;
    border-radius: 10px;
}

.maw-summary p.maw-assessment-segment.referral[b-y4g4azk69n] {
    border: 1px solid #FCA5A5;
    background: var(--redsoft);
    color: #B91C1C;
    font-weight: 700;
}

.maw-info[b-y4g4azk69n] {
    display: flex;
    gap: 10px;
    padding: 13px 14px;
    border: 1px solid #BFD6FF;
    background: var(--bluesoft);
    border-radius: 13px;
    color: #1E4FAE;
    font-size: 11px;
}

.maw-info.error[b-y4g4azk69n] {
    border-color: #FECACA;
    background: var(--redsoft);
    color: #991B1B;
}

.maw-btn[b-y4g4azk69n] {
    min-height: 42px;
    padding: 0 16px;
    border-radius: 12px;
    border: 1px solid #CBD7E5;
    background: #fff;
    color: var(--navy);
    font-weight: 850;
}

.maw-btn:hover[b-y4g4azk69n] {
    background: var(--soft);
}

.maw-btn:disabled[b-y4g4azk69n] {
    opacity: .55;
    cursor: not-allowed;
}

.maw-btn.primary[b-y4g4azk69n] {
    background: var(--navy);
    color: #fff;
    border-color: var(--navy);
}

.maw-btn.primary:hover[b-y4g4azk69n] {
    background: var(--navy2);
}

.maw-btn.success[b-y4g4azk69n] {
    background: var(--green);
    color: #fff;
    border-color: var(--green);
}

.maw-btn.danger[b-y4g4azk69n] {
    background: var(--red);
    color: #fff;
    border-color: var(--red);
}

.maw-btn.finish-documentation[b-y4g4azk69n] {
    border-color: #137a49;
    background: #137a49;
    color: #fff;
}

.maw-finish-actions[b-y4g4azk69n] {
    margin-top: 16px;
}

.maw-btn.document-button.complete-record[b-y4g4azk69n] {
    border-color: #15385B;
    background: #15385B;
    color: #fff;
}

.maw-btn.document-button.physician-summary[b-y4g4azk69n] {
    border-color: #2D6DB3;
    background: #2D6DB3;
    color: #fff;
}

.maw-btn.document-button.prescriber-notification[b-y4g4azk69n] {
    border-color: #a47350;
    background: #a47350;
    color: #fff;
}

.maw-btn.document-button.prescription[b-y4g4azk69n] {
    border-color: #1B7E5B;
    background: #1B7E5B;
    color: #fff;
}

.maw-btn.document-button.referral-letter[b-y4g4azk69n] {
    border-color: #B45309;
    background: #B45309;
    color: #fff;
}

.maw-btn.document-button.red-flag-document[b-y4g4azk69n] {
    border-color: #B13F47;
    background: #B13F47;
    color: #fff;
}

.maw-btn.document-button[b-y4g4azk69n] {
    width: 100%;
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 13px 16px;
    text-align: left;
}

.maw-btn.document-button.active[b-y4g4azk69n] {
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #2563eb;
}

.maw-full[b-y4g4azk69n] {
    width: 100%;
}

.maw-document-workspace[b-y4g4azk69n] {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 18px;
    align-items: stretch;
}

.maw-document-sidebar[b-y4g4azk69n],
.maw-document-viewer[b-y4g4azk69n] {
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: #fff;
    box-shadow: var(--shadow);
}

.maw-document-sidebar[b-y4g4azk69n] {
    text-align: left;
}

.maw-document-sidebar-head[b-y4g4azk69n],
.maw-document-viewer-head[b-y4g4azk69n] {
    padding: 18px 20px;
    border-bottom: 1px solid var(--line);
}

.maw-document-sidebar-head h2[b-y4g4azk69n],
.maw-document-viewer-head h2[b-y4g4azk69n] {
    margin: 0 0 4px;
    color: var(--navy);
    font-size: 17px;
}

.maw-document-sidebar-head p[b-y4g4azk69n],
.maw-document-viewer-head p[b-y4g4azk69n] {
    margin: 0;
    color: var(--muted);
    font-size: 12px;
}

.maw-document-template-list[b-y4g4azk69n] {
    display: grid;
    gap: 12px;
    padding: 18px;
}

.maw-document-viewer[b-y4g4azk69n] {
    min-width: 0;
}

.maw-document-viewer-head[b-y4g4azk69n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
}

.maw-document-viewer-actions[b-y4g4azk69n] {
    display: flex;
    gap: 8px;
}

.maw-btn.maw-small[b-y4g4azk69n] {
    min-height: 34px;
    padding: 7px 12px;
    font-size: 11px;
}

.maw-document-viewer iframe[b-y4g4azk69n] {
    display: block;
    width: 100%;
    height: 760px;
    border: 0;
    background: #e7edf3;
}

.maw-document-viewer-empty[b-y4g4azk69n] {
    min-height: 760px;
    display: grid;
    place-content: center;
    justify-items: center;
    padding: 32px;
    color: var(--muted);
    text-align: center;
}

.maw-document-viewer-empty > span[b-y4g4azk69n] {
    margin-bottom: 12px;
    color: #2d6db3;
    font-size: 42px;
}

.maw-document-viewer-empty strong[b-y4g4azk69n] {
    color: var(--navy);
    font-size: 18px;
}

.maw-document-viewer-empty p[b-y4g4azk69n] {
    margin: 5px 0 0;
}

.maw-actions[b-y4g4azk69n] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 16px;
}

.maw-sticky[b-y4g4azk69n] {
    position: sticky;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: rgba(244, 247, 251, .93);
    backdrop-filter: blur(12px);
    box-shadow: 0 -8px 24px rgba(15, 35, 63, .06);
}

.maw-table-wrap[b-y4g4azk69n] {
    overflow: auto;
    border: 1px solid var(--line);
    border-radius: 15px;
}

.maw-pager[b-y4g4azk69n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 14px;
}

.maw-pager-meta[b-y4g4azk69n] {
    color: var(--muted);
    font-size: 11px;
    font-weight: 750;
}

.maw-pager-summary[b-y4g4azk69n],
.maw-page-size[b-y4g4azk69n] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.maw-page-size span[b-y4g4azk69n] {
    color: var(--muted);
    font-size: 11px;
    font-weight: 750;
    white-space: nowrap;
}

.maw-page-size .maw-input[b-y4g4azk69n] {
    width: 76px;
    min-height: 38px;
    padding: 7px 10px;
}

.maw-pager-actions[b-y4g4azk69n] {
    display: flex;
    gap: 8px;
}

.maw-page table[b-y4g4azk69n] {
    width: 100%;
    border-collapse: collapse;
    min-width: 980px;
}

.maw-page th[b-y4g4azk69n],
.maw-page td[b-y4g4azk69n] {
    padding: 12px;
    border-bottom: 1px solid var(--line);
    text-align: left;
    font-size: 11px;
    vertical-align: top;
}

.maw-page th[b-y4g4azk69n] {
    background: #F8FAFC;
    color: var(--muted);
    font-weight: 900;
}

.maw-content[b-y4g4azk69n] {
    display: none;
}

.maw-content.active[b-y4g4azk69n] {
    display: block;
}

.maw-icon-btn[b-y4g4azk69n] {
    width: 36px;
    height: 36px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: #fff;
    color: var(--navy);
    flex: none;
}

.maw-icon-btn.danger[b-y4g4azk69n] {
    color: var(--red);
    background: var(--redsoft);
}

.maw-drug-row[b-y4g4azk69n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid var(--line);
}

.maw-drug-row:last-child[b-y4g4azk69n] {
    border-bottom: none;
}

.maw-warning-btn[b-y4g4azk69n] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: none;
    background: var(--redsoft);
    color: var(--red);
    font-weight: 900;
    font-size: 12px;
}

.maw-mobile-steps[b-y4g4azk69n] {
    display: none;
}

@media (max-width: 1050px) {
    .maw-grid3[b-y4g4azk69n] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .maw-medication-row[b-y4g4azk69n] {
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
    }

    .maw-medication-tools[b-y4g4azk69n] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .maw-medication-fields-placeholder[b-y4g4azk69n] {
        display: none;
    }
}

@media (max-width: 820px) {
    .maw-pager[b-y4g4azk69n],
    .maw-pager-summary[b-y4g4azk69n] {
        align-items: stretch;
        flex-direction: column;
    }

    .maw-pager-actions[b-y4g4azk69n] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    }

    .maw-pager-actions .maw-btn[b-y4g4azk69n] {
        width: 100%;
    }

    .maw-patient-identity[b-y4g4azk69n] {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .maw-patient[b-y4g4azk69n] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "name"
            "chips"
            "progressmeta"
            "progress";
        row-gap: 6px;
    }

    .maw-steps[b-y4g4azk69n] {
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x proximity;
    }

    .maw-step[b-y4g4azk69n] {
        min-width: 112px;
        flex: none;
        scroll-snap-align: start;
    }

    .maw-grid2[b-y4g4azk69n],
    .maw-grid3[b-y4g4azk69n] {
        grid-template-columns: minmax(0, 1fr);
    }

    .maw-medication-fields[b-y4g4azk69n] {
        grid-template-columns: minmax(0, 1fr);
    }

    .maw-manual-medication-fields[b-y4g4azk69n] {
        grid-template-columns: minmax(0, 1fr);
    }

    .maw-manual-remove-button[b-y4g4azk69n] {
        width: 100%;
    }

    .maw-medications-head[b-y4g4azk69n] {
        align-items: flex-start;
    }

    .maw-signature-options[b-y4g4azk69n],
    .maw-pharmacist-grid[b-y4g4azk69n] {
        grid-template-columns: minmax(0, 1fr);
    }

    .maw-saved-signature-panel[b-y4g4azk69n] {
        grid-template-columns: minmax(0, 1fr);
    }

    .maw-signature-apply-row[b-y4g4azk69n],
    .maw-prescription-actions[b-y4g4azk69n] {
        align-items: stretch;
        flex-direction: column;
    }

    .maw-prescription-actions > .maw-btn[b-y4g4azk69n],
    .maw-prescription-actions > div[b-y4g4azk69n],
    .maw-prescription-actions > div .maw-btn[b-y4g4azk69n],
    .maw-saved-signature-panel .maw-btn[b-y4g4azk69n],
    .maw-signature-apply-row .maw-btn[b-y4g4azk69n] {
        width: 100%;
    }

    .maw-prescription-actions > div[b-y4g4azk69n] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .maw-hero[b-y4g4azk69n] {
        flex-direction: column;
    }

    .maw-sticky[b-y4g4azk69n] {
        position: static;
        flex-direction: column;
    }

    .maw-sticky .maw-btn[b-y4g4azk69n] {
        width: 100%;
    }

    .maw-document-workspace[b-y4g4azk69n] {
        grid-template-columns: minmax(0, 1fr);
    }

    .maw-document-viewer iframe[b-y4g4azk69n],
    .maw-document-viewer-empty[b-y4g4azk69n] {
        height: 560px;
        min-height: 560px;
    }
}

@media (max-width: 560px) {
    .maw-panel-body[b-y4g4azk69n] {
        padding: 15px;
    }

    .maw-hero[b-y4g4azk69n] {
        padding: 16px;
    }

    .maw-hero h1[b-y4g4azk69n] {
        font-size: 22px;
    }
}
/* /Components/Pages/MinorAilmentBuilder.razor.rz.scp.css */
.mab-page[b-8ujngxraui] {
    --navy: #0B2F52;
    --navy-2: #123E69;
    --teal: #168552;
    --teal-soft: #eaf1fb;
    --blue: #2563EB;
    --blue-soft: #EEF5FF;
    --green: #16A34A;
    --green-soft: #ECFDF3;
    --orange: #F59E0B;
    --orange-soft: #FFF7ED;
    --red: #DC2626;
    --red-soft: #FEF2F2;
    --ink: #0F172A;
    --muted: #64748B;
    --line: #E2E8F0;
    --line-2: #D7E0EA;
    --white: #FFFFFF;
    --soft: #F8FAFC;
    --shadow: 0 16px 38px rgba(15, 23, 42, .08);
    --shadow-sm: 0 8px 22px rgba(15, 23, 42, .06);

    color: var(--ink);
    font-family: var(--app-font, Inter, ui-sans-serif, system-ui, -apple-system,)
        BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.mab-page button[b-8ujngxraui],
.mab-page input[b-8ujngxraui],
.mab-page textarea[b-8ujngxraui],
.mab-page select[b-8ujngxraui] {
    font: inherit;
}

.mab-page button[b-8ujngxraui] {
    cursor: pointer;
}

.mab-page-header[b-8ujngxraui] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}

.mab-eyebrow[b-8ujngxraui] {
    font-size: 11px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--teal);
    font-weight: 900;
}

.mab-page-header h1[b-8ujngxraui] {
    margin: 6px 0 5px;
    color: var(--navy);
    font-size: 34px;
    letter-spacing: -.04em;
}

.mab-page-header p[b-8ujngxraui] {
    margin: 0;
    color: var(--muted);
    font-size: 13px;
}

.mab-status-pill[b-8ujngxraui] {
    display: inline-block;
    margin-left: 12px;
    padding: 3px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
    vertical-align: middle;
}

.mab-status-draft[b-8ujngxraui] {
    background: var(--green-soft);
    color: var(--green);
}

.mab-status-published[b-8ujngxraui] {
    background: var(--blue-soft);
    color: var(--blue);
}

.mab-status-archived[b-8ujngxraui] {
    background: var(--orange-soft);
    color: var(--orange);
}

.mab-draft-banner[b-8ujngxraui] {
    background: var(--green-soft);
    border: 1px solid #BBF7D0;
    border-radius: 14px;
    padding: 12px 16px;
    margin-bottom: 16px;
    color: #14532D;
    font-size: 13px;
}

.mab-autosave-state[b-8ujngxraui] {
    display: inline-flex;
    margin-left: 10px;
    padding: 3px 9px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .72);
    color: #166534;
    font-size: 11px;
    font-weight: 850;
}

.mab-draft-banner.published[b-8ujngxraui] {
    background: var(--blue-soft);
    border-color: #BFDBFE;
    color: #1E3A8A;
}

.mab-header-actions[b-8ujngxraui] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.mab-btn[b-8ujngxraui] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 12px;
    border: 1px solid var(--line-2);
    background: #fff;
    color: var(--navy);
    font-weight: 850;
    text-decoration: none;
    box-sizing: border-box;
    line-height: 1;
}

.mab-btn:hover[b-8ujngxraui] {
    background: var(--soft);
}

.mab-btn:disabled[b-8ujngxraui] {
    opacity: .55;
    cursor: not-allowed;
}

.mab-btn.primary[b-8ujngxraui] {
    background: var(--navy);
    color: #fff;
    border-color: var(--navy);
}

.mab-btn.primary:hover[b-8ujngxraui] {
    background: var(--navy-2);
}

.mab-validation[b-8ujngxraui] {
    background: var(--red-soft);
    border: 1px solid #FECACA;
    border-radius: 14px;
    padding: 14px 16px;
    margin-bottom: 16px;
    color: #991B1B;
    font-size: 13px;
}

.mab-validation strong[b-8ujngxraui] {
    display: block;
    margin-bottom: 6px;
}

.mab-builder[b-8ujngxraui] {
    display: block;
}

.mab-progress-shell[b-8ujngxraui] {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
    margin-bottom: 18px;
}

.mab-sidebar-head[b-8ujngxraui] {
    padding: 15px 18px 12px;
    border-bottom: 1px solid var(--line);
    background: linear-gradient(180deg, #fff, #FBFDFF);
}

.mab-progress-meta[b-8ujngxraui] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: var(--muted);
    font-size: 11px;
    font-weight: 850;
}

.mab-progress[b-8ujngxraui] {
    height: 7px;
    background: #E8EEF5;
    border-radius: 999px;
    overflow: hidden;
    margin-top: 10px;
}

.mab-progress span[b-8ujngxraui] {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, var(--blue), var(--teal));
    transition: width .2s ease;
}

.mab-tabs[b-8ujngxraui] {
    padding: 12px 14px 15px;
    display: grid;
    grid-template-columns: repeat(9, minmax(108px, 1fr));
    gap: 10px;
    overflow-x: auto;
}

.mab-tab[b-8ujngxraui] {
    position: relative;
    min-width: 108px;
    display: block;
    padding: 12px 11px 11px;
    border: 1px solid transparent;
    border-radius: 13px;
    background: #F6F8FB;
    color: var(--muted);
    text-align: left;
    font-weight: 780;
}

.mab-tab[b-8ujngxraui]::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 29px;
    width: 9px;
    height: 2px;
    background: #D6E0EB;
}

.mab-tab:last-child[b-8ujngxraui]::after {
    display: none;
}

.mab-tab:hover[b-8ujngxraui] {
    background: var(--soft);
    color: var(--navy);
}

.mab-tab.active[b-8ujngxraui] {
    background: linear-gradient(135deg, #EDF4FF, #FBFDFF);
    color: var(--blue);
    border-color: #A8C0F3;
    box-shadow: 0 7px 18px rgba(37, 99, 235, .13);
}

.mab-tab.done[b-8ujngxraui] {
    background: #F1FBF7;
    color: #36745E;
}

.mab-tab-number[b-8ujngxraui] {
    width: 28px;
    height: 28px;
    border-radius: 9px;
    display: grid;
    place-items: center;
    background: #EDF2F7;
    color: var(--muted);
    font-size: 11px;
    font-weight: 900;
    flex: none;
    margin-bottom: 7px;
}

.mab-tab.active .mab-tab-number[b-8ujngxraui] {
    background: var(--blue);
    color: #fff;
}

.mab-tab.done .mab-tab-number[b-8ujngxraui] {
    background: #DCF4E9;
    color: #12845E;
}

.mab-tab-text strong[b-8ujngxraui] {
    display: block;
    font-size: 12px;
}

.mab-tab-text span[b-8ujngxraui] {
    display: block;
    margin-top: 3px;
    color: inherit;
    opacity: .72;
    font-size: 10px;
    font-weight: 650;
}

.mab-master-detail[b-8ujngxraui] {
    display: grid;
    grid-template-columns: minmax(270px, 330px) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.mab-master-list[b-8ujngxraui] {
    position: sticky;
    top: 16px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 18px;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

.mab-master-head[b-8ujngxraui] {
    padding: 18px;
    border-bottom: 1px solid var(--line);
    text-align: left;
}

.mab-master-head h3[b-8ujngxraui] {
    margin: 0;
    color: var(--navy);
    font-size: 15px;
}

.mab-master-head p[b-8ujngxraui] {
    margin: 5px 0 0;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.45;
}

.mab-master-items[b-8ujngxraui] {
    padding: 10px;
}

.mab-master-group-label[b-8ujngxraui] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 11px 6px;
    color: var(--navy);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.mab-master-group-label span[b-8ujngxraui] {
    color: var(--muted);
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
}

.mab-master-item[b-8ujngxraui] {
    width: 100%;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    gap: 11px;
    align-items: start;
    margin-bottom: 6px;
    padding: 11px;
    border: 1px solid transparent;
    border-radius: 12px;
    background: transparent;
    color: var(--ink);
    text-align: left;
}

.mab-master-item:hover[b-8ujngxraui] {
    background: #F7F9FC;
}

.mab-master-item.active[b-8ujngxraui] {
    background: var(--blue-soft);
    border-color: #C7D8FB;
}

.mab-master-item-title[b-8ujngxraui] {
    min-width: 0;
    font-size: 12px;
    font-weight: 850;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.mab-master-item-meta[b-8ujngxraui] {
    margin-top: 3px;
    color: var(--muted);
    font-size: 10px;
    line-height: 1.35;
}

.mab-master-count[b-8ujngxraui] {
    align-self: center;
    padding: 5px 7px;
    border-radius: 999px;
    background: #EDF2F7;
    color: #5E718A;
    font-size: 10px;
    font-weight: 850;
    white-space: nowrap;
}

.mab-master-add.mab-add-btn[b-8ujngxraui] {
    width: calc(100% - 20px);
    min-width: 0;
    margin: 2px 10px 12px;
    padding-inline: 10px;
    box-sizing: border-box;
    white-space: normal;
    overflow-wrap: anywhere;
}

.mab-master-inline-add[b-8ujngxraui] {
    width: calc(100% - 22px);
    margin: 0 11px 8px;
    padding: 7px 8px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: var(--blue);
    font-size: 11px;
    font-weight: 850;
    text-align: left;
}

.mab-master-inline-add:hover[b-8ujngxraui] {
    background: var(--blue-soft);
}

.mab-empty-editor[b-8ujngxraui] {
    padding: 52px 24px;
    text-align: center;
    color: var(--muted);
}

.mab-workspace[b-8ujngxraui] {
    min-width: 0;
}

.mab-section-banner[b-8ujngxraui] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 20px 22px;
    background: linear-gradient(135deg, #FFFFFF 0%, #F8FBFF 100%);
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: var(--shadow-sm);
    margin-bottom: 16px;
}

.mab-section-icon[b-8ujngxraui] {
    width: 48px;
    height: 48px;
    border-radius: 15px;
    display: grid;
    place-items: center;
    background: var(--blue-soft);
    color: var(--blue);
    font-size: 22px;
    flex: none;
}

.mab-section-banner h2[b-8ujngxraui] {
    margin: 0;
    color: var(--navy);
    font-size: 24px;
}

.mab-section-banner p[b-8ujngxraui] {
    margin: 6px 0 0;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.5;
}

.mab-panel[b-8ujngxraui] {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
    margin-bottom: 16px;
}

.mab-panel-head[b-8ujngxraui] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding: 17px 20px;
    border-bottom: 1px solid var(--line);
    background: #FBFDFF;
}

.mab-panel-head h3[b-8ujngxraui] {
    margin: 0;
    color: var(--navy);
    font-size: 17px;
}

.mab-panel-head p[b-8ujngxraui] {
    margin: 5px 0 0;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.45;
}

.mab-panel-body[b-8ujngxraui] {
    padding: 20px;
}

.mab-grid-2[b-8ujngxraui] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.mab-grid-3[b-8ujngxraui] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
}

.mab-grid-4[b-8ujngxraui] {
    display: grid;
    grid-template-columns: 1fr 1.35fr 1.8fr .7fr;
    gap: 12px;
}

.mab-grid-5[b-8ujngxraui] {
    display: grid;
    grid-template-columns: .9fr 1.1fr 1.45fr 1.7fr .65fr;
    gap: 12px;
}

.mab-grid-6[b-8ujngxraui] {
    display: grid;
    grid-template-columns: .8fr .9fr 1.05fr 1.5fr 1.65fr .65fr;
    gap: 12px;
}

.mab-optional[b-8ujngxraui] {
    color: var(--muted);
    font-size: 9px;
    font-weight: 700;
    margin-left: 4px;
}

.mab-field[b-8ujngxraui] {
    display: grid;
    gap: 7px;
}

.mab-field label[b-8ujngxraui] {
    color: var(--navy);
    font-size: 11px;
    font-weight: 850;
}

.mab-input[b-8ujngxraui],
.mab-select[b-8ujngxraui],
.mab-textarea[b-8ujngxraui] {
    width: 100%;
    border: 1px solid var(--line-2);
    border-radius: 12px;
    background: #fff;
    color: var(--ink);
    outline: none;
    box-sizing: border-box;
}

.mab-input[b-8ujngxraui],
.mab-select[b-8ujngxraui] {
    height: 44px;
    padding: 0 12px;
}

.mab-textarea[b-8ujngxraui] {
    min-height: 120px;
    padding: 12px;
    resize: vertical;
}

.mab-input:focus[b-8ujngxraui],
.mab-select:focus[b-8ujngxraui],
.mab-textarea:focus[b-8ujngxraui] {
    border-color: var(--blue);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .10);
}

.mab-helper[b-8ujngxraui] {
    color: var(--muted);
    font-size: 10px;
    line-height: 1.4;
}

.mab-helper-panel[b-8ujngxraui] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 15px 16px;
    border: 1px solid #BFDBFE;
    border-radius: 14px;
    background: #F8FBFF;
    color: #245EA8;
    font-size: 13px;
    line-height: 1.55;
}

.mab-helper-panel a[b-8ujngxraui] {
    color: var(--blue);
    font-weight: 800;
}

.mab-helper-icon[b-8ujngxraui] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    flex: none;
    background: var(--blue-soft);
    color: var(--blue);
    font-weight: 900;
}

.mab-label-detail-row .mab-textarea[b-8ujngxraui] {
    min-height: 96px;
}

.mab-document-tabs[b-8ujngxraui] {
    width: fit-content;
    margin: 0 0 16px;
    padding: 5px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #fff;
}

.mab-document-guide .mab-panel-body[b-8ujngxraui] {
    display: grid;
    gap: 14px;
}

.mab-guide-example[b-8ujngxraui] {
    overflow: auto;
    border-radius: 14px;
    background: #0F2740;
    color: #EAF3FA;
    padding: 18px;
}

.mab-guide-example pre[b-8ujngxraui] {
    margin: 0;
    font: 12px/1.6 ui-monospace, SFMono-Regular, Menlo, monospace;
    white-space: pre-wrap;
}

.mab-variable-guide[b-8ujngxraui] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.mab-variable-guide > div[b-8ujngxraui],
.mab-guide-checklist[b-8ujngxraui] {
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 15px;
    background: #FBFDFF;
}

.mab-variable-guide h4[b-8ujngxraui] {
    margin: 0 0 10px;
    color: var(--navy);
}

.mab-variable-guide p[b-8ujngxraui] {
    display: grid;
    grid-template-columns: minmax(130px, auto) 1fr;
    gap: 10px;
    margin: 8px 0;
    color: var(--muted);
    font-size: 11px;
}

.mab-variable-guide code[b-8ujngxraui],
.mab-guide-checklist code[b-8ujngxraui],
.mab-helper-panel code[b-8ujngxraui] {
    color: #1D4ED8;
    font-weight: 800;
}

.mab-guide-checklist ul[b-8ujngxraui] {
    margin: 10px 0 0;
    padding-left: 20px;
    color: var(--muted);
    line-height: 1.65;
}

.mab-switch-line[b-8ujngxraui] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
}

.mab-switch[b-8ujngxraui] {
    width: 42px;
    height: 24px;
    border-radius: 999px;
    background: #C9D5E3;
    position: relative;
    flex: none;
    border: none;
    padding: 0;
}

.mab-switch[b-8ujngxraui]::after {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 3px;
    left: 3px;
    box-shadow: 0 2px 5px rgba(15, 23, 42, .2);
    transition: left .15s ease;
}

.mab-switch.on[b-8ujngxraui] {
    background: #20C997;
}

.mab-switch.on[b-8ujngxraui]::after {
    left: 21px;
}

.mab-item-card[b-8ujngxraui] {
    border: 1px solid var(--line);
    border-radius: 16px;
    background: #fff;
    overflow: hidden;
    margin-bottom: 12px;
}

.mab-item-card:last-child[b-8ujngxraui] {
    margin-bottom: 0;
}

.mab-item-head[b-8ujngxraui] {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
    padding: 14px 16px;
    border-bottom: 1px solid var(--line);
    background: #FBFDFF;
    flex-wrap: wrap;
}

.mab-item-title[b-8ujngxraui] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--navy);
    font-weight: 900;
    font-size: 13px;
}

.mab-item-index[b-8ujngxraui] {
    width: 30px;
    height: 30px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    background: var(--teal-soft);
    color: var(--teal);
    font-size: 11px;
    font-weight: 900;
    flex: none;
}

.mab-item-actions[b-8ujngxraui] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mab-drag-handle[b-8ujngxraui] {
    cursor: grab;
    color: var(--muted);
    font-size: 16px;
    line-height: 1;
    flex: none;
    padding: 2px;
    user-select: none;
}

.mab-drag-handle:active[b-8ujngxraui] {
    cursor: grabbing;
}

.mab-icon-btn[b-8ujngxraui] {
    width: 36px;
    height: 36px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: #fff;
    color: var(--navy);
}

.mab-icon-btn.danger[b-8ujngxraui] {
    color: var(--red);
    background: var(--red-soft);
}

.mab-item-body[b-8ujngxraui] {
    padding: 16px;
}

.mab-inline-actions[b-8ujngxraui] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 14px;
}

.mab-add-btn[b-8ujngxraui] {
    width: 100%;
    min-height: 44px;
    border: 1px dashed #9CB7D4;
    border-radius: 13px;
    background: #F8FBFF;
    color: var(--blue);
    font-weight: 850;
}

.mab-add-btn:hover[b-8ujngxraui] {
    background: var(--blue-soft);
}

.mab-code-toolbar[b-8ujngxraui] {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
}

.mab-segment[b-8ujngxraui] {
    border: 1px solid var(--line-2);
    background: #fff;
    color: var(--navy);
    min-height: 38px;
    padding: 0 14px;
}

.mab-segment:first-child[b-8ujngxraui] {
    border-radius: 10px 0 0 10px;
}

.mab-segment:last-child[b-8ujngxraui] {
    border-radius: 0 10px 10px 0;
    margin-left: -1px;
}

.mab-segment.active[b-8ujngxraui] {
    background: var(--navy);
    color: #fff;
}

.mab-code-editor[b-8ujngxraui] {
    min-height: 360px;
    border: 1px solid var(--line-2);
    border-radius: 14px;
    background: #0F172A;
    color: #DCE7F3;
    padding: 16px;
    font: 12px/1.55 ui-monospace, SFMono-Regular, Menlo, monospace;
    resize: vertical;
    width: 100%;
    box-sizing: border-box;
}

.mab-footer-bar[b-8ujngxraui] {
    position: sticky;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    background: rgba(243, 246, 250, .92);
    border: 1px solid var(--line);
    border-radius: 16px;
    backdrop-filter: blur(12px);
    box-shadow: 0 -8px 24px rgba(15, 23, 42, .06);
    margin-top: 4px;
}

.mab-content-panel[b-8ujngxraui] {
    display: none;
}

.mab-content-panel.active[b-8ujngxraui] {
    display: block;
}

.mab-guidance-panel[b-8ujngxraui] {
    border: 1px solid #BFDBFE;
    border-radius: 16px;
    background: #F8FBFF;
    padding: 16px;
    margin-top: 16px;
}

.mab-guidance-panel h4[b-8ujngxraui] {
    margin: 0 0 4px;
    color: var(--navy);
    font-size: 13px;
}

.mab-guidance-panel p[b-8ujngxraui] {
    margin: 0 0 12px;
    color: var(--muted);
    font-size: 11.5px;
    line-height: 1.5;
}

.mab-variable-groups[b-8ujngxraui] {
    display: grid;
    gap: 12px;
}

.mab-variable-group h5[b-8ujngxraui] {
    margin: 0 0 8px;
    color: var(--navy);
    font-size: 11.5px;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.mab-variable-chip-list[b-8ujngxraui] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.mab-variable-chip[b-8ujngxraui] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--line);
    background: #fff;
    border-radius: 999px;
    padding: 5px 10px;
    font-size: 11px;
    color: var(--blue);
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

.mab-variable-chip:hover[b-8ujngxraui] {
    background: var(--blue-soft);
}

.mab-variable-chip span.mab-variable-desc[b-8ujngxraui] {
    color: var(--muted);
    font-family: var(--app-font, Inter, sans-serif);
}

@media (max-width: 1050px) {
    .mab-grid-3[b-8ujngxraui],
    .mab-grid-4[b-8ujngxraui],
    .mab-grid-5[b-8ujngxraui],
    .mab-grid-6[b-8ujngxraui] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .mab-master-detail[b-8ujngxraui] {
        grid-template-columns: 270px minmax(0, 1fr);
    }
}

@media (max-width: 820px) {
    .mab-page-header[b-8ujngxraui] {
        align-items: flex-start;
        flex-direction: column;
    }

    .mab-header-actions[b-8ujngxraui] {
        width: 100%;
    }

    .mab-header-actions .mab-btn[b-8ujngxraui] {
        flex: 1;
    }

    .mab-tabs[b-8ujngxraui] {
        display: flex;
        overflow: auto;
        padding: 10px;
    }

    .mab-tab[b-8ujngxraui] {
        min-width: 180px;
        flex: none;
    }

    .mab-master-detail[b-8ujngxraui] {
        grid-template-columns: minmax(0, 1fr);
    }

    .mab-variable-guide[b-8ujngxraui] {
        grid-template-columns: minmax(0, 1fr);
    }

    .mab-master-list[b-8ujngxraui] {
        position: static;
    }

    .mab-grid-2[b-8ujngxraui],
    .mab-grid-3[b-8ujngxraui],
    .mab-grid-4[b-8ujngxraui],
    .mab-grid-5[b-8ujngxraui],
    .mab-grid-6[b-8ujngxraui] {
        grid-template-columns: minmax(0, 1fr);
    }

    .mab-footer-bar[b-8ujngxraui] {
        flex-direction: column;
    }

    .mab-footer-bar .mab-btn[b-8ujngxraui] {
        width: 100%;
    }
}

@media (max-width: 560px) {
    .mab-page-header h1[b-8ujngxraui] {
        font-size: 28px;
    }

    .mab-section-banner[b-8ujngxraui] {
        padding: 16px;
    }

    .mab-section-icon[b-8ujngxraui] {
        width: 42px;
        height: 42px;
    }

    .mab-panel-body[b-8ujngxraui] {
        padding: 16px;
    }
}
/* /Components/Pages/MinorAilmentCatalogue.razor.rz.scp.css */
.mac-page[b-t76tygaaef] {
    --navy: #0B2F52;
    --navy-2: #164A78;
    --teal: #168552;
    --teal-soft: #eaf1fb;
    --blue: #2563EB;
    --blue-soft: #EEF5FF;
    --green: #16A34A;
    --green-soft: #ECFDF3;
    --red: #DC2626;
    --red-soft: #FEF2F2;
    --ink: #0F172A;
    --muted: #64748B;
    --line: #E2E8F0;
    --soft: #F8FAFC;
    --white: #FFFFFF;
    --shadow: 0 18px 42px rgba(15, 23, 42, .08);
    --shadow-sm: 0 8px 24px rgba(15, 23, 42, .06);

    color: var(--ink);
    font-family: var(--app-font, Inter, ui-sans-serif, system-ui, -apple-system,)
        BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.mac-page button[b-t76tygaaef],
.mac-page input[b-t76tygaaef] {
    font: inherit;
}

.mac-page button[b-t76tygaaef] {
    cursor: pointer;
}

.mac-back-row[b-t76tygaaef] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 14px;
}

.mac-back[b-t76tygaaef] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 800;
}

.mac-back-row .mac-back[b-t76tygaaef] {
    margin-bottom: 0;
}

.mac-back:hover[b-t76tygaaef] {
    color: var(--navy);
}

.mac-page-head[b-t76tygaaef] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 18px;
}

.mac-eyebrow[b-t76tygaaef] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .14em;
    color: var(--teal);
    font-weight: 900;
}

.mac-page-head h1[b-t76tygaaef] {
    margin: 7px 0 6px;
    color: var(--navy);
    font-size: 38px;
    letter-spacing: -.04em;
}

.mac-page-head p[b-t76tygaaef] {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
}

.mac-status[b-t76tygaaef] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 999px;
    background: var(--green-soft);
    color: #166534;
    font-size: 11px;
    font-weight: 850;
    white-space: nowrap;
}

.mac-create-card[b-t76tygaaef] {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 20px;
    padding: 20px;
    box-shadow: var(--shadow-sm);
    margin-bottom: 16px;
}

.mac-create-head[b-t76tygaaef] {
    margin-bottom: 16px;
}

.mac-create-head h2[b-t76tygaaef] {
    margin: 0;
    color: var(--navy);
    font-size: 21px;
}

.mac-create-head p[b-t76tygaaef] {
    margin: 5px 0 0;
    color: var(--muted);
    font-size: 12px;
}

.mac-form-grid[b-t76tygaaef] {
    display: grid;
    grid-template-columns: 1.2fr 1.2fr .8fr auto;
    gap: 12px;
    align-items: start;
}

.mac-form-grid > .mac-btn[b-t76tygaaef] {
    margin-top: 22px;
}

.mac-field[b-t76tygaaef] {
    display: grid;
    gap: 7px;
    min-height: 44px;
}

.mac-field label[b-t76tygaaef] {
    font-size: 11px;
    font-weight: 850;
    color: var(--navy);
}

.mac-input[b-t76tygaaef] {
    width: 100%;
    height: 44px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #fff;
    color: var(--ink);
    padding: 0 12px;
    outline: none;
}

.mac-input:focus[b-t76tygaaef] {
    border-color: var(--blue);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .10);
}

.mac-helper[b-t76tygaaef] {
    color: var(--muted);
    font-size: 10px;
    margin-top: -2px;
}

.mac-btn[b-t76tygaaef] {
    min-height: 44px;
    padding: 0 16px;
    border-radius: 12px;
    border: 1px solid var(--line);
    background: #fff;
    color: var(--navy);
    font-weight: 850;
}

.mac-btn.primary[b-t76tygaaef] {
    background: var(--navy);
    border-color: var(--navy);
    color: #fff;
}

.mac-btn.primary:hover[b-t76tygaaef] {
    background: var(--navy-2);
}

.mac-btn:disabled[b-t76tygaaef] {
    opacity: .55;
    cursor: not-allowed;
}

.mac-catalogue-card[b-t76tygaaef] {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: var(--shadow);
    overflow: hidden;
}

.mac-catalogue-head[b-t76tygaaef] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 18px 20px;
    border-bottom: 1px solid var(--line);
    background: #FBFDFF;
    flex-wrap: wrap;
}

.mac-catalogue-head h2[b-t76tygaaef] {
    margin: 0;
    color: var(--navy);
    font-size: 21px;
}

.mac-catalogue-head p[b-t76tygaaef] {
    margin: 4px 0 0;
    color: var(--muted);
    font-size: 11px;
}

.mac-search[b-t76tygaaef] {
    width: min(380px, 100%);
    height: 42px;
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 0 12px;
    outline: none;
}

.mac-search:focus[b-t76tygaaef] {
    border-color: var(--blue);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .10);
}

.mac-ailment-list[b-t76tygaaef] {
    display: grid;
}

.mac-ailment-row[b-t76tygaaef] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.4fr) 180px auto;
    gap: 16px;
    align-items: center;
    padding: 16px 20px;
    border-bottom: 1px solid var(--line);
    transition: .18s ease;
}

.mac-ailment-row:last-child[b-t76tygaaef] {
    border-bottom: 0;
}

.mac-ailment-row:hover[b-t76tygaaef] {
    background: #FBFDFF;
}

.mac-ailment-name[b-t76tygaaef] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.mac-ailment-icon[b-t76tygaaef] {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: var(--blue-soft);
    color: var(--blue);
    font-size: 20px;
    flex: none;
}

.mac-ailment-name strong[b-t76tygaaef] {
    display: block;
    color: var(--navy);
    font-size: 14px;
}

.mac-ailment-name span[b-t76tygaaef] {
    display: block;
    margin-top: 3px;
    color: var(--muted);
    font-size: 11px;
}

.mac-slug[b-t76tygaaef] {
    color: var(--muted);
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mac-updated[b-t76tygaaef] {
    color: var(--muted);
    font-size: 12px;
}

.mac-actions[b-t76tygaaef] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.mac-action-btn[b-t76tygaaef] {
    min-height: 38px;
    padding: 0 12px;
    border-radius: 10px;
    border: 1px solid var(--line);
    background: #fff;
    color: var(--navy);
    font-weight: 800;
}

.mac-action-btn:hover[b-t76tygaaef] {
    background: var(--soft);
}

.mac-action-btn:disabled[b-t76tygaaef] {
    opacity: .55;
    cursor: not-allowed;
}

.mac-action-btn.primary[b-t76tygaaef] {
    background: var(--navy);
    border-color: var(--navy);
    color: #fff;
}

.mac-action-btn.danger[b-t76tygaaef] {
    color: var(--red);
    border-color: #FECACA;
    background: var(--red-soft);
}

.mac-empty[b-t76tygaaef] {
    padding: 32px 20px;
    text-align: center;
    color: var(--muted);
    font-size: 13px;
}

.mac-mobile-label[b-t76tygaaef] {
    display: none;
}

@media (max-width: 1050px) {
    .mac-form-grid[b-t76tygaaef] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .mac-form-grid .mac-btn[b-t76tygaaef] {
        width: 100%;
    }

    .mac-ailment-row[b-t76tygaaef] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        align-items: start;
    }

    .mac-actions[b-t76tygaaef] {
        justify-content: flex-start;
    }
}

@media (max-width: 760px) {
    .mac-page-head[b-t76tygaaef],
    .mac-create-head[b-t76tygaaef],
    .mac-catalogue-head[b-t76tygaaef] {
        flex-direction: column;
        align-items: stretch;
    }

    .mac-page-head h1[b-t76tygaaef] {
        font-size: 30px;
    }

    .mac-form-grid[b-t76tygaaef] {
        grid-template-columns: minmax(0, 1fr);
    }

    .mac-ailment-row[b-t76tygaaef] {
        grid-template-columns: minmax(0, 1fr);
    }

    .mac-mobile-label[b-t76tygaaef] {
        display: block;
        margin-bottom: 4px;
        font-size: 9px;
        text-transform: uppercase;
        letter-spacing: .08em;
        color: var(--muted);
        font-weight: 850;
    }
}
/* /Components/Pages/MinorAilmentGlobalConsentTemplate.razor.rz.scp.css */
.pst-page[b-b1kktcqctg] {
    --navy: #0B2F52;
    --navy-2: #164A78;
    --teal: #168552;
    --teal-soft: #eaf1fb;
    --blue: #2563EB;
    --blue-soft: #EEF5FF;
    --green: #16A34A;
    --green-soft: #ECFDF3;
    --ink: #0F172A;
    --muted: #64748B;
    --line: #E2E8F0;
    --soft: #F8FAFC;
    --white: #FFFFFF;
    --shadow: 0 18px 42px rgba(15, 23, 42, .08);
    --shadow-sm: 0 8px 24px rgba(15, 23, 42, .06);

    color: var(--ink);
    font-family: var(--app-font, Inter, ui-sans-serif, system-ui, -apple-system,)
        BlinkMacSystemFont, "Segoe UI", sans-serif;
    padding: 28px;
}

.pst-page button[b-b1kktcqctg],
.pst-page textarea[b-b1kktcqctg] {
    font: inherit;
}

.pst-page button[b-b1kktcqctg] {
    cursor: pointer;
}

.pst-wrap[b-b1kktcqctg] {
    max-width: 1180px;
    margin: auto;
}

.pst-back[b-b1kktcqctg] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 14px;
}

.pst-back:hover[b-b1kktcqctg] {
    color: var(--navy);
}

.pst-page-head[b-b1kktcqctg] {
    margin-bottom: 18px;
}

.pst-eyebrow[b-b1kktcqctg] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .14em;
    color: var(--teal);
    font-weight: 900;
}

.pst-page-head h1[b-b1kktcqctg] {
    margin: 7px 0 6px;
    color: var(--navy);
    font-size: 38px;
    letter-spacing: -.04em;
}

.pst-page-head p[b-b1kktcqctg] {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
}

.pst-tabs[b-b1kktcqctg] {
    display: flex;
    gap: 6px;
    margin-bottom: 16px;
}

.pst-tab[b-b1kktcqctg] {
    min-height: 42px;
    padding: 0 18px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #fff;
    color: var(--navy);
    font-weight: 850;
}

.pst-tab:hover[b-b1kktcqctg] {
    background: var(--soft);
}

.pst-tab.active[b-b1kktcqctg] {
    background: var(--navy);
    border-color: var(--navy);
    color: #fff;
}

.pst-card[b-b1kktcqctg] {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 22px;
    box-shadow: var(--shadow);
    overflow: hidden;
}

.pst-card-head[b-b1kktcqctg] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 22px 24px;
    border-bottom: 1px solid var(--line);
    background: linear-gradient(180deg, #fff 0%, #FBFDFF 100%);
}

.pst-card-head h2[b-b1kktcqctg] {
    margin: 0;
    color: var(--navy);
    font-size: 22px;
}

.pst-card-head p[b-b1kktcqctg] {
    margin: 6px 0 0;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.5;
}

.pst-badge[b-b1kktcqctg] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 10px;
    border-radius: 999px;
    background: var(--green-soft);
    color: #166534;
    font-size: 11px;
    font-weight: 850;
    white-space: nowrap;
}

.pst-card-body[b-b1kktcqctg] {
    padding: 22px 24px;
}

.pst-notice[b-b1kktcqctg] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 15px 16px;
    border: 1px solid #BFDBFE;
    border-radius: 14px;
    background: #F8FBFF;
    color: #245EA8;
    font-size: 13px;
    line-height: 1.55;
    margin-bottom: 20px;
}

.pst-notice-icon[b-b1kktcqctg] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    flex: none;
    background: var(--blue-soft);
    color: var(--blue);
    font-weight: 900;
}

.pst-editor-grid[b-b1kktcqctg] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 18px;
}

.pst-field[b-b1kktcqctg] {
    display: grid;
    gap: 8px;
}

.pst-field label[b-b1kktcqctg] {
    font-size: 12px;
    font-weight: 850;
    color: var(--navy);
}

.pst-field textarea[b-b1kktcqctg] {
    width: 100%;
    min-height: 270px;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: #fff;
    color: var(--ink);
    resize: vertical;
    outline: none;
    line-height: 1.55;
}

.pst-field textarea:focus[b-b1kktcqctg] {
    border-color: var(--blue);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .10);
}

.pst-method-list[b-b1kktcqctg] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.pst-method-toggle[b-b1kktcqctg] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #fff;
    font-size: 12.5px;
    font-weight: 750;
    color: var(--navy);
}

.pst-method-toggle:has(input:checked)[b-b1kktcqctg] {
    border-color: var(--blue);
    background: var(--blue-soft);
    color: var(--blue);
}

.pst-method-toggle input[b-b1kktcqctg] {
    accent-color: var(--blue);
}

.pst-support-panel[b-b1kktcqctg] {
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--soft);
    overflow: hidden;
}

.pst-support-head[b-b1kktcqctg] {
    padding: 15px 16px;
    border-bottom: 1px solid var(--line);
    background: #fff;
}

.pst-support-head h3[b-b1kktcqctg] {
    margin: 0;
    color: var(--navy);
    font-size: 16px;
}

.pst-support-head p[b-b1kktcqctg] {
    margin: 5px 0 0;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.45;
}

.pst-variable-list[b-b1kktcqctg] {
    padding: 12px;
    display: grid;
    gap: 8px;
    max-height: 560px;
    overflow-y: auto;
}

.pst-variable[b-b1kktcqctg] {
    padding: 11px 12px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
}

.pst-variable-copy[b-b1kktcqctg] {
    border: 0;
    background: transparent;
    color: var(--blue);
    font-weight: 800;
    font-size: 11px;
    flex: none;
}

.pst-variable strong[b-b1kktcqctg] {
    display: block;
    color: var(--blue);
    font-size: 12px;
}

.pst-variable span[b-b1kktcqctg] {
    display: block;
    margin-top: 4px;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.4;
}

.pst-syntax[b-b1kktcqctg] {
    margin-top: 18px;
    padding: 14px 16px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: var(--soft);
    color: var(--muted);
    font-size: 12px;
    line-height: 1.55;
}

.pst-syntax strong[b-b1kktcqctg] {
    color: var(--navy);
}

.pst-syntax code[b-b1kktcqctg] {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 6px;
    padding: 1px 5px;
}

.pst-card-footer[b-b1kktcqctg] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px 24px;
    border-top: 1px solid var(--line);
    background: var(--soft);
}

.pst-btn[b-b1kktcqctg] {
    min-height: 44px;
    padding: 0 18px;
    border-radius: 12px;
    border: 1px solid var(--line);
    background: #fff;
    color: var(--navy);
    font-weight: 850;
}

.pst-btn.primary[b-b1kktcqctg] {
    min-width: 180px;
    background: var(--navy);
    border-color: var(--navy);
    color: #fff;
}

.pst-btn.primary:hover[b-b1kktcqctg] {
    background: var(--navy-2);
}

.pst-btn:disabled[b-b1kktcqctg] {
    opacity: .55;
    cursor: not-allowed;
}

.pst-guide-groups[b-b1kktcqctg] {
    display: grid;
    gap: 20px;
}

.pst-guide-group h3[b-b1kktcqctg] {
    margin: 0 0 10px;
    color: var(--navy);
    font-size: 15px;
}

.pst-table-wrap[b-b1kktcqctg] {
    border: 1px solid var(--line);
    border-radius: 14px;
    overflow: auto;
    background: #fff;
}

.pst-page table[b-b1kktcqctg] {
    width: 100%;
    border-collapse: collapse;
    min-width: 640px;
}

.pst-page th[b-b1kktcqctg],
.pst-page td[b-b1kktcqctg] {
    padding: 12px 14px;
    border-bottom: 1px solid var(--line);
    text-align: left;
    font-size: 12.5px;
    vertical-align: top;
}

.pst-page th[b-b1kktcqctg] {
    background: var(--soft);
    color: var(--muted);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.pst-page tr:last-child td[b-b1kktcqctg] {
    border-bottom: 0;
}

.pst-page code[b-b1kktcqctg] {
    background: var(--blue-soft);
    color: var(--blue);
    border-radius: 6px;
    padding: 2px 6px;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 11.5px;
}

.pst-copy-cell[b-b1kktcqctg] {
    white-space: nowrap;
}

.pst-copy-cell button[b-b1kktcqctg] {
    border: 0;
    background: transparent;
    color: var(--blue);
    font-weight: 800;
    font-size: 12px;
}

@media (max-width: 900px) {
    .pst-editor-grid[b-b1kktcqctg] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 700px) {
    .pst-page[b-b1kktcqctg] {
        padding: 12px;
    }

    .pst-page-head h1[b-b1kktcqctg] {
        font-size: 30px;
    }

    .pst-card-head[b-b1kktcqctg] {
        flex-direction: column;
        padding: 18px;
    }

    .pst-card-body[b-b1kktcqctg] {
        padding: 18px;
    }

    .pst-card-footer[b-b1kktcqctg] {
        flex-direction: column;
        padding: 14px 18px;
    }

    .pst-btn[b-b1kktcqctg],
    .pst-btn.primary[b-b1kktcqctg] {
        width: 100%;
    }

    .pst-table-wrap[b-b1kktcqctg] {
        overflow-x: auto;
    }
}

@media (max-width: 767px) {
    /* `overflow-y: auto` makes overflow-x compute to auto as well, so this list
       scrolled sideways and hid every Copy button. Let the rows wrap instead. */
    .pst-variable-list[b-b1kktcqctg] { overflow-x: hidden; grid-template-columns: minmax(0, 1fr); }
    .pst-variable[b-b1kktcqctg] { flex-wrap: wrap; }
    .pst-variable > div[b-b1kktcqctg] { flex: 1 1 100%; min-width: 0; }
    .pst-variable strong[b-b1kktcqctg], .pst-variable span[b-b1kktcqctg] { overflow-wrap: anywhere; }
    .pst-variable-copy[b-b1kktcqctg] { margin-left: auto; }
}
/* /Components/Pages/MinorAilmentGlobalFollowUpPlan.razor.rz.scp.css */
.gfp-page[b-sm35evygmz]{max-width:1500px;margin:0 auto;padding:26px 24px 48px;color:#123454}.gfp-back[b-sm35evygmz]{display:inline-block;margin-bottom:18px;color:#58708b;text-decoration:none;font-weight:750}.gfp-hero[b-sm35evygmz]{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;background:#fff;border:1px solid #d9e4ef;border-radius:18px;padding:24px 28px;box-shadow:0 14px 35px rgba(22,52,84,.07)}.gfp-eyebrow[b-sm35evygmz]{color:#0b4b9f;font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.gfp-hero h1[b-sm35evygmz]{margin:7px 0 5px;font-size:32px}.gfp-hero p[b-sm35evygmz]{margin:0;color:#667c94;max-width:760px}.gfp-hero>span[b-sm35evygmz]{background:#e9faf5;color:#0b8c6d;border-radius:999px;padding:9px 13px;font-weight:850}.gfp-master-detail[b-sm35evygmz]{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;margin-top:20px}.gfp-list[b-sm35evygmz],.gfp-editor[b-sm35evygmz]{background:#fff;border:1px solid #d9e4ef;border-radius:17px;overflow:hidden}.gfp-list-head[b-sm35evygmz],.gfp-editor>header[b-sm35evygmz]{padding:20px;border-bottom:1px solid #d9e4ef}.gfp-list-head h2[b-sm35evygmz],.gfp-editor h2[b-sm35evygmz]{margin:0 0 5px;font-size:18px}.gfp-list-head p[b-sm35evygmz],.gfp-editor p[b-sm35evygmz]{margin:0;color:#72859a;font-size:13px}.gfp-list-item[b-sm35evygmz]{width:calc(100% - 20px);margin:10px 10px 0;display:grid;grid-template-columns:30px 1fr;gap:2px 9px;text-align:left;border:1px solid transparent;background:#f6f8fb;border-radius:11px;padding:12px;color:#15385b;cursor:pointer}.gfp-list-item>span[b-sm35evygmz]{grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#e7eef6;color:#61768d;font-weight:900}.gfp-list-item small[b-sm35evygmz]{color:#75899f}.gfp-list-item.active[b-sm35evygmz]{border-color:#70a5ff;background:#edf4ff}.gfp-list-item.active>span[b-sm35evygmz]{background:#2465e8;color:white}.gfp-add[b-sm35evygmz]{margin:12px 10px 16px;width:calc(100% - 20px);border:1px dashed #86a3bf;background:white;border-radius:10px;padding:11px;color:#174b7a;font-weight:850;cursor:pointer}.gfp-editor>header[b-sm35evygmz]{display:flex;justify-content:space-between;gap:16px}.gfp-delete[b-sm35evygmz]{border:1px solid #f0c9cd;background:#fff5f5;color:#c33843;border-radius:9px;padding:8px 12px;height:max-content;cursor:pointer}.gfp-grid[b-sm35evygmz]{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:22px 22px 0}.gfp-editor label[b-sm35evygmz]{display:grid;gap:7px;font-size:12px;font-weight:850}.gfp-editor input[b-sm35evygmz],.gfp-editor select[b-sm35evygmz],.gfp-editor textarea[b-sm35evygmz]{width:100%;border:1px solid #cad8e6;border-radius:9px;padding:11px 12px;font:inherit;color:#183a5d;background:white}.gfp-note[b-sm35evygmz]{padding:16px 22px 0}.gfp-note textarea[b-sm35evygmz]{min-height:180px;resize:vertical}.gfp-tip[b-sm35evygmz]{margin:16px 22px 24px;padding:13px 15px;background:#eff8ff;border-radius:10px;color:#426987;font-size:13px}.gfp-empty[b-sm35evygmz]{padding:60px;text-align:center;color:#74869a}.gfp-actions[b-sm35evygmz]{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}.gfp-actions a[b-sm35evygmz],.gfp-actions button[b-sm35evygmz]{border:1px solid #c9d8e6;background:white;border-radius:10px;padding:11px 18px;text-decoration:none;color:#15385b;font-weight:850}.gfp-actions button[b-sm35evygmz]{background:#0b355b;color:white;border-color:#0b355b;cursor:pointer}@media(max-width:720px){.gfp-page[b-sm35evygmz]{padding:16px 12px 36px}.gfp-hero[b-sm35evygmz]{display:block;padding:20px}.gfp-hero>span[b-sm35evygmz]{display:inline-block;margin-top:14px}.gfp-master-detail[b-sm35evygmz]{grid-template-columns:minmax(0, 1fr)}.gfp-grid[b-sm35evygmz]{grid-template-columns:minmax(0, 1fr)}.gfp-list[b-sm35evygmz]{max-height:330px;overflow:auto}.gfp-actions[b-sm35evygmz]{position:sticky;bottom:0;background:#f3f7fb;padding:12px 0}.gfp-actions>*[b-sm35evygmz]{flex:1;text-align:center}}
.gfp-editor-actions[b-sm35evygmz]{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.gfp-editor-actions button[b-sm35evygmz]{border:1px solid #cad8e6;background:white;color:#315675;border-radius:9px;padding:8px 10px;height:max-content;cursor:pointer}.gfp-editor-actions .gfp-delete[b-sm35evygmz]{border-color:#f0c9cd;background:#fff5f5;color:#c33843}
/* /Components/Pages/MinorAilmentGlobalRedFlagDocumentTemplate.razor.rz.scp.css */
.rfd-page[b-84xxsty0jg] {
    --navy: #0d2f50;
    --blue: #2f6fed;
    --line: #dbe4ef;
    --muted: #6f8097;
    max-width: 1500px;
    margin: 0 auto;
    padding: 28px 28px 70px;
    color: #14243a;
}

.rfd-back[b-84xxsty0jg] { color: var(--blue); font-size: 12px; font-weight: 800; text-decoration: none; }
.rfd-head[b-84xxsty0jg] { display: flex; justify-content: space-between; gap: 24px; align-items: flex-start; margin: 18px 0; }
.rfd-eyebrow[b-84xxsty0jg] { color: #0b4694; font-size: 10px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.rfd-head h1[b-84xxsty0jg] { margin: 6px 0 4px; color: var(--navy); font-size: 30px; }
.rfd-head p[b-84xxsty0jg], .rfd-card-head p[b-84xxsty0jg] { margin: 0; color: var(--muted); font-size: 12px; }
.rfd-badge[b-84xxsty0jg] { padding: 7px 11px; border-radius: 999px; background: #edf4ff; color: var(--blue); font-size: 11px; font-weight: 900; }
.rfd-grid[b-84xxsty0jg] { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr); gap: 18px; align-items: start; }
.rfd-card[b-84xxsty0jg] { border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: 0 14px 34px rgba(23, 50, 85, .08); overflow: hidden; }
.rfd-card-head[b-84xxsty0jg] { padding: 18px 20px; border-bottom: 1px solid var(--line); text-align: left; }
.rfd-card-head h2[b-84xxsty0jg] { margin: 0 0 4px; color: var(--navy); font-size: 18px; }
.rfd-card-body[b-84xxsty0jg] { padding: 20px; }
.rfd-card-body label[b-84xxsty0jg] { display: block; margin-bottom: 7px; color: #667990; font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.rfd-card-body textarea[b-84xxsty0jg] { width: 100%; min-height: 280px; resize: vertical; padding: 13px; border: 1px solid #cbd7e6; border-radius: 12px; line-height: 1.6; }
.rfd-card-body textarea:focus[b-84xxsty0jg] { outline: 0; border-color: #7da5ee; box-shadow: 0 0 0 3px rgba(47, 111, 237, .1); }
.rfd-syntax[b-84xxsty0jg] { margin-top: 12px; padding: 11px 12px; border-radius: 11px; background: #f5f8fc; color: var(--muted); font-size: 11px; line-height: 1.6; }
.rfd-syntax code[b-84xxsty0jg], td code[b-84xxsty0jg] { color: var(--blue); font-weight: 800; }
.rfd-actions[b-84xxsty0jg] { display: flex; justify-content: flex-end; gap: 8px; padding: 13px 20px; border-top: 1px solid var(--line); background: #fbfdff; }
.rfd-btn[b-84xxsty0jg] { min-height: 40px; padding: 0 14px; border: 1px solid var(--line); border-radius: 10px; background: #fff; color: var(--navy); font-weight: 850; }
.rfd-btn.primary[b-84xxsty0jg] { border-color: var(--navy); background: var(--navy); color: #fff; }
.rfd-preview[b-84xxsty0jg] { min-height: 280px; padding: 16px; border: 1px solid #fca5a5; border-left: 4px solid #b13f47; border-radius: 12px; background: #fff1f2; color: #7d2f35; font-size: 12px; line-height: 1.65; white-space: pre-wrap; }
.guide[b-84xxsty0jg] { margin-top: 18px; }
.rfd-table-wrap[b-84xxsty0jg] { overflow-x: auto; }
table[b-84xxsty0jg] { width: 100%; border-collapse: collapse; font-size: 11px; }
th[b-84xxsty0jg] { padding: 10px 14px; background: #f5f8fc; color: #71839a; text-align: left; text-transform: uppercase; letter-spacing: .07em; font-size: 9px; }
td[b-84xxsty0jg] { padding: 11px 14px; border-top: 1px solid var(--line); vertical-align: top; }
tr.clinical td[b-84xxsty0jg] { background: #fff7f7; color: #8d343b; font-weight: 700; }

@media (max-width: 900px) {
    .rfd-page[b-84xxsty0jg] { padding: 18px 16px 60px; }
    .rfd-head[b-84xxsty0jg] { flex-direction: column; }
    .rfd-grid[b-84xxsty0jg] { grid-template-columns: minmax(0, 1fr); }
}
/* /Components/Pages/MinorAilmentGlobalStoryTemplate.razor.rz.scp.css */
.pst-page[b-wstxw1bl4b] {
    --navy: #0B2F52;
    --navy-2: #164A78;
    --teal: #168552;
    --teal-soft: #eaf1fb;
    --blue: #2563EB;
    --blue-soft: #EEF5FF;
    --green: #16A34A;
    --green-soft: #ECFDF3;
    --ink: #0F172A;
    --muted: #64748B;
    --line: #E2E8F0;
    --soft: #F8FAFC;
    --white: #FFFFFF;
    --shadow: 0 18px 42px rgba(15, 23, 42, .08);
    --shadow-sm: 0 8px 24px rgba(15, 23, 42, .06);

    color: var(--ink);
    font-family: var(--app-font, Inter, ui-sans-serif, system-ui, -apple-system,)
        BlinkMacSystemFont, "Segoe UI", sans-serif;
    padding: 28px;
}

.pst-page button[b-wstxw1bl4b],
.pst-page textarea[b-wstxw1bl4b] {
    font: inherit;
}

.pst-page button[b-wstxw1bl4b] {
    cursor: pointer;
}

.pst-wrap[b-wstxw1bl4b] {
    max-width: 1180px;
    margin: auto;
}

.pst-back[b-wstxw1bl4b] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 14px;
}

.pst-back:hover[b-wstxw1bl4b] {
    color: var(--navy);
}

.pst-page-head[b-wstxw1bl4b] {
    margin-bottom: 18px;
}

.pst-eyebrow[b-wstxw1bl4b] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .14em;
    color: var(--teal);
    font-weight: 900;
}

.pst-page-head h1[b-wstxw1bl4b] {
    margin: 7px 0 6px;
    color: var(--navy);
    font-size: 38px;
    letter-spacing: -.04em;
}

.pst-page-head p[b-wstxw1bl4b] {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
}

.pst-tabs[b-wstxw1bl4b] {
    display: flex;
    gap: 6px;
    margin-bottom: 16px;
}

.pst-tab[b-wstxw1bl4b] {
    min-height: 42px;
    padding: 0 18px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #fff;
    color: var(--navy);
    font-weight: 850;
}

.pst-tab:hover[b-wstxw1bl4b] {
    background: var(--soft);
}

.pst-tab.active[b-wstxw1bl4b] {
    background: var(--navy);
    border-color: var(--navy);
    color: #fff;
}

.pst-card[b-wstxw1bl4b] {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 22px;
    box-shadow: var(--shadow);
    overflow: hidden;
}

.pst-card-head[b-wstxw1bl4b] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 22px 24px;
    border-bottom: 1px solid var(--line);
    background: linear-gradient(180deg, #fff 0%, #FBFDFF 100%);
}

.pst-card-head h2[b-wstxw1bl4b] {
    margin: 0;
    color: var(--navy);
    font-size: 22px;
}

.pst-card-head p[b-wstxw1bl4b] {
    margin: 6px 0 0;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.5;
}

.pst-badge[b-wstxw1bl4b] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 10px;
    border-radius: 999px;
    background: var(--green-soft);
    color: #166534;
    font-size: 11px;
    font-weight: 850;
    white-space: nowrap;
}

.pst-card-body[b-wstxw1bl4b] {
    padding: 22px 24px;
}

.pst-notice[b-wstxw1bl4b] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 15px 16px;
    border: 1px solid #BFDBFE;
    border-radius: 14px;
    background: #F8FBFF;
    color: #245EA8;
    font-size: 13px;
    line-height: 1.55;
    margin-bottom: 20px;
}

.pst-notice-icon[b-wstxw1bl4b] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    flex: none;
    background: var(--blue-soft);
    color: var(--blue);
    font-weight: 900;
}

.pst-editor-grid[b-wstxw1bl4b] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 18px;
}

.pst-field[b-wstxw1bl4b] {
    display: grid;
    gap: 8px;
}

.pst-field label[b-wstxw1bl4b] {
    font-size: 12px;
    font-weight: 850;
    color: var(--navy);
}

.pst-field textarea[b-wstxw1bl4b] {
    width: 100%;
    min-height: 270px;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: #fff;
    color: var(--ink);
    resize: vertical;
    outline: none;
    line-height: 1.55;
}

.pst-field textarea:focus[b-wstxw1bl4b] {
    border-color: var(--blue);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .10);
}

.pst-support-panel[b-wstxw1bl4b] {
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--soft);
    overflow: hidden;
}

.pst-support-head[b-wstxw1bl4b] {
    padding: 15px 16px;
    border-bottom: 1px solid var(--line);
    background: #fff;
}

.pst-support-head h3[b-wstxw1bl4b] {
    margin: 0;
    color: var(--navy);
    font-size: 16px;
}

.pst-support-head p[b-wstxw1bl4b] {
    margin: 5px 0 0;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.45;
}

.pst-variable-list[b-wstxw1bl4b] {
    padding: 12px;
    display: grid;
    gap: 8px;
    max-height: 560px;
    overflow-y: auto;
}

.pst-variable[b-wstxw1bl4b] {
    padding: 11px 12px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
}

.pst-variable-copy[b-wstxw1bl4b] {
    border: 0;
    background: transparent;
    color: var(--blue);
    font-weight: 800;
    font-size: 11px;
    flex: none;
}

.pst-variable strong[b-wstxw1bl4b] {
    display: block;
    color: var(--blue);
    font-size: 12px;
}

.pst-variable span[b-wstxw1bl4b] {
    display: block;
    margin-top: 4px;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.4;
}

.pst-syntax[b-wstxw1bl4b] {
    margin-top: 18px;
    padding: 14px 16px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: var(--soft);
    color: var(--muted);
    font-size: 12px;
    line-height: 1.55;
}

.pst-syntax strong[b-wstxw1bl4b] {
    color: var(--navy);
}

.pst-syntax code[b-wstxw1bl4b] {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 6px;
    padding: 1px 5px;
}

.pst-card-footer[b-wstxw1bl4b] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px 24px;
    border-top: 1px solid var(--line);
    background: var(--soft);
}

.pst-btn[b-wstxw1bl4b] {
    min-height: 44px;
    padding: 0 18px;
    border-radius: 12px;
    border: 1px solid var(--line);
    background: #fff;
    color: var(--navy);
    font-weight: 850;
}

.pst-btn.primary[b-wstxw1bl4b] {
    min-width: 180px;
    background: var(--navy);
    border-color: var(--navy);
    color: #fff;
}

.pst-btn.primary:hover[b-wstxw1bl4b] {
    background: var(--navy-2);
}

.pst-btn:disabled[b-wstxw1bl4b] {
    opacity: .55;
    cursor: not-allowed;
}

.pst-guide-groups[b-wstxw1bl4b] {
    display: grid;
    gap: 20px;
}

.pst-guide-group h3[b-wstxw1bl4b] {
    margin: 0 0 10px;
    color: var(--navy);
    font-size: 15px;
}

.pst-table-wrap[b-wstxw1bl4b] {
    border: 1px solid var(--line);
    border-radius: 14px;
    overflow: auto;
    background: #fff;
}

.pst-page table[b-wstxw1bl4b] {
    width: 100%;
    border-collapse: collapse;
    min-width: 640px;
}

.pst-page th[b-wstxw1bl4b],
.pst-page td[b-wstxw1bl4b] {
    padding: 12px 14px;
    border-bottom: 1px solid var(--line);
    text-align: left;
    font-size: 12.5px;
    vertical-align: top;
}

.pst-page th[b-wstxw1bl4b] {
    background: var(--soft);
    color: var(--muted);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.pst-page tr:last-child td[b-wstxw1bl4b] {
    border-bottom: 0;
}

.pst-page code[b-wstxw1bl4b] {
    background: var(--blue-soft);
    color: var(--blue);
    border-radius: 6px;
    padding: 2px 6px;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 11.5px;
}

.pst-copy-cell[b-wstxw1bl4b] {
    white-space: nowrap;
}

.pst-copy-cell button[b-wstxw1bl4b] {
    border: 0;
    background: transparent;
    color: var(--blue);
    font-weight: 800;
    font-size: 12px;
}

@media (max-width: 900px) {
    .pst-editor-grid[b-wstxw1bl4b] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 700px) {
    .pst-page[b-wstxw1bl4b] {
        padding: 12px;
    }

    .pst-page-head h1[b-wstxw1bl4b] {
        font-size: 30px;
    }

    .pst-card-head[b-wstxw1bl4b] {
        flex-direction: column;
        padding: 18px;
    }

    .pst-card-body[b-wstxw1bl4b] {
        padding: 18px;
    }

    .pst-card-footer[b-wstxw1bl4b] {
        flex-direction: column;
        padding: 14px 18px;
    }

    .pst-btn[b-wstxw1bl4b],
    .pst-btn.primary[b-wstxw1bl4b] {
        width: 100%;
    }

    .pst-table-wrap[b-wstxw1bl4b] {
        overflow-x: auto;
    }
}

@media (max-width: 767px) {
    /* `overflow-y: auto` makes overflow-x compute to auto as well, so this list
       scrolled sideways and hid every Copy button. Let the rows wrap instead. */
    .pst-variable-list[b-wstxw1bl4b] { overflow-x: hidden; grid-template-columns: minmax(0, 1fr); }
    .pst-variable[b-wstxw1bl4b] { flex-wrap: wrap; }
    .pst-variable > div[b-wstxw1bl4b] { flex: 1 1 100%; min-width: 0; }
    .pst-variable strong[b-wstxw1bl4b], .pst-variable span[b-wstxw1bl4b] { overflow-wrap: anywhere; }
    .pst-variable-copy[b-wstxw1bl4b] { margin-left: auto; }
}
/* /Components/Pages/MinorAilmentsDashboard.razor.rz.scp.css */
.mad-page[b-bwdtwuttha] { max-width: 1600px; margin: 0 auto; padding: .5rem; }
.mad-eyebrow[b-bwdtwuttha] { color: #168552; font-size: .78rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.mad-page[b-bwdtwuttha]  .mud-paper { border: 1px solid #dce6ef; border-radius: 16px; box-shadow: 0 10px 30px rgba(15, 43, 68, .06); }
.mad-page[b-bwdtwuttha]  .mud-grid > .mud-grid-item:nth-child(1) .mud-paper { border-top: 4px solid #0b3154; }
.mad-page[b-bwdtwuttha]  .mud-grid > .mud-grid-item:nth-child(2) .mud-paper { border-top: 4px solid #2563eb; }
.mad-page[b-bwdtwuttha]  .mud-grid > .mud-grid-item:nth-child(3) .mud-paper { border-top: 4px solid #168552; }
.mad-page[b-bwdtwuttha]  .mud-grid > .mud-grid-item:nth-child(4) .mud-paper { border-top: 4px solid #d97706; }
.mad-page[b-bwdtwuttha]  .mud-table-toolbar { background: #f8fafc; border-radius: 12px 12px 0 0; }
.mad-page[b-bwdtwuttha]  .mad-select-column { width: 3rem; text-align: center; }
.mad-page[b-bwdtwuttha]  .mad-row-actions { align-items: center; white-space: nowrap; }

@media (max-width: 600px) {
    .mad-page[b-bwdtwuttha] { padding: .25rem; }
    .mad-page[b-bwdtwuttha]  .mud-table-toolbar { align-items: flex-start; height: auto; min-height: 64px; padding-block: .75rem; flex-wrap: wrap; }
    .mad-page[b-bwdtwuttha]  .mad-row-actions { justify-content: flex-end; }
}

/* ---------------------------------------------------------------------------
   Assessment list. One row per assessment: who it is for, what it is, and
   where it got to -- with the patient's name carrying the weight rather than
   sharing it with seven other columns.
   --------------------------------------------------------------------------- */

.mad-list[b-bwdtwuttha] {
    display: flex;
    flex-direction: column;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #fff;
    overflow: hidden;
}

.mad-item[b-bwdtwuttha] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid #eef2f7;
    transition: background-color .13s ease;
}

.mad-item:last-child[b-bwdtwuttha] { border-bottom: 0; }
.mad-item:hover[b-bwdtwuttha] { background: #fafcff; }

.mad-item-select[b-bwdtwuttha] { display: flex; align-items: center; min-height: 38px; }
.mad-item-select input[b-bwdtwuttha] { width: 18px; height: 18px; accent-color: #1d5fc4; }

.mad-item-mark[b-bwdtwuttha] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: #eaf8f0;
    color: #137a49;
}

.mad-item-mark[b-bwdtwuttha]  .wk-icon { width: 18px; height: 18px; }

.mad-item-body[b-bwdtwuttha] { flex: 1 1 auto; min-width: 0; }

.mad-item-head[b-bwdtwuttha] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.mad-item-name[b-bwdtwuttha] {
    font-size: .93rem;
    font-weight: 750;
    color: #0b2f52;
    text-decoration: none;
}

.mad-item-name:hover[b-bwdtwuttha] { text-decoration: underline; }

.mad-item-ailment[b-bwdtwuttha] {
    margin-top: 2px;
    font-size: .84rem;
    color: #142238;
}

.mad-item-meta[b-bwdtwuttha] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 14px;
    margin-top: 5px;
    font-size: .74rem;
    color: #64748b;
}

.mad-item-actions[b-bwdtwuttha] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
}

.mad-item-open[b-bwdtwuttha] {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid #cbd7e4;
    border-radius: 10px;
    color: #0b2f52;
    font-size: .8rem;
    font-weight: 700;
    text-decoration: none;
    transition: background-color .13s ease, border-color .13s ease;
}

.mad-item-open:hover[b-bwdtwuttha] { background: #eaf2ff; border-color: #1d5fc4; color: #1d5fc4; }

.mad-item-delete[b-bwdtwuttha] {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid #f0d5d5;
    border-radius: 10px;
    background: #fff;
    color: #c43d4d;
    cursor: pointer;
}

.mad-item-delete:hover:not(:disabled)[b-bwdtwuttha] { background: #fdeef0; }
.mad-item-delete:disabled[b-bwdtwuttha] { opacity: .5; cursor: not-allowed; }
.mad-item-delete[b-bwdtwuttha]  .wk-icon { width: 15px; height: 15px; }

/* Status carries its word as well as its colour. */
.mad-pill[b-bwdtwuttha] {
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 9px;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .02em;
}

.mad-pill-green[b-bwdtwuttha] { background: #eaf8f0; color: #137a49; }
.mad-pill-blue[b-bwdtwuttha] { background: #eaf2ff; color: #1d5fc4; }
.mad-pill-orange[b-bwdtwuttha] { background: #fff5e6; color: #9a5a08; }
.mad-pill-navy[b-bwdtwuttha] { background: #e8eef6; color: #0b2f52; }

.mad-empty[b-bwdtwuttha] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    padding: 40px 20px;
    border: 1px dashed #cfdbea;
    border-radius: 14px;
    text-align: center;
    color: #64748b;
}

.mad-empty strong[b-bwdtwuttha] { font-size: .95rem; color: #0b2f52; }

@media (max-width: 767px) {
    .mad-item[b-bwdtwuttha] {
        flex-wrap: wrap;
        padding: 13px;
        gap: 10px;
    }

    .mad-item-actions[b-bwdtwuttha] {
        width: 100%;
        justify-content: flex-end;
        padding-left: 50px;
    }

    .mad-item-open[b-bwdtwuttha] { flex: 1 1 auto; justify-content: center; }
}
/* /Components/Pages/MinorAilmentStartAssessment.razor.rz.scp.css */
.patient-source-choice[b-wly43i0ps0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 14px 0 20px;
}

.patient-source-choice button[b-wly43i0ps0] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-height: 92px;
    padding: 16px;
    border: 1px solid #d8e2ee;
    border-radius: 14px;
    background: #fff;
    color: #17324f;
    text-align: left;
    cursor: pointer;
}

.patient-source-choice button.active[b-wly43i0ps0] {
    border-color: #2f6fed;
    background: #edf4ff;
    box-shadow: 0 0 0 3px rgba(47, 111, 237, .1);
}

.patient-source-choice span[b-wly43i0ps0] {
    color: #64758b;
    font-size: .78rem;
}

.platform-patient-form[b-wly43i0ps0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.platform-field[b-wly43i0ps0] { display: flex; flex-direction: column; gap: 6px; }
.platform-field.full[b-wly43i0ps0], .platform-choice.full[b-wly43i0ps0], .platform-check.full[b-wly43i0ps0],
.platform-form-actions.full[b-wly43i0ps0] { grid-column: 1 / -1; }
.platform-field label[b-wly43i0ps0], .platform-choice legend[b-wly43i0ps0] {
    color: #17324f;
    font-size: .75rem;
    font-weight: 750;
}
.platform-field input[b-wly43i0ps0], .platform-field select[b-wly43i0ps0] {
    width: 100%;
    min-height: 44px;
    padding: 0 12px;
    border: 1px solid #cbd7e4;
    border-radius: 10px;
    background: #fff;
}
.platform-field input:focus[b-wly43i0ps0], .platform-field select:focus[b-wly43i0ps0] {
    border-color: #2f6fed;
    outline: 3px solid rgba(47, 111, 237, .1);
}
.platform-field input:disabled[b-wly43i0ps0] { background: #eef2f6; }
.platform-choice[b-wly43i0ps0] { display: flex; gap: 18px; border: 0; padding: 0; }
.platform-choice legend[b-wly43i0ps0] { margin-bottom: 8px; }
.platform-choice label[b-wly43i0ps0], .platform-check[b-wly43i0ps0] { display: flex; align-items: center; gap: 8px; }
.platform-create-button[b-wly43i0ps0] {
    min-height: 44px;
    padding: 0 18px;
    border: 0;
    border-radius: 10px;
    background: #0b3158;
    color: #fff;
    font-weight: 750;
    cursor: pointer;
}
.platform-create-button:disabled[b-wly43i0ps0] { opacity: .6; }

.ailment-panel-disabled[b-wly43i0ps0] {
    opacity: .55;
    pointer-events: none;
    filter: grayscale(.15);
}

.ailment-list[b-wly43i0ps0] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: 60vh;
    overflow-y: auto;
}

.ailment-row[b-wly43i0ps0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 4px 4px 4px 10px;
    border: 1px solid #e2e8f1;
    border-radius: 10px;
    background: #fff;
}

.ailment-row-selected[b-wly43i0ps0] {
    border-color: #2f6fed;
    background: #edf4ff;
    box-shadow: 0 0 0 3px rgba(47, 111, 237, .1);
}

.ailment-row-select[b-wly43i0ps0] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 6px 0;
    border: 0;
    background: transparent;
    color: #17324f;
    text-align: left;
    cursor: pointer;
}

.ailment-row-select:disabled[b-wly43i0ps0] {
    cursor: not-allowed;
}

.ailment-row-icon[b-wly43i0ps0] {
    flex: 0 0 auto;
}

.ailment-row-name[b-wly43i0ps0] {
    flex: 1 1 auto;
}

.ailment-row-start[b-wly43i0ps0] {
    flex: 0 0 auto;
}

@media (max-width: 700px) {
    .patient-source-choice[b-wly43i0ps0], .platform-patient-form[b-wly43i0ps0] { grid-template-columns: minmax(0, 1fr); }
    .platform-field.full[b-wly43i0ps0], .platform-choice.full[b-wly43i0ps0], .platform-check.full[b-wly43i0ps0],
    .platform-form-actions.full[b-wly43i0ps0] { grid-column: auto; }
}

/* ---------------------------------------------------------------------------
   Mobile step order.

   Side by side the ailment list sits left of the patient panel, which reads
   fine. Stacked on a phone the source order put the ailment panel first -- but
   it is disabled until a patient is chosen, so you landed on a greyed-out list
   and had to scroll past every ailment to reach the step you actually have to
   do first. Below MudBlazor's md breakpoint, put the patient panel on top.

   `::deep` is required: `.ma-col-*` sits on MudItem's own root element, which
   never receives this page's scoped-CSS attribute.
--------------------------------------------------------------------------- */
@media (max-width: 959.98px) {
    .ma-start[b-wly43i0ps0]  .ma-col-patient {
        order: -1;
    }
}

/* Search fields: the default MudBlazor variant drew no border and no fill, so
   both search boxes read as faint grey text floating on white. */
.ma-start[b-wly43i0ps0]  .ma-search .mud-input-outlined-border {
    border-color: #c3d3e6;
    border-width: 1.5px;
}

.ma-start[b-wly43i0ps0]  .ma-search .mud-input-slot {
    background: #f7faff;
    color: var(--navy, #0b2f52);
    font-weight: 600;
}

.ma-start[b-wly43i0ps0]  .ma-search .mud-input-adornment {
    color: #1d5fc4;
}

.ma-start[b-wly43i0ps0]  .ma-search .mud-input-label {
    color: #4a6180;
    font-weight: 600;
}

/* #7d92a6 measured only 3.07:1 against the field fill; #5a708a clears WCAG AA. */
.ma-start[b-wly43i0ps0]  .ma-search .mud-input-slot::placeholder {
    color: #5a708a;
    opacity: 1;
}

.ma-start[b-wly43i0ps0]  .ma-search .mud-input-control:focus-within .mud-input-outlined-border {
    border-color: #1d5fc4;
    box-shadow: 0 0 0 3px rgba(29, 95, 196, .14);
}
/* /Components/Pages/MyInvoices.razor.rz.scp.css */
.sav_page[b-sain58eduv] { font-family: var(--app-font, Inter, system-ui, sans-serif); background-color: transparent; color: #1e293b; box-sizing: border-box; max-width: 1500px; margin: 0 auto; padding: 24px; }
.sav_page *[b-sain58eduv] { box-sizing: border-box; }

.sav_hero_banner[b-sain58eduv] { background: linear-gradient(135deg, #123c73 0%, #1f5fae 100%); border-radius: 18px; box-shadow: 0 8px 32px rgba(18,60,115,0.15); margin-bottom: 24px; }
.sav_hero_glass[b-sain58eduv] { backdrop-filter: blur(10px); background: rgba(255,255,255,0.08); padding: 24px; border-radius: 18px; }
.sav_hero_title[b-sain58eduv] { color: white; font-size: clamp(24px, 5vw, 36px); font-weight: 700; letter-spacing: -0.02em; margin: 0 0 8px 0; line-height: 1.2; }
.sav_hero_subtitle[b-sain58eduv] { color: rgba(255,255,255,0.9); font-size: clamp(14px, 3vw, 16px); margin: 0; }

.sav_form_layout[b-sain58eduv] { display: flex; flex-direction: column; gap: 16px; }
.sav_form_sidebar[b-sain58eduv] { width: 100%; }
.sav_form_main[b-sain58eduv] { width: 100%; }
@media (min-width: 768px) {
    .sav_form_layout[b-sain58eduv] { flex-direction: row; align-items: flex-start; gap: 24px; }
    .sav_form_sidebar[b-sain58eduv] { width: 35%; flex-shrink: 0; position: sticky; top: 24px; }
    .sav_form_main[b-sain58eduv] { flex: 1; min-width: 0; }
}

.sav_stats_grid[b-sain58eduv] { display: grid; grid-template-columns: 1fr; gap: 16px; margin-bottom: 24px; }
@media (min-width: 768px) { .sav_stats_grid[b-sain58eduv] { grid-template-columns: repeat(2, 1fr); } }

.sav_stat_card[b-sain58eduv] { background: #eef5ff; border: 1px solid #dbe4ee; border-radius: 12px; padding: 16px; display: flex; flex-direction: column; gap: 8px; }
.sav_stat_label[b-sain58eduv] { font-size: 13px; font-weight: 600; color: #666666; }
.sav_stat_value[b-sain58eduv] { font-size: 24px; font-weight: 700; color: #0f62fe; }

.sav_title[b-sain58eduv] { font-size: 22px; font-weight: 700; letter-spacing: -0.02em; color: #123c73; margin: 0; margin-bottom: 16px; }
.sav_title_lg[b-sain58eduv] { font-size: 18px; margin-bottom: 0; }
.sav_subtitle[b-sain58eduv] { font-size: 13px; font-weight: 400; color: #64748b; margin: 8px 0 16px 0; }

.sav_btn[b-sain58eduv] { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 16px; border-radius: 8px; font-weight: 600; cursor: pointer; border: none; font-size: 14px; transition: all 0.18s ease; width: 100%; }
@media (min-width: 768px) { .sav_btn[b-sain58eduv] { width: auto; } }
.sav_btn_primary[b-sain58eduv] { background: linear-gradient(135deg, #ff7a18, #ff9f43); color: white; box-shadow: 0 4px 12px rgba(255,122,24,0.15); }
.sav_btn_primary:hover[b-sain58eduv] { box-shadow: 0 10px 24px rgba(255,122,24,0.25); transform: translateY(-1px); }
.sav_btn_outline[b-sain58eduv] { background: white; border: 1px solid #dbe4ee; color: #475569; }
.sav_btn_outline:hover[b-sain58eduv] { background: #f8fafc; border-color: #cbd5e1; }
.sav_btn_danger[b-sain58eduv] { color: #ef4444; border-color: #fecaca; }
.sav_mr_auto[b-sain58eduv] { margin-right: auto; }

.sav_card[b-sain58eduv] { background: #ffffff; border: 1px solid #dbe4ee; border-radius: 12px; box-shadow: 0 4px 12px rgba(18,60,115,0.03); padding: 20px; margin-bottom: 24px; }
@media (min-width: 768px) { .sav_card[b-sain58eduv] { padding: 24px; } }
.sav_calendar_card[b-sain58eduv] { padding: 0; overflow: hidden; }
.sav_calendar_padding[b-sain58eduv] { padding: 20px; }
@media (min-width: 768px) { .sav_calendar_padding[b-sain58eduv] { padding: 24px; } }

.sav_span_all[b-sain58eduv] { grid-column: 1 / -1; margin-top: 8px; }

.sav_form_group[b-sain58eduv] { display: flex; flex-direction: column; gap: 6px; }
.sav_label[b-sain58eduv] { font-size: 13px; font-weight: 600; color: #123c73; }
.sav_input[b-sain58eduv] { min-height: 44px; padding: 10px 12px; border: 1px solid #dbe4ee; border-radius: 6px; font-size: 14px; color: #123c73; background: #ffffff; transition: all 0.18s ease; width: 100%; font-family: inherit; }
.sav_input:focus[b-sain58eduv] { outline: none; border-color: #0f62fe; box-shadow: 0 0 0 2px rgba(15,98,254,0.1); }

.sav_rate_container[b-sain58eduv] { display: flex; align-items: center; gap: 16px; background: #f8fafc; padding: 12px 16px; border-radius: 8px; border: 1px solid #dbe4ee; }
.sav_rate_display[b-sain58eduv] { display: flex; align-items: baseline; gap: 4px; }
.sav_rate_currency[b-sain58eduv] { font-size: 20px; font-weight: 700; color: #123c73; }
.sav_rate_input[b-sain58eduv] { width: 100px; height: 44px; font-size: 24px; font-weight: 700; color: #0f62fe; border: none; background: transparent; padding: 0; }
.sav_rate_input:focus[b-sain58eduv] { outline: none; }

.sav_calendar_header[b-sain58eduv] { display: flex; flex-direction: column; gap: 12px; margin-bottom: 16px; }
@media (min-width: 768px) { .sav_calendar_header[b-sain58eduv] { flex-direction: row; justify-content: space-between; align-items: center; } }
.sav_calendar_title[b-sain58eduv] { font-size: 18px; font-weight: 700; color: #123c73; text-align: center; margin: 0; }
@media (min-width: 768px) { .sav_calendar_title[b-sain58eduv] { text-align: left; } }
.sav_calendar_nav[b-sain58eduv] { display: flex; gap: 8px; justify-content: center; }

.sav_hint_bar[b-sain58eduv] { background: #eef5ff; color: #666666; font-size: 14px; padding: 16px; border-radius: 8px; margin-bottom: 16px; }

.sav_calendar_grid[b-sain58eduv] { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; }
@media (min-width: 768px) { .sav_calendar_grid[b-sain58eduv] { gap: 8px; } }
.sav_calendar_head_row[b-sain58eduv] { margin-bottom: 8px; }
.sav_calendar_day_header[b-sain58eduv] { text-align: center; font-size: 12px; font-weight: 600; color: #64748b; padding: 8px 0; text-transform: uppercase; }

.sav_day_cell[b-sain58eduv] { border: 1px solid #dbe4ee; border-radius: 8px; padding: 8px 4px; min-height: 60px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #ffffff; transition: all 0.2s ease; cursor: pointer; gap: 4px; }
@media (min-width: 768px) { .sav_day_cell[b-sain58eduv] { border-radius: 12px; padding: 12px; min-height: 80px; gap: 6px; } }
.sav_day_cell:hover[b-sain58eduv] { background: #eef5ff; border-color: #8bb8ff; }
.sav_day_cell.sav_empty[b-sain58eduv] { background: transparent; border-color: transparent; cursor: default; }
.sav_day_cell.sav_empty:hover[b-sain58eduv] { background: transparent; border-color: transparent; }

.sav_day_circle[b-sain58eduv] { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 14px; font-weight: 700; color: #334155; transition: all 0.2s ease; }
@media (min-width: 768px) { .sav_day_circle[b-sain58eduv] { width: 36px; height: 36px; font-size: 16px; } }
.sav_day_cell.sav_selected .sav_day_circle[b-sain58eduv] { background: #0f62fe; color: #ffffff; box-shadow: 0 4px 10px rgba(15,98,254,0.3); }
.sav_day_time[b-sain58eduv] { font-size: 10px; font-weight: 600; color: #0f62fe; text-align: center; line-height: 1.1; }
@media (min-width: 768px) { .sav_day_time[b-sain58eduv] { font-size: 12px; } }

.sav_footer_bar[b-sain58eduv] { display: flex; flex-direction: column; gap: 16px; padding: 16px 20px; background: white; border-top: 1px solid #e2e8f0; margin-top: 0; }
.sav_footer_summary[b-sain58eduv] { font-size: 14px; font-weight: 500; color: #475569; text-align: center; }
.sav_footer_actions[b-sain58eduv] { display: flex; flex-direction: column; gap: 12px; width: 100%; }
@media (min-width: 768px) {
    .sav_footer_bar[b-sain58eduv] { flex-direction: row; justify-content: space-between; align-items: center; padding: 16px 24px; }
    .sav_footer_actions[b-sain58eduv] { flex-direction: row; width: auto; }
}

.sav_invoice_head[b-sain58eduv] { display: flex; flex-direction: column; gap: 12px; margin-bottom: 16px; }
@media (min-width: 768px) { .sav_invoice_head[b-sain58eduv] { flex-direction: row; align-items: center; justify-content: space-between; } }

.sav_table_scroll[b-sain58eduv] { overflow-x: auto; }
.sav_invoice_table[b-sain58eduv] { width: 100%; border-collapse: collapse; font-size: 14px; }
.sav_invoice_table th[b-sain58eduv] { text-align: left; padding: 12px; border-bottom: 2px solid #e2e8f0; color: #475569; font-weight: 600; }
.sav_invoice_table td[b-sain58eduv] { padding: 12px; border-bottom: 1px solid #e2e8f0; }
.sav_invoice_table tr:nth-child(even)[b-sain58eduv] { background: #f8fafc; }

.sav_badge[b-sain58eduv] { display: inline-flex; padding: 4px 10px; border-radius: 12px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em; }
.sav_badge_draft[b-sain58eduv] { background: #f1f5f9; color: #475569; }
.sav_badge_submitted[b-sain58eduv] { background: #dbeafe; color: #1d4ed8; }
.sav_badge_approved[b-sain58eduv] { background: #dcfce7; color: #15803d; }
.sav_badge_rejected[b-sain58eduv] { background: #fee2e2; color: #b91c1c; }
.sav_badge_paid[b-sain58eduv] { background: #123c73; color: white; }

.sav_rejection_notice[b-sain58eduv] { background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; padding: 12px; border-radius: 8px; font-size: 14px; }

.sav_overlay[b-sain58eduv] { position: fixed; inset: 0; background: rgba(15,23,42,0.5); display: flex; align-items: center; justify-content: center; z-index: 1000; padding: 16px; }
.sav_modal[b-sain58eduv] { background: white; border-radius: 14px; padding: 24px; width: 100%; max-width: 480px; max-height: 90vh; overflow-y: auto; box-shadow: 0 20px 60px rgba(0,0,0,0.3); }
.sav_modal_title[b-sain58eduv] { margin: 0 0 16px; font-size: 18px; font-weight: 700; color: #123c73; }
.sav_modal_body[b-sain58eduv] { display: flex; flex-direction: column; gap: 16px; margin-bottom: 20px; }
.sav_modal_hours[b-sain58eduv] { display: flex; justify-content: space-between; align-items: center; background: #f8fafc; padding: 12px; border-radius: 8px; border: 1px solid #e2e8f0; }
.sav_modal_hours span[b-sain58eduv] { font-size: 14px; font-weight: 600; color: #475569; }
.sav_modal_hours strong[b-sain58eduv] { font-size: 18px; font-weight: 700; color: #0f62fe; }
.sav_modal_actions[b-sain58eduv] { display: flex; flex-direction: column-reverse; gap: 12px; }
@media (min-width: 640px) { .sav_modal_actions[b-sain58eduv] { flex-direction: row; justify-content: flex-end; } }

/* Phones: the 7-column submissions table pushed View / View PDF / Download PDF
   past the right edge of a hidden scroller, so the row actions were unreachable.
   Below 768px every row becomes a self-contained card with labelled fields. */
@media (max-width: 767px) {
    .sav_table_scroll[b-sain58eduv] { overflow-x: visible; }
    .sav_invoice_table thead[b-sain58eduv] { display: none; }
    .sav_invoice_table[b-sain58eduv], .sav_invoice_table tbody[b-sain58eduv] { display: block; width: 100%; }
    .sav_invoice_table tr[b-sain58eduv] { display: block; background: #ffffff; border: 1px solid #dbe4ee; border-radius: 12px; padding: 14px 16px; margin-bottom: 12px; box-shadow: 0 2px 8px rgba(18,60,115,0.05); }
    .sav_invoice_table tr:nth-child(even)[b-sain58eduv] { background: #ffffff; }
    .sav_invoice_table tr:last-child[b-sain58eduv] { margin-bottom: 0; }
    .sav_invoice_table td[b-sain58eduv] { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 7px 0; border-bottom: 0; text-align: right; }
    .sav_invoice_table td[b-sain58eduv]::before { content: attr(data-label); flex: 0 0 auto; font-size: 12px; font-weight: 600; color: #64748b; text-transform: uppercase; letter-spacing: 0.02em; text-align: left; }
    .sav_invoice_table td.sav_cell_title[b-sain58eduv] { display: block; margin-bottom: 6px; padding-bottom: 10px; border-bottom: 1px solid #e2e8f0; font-size: 16px; font-weight: 700; color: #123c73; text-align: left; }
    .sav_invoice_table td.sav_cell_title[b-sain58eduv]::before { display: none; }
    .sav_invoice_table td.sav_cell_actions[b-sain58eduv] { display: flex; flex-direction: column; align-items: stretch; gap: 8px; margin-top: 10px; padding-top: 12px; border-top: 1px solid #e2e8f0; }
    .sav_invoice_table td.sav_cell_actions[b-sain58eduv]::before { display: none; }
}
/* /Components/Pages/OrganizationAdministration.razor.rz.scp.css */
.clients-page[b-zu4t69swyv] {
    display: grid;
    gap: 22px;
    grid-template-columns: minmax(0, 1fr);
}

.clients-header[b-zu4t69swyv] {
    align-items: center;
    background: linear-gradient(135deg, var(--blue-900) 0%, #071a30 100%);
    border-radius: 22px;
    box-shadow: 0 14px 32px -16px rgba(8, 33, 56, .5);
    color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 30px 34px;
}

.clients-eyebrow[b-zu4t69swyv] {
    background: rgba(255, 255, 255, .12);
    border-radius: 999px;
    color: var(--orange-500);
    display: inline-flex;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .12em;
    padding: 4px 10px;
    text-transform: uppercase;
}

.clients-header h1[b-zu4t69swyv] {
    font-size: clamp(2rem, 4vw, 3.2rem);
    margin: 10px 0 6px;
}

.clients-header p[b-zu4t69swyv] {
    color: #c8d6e6;
    margin: 0;
    max-width: 720px;
}

.clients-header[b-zu4t69swyv]  .clients-back-to-dashboard {
    background: rgba(255, 255, 255, .08) !important;
    border-color: rgba(255, 255, 255, .28) !important;
    color: #fff !important;
    margin-bottom: 10px;
    transition: background-color .15s ease;
}

.clients-header[b-zu4t69swyv]  .clients-back-to-dashboard:hover {
    background: rgba(255, 255, 255, .18) !important;
}

.clients-header[b-zu4t69swyv]  .mud-button-filled-primary {
    background-color: var(--orange-600) !important;
    box-shadow: 0 6px 16px -6px rgba(234, 88, 12, .55);
    transition: background-color .15s ease, transform .15s ease, box-shadow .15s ease;
}

.clients-header[b-zu4t69swyv]  .mud-button-filled-primary:hover {
    background-color: var(--orange-700) !important;
    transform: translateY(-1px);
}

.client-create-panel[b-zu4t69swyv],
.clients-table-shell[b-zu4t69swyv] {
    border-color: rgba(10, 50, 82, .1) !important;
    border-radius: 18px !important;
    padding: 22px;
}

.clients-table-shell[b-zu4t69swyv] {
    overflow: hidden;
    padding: 0;
}

.client-status-section[b-zu4t69swyv] {
    display: grid;
    gap: 12px;
}

.client-status-header[b-zu4t69swyv] {
    align-items: center;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    padding: 0 4px;
}

.client-status-title[b-zu4t69swyv] {
    align-items: flex-start;
    display: flex;
    gap: 12px;
}

.client-status-title h2[b-zu4t69swyv] {
    color: var(--blue-900);
    font-size: 1.22rem;
    line-height: 1.2;
    margin: 0 0 3px;
}

.client-status-title p[b-zu4t69swyv] {
    color: var(--ink-500);
    font-size: .86rem;
    margin: 0;
}

.client-status-dot[b-zu4t69swyv] {
    border-radius: 50%;
    flex: 0 0 auto;
    height: 11px;
    margin-top: 5px;
    width: 11px;
}

.client-status-count[b-zu4t69swyv] {
    border-radius: 999px;
    flex: 0 0 auto;
    font-size: .76rem;
    font-weight: 800;
    padding: 6px 11px;
}

.status-active.client-status-dot[b-zu4t69swyv] {
    background: var(--green-600);
    box-shadow: 0 0 0 5px rgba(5, 150, 105, .14);
}

.status-active.client-status-count[b-zu4t69swyv] {
    background: var(--green-100);
    color: var(--green-700);
}

.status-inactive.client-status-dot[b-zu4t69swyv] {
    background: var(--orange-600);
    box-shadow: 0 0 0 5px rgba(234, 88, 12, .14);
}

.status-inactive.client-status-count[b-zu4t69swyv] {
    background: var(--orange-100);
    color: var(--orange-700);
}

.status-archived.client-status-dot[b-zu4t69swyv] {
    background: var(--ink-500);
    box-shadow: 0 0 0 5px rgba(107, 114, 128, .14);
}

.status-archived.client-status-count[b-zu4t69swyv] {
    background: var(--ink-100);
    color: var(--ink-700);
}

.client-empty-state[b-zu4t69swyv] {
    align-items: center;
    color: var(--ink-500);
    display: flex;
    gap: 10px;
    justify-content: center;
    min-height: 108px;
    padding: 24px;
}

.client-name[b-zu4t69swyv] {
    color: var(--blue-700);
    font-weight: 800;
    text-decoration: none;
}

.client-name:hover[b-zu4t69swyv] {
    color: var(--blue-900);
    text-decoration: underline;
}

.expiry-active[b-zu4t69swyv] {
    color: var(--green-700);
    font-weight: 700;
}

.expiry-warning[b-zu4t69swyv] {
    color: var(--orange-700);
    font-weight: 800;
}

/* Short single-value columns should stay on one line -- letting the table's
   own horizontal scroll (MudBlazor's default overflow-x:auto on
   .mud-table-container, left untouched here) handle narrow screens instead
   of wrapping a phone number or "N days remaining" mid-value. Pharmacy,
   Address and Access are left free to wrap since names/addresses/status
   chips can legitimately span more than one line. */
.clients-page[b-zu4t69swyv]  td[data-label="Phone"],
.clients-page[b-zu4t69swyv]  td[data-label="Fax"],
.clients-page[b-zu4t69swyv]  td[data-label="Subscription expiry"] {
    white-space: nowrap;
}

@media (max-width: 760px) {
    .clients-header[b-zu4t69swyv] {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
        padding: 24px;
    }

    .client-status-header[b-zu4t69swyv] {
        align-items: flex-start;
    }

    .client-status-title p[b-zu4t69swyv] {
        max-width: 230px;
    }

    .client-status-count[b-zu4t69swyv] {
        padding: 5px 9px;
    }
}
/* /Components/Pages/OwnerDashboard.razor.rz.scp.css */
/* Every grid container here defaulted to min-width:auto, so the widest piece
   of content -- the hero heading -- set a floor the viewport could not go
   below, and the whole page scrolled sideways on a phone. Same defect the
   pharmacy dashboard had, same fix: let the boxes shrink. */
.owner-dashboard[b-1z33y514le] {
    display: grid;
    gap: 22px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    animation: dashboard-enter-b-1z33y514le 360ms ease-out both;
}

.owner-dashboard *[b-1z33y514le] { min-width: 0; }

.owner-dashboard img[b-1z33y514le],
.owner-dashboard svg[b-1z33y514le] { max-width: 100%; }

.owner-hero[b-1z33y514le] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 290px);
    align-items: center;
    gap: 28px;
    overflow: hidden;
    padding: 28px 32px;
    border-radius: 26px;
    color: #fff;
    background:
        radial-gradient(circle at 82% 18%, rgba(22, 133, 82, .30), transparent 34%),
        linear-gradient(125deg, #07182c 0%, #0b2f52 55%, #123b64 100%);
    box-shadow: 0 24px 55px rgba(7, 29, 55, .18);
}

.owner-hero[b-1z33y514le]::after {
    position: absolute;
    right: -110px;
    bottom: -170px;
    width: min(420px, 60vw);
    height: min(420px, 60vw);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 50%;
    content: "";
}

.owner-hero > *[b-1z33y514le] {
    position: relative;
    z-index: 1;
}

.owner-kicker[b-1z33y514le] {
    color: #6fe0a6;
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

/* A dashboard headline is orientation, not a billboard: at 4rem it pushed the
   portfolio numbers -- the reason the page is open -- entirely below the
   fold. */
.owner-hero h1[b-1z33y514le] {
    max-width: 40ch;
    margin: 8px 0 10px;
    color: #fff;
    font-size: clamp(1.55rem, 2.4vw, 2rem);
    font-weight: 750;
    letter-spacing: -.02em;
    line-height: 1.2;
}

.owner-hero p[b-1z33y514le] {
    max-width: 720px;
    margin: 0;
    color: rgba(255, 255, 255, .78);
    font-size: 1.05rem;
    line-height: 1.65;
}

.owner-hero-actions[b-1z33y514le] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}

.owner-hero-actions[b-1z33y514le]  .mud-button-root {
    min-height: 46px;
    border-radius: 12px;
    padding-inline: 20px;
}

.owner-hero-actions[b-1z33y514le]  .mud-button-filled {
    color: #0b3d25;
    background: #fff;
}

.owner-hero-actions[b-1z33y514le]  .mud-button-outlined {
    color: #fff;
    border-color: rgba(255, 255, 255, .45);
}

.owner-trust-card[b-1z33y514le] {
    display: grid;
    gap: 8px;
    padding: 28px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 22px;
    background: rgba(255, 255, 255, .12);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
    backdrop-filter: blur(12px);
}

.owner-trust-icon[b-1z33y514le] {
    display: grid;
    width: 56px;
    height: 56px;
    margin-bottom: 8px;
    place-items: center;
    border-radius: 14px;
    color: #0b3d25;
    background: #6fe0a6;
}

.owner-trust-card > span:not(.owner-trust-icon)[b-1z33y514le] {
    color: rgba(255, 255, 255, .7);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.owner-trust-card strong[b-1z33y514le] {
    font-size: 1.35rem;
}

.owner-trust-card small[b-1z33y514le] {
    color: rgba(255, 255, 255, .7);
}

.owner-module-columns[b-1z33y514le] {
    display: grid;
    /* Five ragged columns each sized to their own content left a jagged
       bottom edge and large dead space beside the short ones. Equal tracks
       with a shrinkable floor keep the wall readable and let it reflow
       cleanly down to one column. */
    grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
    align-items: start;
    gap: 16px;
    align-items: start;
}

.owner-module-column[b-1z33y514le] {
    --accent: #2563eb;
    --accent-soft: #eaf1fb;
    border: 1px solid #e1e9f1;
    border-top: 3px solid var(--accent);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(24, 49, 80, .05);
    overflow: hidden;
}

.owner-module-column-blue[b-1z33y514le] { --accent: #2563eb; --accent-soft: #eaf1fb; }
.owner-module-column-green[b-1z33y514le] { --accent: #059669; --accent-soft: #e3f6ee; }
.owner-module-column-teal[b-1z33y514le] { --accent: #0f4791; --accent-soft: #e3ebf6; }
.owner-module-column-orange[b-1z33y514le] { --accent: #f28c28; --accent-soft: #fef1e2; }
.owner-module-column-purple[b-1z33y514le] { --accent: #cf8a58; --accent-soft: #faf2ed; }

.owner-module-column-title[b-1z33y514le] {
    margin: 0;
    padding: 16px 18px 12px;
    color: var(--accent);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.owner-module-list[b-1z33y514le] {
    display: flex;
    flex-direction: column;
    padding-bottom: 8px;
}

.owner-module-row[b-1z33y514le] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 18px;
    color: #1f2d3a;
    text-decoration: none;
    font-size: .85rem;
    font-weight: 650;
    transition: background-color 140ms ease;
}

.owner-module-row:hover[b-1z33y514le],
.owner-module-row:focus-visible[b-1z33y514le] {
    background: var(--accent-soft);
}

.owner-module-row-sub[b-1z33y514le] {
    padding-left: 40px;
}

.owner-module-row-sub .owner-module-row-icon[b-1z33y514le] {
    width: 24px;
    height: 24px;
}

/* Icons are inline SVG on the module's own tone, replacing a mix of symbols,
   two-letter monograms and colour emoji that made one navigation wall look
   assembled from three different products. */
.owner-module-row-icon[b-1z33y514le] {
    display: grid;
    flex: none;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 9px;
    background: var(--tone-bg, var(--accent-soft));
    color: var(--tone-fg, var(--accent));
}

.owner-module-row-icon[b-1z33y514le]  .wk-icon { width: 16px; height: 16px; }

.owner-module-row-sub .owner-module-row-icon[b-1z33y514le]  .wk-icon {
    width: 14px;
    height: 14px;
}

.owner-module-row-arrow[b-1z33y514le] {
    display: grid;
    place-items: center;
    color: #9fb0c6;
}

.owner-module-row-arrow[b-1z33y514le]  .wk-icon { width: 15px; height: 15px; }
.owner-module-row:hover .owner-module-row-arrow[b-1z33y514le] { color: #0b2f52; }

.owner-module-row-title[b-1z33y514le] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.owner-module-row-arrow[b-1z33y514le] {
    flex: none;
    color: var(--accent);
    font-size: 13px;
    opacity: 0;
    transform: translateX(-3px);
    transition: opacity 140ms ease, transform 140ms ease;
}

.owner-module-row:hover .owner-module-row-arrow[b-1z33y514le],
.owner-module-row:focus-visible .owner-module-row-arrow[b-1z33y514le] {
    opacity: 1;
    transform: translateX(0);
}

.owner-summary[b-1z33y514le] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.owner-summary article[b-1z33y514le] {
    display: grid;
    gap: 8px;
    min-height: 130px;
    padding: 24px;
    border: 1px solid #e1e9f1;
    border-top: 3px solid #168552;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(24, 49, 80, .055);
}

.owner-summary article:nth-child(2)[b-1z33y514le] {
    border-top-color: #1d5fc4;
}

.owner-summary article:nth-child(3)[b-1z33y514le] {
    border-top-color: #d97706;
}

.owner-summary span[b-1z33y514le] {
    color: #137a49;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.owner-summary strong[b-1z33y514le] {
    color: #102a48;
    font-size: 1.75rem;
    line-height: 1.1;
}

.owner-summary small[b-1z33y514le] {
    color: #6a7a90;
}

.owner-workspace-panel[b-1z33y514le] {
    padding: 34px;
    border: 1px solid #e1e9f1;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 12px 32px rgba(24, 49, 80, .06);
}

.owner-section-heading[b-1z33y514le] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

.owner-section-heading h2[b-1z33y514le] {
    margin: 7px 0 4px;
    color: #102a48;
    font-size: 2rem;
    letter-spacing: -.035em;
}

.owner-section-heading p[b-1z33y514le] {
    margin: 0;
    color: #6a7a90;
}

.owner-dashboard[b-1z33y514le]  .mud-table-container {
    border: 1px solid #e7edf3;
    border-radius: 16px;
}

.owner-dashboard[b-1z33y514le]  .mud-table-row {
    transition: background-color 160ms ease;
}

.owner-dashboard[b-1z33y514le]  .mud-table-row:hover {
    background: #f2faf8 !important;
}

.owner-dashboard[b-1z33y514le]  .owner-row-deactivated {
    opacity: .55;
}

.owner-dashboard[b-1z33y514le]  .owner-row-deactivated:hover {
    background: #fdf2f2 !important;
}

.owner-dashboard[b-1z33y514le]  .mud-button-root {
    transition: transform 160ms ease, box-shadow 160ms ease;
}

.owner-dashboard[b-1z33y514le]  .mud-button-root:hover {
    transform: translateY(-1px);
}

@keyframes dashboard-enter-b-1z33y514le {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 899.98px) {
    .owner-hero[b-1z33y514le] {
        grid-template-columns: minmax(0, 1fr);
        padding: 40px;
    }

    .owner-trust-card[b-1z33y514le] {
        max-width: 330px;
    }

    /* Three short figures fit side by side long before 900px; stacking them
       full-width here spent a whole tablet screen on three numbers. */
    .owner-summary[b-1z33y514le] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .owner-module-columns[b-1z33y514le] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 599.98px) {
    .owner-hero[b-1z33y514le] {
        padding: 30px 24px;
        border-radius: 20px;
    }

    .owner-hero h1[b-1z33y514le] {
        font-size: 2.35rem;
    }

    .owner-hero-actions[b-1z33y514le] {
        align-items: stretch;
        flex-direction: column;
    }

    .owner-hero-actions[b-1z33y514le]  .mud-button-root {
        width: 100%;
    }

    .owner-workspace-panel[b-1z33y514le] {
        padding: 24px 18px;
    }

    .owner-section-heading[b-1z33y514le] {
        align-items: flex-start;
        flex-direction: column;
    }

    .owner-module-columns[b-1z33y514le] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .owner-dashboard[b-1z33y514le],
    .owner-dashboard *[b-1z33y514le],
    .owner-dashboard *[b-1z33y514le]::before,
    .owner-dashboard *[b-1z33y514le]::after {
        animation: none !important;
        transition: none !important;
    }
}


/* Owner dashboard on a phone: nothing scrolls sideways, and every navigation
   row is a real target. */
@media (max-width: 599.98px) {
    .owner-hero[b-1z33y514le] {
        padding: 22px 18px;
        border-radius: 18px;
    }

    .owner-hero h1[b-1z33y514le] { font-size: 1.5rem; }
    .owner-hero p[b-1z33y514le] { font-size: .92rem; }

    .owner-trust-card[b-1z33y514le] { max-width: 100%; }

    .owner-module-row[b-1z33y514le] { min-height: 48px; }

    .owner-module-columns[b-1z33y514le] { gap: 14px; }
}

.owner-module-row[b-1z33y514le] {
    min-height: 44px;
}


/* The hero's job on a phone is to say where you are and offer the two things
   an owner does here. A 200px status card and two stacked full-width buttons
   is a whole screen spent before a single number. */
@media (max-width: 599.98px) {
    .owner-hero[b-1z33y514le] { gap: 16px; }

    .owner-hero-actions[b-1z33y514le] {
        flex-direction: row !important;
        gap: 10px;
    }

    .owner-hero-actions[b-1z33y514le]  .mud-button-root {
        width: auto !important;
        flex: 1 1 0;
        min-height: 44px;
    }

    /* The trust card becomes a single line of state rather than a panel. */
    .owner-trust-card[b-1z33y514le] {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px 12px;
        border-radius: 12px;
    }

    .owner-trust-icon[b-1z33y514le] {
        width: 32px;
        height: 32px;
        margin-bottom: 0;
        border-radius: 9px;
    }

    .owner-trust-icon[b-1z33y514le]  .mud-icon-root { font-size: 18px; }

    .owner-trust-card > span:not(.owner-trust-icon)[b-1z33y514le] { display: none; }

    .owner-trust-card strong[b-1z33y514le] { font-size: 1rem; }
    .owner-trust-card small[b-1z33y514le] { font-size: .72rem; }
}



/* Three numbers should cost three lines, not three screens. On a phone the
   summary becomes a compact row: the label, the figure and its note stacked
   tightly, side by side. */
@media (max-width: 599.98px) {
    .owner-summary[b-1z33y514le] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }

    .owner-summary article[b-1z33y514le] {
        min-height: 0;
        gap: 2px;
        padding: 12px 10px;
        border-radius: 14px;
    }

    .owner-summary span[b-1z33y514le] {
        font-size: .6rem;
        letter-spacing: .06em;
    }

    .owner-summary strong[b-1z33y514le] { font-size: 1.5rem; }
    .owner-summary small[b-1z33y514le] { font-size: .62rem; line-height: 1.3; }
}

@media (max-width: 379.98px) {
    .owner-summary[b-1z33y514le] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* /Components/Pages/OwnerPharmacyRegistration.razor.rz.scp.css */
.pharmacy-registration-page[b-t35ztze6rn] {
    margin: 0 auto 44px;
    max-width: 1180px;
    width: 100%;
}

.back-link[b-t35ztze6rn] {
    margin: 0 0 10px -10px;
}

.registration-type-tabs[b-t35ztze6rn] {
    display: flex;
    gap: 8px;
    margin: 4px 0 22px;
}

.registration-type-tabs button[b-t35ztze6rn] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border: 1px solid #dbe5ee;
    border-radius: 12px;
    background: #fff;
    color: #486076;
    font-size: .85rem;
    font-weight: 700;
    cursor: pointer;
    transition: .15s ease;
}

.registration-type-tabs button:hover[b-t35ztze6rn] {
    border-color: #114d9b;
}

.registration-type-tabs button.active[b-t35ztze6rn] {
    background: #102a45;
    border-color: #102a45;
    color: #fff;
}

.professional-role-cards[b-t35ztze6rn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
}

.role-card[b-t35ztze6rn] {
    position: relative;
    display: block;
    border: 1px solid #dbe5ee;
    border-radius: 13px;
    padding: 14px;
    cursor: pointer;
    background: #fbfcfd;
    transition: .16s ease;
}

.role-card:hover[b-t35ztze6rn] {
    border-color: #a8b5c7;
}

.role-card.selected[b-t35ztze6rn] {
    border-color: #114d9b;
    background: #f0f4fa;
    box-shadow: 0 0 0 3px rgba(17, 77, 155, .08);
}

.role-card input[b-t35ztze6rn] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.role-card strong[b-t35ztze6rn] {
    display: block;
    font-size: .85rem;
    color: #102a45;
    margin-bottom: 4px;
}

.role-card span[b-t35ztze6rn] {
    display: block;
    font-size: .76rem;
    color: #697d91;
    line-height: 1.4;
}

.registration-header[b-t35ztze6rn] {
    align-items: flex-end;
    display: flex;
    gap: 30px;
    justify-content: space-between;
    margin-bottom: 22px;
}

.registration-eyebrow[b-t35ztze6rn] {
    color: #114d9b;
    display: block;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .11em;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.registration-header h1[b-t35ztze6rn] {
    color: #102a45;
    font-size: clamp(2rem, 4vw, 2.75rem);
    letter-spacing: -.035em;
    line-height: 1.05;
    margin: 0;
}

.registration-header p[b-t35ztze6rn] {
    color: #697d91;
    font-size: .93rem;
    line-height: 1.55;
    margin: 9px 0 0;
    max-width: 750px;
}

.registration-progress[b-t35ztze6rn] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 9px;
    list-style: none;
    margin: 0 0 4px;
    padding: 0;
}

.progress-step[b-t35ztze6rn] {
    align-items: center;
    color: #718397;
    display: flex;
    font-size: .72rem;
    font-weight: 800;
    gap: 7px;
}

.progress-number[b-t35ztze6rn] {
    align-items: center;
    background: #fff;
    border: 1px solid #c8d6e3;
    border-radius: 50%;
    display: flex;
    height: 28px;
    justify-content: center;
    width: 28px;
}

.progress-step.is-active[b-t35ztze6rn] {
    color: #1769c2;
}

.progress-step.is-active .progress-number[b-t35ztze6rn] {
    background: #1769c2;
    border-color: #1769c2;
    color: #fff;
    box-shadow: 0 4px 11px rgba(23, 105, 194, .2);
}

.progress-connector[b-t35ztze6rn] {
    background: #c8d6e3;
    height: 1px;
    width: 36px;
}

.registration-form[b-t35ztze6rn] {
    display: grid;
    gap: 18px;
}

.registration-error[b-t35ztze6rn] {
    margin-bottom: 18px;
}

.validation-summary:empty[b-t35ztze6rn] {
    display: none;
}

.validation-summary[b-t35ztze6rn] {
    background: #fff3f3;
    border: 1px solid #f0c6c9;
    border-radius: 13px;
    color: #a33f49;
    padding: 12px 18px;
}

.validation-summary ul[b-t35ztze6rn] {
    margin: 0;
}

.registration-card[b-t35ztze6rn] {
    background: #fff;
    border: 1px solid #dbe5ee;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(14, 40, 67, .07);
    overflow: hidden;
}

.card-header[b-t35ztze6rn] {
    align-items: center;
    background: linear-gradient(180deg, #fff, #fcfdfe);
    border-bottom: 1px solid #edf2f6;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    padding: 18px 21px 16px;
}

.card-heading[b-t35ztze6rn] {
    align-items: center;
    display: flex;
    gap: 13px;
}

.card-icon[b-t35ztze6rn] {
    align-items: center;
    background: #edf6ff;
    border: 1px solid #d9e8f8;
    border-radius: 11px;
    color: #1769c2;
    display: flex;
    flex: 0 0 auto;
    height: 40px;
    justify-content: center;
    width: 40px;
}

.card-icon-teal[b-t35ztze6rn] {
    background: #e6f7f5;
    border-color: #bfe8e2;
    color: #0d7d74;
}

.card-heading h2[b-t35ztze6rn] {
    color: #15314d;
    font-size: 1.08rem;
    margin: 0;
}

.card-heading p[b-t35ztze6rn] {
    color: #697d91;
    font-size: .78rem;
    margin: 4px 0 0;
}

.required-note[b-t35ztze6rn] {
    color: #93a3b3;
    font-size: .7rem;
}

.card-body[b-t35ztze6rn] {
    padding: 21px;
}

.pharmacy-card-body[b-t35ztze6rn] {
    display: grid;
    gap: 22px;
    grid-template-columns: minmax(0, 1fr);
}

.form-subsection + .form-subsection[b-t35ztze6rn] {
    border-top: 1px solid #edf2f6;
    padding-top: 20px;
}

.form-subsection h3[b-t35ztze6rn] {
    align-items: center;
    color: #486076;
    display: flex;
    font-size: .74rem;
    font-weight: 800;
    gap: 8px;
    letter-spacing: .07em;
    margin: 0 0 15px;
    text-transform: uppercase;
}

.form-subsection h3[b-t35ztze6rn]::before {
    background: #114d9b;
    border-radius: 50%;
    content: "";
    height: 7px;
    width: 7px;
}

.form-grid[b-t35ztze6rn] {
    display: grid;
    gap: 16px;
}

.form-grid-two[b-t35ztze6rn] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.form-grid-three[b-t35ztze6rn] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.form-field-full[b-t35ztze6rn] {
    grid-column: 1 / -1;
}

.form-field[b-t35ztze6rn]  .mud-input-control {
    margin-top: 0;
}

.form-field[b-t35ztze6rn]  .mud-input-outlined {
    background: #fbfcfd;
    border-radius: 10px;
}

.form-field[b-t35ztze6rn]  .mud-input-outlined:focus-within {
    background: #fff;
}

.form-field[b-t35ztze6rn]  .mud-input-label {
    color: #5d7084;
    font-size: .8rem;
    font-weight: 700;
}

.form-field[b-t35ztze6rn]  .mud-input-helper-text {
    color: #8999a9;
    font-size: .7rem;
    margin-left: 2px;
}

.owner-account-notice[b-t35ztze6rn] {
    align-items: flex-start;
    background: #edf6ff;
    border: 1px solid #cfe2f6;
    border-radius: 14px;
    color: #416887;
    display: flex;
    gap: 12px;
    padding: 15px 16px;
}

.notice-icon[b-t35ztze6rn] {
    align-items: center;
    background: #fff;
    border-radius: 9px;
    color: #1769c2;
    display: flex;
    flex: 0 0 auto;
    height: 32px;
    justify-content: center;
    width: 32px;
}

.owner-account-notice strong[b-t35ztze6rn] {
    color: #2d5b81;
    display: block;
    font-size: .83rem;
    margin-bottom: 3px;
}

.owner-account-notice p[b-t35ztze6rn] {
    font-size: .76rem;
    line-height: 1.5;
    margin: 0;
}

.registration-actions[b-t35ztze6rn] {
    align-items: center;
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.registration-actions p[b-t35ztze6rn] {
    color: #697d91;
    font-size: .76rem;
    margin: 0;
}

.create-account-button[b-t35ztze6rn] {
    flex: 0 0 auto;
    min-height: 44px;
}

@media (max-width: 900px) {
    .registration-header[b-t35ztze6rn] {
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
    }

    .form-grid-three[b-t35ztze6rn] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 650px) {
    .pharmacy-registration-page[b-t35ztze6rn] {
        margin-bottom: 28px;
    }

    .registration-progress[b-t35ztze6rn] {
        width: 100%;
    }

    .progress-connector[b-t35ztze6rn] {
        flex: 1 1 auto;
    }

    .card-header[b-t35ztze6rn] {
        align-items: flex-start;
        flex-direction: column;
        padding: 17px;
    }

    .card-body[b-t35ztze6rn] {
        padding: 17px;
    }

    .form-grid-two[b-t35ztze6rn],
    .form-grid-three[b-t35ztze6rn] {
        grid-template-columns: minmax(0, 1fr);
    }

    .form-field-full[b-t35ztze6rn] {
        grid-column: auto;
    }

    .registration-actions[b-t35ztze6rn] {
        align-items: stretch;
        flex-direction: column;
    }

    .create-account-button[b-t35ztze6rn] {
        width: 100%;
    }
}
/* /Components/Pages/PatientProfile.razor.rz.scp.css */
.patient-profile-shell[b-ol6o7qk0q7] {
    --patient-navy: #082846;
    --patient-teal: #0c50a8;
    --patient-line: #dce6ee;
    background: #f4f7fa;
}

.pp-card[b-ol6o7qk0q7] {
    --pp-navy: #0a2540;
    --pp-navy2: #123b62;
    --pp-teal: #168552;
    --pp-orange: #f28c28;
    --pp-red: #d64545;
    --pp-g50: #f8fafc;
    --pp-g200: #e2e8f0;
    --pp-g500: #718096;

    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 16px 40px rgba(15, 47, 87, .08);
}

.pp-top[b-ol6o7qk0q7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 22px 24px;
    color: #fff;
    background: linear-gradient(110deg, #08223d, #0b2f52 65%, var(--pp-teal));
}

.pp-identity[b-ol6o7qk0q7] {
    display: flex;
    align-items: center;
    gap: 15px;
    min-width: 0;
}

.pp-avatar[b-ol6o7qk0q7] {
    display: grid;
    width: 52px;
    height: 52px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 15px;
    background: rgba(255, 255, 255, .14);
}

.pp-avatar svg[b-ol6o7qk0q7] {
    width: 27px;
    height: 27px;
    fill: rgba(255, 255, 255, .84);
}

.pp-top h1[b-ol6o7qk0q7] {
    margin: 0;
    font-size: 1.75rem;
    line-height: 1.1;
    letter-spacing: -.02em;
}

.pp-identity-meta[b-ol6o7qk0q7] {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
    margin-top: 7px;
    color: rgba(255, 255, 255, .82);
    font-size: .75rem;
    font-weight: 650;
}

.pp-back[b-ol6o7qk0q7] {
    height: 42px;
    padding: 0 15px;
    border: 0;
    border-radius: 10px;
    background: #fff;
    color: var(--pp-navy);
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .14);
    transition: transform .18s ease, box-shadow .18s ease;
}

.pp-back:hover[b-ol6o7qk0q7] {
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(0, 0, 0, .18);
}

.pp-demographics[b-ol6o7qk0q7] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    background: #fff;
}

.pp-item[b-ol6o7qk0q7] {
    padding: 15px 17px;
    border-right: 1px solid var(--pp-g200);
    border-bottom: 1px solid var(--pp-g200);
    transition: background-color .18s ease, transform .18s ease;
}

.pp-item:nth-child(4n)[b-ol6o7qk0q7] {
    border-right: 0;
}

.pp-item:hover[b-ol6o7qk0q7] {
    background: var(--pp-g50);
    transform: translateY(-1px);
}

.pp-label[b-ol6o7qk0q7] {
    color: var(--pp-g500);
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.pp-value[b-ol6o7qk0q7] {
    margin-top: 5px;
    color: var(--pp-navy);
    font-size: .82rem;
    font-weight: 800;
    line-height: 1.35;
}

.pp-item-alert[b-ol6o7qk0q7] {
    background: #fffafa;
}

.pp-item-alert .pp-value[b-ol6o7qk0q7] {
    color: var(--pp-red);
}

.pp-item-pack[b-ol6o7qk0q7] {
    background: #f5fdfc;
}

.pp-item-pack .pp-value[b-ol6o7qk0q7] {
    color: var(--pp-teal);
}

/* The section switcher.

   It used to be white text-tabs on a white card on a near-white page, with a
   3px orange underline as the only sign of which section you were in -- three
   surfaces of the same colour and one hairline carrying all the meaning. It
   is now a tinted strip holding pills, so the strip reads as a control and
   the current section reads as selected rather than merely underlined.

   The pills wrap instead of scrolling: nine sections in a horizontal
   scroller meant Vaccination Card was reachable only by dragging a bar on a
   phone. */
.pp-tabs-card[b-ol6o7qk0q7] {
    margin: 1.25rem 0;
    padding: 6px;
    border: 1px solid var(--patient-line);
    border-radius: 15px;
    background: #eef3f9;
    box-shadow: inset 0 1px 2px rgba(15, 47, 87, .04);
}

.pp-tabs[b-ol6o7qk0q7] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    min-width: 0;
}

.pp-tab[b-ol6o7qk0q7] {
    position: relative;
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    color: #5d6b82;
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
    white-space: nowrap;
    cursor: pointer;
    transition: color .15s ease, background-color .15s ease,
        border-color .15s ease, box-shadow .15s ease;
}

.pp-tab:hover[b-ol6o7qk0q7] {
    color: var(--patient-navy);
    background: #fff;
    border-color: #d7e2ee;
}

.pp-tab.active[b-ol6o7qk0q7] {
    color: #fff;
    background: var(--patient-navy);
    border-color: var(--patient-navy);
    box-shadow: 0 4px 12px -5px rgba(11, 47, 82, .55);
}

.pp-tab.active:hover[b-ol6o7qk0q7] {
    color: #fff;
    background: #0d3a66;
}

@media (max-width: 900px) {
    .pp-demographics[b-ol6o7qk0q7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pp-item:nth-child(4n)[b-ol6o7qk0q7] {
        border-right: 1px solid var(--pp-g200);
    }

    .pp-item:nth-child(2n)[b-ol6o7qk0q7] {
        border-right: 0;
    }
}

@media (max-width: 620px) {
    .pp-top[b-ol6o7qk0q7] {
        align-items: flex-start;
        flex-direction: column;
    }

    .pp-back[b-ol6o7qk0q7] {
        width: 100%;
    }

    .pp-demographics[b-ol6o7qk0q7] {
        grid-template-columns: minmax(0, 1fr);
    }

    .pp-item[b-ol6o7qk0q7] {
        border-right: 0;
    }

    .pp-top h1[b-ol6o7qk0q7] {
        font-size: 1.4rem;
    }
}

/* Prescribers: single expanded row per prescriber, nothing collapsible. */
.presc-list[b-ol6o7qk0q7] {
    display: grid;
    gap: 9px;
}

.presc-row[b-ol6o7qk0q7] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(180px, 1.3fr) 110px 125px 125px minmax(240px, 2.2fr);
    gap: 12px;
    align-items: center;
    padding: 13px 14px;
    border: 1px solid var(--patient-line);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(15, 47, 87, .035);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.presc-row[b-ol6o7qk0q7]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 13px;
    bottom: 13px;
    width: 3px;
    border-radius: 999px;
    background: #2f80ed;
    opacity: .35;
    transform: scaleY(.4);
    transition: opacity .2s ease, transform .2s ease;
}

.presc-row:hover[b-ol6o7qk0q7] {
    transform: translateY(-2px);
    border-color: #c8d6e3;
    box-shadow: 0 14px 30px rgba(15, 47, 87, .08);
}

.presc-row:hover[b-ol6o7qk0q7]::before {
    opacity: 1;
    transform: scaleY(1);
}

.presc-name[b-ol6o7qk0q7] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.presc-cell[b-ol6o7qk0q7] {
    min-width: 0;
}

.presc-label[b-ol6o7qk0q7] {
    margin-bottom: 4px;
    color: var(--pp-g500, #718096);
    font-size: .58rem;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.presc-primary[b-ol6o7qk0q7] {
    overflow: hidden;
    color: var(--patient-navy);
    font-size: .8rem;
    font-weight: 850;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.presc-initials[b-ol6o7qk0q7] {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 11px;
    background: #eaf3ff;
    color: #2f80ed;
    font-size: .7rem;
    font-weight: 900;
}

@media (max-width: 1100px) {
    .presc-row[b-ol6o7qk0q7] {
        grid-template-columns: minmax(170px, 1.3fr) 95px 110px 110px minmax(200px, 2fr);
    }
}

@media (max-width: 820px) {
    .presc-row[b-ol6o7qk0q7] {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
    }
}

/* Dosette: single expanded row per medication with a 4-slot dose grid. */
.dose-list[b-ol6o7qk0q7] {
    display: grid;
    gap: 9px;
}

.dose-row[b-ol6o7qk0q7] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(190px, 1.4fr) 92px 76px repeat(4, 68px) minmax(220px, 1.5fr) 140px;
    gap: 10px;
    align-items: center;
    padding: 13px 14px;
    border: 1px solid var(--patient-line);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(15, 47, 87, .035);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.dose-row[b-ol6o7qk0q7]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 13px;
    bottom: 13px;
    width: 3px;
    border-radius: 999px;
    background: #2f80ed;
    opacity: .35;
    transform: scaleY(.4);
    transition: opacity .2s ease, transform .2s ease;
}

.dose-row.dose-controlled[b-ol6o7qk0q7]::before {
    background: var(--pp-orange, #f28c28);
}

.dose-row:hover[b-ol6o7qk0q7] {
    transform: translateY(-2px);
    border-color: #c8d6e3;
    box-shadow: 0 14px 30px rgba(15, 47, 87, .08);
}

.dose-row:hover[b-ol6o7qk0q7]::before {
    opacity: 1;
    transform: scaleY(1);
}

.dose-cell[b-ol6o7qk0q7] {
    min-width: 0;
}

.dose-label[b-ol6o7qk0q7] {
    margin-bottom: 4px;
    color: #718096;
    font-size: .58rem;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.dose-primary[b-ol6o7qk0q7] {
    overflow: hidden;
    color: var(--patient-navy);
    font-size: .8rem;
    font-weight: 850;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dose-secondary[b-ol6o7qk0q7] {
    margin-top: 2px;
    overflow: hidden;
    color: #718096;
    font-size: .68rem;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dose-slot[b-ol6o7qk0q7] {
    display: flex;
    min-height: 54px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 6px 3px;
    border-radius: 10px;
    background: #f2f5f8;
    color: #718096;
    transition: background-color .18s ease, color .18s ease;
}

.dose-slot span[b-ol6o7qk0q7] {
    font-size: .5rem;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
    line-height: 1;
}

.dose-slot strong[b-ol6o7qk0q7] {
    font-size: .82rem;
    font-weight: 900;
    line-height: 1;
}

.dose-slot-active[b-ol6o7qk0q7] {
    background: #eaf3ff;
    color: #2f80ed;
}

.dose-row:hover .dose-slot-active[b-ol6o7qk0q7] {
    transform: translateY(-2px);
    box-shadow: 0 7px 16px rgba(47, 128, 237, .12);
}

.dose-directions[b-ol6o7qk0q7] {
    color: #475569;
    font-size: .72rem;
    font-weight: 700;
    line-height: 1.35;
}

.dose-shape[b-ol6o7qk0q7] {
    display: inline-flex;
    padding: 6px 9px;
    border-radius: 999px;
    background: #fff1e3;
    color: #a85b18;
    font-size: .64rem;
    font-weight: 800;
    white-space: nowrap;
}

@media (max-width: 1250px) {
    .dose-row[b-ol6o7qk0q7] {
        grid-template-columns: minmax(170px, 1.3fr) 84px 68px repeat(4, 58px) minmax(180px, 1.3fr) 120px;
    }
}

@media (max-width: 900px) {
    .dose-row[b-ol6o7qk0q7] {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
    }

    .dose-slot[b-ol6o7qk0q7] {
        flex-direction: row;
        justify-content: space-between;
        min-height: auto;
        padding: 6px 10px;
    }
}

.patient-section-panel[b-ol6o7qk0q7] {
    min-height: 260px;
    margin-bottom: 1.5rem;
    padding: 1.5rem;
    border: 1px solid var(--patient-line);
    border-radius: 18px;
    background: white;
    box-shadow: 0 12px 34px rgba(8, 40, 70, .06);
}

.pp-start-minor-ailment-btn[b-ol6o7qk0q7] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .7rem 1.3rem;
    margin: .75rem 0 1.25rem;
    border-radius: 12px;
    background: var(--patient-teal);
    color: #fff;
    font-weight: 700;
    font-size: .95rem;
    text-decoration: none;
    box-shadow: 0 6px 16px rgba(12, 80, 168, .28);
}

.pp-start-minor-ailment-btn:hover[b-ol6o7qk0q7] {
    background: #0a4491;
    color: #fff;
}

.patient-data-grid[b-ol6o7qk0q7] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: .85rem;
}

.patient-data-grid article[b-ol6o7qk0q7],
.patient-empty-state[b-ol6o7qk0q7] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    padding: 1rem;
    border: 1px solid var(--patient-line);
    border-radius: 14px;
    background: #f8fbfc;
}

.patient-data-grid span[b-ol6o7qk0q7],
.patient-data-grid small[b-ol6o7qk0q7],
.patient-section-panel > p[b-ol6o7qk0q7] {
    color: #68788b;
}

.med-shell[b-ol6o7qk0q7] {
    --navy-950: #0a1f36;
    --navy-900: #102c4c;
    --blue-600: #2f80ed;
    --blue-100: #eaf3ff;
    --orange-500: #f28c28;
    --grey-50: #f8fafc;
    --grey-200: #e2e8f0;
    --grey-300: #cbd5e1;
    --grey-500: #718096;
    --grey-900: #1f2937;

    border: 1px solid var(--grey-200);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 12px 34px rgba(8, 40, 70, .06);
    overflow: hidden;
    color: var(--grey-900);
}

.med-shell-header[b-ol6o7qk0q7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    color: #fff;
    background: linear-gradient(120deg, #0f7a5f, #0c50a8);
}

.med-shell-header-dark[b-ol6o7qk0q7] {
    background: linear-gradient(120deg, var(--navy-950), var(--navy-900));
}

.med-shell-header strong[b-ol6o7qk0q7] {
    display: block;
    font-size: .98rem;
}

.med-shell-header span[b-ol6o7qk0q7] {
    display: block;
    margin-top: 3px;
    color: rgba(255, 255, 255, .78);
    font-size: .76rem;
}

.med-refresh-button[b-ol6o7qk0q7] {
    height: 34px;
    padding: 0 13px;
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 9px;
    background: rgba(255, 255, 255, .12);
    color: #fff;
    font-size: .76rem;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 150ms ease;
}

.med-refresh-button:hover:not(:disabled)[b-ol6o7qk0q7] {
    background: rgba(255, 255, 255, .22);
}

.med-refresh-button:disabled[b-ol6o7qk0q7] {
    opacity: .6;
    cursor: default;
}

.med-filter-bar[b-ol6o7qk0q7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--grey-200);
    background: #f8fafc;
}

.med-filter-search[b-ol6o7qk0q7] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 1 220px;
    min-width: 200px;
    height: 36px;
    padding: 0 12px;
    border: 1px solid var(--grey-300);
    border-radius: 9px;
    background: #fff;
}

.med-filter-search svg[b-ol6o7qk0q7] {
    width: 16px;
    height: 16px;
    flex: none;
    fill: none;
    stroke: var(--grey-500);
    stroke-width: 2;
}

.med-filter-search input[b-ol6o7qk0q7] {
    flex: 1;
    border: 0;
    outline: none;
    font-size: .82rem;
    color: var(--grey-900);
}

.med-filter-date[b-ol6o7qk0q7] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: .76rem;
    color: var(--grey-500);
}

.med-filter-date input[b-ol6o7qk0q7] {
    height: 36px;
    padding: 0 10px;
    border: 1px solid var(--grey-300);
    border-radius: 9px;
    background: #fff;
    font-size: .8rem;
    color: var(--grey-900);
}

.med-filter-clear[b-ol6o7qk0q7] {
    height: 36px;
    padding: 0 12px;
    border: 1px solid var(--grey-300);
    border-radius: 9px;
    background: #fff;
    color: var(--grey-500);
    font-size: .78rem;
    font-weight: 700;
    cursor: pointer;
}

.med-filter-clear:hover[b-ol6o7qk0q7] {
    background: var(--grey-200);
}

.med-state-block[b-ol6o7qk0q7] {
    padding: 40px 16px;
    text-align: center;
}

.med-state-text[b-ol6o7qk0q7] {
    color: var(--grey-500);
}

.med-list[b-ol6o7qk0q7] {
    display: grid;
    gap: 8px;
    padding: 10px;
}

.med-row[b-ol6o7qk0q7] {
    position: relative;
    display: grid;
    grid-template-columns:
        minmax(150px, 1.3fr)
        minmax(110px, .95fr)
        minmax(120px, 1fr)
        minmax(90px, .75fr)
        minmax(90px, .75fr)
        minmax(90px, .7fr)
        auto;
    gap: 10px;
    align-items: center;
    padding: 10px 12px;
    border: 1px solid var(--grey-200);
    border-radius: 12px;
    background: #fff;
    cursor: pointer;
    overflow: hidden;
    transition: transform 150ms ease, box-shadow 150ms ease, border-color 150ms ease;
}

.med-row[b-ol6o7qk0q7]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    bottom: 10px;
    width: 3px;
    border-radius: 999px;
    background: #0c50a8;
    opacity: .35;
    transition: opacity 150ms ease;
}

.med-row:hover[b-ol6o7qk0q7] {
    border-color: #c8d6e3;
    box-shadow: 0 10px 22px rgba(15, 47, 87, .07);
    transform: translateY(-1px);
}

.med-row:hover[b-ol6o7qk0q7]::before,
.med-row.med-selected[b-ol6o7qk0q7]::before {
    opacity: 1;
}

.med-row.med-selected[b-ol6o7qk0q7] {
    background: #f3fbfa;
}

.med-main-cell[b-ol6o7qk0q7] {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
}

.med-icon[b-ol6o7qk0q7] {
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 10px;
    color: #0c50a8;
    background: #e6edf7;
}

.med-icon svg[b-ol6o7qk0q7] {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
}

.med-cell[b-ol6o7qk0q7] {
    min-width: 0;
}

.med-cell-label[b-ol6o7qk0q7] {
    margin-bottom: 2px;
    color: var(--grey-500);
    font-size: .6rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.med-primary-text[b-ol6o7qk0q7] {
    display: block;
    overflow: hidden;
    color: var(--navy-950);
    font-size: .8rem;
    font-weight: 750;
    line-height: 1.3;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.med-secondary-text[b-ol6o7qk0q7] {
    margin-top: 1px;
    overflow: hidden;
    color: var(--grey-500);
    font-size: .68rem;
    line-height: 1.3;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.med-type-badge[b-ol6o7qk0q7] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 8px;
    border-radius: 999px;
    color: #0f7a5f;
    background: #e6edf7;
    font-size: .64rem;
    font-weight: 800;
    white-space: nowrap;
}

.med-type-dot[b-ol6o7qk0q7] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: currentColor;
}

.med-money[b-ol6o7qk0q7] {
    color: var(--navy-950);
    font-size: .84rem;
    font-weight: 800;
}

.med-actions[b-ol6o7qk0q7] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.med-audit-button[b-ol6o7qk0q7] {
    height: 30px;
    padding: 0 10px;
    border: 1px solid var(--grey-300);
    border-radius: 8px;
    background: #fff;
    color: #475569;
    font-size: .68rem;
    font-weight: 750;
    white-space: nowrap;
    cursor: pointer;
    transition: border-color 150ms ease, color 150ms ease, background-color 150ms ease;
}

.med-audit-button:hover:not(:disabled)[b-ol6o7qk0q7] {
    border-color: #0c50a8;
    color: #0c50a8;
    background: #e6edf7;
}

.med-audit-button:disabled[b-ol6o7qk0q7] {
    opacity: .5;
    cursor: default;
}

.med-row-action[b-ol6o7qk0q7] {
    display: grid;
    width: 28px;
    height: 28px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid var(--grey-200);
    border-radius: 9px;
    background: #fff;
    color: var(--grey-500);
    cursor: pointer;
    transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease, transform 150ms ease;
}

.med-row.med-open .med-row-action[b-ol6o7qk0q7] {
    transform: rotate(90deg);
}

.med-row-action:hover[b-ol6o7qk0q7] {
    color: var(--orange-500);
    border-color: #f3b57a;
    background: #fff2e6;
}

.med-row-action svg[b-ol6o7qk0q7] {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
}

.med-details[b-ol6o7qk0q7] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
    max-height: 0;
    overflow: hidden;
    padding: 0 2px;
    border-top: 1px solid transparent;
    opacity: 0;
    transition: max-height 220ms ease, opacity 180ms ease, padding 220ms ease, border-color 180ms ease;
}

.med-row.med-open .med-details[b-ol6o7qk0q7] {
    max-height: 300px;
    padding: 10px 2px 2px;
    border-top-color: var(--grey-200);
    opacity: 1;
}

.med-detail-item[b-ol6o7qk0q7] {
    padding: 8px 9px;
    border-radius: 9px;
    background: var(--grey-50);
}

.med-detail-wide[b-ol6o7qk0q7] {
    grid-column: span 2;
}

.med-detail-item strong[b-ol6o7qk0q7] {
    display: block;
    overflow: hidden;
    color: var(--navy-950);
    font-size: .72rem;
    line-height: 1.35;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.med-detail-wide strong[b-ol6o7qk0q7] {
    white-space: normal;
}

.med-detail-item span[b-ol6o7qk0q7] {
    display: block;
    margin-top: 2px;
    color: var(--grey-500);
    font-size: .62rem;
}

@media (max-width: 1180px) {
    .med-hide-lg[b-ol6o7qk0q7] {
        display: none;
    }

    .med-row[b-ol6o7qk0q7] {
        grid-template-columns:
            minmax(150px, 1.3fr)
            minmax(110px, .95fr)
            minmax(90px, .75fr)
            minmax(90px, .75fr)
            auto;
    }

    .med-details[b-ol6o7qk0q7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .med-detail-wide[b-ol6o7qk0q7] {
        grid-column: span 2;
    }
}

@media (max-width: 720px) {
    .med-row[b-ol6o7qk0q7] {
        grid-template-columns: minmax(0, 1fr) auto;
        row-gap: 6px;
    }

    .med-main-cell[b-ol6o7qk0q7],
    .med-cell[b-ol6o7qk0q7] {
        grid-column: 1;
    }

    .med-actions[b-ol6o7qk0q7],
    .med-row > .med-row-action[b-ol6o7qk0q7] {
        grid-row: 1;
        grid-column: 2;
        align-self: start;
    }

    .med-details[b-ol6o7qk0q7] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
}
/* /Components/Pages/PharmacyClientDashboard.razor.rz.scp.css */
.wd-page[b-twvjhc2oa2] {
    /* Blazor CSS isolation's ::deep still requires an ancestor scope
       attribute that descendant elements carry, so custom properties are
       defined on the outermost element this component owns and resolved
       by every descendant through normal CSS inheritance (same pattern as
       InventoryReconciliationWizard.razor.css / CommerceAdministration.razor.css). */
    --navy: #0B2F52;
    --navy-2: #164A78;
    --teal: #168552;
    --teal-soft: #eaf1fb;
    --blue: #2563EB;
    --blue-soft: #EEF5FF;
    --orange: #F97316;
    --orange-soft: #FFF7ED;
    --green: #16A34A;
    --green-soft: #ECFDF3;
    --red: #DC2626;
    --red-soft: #FEF2F2;
    --ink: #0F172A;
    --muted: #64748B;
    --line: #E2E8F0;
    --soft: #F8FAFC;
    --white: #FFFFFF;
    --shadow: 0 18px 42px rgba(15, 23, 42, .09);
    --shadow-soft: 0 8px 24px rgba(15, 23, 42, .06);

    padding: 0;
    color: var(--ink);
    font-family: var(--app-font, Inter, ui-sans-serif, system-ui, -apple-system,)
        BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.wd-page button[b-twvjhc2oa2] {
    font: inherit;
    cursor: pointer;
}

/* --- Owner "viewing as" banner --- */

.wd-owner-banner[b-twvjhc2oa2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    background: var(--navy);
    color: #fff;
    border-radius: 16px;
    padding: 12px 18px;
    margin-bottom: 16px;
    font-size: 13px;
    font-weight: 800;
}

.wd-owner-banner span[b-twvjhc2oa2] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.wd-owner-banner button[b-twvjhc2oa2] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 255, 255, .12);
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 8px 12px;
    font-weight: 800;
    font-size: 12px;
}

.wd-owner-banner button:hover[b-twvjhc2oa2] {
    background: rgba(255, 255, 255, .2);
}

/* --- Hero --- */

.wd-hero[b-twvjhc2oa2] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 24px;
    align-items: center;
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: 24px;
    padding: 30px 32px;
    box-shadow: var(--shadow-soft);
}

.wd-eyebrow[b-twvjhc2oa2] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .14em;
    color: var(--teal);
    font-weight: 900;
}

.wd-hero h1[b-twvjhc2oa2] {
    margin: 8px 0 7px;
    font-size: 38px;
    line-height: 1.05;
    letter-spacing: -.04em;
    color: var(--navy);
}

.wd-hero p[b-twvjhc2oa2] {
    margin: 0;
    color: var(--muted);
    font-size: 15px;
}

.wd-status[b-twvjhc2oa2] {
    min-width: 250px;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 16px 18px;
    border-radius: 17px;
    border: 1px solid #cfdced;
    background: #f0f5fb;
}

.wd-status.is-pending[b-twvjhc2oa2] {
    border-color: #FDE4C6;
    background: var(--orange-soft);
}

.wd-status-icon[b-twvjhc2oa2] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--teal);
    color: #fff;
    display: grid;
    place-items: center;
    font-weight: 900;
    flex: none;
}

.wd-status.is-pending .wd-status-icon[b-twvjhc2oa2] {
    background: var(--orange);
}

.wd-status strong[b-twvjhc2oa2] {
    display: block;
    color: var(--navy);
}

.wd-status span[b-twvjhc2oa2] {
    display: block;
    margin-top: 3px;
    color: var(--muted);
    font-size: 12px;
}

/* --- Loading --- */

.wd-loader[b-twvjhc2oa2] {
    margin-top: 16px;
    border-radius: 999px;
    overflow: hidden;
}

/* --- Activation (unverified account) panel --- */

.wd-activation[b-twvjhc2oa2] {
    margin-top: 24px;
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: 24px;
    padding: 28px 30px;
    box-shadow: var(--shadow-soft);
}

.wd-activation-heading[b-twvjhc2oa2] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.wd-activation-heading h2[b-twvjhc2oa2] {
    margin: 6px 0 6px;
    color: var(--navy);
    font-size: 24px;
    letter-spacing: -.03em;
}

.wd-activation-heading p[b-twvjhc2oa2] {
    margin: 0;
    color: var(--muted);
    font-size: 13px;
    max-width: 560px;
}

.wd-owner-note[b-twvjhc2oa2] {
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--blue-soft);
    color: #1D4ED8;
    border-radius: 14px;
    padding: 12px 14px;
    font-size: 12px;
    max-width: 320px;
}

.wd-owner-note strong[b-twvjhc2oa2] {
    display: block;
    color: var(--navy);
}

.wd-activation-products[b-twvjhc2oa2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 16px;
}

.wd-activation-product[b-twvjhc2oa2] {
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 18px;
    background: var(--soft);
}

.wd-activation-product > span:first-child[b-twvjhc2oa2] {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--teal);
    font-weight: 850;
}

.wd-activation-product h3[b-twvjhc2oa2] {
    margin: 8px 0 4px;
    color: var(--navy);
    font-size: 18px;
}

.wd-activation-product p[b-twvjhc2oa2] {
    margin: 0 0 12px;
    color: var(--muted);
    font-size: 12px;
}

.wd-activation-price[b-twvjhc2oa2] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin-bottom: 12px;
}

.wd-activation-price strong[b-twvjhc2oa2] {
    color: var(--navy);
    font-size: 20px;
}

.wd-activation-price small[b-twvjhc2oa2] {
    color: var(--muted);
    font-size: 12px;
}

.wd-activation-modules[b-twvjhc2oa2] {
    display: grid;
    gap: 5px;
    margin-bottom: 14px;
    font-size: 12px;
    color: var(--ink);
}

.wd-activation-promotion[b-twvjhc2oa2] {
    margin-top: 16px;
    max-width: 320px;
}

@media (max-width: 760px) {
    .wd-hero[b-twvjhc2oa2] {
        grid-template-columns: minmax(0, 1fr);
        padding: 22px;
        border-radius: 20px;
    }

    .wd-hero h1[b-twvjhc2oa2] {
        font-size: 31px;
    }

    .wd-status[b-twvjhc2oa2] {
        min-width: 0;
        width: 100%;
    }
}
/* /Components/Pages/PharmacyFridgesSettings.razor.rz.scp.css */
.frg-page[b-gzcbff91t4] {
    --navy: #0B2F52;
    --navy-hover: #164A78;
    --teal: #168552;
    --teal-soft: #eaf1fb;
    --blue: #2563EB;
    --blue-soft: #EEF5FF;
    --green: #16A34A;
    --green-soft: #ECFDF3;
    --red: #DC2626;
    --ink: #0F172A;
    --muted: #64748B;
    --line: #E2E8F0;
    --soft: #F8FAFC;
    --shadow: 0 16px 36px rgba(15, 23, 42, .08);
    --shadow-sm: 0 7px 20px rgba(15, 23, 42, .06);

    color: var(--ink);
}

.frg-back[b-gzcbff91t4] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--muted);
    font-weight: 800;
    font-size: .85rem;
    text-decoration: none;
    margin-bottom: 16px;
    transition: color 150ms ease;
}

.frg-back:hover[b-gzcbff91t4] {
    color: var(--navy);
}

.frg-page-head[b-gzcbff91t4] {
    margin-bottom: 18px;
}

.frg-eyebrow[b-gzcbff91t4] {
    margin: 0;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .14em;
    color: var(--teal);
    font-weight: 900;
}

.frg-page-head h1[b-gzcbff91t4] {
    margin: 7px 0 6px;
    font-size: 34px;
    letter-spacing: -.04em;
    color: var(--navy);
}

.frg-page-head p[b-gzcbff91t4] {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
    max-width: 720px;
}

.frg-stats[b-gzcbff91t4] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 18px;
}

.frg-stat[b-gzcbff91t4] {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--shadow-sm);
}

.frg-stat-label[b-gzcbff91t4] {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--muted);
    font-weight: 850;
}

.frg-stat-value[b-gzcbff91t4] {
    margin-top: 6px;
    font-size: 22px;
    font-weight: 900;
    color: var(--navy);
}

.frg-stat-sub[b-gzcbff91t4] {
    margin-top: 4px;
    color: var(--muted);
    font-size: 12px;
}

.frg-layout[b-gzcbff91t4] {
    display: grid;
    grid-template-columns: 380px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.frg-card[b-gzcbff91t4] {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: var(--shadow-sm);
}

.frg-form-card[b-gzcbff91t4] {
    padding: 22px;
    position: sticky;
    top: 86px;
}

.frg-card-title[b-gzcbff91t4] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

.frg-card-icon[b-gzcbff91t4] {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 14px;
    background: var(--blue-soft);
    color: var(--navy);
}

.frg-card-title h2[b-gzcbff91t4] {
    margin: 0;
    color: var(--navy);
    font-size: 20px;
}

.frg-card-title p[b-gzcbff91t4] {
    margin: 4px 0 0;
    color: var(--muted);
    font-size: 12px;
}

.frg-field[b-gzcbff91t4] {
    margin-bottom: 15px;
}

.frg-field label[b-gzcbff91t4] {
    display: block;
    margin-bottom: 7px;
    color: var(--ink);
    font-size: 12px;
    font-weight: 800;
}

.frg-input[b-gzcbff91t4] {
    width: 100%;
    height: 44px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #fff;
    padding: 0 13px;
    color: var(--ink);
    outline: none;
    font: inherit;
    transition: border-color 180ms ease, box-shadow 180ms ease;
}

.frg-input:focus[b-gzcbff91t4] {
    border-color: var(--blue);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .10);
}

.frg-btn[b-gzcbff91t4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 15px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #fff;
    color: var(--navy);
    font-weight: 850;
    font-size: .85rem;
    white-space: nowrap;
    transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}

.frg-btn:hover:not(:disabled)[b-gzcbff91t4] {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(15, 23, 42, .08);
}

.frg-btn:disabled[b-gzcbff91t4] {
    opacity: .6;
    cursor: default;
}

.frg-btn.frg-primary[b-gzcbff91t4] {
    width: 100%;
    background: var(--navy);
    border-color: var(--navy);
    color: #fff;
}

.frg-btn.frg-primary:hover:not(:disabled)[b-gzcbff91t4] {
    background: var(--navy-hover);
}

.frg-list-card[b-gzcbff91t4] {
    overflow: hidden;
}

.frg-list-head[b-gzcbff91t4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    padding: 20px 22px;
    border-bottom: 1px solid var(--line);
    flex-wrap: wrap;
}

.frg-list-head h2[b-gzcbff91t4] {
    margin: 0;
    color: var(--navy);
    font-size: 20px;
}

.frg-list-head p[b-gzcbff91t4] {
    margin: 4px 0 0;
    color: var(--muted);
    font-size: 12px;
}

.frg-search[b-gzcbff91t4] {
    min-width: 220px;
    height: 42px;
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 0 12px;
    font: inherit;
    color: var(--ink);
}

.frg-table-wrap[b-gzcbff91t4] {
    overflow: auto;
}

.frg-table-wrap table[b-gzcbff91t4] {
    width: 100%;
    border-collapse: collapse;
    min-width: 640px;
}

.frg-table-wrap th[b-gzcbff91t4],
.frg-table-wrap td[b-gzcbff91t4] {
    padding: 15px 18px;
    border-bottom: 1px solid var(--line);
    text-align: left;
    font-size: 13px;
}

.frg-table-wrap th[b-gzcbff91t4] {
    background: var(--soft);
    color: var(--muted);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.frg-actions-col[b-gzcbff91t4] {
    text-align: right !important;
}

.frg-name-cell[b-gzcbff91t4] {
    display: flex;
    align-items: center;
    gap: 11px;
}

.frg-fridge-icon[b-gzcbff91t4] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 11px;
    background: var(--teal-soft);
    color: var(--teal);
}

.frg-name-cell strong[b-gzcbff91t4] {
    color: var(--navy);
}

.frg-badge[b-gzcbff91t4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 9px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 850;
}

.frg-badge-green[b-gzcbff91t4] {
    background: var(--green-soft);
    color: #166534;
}

.frg-badge-grey[b-gzcbff91t4] {
    background: var(--soft);
    color: var(--muted);
}

.frg-dot[b-gzcbff91t4] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
}

.frg-row-actions[b-gzcbff91t4] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

.frg-icon-btn[b-gzcbff91t4] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    border: 1px solid var(--line);
    background: #fff;
    color: var(--navy);
    transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease;
}

.frg-icon-btn:hover[b-gzcbff91t4] {
    background: var(--soft);
}

.frg-icon-btn-danger:hover[b-gzcbff91t4] {
    background: #FEF2F2;
    border-color: #FECACA;
    color: var(--red);
}

.frg-edit-row[b-gzcbff91t4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.frg-edit-row .frg-input[b-gzcbff91t4] {
    flex: 1 1 180px;
    min-width: 140px;
    height: 40px;
}

.frg-switch[b-gzcbff91t4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 700;
    color: var(--ink);
    white-space: nowrap;
}

.frg-empty-note[b-gzcbff91t4] {
    padding: 14px 20px;
    background: #FAFCFE;
    color: var(--muted);
    font-size: 12px;
    border-top: 1px solid var(--line);
}

@media (max-width: 1000px) {
    .frg-layout[b-gzcbff91t4] {
        grid-template-columns: minmax(0, 1fr);
    }

    .frg-form-card[b-gzcbff91t4] {
        position: static;
    }
}

@media (max-width: 760px) {
    .frg-stats[b-gzcbff91t4] {
        grid-template-columns: minmax(0, 1fr);
    }

    .frg-list-head[b-gzcbff91t4] {
        flex-direction: column;
        align-items: stretch;
    }

    .frg-search[b-gzcbff91t4] {
        min-width: 0;
        width: 100%;
    }

    .frg-page-head h1[b-gzcbff91t4] {
        font-size: 28px;
    }
}
/* /Components/Pages/PharmacyLogsDashboard.razor.rz.scp.css */
.pl-page[b-1tcyzeznw0] {
    --navy: #0B2F52;
    --navy-hover: #164A78;
    --teal: #168552;
    --teal-soft: #eaf1fb;
    --blue-soft: #EEF5FF;
    --green: #16A34A;
    --green-soft: #ECFDF3;
    --ink: #0F172A;
    --muted: #64748B;
    --line: #E2E8F0;
    --soft: #F8FAFC;
    --shadow: 0 14px 34px rgba(15, 23, 42, .08);
    --shadow-sm: 0 5px 16px rgba(15, 23, 42, .05);

    color: var(--ink);
}

.pl-page-head[b-1tcyzeznw0] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 16px;
}

.pl-eyebrow[b-1tcyzeznw0] {
    margin: 0;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .14em;
    color: var(--teal);
    font-weight: 900;
}

.pl-page-head h1[b-1tcyzeznw0] {
    margin: 6px 0 5px;
    font-size: 31px;
    letter-spacing: -.035em;
    color: var(--navy);
}

.pl-subtitle[b-1tcyzeznw0] {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
}

.pl-btn[b-1tcyzeznw0] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 40px;
    padding: 0 14px;
    border-radius: 11px;
    border: 1px solid var(--line);
    background: #fff;
    color: var(--navy);
    font-weight: 800;
    font-size: .85rem;
    text-decoration: none;
    white-space: nowrap;
    transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}

.pl-btn:hover[b-1tcyzeznw0] {
    transform: translateY(-1px);
    box-shadow: 0 5px 14px rgba(15, 23, 42, .07);
}

.pl-btn.pl-primary[b-1tcyzeznw0] {
    background: var(--navy);
    border-color: var(--navy);
    color: #fff;
}

.pl-btn.pl-primary:hover[b-1tcyzeznw0] {
    background: var(--navy-hover);
}

.pl-mobile-nav[b-1tcyzeznw0] {
    display: none;
}

.pl-workspace[b-1tcyzeznw0] {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

.pl-side[b-1tcyzeznw0] {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 12px;
    box-shadow: var(--shadow-sm);
    position: sticky;
    top: 92px;
}

.pl-side-title[b-1tcyzeznw0] {
    padding: 7px 10px 10px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: var(--muted);
    font-weight: 900;
}

.pl-side-list[b-1tcyzeznw0] {
    display: grid;
    gap: 6px;
}

.pl-side-item[b-1tcyzeznw0] {
    width: 100%;
    min-height: 54px;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    align-items: center;
    gap: 11px;
    padding: 7px 10px;
    border: 1px solid transparent;
    border-radius: 13px;
    background: transparent;
    color: var(--navy);
    text-align: left;
    font-weight: 800;
    font-size: .88rem;
    transition: background-color 180ms ease;
}

.pl-side-item:hover[b-1tcyzeznw0] {
    background: var(--soft);
}

.pl-side-item.active[b-1tcyzeznw0] {
    background: var(--teal-soft);
    border-color: #c6d6ec;
    box-shadow: inset 4px 0 0 var(--teal);
}

.pl-side-icon[b-1tcyzeznw0] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    background: var(--blue-soft);
    color: var(--navy);
}

.pl-side-item.active .pl-side-icon[b-1tcyzeznw0] {
    background: #d7e4f6;
    color: var(--teal);
}

.pl-side-label[b-1tcyzeznw0] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pl-separator[b-1tcyzeznw0] {
    height: 1px;
    background: var(--line);
    margin: 12px 4px;
}

.pl-content[b-1tcyzeznw0] {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: var(--shadow);
    overflow: hidden;
}

.pl-panel[b-1tcyzeznw0] {
    display: none;
}

.pl-panel.active[b-1tcyzeznw0] {
    display: block;
}

.pl-content-head[b-1tcyzeznw0] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    padding: 22px 24px;
    border-bottom: 1px solid var(--line);
}

.pl-content-title[b-1tcyzeznw0] {
    display: flex;
    align-items: flex-start;
    gap: 13px;
}

.pl-content-icon[b-1tcyzeznw0] {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 14px;
    background: var(--blue-soft);
    color: var(--navy);
}

.pl-content-head h2[b-1tcyzeznw0] {
    margin: 0;
    color: var(--navy);
    font-size: 22px;
}

.pl-content-head p[b-1tcyzeznw0] {
    margin: 5px 0 0;
    color: var(--muted);
    font-size: 13px;
}

.pl-actions[b-1tcyzeznw0] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    flex: 0 0 auto;
}

.pl-body[b-1tcyzeznw0] {
    padding: 18px 20px 22px;
}

.pl-summary[b-1tcyzeznw0] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-bottom: 16px;
}

.pl-stat[b-1tcyzeznw0] {
    background: var(--soft);
    border: 1px solid var(--line);
    border-radius: 13px;
    padding: 12px 13px;
}

.pl-stat-label[b-1tcyzeznw0] {
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--muted);
    font-weight: 900;
}

.pl-stat-value[b-1tcyzeznw0] {
    margin-top: 5px;
    font-size: 17px;
    font-weight: 900;
    color: var(--navy);
}

.pl-stat-sub[b-1tcyzeznw0] {
    margin-top: 3px;
    color: var(--muted);
    font-size: 10px;
}

@media (max-width: 1050px) {
    .pl-workspace[b-1tcyzeznw0] {
        grid-template-columns: 240px minmax(0, 1fr);
    }

    .pl-summary[b-1tcyzeznw0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .pl-page-head[b-1tcyzeznw0] {
        flex-direction: column;
    }

    .pl-page-head-actions[b-1tcyzeznw0] {
        width: 100%;
    }

    .pl-page-head-actions .pl-btn[b-1tcyzeznw0] {
        width: 100%;
        justify-content: center;
    }

    /* Wraps rather than scrolls: as a scroller it measured 481px in a 347px
       window, so History and Audit sat off the edge with a hidden scrollbar
       and nothing to say they were there. */
    .pl-mobile-nav[b-1tcyzeznw0] {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        padding-bottom: 10px;
        margin-bottom: 4px;
    }

    .pl-mobile-nav[b-1tcyzeznw0]::-webkit-scrollbar {
        display: none;
    }

    .pl-mobile-chip[b-1tcyzeznw0] {
        flex: 0 1 auto;
        min-height: 44px;
        white-space: nowrap;
        border: 1px solid var(--line);
        background: #fff;
        color: var(--navy);
        border-radius: 999px;
        padding: 9px 12px;
        font-weight: 800;
        font-size: .82rem;
    }

    .pl-mobile-chip.active[b-1tcyzeznw0] {
        background: var(--navy);
        border-color: var(--navy);
        color: #fff;
    }

    .pl-workspace[b-1tcyzeznw0] {
        display: block;
    }

    .pl-side[b-1tcyzeznw0] {
        display: none;
    }

    .pl-content-head[b-1tcyzeznw0] {
        flex-direction: column;
    }

    .pl-actions[b-1tcyzeznw0] {
        width: 100%;
    }

    .pl-actions .pl-btn[b-1tcyzeznw0] {
        flex: 1;
        justify-content: center;
    }

    .pl-summary[b-1tcyzeznw0] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .pl-page-head h1[b-1tcyzeznw0] {
        font-size: 27px;
    }
}

@media (max-width: 460px) {
    .pl-summary[b-1tcyzeznw0] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/PharmacyResources.razor.rz.scp.css */
.pubres-page[b-8xerpeyl1q] { width: 100%; max-width: 100%; margin: 0; padding: 28px clamp(16px, 3vw, 40px) 60px; box-sizing: border-box; display: grid; gap: 20px; grid-template-columns: minmax(0, 1fr); }

.pubres-header span[b-8xerpeyl1q] { font-size: .72rem; font-weight: 900; letter-spacing: .13em; color: #1d5fc4; }
.pubres-header h1[b-8xerpeyl1q] { margin: 6px 0; font-size: 2.1rem; }
.pubres-header p[b-8xerpeyl1q] { margin: 0; color: #60758a; }

.pubres-layout[b-8xerpeyl1q] { display: grid; grid-template-columns: minmax(240px, 320px) minmax(0, 1fr); gap: 20px; align-items: start; }

.pubres-list-pane[b-8xerpeyl1q] { border: 1px solid #dbe5ec; border-radius: 16px; background: white; padding: 16px; display: grid; gap: 12px; position: sticky; top: 16px; max-height: calc(100vh - 32px); overflow-y: auto; overflow-x: hidden; min-width: 0; }
.pubres-search[b-8xerpeyl1q] { display: flex; align-items: center; gap: 7px; border: 1px solid #cedbe3; border-radius: 10px; padding: 9px 11px; }
.pubres-search input[b-8xerpeyl1q] { border: 0; outline: 0; font: inherit; width: 100%; min-width: 0; }
.pubres-list[b-8xerpeyl1q] { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 7px; }
.pubres-list li[b-8xerpeyl1q] { min-width: 0; }
.pubres-list button[b-8xerpeyl1q] { width: 100%; min-width: 0; display: flex; align-items: center; gap: 10px; text-align: left; background: white; border: 1px solid #e5edf3; border-radius: 12px; padding: 11px 12px; font: inherit; font-weight: 700; font-size: .9rem; line-height: 1.3; color: #33495a; cursor: pointer; transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease; }
.pubres-list button:hover[b-8xerpeyl1q] { background: #f5f9ff; border-color: #bcd5f7; box-shadow: 0 2px 8px rgba(29,95,196,.08); }
.pubres-doc-icon[b-8xerpeyl1q] { flex: 0 0 auto; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: #eaf2ff; color: #1d5fc4; }
.pubres-list button.active .pubres-doc-icon[b-8xerpeyl1q] { background: rgba(255,255,255,.16); color: white; }
.pubres-doc-go[b-8xerpeyl1q] { flex: 0 0 auto; color: #9db0c2; }
.pubres-list button.active .pubres-doc-go[b-8xerpeyl1q] { color: rgba(255,255,255,.75); }
.pubres-list button.active[b-8xerpeyl1q] { background: #0b2f52; border-color: #0b2f52; color: white; box-shadow: 0 4px 12px rgba(11,47,82,.18); }
.pubres-doc-title[b-8xerpeyl1q] { flex: 1 1 auto; min-width: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.pubres-lock[b-8xerpeyl1q] { flex: 0 0 auto; display: grid; place-items: center; color: #9a5a08; }
.pubres-list button.active .pubres-lock[b-8xerpeyl1q] { color: #f3ddb4; }
.pubres-search-icon[b-8xerpeyl1q] { flex: 0 0 auto; display: grid; place-items: center; color: #7d92a6; }
.pubres-categories[b-8xerpeyl1q] { display: flex; flex-wrap: wrap; gap: 6px; }
.pubres-categories button[b-8xerpeyl1q] { border: 1px solid #cedbe3; border-radius: 999px; background: white; padding: 5px 12px; font-size: .76rem; font-weight: 700; color: #33495a; cursor: pointer; }
.pubres-categories button:hover[b-8xerpeyl1q] { background: #f4f6f8; }
.pubres-categories button.active[b-8xerpeyl1q] { background: #1d5fc4; border-color: #1d5fc4; color: white; }
.pubres-empty[b-8xerpeyl1q] { margin: 0; padding: 16px; color: #60758a; font-size: .88rem; }

.pubres-content-pane[b-8xerpeyl1q] { border: 1px solid #dbe5ec; border-radius: 16px; background: white; padding: 22px; min-height: 420px; }
.pubres-placeholder[b-8xerpeyl1q] { display: flex; align-items: center; justify-content: center; min-height: 360px; color: #60758a; }
.pubres-content h2[b-8xerpeyl1q] { margin: 0 0 14px; }
.pubres-toolbar[b-8xerpeyl1q] { display: flex; gap: 10px; margin-bottom: 14px; }
.pubres-toolbar button[b-8xerpeyl1q] { border: 1px solid #cedbe3; border-radius: 8px; background: white; padding: 8px 16px; font-weight: 700; cursor: pointer; color: #33495a; }
.pubres-toolbar button:hover[b-8xerpeyl1q] { background: #f4f6f8; }
.pubres-pdf-frame[b-8xerpeyl1q] { width: 100%; height: 75vh; border: 1px solid #e2e8f0; border-radius: 10px; }

.pubres-locked[b-8xerpeyl1q] { text-align: center; padding: 40px 16px; }
.pubres-locked p[b-8xerpeyl1q] { color: #60758a; margin: 0 0 16px; }
.pubres-locked-actions[b-8xerpeyl1q] { display: flex; gap: 10px; justify-content: center; }
.pubres-primary[b-8xerpeyl1q] { background: #0b2f52; color: white; border: 0; border-radius: 10px; padding: 10px 18px; font-weight: 800; text-decoration: none; }
.pubres-secondary[b-8xerpeyl1q] { background: white; color: #0b2f52; border: 1px solid #cedbe3; border-radius: 10px; padding: 10px 18px; font-weight: 700; text-decoration: none; }

@media (max-width: 860px) {
    .pubres-layout[b-8xerpeyl1q] { grid-template-columns: minmax(0, 1fr); }
    .pubres-list-pane[b-8xerpeyl1q] { position: static; max-height: none; }
    /* An empty 360px "Select a document to view." panel used to eat a whole
       phone screen below the list; only show the viewer once there is one. */
    .pubres-content-pane:has(.pubres-placeholder)[b-8xerpeyl1q] { display: none; }
    .pubres-header h1[b-8xerpeyl1q] { font-size: 1.75rem; }
    .pubres-pdf-frame[b-8xerpeyl1q] { height: 68vh; }
    .pubres-content-pane[b-8xerpeyl1q] { padding: 16px; }
}
/* /Components/Pages/PharmacyScheduler.razor.rz.scp.css */
.sch-page[b-246jn2fkck]{--sch-bg:#f8fafc;--sch-fg:#111827;--sch-muted:#65758b;--sch-border:#e5e7eb;--sch-primary:#3c83f6;--sch-sidebar:#fcfcfd;--sch-header-row:#f3f4f6;--sch-tab-inactive-bg:#f3f4f6;--sch-tab-inactive-fg:#65758b;--sch-tab-hover:#e8eaed;--sch-shadow-sm:0 1px 2px rgba(15,23,42,.05);--sch-shadow-md:0 4px 12px rgba(15,23,42,.08);--sch-shadow-lg:0 20px 40px rgba(15,23,42,.16);--sch-ease:cubic-bezier(.4,0,.2,1);max-width:1560px;margin:0 auto;padding:28px;color:var(--sch-fg)}
.sch-page button[b-246jn2fkck]{padding:8px 12px;border:1px solid var(--sch-border);border-radius:12px;background:#fff;color:var(--sch-fg);font-weight:600;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background-color .15s var(--sch-ease),border-color .15s var(--sch-ease),box-shadow .15s var(--sch-ease),transform .1s var(--sch-ease)}
.sch-page button:hover[b-246jn2fkck]{background:#f9fafb;border-color:#d1d5db}
.sch-page button:active[b-246jn2fkck]{transform:translateY(1px)}
.sch-page button.primary[b-246jn2fkck]{border-color:var(--sch-primary);background:var(--sch-primary);color:#fff;box-shadow:var(--sch-shadow-sm)}
.sch-page button.primary:hover[b-246jn2fkck]{background:#2f6fe0;border-color:#2f6fe0;box-shadow:var(--sch-shadow-md)}
.sch-page button.danger[b-246jn2fkck],.text-danger[b-246jn2fkck]{color:#dc2626}
.sch-page button.danger:hover[b-246jn2fkck]{background:#fef2f2;border-color:#fecaca}
.sch-page button.active.green[b-246jn2fkck]{background:#f0fdf4;color:#15803d;border-color:#bbf7d0}
.sch-page button.active.blue[b-246jn2fkck]{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}
.sch-page button.orange[b-246jn2fkck]{background:#fff7ed;color:#ea580c;border-color:#fed7aa}
.sch-page button:disabled[b-246jn2fkck]{opacity:.5;cursor:not-allowed;transform:none}

.sch-hero[b-246jn2fkck]{min-height:112px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:0 4px 22px}
.sch-hero-left[b-246jn2fkck]{display:flex;align-items:center;gap:16px}
.sch-icon-tile[b-246jn2fkck]{width:60px;height:60px;border-radius:18px;background:linear-gradient(160deg,#eff6ff,#dbeafe);color:#2563eb;display:grid;place-items:center;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(37,99,235,.12)}
.sch-hero-left h1[b-246jn2fkck]{margin:0;color:var(--sch-fg);font-size:1.65rem;font-weight:800;letter-spacing:-.01em}
.sch-hero-left p[b-246jn2fkck]{margin:3px 0 0;color:#4b5563;font-size:.88rem;font-weight:600;display:flex;align-items:center;gap:5px}
.sch-hero-actions[b-246jn2fkck]{display:flex;gap:8px;flex-wrap:wrap}
.sch-hero-actions button[b-246jn2fkck]{height:42px;border-radius:12px;padding:0 15px}

.sch-tabbar[b-246jn2fkck]{display:flex;gap:2px;overflow-x:auto;padding:8px 8px 0;border-bottom:1px solid var(--sch-border);scrollbar-width:none;-ms-overflow-style:none}
.sch-tabbar[b-246jn2fkck]::-webkit-scrollbar{display:none}
.sch-tab[b-246jn2fkck]{white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis;padding:10px 16px;border-radius:12px 12px 0 0;font-size:.85rem;font-weight:600;margin-bottom:-1px;cursor:pointer;background:var(--sch-tab-inactive-bg);color:var(--sch-tab-inactive-fg);border:1px solid transparent;transition:background-color .15s var(--sch-ease),color .15s var(--sch-ease)}
.sch-tab:hover[b-246jn2fkck]{background:var(--sch-tab-hover);color:var(--sch-fg)}
.sch-tab.active[b-246jn2fkck]{background:#fff;color:var(--sch-fg);border-color:var(--sch-border);border-bottom-color:#fff;position:relative;z-index:1;box-shadow:0 -1px 0 rgba(0,0,0,.02)}
.sch-tab-new[b-246jn2fkck]{display:flex;align-items:center;gap:4px;color:var(--sch-primary)}

.sch-module[b-246jn2fkck]{background:#fff;border:1px solid var(--sch-border);border-radius:0 20px 20px 20px;box-shadow:var(--sch-shadow-sm),0 1px 8px rgba(15,23,42,.03)}
.sch-body[b-246jn2fkck]{display:flex;align-items:stretch}
.sch-sidebar[b-246jn2fkck]{width:288px;flex-shrink:0;background:var(--sch-sidebar);border-right:1px solid var(--sch-border);border-radius:0 0 0 20px;padding:18px;display:flex;flex-direction:column;gap:14px}
.sch-month-select[b-246jn2fkck]{display:flex;gap:8px}
.sch-month-select select[b-246jn2fkck]{flex:1;height:44px;border-radius:12px;background:#dbeafe;border:1px solid #93c5fd;color:#1e3a8a;font-weight:700;padding:0 10px;cursor:pointer;transition:background-color .15s var(--sch-ease)}
.sch-month-select select:hover[b-246jn2fkck]{background:#bfdbfe}
.sch-add-staff[b-246jn2fkck]{width:100%;justify-content:center;height:42px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border:0;box-shadow:0 4px 12px rgba(37,99,235,.28);font-weight:700}
.sch-add-staff:hover[b-246jn2fkck]{background:linear-gradient(135deg,#1d4ed8,#2563eb);box-shadow:0 6px 16px rgba(37,99,235,.36);transform:translateY(-1px)}
.sch-staff-list[b-246jn2fkck]{flex:1;overflow-y:auto;max-height:calc(100vh - 420px);min-height:160px;display:flex;flex-direction:column;gap:3px}
.sch-staff-row[b-246jn2fkck]{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:12px;position:relative;transition:background-color .15s var(--sch-ease)}
.sch-staff-row:hover[b-246jn2fkck]{background:#f3f4f6}
.sch-staff-row.selected[b-246jn2fkck]{background:#eff6ff}
.sch-staff-row.selected .sch-staff-main strong[b-246jn2fkck]{color:#1d4ed8}
.sch-staff-row.hidden-staff[b-246jn2fkck]{opacity:.5;filter:grayscale(1)}
.sch-staff-all[b-246jn2fkck]{cursor:pointer;font-weight:700;color:var(--sch-muted)}
.sch-avatar-all[b-246jn2fkck]{background:#9ca3af}
.sch-avatar-wrap[b-246jn2fkck]{position:relative;flex-shrink:0}
.sch-avatar[b-246jn2fkck]{width:32px;height:32px;border-radius:9999px;border:0;color:#fff;font-size:.68rem;font-weight:800;display:grid;place-items:center;cursor:pointer;position:relative;box-shadow:0 0 0 2px #fff,0 1px 3px rgba(15,23,42,.15);transition:transform .15s var(--sch-ease)}
.sch-avatar:hover[b-246jn2fkck]{transform:scale(1.06)}
.sch-avatar-dot[b-246jn2fkck]{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:9999px;border:2px solid #fff}
.sch-color-popover[b-246jn2fkck]{position:absolute;top:40px;left:0;z-index:20;width:228px;padding:12px;border-radius:16px;background:#fff;border:1px solid var(--sch-border);box-shadow:var(--sch-shadow-lg);animation:sch-pop-in-b-246jn2fkck .12s var(--sch-ease)}
.sch-color-popover span[b-246jn2fkck]{display:block;margin-bottom:8px;font-size:.65rem;font-weight:800;letter-spacing:.06em;color:var(--sch-muted);text-transform:uppercase}
.sch-swatch-grid[b-246jn2fkck]{display:flex;flex-wrap:wrap;gap:8px}
.sch-swatch[b-246jn2fkck]{width:26px;height:26px;border-radius:9999px;border:2px solid transparent;padding:0;cursor:pointer;transition:transform .12s var(--sch-ease),box-shadow .12s var(--sch-ease)}
.sch-swatch:hover[b-246jn2fkck]{transform:scale(1.15)}
.sch-swatch.selected[b-246jn2fkck]{border-color:#fff;box-shadow:0 0 0 2px #2563eb}
.sch-staff-main[b-246jn2fkck]{flex:1;min-width:0;cursor:pointer}
.sch-staff-main strong[b-246jn2fkck]{display:flex;align-items:center;gap:4px;font-size:.85rem;color:var(--sch-fg);font-weight:600}
.sch-edit-icon[b-246jn2fkck]{padding:2px;border:0;background:transparent;opacity:0;color:var(--sch-muted)}
.sch-staff-row:hover .sch-edit-icon[b-246jn2fkck]{opacity:1}
.sch-staff-meta[b-246jn2fkck]{display:flex;align-items:center;gap:6px;margin-top:3px;font-size:.7rem;color:var(--sch-muted)}
.sch-hours-pill[b-246jn2fkck]{padding:2px 9px;border-radius:9999px;background:#eff6ff;color:#1d4ed8;font-weight:700}
.sch-salary-pill[b-246jn2fkck]{padding:2px 9px;border-radius:9999px;background:#f0fdf4;color:#15803d;font-weight:700}
.sch-staff-actions[b-246jn2fkck]{display:flex;gap:2px;opacity:0;transition:opacity .15s var(--sch-ease)}
.sch-staff-row:hover .sch-staff-actions[b-246jn2fkck]{opacity:1}
.sch-staff-actions button[b-246jn2fkck]{padding:5px;border:0;background:transparent;border-radius:8px;color:var(--sch-muted)}
.sch-staff-actions button:hover[b-246jn2fkck]{background:#e5e7eb;color:var(--sch-fg)}
.sch-staff-edit[b-246jn2fkck]{flex:1;display:grid;gap:7px}
.sch-staff-edit input[b-246jn2fkck]{padding:7px 9px;border:1px solid var(--sch-border);border-radius:9px;font:inherit;font-size:.82rem;transition:border-color .15s var(--sch-ease),box-shadow .15s var(--sch-ease)}
.sch-staff-edit input:focus[b-246jn2fkck]{outline:none;border-color:var(--sch-primary);box-shadow:0 0 0 3px rgba(60,131,246,.15)}
.sch-rate[b-246jn2fkck]{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--sch-muted)}
.sch-rate input[b-246jn2fkck]{flex:1}
.sch-staff-edit-actions[b-246jn2fkck]{display:flex;gap:6px;justify-content:flex-end}
.sch-totals[b-246jn2fkck]{display:grid;gap:8px;padding-top:10px;border-top:1px solid var(--sch-border)}
.sch-total-card[b-246jn2fkck]{display:grid;gap:2px;padding:11px 13px;border-radius:13px;background:#fff;border:1px solid var(--sch-border);font-size:.72rem;color:var(--sch-muted);box-shadow:var(--sch-shadow-sm)}
.sch-total-card strong[b-246jn2fkck]{font-size:1.15rem;color:var(--sch-fg);font-weight:800}
.sch-total-card.green[b-246jn2fkck]{background:#f0fdf4;border-color:#bbf7d0;color:#166534}
.sch-total-card.green strong[b-246jn2fkck]{color:#15803d}
.sch-total-card small[b-246jn2fkck]{color:#4d7c0f}

.sch-main[b-246jn2fkck]{flex:1;min-width:0;padding:22px 26px;background:var(--sch-bg);border-radius:0 0 20px 0}
.sch-hst-switch[b-246jn2fkck]{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:.8rem;font-weight:700;color:var(--sch-fg)}
.sch-hst-switch input[type=number][b-246jn2fkck]{width:64px;padding:5px 7px;border:1px solid var(--sch-border);border-radius:8px}
.calendar-toolbar[b-246jn2fkck]{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}
.calendar-toolbar span[b-246jn2fkck]{color:var(--sch-primary);font-size:.68rem;font-weight:900;letter-spacing:.1em}
.calendar-toolbar h2[b-246jn2fkck]{margin:3px 0 0;color:var(--sch-fg);font-weight:800;letter-spacing:-.01em}
.calendar-toolbar>div:last-child[b-246jn2fkck]{display:flex;gap:6px}
.calendar-toolbar>div:last-child button[b-246jn2fkck]{width:36px;height:36px;padding:0;justify-content:center;font-size:1rem}
.calendar-week[b-246jn2fkck],.calendar-grid[b-246jn2fkck]{display:grid;grid-template-columns:repeat(7,1fr)}
.calendar-week[b-246jn2fkck]{background:var(--sch-header-row);border-radius:12px 12px 0 0}
.calendar-week span[b-246jn2fkck]{padding:9px;color:var(--sch-muted);font-size:.7rem;font-weight:800;text-align:center;letter-spacing:.03em}
.calendar-grid[b-246jn2fkck]{gap:1px;background:var(--sch-border);border:1px solid var(--sch-border);border-radius:0 0 12px 12px;overflow:hidden;box-shadow:var(--sch-shadow-sm)}
.day[b-246jn2fkck]{position:relative;min-height:112px;padding:8px;background:#fff;cursor:pointer;transition:background-color .12s var(--sch-ease)}
.day:hover[b-246jn2fkck]{background:#f8fafc}
.day.outside[b-246jn2fkck]{background:rgba(249,250,251,.5);cursor:default}
.day.outside:hover[b-246jn2fkck]{background:rgba(249,250,251,.5)}
.day.copy-source[b-246jn2fkck]{border:2px solid #60a5fa;background:#eff6ff}
.day header[b-246jn2fkck]{display:flex;justify-content:space-between;align-items:flex-start}
.day header strong[b-246jn2fkck]{width:28px;height:28px;display:grid;place-items:center;border-radius:9999px;font-size:.8rem;font-weight:600}
.day.outside header strong[b-246jn2fkck]{opacity:.5;color:var(--sch-muted)}
.day header strong.today[b-246jn2fkck]{background:var(--sch-primary);color:#fff;box-shadow:0 0 0 4px rgba(60,131,246,.16)}
.day-copy-btn[b-246jn2fkck],.day-copy-cancel[b-246jn2fkck],.day-paste-btn[b-246jn2fkck]{padding:4px 8px;border-radius:8px;font-size:.65rem;opacity:0;background:#fff;box-shadow:var(--sch-shadow-sm);transition:opacity .12s var(--sch-ease)}
.day:hover .day-copy-btn[b-246jn2fkck]{opacity:1}
.day-copy-cancel[b-246jn2fkck]{opacity:1;color:#dc2626}
.day-paste-btn[b-246jn2fkck]{opacity:1;color:#2563eb;border-color:#bfdbfe}
.day-shifts[b-246jn2fkck]{display:flex;flex-direction:column;gap:6px;margin-top:6px;max-height:88px;overflow-y:auto}
.shift-chip[b-246jn2fkck]{display:grid!important;gap:1px;padding:6px 10px!important;border-width:1px 1px 1px 3px!important;border-style:solid!important;border-radius:9px!important;text-align:left;font-size:.7rem;width:100%;transition:filter .12s var(--sch-ease)}
.shift-chip:hover[b-246jn2fkck]{filter:brightness(.97)}
.shift-chip strong[b-246jn2fkck]{color:var(--sch-fg);font-weight:700}
.shift-chip span[b-246jn2fkck]{opacity:.85;font-size:.62rem}
.month-note[b-246jn2fkck]{margin-top:16px}
.month-note label[b-246jn2fkck]{display:grid;gap:6px;font-size:.73rem;font-weight:800;color:var(--sch-fg)}
.month-note textarea[b-246jn2fkck]{padding:10px 12px;border:1px solid var(--sch-border);border-radius:12px;font:inherit;resize:vertical;transition:border-color .15s var(--sch-ease),box-shadow .15s var(--sch-ease)}
.month-note textarea:focus[b-246jn2fkck]{outline:none;border-color:var(--sch-primary);box-shadow:0 0 0 3px rgba(60,131,246,.12)}
.empty[b-246jn2fkck]{padding:28px 16px;color:var(--sch-muted);text-align:center}
.empty.compact[b-246jn2fkck]{padding:14px;font-size:.8rem}

.sch-summary[b-246jn2fkck]{margin-top:24px;padding-top:22px;border-top:1px solid var(--sch-border)}
.summary-head[b-246jn2fkck]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.summary-head h3[b-246jn2fkck]{margin:0;display:flex;align-items:center;gap:6px;font-size:1.02rem;color:var(--sch-fg);font-weight:700}
.summary-head small[b-246jn2fkck]{color:var(--sch-muted);font-weight:500}
.summary-total-salary[b-246jn2fkck]{padding:5px 12px;border-radius:9999px;background:#f0fdf4;color:#15803d;font-weight:700;font-size:.8rem}
.summary-staff-grid[b-246jn2fkck]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-bottom:22px}
.summary-staff-grid article[b-246jn2fkck]{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--sch-border);border-radius:14px;background:#fff;box-shadow:var(--sch-shadow-sm);transition:box-shadow .15s var(--sch-ease)}
.summary-staff-grid article:hover[b-246jn2fkck]{box-shadow:var(--sch-shadow-md)}
.summary-staff-grid article.hidden-staff[b-246jn2fkck]{opacity:.5;filter:grayscale(1)}
.summary-staff-grid strong[b-246jn2fkck]{display:block;font-size:.82rem}
.summary-staff-grid small[b-246jn2fkck]{color:var(--sch-muted);font-size:.7rem}
.summary-hours[b-246jn2fkck]{margin-left:auto;text-align:right}
.summary-hours strong[b-246jn2fkck]{color:var(--sch-primary);font-size:1.15rem;font-weight:800}
.summary-hours span[b-246jn2fkck]{display:block;font-size:.6rem;color:var(--sch-muted);letter-spacing:.05em}
.summary-hours small[b-246jn2fkck]{display:block;color:#15803d;font-weight:700}
.summary-tables[b-246jn2fkck]{display:flex;gap:18px;flex-wrap:wrap}
.summary-table[b-246jn2fkck]{flex:1;min-width:280px;border-collapse:collapse;border:1px solid var(--sch-border);border-radius:14px;overflow:hidden;background:#fff;box-shadow:var(--sch-shadow-sm)}
.summary-table caption[b-246jn2fkck]{caption-side:top;text-align:left;padding:11px 14px;font-weight:800;background:#eff6ff;border-bottom:1px solid var(--sch-border);color:var(--sch-fg)}
.summary-table th[b-246jn2fkck]{padding:9px 14px;background:#eff6ff;text-align:left;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:var(--sch-muted);border-bottom:1px solid var(--sch-border)}
.summary-table td[b-246jn2fkck]{padding:9px 14px;border-bottom:1px solid var(--sch-border);font-size:.8rem}
.summary-table tbody tr:last-child td[b-246jn2fkck]{border-bottom:0}
.summary-table tbody tr:nth-child(even)[b-246jn2fkck]{background:#f9fafb}
.summary-table tbody tr:hover[b-246jn2fkck]{background:rgba(59,130,246,.05)}
.empty-row[b-246jn2fkck]{text-align:center;color:var(--sch-muted);padding:18px!important}
.pill[b-246jn2fkck]{padding:3px 11px;border-radius:9999px;font-size:.7rem;font-weight:700}
.pill.assigned[b-246jn2fkck]{background:#dcfce7;color:#166534}
.pill.unassigned[b-246jn2fkck]{background:#fee2e2;color:#991b1b}

.sch-menu-overlay[b-246jn2fkck]{position:fixed;inset:0;z-index:60}
.sch-context-menu[b-246jn2fkck]{position:fixed;width:196px;padding:6px;border-radius:14px;background:#fff;border:1px solid var(--sch-border);box-shadow:var(--sch-shadow-lg);display:grid;animation:sch-pop-in-b-246jn2fkck .12s var(--sch-ease)}
.sch-context-menu button[b-246jn2fkck]{justify-content:flex-start;border:0;border-radius:9px}
.sch-context-menu button:hover[b-246jn2fkck]{background:#f3f4f6}

.sch-modal-overlay[b-246jn2fkck]{position:fixed;inset:0;z-index:70;display:grid;place-items:center;background:rgba(15,23,42,.28);backdrop-filter:blur(1px);animation:sch-fade-in-b-246jn2fkck .12s var(--sch-ease)}
.sch-modal[b-246jn2fkck]{width:480px;max-width:calc(100vw - 32px);padding:26px;border-radius:18px;background:#fff;border:1px solid #e5e7eb;box-shadow:var(--sch-shadow-lg);animation:sch-modal-in-b-246jn2fkck .15s var(--sch-ease)}
.sch-modal.small[b-246jn2fkck]{width:400px}
.sch-modal h3[b-246jn2fkck]{margin:0 0 4px;color:var(--sch-fg);font-size:1.2rem;font-weight:800;letter-spacing:-.01em}
.sch-modal-date[b-246jn2fkck]{margin:0 0 16px;color:var(--sch-muted);font-size:.85rem}
.sch-modal label[b-246jn2fkck]{display:grid;gap:6px;margin-top:12px;font-size:.73rem;font-weight:800;color:var(--sch-fg);text-transform:uppercase;letter-spacing:.03em}
.sch-modal input[b-246jn2fkck],.sch-modal select[b-246jn2fkck]{padding:9px 11px;border:1px solid var(--sch-border);border-radius:11px;font:inherit;font-size:.9rem;text-transform:none;letter-spacing:normal;transition:border-color .15s var(--sch-ease),box-shadow .15s var(--sch-ease)}
.sch-modal input:focus[b-246jn2fkck],.sch-modal select:focus[b-246jn2fkck]{outline:none;border-color:var(--sch-primary);box-shadow:0 0 0 3px rgba(60,131,246,.15)}
.sch-modal-row[b-246jn2fkck]{display:flex;gap:12px}
.sch-modal-row label[b-246jn2fkck]{flex:1}
.sch-hours-preview[b-246jn2fkck]{margin-top:12px;padding:10px 12px;border-radius:11px;background:#eff6ff;color:#1d4ed8;font-weight:700;font-size:.85rem}
.sch-hours-preview.error[b-246jn2fkck]{background:#fef2f2;color:#b91c1c;font-weight:600;font-size:.78rem}
.field-error[b-246jn2fkck]{color:#dc2626;font-size:.72rem}
.sch-modal-actions[b-246jn2fkck]{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}
.sch-modal-actions .spacer[b-246jn2fkck]{flex:1}
.sch-modal-actions button.danger.primary[b-246jn2fkck]{background:#dc2626;border-color:#dc2626;color:#fff}
.sch-modal-actions button.danger.primary:hover[b-246jn2fkck]{background:#b91c1c;border-color:#b91c1c}

@keyframes sch-fade-in-b-246jn2fkck{from{opacity:0}to{opacity:1}}
@keyframes sch-modal-in-b-246jn2fkck{from{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes sch-pop-in-b-246jn2fkck{from{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}

.sch-print-only[b-246jn2fkck]{display:none}
@media print{
    .sch-hero[b-246jn2fkck],.sch-tabbar[b-246jn2fkck],.sch-sidebar[b-246jn2fkck],.sch-hst-switch[b-246jn2fkck],.calendar-toolbar[b-246jn2fkck],.calendar-week[b-246jn2fkck],.calendar-grid[b-246jn2fkck],.month-note[b-246jn2fkck],.sch-summary[b-246jn2fkck],.sch-module[b-246jn2fkck]{display:none!important}
    .sch-print-only[b-246jn2fkck]{display:block}
    .print-header[b-246jn2fkck]{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid #1f2937;padding-bottom:8px;margin-bottom:10px}
    .print-header h2[b-246jn2fkck]{margin:0;font-size:24px}
    .print-header h3[b-246jn2fkck]{margin:0;font-size:18px;font-weight:600}
    .print-summary[b-246jn2fkck]{margin-bottom:10px;font-size:12px}
    .print-staff-list[b-246jn2fkck]{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
    .print-staff-list span[b-246jn2fkck]{display:flex;align-items:center;gap:4px}
    .print-staff-list i[b-246jn2fkck]{display:inline-block;width:8px;height:8px;border-radius:9999px}
    .print-week[b-246jn2fkck]{display:grid;grid-template-columns:repeat(7,1fr);background:#f3f4f6}
    .print-week span[b-246jn2fkck]{padding:4px;font-size:11px;font-weight:700;text-align:center;border:1px solid #9ca3af}
    .print-days[b-246jn2fkck]{display:grid;grid-template-columns:repeat(7,1fr)}
    .print-day[b-246jn2fkck]{min-height:80px;border:1px solid #9ca3af;padding:2px}
    .print-day strong[b-246jn2fkck]{font-size:12px}
    .print-day.outside strong[b-246jn2fkck]{color:#9ca3af}
    .print-shift[b-246jn2fkck]{margin-top:2px;padding-left:4px;border-left:2px solid #6b7280;font-size:9px}
    .print-shift b[b-246jn2fkck]{display:block}
    .print-notes[b-246jn2fkck]{margin-top:10px;padding:8px;border:1px solid #d1d5db;background:#f9fafb;border-radius:4px}
}

@media(max-width:1100px){
    .sch-body[b-246jn2fkck]{flex-direction:column}
    .sch-sidebar[b-246jn2fkck]{width:100%;border-right:0;border-bottom:1px solid var(--sch-border);border-radius:0}
    .sch-staff-list[b-246jn2fkck]{max-height:280px}
    .day[b-246jn2fkck]{min-height:95px}
}
@media(max-width:720px){
    .sch-page[b-246jn2fkck]{padding:18px 10px}
    .sch-hero[b-246jn2fkck]{display:grid}
    /* Natural-width buttons wrapped into a ragged 1/1/2 stack; an even two-column
       grid reads as one deliberate action bar on a phone. */
    .sch-hero-actions[b-246jn2fkck]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
    .sch-hero-actions button[b-246jn2fkck]{width:100%;justify-content:center;padding:0 10px;font-size:.8rem}
    .sch-hero-actions button.primary[b-246jn2fkck]{grid-column:1/-1}
    /* With no PDF button there are three secondary actions, so the third would sit
       alone beside a gap; span it instead. Five buttons fill both rows evenly. */
    .sch-hero-actions button:nth-child(3):nth-last-child(2)[b-246jn2fkck]{grid-column:1/-1}
    .calendar-toolbar[b-246jn2fkck]{display:grid}
    /* The month grid used to be pinned to 640px inside a ~336px column, so half of
       every week sat behind a scrollbar with no affordance. Fit all seven columns
       and compress the cells instead -- tapping a shift still opens full detail. */
    .calendar-grid[b-246jn2fkck],.calendar-week[b-246jn2fkck]{min-width:0}
    .sch-main[b-246jn2fkck]{padding:14px 10px;overflow-x:visible}
    .calendar-week[b-246jn2fkck]{font-size:.58rem;letter-spacing:.02em}
    .day[b-246jn2fkck]{min-height:76px;padding:5px 3px}
    .day header strong[b-246jn2fkck]{width:22px;height:22px;font-size:.68rem}
    .day header strong.today[b-246jn2fkck]{box-shadow:0 0 0 3px rgba(60,131,246,.16)}
    .day-copy-btn[b-246jn2fkck]{display:none}
    .day-copy-cancel[b-246jn2fkck],.day-paste-btn[b-246jn2fkck]{padding:2px 5px;font-size:.55rem;border-radius:6px}
    .day-shifts[b-246jn2fkck]{gap:3px;margin-top:4px;max-height:54px}
    .shift-chip[b-246jn2fkck]{padding:3px 5px!important;border-radius:6px!important;border-left-width:3px!important;font-size:.55rem}
    .shift-chip strong[b-246jn2fkck]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .shift-chip span[b-246jn2fkck]{display:none}
    .summary-tables[b-246jn2fkck]{flex-direction:column}
    .day[b-246jn2fkck]{min-height:90px}
}
/* /Components/Pages/PharmacyServiceRecords.razor.rz.scp.css */
.svr-page[b-pojhlna0lz]{max-width:1350px;margin:auto;padding:32px 24px 70px;color:#0b2e4f}.svr-back[b-pojhlna0lz]{color:#587086;text-decoration:none;font-weight:700}.svr-page>header[b-pojhlna0lz]{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:24px 0}.svr-page header small[b-pojhlna0lz]{text-transform:uppercase;letter-spacing:.14em;color:#0d4c9f;font-weight:900}.svr-page h1[b-pojhlna0lz]{margin:5px 0;font-size:2.3rem}.svr-page p[b-pojhlna0lz]{margin:0;color:#687c91}.svr-page header>a[b-pojhlna0lz]{background:#082f52;color:#fff;text-decoration:none;border-radius:11px;padding:13px 18px;font-weight:800}.svr-list[b-pojhlna0lz]{background:#fff;border:1px solid #d7e2ec;border-radius:18px;overflow:hidden;box-shadow:0 12px 32px #17375112}.svr-list>a[b-pojhlna0lz]{display:grid;grid-template-columns:54px 1fr auto auto;gap:16px;align-items:center;padding:17px 20px;border-bottom:1px solid #e5ebf1;color:#0b2e4f;text-decoration:none}.svr-list>a:last-child[b-pojhlna0lz]{border-bottom:0}.svr-list>a:hover[b-pojhlna0lz]{background:#f7fbfd}.svr-icon[b-pojhlna0lz]{width:48px;height:48px;border-radius:13px;background:#eaeff6;color:#0c438b;display:grid;place-items:center;font-weight:900;font-size:1.2rem}.svr-list div[b-pojhlna0lz]{display:grid;grid-template-columns:minmax(180px,.7fr) 1fr;align-items:center;gap:8px 20px}.svr-list small[b-pojhlna0lz]{grid-column:1/-1;color:#76869a}.svr-list em[b-pojhlna0lz]{font-style:normal;border-radius:99px;padding:6px 10px;font-size:.78rem;font-weight:800}.svr-list em.final[b-pojhlna0lz]{background:#e6f7ee;color:#13734b}.svr-list em.draft[b-pojhlna0lz]{background:#fff4df;color:#9b5c09}.svr-list i[b-pojhlna0lz]{font-style:normal;font-weight:800;color:#1573bd}.svr-empty[b-pojhlna0lz],.svr-error[b-pojhlna0lz]{padding:30px;border-radius:15px;background:#fff;border:1px solid #dae3ec}.svr-error[b-pojhlna0lz]{background:#fff1f1;color:#a12b2b}@media(max-width:700px){.svr-page[b-pojhlna0lz]{padding:18px 12px}.svr-page>header[b-pojhlna0lz]{align-items:stretch;flex-direction:column}.svr-page header>a[b-pojhlna0lz]{text-align:center}.svr-list>a[b-pojhlna0lz]{grid-template-columns:48px minmax(0, 1fr) auto}.svr-list div[b-pojhlna0lz]{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.svr-list i[b-pojhlna0lz]{display:none}.svr-list em[b-pojhlna0lz]{grid-column:3}}
/* /Components/Pages/PharmacyServicesHub.razor.rz.scp.css */
.svh-page[b-swodgo286p]{max-width:1500px;margin:auto;padding:34px 28px 70px;color:#0b2e4f}.svh-hero[b-swodgo286p]{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:38px;border-radius:24px;background:linear-gradient(120deg,#07182c,#0b2f52 58%,#146b46);color:#fff;box-shadow:0 18px 42px #0b2e4f24}.svh-hero[b-swodgo286p]:after{content:"";position:absolute;width:min(330px,55vw);height:min(330px,55vw);right:-110px;top:-190px;border:55px solid #ffffff15;border-radius:50%;pointer-events:none}.svh-eyebrow[b-swodgo286p]{text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:800;color:#6fe0a6}.svh-hero h1[b-swodgo286p]{font-size:clamp(2rem,4vw,3.4rem);margin:8px 0}.svh-hero p[b-swodgo286p]{margin:0;color:#cbd8e6;font-size:1.05rem}.svh-hero>a[b-swodgo286p]{position:relative;z-index:1;text-decoration:none;background:#fff;color:#0b2e4f;border-radius:12px;padding:14px 20px;font-weight:800;white-space:nowrap}.svh-grid[b-swodgo286p]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:26px}.svh-card[b-swodgo286p]{--accent:#1d5fc4;position:relative;min-height:235px;padding:24px;border-radius:20px;border:1px solid #d8e2ec;background:#fff;color:#0b2e4f;text-decoration:none;display:flex;flex-direction:column;gap:18px;box-shadow:0 10px 28px #183b5712;transition:transform .2s ease,box-shadow .2s ease,border-color .2s}.svh-card[b-swodgo286p]:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--accent);border-radius:20px 20px 0 0}.svh-card:hover[b-swodgo286p]{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 18px 35px #183b5725}.svh-icon[b-swodgo286p]{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:color-mix(in srgb,var(--accent) 12%,white);color:var(--accent);font-size:1.55rem;font-weight:900}.svh-card b[b-swodgo286p]{font-size:1.12rem}.svh-card p[b-swodgo286p]{color:#65788e;line-height:1.55;margin:8px 0 0}.svh-open[b-swodgo286p]{margin-top:auto;color:var(--accent);font-weight:800}.svh-medcheck[b-swodgo286p]{--accent:#137a49}.accent-orange[b-swodgo286p]{--accent:#d97706}.accent-green[b-swodgo286p]{--accent:#168552}.accent-teal[b-swodgo286p]{--accent:#1d5fc4}.accent-purple[b-swodgo286p]{--accent:#704523}.accent-navy[b-swodgo286p]{--accent:#0b2f52}.accent-blue[b-swodgo286p]{--accent:#1d5fc4}.accent-gray[b-swodgo286p]{--accent:#5d6b82}.accent-red[b-swodgo286p]{--accent:#8a5a32}.svh-state[b-swodgo286p],.svh-error[b-swodgo286p]{margin-top:24px;padding:24px;border-radius:14px;background:#fff}.svh-error[b-swodgo286p]{background:#fff1f1;color:#a12828}@media(max-width:1120px){.svh-grid[b-swodgo286p]{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(max-width:760px){.svh-page[b-swodgo286p]{padding:18px 14px 50px}.svh-hero[b-swodgo286p]{padding:26px 22px;align-items:flex-start;flex-direction:column}.svh-hero>a[b-swodgo286p]{width:100%;text-align:center}.svh-grid[b-swodgo286p]{grid-template-columns:minmax(0, 1fr)}.svh-card[b-swodgo286p]{min-height:190px}}
/* /Components/Pages/PharmacyServiceStart.razor.rz.scp.css */
.svs-page[b-9uy428xbdh]{max-width:1100px;margin:auto;padding:32px 24px 70px;color:#0b2e4f}.svs-back[b-9uy428xbdh]{display:inline-block;margin-bottom:18px;color:#536b82;text-decoration:none;font-weight:700}.svs-card[b-9uy428xbdh]{background:#fff;border:1px solid #d7e2ec;border-radius:22px;box-shadow:0 16px 42px #14344f16;overflow:hidden}.svs-card>header[b-9uy428xbdh]{display:flex;gap:18px;padding:30px;background:linear-gradient(105deg,#092f51,#0b356b);color:#fff}.svs-card>header>span[b-9uy428xbdh]{width:62px;height:62px;border-radius:18px;background:#ffffff18;display:grid;place-items:center;font-size:1.7rem;font-weight:900}.svs-card header small[b-9uy428xbdh]{text-transform:uppercase;letter-spacing:.15em;color:#7eace9;font-weight:800}.svs-card h1[b-9uy428xbdh]{margin:4px 0;font-size:2rem}.svs-card p[b-9uy428xbdh]{margin:0;color:#d5dfec}.svs-search[b-9uy428xbdh]{display:block;padding:28px 28px 12px}.svs-search span[b-9uy428xbdh]{display:block;font-weight:800;margin-bottom:8px}.svs-search input[b-9uy428xbdh]{width:100%;border:1px solid #cbd9e6;border-radius:12px;padding:14px 16px;font-size:1rem}.svs-results[b-9uy428xbdh]{padding:0 28px;display:grid;gap:8px}.svs-results button[b-9uy428xbdh]{display:grid;grid-template-columns:46px 1fr auto;gap:14px;align-items:center;text-align:left;border:1px solid #dae4ed;background:#fff;padding:12px;border-radius:12px;color:#0b2e4f}.svs-results button:hover[b-9uy428xbdh],.svs-results button.selected[b-9uy428xbdh]{border-color:#0d51a9;background:#eff4fb}.svs-results button>span[b-9uy428xbdh]{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#e8f3ff;color:#1769b2;font-weight:900}.svs-results b[b-9uy428xbdh]{display:flex;flex-direction:column}.svs-results small[b-9uy428xbdh]{font-weight:500;color:#708198;margin-top:3px}.svs-results i[b-9uy428xbdh]{font-style:normal;color:#0b438d;font-weight:800}.svs-status[b-9uy428xbdh],.svs-error[b-9uy428xbdh],.svs-selected[b-9uy428xbdh]{margin:8px 28px;padding:13px;border-radius:10px}.svs-status[b-9uy428xbdh]{background:#eff7ff;color:#315e86}.svs-error[b-9uy428xbdh]{background:#fff0f0;color:#a62c2c}.svs-selected[b-9uy428xbdh]{display:flex;gap:12px;align-items:center;background:#eaf9f5}.svs-selected button[b-9uy428xbdh]{margin-left:auto;border:0;background:transparent;color:#0a3875;font-weight:800}.svs-submit[b-9uy428xbdh]{margin:24px 28px 30px;width:calc(100% - 56px);border:0;border-radius:12px;background:#082f52;color:#fff;padding:15px;font-weight:800;font-size:1rem}.svs-submit:disabled[b-9uy428xbdh]{opacity:.48}@media(max-width:620px){.svs-page[b-9uy428xbdh]{padding:18px 12px 50px}.svs-card>header[b-9uy428xbdh]{padding:22px}.svs-search[b-9uy428xbdh]{padding:22px 18px 10px}.svs-results[b-9uy428xbdh]{padding:0 18px}.svs-status[b-9uy428xbdh],.svs-error[b-9uy428xbdh],.svs-selected[b-9uy428xbdh]{margin:8px 18px}.svs-submit[b-9uy428xbdh]{margin:20px 18px 24px;width:calc(100% - 36px)}.svs-results button[b-9uy428xbdh]{grid-template-columns:42px minmax(0, 1fr)}.svs-results i[b-9uy428xbdh]{display:none}}
/* /Components/Pages/PharmacyServiceWizard.razor.rz.scp.css */
.svw-page[b-sguh0de0tk]{max-width:1500px;margin:auto;padding:22px 24px 80px;color:#0b2e4f}.svw-patient[b-sguh0de0tk]{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:24px 28px;background:linear-gradient(110deg,#082f51,#0b3469 70%,#0b4fa9);border-radius:20px;color:#fff;box-shadow:0 14px 36px #12344e20}.svw-patient small[b-sguh0de0tk]{text-transform:uppercase;letter-spacing:.12em;color:#8db7ee;font-weight:900}.svw-patient h1[b-sguh0de0tk]{font-size:2rem;margin:4px 0}.svw-patient p[b-sguh0de0tk]{margin:0;color:#d6e1f0}.svw-header-actions[b-sguh0de0tk]{display:flex;gap:9px}.svw-header-actions a[b-sguh0de0tk]{padding:10px 13px;border-radius:10px;background:#ffffff18;border:1px solid #ffffff50;color:#fff;text-decoration:none;font-weight:800}.svw-steps[b-sguh0de0tk]{display:flex;gap:9px;overflow-x:auto;padding:18px 2px 12px;scrollbar-width:thin}.svw-steps button[b-sguh0de0tk]{flex:1 0 165px;display:flex;gap:10px;align-items:center;text-align:left;padding:12px;border:1px solid #d9e3ed;border-radius:13px;background:#f5f7fa;color:#6c7c90}.svw-steps button span[b-sguh0de0tk]{flex:none;width:31px;height:31px;border-radius:9px;background:#e8eef4;display:grid;place-items:center;font-weight:900}.svw-steps button.active[b-sguh0de0tk]{border-color:#2b73ef;background:#edf4ff;color:#175cd0;box-shadow:inset 0 -3px #2b73ef}.svw-steps button.active span[b-sguh0de0tk]{background:#2b6ee8;color:#fff}.svw-steps button.done[b-sguh0de0tk]{background:#edf9f4;color:#28715b}.svw-steps button.done span[b-sguh0de0tk]{background:#d8f4e7;color:#15825d}.svw-workspace[b-sguh0de0tk]{background:#fff;border:1px solid #d7e2ec;border-radius:20px;overflow:hidden;box-shadow:0 14px 36px #17375112}.svw-workspace>header[b-sguh0de0tk]{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 26px;background:#f8fbfd;border-bottom:1px solid #dae4ed}.svw-workspace>header>div[b-sguh0de0tk]{display:flex;gap:13px;align-items:center}.svw-workspace>header>div>span[b-sguh0de0tk]{width:43px;height:43px;border-radius:13px;background:#eaf3ff;color:#2169cf;font-weight:900;display:grid;place-items:center}.svw-workspace h2[b-sguh0de0tk]{margin:0 0 4px}.svw-workspace p[b-sguh0de0tk]{margin:0;color:#718196}.svw-workspace>header em[b-sguh0de0tk]{font-style:normal;background:#e7faf6;color:#073e87;padding:7px 11px;border-radius:99px;font-weight:800;font-size:.8rem}.svw-section[b-sguh0de0tk]{padding:24px 26px;border-bottom:1px solid #e2e9ef}.svw-section:last-child[b-sguh0de0tk]{border-bottom:0}.svw-section-title[b-sguh0de0tk]{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.svw-section-title h3[b-sguh0de0tk]{margin:0 0 4px}.svw-section-title label[b-sguh0de0tk]{display:flex;align-items:center;gap:8px;font-weight:700}.svw-section-title select[b-sguh0de0tk]{border:1px solid #ccd9e4;border-radius:8px;padding:8px;background:#fff}.svw-grid[b-sguh0de0tk]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.svw-field[b-sguh0de0tk]{display:flex;flex-direction:column;gap:7px;font-weight:800}.svw-field span i[b-sguh0de0tk],.svw-multi legend i[b-sguh0de0tk]{color:#d83434;margin-left:3px}.svw-field input[b-sguh0de0tk],.svw-field select[b-sguh0de0tk],.svw-field textarea[b-sguh0de0tk]{width:100%;border:1px solid #cbd8e4;border-radius:10px;padding:11px 12px;background:#fff;color:#14324d}.svw-field input:focus[b-sguh0de0tk],.svw-field select:focus[b-sguh0de0tk],.svw-field textarea:focus[b-sguh0de0tk]{outline:3px solid #2c78ed22;border-color:#2c78ed}.svw-field input[readonly][b-sguh0de0tk]{background:#f2f5f8;color:#556a7f}.svw-field textarea[b-sguh0de0tk]{min-height:110px;resize:vertical}.svw-field small[b-sguh0de0tk]{color:#718196;font-weight:500}.svw-field.wide[b-sguh0de0tk],.svw-multi[b-sguh0de0tk]{grid-column:1/-1}.svw-option[b-sguh0de0tk]{border:1px solid #d5e0e9;border-radius:11px;padding:13px;display:flex;align-items:flex-start;gap:10px;background:#fff}.svw-option.selected[b-sguh0de0tk]{border-color:#0a499c;background:#effbf8}.svw-option span[b-sguh0de0tk]{display:flex;flex-direction:column;font-weight:700}.svw-option small[b-sguh0de0tk]{font-weight:500;color:#73849a}.svw-multi[b-sguh0de0tk]{border:0;padding:0;margin:0}.svw-multi legend[b-sguh0de0tk]{font-weight:900}.svw-multi>p[b-sguh0de0tk]{margin:4px 0 12px}.svw-multi>div[b-sguh0de0tk]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.svw-multi label[b-sguh0de0tk]{display:flex;gap:9px;padding:12px;border:1px solid #d8e2eb;border-radius:10px}.svw-multi label.selected[b-sguh0de0tk]{border-color:#0a4ba0;background:#edf9f6}.svw-med-list[b-sguh0de0tk]{display:grid;gap:11px}.svw-med-list article[b-sguh0de0tk]{border:1px solid #d8e2eb;border-radius:13px;padding:14px;transition:border-color .16s,background .16s}.svw-med-list article.selected[b-sguh0de0tk]{border:2px solid #2c70e8;background:#f2f7ff}.svw-med-check[b-sguh0de0tk]{display:flex;gap:11px;align-items:flex-start}.svw-med-check>span[b-sguh0de0tk]{display:flex;flex-direction:column}.svw-med-check small[b-sguh0de0tk]{color:#718196;margin-top:3px}.svw-med-facts[b-sguh0de0tk]{display:grid;grid-template-columns:2fr 1.4fr repeat(4,.7fr);gap:10px;margin:12px 0 0 27px}.svw-med-facts span[b-sguh0de0tk]{font-size:.86rem;color:#425a71}.svw-med-facts b[b-sguh0de0tk]{display:block;text-transform:uppercase;font-size:.67rem;letter-spacing:.05em;color:#7a8a9c;margin-bottom:2px}.svw-med-edit[b-sguh0de0tk]{display:grid;grid-template-columns:250px 1fr;gap:12px;margin:13px 0 0 27px;padding-top:13px;border-top:1px solid #d5e2f1}.svw-med-edit label[b-sguh0de0tk]{font-size:.8rem;font-weight:800}.svw-med-edit input[b-sguh0de0tk],.svw-med-edit textarea[b-sguh0de0tk]{display:block;width:100%;margin-top:5px;border:1px solid #c9d6e5;border-radius:8px;padding:8px}.svw-med-edit textarea[b-sguh0de0tk]{min-height:55px}.svw-pagination[b-sguh0de0tk]{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:16px}.svw-pagination button[b-sguh0de0tk],.svw-document-actions button[b-sguh0de0tk]{border:1px solid #cbd8e4;background:#fff;color:#0b2e4f;padding:10px 14px;border-radius:9px;font-weight:800}.svw-pagination button:disabled[b-sguh0de0tk]{opacity:.4}.svw-add-medication[b-sguh0de0tk]{border:1px solid #18447d;background:#eaf0f9;color:#08346e;padding:10px 14px;border-radius:9px;font-weight:900}.svw-manual-list[b-sguh0de0tk]{display:grid;gap:14px}.svw-manual-list article[b-sguh0de0tk]{border:1px solid #d4e1eb;border-radius:13px;padding:16px;background:#fbfdff}.svw-manual-heading[b-sguh0de0tk]{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.svw-manual-heading button[b-sguh0de0tk]{border:1px solid #efc2c2;border-radius:8px;padding:7px 10px;background:#fff5f5;color:#ad2929;font-weight:800}.svw-document-actions[b-sguh0de0tk]{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.svw-document-actions button:first-child[b-sguh0de0tk]{background:#0b3355;color:#fff}.svw-document-actions button.finalize[b-sguh0de0tk]{margin-left:auto;background:#12875f;color:#fff;border-color:#12875f}.svw-document-actions button:disabled[b-sguh0de0tk]{opacity:.5}.svw-pdf[b-sguh0de0tk]{margin-top:18px;border:1px solid #ccd9e5;border-radius:13px;overflow:hidden}.svw-pdf header[b-sguh0de0tk]{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;background:#0b2f50;color:#fff}.svw-pdf header button[b-sguh0de0tk]{background:transparent;color:#fff;border:1px solid #ffffff55;border-radius:7px;padding:5px 9px}.svw-pdf iframe[b-sguh0de0tk]{width:100%;height:720px;border:0;background:#eef1f4}.svw-footer[b-sguh0de0tk]{position:sticky;bottom:12px;display:flex;align-items:center;gap:15px;margin-top:16px;padding:13px 16px;border:1px solid #d5e0ea;border-radius:14px;background:#f8fbfdf0;backdrop-filter:blur(10px);box-shadow:0 10px 28px #1539541e}.svw-footer span[b-sguh0de0tk]{margin:auto;color:#748399;font-size:.85rem}.svw-footer button[b-sguh0de0tk],.svw-footer a[b-sguh0de0tk]{border:1px solid #cbd8e4;background:#fff;color:#0b2e4f;border-radius:9px;padding:10px 15px;font-weight:800;text-decoration:none}.svw-footer .primary[b-sguh0de0tk],.svw-footer a[b-sguh0de0tk]{background:#0b3153;color:#fff;border-color:#0b3153}.svw-state[b-sguh0de0tk],.svw-error[b-sguh0de0tk],.svw-success[b-sguh0de0tk]{padding:22px;border-radius:13px;background:#fff}.svw-state.compact[b-sguh0de0tk]{background:#f5f8fb}.svw-error[b-sguh0de0tk]{background:#fff0f0;color:#a02929;border:1px solid #f2c7c7;margin-top:12px}.svw-success[b-sguh0de0tk]{background:#e8f8ef;color:#166841;border:1px solid #bfe8d1;margin-top:12px}@media(max-width:950px){.svw-grid[b-sguh0de0tk]{grid-template-columns:minmax(0, 1fr)}.svw-multi>div[b-sguh0de0tk]{grid-template-columns:repeat(2, minmax(0, 1fr))}.svw-med-facts[b-sguh0de0tk]{grid-template-columns:repeat(3, minmax(0, 1fr))}.svw-field.wide[b-sguh0de0tk],.svw-multi[b-sguh0de0tk]{grid-column:auto}.svw-med-edit[b-sguh0de0tk]{grid-template-columns:minmax(0, 1fr)}}@media(max-width:620px){.svw-page[b-sguh0de0tk]{padding:12px 9px 65px}.svw-patient[b-sguh0de0tk]{padding:19px;align-items:flex-start;flex-direction:column}.svw-patient h1[b-sguh0de0tk]{font-size:1.55rem}.svw-header-actions[b-sguh0de0tk]{width:100%;display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)}.svw-header-actions a[b-sguh0de0tk]{text-align:center;font-size:.78rem}.svw-steps button[b-sguh0de0tk]{flex-basis:135px}.svw-workspace>header[b-sguh0de0tk],.svw-section[b-sguh0de0tk]{padding:18px 14px}.svw-workspace>header em[b-sguh0de0tk]{display:none}.svw-section-title[b-sguh0de0tk]{align-items:flex-start;flex-direction:column}.svw-multi>div[b-sguh0de0tk]{grid-template-columns:minmax(0, 1fr)}.svw-med-facts[b-sguh0de0tk]{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);margin-left:0}.svw-med-edit[b-sguh0de0tk]{margin-left:0}.svw-pagination span[b-sguh0de0tk]{font-size:.75rem;text-align:center}.svw-document-actions[b-sguh0de0tk]{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)}.svw-document-actions button.finalize[b-sguh0de0tk]{margin:0}.svw-pdf iframe[b-sguh0de0tk]{height:520px}.svw-footer[b-sguh0de0tk]{bottom:6px}.svw-footer span[b-sguh0de0tk]{display:none}.svw-footer button[b-sguh0de0tk],.svw-footer a[b-sguh0de0tk]{flex:1;text-align:center}}
.svw-guidance[b-sguh0de0tk]{display:flex;gap:12px;align-items:flex-start;margin:-3px 0 17px;padding:13px 15px;border:1px solid #b9d8ef;border-left:4px solid #2176c7;border-radius:10px;background:#f0f8ff;color:#244d70}.svw-guidance b[b-sguh0de0tk]{white-space:nowrap}.svw-guidance span[b-sguh0de0tk]{line-height:1.45}
/* /Components/Pages/PharmaValue.razor.rz.scp.css */
/* Design tokens -- one blue (primary actions / neutral data), one green (positive:
   revenue, profit, success), one orange (costs, warnings, secondary accent), and
   brown reserved for rare emphasis (caution / secondary-emphasis text only).
   Every colored value in this file should resolve through one of these, or the
   neutral gray scale below -- no one-off hex values. */
.value-page[b-7zk4da380r]{
    --color-blue-600:214 82% 51%;--color-blue-700:214 74% 38%;--color-blue-100:214 85% 95%;
    --color-green-600:142 71% 45%;--color-green-700:142 65% 32%;--color-green-100:142 55% 95%;
    --color-orange-500:25 95% 53%;--color-orange-700:21 88% 38%;--color-orange-100:34 100% 95%;
    --color-brown-700:40 81% 25%;--color-brown-100:45 100% 94%;
    --color-gray-900:210 41% 17%;--color-gray-600:213 19% 45%;--color-gray-200:214 25% 89%;
    --color-gray-100:212 67% 98%;--color-gray-50:216 25% 96%;--color-white:0 0% 100%;

    --navy:hsl(var(--color-gray-900));--ink:hsl(var(--color-gray-900));--muted:hsl(var(--color-gray-600));--line:hsl(var(--color-gray-200));
    --pv-shadow-sm:0 1px 2px rgba(15,23,42,.05);--pv-shadow-md:0 4px 14px rgba(15,23,42,.07);--pv-shadow-lg:0 12px 32px hsl(var(--color-blue-600)/.14);--pv-ease:cubic-bezier(.4,0,.2,1);
    max-width:1500px;margin:0 auto;padding:28px;color:var(--ink);background:hsl(var(--color-gray-50))
}
.value-page button[b-7zk4da380r]{padding:9px 12px;border:1px solid var(--line);border-radius:9999px;background:hsl(var(--color-white));color:var(--navy);font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background-color .15s var(--pv-ease),border-color .15s var(--pv-ease),box-shadow .15s var(--pv-ease),transform .1s var(--pv-ease)}
.value-page button:hover[b-7zk4da380r]{border-color:hsl(var(--color-blue-600)/.4);box-shadow:var(--pv-shadow-sm)}
.value-page button:active[b-7zk4da380r]{transform:translateY(1px)}
.value-page button:focus-visible[b-7zk4da380r]{outline:2px solid hsl(var(--color-blue-600));outline-offset:2px}
.value-page button.primary[b-7zk4da380r]{border-color:hsl(var(--color-blue-600));background:hsl(var(--color-blue-600));color:#fff;box-shadow:var(--pv-shadow-sm)}
.value-page button.primary:hover[b-7zk4da380r]{background:hsl(var(--color-blue-700));box-shadow:var(--pv-shadow-md)}
.value-page button.danger[b-7zk4da380r]{color:hsl(var(--color-orange-700))}
.value-page button.danger:hover[b-7zk4da380r]{background:hsl(var(--color-orange-100));border-color:hsl(var(--color-orange-500)/.4)}
.value-page button:disabled[b-7zk4da380r]{opacity:1;cursor:not-allowed;transform:none;background:hsl(var(--color-gray-100))!important;border-color:var(--line)!important;color:hsl(var(--color-gray-600))!important;box-shadow:none!important}
.value-hero[b-7zk4da380r],.list-head[b-7zk4da380r],.result-head[b-7zk4da380r]{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.value-hero[b-7zk4da380r]{margin-bottom:14px}
.value-hero>div:last-child[b-7zk4da380r],.result-actions[b-7zk4da380r],.report-actions[b-7zk4da380r]{display:flex;gap:8px;flex-wrap:wrap}
.value-hero span[b-7zk4da380r]{color:hsl(var(--color-blue-600));font-size:.69rem;font-weight:900;letter-spacing:.12em}
.value-hero h1[b-7zk4da380r]{margin:4px 0;color:var(--navy);font-size:2.25rem;font-weight:800;background:linear-gradient(135deg,hsl(var(--color-blue-700)),hsl(var(--color-blue-600)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.value-hero p[b-7zk4da380r]{margin:0;color:var(--muted)}
.privacy-banner[b-7zk4da380r]{display:flex;gap:10px;margin-bottom:18px;padding:12px 15px;border:1px solid hsl(var(--color-blue-600)/.25);border-radius:16px;background:hsl(var(--color-blue-100));color:hsl(var(--color-blue-700));font-size:.82rem}
.privacy-banner span[b-7zk4da380r]{color:var(--muted)}
.value-shell[b-7zk4da380r]{display:grid;grid-template-columns:280px 1fr;gap:16px;align-items:start}
.value-list[b-7zk4da380r],.value-card[b-7zk4da380r]{border:1px solid var(--line);border-radius:32px;background:hsl(var(--color-white));box-shadow:var(--pv-shadow-sm)}
.value-list[b-7zk4da380r]{position:sticky;top:85px;overflow:hidden;border-radius:24px}
.list-head[b-7zk4da380r]{align-items:center;padding:15px;border-bottom:1px solid var(--line)}
.list-head h2[b-7zk4da380r]{margin:0;color:var(--navy)}
.value-row[b-7zk4da380r]{display:grid!important;width:100%;gap:4px;padding:14px 15px!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;text-align:left;transition:background-color .15s var(--pv-ease)}
.value-row:hover[b-7zk4da380r]{background:hsl(var(--color-gray-50)/.6)!important}
.value-row.active[b-7zk4da380r]{border-left:4px solid hsl(var(--color-blue-600))!important;padding-left:11px!important;background:hsl(var(--color-blue-100))!important}
.value-row span[b-7zk4da380r]{color:hsl(var(--color-blue-700));font-size:1rem;font-weight:900;font-variant-numeric:tabular-nums}
.value-row small[b-7zk4da380r]{color:var(--muted)}
.empty[b-7zk4da380r]{padding:26px 16px;color:var(--muted);text-align:center}
.value-shell main[b-7zk4da380r]{min-width:0}

.value-tabs-wrap[b-7zk4da380r]{position:relative;display:flex;align-items:center;gap:6px;margin-bottom:4px}
.value-tabs-scroll[b-7zk4da380r]{border:0;background:hsl(var(--color-white));border:1px solid var(--line);border-radius:9999px;width:32px;height:32px;padding:0;flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:var(--muted);box-shadow:var(--pv-shadow-sm)}
.value-tabs-scroll:hover[b-7zk4da380r]{color:var(--navy)}
.value-tabs[b-7zk4da380r]{display:flex;gap:2px;overflow-x:auto;padding:6px;border:1px solid var(--line);border-radius:9999px;background:hsl(var(--color-white));box-shadow:var(--pv-shadow-sm);scrollbar-width:none;-ms-overflow-style:none;flex:1;min-width:0;mask-image:linear-gradient(to right,transparent,black 14px,black calc(100% - 14px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 14px,black calc(100% - 14px),transparent)}
.value-tabs[b-7zk4da380r]::-webkit-scrollbar{display:none}
.value-tabs button[b-7zk4da380r]{white-space:nowrap;border:0;border-bottom:3px solid transparent;border-radius:9999px;padding:8px 11px;color:var(--muted);font-weight:600;font-size:.86rem;transition:background-color .15s var(--pv-ease),color .15s var(--pv-ease),border-color .15s var(--pv-ease)}
.value-tabs button:hover[b-7zk4da380r]{color:var(--navy);box-shadow:none}
.value-tabs button.active[b-7zk4da380r]{background:hsl(var(--color-blue-100));color:hsl(var(--color-blue-700));border-bottom-color:hsl(var(--color-blue-600))}
.value-step[b-7zk4da380r]{display:none;margin-bottom:12px;padding:0 4px;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.value-navbtns[b-7zk4da380r]{display:flex;justify-content:space-between;gap:12px;margin-top:14px}
.value-navbtns button[b-7zk4da380r]{border-radius:9999px;padding:11px 22px;box-shadow:0 4px 12px hsl(var(--color-blue-600)/.2)}
.value-navbtns button:not(.primary)[b-7zk4da380r]{box-shadow:none}
.value-card[b-7zk4da380r]{padding:20px 24px;margin-bottom:13px;transition:box-shadow .2s var(--pv-ease)}
.report-card[b-7zk4da380r]{border-top:5px solid hsl(var(--color-blue-600))}
.section-title span[b-7zk4da380r],.result-head>div>span[b-7zk4da380r]{color:hsl(var(--color-blue-600));font-size:.68rem;font-weight:900;letter-spacing:.11em}
.section-title h2[b-7zk4da380r],.result-head h2[b-7zk4da380r]{margin:4px 0;color:var(--navy)}
.section-title p[b-7zk4da380r],.result-head p[b-7zk4da380r]{margin:0;color:var(--muted)}
.value-card h3[b-7zk4da380r]{margin:23px 0 9px;color:var(--navy);font-size:.9rem}
.fields[b-7zk4da380r],.money-grid[b-7zk4da380r]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:17px}
.fields.four[b-7zk4da380r],.money-grid[b-7zk4da380r]{grid-template-columns:repeat(4,minmax(0,1fr))}
.fields.three[b-7zk4da380r]{grid-template-columns:repeat(3,minmax(0,1fr))}
.fields label[b-7zk4da380r],.money-grid[b-7zk4da380r] >label,.result-head>label[b-7zk4da380r]{display:grid;gap:5px;color:var(--navy);font-size:.73rem;font-weight:800}
.fields .wide[b-7zk4da380r]{grid-column:1/-1}
.fields .check[b-7zk4da380r]{display:flex;flex-direction:row;align-items:center;gap:8px}
.fields .check input[type=checkbox][b-7zk4da380r]{flex:0 0 auto;width:18px;height:18px;margin:0;accent-color:hsl(var(--color-blue-600))}
.fields input:not([type=checkbox])[b-7zk4da380r],.fields select[b-7zk4da380r],.result-head input[b-7zk4da380r],.money-grid[b-7zk4da380r]  input,.unit-grid[b-7zk4da380r]  input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:hsl(var(--color-white));color:var(--ink);font:inherit;font-variant-numeric:tabular-nums}
.fields input:focus[b-7zk4da380r],.fields select:focus[b-7zk4da380r],.result-head input:focus[b-7zk4da380r],.money-grid[b-7zk4da380r]  input:focus,.unit-grid[b-7zk4da380r]  input:focus{outline:none;border-color:hsl(var(--color-blue-600));box-shadow:0 0 0 3px hsl(var(--color-blue-600)/.15)}
.fields input[readonly][b-7zk4da380r]{background:hsl(var(--color-gray-100));color:var(--muted);font-variant-numeric:tabular-nums}
.money-grid[b-7zk4da380r]  .money-input,.fields[b-7zk4da380r]  .money-input{display:grid;grid-template-columns:30px 1fr;align-items:center;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.money-grid[b-7zk4da380r]  .money-input b,.fields[b-7zk4da380r]  .money-input b{height:100%;display:grid;place-items:center;background:hsl(var(--color-gray-100));color:var(--muted);font-weight:700}
.money-grid[b-7zk4da380r]  .money-input input,.fields[b-7zk4da380r]  .money-input input{border:0;border-radius:0;text-align:right}
.unit-grid[b-7zk4da380r],.fields[b-7zk4da380r]{--unit-chip-w:52px}
.unit-grid[b-7zk4da380r]  .unit-input,.fields[b-7zk4da380r]  .unit-input{display:grid;grid-template-columns:1fr var(--unit-chip-w);align-items:center;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.unit-grid[b-7zk4da380r]  .unit-input input,.fields[b-7zk4da380r]  .unit-input input{border:0;border-radius:0;text-align:right}
.unit-grid[b-7zk4da380r]  .unit-input b,.fields[b-7zk4da380r]  .unit-input b{height:100%;display:grid;place-items:center;background:hsl(var(--color-gray-100));color:var(--muted);font-weight:700;font-size:.72rem;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px}
.result-card[b-7zk4da380r]{border-top:5px solid hsl(var(--color-blue-600))}
.result-head[b-7zk4da380r]{align-items:center}
.result-head h2[b-7zk4da380r]{font-size:2rem}
.result-head>label[b-7zk4da380r]{width:210px}
.result-grid[b-7zk4da380r]{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}
.result-grid article[b-7zk4da380r]{padding:12px;border-radius:16px;background:hsl(var(--color-gray-100))}
.result-grid span[b-7zk4da380r]{display:block;color:var(--muted);font-size:.7rem}
.result-grid strong[b-7zk4da380r]{display:block;margin-top:3px;color:var(--navy);font-size:1.05rem;font-variant-numeric:tabular-nums}
.warnings[b-7zk4da380r]{margin-top:14px;padding:13px 15px;border-radius:16px;background:hsl(var(--color-brown-100));color:hsl(var(--color-brown-700))}
.warnings ul[b-7zk4da380r]{margin:7px 0 0;padding-left:20px}
.result-actions[b-7zk4da380r]{flex-wrap:wrap;margin-top:17px}
.disclaimer[b-7zk4da380r]{margin:16px 0 0;padding-top:13px;border-top:1px solid var(--line);color:var(--muted);font-size:.75rem;line-height:1.5}

/* Report tab stat-card row: one consistent card spec, color mapped to meaning --
   green = positive (revenue, profit), orange = cost (expenses), blue = neutral/
   structural (multiple) and the final hero number (business value). */
.kpi-grid[b-7zk4da380r]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:6px}
.kpi-card[b-7zk4da380r]{padding:14px;border-radius:20px;border:1px solid var(--tint-border);background:var(--tint-bg);display:grid;gap:4px;box-shadow:var(--pv-shadow-sm);transition:box-shadow .2s var(--pv-ease),transform .2s var(--pv-ease)}
.kpi-card:hover[b-7zk4da380r]{box-shadow:var(--pv-shadow-md);transform:translateY(-1px)}
.kpi-card .mud-icon-root[b-7zk4da380r]{color:var(--tint-fg)}
.kpi-card span[b-7zk4da380r]{color:var(--muted);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.kpi-card strong[b-7zk4da380r]{font-size:1.15rem;color:var(--tint-fg);font-variant-numeric:tabular-nums}
.kpi-card.revenue[b-7zk4da380r],.kpi-card.profit[b-7zk4da380r]{--tint-border:hsl(var(--color-green-600)/.35);--tint-bg:hsl(var(--color-green-600)/.08);--tint-fg:hsl(var(--color-green-700))}
.kpi-card.expenses[b-7zk4da380r]{--tint-border:hsl(var(--color-orange-500)/.35);--tint-bg:hsl(var(--color-orange-500)/.08);--tint-fg:hsl(var(--color-orange-700))}
.kpi-card.multiple[b-7zk4da380r]{--tint-border:hsl(var(--color-blue-600)/.35);--tint-bg:hsl(var(--color-blue-600)/.08);--tint-fg:hsl(var(--color-blue-700))}
.kpi-card.value[b-7zk4da380r]{--tint-border:hsl(var(--color-blue-600)/.4);--tint-bg:hsl(var(--color-blue-600)/.12);--tint-fg:hsl(var(--color-blue-700))}
.kpi-card.value strong[b-7zk4da380r]{font-size:1.35rem}

.multiple-panel[b-7zk4da380r]{margin-top:18px;padding:18px;border-radius:20px;border:1px solid var(--line);background:hsl(var(--color-gray-50)/.6)}
.multiple-panel h3[b-7zk4da380r]{margin:0 0 12px;display:flex;align-items:center;gap:6px;color:var(--navy);font-size:.9rem}
.multiple-pills[b-7zk4da380r]{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.multiple-pills button[b-7zk4da380r]{border-radius:9999px;padding:8px 16px;min-width:44px;justify-content:center;font-variant-numeric:tabular-nums}
.multiple-pills button.active[b-7zk4da380r]{background:hsl(var(--color-blue-600));border-color:hsl(var(--color-blue-600));color:#fff;box-shadow:0 4px 12px hsl(var(--color-blue-600)/.25);transform:scale(1.05)}
.custom-multiple[b-7zk4da380r]{display:flex;align-items:center;gap:6px;color:var(--navy);font-size:.8rem;font-weight:700}
.custom-multiple input[b-7zk4da380r]{width:90px;padding:8px 10px;border:1px solid var(--line);border-radius:9999px;font:inherit;text-align:right;font-variant-numeric:tabular-nums;transition:border-color .15s var(--pv-ease),box-shadow .15s var(--pv-ease)}
.custom-multiple input:focus[b-7zk4da380r]{outline:none;border-color:hsl(var(--color-blue-600));box-shadow:0 0 0 3px hsl(var(--color-blue-600)/.15)}

.report-grid[b-7zk4da380r]{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px;margin-top:20px;align-items:start}
.report-col[b-7zk4da380r]{display:flex;flex-direction:column;gap:16px}
.financial-table[b-7zk4da380r]{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--pv-shadow-sm)}
.financial-table caption[b-7zk4da380r]{caption-side:top;text-align:left;padding:10px 12px;font-weight:800;color:var(--navy);background:hsl(var(--color-gray-100));border-bottom:1px solid var(--line)}
.financial-table td[b-7zk4da380r]{padding:8px 12px;border-bottom:1px solid var(--line);font-size:.85rem;color:var(--ink)}
.financial-table td:last-child[b-7zk4da380r]{text-align:right;font-variant-numeric:tabular-nums}
.financial-table tr:last-child td[b-7zk4da380r]{border-bottom:0}
.financial-table .total-row td[b-7zk4da380r]{font-weight:800;background:hsl(var(--color-gray-100))}
.expenses-table[b-7zk4da380r]{height:100%}
.summary-col[b-7zk4da380r]{gap:16px}
.calc-summary[b-7zk4da380r]{padding:16px;border-radius:20px;border:1px solid var(--line);background:hsl(var(--color-gray-100));box-shadow:var(--pv-shadow-sm)}
.calc-summary h3[b-7zk4da380r]{margin:0 0 10px;font-size:.9rem;color:var(--navy)}
.calc-summary .row[b-7zk4da380r]{display:flex;justify-content:space-between;padding:6px 0;font-size:.85rem}
.calc-summary .row strong[b-7zk4da380r]{font-variant-numeric:tabular-nums}
.calc-summary .row.negative strong[b-7zk4da380r]{color:hsl(var(--color-orange-700))}
.calc-summary .divider[b-7zk4da380r]{height:1px;background:var(--line);margin:6px 0}
.calc-summary .row.positive strong[b-7zk4da380r]{color:hsl(var(--color-green-700));font-size:1rem}
.calc-summary .applied-multiple[b-7zk4da380r]{margin:8px 0;padding:8px 10px;border:1px dashed var(--line);border-radius:12px;font-size:.8rem;color:var(--muted);display:flex;justify-content:space-between}
.calc-summary .row.business-value[b-7zk4da380r]{padding:10px 12px;border-radius:14px;background:hsl(var(--color-blue-600)/.1);border:1px solid hsl(var(--color-blue-600)/.3)}
.calc-summary .row.business-value strong[b-7zk4da380r]{color:hsl(var(--color-blue-700));font-size:1.1rem}
.calc-summary .row.total-indicated[b-7zk4da380r]{margin-top:4px;padding-top:10px;border-top:1px solid var(--line);font-weight:800}
.methodology-note[b-7zk4da380r]{display:flex;gap:8px;padding:12px 14px;border-radius:16px;background:hsl(var(--color-blue-100));color:hsl(var(--color-blue-700));font-size:.78rem;line-height:1.5}
.methodology-note p[b-7zk4da380r]{margin:0}

@media(max-width:1150px){
    .value-shell[b-7zk4da380r]{grid-template-columns:minmax(0, 1fr)}
    .value-list[b-7zk4da380r]{position:static;max-height:280px;overflow:auto}
    .fields.four[b-7zk4da380r],.fields.three[b-7zk4da380r],.money-grid[b-7zk4da380r]{grid-template-columns:repeat(2, minmax(0, 1fr))}
    .kpi-grid[b-7zk4da380r]{grid-template-columns:repeat(3, minmax(0, 1fr))}
    .report-grid[b-7zk4da380r]{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)}
}
@media(max-width:767px){
    /* `.value-page button` (0,1,1) outranked a bare `.value-tabs-scroll` (0,1,0),
       so these arrows were never actually hidden on phones. */
    .value-page .value-tabs-scroll[b-7zk4da380r]{display:none}
    /* 9 sections cannot sit in one row on a phone; the masked scroller hid six of
       them behind an invisible scrollbar. Wrap them into a tappable grid instead. */
    .value-tabs-wrap[b-7zk4da380r]{display:block}
    .value-tabs[b-7zk4da380r]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible;padding:8px;border-radius:16px;mask-image:none;-webkit-mask-image:none}
    .value-tabs button[b-7zk4da380r]{flex-direction:column;justify-content:center;gap:5px;padding:9px 4px;min-height:62px;white-space:normal;text-align:center;line-height:1.15;font-size:.68rem;border-radius:11px;border:1px solid transparent;background:hsl(var(--color-gray-50))}
    .value-tabs button.active[b-7zk4da380r]{border-color:hsl(var(--color-blue-600)/.45);box-shadow:0 2px 8px hsl(var(--color-blue-600)/.16)}
    .value-step[b-7zk4da380r]{display:block}
    .value-navbtns[b-7zk4da380r]{flex-direction:column-reverse}
    .value-navbtns button[b-7zk4da380r]{width:100%;justify-content:center}
    .kpi-grid[b-7zk4da380r]{grid-template-columns:repeat(2, minmax(0, 1fr))}
    .report-grid[b-7zk4da380r]{grid-template-columns:minmax(0, 1fr)}
}
@media(max-width:680px){
    .value-page[b-7zk4da380r]{padding:18px 11px}
    .value-hero[b-7zk4da380r],.result-head[b-7zk4da380r]{display:grid}
    .value-hero>div:last-child[b-7zk4da380r]{flex-wrap:wrap}
    .privacy-banner[b-7zk4da380r]{display:grid}
    .fields[b-7zk4da380r],.fields.four[b-7zk4da380r],.fields.three[b-7zk4da380r],.money-grid[b-7zk4da380r],.result-grid[b-7zk4da380r],.kpi-grid[b-7zk4da380r]{grid-template-columns:minmax(0, 1fr)}
    .fields .wide[b-7zk4da380r]{grid-column:auto}
    .result-head>label[b-7zk4da380r]{width:auto}
    .value-card[b-7zk4da380r]{padding:15px}
}
@media print{
    .value-hero[b-7zk4da380r],.privacy-banner[b-7zk4da380r],.value-list[b-7zk4da380r],.value-tabs-wrap[b-7zk4da380r],.value-step[b-7zk4da380r],.value-navbtns[b-7zk4da380r],.report-actions[b-7zk4da380r],.multiple-panel[b-7zk4da380r]{display:none!important}
    .value-shell[b-7zk4da380r]{display:block}
    .value-card[b-7zk4da380r]{border:0;padding:0}
}
/* /Components/Pages/PlatformIdentityEditor.razor.rz.scp.css */
.email-delivery-redesign[b-2whpvi8s28] { max-width: 1600px; margin: 0 auto; padding: .5rem; }
.email-delivery-redesign[b-2whpvi8s28]  h4 { color: var(--ink-900); font-size: 2.25rem; font-weight: 750; }
.email-delivery-redesign[b-2whpvi8s28]  .mud-paper { border: 1px solid var(--ink-100); border-radius: 16px; box-shadow: 0 10px 30px rgba(15, 43, 68, .06); }
.email-delivery-redesign[b-2whpvi8s28]  textarea { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .83rem; }
.email-delivery-redesign[b-2whpvi8s28]  iframe { background: var(--ink-100); border-radius: 12px; }

.identity-page[b-2whpvi8s28] {
    width: min(100%, 1320px);
    margin: 0 auto;
    padding: .5rem .35rem 2rem;
    color: var(--ink-700);
}

.identity-hero[b-2whpvi8s28] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin-bottom: 1.25rem;
    padding: 26px 30px;
    border-radius: 18px;
    background: linear-gradient(135deg, var(--blue-900) 0%, #071a30 100%);
    box-shadow: 0 14px 32px -16px rgba(8, 33, 56, .5);
}

.identity-eyebrow[b-2whpvi8s28] {
    display: inline-flex;
    align-items: center;
    margin: 0 0 .5rem;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .12);
    color: var(--orange-500);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.identity-hero h1[b-2whpvi8s28] {
    margin: 0;
    color: #fff;
    font-size: clamp(1.9rem, 3vw, 2.65rem);
    font-weight: 800;
    letter-spacing: -.035em;
}

.identity-hero p:not(.identity-eyebrow)[b-2whpvi8s28] {
    max-width: 760px;
    margin: .5rem 0 0;
    color: #c8d6e6;
    font-size: 1rem;
    line-height: 1.6;
}

.identity-hero[b-2whpvi8s28]  .mud-button-root {
    transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
}

.identity-hero[b-2whpvi8s28]  .mud-button-outlined {
    border-color: rgba(255, 255, 255, .28) !important;
    color: #fff !important;
    background-color: rgba(255, 255, 255, .08) !important;
}

.identity-hero[b-2whpvi8s28]  .mud-button-outlined:hover {
    background-color: rgba(255, 255, 255, .18) !important;
}

.identity-secure-note[b-2whpvi8s28] {
    display: flex;
    align-items: flex-start;
    gap: .85rem;
    margin-bottom: 1.35rem;
    padding: 1rem 1.15rem;
    color: var(--green-700);
    background: var(--green-100);
    border: 1px solid transparent;
    border-left: 3px solid var(--green-700);
    border-radius: 14px;
}

.identity-secure-note[b-2whpvi8s28]  .mud-icon-root { color: var(--green-700); }
.identity-secure-note div[b-2whpvi8s28] { display: grid; gap: .18rem; }
.identity-secure-note strong[b-2whpvi8s28] { color: var(--green-700); }
.identity-secure-note span[b-2whpvi8s28] { font-size: .88rem; line-height: 1.45; color: var(--ink-700); }

.identity-layout[b-2whpvi8s28] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 365px;
    align-items: start;
    gap: 1.35rem;
}

.identity-form-column[b-2whpvi8s28] { display: grid; gap: 1rem; min-width: 0; }

.identity-card[b-2whpvi8s28],
.identity-preview-card[b-2whpvi8s28] {
    background: var(--white, #fff);
    border: 1px solid var(--ink-300);
    border-radius: 16px;
    box-shadow: 0 1px 2px rgba(17, 24, 39, .04), 0 8px 20px rgba(17, 24, 39, .05);
}

.identity-card[b-2whpvi8s28] { padding: 1.25rem; }

.identity-card-heading[b-2whpvi8s28] {
    display: flex;
    align-items: flex-start;
    gap: .85rem;
    margin-bottom: 1.15rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--ink-100);
}

.identity-card-icon[b-2whpvi8s28] {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: grid;
    place-items: center;
    color: var(--blue-600);
    background: var(--blue-50);
    border-radius: 10px;
}

.identity-card-icon.teal[b-2whpvi8s28] { color: var(--teal-600); background: var(--teal-50); }
.identity-card-icon.slate[b-2whpvi8s28] { color: var(--ink-700); background: var(--ink-100); }
.identity-card-icon.amber[b-2whpvi8s28] { color: var(--orange-600); background: var(--orange-50); }

.identity-card-heading h2[b-2whpvi8s28] {
    margin: 0;
    color: var(--ink-900);
    font-size: 1.08rem;
    font-weight: 780;
}

.identity-card-heading p[b-2whpvi8s28] {
    margin: .2rem 0 0;
    color: var(--ink-500);
    font-size: .83rem;
}

.identity-fields[b-2whpvi8s28] { display: grid; gap: .75rem 1rem; }
.identity-fields.two-columns[b-2whpvi8s28] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.identity-fields .full-width[b-2whpvi8s28] { grid-column: 1 / -1; }
.identity-card[b-2whpvi8s28]  .mud-input-control { margin-top: 0; }
.identity-card[b-2whpvi8s28]  .mud-input-outlined-border { border-color: var(--ink-300); transition: border-color 150ms ease, box-shadow 150ms ease; }
.identity-card[b-2whpvi8s28]  .mud-input-outlined.mud-focused .mud-input-outlined-border {
    border-color: var(--blue-600) !important;
    border-width: 2px !important;
    box-shadow: 0 0 0 3px var(--blue-100);
}
.identity-card[b-2whpvi8s28]  .mud-input-underline:after { border-color: var(--blue-600) !important; }
.identity-card[b-2whpvi8s28]  .mud-input:hover:not(.mud-disabled) .mud-input-outlined-border { border-color: var(--blue-500); }

.identity-upload-grid[b-2whpvi8s28] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}

.identity-upload-tile[b-2whpvi8s28] {
    min-width: 0;
    padding: 1rem;
    text-align: center;
    background: var(--ink-100);
    border: 1px dashed var(--ink-300);
    border-radius: 10px;
    transition: border-color 150ms ease;
}

.identity-upload-tile:hover[b-2whpvi8s28] { border-color: var(--blue-500); }
.identity-upload-tile.social-upload-tile[b-2whpvi8s28] { grid-column: 1 / -1; }
.identity-upload-tile h3[b-2whpvi8s28] { margin: .7rem 0 .2rem; color: var(--ink-900); font-size: .94rem; }
.identity-upload-tile p[b-2whpvi8s28] { min-height: 2.4rem; margin: 0 0 .75rem; color: var(--ink-500); font-size: .76rem; line-height: 1.45; }

.asset-preview[b-2whpvi8s28] {
    width: 100%;
    height: 72px;
    display: grid;
    place-items: center;
    overflow: hidden;
    color: var(--ink-500);
    background: transparent;
    border: 1px solid var(--ink-100);
    border-radius: 10px;
}

.asset-preview img[b-2whpvi8s28] { max-width: 90%; max-height: 58px; object-fit: contain; }
.asset-preview.favicon-preview[b-2whpvi8s28] { width: 72px; margin-inline: auto; }
.asset-preview.favicon-preview img[b-2whpvi8s28] { width: 42px; height: 42px; }
.asset-preview.favicon-preview span[b-2whpvi8s28],
.browser-fallback-icon[b-2whpvi8s28] { display: grid; place-items: center; color: #fff; background: var(--green-600); font-weight: 800; border-radius: 8px; }
.asset-preview.favicon-preview span[b-2whpvi8s28] { width: 42px; height: 42px; }
.asset-preview.social-preview[b-2whpvi8s28] { height: 128px; }
.asset-preview.social-preview img[b-2whpvi8s28] { width: 100%; height: 100%; max-width: none; max-height: none; object-fit: cover; }

.identity-upload-button[b-2whpvi8s28] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: .45rem .85rem;
    color: var(--blue-700);
    background: var(--white, #fff);
    border: 1px solid var(--blue-700);
    border-radius: 8px;
    cursor: pointer;
    font-size: .79rem;
    font-weight: 750;
    transition: background-color 150ms ease, color 150ms ease;
}

.identity-upload-button:hover[b-2whpvi8s28] { color: #fff; background: var(--blue-700); }
.identity-upload-button:focus-within[b-2whpvi8s28] { outline: 2px solid var(--blue-600); outline-offset: 2px; }
.identity-upload-button[b-2whpvi8s28]  input[type=file] { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; }
.asset-status[b-2whpvi8s28] { display: block; margin-top: .55rem; color: var(--ink-500); font-size: .7rem; }
.asset-url-fields[b-2whpvi8s28] { margin-top: 1rem; }

.identity-actions[b-2whpvi8s28] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .75rem;
    padding: .35rem 0;
}

.identity-actions[b-2whpvi8s28]  .mud-button-text { color: var(--ink-500) !important; }
.identity-actions[b-2whpvi8s28]  .mud-button-filled-primary {
    background-color: var(--orange-600) !important;
    box-shadow: 0 6px 16px -6px rgba(234, 88, 12, .55);
    transition: background-color 150ms ease, transform 150ms ease, box-shadow 150ms ease;
}
.identity-actions[b-2whpvi8s28]  .mud-button-filled-primary:hover {
    background-color: var(--orange-700) !important;
    transform: translateY(-1px);
}
.identity-actions[b-2whpvi8s28]  .mud-button-root:focus-visible { outline: 2px solid var(--blue-600); outline-offset: 2px; }

.identity-preview-card[b-2whpvi8s28] {
    position: sticky;
    top: 78px;
    overflow: hidden;
}

.preview-heading[b-2whpvi8s28] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.15rem;
    color: var(--ink-900);
    font-weight: 800;
    border-bottom: 1px solid var(--ink-100);
}

.live-dot[b-2whpvi8s28] { position: relative; padding: .2rem .48rem .2rem .95rem; color: #fff; background: var(--green-600); border-radius: 99px; font-size: .67rem; font-weight: 800; text-transform: uppercase; }
.live-dot[b-2whpvi8s28]::before { content: ""; position: absolute; left: .42rem; top: 50%; width: 6px; height: 6px; margin-top: -3px; background: #fff; border-radius: 50%; animation: identity-live-pulse-b-2whpvi8s28 1.8s ease-in-out infinite; }

@keyframes identity-live-pulse-b-2whpvi8s28 {
    0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(255, 255, 255, .5); }
    50% { opacity: .7; box-shadow: 0 0 0 3px rgba(255, 255, 255, 0); }
}

@media (prefers-reduced-motion: reduce) {
    .live-dot[b-2whpvi8s28]::before { animation: none; }
}

.browser-preview[b-2whpvi8s28] { margin: 1rem; overflow: hidden; background: var(--ink-100); border: 1px solid var(--ink-300); border-radius: 12px; }
.browser-chrome[b-2whpvi8s28] { height: 28px; display: flex; align-items: center; gap: 5px; padding: 0 .65rem; background: var(--ink-100); }
.browser-chrome i[b-2whpvi8s28] { width: 7px; height: 7px; background: var(--ink-300); border-radius: 50%; }
.browser-chrome span[b-2whpvi8s28] { width: 58%; height: 9px; margin-left: .4rem; background: #fff; border-radius: 99px; }
.browser-tab[b-2whpvi8s28] { min-width: 0; display: flex; align-items: center; gap: .45rem; padding: .55rem .75rem; background: #fff; border-bottom: 1px solid var(--ink-100); }
.browser-tab img[b-2whpvi8s28] { width: 20px; height: 20px; object-fit: contain; }
.browser-fallback-icon[b-2whpvi8s28] { width: 20px; height: 20px; font-size: .48rem; border-radius: 5px; }
.browser-tab strong[b-2whpvi8s28] { min-width: 0; overflow: hidden; color: var(--ink-700); font-size: .75rem; text-overflow: ellipsis; white-space: nowrap; }
.browser-body[b-2whpvi8s28] { min-height: 155px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 1rem; text-align: center; }
.browser-body img[b-2whpvi8s28] { max-width: 170px; max-height: 48px; margin-bottom: .7rem; object-fit: contain; }
.browser-body h3[b-2whpvi8s28] { margin: 0; color: var(--ink-900); font-size: 1rem; }
.browser-body p[b-2whpvi8s28] { margin: .35rem 0 0; color: var(--ink-500); font-size: .72rem; line-height: 1.45; }

.share-preview[b-2whpvi8s28] { margin: 0 1rem 1rem; overflow: hidden; border: 1px solid var(--ink-300); border-radius: 12px; }
.preview-label[b-2whpvi8s28] { margin: 0; padding: .6rem .75rem; color: var(--ink-500); background: var(--ink-100); border-bottom: 1px solid var(--ink-100); font-size: .69rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.share-image[b-2whpvi8s28] { aspect-ratio: 1.91 / 1; display: grid; place-items: center; overflow: hidden; color: var(--ink-500); background: var(--ink-100); }
.share-image img[b-2whpvi8s28] { width: 100%; height: 100%; object-fit: cover; }
.share-image div[b-2whpvi8s28] { display: grid; justify-items: center; gap: .35rem; font-size: .72rem; }
.share-copy[b-2whpvi8s28] { display: grid; gap: .22rem; padding: .75rem; min-width: 0; }
.share-copy small[b-2whpvi8s28],
.share-copy strong[b-2whpvi8s28] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.share-copy small[b-2whpvi8s28] { color: var(--ink-500); font-size: .62rem; letter-spacing: .06em; }
.share-copy strong[b-2whpvi8s28] { color: var(--ink-900); font-size: .82rem; }
.share-copy span[b-2whpvi8s28] { display: -webkit-box; overflow: hidden; color: var(--ink-500); font-size: .68rem; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.identity-summary[b-2whpvi8s28] { margin: 0; padding: 0 1rem 1rem; }
.identity-summary div[b-2whpvi8s28] { display: flex; justify-content: space-between; gap: 1rem; padding: .65rem 0; border-top: 1px solid var(--ink-100); }
.identity-summary dt[b-2whpvi8s28] { color: var(--ink-500); font-size: .72rem; font-weight: 600; }
.identity-summary dd[b-2whpvi8s28] { min-width: 0; margin: 0; overflow-wrap: anywhere; color: var(--ink-900); font-size: .72rem; font-weight: 750; text-align: right; }

@media (max-width: 1050px) {
    .identity-layout[b-2whpvi8s28] { grid-template-columns: minmax(0, 1fr) 315px; }
}

@media (max-width: 900px) {
    .identity-layout[b-2whpvi8s28] { grid-template-columns: minmax(0, 1fr); }
    .identity-preview-card[b-2whpvi8s28] { position: static; }
}

@media (max-width: 640px) {
    .identity-page[b-2whpvi8s28] { padding-inline: 0; }
    .identity-hero[b-2whpvi8s28] { flex-direction: column; gap: 1rem; }
    .identity-hero[b-2whpvi8s28]  .mud-button-root { width: 100%; }
    .identity-fields.two-columns[b-2whpvi8s28],
    .identity-upload-grid[b-2whpvi8s28] { grid-template-columns: minmax(0, 1fr); }
    .identity-upload-tile.social-upload-tile[b-2whpvi8s28] { grid-column: auto; }
    .identity-card[b-2whpvi8s28] { padding: 1rem; }
    .identity-actions[b-2whpvi8s28] { align-items: stretch; flex-direction: column-reverse; }
    .identity-actions[b-2whpvi8s28]  .mud-button-root { width: 100%; }
}
/* /Components/Pages/Public/Basket.razor.rz.scp.css */
.basket-page[b-rtdha0b54p] {
    width: min(1180px, calc(100% - 2rem));
    min-height: calc(100vh - 190px);
    margin: 0 auto;
    padding: clamp(2rem, 5vw, 4.5rem) 0;
}

.basket-heading[b-rtdha0b54p] {
    margin-bottom: 1.6rem;
}

.basket-heading > span[b-rtdha0b54p] {
    color: #083c7f;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.basket-heading h1[b-rtdha0b54p] {
    margin: 0.4rem 0 0;
    color: #101d2d;
    font-size: clamp(2.4rem, 5vw, 4rem);
    line-height: 1.05;
    letter-spacing: -0.055em;
}

.basket-heading p[b-rtdha0b54p] {
    margin: 0.65rem 0 0;
    color: #667085;
}

.basket-line[b-rtdha0b54p] {
    padding: 1.25rem !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    border-color: #d8dee6;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.94);
    transition: border-color 180ms ease, box-shadow 180ms ease,
        transform 180ms ease;
}

.basket-line:hover[b-rtdha0b54p] {
    border-color: #91a8c7;
    box-shadow: 0 0.9rem 2rem rgba(16, 45, 83, 0.09);
    transform: translateY(-2px);
}

.basket-line-price[b-rtdha0b54p] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.basket-summary[b-rtdha0b54p] {
    position: sticky;
    top: 6rem;
    border-color: #cfd7e1;
    border-radius: 1.15rem;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 1.15rem 3rem rgba(16, 29, 45, 0.09);
}

.basket-summary-row[b-rtdha0b54p] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.basket-summary-total[b-rtdha0b54p] {
    color: #101d2d;
    font-size: 1.08rem;
    font-weight: 750;
}

.basket-page[b-rtdha0b54p]  .mud-button-root {
    min-height: 2.9rem;
    border-radius: 0.75rem;
    transition: box-shadow 180ms ease, transform 180ms ease;
}

.basket-page[b-rtdha0b54p]  .mud-button-root:hover {
    box-shadow: 0 0.65rem 1.3rem rgba(8, 60, 127, 0.15);
    transform: translateY(-2px);
}

@media (max-width: 720px) {
    .basket-page[b-rtdha0b54p] {
        width: min(100% - 1.25rem, 1180px);
        padding: 1.4rem 0 2.5rem;
    }

    .basket-line[b-rtdha0b54p] {
        align-items: flex-start;
        flex-direction: column;
    }

    .basket-line-price[b-rtdha0b54p] {
        width: 100%;
        justify-content: space-between;
    }

    .basket-summary[b-rtdha0b54p] {
        position: static;
    }
}

@media (prefers-reduced-motion: reduce) {
    .basket-line[b-rtdha0b54p],
    .basket-page[b-rtdha0b54p]  .mud-button-root {
        transition: none;
    }
}
/* /Components/Pages/Public/CheckoutContinue.razor.rz.scp.css */
.checkout-page[b-lw9jy099lv] {
    width: min(760px, calc(100% - 2rem));
    min-height: calc(100vh - 190px);
    margin: 0 auto;
    padding: clamp(2rem, 8vw, 6rem) 0;
    display: grid;
    align-items: start;
    grid-template-columns: minmax(0, 1fr);
}

.checkout-card[b-lw9jy099lv] {
    padding: clamp(1.5rem, 5vw, 3rem);
    border: 1px solid #d4dbe5;
    border-radius: 1.4rem;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 1.5rem 4rem rgba(16, 29, 45, 0.11);
}

.checkout-kicker[b-lw9jy099lv] {
    color: #083c7f;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.checkout-card h1[b-lw9jy099lv] {
    margin: 0.5rem 0 0;
    color: #101d2d;
    font-size: clamp(2.25rem, 5vw, 3.8rem);
    line-height: 1.05;
    letter-spacing: -0.055em;
}

.checkout-lead[b-lw9jy099lv] {
    margin: 0.85rem 0 1.6rem;
    color: #667085;
    line-height: 1.65;
}

.checkout-card[b-lw9jy099lv]  .mud-button-root {
    min-height: 3rem;
    border-radius: 0.75rem;
    transition: box-shadow 180ms ease, transform 180ms ease;
}

.checkout-card[b-lw9jy099lv]  .mud-button-root:hover {
    box-shadow: 0 0.65rem 1.3rem rgba(8, 60, 127, 0.15);
    transform: translateY(-2px);
}

@media (max-width: 520px) {
    .checkout-page[b-lw9jy099lv] {
        width: min(100% - 1.25rem, 760px);
        padding: 1.5rem 0 2.5rem;
    }

    .checkout-card[b-lw9jy099lv] {
        border-radius: 1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .checkout-card[b-lw9jy099lv]  .mud-button-root {
        transition: none;
    }
}
/* /Components/Pages/Public/Homepage.razor.rz.scp.css */
.homepage-page[b-qbg0oxlw2j] {
    width: 100%;
    margin: 0;
    padding: 0;
}
/* /Components/Pages/Public/PharmacyDirectory.razor.rz.scp.css */
.directory-page[b-o5hfnvkzh3] {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
    padding: 72px 0;
}

.directory-intro[b-o5hfnvkzh3] {
    max-width: 620px;
    margin-top: 10px;
}

.directory-card[b-o5hfnvkzh3] {
    height: 100%;
    border-radius: 16px;
    transition: transform 180ms ease, box-shadow 180ms ease;
}

.directory-card:hover[b-o5hfnvkzh3] {
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(27, 46, 75, .1);
}
/* /Components/Pages/Public/PharmacyPublicPage.razor.rz.scp.css */
.pharmacy-public-page[b-74uv5at5qj] {
    width: min(1080px, calc(100% - 40px));
    margin: 0 auto;
    padding: 42px 0 72px;
}

.pharmacy-public-hero[b-74uv5at5qj] {
    margin-top: 24px;
    padding: 54px;
    border-radius: 22px;
    color: #fff;
    background: linear-gradient(125deg, #071d37, #10446f);
}

.pharmacy-public-hero[b-74uv5at5qj]  .mud-typography {
    color: inherit;
}

.verified-label[b-74uv5at5qj] {
    color: #6ea2e7 !important;
    font-weight: 700;
}
/* /Components/Pages/Public/ProductCard.razor.rz.scp.css */
.product-card[b-r69sp7ua0z] {
    min-height: 100%;
    padding: 1.6rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: relative;
    overflow: hidden;
    border: 1px solid #d4dbe5;
    border-radius: 1.2rem;
    background: #fff;
    box-shadow: 0 0.75rem 2rem rgba(16, 29, 45, 0.07);
    transition: border-color 200ms ease, box-shadow 200ms ease,
        transform 200ms ease;
}

.product-card:hover[b-r69sp7ua0z] {
    border-color: #8fa8c8;
    box-shadow: 0 1.25rem 2.8rem rgba(16, 45, 83, 0.13);
    transform: translateY(-5px);
}

.product-card-bundle[b-r69sp7ua0z] {
    border-color: #1653a3;
    border-width: 2px;
    background:
        linear-gradient(180deg, rgba(8, 77, 168, 0.055), transparent 38%),
        #fff;
}

.product-card-badge[b-r69sp7ua0z] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: 0.4rem 0.65rem;
    border-radius: 999px;
    color: #07336c;
    background: #dce8f7;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.product-card-top[b-r69sp7ua0z] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    padding-right: 3rem;
}

.product-card-icon[b-r69sp7ua0z] {
    flex: 0 0 auto;
    width: 2.85rem;
    height: 2.85rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.85rem;
    color: #fff;
    background: linear-gradient(135deg, #0a5fd1, #083c7f);
    box-shadow: 0 0.5rem 1.1rem rgba(8, 60, 127, 0.28);
}

.product-card-bundle .product-card-icon[b-r69sp7ua0z] {
    background: linear-gradient(135deg, #1653a3, #0a2f63);
}

.product-card-heading[b-r69sp7ua0z] {
    min-width: 0;
}

.product-card-heading > span[b-r69sp7ua0z] {
    color: #083c7f;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.product-card-heading h2[b-r69sp7ua0z] {
    margin: 0.45rem 0 0;
    color: #101d2d;
    font-size: 1.4rem;
    letter-spacing: -0.035em;
}

.product-card-price[b-r69sp7ua0z] {
    min-height: 5.2rem;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    border-radius: 0.9rem;
    background: #f1f4f8;
}

.product-card-price > strong[b-r69sp7ua0z] {
    color: #101d2d;
    font-size: 1.75rem;
    line-height: 1.1;
    letter-spacing: -0.04em;
}

.product-card-price > span[b-r69sp7ua0z] {
    margin-top: 0.25rem;
    color: #667085;
    font-size: 0.76rem;
}

.product-card-trial[b-r69sp7ua0z] {
    margin-top: 0.55rem !important;
    padding: 0.28rem 0.52rem;
    border-radius: 999px;
    color: #08724f !important;
    background: #dff7e9;
    font-size: 0.68rem !important;
    font-weight: 750;
}

.product-card-description[b-r69sp7ua0z] {
    flex: 1;
    margin: 0;
    color: #667085;
    line-height: 1.62;
}

.product-card-modules[b-r69sp7ua0z] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.product-card-modules > span[b-r69sp7ua0z] {
    padding: 0.42rem 0.62rem;
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    border: 1px solid #d6dce5;
    border-radius: 0.65rem;
    color: #475467;
    background: #fbfdfd;
    font-size: 0.75rem;
}

.product-card-modules b[b-r69sp7ua0z] {
    color: #084da8;
}

.product-card-actions[b-r69sp7ua0z] {
    margin-top: 0.65rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.55rem;
}

.product-card-actions[b-r69sp7ua0z]  .mud-button-root {
    min-height: 2.85rem;
    border-radius: 0.72rem;
    transition: box-shadow 180ms ease, transform 180ms ease;
}

.product-card-actions[b-r69sp7ua0z]  .mud-button-filled-primary {
    color: #fff;
    background: linear-gradient(135deg, #084da8, #083c7f);
}

.product-card-actions[b-r69sp7ua0z]  .mud-button-outlined-primary {
    border-color: #809abb;
    color: #083c7f;
}

.product-card-actions[b-r69sp7ua0z]  .mud-button-root:hover {
    box-shadow: 0 0.65rem 1.2rem rgba(8, 60, 127, 0.16);
    transform: translateY(-2px);
}

@media (max-width: 420px) {
    .product-card[b-r69sp7ua0z] {
        padding: 1.25rem;
    }

    .product-card-badge[b-r69sp7ua0z] {
        position: static;
        width: fit-content;
        order: -1;
    }

    .product-card-heading[b-r69sp7ua0z] {
        padding-right: 0;
    }

    .product-card-actions[b-r69sp7ua0z] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .product-card[b-r69sp7ua0z],
    .product-card-actions[b-r69sp7ua0z]  .mud-button-root {
        transition: none;
    }
}
/* /Components/Pages/Public/ProductCatalogue.razor.rz.scp.css */
.catalogue-page[b-7qkc6uckd0] {
    width: min(1240px, calc(100% - 2rem));
    margin: 0 auto;
    padding: clamp(2rem, 5vw, 4.5rem) 0;
}

.catalogue-hero[b-7qkc6uckd0] {
    margin-bottom: 1.25rem;
    padding: clamp(1.5rem, 5vw, 3.5rem);
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 2rem;
    overflow: hidden;
    position: relative;
    border: 1px solid #cdd7e4;
    border-radius: 1.6rem;
    background:
        radial-gradient(circle at 93% 10%, rgba(103, 158, 231, 0.25), transparent 19rem),
        linear-gradient(140deg, #071e3d 0%, #083c7f 100%);
    box-shadow: 0 1.5rem 4rem rgba(16, 45, 83, 0.16);
}

.catalogue-hero[b-7qkc6uckd0]::after {
    content: "";
    width: 22rem;
    height: 22rem;
    position: absolute;
    right: -9rem;
    top: -12rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 50%;
}

.catalogue-hero > *[b-7qkc6uckd0] {
    position: relative;
    z-index: 1;
}

.catalogue-kicker[b-7qkc6uckd0] {
    color: #93bdf5;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.catalogue-hero h1[b-7qkc6uckd0] {
    max-width: 760px;
    margin: 0.65rem 0 0;
    color: #fff;
    font-size: clamp(2.5rem, 5.4vw, 4.7rem);
    line-height: 1.02;
    letter-spacing: -0.06em;
}

.catalogue-hero p[b-7qkc6uckd0] {
    max-width: 760px;
    margin: 1rem 0 0;
    color: rgba(255, 255, 255, 0.77);
    font-size: 1rem;
    line-height: 1.68;
}

.catalogue-hero[b-7qkc6uckd0]  .mud-button-root {
    flex: 0 0 auto;
    min-height: 3.2rem;
    padding: 0.8rem 1.15rem;
    border-color: rgba(255, 255, 255, 0.45);
    border-radius: 0.8rem;
    color: #fff;
    transition: background-color 180ms ease, transform 180ms ease;
}

.catalogue-hero[b-7qkc6uckd0]  .mud-button-root:hover {
    background: rgba(255, 255, 255, 0.12);
    transform: translateY(-2px);
}

.catalogue-page[b-7qkc6uckd0]  .mud-button-group-root {
    padding: 0.3rem;
    border-radius: 0.85rem;
    background: #eaeff5;
}

.catalogue-page[b-7qkc6uckd0]  .mud-paper {
    border-color: #dbe0e7;
    border-radius: 1.15rem;
}

/* No ::deep here: <thead>/<tbody>/<tr>/<th>/<td> are written directly in
   this component as MudSimpleTable's ChildContent, so they already carry
   this component's own scope attribute. ::deep would anchor on
   ".catalogue-compare-table", a Class handed to MudSimpleTable that ends up
   on ITS OWN unscoped root <table> -- an element this component never
   wrote -- so a scoped selector built from it can never match anything,
   silently no-op-ing every rule under it (the icon-sizing rule that used to
   live here rendered at native SVG size as a result). */
th[b-7qkc6uckd0],
td[b-7qkc6uckd0] {
    white-space: normal;
}

a[b-7qkc6uckd0] {
    color: #083c7f;
    font-weight: 700;
}

.catalogue-compare-name[b-7qkc6uckd0] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.catalogue-compare-icon[b-7qkc6uckd0] {
    flex: 0 0 auto;
    width: 1.9rem;
    height: 1.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.55rem;
    color: #0a5fd1;
    background: #e4edfb;
}

@media (max-width: 720px) {
    .catalogue-page[b-7qkc6uckd0] {
        width: min(100% - 1.25rem, 1240px);
        padding: 1.25rem 0 2.5rem;
    }

    .catalogue-hero[b-7qkc6uckd0] {
        align-items: stretch;
        flex-direction: column;
        border-radius: 1.2rem;
    }

    .catalogue-hero[b-7qkc6uckd0]  .mud-button-root {
        width: 100%;
    }

    .catalogue-page[b-7qkc6uckd0]  .mud-button-group-root {
        width: 100%;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .catalogue-page[b-7qkc6uckd0]  .mud-table-container {
        overflow-x: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .catalogue-hero[b-7qkc6uckd0]  .mud-button-root {
        transition: none;
    }
}
/* /Components/Pages/Public/ProductDetail.razor.rz.scp.css */
.product-detail-page[b-b6oeupa0cq] {
    width: min(1180px, calc(100% - 2rem));
    min-height: calc(100vh - 190px);
    margin: 0 auto;
    padding: clamp(2rem, 5vw, 4.5rem) 0;
}

.product-detail-page[b-b6oeupa0cq]  .mud-paper {
    border-color: #d7dde5;
    border-radius: 1.1rem;
    background: rgba(255, 255, 255, 0.95);
}

/* Mobile: the purchase panel comes first in the DOM (see markup order in
   ProductDetail.razor) so a phone visitor sees the price and Buy button
   before scrolling through the module list. Desktop restores the
   conventional content-left / purchase-right layout with order. */
.product-detail-page[b-b6oeupa0cq]  .detail-content-col {
    order: 2;
}

.product-detail-page[b-b6oeupa0cq]  .detail-purchase-col {
    order: 1;
}

@media (min-width: 960px) {
    .product-detail-page[b-b6oeupa0cq]  .detail-content-col {
        order: 1;
    }

    .product-detail-page[b-b6oeupa0cq]  .detail-purchase-col {
        order: 2;
    }
}

.detail-hero-top[b-b6oeupa0cq] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.detail-hero-icon[b-b6oeupa0cq] {
    flex: 0 0 auto;
    width: 3.6rem;
    height: 3.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    color: #fff;
    background: linear-gradient(135deg, #0a5fd1, #083c7f);
    box-shadow: 0 0.6rem 1.3rem rgba(8, 60, 127, 0.28);
}

.detail-hero-heading[b-b6oeupa0cq] {
    min-width: 0;
    flex: 1 1 auto;
}

.detail-heading[b-b6oeupa0cq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.detail-learn-more[b-b6oeupa0cq] {
    margin-top: 0.4rem;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: #0a5fd1;
    font-weight: 700;
    font-size: 0.9rem;
    text-decoration: none;
}

.detail-learn-more:hover[b-b6oeupa0cq] {
    text-decoration: underline;
}

.detail-learn-more span[b-b6oeupa0cq] {
    transition: transform 150ms ease;
}

.detail-learn-more:hover span[b-b6oeupa0cq] {
    transform: translateX(3px);
}

.detail-description[b-b6oeupa0cq] {
    color: #475467;
    line-height: 1.68;
}

.detail-modules[b-b6oeupa0cq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 0.75rem;
}

.detail-module-card[b-b6oeupa0cq] {
    padding: 0.9rem;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    border: 1px solid #dde3ea;
    border-radius: 0.85rem;
    background: #fbfdff;
    transition: border-color 180ms ease, box-shadow 180ms ease,
        transform 180ms ease;
}

.detail-module-card:hover[b-b6oeupa0cq] {
    border-color: #8fa8c8;
    box-shadow: 0 0.75rem 1.5rem rgba(16, 45, 83, 0.08);
    transform: translateY(-2px);
}

.detail-module-icon[b-b6oeupa0cq] {
    flex: 0 0 auto;
    width: 2.35rem;
    height: 2.35rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.7rem;
    color: #0a5fd1;
    background: #e4edfb;
}

.detail-module-copy[b-b6oeupa0cq] {
    min-width: 0;
}

.detail-module-connector[b-b6oeupa0cq] {
    display: inline-block;
    margin-top: 0.15rem;
    color: #92652f;
}

.detail-purchase-panel[b-b6oeupa0cq] {
    position: sticky;
    top: 6rem;
    box-shadow: 0 1.2rem 3rem rgba(16, 29, 45, 0.1);
}

.product-detail-page[b-b6oeupa0cq]  .mud-button-root {
    border-radius: 0.75rem;
    transition: box-shadow 180ms ease, transform 180ms ease;
}

.product-detail-page[b-b6oeupa0cq]  .mud-button-root:hover {
    box-shadow: 0 0.65rem 1.3rem rgba(8, 60, 127, 0.15);
    transform: translateY(-2px);
}

@media (max-width: 720px) {
    .product-detail-page[b-b6oeupa0cq] {
        width: min(100% - 1.25rem, 1180px);
        padding: 1.25rem 0 2.5rem;
    }

    .detail-purchase-panel[b-b6oeupa0cq] {
        position: static;
    }
}

@media (prefers-reduced-motion: reduce) {
    .detail-module-card[b-b6oeupa0cq],
    .detail-learn-more span[b-b6oeupa0cq],
    .product-detail-page[b-b6oeupa0cq]  .mud-button-root {
        transition: none;
    }
}
/* /Components/Pages/Public/ProductModuleIcon.razor.rz.scp.css */
.product-module-icon[b-pyks8vf7xb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.product-module-icon svg[b-pyks8vf7xb] {
    width: 60%;
    height: 60%;
}
/* /Components/Pages/PublicContentPageView.razor.rz.scp.css */
.public-page-frame[b-px72tji3k6]  .sandboxed-html-preview {
    width: 100%;
    border: 0;
    border-radius: 0;
    display: block;
    min-height: calc(100vh - 90px);
}
/* /Components/Pages/PublicGraduateDetail.razor.rz.scp.css */
.public-grad-detail[b-6joxzj203b]{--navy:#0b2f52;--purple:#a1714f;--line:#dce5ed;--muted:#62778a;max-width:980px;margin:0 auto;padding:38px 22px 70px;color:#1b3348}
.public-grad-back[b-6joxzj203b]{display:inline-block;margin-bottom:20px;color:var(--purple);font-weight:800;text-decoration:none}
.public-grad-detail-grid[b-6joxzj203b]{display:grid;grid-template-columns:260px minmax(0,1fr);gap:30px;align-items:start}
.public-grad-detail-grid img[b-6joxzj203b]{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:18px}
.public-grad-detail-placeholder[b-6joxzj203b]{width:100%;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;font-size:4rem;background:#faf4ef;color:var(--purple);border-radius:18px}
.public-grad-snapshot[b-6joxzj203b]{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#f9fafb}
.public-grad-snapshot h3[b-6joxzj203b]{margin:0 0 10px;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.public-grad-snapshot dl[b-6joxzj203b]{margin:0;display:grid;gap:8px}
.public-grad-snapshot dt[b-6joxzj203b]{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.public-grad-snapshot dd[b-6joxzj203b]{margin:0;font-weight:700;color:var(--navy)}
.public-grad-detail-grid h1[b-6joxzj203b]{margin:0 0 4px;color:var(--navy);font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.1}
.public-grad-detail-title[b-6joxzj203b]{margin:0 0 20px;color:var(--purple);font-weight:700;font-size:1.05rem}
.public-grad-detail-body[b-6joxzj203b]{color:#29445b;font-size:1rem;line-height:1.75}
.public-grad-detail-body p[b-6joxzj203b]{margin:0 0 16px}
.public-grad-detail-body ul[b-6joxzj203b],.public-grad-detail-body ol[b-6joxzj203b]{margin:0 0 16px;padding-left:24px}
.public-grad-detail-lead[b-6joxzj203b]{color:var(--muted);font-size:1.05rem;line-height:1.6}
.public-grad-detail-empty[b-6joxzj203b]{max-width:720px;margin:60px auto;padding:30px;text-align:center}
.public-grad-detail-empty h1[b-6joxzj203b]{color:var(--navy)}
@media(max-width:640px){.public-grad-detail-grid[b-6joxzj203b]{grid-template-columns:minmax(0, 1fr)}}
/* /Components/Pages/PublicGraduatesCollection.razor.rz.scp.css */
.public-grad-page[b-qks8jj2fyj]{--navy:#0b2f52;--purple:#a1714f;--line:#dce5ed;--muted:#62778a;max-width:1180px;margin:0 auto;padding:42px 22px 70px;color:#1b3348}
.public-grad-page>header[b-qks8jj2fyj]{max-width:760px}
.public-grad-page>header>span[b-qks8jj2fyj]{color:var(--purple);font-size:.7rem;font-weight:900;letter-spacing:.12em}
.public-grad-page h1[b-qks8jj2fyj]{margin:7px 0 8px;color:var(--navy);font-size:clamp(2rem,5vw,3.25rem)}
.public-grad-page>header p[b-qks8jj2fyj]{margin:0;color:var(--muted);font-size:1.05rem}
.public-grad-search[b-qks8jj2fyj]{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:28px 0 18px}
.public-grad-search input[b-qks8jj2fyj]{width:min(520px,100%);padding:12px 14px;border:1px solid #cbd7e0;border-radius:11px}
.public-grad-search strong[b-qks8jj2fyj]{color:var(--muted);font-size:.75rem}
.public-grad-grid[b-qks8jj2fyj]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:17px}
.public-grad-card[b-qks8jj2fyj]{display:block;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 25px rgba(11,47,82,.06);text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease}
.public-grad-card:hover[b-qks8jj2fyj]{transform:translateY(-2px);box-shadow:0 16px 32px rgba(11,47,82,.12)}
.public-grad-card img[b-qks8jj2fyj]{width:100%;aspect-ratio:3/4;object-fit:cover}
.public-grad-placeholder[b-qks8jj2fyj]{width:100%;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;font-size:3rem;background:#faf4ef;color:var(--purple)}
.public-grad-card>div[b-qks8jj2fyj]{padding:16px}
.public-grad-card strong[b-qks8jj2fyj]{display:block;color:var(--navy);font-size:1.1rem}
.public-grad-card span[b-qks8jj2fyj]{display:block;margin-top:2px;color:var(--purple);font-weight:700;font-size:.82rem}
.public-grad-card p[b-qks8jj2fyj]{margin:8px 0 0;color:var(--muted);font-size:.85rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.public-grad-empty[b-qks8jj2fyj]{margin-top:25px;padding:45px;border:1px dashed var(--line);border-radius:16px;color:var(--muted);text-align:center}
@media(max-width:560px){.public-grad-search[b-qks8jj2fyj]{display:grid}.public-grad-search input[b-qks8jj2fyj]{width:100%}}
/* /Components/Pages/PublicNewsCollection.razor.rz.scp.css */
/* The directory shares the article's paper, ink and teal editorial palette. */
.public-studio-page[b-f0ez2evxyw] {
    --news-ink: #173630;
    --news-teal: #0f766e;
    --news-muted: #65736a;
    --news-line: #d8e2da;
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 24px 56px;
    color: var(--news-ink);
}
.news-directory-hero[b-f0ez2evxyw] { display: grid; grid-template-columns: 1fr minmax(240px, 420px); align-items: end; gap: 0 48px; padding: 0 0 28px; border-bottom: 1px solid var(--news-line); }
.news-directory-hero span[b-f0ez2evxyw] { grid-column: 1 / -1; color: var(--news-teal); font-size: 10px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.news-directory-hero h1[b-f0ez2evxyw] { margin: 14px 0 0; font: 400 clamp(42px, 5vw, 64px)/1.05 Georgia, 'Times New Roman', serif; letter-spacing: -.035em; color: var(--news-ink); }
.news-directory-hero p[b-f0ez2evxyw] { margin: 0; color: var(--news-muted); font-size: 14px; line-height: 1.75; max-width: 420px; }
.news-control-bar[b-f0ez2evxyw] { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 24px; padding: 22px 0; border-bottom: 1px solid var(--news-line); margin-bottom: 22px; }
.news-control-search[b-f0ez2evxyw] { order: 1; min-height: 44px; width: min(440px, 100%); padding: 10px 14px; border: 1px solid #bdcdc1; border-radius: 4px; background: #fff; color: var(--news-ink); font: inherit; font-size: 14px; }
.news-filter-province[b-f0ez2evxyw] { order: 2; display: flex; align-items: center; gap: 10px; margin-left: auto; color: var(--news-muted); font-size: 12px; font-weight: 550; }
.news-filter-province select[b-f0ez2evxyw] { min-width: 0; min-height: 44px; padding: 9px 28px 9px 12px; border: 1px solid #bdcdc1; border-radius: 4px; color: var(--news-ink); background: #fff; font: inherit; }
.news-filter-chips[b-f0ez2evxyw] { order: 3; display: flex; flex-wrap: wrap; gap: 7px; flex-basis: 100%; }
.news-filter-chips button[b-f0ez2evxyw] { min-height: 38px; padding: 8px 13px; border: 1px solid var(--news-line); border-radius: 4px; color: #51675b; background: transparent; font: inherit; font-size: 11px; font-weight: 600; cursor: pointer; }
.news-filter-chips button:hover[b-f0ez2evxyw] { background: #e9f1ea; }
.news-filter-chips button.active[b-f0ez2evxyw] { background: #e1ede6; color: #135b52; border-color: #90b4a0; }
.news-control-search:focus-visible[b-f0ez2evxyw], .news-filter-province select:focus-visible[b-f0ez2evxyw], .news-filter-chips button:focus-visible[b-f0ez2evxyw], .news-featured-card:focus-visible[b-f0ez2evxyw], .public-studio-card:focus-visible[b-f0ez2evxyw] { outline: 2px solid var(--news-teal); outline-offset: 4px; }
.news-result-count[b-f0ez2evxyw] { display: block; margin: 0 0 18px; color: var(--news-muted); font-size: 11px; font-weight: 500; letter-spacing: .03em; }
.public-studio-empty[b-f0ez2evxyw] { margin-top: 24px; padding: 32px 20px; border: 1px solid var(--news-line); border-radius: 4px; color: var(--news-muted); text-align: center; }
.news-pill[b-f0ez2evxyw] { align-self: flex-start; color: var(--news-teal); font-size: 10px; font-weight: 700; line-height: 1.6; letter-spacing: .07em; text-transform: uppercase; }
.news-pill-recalls[b-f0ez2evxyw] { color: #9c4438; }
.news-pill-shortages[b-f0ez2evxyw] { color: #846123; }
.news-featured-wrapper[b-f0ez2evxyw] { min-width: 0; padding-bottom: 26px; border-bottom: 1px solid var(--news-line); }
.news-featured-card[b-f0ez2evxyw] { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 34px; color: inherit; text-decoration: none; align-items: center; }
.news-featured-text[b-f0ez2evxyw] { grid-template-columns: minmax(0, 1fr); }
.news-featured-card img[b-f0ez2evxyw] { display: block; width: 100%; height: 100%; min-width: 0; max-height: 520px; aspect-ratio: 1.25; object-fit: cover; object-position: 50% 35%; border-radius: 5px; }
.news-featured-content[b-f0ez2evxyw] { display: flex; flex-direction: column; min-width: 0; }
.news-featured-content h2[b-f0ez2evxyw] { margin: 13px 0 14px; font: 400 clamp(28px, 3vw, 37px)/1.12 Georgia, 'Times New Roman', serif; letter-spacing: -.025em; color: var(--news-ink); overflow-wrap: break-word; }
.news-featured-content p[b-f0ez2evxyw] { margin: 0 0 18px; color: var(--news-muted); font-size: 14px; line-height: 1.75; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
.news-featured-content small[b-f0ez2evxyw] { color: var(--news-muted); font-size: 11px; line-height: 1.5; }
.news-featured-cta[b-f0ez2evxyw] { display: inline-flex; align-items: center; gap: 22px; margin-top: 22px; color: var(--news-teal); font-size: 12px; font-weight: 650; }
.news-featured-card:hover h2[b-f0ez2evxyw], .public-studio-card:hover h2[b-f0ez2evxyw] { color: var(--news-teal); }
.news-featured-wrapper[b-f0ez2evxyw]  .news-image-credit { max-width: 560px; margin-top: 10px; font-size: 10px; }
.public-studio-grid[b-f0ez2evxyw] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 34px 28px; margin-top: 30px; }
.news-card-wrapper[b-f0ez2evxyw] { display: flex; flex-direction: column; min-width: 0; }
.public-studio-card[b-f0ez2evxyw] { display: flex; flex-direction: column; flex: 1; color: inherit; text-decoration: none; }
.public-studio-card img[b-f0ez2evxyw] { display: block; width: 100%; height: auto; aspect-ratio: 1.6; object-fit: cover; object-position: 50% 35%; border-radius: 5px; }
.public-studio-card-body[b-f0ez2evxyw] { display: flex; flex-direction: column; flex: 1; min-width: 0; padding: 17px 0 0; }
.public-studio-card-body h2[b-f0ez2evxyw] { margin: 10px 0 12px; font: 400 25px/1.22 Georgia, 'Times New Roman', serif; letter-spacing: -.02em; color: var(--news-ink); overflow-wrap: break-word; }
.public-studio-card-body p[b-f0ez2evxyw] { margin: 0 0 18px; color: var(--news-muted); font-size: 13px; line-height: 1.7; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.public-studio-card-meta[b-f0ez2evxyw] { margin-top: auto; color: var(--news-muted); font-size: 10px; line-height: 1.5; }
.public-studio-card-cta[b-f0ez2evxyw] { display: flex; justify-content: space-between; gap: 18px; margin-top: 14px; padding: 13px 0; border-top: 1px solid var(--news-line); color: var(--news-teal); font-size: 11px; font-weight: 650; }
.news-card-wrapper[b-f0ez2evxyw]  .news-image-credit { margin: 0; font-size: 10px; }
@media (max-width: 900px) {
    .news-directory-hero[b-f0ez2evxyw] { grid-template-columns: 1fr 1fr; gap: 0 28px; }
    .news-featured-card[b-f0ez2evxyw] { gap: 26px; }
    .news-featured-content h2[b-f0ez2evxyw] { font-size: 29px; }
    .public-studio-grid[b-f0ez2evxyw] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
    .public-studio-page[b-f0ez2evxyw] { padding: 28px 18px 36px; }
    .news-directory-hero[b-f0ez2evxyw] { display: block; padding-bottom: 23px; }
    .news-directory-hero h1[b-f0ez2evxyw] { font-size: 43px; margin: 14px 0 16px; }
    .news-directory-hero p[b-f0ez2evxyw] { font-size: 13px; }
    .news-control-bar[b-f0ez2evxyw] { gap: 14px; padding: 20px 0; }
    .news-control-search[b-f0ez2evxyw] { width: 100%; }
    .news-filter-province[b-f0ez2evxyw] { margin: 0; width: 100%; }
    .news-filter-province select[b-f0ez2evxyw] { flex: 1; }
    .news-filter-chips[b-f0ez2evxyw] { gap: 6px; }
    .news-filter-chips button[b-f0ez2evxyw] { padding: 8px 10px; font-size: 10px; }
    .news-featured-card[b-f0ez2evxyw] { grid-template-columns: minmax(0, 1fr); gap: 19px; }
    .news-featured-card img[b-f0ez2evxyw] { height: auto; aspect-ratio: 1.5; }
    .news-featured-content h2[b-f0ez2evxyw] { font-size: 31px; }
    .public-studio-grid[b-f0ez2evxyw] { grid-template-columns: minmax(0, 1fr); gap: 30px; margin-top: 28px; }
    .public-studio-card-body h2[b-f0ez2evxyw] { font-size: 27px; }
    .news-card-wrapper[b-f0ez2evxyw]  .news-image-credit, .news-featured-wrapper[b-f0ez2evxyw]  .news-image-credit { font-size: 10px; }
}
/* /Components/Pages/PublicNewsDetail.razor.rz.scp.css */
.news-editorial-surface[b-tyk0upemn4] {
    --news-ink: #173630;
    --news-body: #354741;
    --news-muted: #65716a;
    --news-line: #dce1d9;
    --news-link: #20685a;
    --news-paper: #fafaf6;
    --news-serif: Georgia, 'Times New Roman', serif;
    background: var(--news-paper);
    color: var(--news-ink);
    min-height: 75vh;
}
.news-detail-page[b-tyk0upemn4] { max-width: 1136px; margin: 0 auto; padding: 32px 48px 88px; }
.news-detail-page *[b-tyk0upemn4], .news-detail-page[b-tyk0upemn4]  * { box-sizing: border-box; }
.studio-detail-empty[b-tyk0upemn4] { max-width: 720px; margin: 60px auto; padding: 30px; text-align: center; }
.news-detail-topline[b-tyk0upemn4] { display: flex; justify-content: space-between; align-items: center; gap: 24px; border-bottom: 1px solid var(--news-line); padding-bottom: 18px; }
.news-detail-back[b-tyk0upemn4] { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; color: var(--news-link); font-size: .8125rem; font-weight: 650; text-decoration: none; }
.news-detail-edition[b-tyk0upemn4] { font-size: .6875rem; letter-spacing: .14em; text-transform: uppercase; font-weight: 650; color: var(--news-muted); }
.news-detail-edition span[b-tyk0upemn4] { margin: 0 10px; color: #a9b5ac; }
.news-detail-page a:hover[b-tyk0upemn4] { text-decoration: underline; text-underline-offset: 4px; }
.news-detail-page a:focus-visible[b-tyk0upemn4], .news-mobile-details summary:focus-visible[b-tyk0upemn4], .news-detail-page[b-tyk0upemn4]  a:focus-visible, .studio-detail-body[b-tyk0upemn4]  .news-table-region:focus-visible { outline: 3px solid #277b78; outline-offset: 4px; border-radius: 3px; }
.news-detail-masthead-copy[b-tyk0upemn4] { padding: 34px 0 30px; }
.news-detail-masthead h1[b-tyk0upemn4] { max-width: 1040px; margin: 16px 0 24px; font-family: var(--news-serif); font-size: clamp(2.5rem, 4.25vw, 3.5rem); line-height: 1.08; letter-spacing: -.035em; font-weight: 400; color: var(--news-ink); overflow-wrap: break-word; text-wrap: pretty; }
.news-detail-deck[b-tyk0upemn4] { max-width: 860px; margin: 0 0 28px; color: var(--news-body); font-size: 1.125rem; line-height: 1.7; }
.news-detail-meta[b-tyk0upemn4] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 24px; color: var(--news-muted); font-size: .8125rem; line-height: 1.6; }
.news-detail-meta > * + *[b-tyk0upemn4] { border-left: 1px solid #bac7bd; padding-left: 24px; }
.news-detail-meta a[b-tyk0upemn4] { color: var(--news-link); text-decoration: none; }
.news-detail-pills[b-tyk0upemn4] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px; }
.news-pill[b-tyk0upemn4] { display: inline-flex; align-items: center; padding: 0; font-size: .6875rem; line-height: 1.5; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; text-decoration: none; overflow-wrap: anywhere; }
a.news-pill[b-tyk0upemn4] { min-height: 32px; }
.news-pill-recalls[b-tyk0upemn4] { color: #a23d2b; }
.news-pill-shortages[b-tyk0upemn4] { color: #84601d; }
.news-pill-guidelines[b-tyk0upemn4] { color: #285f85; }
.news-pill-practice[b-tyk0upemn4], .news-pill-default[b-tyk0upemn4] { color: #246b5a; }
.news-pill-province[b-tyk0upemn4] { color: var(--news-muted); font-weight: 500; }
.news-detail-pills[b-tyk0upemn4]::before { content: ''; width: 24px; height: 3px; background: #2d7866; flex: 0 0 24px; }
.news-detail-figure[b-tyk0upemn4] { margin: 4px 0 0; }
.news-detail-figure img[b-tyk0upemn4] { display: block; width: 100%; height: auto; max-height: 520px; aspect-ratio: 2 / 1; object-fit: cover; object-position: 50% 50%; border-radius: 3px; background: #e8ebe3; }
.news-detail-figure figcaption[b-tyk0upemn4] { border-bottom: 1px solid var(--news-line); padding: 4px 0 14px; }
.news-detail-layout[b-tyk0upemn4] { display: grid; grid-template-columns: minmax(0, 696px) 252px; gap: 80px; margin: 48px 0 0; align-items: start; }
.news-detail-body-column[b-tyk0upemn4], .news-detail-sidebar[b-tyk0upemn4] { min-width: 0; }
.studio-detail-body[b-tyk0upemn4] { color: var(--news-body); font-size: 1.0625rem; line-height: 1.85; overflow-wrap: anywhere; }
.studio-detail-body[b-tyk0upemn4]  p { margin: 0 0 26px; }
.studio-detail-body[b-tyk0upemn4]  > p:first-child { font-family: var(--news-serif); font-size: 1.3125rem; line-height: 1.7; color: var(--news-ink); }
.studio-detail-body[b-tyk0upemn4]  h2 { position: relative; margin: 46px 0 20px; padding-top: 22px; font-family: var(--news-serif); font-size: 2rem; line-height: 1.22; font-weight: 400; color: var(--news-ink); scroll-margin-top: 96px; letter-spacing: -.025em; }
.studio-detail-body[b-tyk0upemn4]  h2::before { content: ''; position: absolute; left: 0; top: 0; height: 2px; width: 32px; background: #43846d; }
.studio-detail-body[b-tyk0upemn4]  h3 { margin: 30px 0 12px; color: var(--news-ink); font-size: 1.125rem; line-height: 1.5; font-weight: 650; scroll-margin-top: 96px; }
.studio-detail-body[b-tyk0upemn4]  ul, .studio-detail-body[b-tyk0upemn4]  ol { margin: 20px 0 30px; padding-left: 1.35em; }
.studio-detail-body[b-tyk0upemn4]  li { margin: 16px 0; padding-left: 8px; }
.studio-detail-body[b-tyk0upemn4]  li::marker { color: #277b68; font-weight: 650; }
.studio-detail-body[b-tyk0upemn4]  a { color: var(--news-link); text-decoration: underline; text-underline-offset: 3px; }
.studio-detail-body[b-tyk0upemn4]  strong { color: var(--news-ink); }
.studio-detail-body[b-tyk0upemn4]  img, .studio-detail-body[b-tyk0upemn4]  video, .studio-detail-body[b-tyk0upemn4]  iframe { max-width: 100%; }
.studio-detail-body[b-tyk0upemn4]  img { height: auto; }
.studio-detail-body[b-tyk0upemn4]  figure { margin: 24px 0; }
.studio-detail-body[b-tyk0upemn4]  pre { max-width: 100%; overflow: auto; padding: 16px; background: #eef1e9; }
.studio-detail-body[b-tyk0upemn4]  .news-table-region { max-width: 100%; overflow-x: auto; margin: 26px 0 34px; border: 1px solid var(--news-line); border-radius: 3px; }
.studio-detail-body[b-tyk0upemn4]  table { border-collapse: collapse; width: 100%; min-width: 600px; font-size: .875rem; line-height: 1.65; background: #fff; }
.studio-detail-body[b-tyk0upemn4]  th, .studio-detail-body[b-tyk0upemn4]  td { border: 0; border-bottom: 1px solid var(--news-line); padding: 16px 14px; text-align: left; vertical-align: top; }
.studio-detail-body[b-tyk0upemn4]  th { background: #eaf0e7; color: var(--news-ink); font-weight: 650; }
.studio-detail-body[b-tyk0upemn4]  th:first-child, .studio-detail-body[b-tyk0upemn4]  td:first-child { min-width: 128px; }
.studio-detail-body[b-tyk0upemn4]  th:not(:first-child), .studio-detail-body[b-tyk0upemn4]  td:not(:first-child) { min-width: 160px; }
.studio-detail-body[b-tyk0upemn4]  tbody tr:nth-child(even) { background: #f6f7f2; }
.studio-detail-body[b-tyk0upemn4]  tbody tr:last-child td { border-bottom: 0; }
.studio-detail-body[b-tyk0upemn4]  td:first-child { font-weight: 600; color: var(--news-ink); }
.studio-detail-body[b-tyk0upemn4]  blockquote { margin: 32px 0; border-left: 3px solid #43846d; padding: 16px 26px; background: #edf2e9; font-family: var(--news-serif); font-size: 1.25rem; }
.studio-detail-body[b-tyk0upemn4]  .news-guidance { padding: 28px; margin: 36px 0; border-left: 3px solid #43846d; background: #edf2e9; font-size: 1rem; line-height: 1.75; }
.studio-detail-body[b-tyk0upemn4]  .news-guidance h2 { margin-top: 0; }
.studio-detail-body[b-tyk0upemn4]  .news-guidance li { margin: 20px 0; }
.studio-detail-body[b-tyk0upemn4]  .news-conditions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 20px; font-size: 1rem; }
.news-detail-sidebar[b-tyk0upemn4] { position: sticky; top: 96px; max-height: calc(100dvh - 120px); overflow-y: auto; padding: 22px 0 0 24px; border-top: 2px solid #36725f; border-left: 1px solid var(--news-line); }
.news-article-navigation h2[b-tyk0upemn4] { font-size: .6875rem; line-height: 1.6; text-transform: uppercase; letter-spacing: .13em; margin: 0 0 12px; font-weight: 700; color: var(--news-muted); }
.news-article-navigation nav[b-tyk0upemn4] { border-bottom: 1px solid var(--news-line); margin-bottom: 24px; padding-bottom: 20px; }
.news-article-navigation ol[b-tyk0upemn4] { list-style: none; counter-reset: article-section; padding: 0; margin: 0; }
.news-article-navigation li[b-tyk0upemn4] { counter-increment: article-section; }
.news-article-navigation li a[b-tyk0upemn4] { display: grid; grid-template-columns: 20px 1fr; gap: 10px; padding: 11px 0; color: var(--news-ink); font-size: .8125rem; line-height: 1.55; text-decoration: none; overflow-wrap: anywhere; }
.news-article-navigation li a[b-tyk0upemn4]::before { content: counter(article-section, decimal-leading-zero); font-size: .6875rem; color: #5c8978; padding-top: 2px; }
.news-article-navigation dl[b-tyk0upemn4] { margin: 0; }
.news-article-navigation dt[b-tyk0upemn4] { color: var(--news-muted); font-size: .6875rem; margin-top: 16px; }
.news-article-navigation dd[b-tyk0upemn4] { color: var(--news-ink); font-size: .8125rem; line-height: 1.6; margin: 4px 0 0; overflow-wrap: anywhere; }
.news-detail-sidebar-cta[b-tyk0upemn4] { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; margin-top: 20px; font-size: .8125rem; font-weight: 650; color: var(--news-link); text-decoration: none; }
.news-mobile-details[b-tyk0upemn4] { display: none; }
.news-detail-references[b-tyk0upemn4] { border-top: 1px solid var(--news-line); margin-top: 44px; padding: 28px; background: #eff2e9; scroll-margin-top: 96px; }
.news-detail-references h2[b-tyk0upemn4], .news-related h2[b-tyk0upemn4] { margin: 0 0 22px; font-family: var(--news-serif); font-size: 2rem; line-height: 1.25; font-weight: 400; letter-spacing: -.025em; }
.news-detail-references ol[b-tyk0upemn4] { padding-left: 22px; margin-bottom: 0; }
.news-detail-references li[b-tyk0upemn4] { padding-left: 8px; margin: 0 0 20px; color: var(--news-muted); font-size: .8125rem; line-height: 1.7; overflow-wrap: anywhere; }
.news-detail-references li:last-child[b-tyk0upemn4] { margin-bottom: 0; }
.news-detail-references li[b-tyk0upemn4]::marker { color: var(--news-link); }
.news-detail-references a[b-tyk0upemn4] { color: var(--news-link); font-size: .9375rem; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.news-related[b-tyk0upemn4] { margin-top: 64px; padding-top: 32px; border-top: 1px solid #aabdb0; }
.news-related-heading[b-tyk0upemn4] { display: flex; justify-content: space-between; align-items: baseline; gap: 24px; margin-bottom: 24px; }
.news-related-heading h2[b-tyk0upemn4] { margin: 0; }
.news-related-heading > a[b-tyk0upemn4] { color: var(--news-link); font-size: .8125rem; text-decoration: none; }
.news-related-grid[b-tyk0upemn4] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.news-related-card[b-tyk0upemn4] { min-width: 0; }
.news-related-link[b-tyk0upemn4] { display: block; text-decoration: none; color: var(--news-ink); }
.news-related-link img[b-tyk0upemn4] { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: 50% 30%; border-radius: 2px; margin-bottom: 18px; }
.news-related-card h3[b-tyk0upemn4] { margin: 12px 0 16px; font-family: var(--news-serif); font-size: 1.375rem; line-height: 1.3; font-weight: 400; letter-spacing: -.015em; overflow-wrap: anywhere; }
.news-related-card small[b-tyk0upemn4] { color: var(--news-muted); font-size: .6875rem; }
@media (max-width: 1100px) {
    .news-detail-layout[b-tyk0upemn4] { grid-template-columns: minmax(0, 1fr) 220px; gap: 48px; }
    .studio-detail-body[b-tyk0upemn4]  .news-conditions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
    .news-detail-page[b-tyk0upemn4] { padding: 24px 32px 64px; }
    .news-detail-layout[b-tyk0upemn4] { display: block; max-width: 696px; margin: 36px auto 0; }
    .news-detail-sidebar[b-tyk0upemn4] { display: none; }
    .news-mobile-details[b-tyk0upemn4] { display: block; margin-bottom: 30px; padding: 0 18px; border-top: 1px solid var(--news-line); border-bottom: 1px solid var(--news-line); }
    .news-mobile-details summary[b-tyk0upemn4] { cursor: pointer; padding: 18px 0; color: var(--news-ink); font-size: .8125rem; font-weight: 600; }
    .news-mobile-details .news-article-navigation[b-tyk0upemn4] { padding: 8px 0 20px; }
    .news-related-grid[b-tyk0upemn4] { gap: 20px; }
}
@media (max-width: 600px) {
    .news-detail-page[b-tyk0upemn4] { padding: 16px 22px 48px; }
    .news-detail-topline[b-tyk0upemn4] { padding-bottom: 10px; gap: 12px; }
    .news-detail-edition[b-tyk0upemn4] { max-width: 160px; text-align: right; font-size: .5625rem; letter-spacing: .08em; }
    .news-detail-edition span[b-tyk0upemn4] { margin: 0 5px; }
    .news-detail-masthead-copy[b-tyk0upemn4] { padding: 24px 0; }
    .news-detail-masthead h1[b-tyk0upemn4] { font-size: 2.25rem; line-height: 1.12; letter-spacing: -.035em; margin: 14px 0 22px; }
    .news-detail-deck[b-tyk0upemn4] { font-size: 1rem; line-height: 1.75; }
    .news-detail-meta[b-tyk0upemn4] { gap: 10px 16px; font-size: .6875rem; }
    .news-detail-meta > * + *[b-tyk0upemn4] { padding-left: 16px; }
    .news-detail-pills[b-tyk0upemn4] { gap: 6px 12px; }
    .news-pill[b-tyk0upemn4] { font-size: .625rem; }
    .news-detail-figure img[b-tyk0upemn4] { aspect-ratio: 16 / 10; }
    .news-detail-layout[b-tyk0upemn4] { margin-top: 28px; }
    .studio-detail-body[b-tyk0upemn4] { font-size: 1rem; line-height: 1.85; }
    .studio-detail-body[b-tyk0upemn4]  > p:first-child { font-size: 1.1875rem; }
    .studio-detail-body[b-tyk0upemn4]  h2 { margin-top: 36px; font-size: 1.75rem; }
    .studio-detail-body[b-tyk0upemn4]  .news-table-region::before { content: 'Scroll sideways to view all columns'; display: block; position: sticky; left: 0; padding: 10px 14px; background: #eff2e9; color: var(--news-muted); font-size: .6875rem; line-height: 1.5; }
    .studio-detail-body[b-tyk0upemn4]  .news-guidance, .news-detail-references[b-tyk0upemn4] { padding: 22px; }
    .news-related[b-tyk0upemn4] { margin-top: 48px; }
    .news-related-heading[b-tyk0upemn4] { gap: 12px; }
    .news-related-heading h2[b-tyk0upemn4] { font-size: 1.75rem; }
    .news-related-heading > a[b-tyk0upemn4] { font-size: .6875rem; }
    .news-related-grid[b-tyk0upemn4] { grid-template-columns: 1fr; gap: 32px; }
    .news-related-link img[b-tyk0upemn4] { aspect-ratio: 16 / 9; }
    .news-related-card h3[b-tyk0upemn4] { font-size: 1.5rem; }
}
@media (max-width: 359px) {
    .news-detail-page[b-tyk0upemn4] { padding-left: 18px; padding-right: 18px; }
    .news-detail-masthead h1[b-tyk0upemn4] { font-size: 2rem; }
    .news-detail-meta[b-tyk0upemn4] { column-gap: 12px; }
    .news-detail-meta > * + *[b-tyk0upemn4] { padding-left: 12px; }
    .studio-detail-body[b-tyk0upemn4]  .news-conditions { grid-template-columns: 1fr; }
}
/* /Components/Pages/PublicPageBuilder.razor.rz.scp.css */
.landing-manager[b-tx12jickm4] {
    --navy: var(--blue-900);
    --navy-deep: #071a30;
    --ink: var(--ink-900);
    --muted: var(--ink-500);
    --faint: #93a2ac;
    --line: var(--ink-100);
    --soft: var(--blue-50);
    --surface: #fff;
    --danger: #dc2626;
    --danger-bg: #fef1f1;
    --shadow-sm: 0 8px 22px rgba(11, 47, 82, .05);
    --shadow: 0 16px 36px rgba(11, 47, 82, .08);
    --shadow-lg: 0 26px 60px rgba(7, 29, 55, .16);
    --radius: 16px;
    display: grid;
    gap: 1rem;
    width: min(1540px, calc(100% - 32px));
    margin: 0 auto 3rem;
    color: var(--ink);
    font-family: var(--app-font, Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif);
    animation: landing-manager-enter-b-tx12jickm4 .32s cubic-bezier(.16,.8,.3,1) both;
}

/* Grid items default to min-width:auto, which lets long unwrapped content (like the
   dynamic "+ New page in X" button) force the track wider than the viewport. */
.landing-manager > *[b-tx12jickm4] {
    min-width: 0;
}

@keyframes landing-manager-enter-b-tx12jickm4 {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: none; }
}

.sr-only[b-tx12jickm4] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.landing-manager button[b-tx12jickm4],
.landing-manager a.secondary[b-tx12jickm4],
.row-actions a[b-tx12jickm4] {
    font: inherit;
}

.landing-manager button:focus-visible[b-tx12jickm4],
.landing-manager a:focus-visible[b-tx12jickm4],
.landing-manager input:focus-visible[b-tx12jickm4],
.landing-manager select:focus-visible[b-tx12jickm4],
.landing-manager summary:focus-visible[b-tx12jickm4] {
    outline: 2px solid var(--blue-600);
    outline-offset: 2px;
}

.primary[b-tx12jickm4],
.secondary[b-tx12jickm4],
.text-button[b-tx12jickm4],
.row-actions button[b-tx12jickm4],
.row-actions a[b-tx12jickm4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 1rem;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: #fff;
    color: var(--navy);
    font-weight: 750;
    font-size: .87rem;
    text-decoration: none;
    cursor: pointer;
    transition: background .16s ease, border-color .16s ease, transform .12s ease, box-shadow .16s ease;
}

.primary[b-tx12jickm4] {
    border-color: transparent;
    background: var(--orange-600);
    color: #fff;
    font-weight: 800;
    box-shadow: 0 6px 16px -6px rgba(234, 88, 12, .55);
}

.primary:hover[b-tx12jickm4] {
    background: var(--orange-700);
    border-color: transparent;
    transform: translateY(-1px);
}

.secondary:hover[b-tx12jickm4],
.row-actions button:hover[b-tx12jickm4],
.row-actions a:hover[b-tx12jickm4] {
    border-color: var(--blue-600);
    background: var(--blue-50);
    color: var(--blue-700);
}

.primary:active[b-tx12jickm4],
.secondary:active[b-tx12jickm4] {
    transform: translateY(1px);
}

button:disabled[b-tx12jickm4] {
    opacity: .5;
    cursor: not-allowed;
    box-shadow: none;
}

.danger[b-tx12jickm4] {
    color: #b3455a !important;
}

/* ===== gradient page header (matches the editor header below) ===== */
.pl-header[b-tx12jickm4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    flex-wrap: wrap;
    padding: 1.7rem 1.9rem;
    border-radius: var(--radius);
    background: linear-gradient(135deg, var(--navy) 0%, var(--navy-deep) 100%);
    box-shadow: 0 12px 28px -14px rgba(8, 33, 56, .45);
}

.pl-header > *[b-tx12jickm4] {
    min-width: 0;
}

.pl-eyebrow[b-tx12jickm4] {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .12);
    color: var(--orange-500);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.pl-header h1[b-tx12jickm4] {
    margin: 10px 0 4px;
    color: #fff;
    font-size: clamp(1.7rem, 3vw, 2.15rem);
    font-weight: 750;
    letter-spacing: -.03em;
}

.pl-header p[b-tx12jickm4] {
    margin: 0;
    color: #c8d6e6;
    font-size: .92rem;
    max-width: 52ch;
}

.pl-toolbar[b-tx12jickm4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.pl-filters[b-tx12jickm4] {
    display: flex;
    gap: 6px;
    padding: 4px;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: #fff;
}

.pl-filter[b-tx12jickm4] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 36px;
    padding: 0 .7rem;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--muted);
    font-weight: 750;
    font-size: .83rem;
    cursor: pointer;
    transition: background .14s ease, color .14s ease;
}

.pl-filter:hover[b-tx12jickm4] {
    color: var(--navy);
    background: var(--soft);
}

.pl-filter.active[b-tx12jickm4] {
    background: var(--navy);
    color: #fff;
}

.pl-filter span[b-tx12jickm4] {
    padding: 1px 7px;
    border-radius: 999px;
    background: rgba(11, 47, 82, .08);
    color: inherit;
    font-size: .74rem;
    font-weight: 800;
}

.pl-filter.active span[b-tx12jickm4] {
    background: rgba(255, 255, 255, .18);
}

.pl-tools[b-tx12jickm4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
}

.pl-search input[b-tx12jickm4],
.pl-sort select[b-tx12jickm4] {
    min-height: 40px;
    padding: 0 .8rem;
    border: 1px solid var(--line);
    border-radius: 9px;
    background: #fff;
    color: var(--ink);
    font: inherit;
    font-size: .85rem;
    transition: border-color .14s ease, box-shadow .14s ease;
}

.pl-search input[b-tx12jickm4] {
    width: 220px;
}

.pl-search input:focus[b-tx12jickm4],
.pl-sort select:focus[b-tx12jickm4] {
    outline: none;
    border-color: var(--blue-600);
    box-shadow: 0 0 0 3px var(--blue-50);
}

.pl-count[b-tx12jickm4] {
    color: var(--muted);
    font-size: .78rem;
    font-weight: 650;
}

/* ===== body layout ===== */
.landing-hero[b-tx12jickm4],
.editor-command[b-tx12jickm4],
.landing-library[b-tx12jickm4],
.landing-folders[b-tx12jickm4],
.identity-card[b-tx12jickm4],
.authoring-card[b-tx12jickm4],
.publish-card[b-tx12jickm4] {
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: #fff;
    box-shadow: var(--shadow-sm);
}

.landing-body[b-tx12jickm4] {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.landing-body > *[b-tx12jickm4] {
    min-width: 0;
}

.landing-folders[b-tx12jickm4] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 1.1rem;
}

.landing-folders-head h2[b-tx12jickm4] {
    margin: 0 0 .7rem;
    color: var(--navy);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.landing-folder-row[b-tx12jickm4] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 2px;
}

.landing-folder-row .landing-folder[b-tx12jickm4] {
    flex: 1;
    min-width: 0;
}

.landing-folder[b-tx12jickm4] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    border: 0;
    border-radius: 9px;
    padding: 9px 10px;
    background: transparent;
    color: var(--muted);
    text-align: left;
    font-size: .85rem;
    font-weight: 650;
    cursor: pointer;
    transition: background .14s ease, color .14s ease;
}

.landing-folder > span:first-child[b-tx12jickm4] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.folder-count[b-tx12jickm4] {
    flex: 0 0 auto;
    padding: 1px 7px;
    border-radius: 999px;
    background: var(--soft);
    color: var(--muted);
    font-size: .72rem;
    font-weight: 800;
}

.landing-folder.active .folder-count[b-tx12jickm4] {
    background: rgba(255, 255, 255, .18);
    color: #fff;
}

.landing-folder:hover[b-tx12jickm4] {
    background: var(--blue-50);
    color: var(--blue-700);
}

.landing-folder.active[b-tx12jickm4] {
    background: var(--navy);
    color: #fff;
    font-weight: 750;
}

.landing-folder.active[b-tx12jickm4]::before {
    position: absolute;
    left: 0;
    top: 6px;
    bottom: 6px;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: var(--orange-500);
    content: "";
}

.folder-menu[b-tx12jickm4] {
    position: relative;
    flex: 0 0 auto;
}

.folder-menu summary[b-tx12jickm4] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    color: var(--muted);
    font-weight: 900;
    cursor: pointer;
    list-style: none;
}

.folder-menu summary[b-tx12jickm4]::-webkit-details-marker {
    display: none;
}

.folder-menu summary:hover[b-tx12jickm4] {
    background: var(--soft);
    color: var(--navy);
}

.folder-menu[open] summary[b-tx12jickm4] {
    background: var(--soft);
    color: var(--navy);
}

.folder-menu-items[b-tx12jickm4] {
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    z-index: 20;
    display: flex;
    flex-direction: column;
    min-width: 140px;
    padding: 6px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: #fff;
    box-shadow: var(--shadow);
}

.folder-menu-items button[b-tx12jickm4] {
    min-height: 36px;
    padding: 0 .6rem;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--navy);
    text-align: left;
    font-weight: 650;
    font-size: .84rem;
    cursor: pointer;
}

.folder-menu-items button:hover[b-tx12jickm4] {
    background: var(--soft);
}

.folder-menu-items button.danger:hover[b-tx12jickm4] {
    background: var(--danger-bg);
}

.folder-rename[b-tx12jickm4] {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 100%;
}

.folder-rename-input[b-tx12jickm4] {
    flex: 1;
    min-width: 0;
    min-height: 34px;
    padding: 0 8px;
    border: 1px solid var(--blue-600);
    border-radius: 7px;
    font: inherit;
    font-size: .82rem;
}

.folder-rename .text-button[b-tx12jickm4] {
    min-height: 30px;
    padding: 0 .4rem;
    font-size: .74rem;
}

.landing-folder-new[b-tx12jickm4] {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--line);
}

.folder-new-trigger[b-tx12jickm4] {
    justify-content: flex-start;
    width: 100%;
    padding: 8px 10px;
    color: var(--blue-700);
    font-weight: 750;
}

.folder-new-trigger:hover[b-tx12jickm4] {
    background: var(--blue-50);
}

.folder-new-input[b-tx12jickm4] {
    width: 100%;
    min-height: 38px;
    padding: 0 10px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--soft);
    font: inherit;
    font-size: .84rem;
}

.folder-new-input:focus[b-tx12jickm4] {
    outline: none;
    border-color: var(--blue-600);
    background: #fff;
    box-shadow: 0 0 0 3px var(--blue-50);
}

.landing-folder-new-actions[b-tx12jickm4] {
    display: flex;
    gap: 6px;
    margin-top: 6px;
}

.landing-folder-new-actions button[b-tx12jickm4] {
    flex: 1;
    min-height: 34px;
    font-size: .78rem;
}

/* ===== editor gradient header (matches the list-view header above) ===== */
.editor-command[b-tx12jickm4] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    overflow: hidden;
    padding: 2rem 2.2rem;
    color: #fff;
    background: linear-gradient(135deg, var(--navy) 0%, var(--navy-deep) 100%);
    box-shadow: var(--shadow-lg);
    border-color: transparent;
}

.editor-command[b-tx12jickm4]::after {
    position: absolute;
    right: -90px;
    bottom: -140px;
    width: 340px;
    height: 340px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.editor-command > *[b-tx12jickm4] {
    position: relative;
    z-index: 1;
}

.landing-back[b-tx12jickm4],
.text-button[b-tx12jickm4] {
    display: inline-flex;
    width: fit-content;
    min-height: auto;
    margin-bottom: .75rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: rgba(255, 255, 255, .72);
    font-size: .78rem;
    font-weight: 650;
    text-decoration: none;
    cursor: pointer;
    transition: color .14s ease;
}

.landing-back:hover[b-tx12jickm4],
.text-button:hover[b-tx12jickm4] {
    color: #fff;
}

.landing-folder-new .text-button[b-tx12jickm4],
.folder-menu-items .text-button[b-tx12jickm4],
.folder-rename .text-button[b-tx12jickm4] {
    color: var(--navy);
}

.landing-folder-new .text-button:hover[b-tx12jickm4],
.folder-rename .text-button:hover[b-tx12jickm4] {
    color: var(--blue-700);
}

.section-heading > span:first-child[b-tx12jickm4],
.authoring-head > div > span[b-tx12jickm4] {
    color: var(--blue-700);
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.editor-command h1[b-tx12jickm4] {
    margin: .3rem 0;
    color: #fff;
    font-size: clamp(1.9rem, 3.4vw, 2.6rem);
    font-weight: 780;
    letter-spacing: -.04em;
    line-height: 1.08;
}

.section-heading p[b-tx12jickm4],
.authoring-head p[b-tx12jickm4],
.publish-card p[b-tx12jickm4] {
    margin: 0;
    color: var(--muted);
}

.editor-command .secondary[b-tx12jickm4],
.editor-command a.secondary[b-tx12jickm4] {
    border-color: rgba(255, 255, 255, .4);
    background: rgba(255, 255, 255, .08);
    color: #fff;
}

.editor-command .secondary:hover[b-tx12jickm4],
.editor-command a.secondary:hover[b-tx12jickm4] {
    background: rgba(255, 255, 255, .18);
    border-color: rgba(255, 255, 255, .6);
    color: #fff;
}

.landing-library > header[b-tx12jickm4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.05rem 1.25rem;
    border-bottom: 1px solid var(--line);
    background: var(--soft);
    border-radius: var(--radius) var(--radius) 0 0;
}

.authoring-head[b-tx12jickm4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.05rem 1.25rem;
    border-bottom: 1px solid var(--line);
    background: var(--soft);
    border-radius: var(--radius) var(--radius) 0 0;
}

.landing-library h2[b-tx12jickm4],
.section-heading h2[b-tx12jickm4],
.authoring-head h2[b-tx12jickm4] {
    margin: 0;
    color: var(--navy);
    font-size: 1.02rem;
    font-weight: 800;
    letter-spacing: -.01em;
}

.landing-empty[b-tx12jickm4] {
    display: grid;
    min-height: 300px;
    place-items: center;
    align-content: center;
    gap: .5rem;
    color: var(--muted);
    text-align: center;
    padding: 2rem;
}

.landing-empty strong[b-tx12jickm4] {
    color: var(--navy);
    font-size: 1.25rem;
    font-weight: 800;
}

.landing-empty .primary[b-tx12jickm4] {
    margin-top: .5rem;
}

.landing-table-wrap[b-tx12jickm4] {
    overflow-x: auto;
}

.landing-table-wrap table[b-tx12jickm4] {
    width: 100%;
    min-width: 860px;
    border-collapse: separate;
    border-spacing: 0 10px;
}

.landing-table-wrap th[b-tx12jickm4] {
    padding: .8rem 1.25rem;
    border: 0;
    color: var(--muted);
    background: var(--soft);
    font-size: .67rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-align: left;
    text-transform: uppercase;
}

.landing-table-wrap th:first-child[b-tx12jickm4] {
    border-radius: 10px 0 0 10px;
}

.landing-table-wrap th:last-child[b-tx12jickm4] {
    border-radius: 0 10px 10px 0;
}

.landing-table-wrap td[b-tx12jickm4] {
    padding: .9rem 1.25rem;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    text-align: left;
    vertical-align: middle;
}

.landing-table-wrap td:first-child[b-tx12jickm4] {
    border-left: 1px solid var(--line);
    border-radius: 12px 0 0 12px;
}

.landing-table-wrap td:last-child[b-tx12jickm4] {
    border-right: 1px solid var(--line);
    border-radius: 0 12px 12px 0;
}

.landing-table-wrap tbody tr[b-tx12jickm4] {
    background: var(--surface);
    box-shadow: 0 1px 2px rgba(11, 37, 69, .04);
    transition: background .12s ease, box-shadow .12s ease;
}

.landing-table-wrap tbody tr:hover[b-tx12jickm4],
.landing-table-wrap tbody tr:focus-within[b-tx12jickm4] {
    background: var(--blue-50);
    box-shadow: 0 8px 20px -12px rgba(11, 47, 82, .28);
}

.landing-table-wrap td:first-child strong[b-tx12jickm4],
.landing-table-wrap td:first-child small[b-tx12jickm4] {
    display: block;
}

.landing-table-wrap td:first-child strong[b-tx12jickm4] {
    color: var(--navy);
    font-size: .93rem;
    font-weight: 750;
}

.landing-table-wrap td:first-child small[b-tx12jickm4] {
    margin-top: .2rem;
    color: var(--muted);
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: .74rem;
}

.activity-primary[b-tx12jickm4] {
    display: block;
    color: var(--ink);
    font-size: .84rem;
    font-weight: 600;
}

.activity-secondary[b-tx12jickm4] {
    display: block;
    margin-top: 2px;
    color: var(--faint);
    font-size: .74rem;
}

.preview-warn[b-tx12jickm4] {
    display: inline-flex;
    margin-left: 6px;
    padding: 1px 7px;
    border-radius: 999px;
    background: var(--orange-100);
    color: var(--orange-700);
    font-size: .64rem;
    font-weight: 800;
    white-space: nowrap;
    vertical-align: middle;
}

.row-actions[b-tx12jickm4],
.command-actions[b-tx12jickm4],
.publish-card > div:last-child[b-tx12jickm4] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.row-actions button[b-tx12jickm4],
.row-actions a[b-tx12jickm4] {
    min-height: 40px;
    padding: 0 .75rem;
    font-size: .76rem;
    font-weight: 700;
}

.row-actions button.danger:hover[b-tx12jickm4] {
    border-color: #f5c6c2;
    background: var(--danger-bg);
}

.page-status[b-tx12jickm4] {
    display: inline-flex;
    padding: .38rem .65rem;
    border-radius: 999px;
    background: var(--ink-100);
    color: var(--ink-500);
    font-size: .66rem;
    font-weight: 900;
    letter-spacing: .03em;
    white-space: nowrap;
}

.page-status.published[b-tx12jickm4] {
    background: var(--green-100);
    color: var(--green-700);
}

.page-status.changes[b-tx12jickm4] {
    background: var(--orange-100);
    color: var(--orange-700);
}

.page-status-toggle[b-tx12jickm4] {
    border: 0;
    cursor: pointer;
    transition: filter .12s ease, opacity .12s ease;
}

.page-status-toggle:hover:not(:disabled)[b-tx12jickm4] {
    filter: brightness(.94);
}

.page-status-toggle:disabled[b-tx12jickm4] {
    cursor: default;
    opacity: .6;
}

.save-state[b-tx12jickm4] {
    font-size: .78rem;
    color: rgba(255, 255, 255, .72);
}

.save-state.pending[b-tx12jickm4]::before {
    content: "● ";
    color: var(--orange-500);
}

.landing-message[b-tx12jickm4] {
    padding: .8rem 1.1rem;
    border: 1px solid #bbe8cc;
    border-radius: 12px;
    background: var(--green-100);
    color: var(--green-700);
    font-size: .87rem;
    font-weight: 600;
}

.landing-message.error[b-tx12jickm4] {
    border-color: #f5c6c2;
    background: var(--danger-bg);
    color: #a83b30;
}

.identity-card[b-tx12jickm4] {
    padding: 1.25rem 1.3rem;
}

.section-heading[b-tx12jickm4] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
}

.section-heading > span:first-child[b-tx12jickm4],
.authoring-head > div > span[b-tx12jickm4] {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border-radius: 50%;
    background: var(--blue-100);
    font-weight: 900;
}

.identity-grid[b-tx12jickm4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .9rem;
    margin-top: 1.1rem;
}

.identity-grid label[b-tx12jickm4] {
    display: grid;
    gap: .4rem;
    color: var(--navy);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .01em;
}

.identity-grid .wide[b-tx12jickm4] {
    grid-column: 1 / -1;
}

.identity-grid input[b-tx12jickm4],
.identity-grid textarea[b-tx12jickm4],
.identity-grid select[b-tx12jickm4] {
    width: 100%;
    padding: .7rem .8rem;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--soft);
    color: var(--ink);
    font: inherit;
    font-size: .88rem;
    transition: border-color .14s ease, background .14s ease, box-shadow .14s ease;
}

.identity-grid input:focus[b-tx12jickm4],
.identity-grid textarea:focus[b-tx12jickm4],
.identity-grid select:focus[b-tx12jickm4] {
    outline: none;
    border-color: var(--blue-600);
    background: #fff;
    box-shadow: 0 0 0 3px var(--blue-50);
}

.identity-grid textarea[b-tx12jickm4] {
    resize: vertical;
    line-height: 1.5;
}

.identity-grid label > small[b-tx12jickm4] {
    justify-self: end;
    color: var(--faint);
    font-weight: 500;
}

.slug-field[b-tx12jickm4] {
    display: flex;
    align-items: center;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--soft);
    transition: border-color .14s ease, box-shadow .14s ease;
}

.slug-field:focus-within[b-tx12jickm4] {
    border-color: var(--blue-600);
    box-shadow: 0 0 0 3px var(--blue-50);
}

.slug-field span[b-tx12jickm4] {
    align-self: stretch;
    display: flex;
    align-items: center;
    padding: 0 .7rem;
    background: var(--ink-100);
    color: var(--muted);
    font-weight: 650;
    font-size: .84rem;
}

.slug-field input[b-tx12jickm4] {
    border: 0;
    border-radius: 0;
    background: transparent;
}

.slug-field input:focus[b-tx12jickm4] {
    box-shadow: none;
}

.authoring-card[b-tx12jickm4] {
    overflow: hidden;
}

.authoring-head > div[b-tx12jickm4] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.authoring-head nav[b-tx12jickm4] {
    display: flex;
    gap: .25rem;
    padding: .28rem;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: #fff;
}

.authoring-head nav button[b-tx12jickm4] {
    min-height: 36px;
    padding: 0 .85rem;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--muted);
    font-weight: 750;
    font-size: .84rem;
    cursor: pointer;
    transition: background .14s ease, color .14s ease;
}

.authoring-head nav button:hover[b-tx12jickm4] {
    color: var(--navy);
}

.authoring-head nav button.active[b-tx12jickm4] {
    background: var(--navy);
    color: #fff;
}

.visual-toolbar[b-tx12jickm4],
.code-heading[b-tx12jickm4],
.preview-heading[b-tx12jickm4] {
    display: flex;
    align-items: center;
    gap: .4rem;
    min-height: 50px;
    padding: .5rem .8rem;
    border-bottom: 1px solid var(--line);
    background: var(--soft);
}

.visual-toolbar button[b-tx12jickm4] {
    min-width: 36px;
    min-height: 36px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
    color: var(--navy);
    cursor: pointer;
    transition: border-color .14s ease, background .14s ease;
}

.visual-toolbar button:hover[b-tx12jickm4] {
    border-color: var(--blue-600);
    background: var(--blue-50);
}

.visual-toolbar > span[b-tx12jickm4],
.code-heading span[b-tx12jickm4],
.preview-heading span[b-tx12jickm4] {
    margin-left: auto;
    color: var(--muted);
    font-size: .74rem;
    font-weight: 600;
}

.code-heading[b-tx12jickm4] {
    justify-content: space-between;
    color: #9fb0c3;
    background: #0b121c;
    border-color: #243141;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: .7rem;
}

.code-heading span[b-tx12jickm4] {
    margin: 0;
    color: #9fb0c3;
}

.preview-heading[b-tx12jickm4] {
    justify-content: space-between;
}

.preview-heading span[b-tx12jickm4] {
    margin: 0;
}

.visual-editor[b-tx12jickm4],
.page-preview[b-tx12jickm4] {
    display: block;
    width: 100%;
    height: 680px;
    border: 0;
    background: #fff;
}

.code-editor[b-tx12jickm4] {
    display: block;
    width: 100%;
    min-height: 680px;
    padding: 1.2rem 1.3rem;
    resize: vertical;
    border: 0;
    outline: none;
    background: #080d15;
    color: #d9e4ef;
    caret-color: var(--blue-500);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: .82rem;
    line-height: 1.65;
    tab-size: 2;
}

.code-editor:focus[b-tx12jickm4] {
    box-shadow: inset 0 0 0 2px rgba(59, 130, 246, .45);
}

.publish-card[b-tx12jickm4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.1rem;
    padding: 1.1rem 1.3rem;
}

.publish-card strong[b-tx12jickm4] {
    color: var(--navy);
    font-size: .98rem;
}

.publish-card p[b-tx12jickm4] {
    max-width: 760px;
    margin-top: .3rem;
    font-size: .82rem;
}

@media (max-width: 900px) {
    .editor-command[b-tx12jickm4],
    .publish-card[b-tx12jickm4],
    .authoring-head[b-tx12jickm4] {
        align-items: stretch;
        flex-direction: column;
    }

    .pl-header[b-tx12jickm4] {
        flex-direction: column;
        align-items: stretch;
        gap: .9rem;
    }

    .pl-header .primary[b-tx12jickm4] {
        width: 100%;
        min-height: auto;
        padding: .65rem 1rem;
        white-space: normal;
        text-align: center;
        line-height: 1.3;
    }

    .pl-toolbar[b-tx12jickm4] {
        flex-direction: column;
        align-items: stretch;
    }

    .pl-tools[b-tx12jickm4] {
        justify-content: stretch;
    }

    .pl-search input[b-tx12jickm4] {
        flex: 1;
        width: auto;
    }

    .landing-body[b-tx12jickm4] {
        grid-template-columns: minmax(0, 1fr);
    }

    .command-actions[b-tx12jickm4],
    .command-actions > *[b-tx12jickm4],
    .publish-card > div:last-child[b-tx12jickm4],
    .publish-card > div:last-child > *[b-tx12jickm4] {
        width: 100%;
    }
}

@media (max-width: 700px) {
    /* Stack the page table into cards instead of squeezing columns. The desktop
       min-width:860px rule must be cancelled here or it forces every ancestor wider. */
    .landing-table-wrap table[b-tx12jickm4] {
        min-width: 0;
    }

    .landing-table-wrap table[b-tx12jickm4],
    .landing-table-wrap thead[b-tx12jickm4],
    .landing-table-wrap tbody[b-tx12jickm4],
    .landing-table-wrap tr[b-tx12jickm4],
    .landing-table-wrap td[b-tx12jickm4] {
        display: block;
        width: 100%;
    }

    .landing-table-wrap thead[b-tx12jickm4] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
    }

    .landing-table-wrap tbody tr[b-tx12jickm4] {
        margin-bottom: 12px;
        border: 1px solid var(--line);
        border-radius: 14px;
        padding: 4px 0;
        box-shadow: var(--shadow-sm);
    }

    .landing-table-wrap td[b-tx12jickm4] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
        padding: .6rem 1rem;
        border: 0;
        border-bottom: 1px solid var(--line);
        text-align: right;
    }

    .landing-table-wrap td:first-child[b-tx12jickm4],
    .landing-table-wrap td:last-child[b-tx12jickm4] {
        border-left: 0;
        border-right: 0;
        border-radius: 0;
    }

    .landing-table-wrap tr td:last-child[b-tx12jickm4] {
        border-bottom: 0;
    }

    .landing-table-wrap td[b-tx12jickm4]::before {
        flex: 0 0 auto;
        color: var(--muted);
        font-size: .68rem;
        font-weight: 800;
        letter-spacing: .05em;
        text-transform: uppercase;
        content: attr(data-label);
    }

    .landing-table-wrap td[data-label="Page"][b-tx12jickm4] {
        text-align: left;
    }

    .landing-table-wrap td[data-label="Page"][b-tx12jickm4]::before {
        display: none;
    }

    .row-actions[b-tx12jickm4] {
        justify-content: flex-end;
        width: 100%;
    }
}

@media (max-width: 620px) {
    .landing-manager[b-tx12jickm4] {
        width: min(100% - 20px, 1540px);
    }

    .editor-command[b-tx12jickm4],
    .pl-header[b-tx12jickm4] {
        padding: 1.4rem;
    }

    .identity-grid[b-tx12jickm4] {
        grid-template-columns: minmax(0, 1fr);
    }

    .identity-grid .wide[b-tx12jickm4] {
        grid-column: auto;
    }

    .section-heading[b-tx12jickm4] {
        grid-template-columns: 34px minmax(0, 1fr);
    }

    .section-heading .page-status[b-tx12jickm4] {
        grid-column: 1 / -1;
        width: fit-content;
    }

    .authoring-head nav[b-tx12jickm4] {
        width: 100%;
    }

    .authoring-head nav button[b-tx12jickm4] {
        flex: 1;
    }

    .visual-toolbar[b-tx12jickm4] {
        flex-wrap: wrap;
    }

    .visual-toolbar > span[b-tx12jickm4] {
        width: 100%;
        margin: .25rem 0 0;
    }

    .visual-editor[b-tx12jickm4],
    .page-preview[b-tx12jickm4],
    .code-editor[b-tx12jickm4] {
        min-height: 520px;
        height: 520px;
    }
}
/* /Components/Pages/PublicStudioDetail.razor.rz.scp.css */
.studio-detail[b-798g9e2y3b]{--navy:#0b2f52;--teal:#0f4d9f;--blue:#1769d2;--line:#dce5ed;--muted:#62778a;max-width:900px;margin:0 auto;padding:38px 22px 70px;color:#1b3348}.studio-detail-back[b-798g9e2y3b]{display:inline-block;margin-bottom:20px;color:var(--blue);font-weight:800;text-decoration:none}.studio-detail-hero[b-798g9e2y3b]{width:100%;max-height:430px;object-fit:cover;border-radius:20px}.studio-detail header[b-798g9e2y3b]{padding:28px 0 20px;border-bottom:1px solid var(--line)}.studio-detail header span[b-798g9e2y3b]{color:var(--teal);font-size:.7rem;font-weight:900;letter-spacing:.12em}.studio-detail h1[b-798g9e2y3b]{margin:7px 0;color:var(--navy);font-size:clamp(2rem,5vw,3.25rem);line-height:1.1}.studio-detail header p[b-798g9e2y3b]{margin:0;color:var(--muted);font-size:1.1rem;line-height:1.55}.studio-detail-body[b-798g9e2y3b]{padding:28px 0;color:#29445b;font-size:1rem;line-height:1.75;white-space:pre-line}.studio-detail-action[b-798g9e2y3b]{display:inline-flex;padding:11px 17px;border-radius:10px;background:var(--navy);color:#fff;font-weight:900;text-decoration:none}.studio-detail-empty[b-798g9e2y3b]{max-width:720px;margin:60px auto;padding:30px;text-align:center}.studio-detail-empty h1[b-798g9e2y3b]{color:#0b2f52}
/* /Components/Pages/ResumeBuilder.razor.rz.scp.css */
.resume-page[b-ej0ep5ryjx]{--navy:#0b2f52;--teal:#0f4d9f;--line:#d5e0e8;max-width:1500px;margin:0 auto;padding:28px;color:#1b3348}.resume-top[b-ej0ep5ryjx]{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px}.resume-top span[b-ej0ep5ryjx]{color:var(--teal);font-size:.7rem;font-weight:900;letter-spacing:.12em}.resume-top h1[b-ej0ep5ryjx]{margin:5px 0;color:var(--navy)}.resume-top p[b-ej0ep5ryjx]{margin:0;color:#62778a}.resume-top>div:last-child[b-ej0ep5ryjx]{display:flex;gap:8px;align-items:flex-start}.resume-top button[b-ej0ep5ryjx],.resume-section-head button[b-ej0ep5ryjx]{padding:10px 13px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--navy);font-weight:800;cursor:pointer}.resume-top button.primary[b-ej0ep5ryjx]{background:var(--navy);color:#fff}.resume-workspace[b-ej0ep5ryjx]{display:grid;grid-template-columns:minmax(430px,.8fr) minmax(620px,1.2fr);gap:18px;align-items:start}.resume-editor[b-ej0ep5ryjx]{display:grid;gap:14px}.resume-editor section[b-ej0ep5ryjx]{padding:17px;border:1px solid var(--line);border-radius:15px;background:#fff}.resume-editor h2[b-ej0ep5ryjx]{margin:0 0 12px;color:var(--navy);font-size:1.02rem}.resume-section-head[b-ej0ep5ryjx]{display:flex;justify-content:space-between}.resume-section-head button[b-ej0ep5ryjx]{padding:6px 10px}.resume-fields[b-ej0ep5ryjx]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.resume-editor label[b-ej0ep5ryjx]{display:grid;gap:5px;color:var(--navy);font-size:.74rem;font-weight:800}.resume-fields .wide[b-ej0ep5ryjx]{grid-column:1/-1}.resume-editor input[b-ej0ep5ryjx],.resume-editor textarea[b-ej0ep5ryjx]{padding:9px 10px;border:1px solid #cbd7e0;border-radius:8px;font:inherit}.resume-entry[b-ej0ep5ryjx]{margin-top:10px;padding:12px;border:1px solid #e4ebf0;border-radius:10px;background:#f8fafc}.resume-entry .remove[b-ej0ep5ryjx]{margin-top:8px;border:0;background:transparent;color:#af2f3b;cursor:pointer}.resume-preview[b-ej0ep5ryjx]{position:sticky;top:88px;padding:28px;background:#dce3e9;border-radius:16px}.resume-preview>article[b-ej0ep5ryjx]{width:210mm;min-height:297mm;max-width:100%;margin:0 auto;padding:18mm;background:#fff;box-shadow:0 8px 24px rgba(11,47,82,.14)}.resume-preview article>header[b-ej0ep5ryjx]{display:flex;gap:18px;padding-bottom:16px;border-bottom:4px solid var(--teal)}.resume-preview article>header img[b-ej0ep5ryjx]{width:88px;height:88px;border-radius:12px;object-fit:cover}.resume-preview h1[b-ej0ep5ryjx]{margin:0;color:var(--navy);font-size:2.25rem}.resume-preview h2[b-ej0ep5ryjx]{margin:3px 0;color:var(--teal);font-size:1.15rem}.resume-preview header p[b-ej0ep5ryjx]{color:#62778a;font-size:.75rem}.resume-preview section[b-ej0ep5ryjx]{margin-top:18px}.resume-preview h3[b-ej0ep5ryjx]{margin:0 0 9px;color:var(--navy);font-size:.88rem;text-transform:uppercase;letter-spacing:.08em}.resume-preview section>p[b-ej0ep5ryjx],.resume-preview-entry p[b-ej0ep5ryjx]{color:#425b70;font-size:.8rem;line-height:1.55;white-space:pre-line}.resume-preview-entry[b-ej0ep5ryjx]{margin-bottom:12px}.resume-preview-entry>div[b-ej0ep5ryjx]{display:flex;justify-content:space-between;gap:10px}.resume-preview-entry strong[b-ej0ep5ryjx]{color:var(--navy)}.resume-preview-entry span[b-ej0ep5ryjx],.resume-preview-entry b[b-ej0ep5ryjx]{color:#62778a;font-size:.75rem}.resume-skills[b-ej0ep5ryjx]{display:flex;flex-wrap:wrap;gap:6px}.resume-skills span[b-ej0ep5ryjx]{padding:5px 8px;border-radius:999px;background:#edf1f6;color:#173d6e;font-size:.72rem;font-weight:700}@media(max-width:1100px){.resume-workspace[b-ej0ep5ryjx]{grid-template-columns:minmax(0, 1fr)}.resume-preview[b-ej0ep5ryjx]{position:static}}@media(max-width:600px){.resume-page[b-ej0ep5ryjx]{padding:18px 12px}.resume-top[b-ej0ep5ryjx]{display:grid}.resume-fields[b-ej0ep5ryjx]{grid-template-columns:minmax(0, 1fr)}.resume-fields .wide[b-ej0ep5ryjx]{grid-column:auto}.resume-preview[b-ej0ep5ryjx]{padding:8px}.resume-preview>article[b-ej0ep5ryjx]{padding:10mm}.resume-preview h1[b-ej0ep5ryjx]{font-size:1.8rem}}@media print{.public-account-header[b-ej0ep5ryjx],.public-account-footer[b-ej0ep5ryjx],.no-print[b-ej0ep5ryjx]{display:none!important}.resume-page[b-ej0ep5ryjx]{padding:0}.resume-workspace[b-ej0ep5ryjx]{display:block}.resume-preview[b-ej0ep5ryjx]{position:static;padding:0;background:#fff}.resume-preview>article[b-ej0ep5ryjx]{width:100%;min-height:auto;max-width:none;padding:12mm;box-shadow:none}.public-account-content[b-ej0ep5ryjx]{display:block}}
/* /Components/Pages/RoleAdministration.razor.rz.scp.css */
.roles-page[b-68sphxy9b2] {
    --navy: var(--blue-900);
    --navy-deep: #071a30;
    --line: var(--ink-100);
    --muted: var(--ink-500);
    width: min(1200px, calc(100% - 32px));
    margin: 0 auto 3.5rem;
    color: var(--ink-900);
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
}

.roles-hero[b-68sphxy9b2] {
    padding: 1.6rem 1.9rem;
    border-radius: 18px;
    background: linear-gradient(135deg, var(--navy) 0%, var(--navy-deep) 100%);
    box-shadow: 0 14px 32px -16px rgba(8, 33, 56, .5);
}

.roles-eyebrow[b-68sphxy9b2] {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .12);
    color: var(--orange-500);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.roles-hero h1[b-68sphxy9b2] {
    margin: .55rem 0 .45rem;
    color: #fff;
    font-size: clamp(1.9rem, 3vw, 2.5rem);
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 1.08;
}

.roles-hero p[b-68sphxy9b2] {
    margin: 0;
    color: #c8d6e6;
    font-size: .92rem;
    line-height: 1.55;
    max-width: 60ch;
}

.roles-alert[b-68sphxy9b2] { margin: 0; }

.role-list[b-68sphxy9b2] { display: flex; flex-direction: column; gap: 1.1rem; }

.role-card[b-68sphxy9b2] {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 18px;
    box-shadow: 0 10px 28px -14px rgba(11, 37, 69, .14);
    padding: 1.4rem 1.6rem;
}

.role-card-head[b-68sphxy9b2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding-bottom: 1.1rem;
    margin-bottom: 1.1rem;
    border-bottom: 1px solid var(--line);
}

.role-card-head h2[b-68sphxy9b2] {
    margin: 0 0 .3rem;
    color: var(--navy);
    font-size: 1.3rem;
    font-weight: 800;
    letter-spacing: -.01em;
}

.role-card-head p[b-68sphxy9b2] {
    margin: 0;
    color: var(--muted);
    font-size: .82rem;
    max-width: 52ch;
}

.role-badge[b-68sphxy9b2] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    padding: .32rem .65rem;
    color: var(--blue-700);
    background: var(--blue-100);
    border-radius: 99px;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .03em;
    text-transform: uppercase;
    white-space: nowrap;
}

.permission-section h3[b-68sphxy9b2] {
    margin: 0 0 .2rem;
    color: var(--ink-700);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.permission-section > p[b-68sphxy9b2] {
    margin: 0 0 .9rem;
    color: var(--muted);
    font-size: .78rem;
}

.permission-grid[b-68sphxy9b2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: .35rem .9rem;
}

.permission-item[b-68sphxy9b2] { padding: .15rem 0; }
.permission-item[b-68sphxy9b2]  .mud-primary-text { color: var(--blue-600); }

.role-card-actions[b-68sphxy9b2] {
    display: flex;
    justify-content: flex-end;
    margin-top: 1.2rem;
    padding-top: 1.1rem;
    border-top: 1px solid var(--ink-100);
}

.role-card-actions[b-68sphxy9b2]  .role-save-button.mud-button-root {
    min-height: 42px;
    padding: 0 1.15rem;
    border-radius: 10px;
    background: var(--orange-600) !important;
    color: #fff !important;
    box-shadow: 0 6px 16px -6px rgba(234, 88, 12, .55);
    font-weight: 750;
    text-transform: none;
    transition: background-color .15s ease, transform .15s ease, box-shadow .15s ease;
}

.role-card-actions[b-68sphxy9b2]  .role-save-button.mud-button-root:hover {
    background: var(--orange-700) !important;
    transform: translateY(-1px);
}

@media (max-width: 680px) {
    .roles-page[b-68sphxy9b2] { width: 100%; margin-bottom: 2rem; }
    .roles-hero[b-68sphxy9b2] { padding: 1.3rem 1.5rem; }
    .role-card[b-68sphxy9b2] { padding: 1.1rem 1.2rem; border-radius: 14px; }
    .role-card-head[b-68sphxy9b2] { flex-direction: column; align-items: flex-start; }
    .permission-grid[b-68sphxy9b2] { grid-template-columns: minmax(0, 1fr); }
}
/* /Components/Pages/SafetyAssessments.razor.rz.scp.css */
.sa-page[b-hhbzzxjy9j] {
    --navy: #0b2f52;
    --navy-2: #104a70;
    --blue: #2563eb;
    --blue-soft: #eef5ff;
    --red: #dc2626;
    --red-soft: #fef2f2;
    --green: #16a34a;
    --green-soft: #ecfdf3;
    --orange: #d97706;
    --orange-soft: #fff7ed;
    --line: #e2e8f0;
    --muted: #64748b;
    --ink: #0f172a;
    --shadow-sm: 0 7px 20px rgba(15, 23, 42, .06);
    --shadow-md: 0 16px 36px rgba(15, 23, 42, .10);
    color: var(--ink);
}

.sa-hero[b-hhbzzxjy9j] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
    padding: 28px 30px;
    margin-bottom: 18px;
    overflow: hidden;
    border-radius: 22px;
    color: #fff;
    background: linear-gradient(135deg, #071f34 0%, var(--navy) 55%, #123a5e 100%);
    box-shadow: var(--shadow-md);
}

.sa-hero[b-hhbzzxjy9j]::after {
    position: absolute;
    right: -20px;
    bottom: -90px;
    content: "\2713";
    font-size: 11rem;
    font-weight: 800;
    color: rgba(255, 255, 255, .05);
    pointer-events: none;
}

.sa-hero-copy[b-hhbzzxjy9j] {
    position: relative;
    z-index: 1;
    max-width: 620px;
}

.sa-eyebrow[b-hhbzzxjy9j] {
    display: block;
    margin: 0 0 8px;
    color: #8fc4f2;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.sa-hero h1[b-hhbzzxjy9j] {
    margin: 0;
    color: #fff;
    font-size: clamp(1.7rem, 2.4vw, 2.2rem);
    letter-spacing: -.03em;
    line-height: 1.1;
}

.sa-hero p[b-hhbzzxjy9j] {
    margin: 10px 0 0;
    color: #dce9f1;
    font-size: .92rem;
    line-height: 1.6;
}

.sa-hero-side[b-hhbzzxjy9j] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 14px;
    flex: none;
}

.sa-hero-stat[b-hhbzzxjy9j] {
    text-align: right;
}

.sa-hero-stat strong[b-hhbzzxjy9j] {
    display: block;
    font-size: 2rem;
    font-weight: 900;
    color: #fff;
    line-height: 1;
}

.sa-hero-stat span[b-hhbzzxjy9j] {
    display: block;
    margin-top: 4px;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #a9c7d8;
}

.sa-hero-back[b-hhbzzxjy9j] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 11px;
    background: rgba(255, 255, 255, .08);
    backdrop-filter: blur(6px);
    color: #fff;
    font-size: .8rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
    transition: background .18s ease, transform .18s ease;
}

.sa-hero-back:hover[b-hhbzzxjy9j],
.sa-hero-back:focus-visible[b-hhbzzxjy9j] {
    background: rgba(255, 255, 255, .18);
    color: #fff;
    transform: translateY(-1px);
}

.sa-btn[b-hhbzzxjy9j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 15px;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: #fff;
    color: var(--navy);
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
    box-shadow: var(--shadow-sm);
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease, color .16s ease, background .16s ease;
}

.sa-btn:hover:not(:disabled)[b-hhbzzxjy9j] {
    border-color: var(--blue);
    color: var(--blue);
    box-shadow: var(--shadow-md);
    transform: translateY(-1px);
}

.sa-btn:disabled[b-hhbzzxjy9j] {
    opacity: .55;
    cursor: default;
    transform: none;
}

.sa-btn.primary[b-hhbzzxjy9j] {
    background: linear-gradient(135deg, var(--navy) 0%, var(--navy-2) 100%);
    border-color: var(--navy);
    color: #fff;
}

.sa-btn.primary:hover:not(:disabled)[b-hhbzzxjy9j] {
    color: #fff;
    border-color: var(--navy-2);
}

.sa-btn.success[b-hhbzzxjy9j] {
    background: var(--green-soft);
    color: #166534;
    border-color: #bbf7d0;
}

.sa-btn.success:hover:not(:disabled)[b-hhbzzxjy9j] {
    background: #d3f8e2;
    color: #166534;
    border-color: #86efac;
}

.sa-grid[b-hhbzzxjy9j] {
    display: grid;
    grid-template-columns: minmax(300px, .65fr) minmax(520px, 1.35fr);
    gap: 16px;
}

.sa-panel[b-hhbzzxjy9j] {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 18px;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

.sa-panel-head[b-hhbzzxjy9j] {
    padding: 17px 19px;
    border-bottom: 1px solid var(--line);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sa-panel-head h2[b-hhbzzxjy9j] {
    margin: 0;
    color: var(--navy);
    font-size: 19px;
}

.sa-panel-head p[b-hhbzzxjy9j] {
    margin: 0;
    color: var(--muted);
}

.sa-item[b-hhbzzxjy9j] {
    width: 100%;
    display: block;
    text-align: left;
    padding: 16px 18px;
    border: 0;
    border-bottom: 1px solid var(--line);
    background: #fff;
    cursor: pointer;
    transition: background .15s ease;
}

.sa-item:last-child[b-hhbzzxjy9j] {
    border-bottom: 0;
}

.sa-item:hover[b-hhbzzxjy9j] {
    background: #f8fafc;
}

.sa-item.active[b-hhbzzxjy9j] {
    background: var(--blue-soft);
    border-left: 4px solid var(--blue);
}

.sa-item > div[b-hhbzzxjy9j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.sa-item h3[b-hhbzzxjy9j] {
    font-size: 14px;
    color: var(--navy);
    margin: 7px 0 4px;
}

.sa-item p[b-hhbzzxjy9j] {
    font-size: 11px;
    color: var(--muted);
    margin: 0;
}

.sa-pill[b-hhbzzxjy9j] {
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 850;
    white-space: nowrap;
}

.sa-pill.draft[b-hhbzzxjy9j] {
    background: var(--orange-soft);
    color: #c2410c;
}

.sa-pill.done[b-hhbzzxjy9j] {
    background: var(--green-soft);
    color: #166534;
}

.sa-form[b-hhbzzxjy9j] {
    padding: 18px;
}

.sa-form > label[b-hhbzzxjy9j],
.sa-form-grid label[b-hhbzzxjy9j],
.sa-standard label[b-hhbzzxjy9j] {
    display: grid;
    gap: 6px;
    font-size: 12px;
    font-weight: 800;
    color: #29405c;
    margin-bottom: 13px;
}

.sa-form-grid[b-hhbzzxjy9j] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 12px;
}

.sa-page input[b-hhbzzxjy9j],
.sa-page textarea[b-hhbzzxjy9j],
.sa-page select[b-hhbzzxjy9j] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #cbd5e1;
    border-radius: 9px;
    padding: 10px;
    background: #fff;
    font: inherit;
}

.sa-page input:focus[b-hhbzzxjy9j],
.sa-page textarea:focus[b-hhbzzxjy9j],
.sa-page select:focus[b-hhbzzxjy9j] {
    outline: none;
    border-color: var(--blue);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}

.sa-standard-head[b-hhbzzxjy9j],
.sa-standard-top[b-hhbzzxjy9j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sa-standard-head h3[b-hhbzzxjy9j] {
    color: var(--navy);
}

.sa-standard[b-hhbzzxjy9j] {
    border: 1px solid var(--line);
    border-radius: 13px;
    padding: 14px;
    margin-bottom: 12px;
    background: #f8fafc;
    box-shadow: var(--shadow-sm);
}

.sa-standard-top[b-hhbzzxjy9j] {
    margin-bottom: 10px;
}

.sa-remove[b-hhbzzxjy9j] {
    border: 1px solid #fecaca;
    background: var(--red-soft);
    color: #b91c1c;
    border-radius: 8px;
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
    transition: background .15s ease;
}

.sa-remove:hover[b-hhbzzxjy9j] {
    background: #fee2e2;
}

.sa-actions[b-hhbzzxjy9j] {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
}

.sa-locked[b-hhbzzxjy9j] {
    margin-top: 15px;
    padding: 13px;
    border-radius: 11px;
    background: var(--green-soft);
    color: #166534;
    font-size: 12px;
    font-weight: 700;
}

.sa-empty[b-hhbzzxjy9j] {
    display: grid;
    justify-items: center;
    gap: 6px;
    padding: 36px 24px;
    margin: 12px;
    text-align: center;
    border: 1.5px dashed #cbd5e1;
    border-radius: 14px;
    background: #f8fafc;
}

.sa-empty-icon[b-hhbzzxjy9j] {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    margin-bottom: 4px;
    border-radius: 12px;
    background: var(--blue-soft);
    color: var(--blue);
    font-size: 12px;
    font-weight: 900;
}

.sa-empty h3[b-hhbzzxjy9j] {
    margin: 0;
    color: var(--navy);
    font-size: 14px;
}

.sa-empty p[b-hhbzzxjy9j] {
    margin: 0;
    max-width: 32ch;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.5;
}

@media (max-width: 980px) {
    .sa-grid[b-hhbzzxjy9j] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 600px) {
    .sa-hero[b-hhbzzxjy9j] {
        flex-direction: column;
        align-items: stretch;
        padding: 22px;
    }

    .sa-hero-side[b-hhbzzxjy9j] {
        align-items: flex-start;
    }

    .sa-form-grid[b-hhbzzxjy9j] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.sa-framework-choice[b-hhbzzxjy9j] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 16px;
}

.sa-framework-card[b-hhbzzxjy9j] {
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 14px 16px;
    border: 1.5px solid var(--line);
    border-radius: 13px;
    background: #fff;
    cursor: pointer;
    box-shadow: var(--shadow-sm);
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.sa-framework-card:hover[b-hhbzzxjy9j] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
    border-color: #93c5fd;
}

.sa-framework-card strong[b-hhbzzxjy9j] {
    color: var(--navy);
    font-size: 13.5px;
}

.sa-framework-card span[b-hhbzzxjy9j] {
    color: var(--muted);
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.4;
}

.sa-framework-card.selected[b-hhbzzxjy9j] {
    border-color: var(--blue);
    background: var(--blue-soft);
    box-shadow: 0 0 0 2px rgba(37, 99, 235, .15);
}

.sa-pssa-notice[b-hhbzzxjy9j] {
    padding: 12px 14px;
    margin-bottom: 14px;
    border: 1px solid #fed7aa;
    background: var(--orange-soft);
    border-radius: 12px;
    color: #9a3412;
    font-size: 12px;
    line-height: 1.55;
    font-weight: 600;
}

.sa-pssa-notice a[b-hhbzzxjy9j] {
    color: #9a3412;
    font-weight: 800;
}

.sa-domain-head[b-hhbzzxjy9j] {
    margin: 18px 0 8px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--navy-2);
}

.sa-standard.pssa[b-hhbzzxjy9j] {
    background: #fff;
}

.sa-pssa-statement[b-hhbzzxjy9j] {
    margin: 0 0 10px;
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.5;
}

.sa-rating-pills[b-hhbzzxjy9j] {
    display: flex;
    gap: 6px;
    margin-bottom: 10px;
}

.sa-rating-pill[b-hhbzzxjy9j] {
    border: 1px solid var(--line);
    background: #fff;
    color: var(--muted);
    border-radius: 999px;
    padding: 5px 14px;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease, color .15s ease;
}

.sa-rating-pill:hover[b-hhbzzxjy9j] {
    border-color: #93c5fd;
}

.sa-rating-pill.active[b-hhbzzxjy9j] {
    background: var(--navy);
    border-color: var(--navy);
    color: #fff;
}

.sa-rating-pill[data-rating="Never"].active[b-hhbzzxjy9j] {
    background: var(--red);
    border-color: var(--red);
}

.sa-rating-pill[data-rating="Sometimes"].active[b-hhbzzxjy9j] {
    background: var(--orange);
    border-color: var(--orange);
}

.sa-rating-pill[data-rating="Always"].active[b-hhbzzxjy9j] {
    background: var(--green);
    border-color: var(--green);
}

.sa-signature[b-hhbzzxjy9j] {
    margin: 16px 0;
    padding: 14px 16px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: #f8fafc;
}

.sa-signature strong[b-hhbzzxjy9j] {
    display: block;
    color: var(--navy);
    font-size: 13px;
    margin-bottom: 4px;
}

.sa-signature p[b-hhbzzxjy9j] {
    margin: 0 0 10px;
    color: var(--muted);
    font-size: 11.5px;
    line-height: 1.5;
}

@media (max-width: 600px) {
    .sa-framework-choice[b-hhbzzxjy9j] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/SelfAuditMockInterview.razor.rz.scp.css */
.mi-page[b-frq2blnxvu]{--navy:#0b2f52;--navy-deep:#082138;--teal:#0f9f95;--line:#e4e9f1;--muted:#5d6b82;--ink:#0f172a;--surface:#fff;--surface-2:#f6f8fb;--good:#16a34a;--warn:#d97706;--na:#64748b;color:var(--ink);max-width:1040px;margin:0 auto;padding:20px 20px 80px}
.mi-loading[b-frq2blnxvu]{display:flex;justify-content:center;padding:60px}
.mi-empty[b-frq2blnxvu]{background:var(--surface);border:1px dashed #cbd5e1;border-radius:16px;padding:44px 28px;text-align:center;color:var(--muted)}
.mi-empty h2[b-frq2blnxvu]{margin:0 0 8px;color:var(--navy);font-size:18px}
.mi-empty p[b-frq2blnxvu]{margin:0 0 18px;font-size:13.5px}

.mi-head[b-frq2blnxvu]{display:flex;justify-content:space-between;align-items:flex-start;gap:26px;margin:0 0 16px;padding:26px 30px;border-radius:20px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-deep) 100%);box-shadow:0 12px 28px -12px rgba(8,33,56,.45)}
.mi-eyebrow[b-frq2blnxvu]{display:flex;align-items:center;gap:10px;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#5eead4;font-weight:800}
.mi-pill[b-frq2blnxvu]{font-size:9.5px;font-weight:800;letter-spacing:.06em;padding:4px 10px;border-radius:999px;background:#86efac;color:#04211d;text-transform:uppercase}
.mi-head h1[b-frq2blnxvu]{margin:9px 0 8px;color:#fff;font-size:27px;letter-spacing:-.015em;line-height:1.2}
.mi-head p[b-frq2blnxvu]{margin:0;color:#cbd8e6;max-width:640px;font-size:13.5px;line-height:1.6}
.mi-head-side[b-frq2blnxvu]{flex-shrink:0}
.mi-ring[b-frq2blnxvu]{--pct:0;width:92px;height:92px;border-radius:50%;background:conic-gradient(#5eead4 calc(var(--pct)*1%),rgba(255,255,255,.16) 0);display:grid;place-items:center}
.mi-ring-inner[b-frq2blnxvu]{width:70px;height:70px;border-radius:50%;background:var(--navy-deep);display:grid;place-items:center;text-align:center}
.mi-ring-inner strong[b-frq2blnxvu]{display:block;color:#fff;font-size:19px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.mi-ring-inner span[b-frq2blnxvu]{display:block;color:#8fa9c1;font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin-top:3px}

.mi-banner[b-frq2blnxvu]{background:#f0fdf4;border:1px solid #bbf7d0;border-left:4px solid var(--good);border-radius:12px;padding:13px 17px;margin-bottom:14px;color:#14532d;font-size:13px;line-height:1.6}
.mi-banner a[b-frq2blnxvu]{color:#0b756e;font-weight:800}

.mi-participant[b-frq2blnxvu]{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:16px 18px;margin-bottom:14px;box-shadow:0 1px 3px rgba(15,23,42,.04)}
.mi-participant .mi-field[b-frq2blnxvu]{flex:1 1 220px;margin:0}
.mi-legend[b-frq2blnxvu]{display:flex;gap:14px;color:var(--muted);font-size:11.5px;font-weight:600;margin-left:auto;padding-bottom:8px}
.mi-legend span[b-frq2blnxvu]{display:flex;align-items:center;gap:6px}
.mi-legend i[b-frq2blnxvu]{width:9px;height:9px;border-radius:3px;display:inline-block}
.mi-legend i.confident[b-frq2blnxvu]{background:var(--good)}
.mi-legend i.needswork[b-frq2blnxvu]{background:var(--warn)}
.mi-legend i.notanswered[b-frq2blnxvu]{background:#e2e8f0;border:1px solid #cbd5e1}

.mi-field[b-frq2blnxvu]{margin-bottom:14px}
.mi-field label[b-frq2blnxvu]{display:block;font-weight:700;font-size:12px;color:var(--navy);margin-bottom:6px}
.mi-field input[b-frq2blnxvu],.mi-field textarea[b-frq2blnxvu]{width:100%;box-sizing:border-box;border:1px solid #d7deea;border-radius:10px;padding:10px 12px;font-size:13.5px;font-family:inherit;color:var(--ink);background:var(--surface);line-height:1.55;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease}
.mi-field input:hover[b-frq2blnxvu],.mi-field textarea:hover[b-frq2blnxvu]{border-color:#b9c5d6}
.mi-field input:focus[b-frq2blnxvu],.mi-field textarea:focus[b-frq2blnxvu]{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(15,159,149,.16)}
.mi-field input:disabled[b-frq2blnxvu],.mi-field textarea:disabled[b-frq2blnxvu]{background:#f1f5f9;color:var(--muted);cursor:not-allowed}

.mi-steps[b-frq2blnxvu]{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin-bottom:14px}
.mi-steps button[b-frq2blnxvu]{all:unset;box-sizing:border-box;flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:11px;background:var(--surface);border:1px solid var(--line);cursor:pointer;font-size:12.5px;color:var(--muted);font-weight:700;white-space:nowrap;transition:border-color .15s ease,background .15s ease,color .15s ease}
.mi-steps button:hover[b-frq2blnxvu]{border-color:#b9c5d6;color:var(--navy)}
.mi-steps button.active[b-frq2blnxvu]{border-color:var(--teal);background:#f0fbf9;color:var(--navy);box-shadow:0 0 0 1px var(--teal) inset}
.mi-steps button:focus-visible[b-frq2blnxvu]{outline:2px solid var(--teal);outline-offset:2px}
.mi-step-index[b-frq2blnxvu]{width:22px;height:22px;border-radius:50%;background:#e2e8f0;color:var(--muted);display:grid;place-items:center;font-size:11px;font-weight:800;flex-shrink:0}
.mi-steps button.active .mi-step-index[b-frq2blnxvu]{background:var(--teal);color:#04211d}
.mi-steps button.complete .mi-step-index[b-frq2blnxvu]{background:var(--good);color:#fff}
.mi-step-count[b-frq2blnxvu]{color:#94a3b8;font-size:11px;font-variant-numeric:tabular-nums}

.mi-panel[b-frq2blnxvu]{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px 26px;box-shadow:0 4px 14px rgba(15,23,42,.05)}
.mi-panel-head[b-frq2blnxvu]{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:6px}
.mi-panel-head h2[b-frq2blnxvu]{margin:0;font-size:18px;color:var(--navy);letter-spacing:-.01em}
.mi-panel-meta[b-frq2blnxvu]{color:var(--muted);font-size:12px;font-weight:600}

.mi-q[b-frq2blnxvu]{padding:18px 0;border-bottom:1px solid #f1f5f9}
.mi-q:last-of-type[b-frq2blnxvu]{border-bottom:none}
.mi-q h3[b-frq2blnxvu]{margin:0 0 6px;font-size:15px;color:var(--navy);line-height:1.5;padding-left:11px;border-left:3px solid #cbd5e1}
.mi-q.confident h3[b-frq2blnxvu]{border-left-color:var(--good)}
.mi-q.needswork h3[b-frq2blnxvu]{border-left-color:var(--warn)}
.mi-q.na h3[b-frq2blnxvu]{border-left-color:var(--na)}
.mi-why[b-frq2blnxvu]{margin:0 0 12px;color:var(--muted);font-size:12.5px;line-height:1.6;padding-left:14px}
.mi-why strong[b-frq2blnxvu]{color:var(--navy)}

.mi-readiness[b-frq2blnxvu]{display:flex;gap:5px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:4px;margin-bottom:12px;width:fit-content;flex-wrap:wrap}
.mi-readiness button[b-frq2blnxvu]{all:unset;box-sizing:border-box;padding:8px 14px;border-radius:8px;font-size:12.5px;font-weight:800;color:var(--muted);cursor:pointer;transition:background .13s ease,color .13s ease}
.mi-readiness button:hover:not(:disabled)[b-frq2blnxvu]{background:var(--surface);color:var(--navy)}
.mi-readiness button:disabled[b-frq2blnxvu]{opacity:.55;cursor:not-allowed}
.mi-readiness button:focus-visible[b-frq2blnxvu]{outline:2px solid var(--teal);outline-offset:-2px}
.mi-readiness button.confident.on[b-frq2blnxvu]{background:var(--good);color:#fff}
.mi-readiness button.needswork.on[b-frq2blnxvu]{background:var(--warn);color:#fff}
.mi-readiness button.notapplicable.on[b-frq2blnxvu]{background:var(--na);color:#fff}

.mi-reveal[b-frq2blnxvu]{border:1px solid var(--line);border-radius:11px;padding:11px 14px;margin-bottom:12px;background:var(--surface-2)}
.mi-reveal summary[b-frq2blnxvu]{cursor:pointer;font-weight:800;color:var(--navy);font-size:12.5px;list-style:none;display:flex;align-items:center;gap:8px}
.mi-reveal summary[b-frq2blnxvu]::before{content:"›";color:var(--teal);font-size:17px;font-weight:900;transition:transform .15s ease}
.mi-reveal[open] summary[b-frq2blnxvu]::before{transform:rotate(90deg)}
.mi-model[b-frq2blnxvu],.mi-evidence[b-frq2blnxvu]{margin-top:11px;border-radius:9px;padding:11px 13px}
.mi-model[b-frq2blnxvu]{background:#f0fdf4;border:1px solid #bbf7d0}
.mi-evidence[b-frq2blnxvu]{background:#fff7ed;border:1px solid #fed7aa}
.mi-model strong[b-frq2blnxvu],.mi-evidence strong[b-frq2blnxvu]{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;color:var(--navy)}
.mi-model p[b-frq2blnxvu],.mi-evidence p[b-frq2blnxvu]{margin:0;font-size:13px;line-height:1.65}
.mi-ref[b-frq2blnxvu]{margin:10px 0 0;color:var(--muted);font-size:11.5px;font-style:italic}

.mi-actions[b-frq2blnxvu]{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.mi-actions-right[b-frq2blnxvu]{display:flex;gap:9px}
.mi-btn[b-frq2blnxvu]{min-height:44px;padding:0 20px;border-radius:11px;font-weight:700;font-size:14px;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid transparent;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}
.mi-btn.primary[b-frq2blnxvu]{background:var(--teal);color:#04211d;border-color:var(--teal)}
.mi-btn.primary:hover:not(:disabled)[b-frq2blnxvu]{background:#12b3a8;transform:translateY(-1px);box-shadow:0 6px 16px -6px rgba(15,159,149,.6)}
.mi-btn.primary:disabled[b-frq2blnxvu]{opacity:.55;cursor:default;transform:none}
.mi-btn.ghost[b-frq2blnxvu]{background:var(--surface);color:var(--navy);border-color:#d7deea}
.mi-btn.ghost:hover:not(:disabled)[b-frq2blnxvu]{background:var(--surface-2);border-color:#b9c5d6}

@media(max-width:760px){.mi-head[b-frq2blnxvu]{display:block;padding:22px 20px}.mi-head-side[b-frq2blnxvu]{margin-top:18px}.mi-panel[b-frq2blnxvu]{padding:18px}.mi-legend[b-frq2blnxvu]{margin-left:0;width:100%}.mi-actions[b-frq2blnxvu]{flex-direction:column;align-items:stretch}.mi-actions-right[b-frq2blnxvu]{flex-direction:column}}
/* /Components/Pages/SelfAuditProgramHome.razor.rz.scp.css */
.sp-page[b-ors0fjg9v1]{--navy:#0b2f52;--navy-deep:#082138;--teal:#168552;--line:#e4e9f1;--muted:#5d6b82;--ink:#0f172a;--surface:#fff;--surface-2:#f6f8fb;--good:#16a34a;--warn:#d97706;--bad:#dc2626;color:var(--ink);max-width:1200px;margin:0 auto;padding:20px 20px 60px}
.sp-back[b-ors0fjg9v1]{color:var(--muted);text-decoration:none;font-size:13px;font-weight:700}
.sp-back:hover[b-ors0fjg9v1]{color:var(--navy)}
.sp-loading[b-ors0fjg9v1]{display:flex;justify-content:center;padding:60px}

.sp-head[b-ors0fjg9v1]{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:16px 0 20px;padding:26px 30px;border-radius:20px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-deep) 100%);box-shadow:0 12px 28px -12px rgba(8,33,56,.45)}
.sp-head span[b-ors0fjg9v1]{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#6fe0a6;font-weight:800}
.sp-head h1[b-ors0fjg9v1]{margin:8px 0 6px;color:#fff;font-size:30px;letter-spacing:-.015em}
.sp-head p[b-ors0fjg9v1]{margin:0;color:#cbd8e6;max-width:660px;font-size:13.5px;line-height:1.6}
.sp-head-actions[b-ors0fjg9v1]{display:flex;gap:8px;flex-shrink:0}

.sp-btn[b-ors0fjg9v1]{min-height:42px;padding:0 18px;border:1px solid rgba(255,255,255,.25);border-radius:11px;background:rgba(255,255,255,.08);color:#fff;font-weight:700;font-size:13.5px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease;font-family:inherit}
.sp-btn:hover:not(:disabled)[b-ors0fjg9v1]{background:rgba(255,255,255,.16);transform:translateY(-1px)}
.sp-btn.primary[b-ors0fjg9v1]{background:var(--teal);color:#041121;border-color:var(--teal)}
.sp-btn.primary:hover:not(:disabled)[b-ors0fjg9v1]{background:#1258b3;box-shadow:0 6px 16px -6px rgba(15, 77, 159, .6)}
.sp-btn.ghost[b-ors0fjg9v1]{min-height:36px;padding:0 14px;background:var(--surface);color:var(--navy);border:1px solid #d7deea;font-size:12.5px}
.sp-btn.ghost:hover[b-ors0fjg9v1]{background:var(--surface-2);border-color:var(--teal)}
.sp-btn.ghost.danger[b-ors0fjg9v1]{color:var(--bad);border-color:#f2c9c9}
.sp-btn.ghost.danger:hover[b-ors0fjg9v1]{background:#fef1f1;border-color:var(--bad)}

.sp-about[b-ors0fjg9v1]{display:grid;grid-template-columns:1fr 300px;gap:18px;margin-bottom:22px}
.sp-about-main[b-ors0fjg9v1]{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px 24px;box-shadow:0 1px 3px rgba(15,23,42,.04)}
.sp-about-main h2[b-ors0fjg9v1]{margin:0 0 10px;font-size:15px;color:var(--navy);text-transform:uppercase;letter-spacing:.06em}
.sp-about-main p[b-ors0fjg9v1]{margin:0 0 10px;color:var(--muted);font-size:13.5px;line-height:1.65}
.sp-about-main strong[b-ors0fjg9v1]{color:var(--ink)}
.sp-note[b-ors0fjg9v1]{background:var(--surface-2);border:1px solid var(--line);border-left:3px solid var(--warn);border-radius:9px;padding:10px 13px;font-size:12.5px!important}
.sp-source[b-ors0fjg9v1]{display:inline-block;margin-top:4px;color:var(--teal);font-weight:800;font-size:13px;text-decoration:none}
.sp-source:hover[b-ors0fjg9v1]{text-decoration:underline}

.sp-about-stats[b-ors0fjg9v1]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-content:start}
.sp-about-stats>div[b-ors0fjg9v1]{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--navy);border-radius:13px;padding:14px 10px;text-align:center;box-shadow:0 1px 3px rgba(15,23,42,.04)}
.sp-about-stats>div.wide[b-ors0fjg9v1]{grid-column:1/-1;border-top-color:var(--teal)}
.sp-about-stats strong[b-ors0fjg9v1]{display:block;font-size:21px;font-weight:800;color:var(--navy);font-variant-numeric:tabular-nums;line-height:1.15}
.sp-about-stats>div.wide strong[b-ors0fjg9v1]{font-size:16px}
.sp-about-stats span[b-ors0fjg9v1]{display:block;color:var(--muted);font-size:10px;margin-top:4px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}

.sp-runs-head[b-ors0fjg9v1]{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}
.sp-runs-head h2[b-ors0fjg9v1]{margin:0;font-size:15px;color:var(--navy);text-transform:uppercase;letter-spacing:.06em}
.sp-count[b-ors0fjg9v1]{color:var(--muted);font-size:12.5px;font-weight:600}

.sp-empty[b-ors0fjg9v1]{background:var(--surface);border:1px dashed #cbd5e1;border-radius:16px;padding:40px 28px;text-align:center;color:var(--muted)}
.sp-empty h2[b-ors0fjg9v1],.sp-empty h3[b-ors0fjg9v1]{margin:0 0 8px;color:var(--navy);font-size:17px}
.sp-empty p[b-ors0fjg9v1]{margin:0 auto 18px;font-size:13.5px;line-height:1.65;max-width:520px}
.sp-empty .sp-btn.primary[b-ors0fjg9v1]{background:var(--teal);border-color:var(--teal)}

.sp-run-list[b-ors0fjg9v1]{display:grid;gap:11px}
.sp-run[b-ors0fjg9v1]{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--line);border-left:4px solid #cbd5e1;border-radius:14px;padding:16px 18px;box-shadow:0 1px 3px rgba(15,23,42,.04);transition:box-shadow .15s ease,border-color .15s ease}
.sp-run:hover[b-ors0fjg9v1]{box-shadow:0 10px 24px -12px rgba(15,23,42,.25)}
.sp-run.active[b-ors0fjg9v1]{border-left-color:var(--teal)}
.sp-run.done[b-ors0fjg9v1]{border-left-color:var(--good)}
.sp-run.archived[b-ors0fjg9v1]{border-left-color:#94a3b8}
.sp-run-main[b-ors0fjg9v1]{text-decoration:none;color:inherit;display:block;min-width:0}
.sp-run-title[b-ors0fjg9v1]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sp-run-title strong[b-ors0fjg9v1]{color:var(--navy);font-size:15px}
.sp-pill[b-ors0fjg9v1]{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:999px;color:#fff;white-space:nowrap;background:#94a3b8}
.sp-pill.active[b-ors0fjg9v1]{background:var(--teal)}
.sp-pill.done[b-ors0fjg9v1]{background:var(--good)}
.sp-run-meta[b-ors0fjg9v1]{display:flex;flex-wrap:wrap;gap:12px;margin:6px 0 10px;color:var(--muted);font-size:12px}
.sp-run-meta .overdue[b-ors0fjg9v1]{color:var(--bad);font-weight:800}
.sp-run-bar[b-ors0fjg9v1]{display:flex;height:8px;border-radius:999px;overflow:hidden;background:#e8edf4;margin-bottom:9px}
.sp-seg[b-ors0fjg9v1]{min-width:0}
.sp-seg.compliant[b-ors0fjg9v1]{background:var(--good)}
.sp-seg.partial[b-ors0fjg9v1]{background:var(--warn)}
.sp-seg.failed[b-ors0fjg9v1]{background:var(--bad)}
.sp-seg.na[b-ors0fjg9v1]{background:#94a3b8}
.sp-seg.todo[b-ors0fjg9v1]{background:#e2e8f0}
.sp-run-stats[b-ors0fjg9v1]{display:flex;flex-wrap:wrap;gap:16px;color:var(--muted);font-size:12px}
.sp-run-stats strong[b-ors0fjg9v1]{color:var(--navy);font-variant-numeric:tabular-nums}
.sp-run-stats .gap strong[b-ors0fjg9v1]{color:var(--bad)}
.sp-run-actions[b-ors0fjg9v1]{display:flex;flex-direction:column;gap:7px;flex-shrink:0}

@media(max-width:900px){.sp-about[b-ors0fjg9v1]{grid-template-columns:minmax(0, 1fr)}.sp-about-stats[b-ors0fjg9v1]{grid-template-columns:repeat(4, minmax(0, 1fr))}.sp-about-stats>div.wide[b-ors0fjg9v1]{grid-column:auto}.sp-about-stats>div.wide strong[b-ors0fjg9v1]{font-size:15px}}
@media(max-width:650px){.sp-head[b-ors0fjg9v1]{display:block}.sp-head-actions[b-ors0fjg9v1]{margin-top:16px}.sp-run[b-ors0fjg9v1]{grid-template-columns:minmax(0, 1fr)}.sp-run-actions[b-ors0fjg9v1]{flex-direction:row}.sp-about-stats[b-ors0fjg9v1]{grid-template-columns:repeat(2, minmax(0, 1fr))}}
/* /Components/Pages/SelfAuditStart.razor.rz.scp.css */
.ss-page[b-uydcbuqg7g]{--navy:#0b2f52;--navy-deep:#082138;--teal:#168552;--line:#e4e9f1;--muted:#5d6b82;--ink:#0f172a;--surface:#fff;--surface-2:#f6f8fb;color:var(--ink);max-width:960px;margin:0 auto;padding:20px 20px 60px}
.ss-back[b-uydcbuqg7g]{color:var(--muted);text-decoration:none;font-size:13px;font-weight:700}
.ss-back:hover[b-uydcbuqg7g]{color:var(--navy)}
.ss-loading[b-uydcbuqg7g]{display:flex;justify-content:center;padding:60px}
.ss-empty[b-uydcbuqg7g]{background:var(--surface);border:1px dashed #cbd5e1;border-radius:16px;padding:40px;text-align:center;color:var(--muted)}
.ss-empty h2[b-uydcbuqg7g]{margin:0 0 8px;color:var(--navy);font-size:17px}

.ss-head[b-uydcbuqg7g]{margin:16px 0 18px;padding:26px 30px;border-radius:20px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-deep) 100%);box-shadow:0 12px 28px -12px rgba(8,33,56,.45)}
.ss-head span[b-uydcbuqg7g]{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#6fe0a6;font-weight:800}
.ss-head h1[b-uydcbuqg7g]{margin:8px 0 6px;color:#fff;font-size:28px;letter-spacing:-.015em}
.ss-head p[b-uydcbuqg7g]{margin:0;color:#cbd8e6;max-width:640px;font-size:13.5px;line-height:1.6}

.ss-steps[b-uydcbuqg7g]{display:flex;gap:8px;list-style:none;margin:0 0 16px;padding:0}
.ss-steps li[b-uydcbuqg7g]{display:flex;align-items:center;gap:9px;flex:1;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 16px;color:var(--muted);font-weight:700;font-size:13.5px}
.ss-steps li span[b-uydcbuqg7g]{width:24px;height:24px;border-radius:50%;background:#e2e8f0;color:var(--muted);display:grid;place-items:center;font-size:12px;font-weight:800}
.ss-steps li.active[b-uydcbuqg7g]{border-color:var(--teal);color:var(--navy);box-shadow:0 0 0 1px var(--teal) inset}
.ss-steps li.active span[b-uydcbuqg7g]{background:var(--teal);color:#041121}
.ss-steps li.done span[b-uydcbuqg7g]{background:var(--navy);color:#fff}
.ss-steps li.done[b-uydcbuqg7g]{color:var(--navy)}

.ss-card[b-uydcbuqg7g]{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px 28px 22px;box-shadow:0 4px 14px rgba(15,23,42,.05)}
.ss-card h2[b-uydcbuqg7g]{margin:0 0 16px;font-size:15px;color:var(--navy);text-transform:uppercase;letter-spacing:.06em}

.ss-field[b-uydcbuqg7g]{margin-bottom:16px}
.ss-field label[b-uydcbuqg7g]{display:block;font-weight:700;font-size:12.5px;color:var(--navy);margin-bottom:6px}
.ss-field input[b-uydcbuqg7g],.ss-field select[b-uydcbuqg7g]{width:100%;box-sizing:border-box;border:1px solid #d7deea;border-radius:10px;padding:11px 13px;font-size:14px;color:var(--ink);font-family:inherit;background:var(--surface);transition:border-color .15s ease,box-shadow .15s ease}
.ss-field input:hover[b-uydcbuqg7g],.ss-field select:hover[b-uydcbuqg7g]{border-color:#b9c5d6}
.ss-field input:focus[b-uydcbuqg7g],.ss-field select:focus[b-uydcbuqg7g]{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(15, 77, 159, .16)}
.ss-field select[b-uydcbuqg7g]{appearance:none;-webkit-appearance:none;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%235d6b82'/%3E%3C/svg%3E") no-repeat right 14px center;cursor:pointer}
.ss-field-row[b-uydcbuqg7g]{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ss-help[b-uydcbuqg7g]{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.55}

.ss-scope-head[b-uydcbuqg7g]{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}
.ss-scope-head h2[b-uydcbuqg7g]{margin-bottom:8px}
.ss-scope-head .ss-help[b-uydcbuqg7g]{max-width:600px;margin:0}
.ss-scope-tally[b-uydcbuqg7g]{flex-shrink:0;text-align:center;background:var(--surface-2);border:1px solid var(--line);border-top:3px solid var(--teal);border-radius:13px;padding:12px 18px;min-width:120px}
.ss-scope-tally strong[b-uydcbuqg7g]{display:block;font-size:26px;font-weight:800;color:var(--navy);font-variant-numeric:tabular-nums;line-height:1.1}
.ss-scope-tally span[b-uydcbuqg7g]{display:block;color:var(--muted);font-size:10px;margin-top:3px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}

.ss-group[b-uydcbuqg7g]{margin-bottom:20px}
.ss-group h3[b-uydcbuqg7g]{margin:0 0 10px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.ss-toggles[b-uydcbuqg7g]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:9px;align-items:start}
.ss-toggle-group[b-uydcbuqg7g]{display:grid;gap:6px}
.ss-toggle[b-uydcbuqg7g]{display:flex;align-items:flex-start;gap:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:13px 15px;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}
.ss-toggle:hover[b-uydcbuqg7g]{border-color:#b9c5d6;background:#eef2f7}
.ss-toggle.on[b-uydcbuqg7g]{background:#f0f5fb;border-color:#9fbbe0}
.ss-toggle:focus-within[b-uydcbuqg7g]{box-shadow:0 0 0 3px rgba(15, 77, 159, .18)}
.ss-toggle input[b-uydcbuqg7g]{position:absolute;opacity:0;width:0;height:0}
.ss-switch[b-uydcbuqg7g]{flex-shrink:0;position:relative;width:38px;height:22px;border-radius:999px;background:#cbd5e1;margin-top:1px;transition:background .18s ease}
.ss-switch[b-uydcbuqg7g]::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.3);transition:transform .18s ease}
.ss-toggle.on .ss-switch[b-uydcbuqg7g]{background:var(--teal)}
.ss-toggle.on .ss-switch[b-uydcbuqg7g]::after{transform:translateX(16px)}
.ss-toggle-body[b-uydcbuqg7g]{display:block;min-width:0}
.ss-toggle-body strong[b-uydcbuqg7g]{display:block;color:var(--navy);font-size:13.5px;line-height:1.35}
.ss-toggle-body em[b-uydcbuqg7g]{display:block;color:var(--muted);font-size:12px;font-style:normal;line-height:1.5;margin-top:3px}
.ss-toggle-body small[b-uydcbuqg7g]{display:block;color:#94a3b8;font-size:11px;margin-top:4px;font-weight:700}
.ss-toggle.child[b-uydcbuqg7g]{margin-left:22px;padding:10px 13px;border-style:dashed;position:relative}
.ss-toggle.child[b-uydcbuqg7g]::before{content:"";position:absolute;left:-13px;top:-7px;bottom:50%;width:11px;border-left:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1;border-bottom-left-radius:7px}
.ss-toggle.child .ss-toggle-body strong[b-uydcbuqg7g]{font-size:12.5px}
.ss-toggle.blocked[b-uydcbuqg7g]{opacity:.5;cursor:not-allowed;background:var(--surface)}
.ss-toggle.blocked:hover[b-uydcbuqg7g]{border-color:var(--line);background:var(--surface)}

.ss-actions[b-uydcbuqg7g]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.ss-btn[b-uydcbuqg7g]{min-height:44px;padding:0 22px;border-radius:11px;font-weight:700;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-family:inherit;border:1px solid transparent;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}
.ss-btn.primary[b-uydcbuqg7g]{background:var(--teal);color:#041121;border-color:var(--teal)}
.ss-btn.primary:hover:not(:disabled)[b-uydcbuqg7g]{background:#1258b3;transform:translateY(-1px);box-shadow:0 6px 16px -6px rgba(15, 77, 159, .6)}
.ss-btn.primary:disabled[b-uydcbuqg7g]{opacity:.55;cursor:default;transform:none}
.ss-btn.ghost[b-uydcbuqg7g]{background:var(--surface);color:var(--navy);border-color:#d7deea}
.ss-btn.ghost:hover[b-uydcbuqg7g]{background:var(--surface-2);border-color:#b9c5d6}

@media(max-width:650px){.ss-head[b-uydcbuqg7g]{padding:22px 20px}.ss-card[b-uydcbuqg7g]{padding:20px}.ss-field-row[b-uydcbuqg7g]{grid-template-columns:minmax(0, 1fr)}.ss-scope-head[b-uydcbuqg7g]{display:block}.ss-scope-tally[b-uydcbuqg7g]{margin-top:14px}.ss-toggles[b-uydcbuqg7g]{grid-template-columns:minmax(0, 1fr)}}
/* /Components/Pages/SelfAuditWorkspace.razor.rz.scp.css */
.sw-page[b-7x92uj5t7b]{--navy:#0b2f52;--navy-deep:#082138;--teal:#168552;--line:#e4e9f1;--muted:#5d6b82;--ink:#0f172a;--surface:#fff;--surface-2:#f6f8fb;--good:#16a34a;--good-bg:#eefbf3;--warn:#d97706;--warn-bg:#fef9ec;--bad:#dc2626;--bad-bg:#fef1f1;--na:#64748b;color:var(--ink);max-width:1320px;margin:0 auto;padding:20px 20px 80px}
.sw-back[b-7x92uj5t7b]{color:var(--muted);text-decoration:none;font-size:13px;font-weight:700}
.sw-back:hover[b-7x92uj5t7b]{color:var(--navy)}
.sw-loading[b-7x92uj5t7b]{display:flex;justify-content:center;padding:60px}
.sw-empty[b-7x92uj5t7b]{background:var(--surface);border:1px dashed #cbd5e1;border-radius:16px;padding:44px 28px;text-align:center;color:var(--muted)}
.sw-empty.small[b-7x92uj5t7b]{padding:34px 24px}
.sw-empty h2[b-7x92uj5t7b],.sw-empty h3[b-7x92uj5t7b]{margin:0 0 8px;color:var(--navy);font-size:17px}
.sw-empty p[b-7x92uj5t7b]{margin:0 auto;max-width:520px;font-size:13.5px;line-height:1.65}
.sw-muted[b-7x92uj5t7b]{color:var(--muted);font-size:12.5px;line-height:1.6}

/* ---------------------------------------------------------------- header */
.sw-head[b-7x92uj5t7b]{display:flex;justify-content:space-between;align-items:flex-start;gap:26px;margin:16px 0 14px;padding:24px 28px;border-radius:20px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-deep) 100%);box-shadow:0 12px 28px -12px rgba(8,33,56,.45)}
.sw-head-main[b-7x92uj5t7b]{min-width:0}
.sw-eyebrow[b-7x92uj5t7b]{display:flex;align-items:center;gap:10px;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#6fe0a6;font-weight:800}
.sw-head h1[b-7x92uj5t7b]{margin:9px 0 8px;color:#fff;font-size:28px;letter-spacing:-.015em;line-height:1.2}
.sw-head-meta[b-7x92uj5t7b]{display:flex;flex-wrap:wrap;gap:14px;margin:0;color:#a9bdd2;font-size:12.5px}
.sw-head-meta .overdue[b-7x92uj5t7b]{color:#fca5a5;font-weight:800}
.sw-pill[b-7x92uj5t7b]{font-size:9.5px;font-weight:800;letter-spacing:.06em;padding:4px 10px;border-radius:999px;color:#041121;background:#6fe0a6;text-transform:uppercase}
.sw-pill.compliant[b-7x92uj5t7b]{background:#86efac}
.sw-pill.archived[b-7x92uj5t7b]{background:#cbd5e1}
.sw-head-side[b-7x92uj5t7b]{display:flex;align-items:center;gap:20px;flex-shrink:0}

.sw-ring[b-7x92uj5t7b]{--pct:0;width:92px;height:92px;border-radius:50%;flex-shrink:0;background:conic-gradient(#6fe0a6 calc(var(--pct)*1%),rgba(255,255,255,.16) 0);display:grid;place-items:center}
.sw-ring-inner[b-7x92uj5t7b]{width:70px;height:70px;border-radius:50%;background:var(--navy-deep);display:grid;place-items:center;text-align:center}
.sw-ring-inner strong[b-7x92uj5t7b]{display:block;color:#fff;font-size:19px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}
.sw-ring-inner span[b-7x92uj5t7b]{display:block;color:#8fa9c1;font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin-top:3px}

.sw-head-actions[b-7x92uj5t7b]{display:flex;flex-direction:column;gap:8px}
.sw-btn[b-7x92uj5t7b]{min-height:42px;padding:0 18px;border:1px solid rgba(255,255,255,.25);border-radius:11px;background:rgba(255,255,255,.08);color:#fff;font-weight:700;font-size:13.5px;font-family:inherit;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;white-space:nowrap;transition:background .15s ease,transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.sw-btn:hover:not(:disabled)[b-7x92uj5t7b]{background:rgba(255,255,255,.16);transform:translateY(-1px)}
.sw-btn:disabled[b-7x92uj5t7b]{opacity:.5;cursor:not-allowed;transform:none}
.sw-btn.primary[b-7x92uj5t7b]{background:var(--teal);color:#041121;border-color:var(--teal)}
.sw-btn.primary:hover:not(:disabled)[b-7x92uj5t7b]{background:#1258b3;box-shadow:0 6px 16px -6px rgba(15, 77, 159, .6)}
.sw-btn.ghost[b-7x92uj5t7b]{background:var(--surface);color:var(--navy);border-color:#d7deea}
.sw-btn.ghost:hover:not(:disabled)[b-7x92uj5t7b]{background:var(--surface-2);border-color:#b9c5d6}
.sw-btn.small[b-7x92uj5t7b]{min-height:38px;padding:0 16px;font-size:13px}

.sw-banner[b-7x92uj5t7b]{background:#fffbeb;border:1px solid #fde68a;border-left:4px solid var(--warn);border-radius:12px;padding:13px 17px;margin-bottom:14px;color:#78350f;font-size:13px;line-height:1.6}
.sw-banner strong[b-7x92uj5t7b]{color:#78350f}
.sw-banner.soft[b-7x92uj5t7b]{background:var(--surface-2);border-color:var(--line);border-left-color:var(--navy);color:var(--muted);margin:14px 0 0}
.sw-banner.soft strong[b-7x92uj5t7b]{color:var(--navy)}

/* ------------------------------------------------------------- top gauge */
.sw-bar[b-7x92uj5t7b]{display:flex;height:10px;border-radius:999px;overflow:hidden;background:#e8edf4;margin-bottom:8px}
.sw-seg[b-7x92uj5t7b]{min-width:0;transition:flex .3s ease}
.sw-seg.compliant[b-7x92uj5t7b],.sw-mini-bar i.compliant[b-7x92uj5t7b],.sw-cat-bar i.compliant[b-7x92uj5t7b]{background:var(--good)}
.sw-seg.partial[b-7x92uj5t7b],.sw-mini-bar i.partial[b-7x92uj5t7b],.sw-cat-bar i.partial[b-7x92uj5t7b]{background:var(--warn)}
.sw-seg.failed[b-7x92uj5t7b],.sw-mini-bar i.failed[b-7x92uj5t7b],.sw-cat-bar i.failed[b-7x92uj5t7b]{background:var(--bad)}
.sw-seg.na[b-7x92uj5t7b],.sw-mini-bar i.na[b-7x92uj5t7b],.sw-cat-bar i.na[b-7x92uj5t7b]{background:#94a3b8}
.sw-seg.todo[b-7x92uj5t7b],.sw-mini-bar i.todo[b-7x92uj5t7b],.sw-cat-bar i.todo[b-7x92uj5t7b]{background:#e2e8f0}
.sw-legend[b-7x92uj5t7b]{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;color:var(--muted);font-size:11.5px;font-weight:600}
.sw-legend span[b-7x92uj5t7b]{display:flex;align-items:center;gap:6px}
.sw-legend i[b-7x92uj5t7b]{width:9px;height:9px;border-radius:3px;display:inline-block}
.sw-legend i.compliant[b-7x92uj5t7b]{background:var(--good)}
.sw-legend i.partial[b-7x92uj5t7b]{background:var(--warn)}
.sw-legend i.failed[b-7x92uj5t7b]{background:var(--bad)}
.sw-legend i.na[b-7x92uj5t7b]{background:#94a3b8}
.sw-legend i.todo[b-7x92uj5t7b]{background:#e2e8f0;border:1px solid #cbd5e1}
.sw-legend-out[b-7x92uj5t7b]{margin-left:auto;font-style:italic;color:#94a3b8}

/* ------------------------------------------------------------------ tabs */
.sw-tabs[b-7x92uj5t7b]{display:flex;gap:4px;border-bottom:2px solid var(--line);margin-bottom:18px;overflow-x:auto}
.sw-tabs button[b-7x92uj5t7b]{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:7px;padding:12px 18px;font-weight:700;font-size:13.5px;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;white-space:nowrap;transition:color .15s ease,border-color .15s ease,background .15s ease;border-radius:9px 9px 0 0}
.sw-tabs button:hover[b-7x92uj5t7b]{color:var(--navy);background:var(--surface-2)}
.sw-tabs button.active[b-7x92uj5t7b]{color:var(--navy);border-bottom-color:var(--teal)}
.sw-tabs button:focus-visible[b-7x92uj5t7b]{outline:2px solid var(--teal);outline-offset:-2px}
.sw-tab-badge[b-7x92uj5t7b]{background:var(--bad);color:#fff;font-size:10.5px;font-weight:800;padding:2px 7px;border-radius:999px;font-variant-numeric:tabular-nums}

/* ------------------------------------------------------------- checklist */
.sw-checklist[b-7x92uj5t7b]{display:grid;grid-template-columns:262px 1fr;gap:18px;align-items:start}
.sw-cats[b-7x92uj5t7b]{position:sticky;top:12px;display:grid;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:8px;box-shadow:0 1px 3px rgba(15,23,42,.04);max-height:calc(100vh - 40px);overflow-y:auto}
.sw-cats button[b-7x92uj5t7b]{all:unset;box-sizing:border-box;display:block;width:100%;padding:10px 12px;border-radius:10px;cursor:pointer;transition:background .15s ease}
.sw-cats button:hover[b-7x92uj5t7b]{background:var(--surface-2)}
.sw-cats button.active[b-7x92uj5t7b]{background:#eaf8f0;box-shadow:0 0 0 1px #9fbbe0 inset}
.sw-cats button:focus-visible[b-7x92uj5t7b]{outline:2px solid var(--teal);outline-offset:-2px}
.sw-cats button[b-7x92uj5t7b]{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px}
.sw-cat-name[b-7x92uj5t7b]{flex:1;min-width:0;font-size:12.5px;font-weight:700;color:var(--navy);line-height:1.35}
.sw-cat-name em[b-7x92uj5t7b]{font-style:normal;color:var(--warn);font-weight:900;margin-left:3px}
.sw-cat-count[b-7x92uj5t7b]{flex-shrink:0;color:var(--muted);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}
.sw-cat-bar[b-7x92uj5t7b]{flex:0 0 100%;display:flex;height:4px;border-radius:999px;overflow:hidden;background:#eef2f7;margin-top:7px}
.sw-cat-bar i[b-7x92uj5t7b]{min-width:0}

.sw-list-col[b-7x92uj5t7b]{min-width:0}
.sw-filters[b-7x92uj5t7b]{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:11px 13px;margin-bottom:14px;box-shadow:0 1px 3px rgba(15,23,42,.04)}
.sw-search[b-7x92uj5t7b]{flex:1 1 220px;min-width:180px;border:1px solid #d7deea;border-radius:9px;padding:9px 12px;font-size:13.5px;color:var(--ink);font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}
.sw-search:hover[b-7x92uj5t7b]{border-color:#b9c5d6}
.sw-search:focus[b-7x92uj5t7b]{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(15, 77, 159, .16)}
.sw-chips[b-7x92uj5t7b]{display:flex;gap:4px;background:var(--surface-2);border-radius:10px;padding:3px}
.sw-chips button[b-7x92uj5t7b]{all:unset;box-sizing:border-box;padding:7px 13px;border-radius:8px;font-size:12.5px;font-weight:700;color:var(--muted);cursor:pointer;transition:background .15s ease,color .15s ease}
.sw-chips button:hover[b-7x92uj5t7b]{color:var(--navy)}
.sw-chips button.active[b-7x92uj5t7b]{background:var(--surface);color:var(--navy);box-shadow:0 1px 3px rgba(15,23,42,.14)}
.sw-chips button:focus-visible[b-7x92uj5t7b]{outline:2px solid var(--teal);outline-offset:-2px}
.sw-check[b-7x92uj5t7b]{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;color:var(--muted);font-weight:600;cursor:pointer;user-select:none}
.sw-check input[b-7x92uj5t7b]{width:17px;height:17px;accent-color:var(--teal);cursor:pointer;margin:1px 0 0}
.sw-check span em[b-7x92uj5t7b]{display:block;font-style:normal;font-weight:400;color:#94a3b8;font-size:11.5px;line-height:1.55;margin-top:3px;max-width:640px}

.sw-cat-block[b-7x92uj5t7b]{margin-bottom:26px}
.sw-cat-title[b-7x92uj5t7b]{margin:0 0 12px;font-size:16px;color:var(--navy);letter-spacing:-.01em;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sw-supp[b-7x92uj5t7b]{background:var(--warn-bg);color:#92400e;border:1px solid #fde68a;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:3px 9px;border-radius:999px}
.sw-supp.inline[b-7x92uj5t7b]{margin-left:8px;text-transform:none;letter-spacing:0;font-weight:700}

.sw-standard[b-7x92uj5t7b]{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:16px 18px;margin-bottom:11px;box-shadow:0 1px 3px rgba(15,23,42,.04)}
.sw-standard header[b-7x92uj5t7b]{padding-bottom:11px;border-bottom:1px solid var(--line);margin-bottom:5px}
.sw-standard h3[b-7x92uj5t7b]{margin:0;font-size:13.5px;color:var(--navy);line-height:1.5;font-weight:800}
.sw-ref[b-7x92uj5t7b]{margin:5px 0 0;color:var(--muted);font-size:11.5px;font-style:italic;line-height:1.5}

.sw-item[b-7x92uj5t7b]{border-radius:11px;transition:background .15s ease}
.sw-item+.sw-item[b-7x92uj5t7b]{border-top:1px solid #f1f5f9}
.sw-item:hover[b-7x92uj5t7b]{background:#fafbfd}
.sw-item.open[b-7x92uj5t7b]{background:var(--surface-2);box-shadow:0 0 0 1px var(--line)}
.sw-item-main[b-7x92uj5t7b]{display:flex;align-items:flex-start;gap:14px;padding:11px 10px}
.sw-item-text[b-7x92uj5t7b]{all:unset;box-sizing:border-box;display:flex;align-items:flex-start;gap:9px;flex:1;min-width:0;cursor:pointer;font-size:13.5px;line-height:1.6;color:var(--ink)}
.sw-item-text:focus-visible[b-7x92uj5t7b]{outline:2px solid var(--teal);outline-offset:2px;border-radius:6px}
.sw-item-chevron[b-7x92uj5t7b]{color:#94a3b8;font-size:17px;font-weight:900;line-height:1.25;transition:transform .15s ease;flex-shrink:0}
.sw-item.open .sw-item-chevron[b-7x92uj5t7b]{transform:rotate(90deg);color:var(--teal)}
.sw-kind[b-7x92uj5t7b]{display:inline-block;margin-left:7px;font-style:normal;background:#eef2f7;color:#64748b;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:999px;vertical-align:1px}
.sw-item-side[b-7x92uj5t7b]{display:flex;align-items:center;gap:10px;flex-shrink:0}
.sw-flag[b-7x92uj5t7b]{font-size:13px;opacity:.7}
.sw-due[b-7x92uj5t7b]{font-size:11px;font-weight:700;color:var(--muted);white-space:nowrap}
.sw-due.overdue[b-7x92uj5t7b]{color:var(--bad)}
.sw-due.none[b-7x92uj5t7b]{color:#94a3b8;font-weight:600;font-style:italic}

.sw-answers[b-7x92uj5t7b]{display:flex;gap:3px;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:3px}
.sw-answers button[b-7x92uj5t7b]{all:unset;box-sizing:border-box;padding:6px 11px;border-radius:7px;font-size:11.5px;font-weight:800;color:var(--muted);cursor:pointer;white-space:nowrap;transition:background .13s ease,color .13s ease,box-shadow .13s ease}
.sw-answers button:hover:not(:disabled)[b-7x92uj5t7b]{background:var(--surface);color:var(--navy)}
.sw-answers button:disabled[b-7x92uj5t7b]{cursor:not-allowed;opacity:.55}
.sw-answers button:focus-visible[b-7x92uj5t7b]{outline:2px solid var(--teal);outline-offset:-2px}
.sw-answers button.compliant.on[b-7x92uj5t7b]{background:var(--good);color:#fff}
.sw-answers button.partial.on[b-7x92uj5t7b]{background:var(--warn);color:#fff}
.sw-answers button.failed.on[b-7x92uj5t7b]{background:var(--bad);color:#fff}
.sw-answers button.na.on[b-7x92uj5t7b]{background:var(--na);color:#fff}

.sw-item.compliant .sw-item-main[b-7x92uj5t7b]{box-shadow:inset 3px 0 0 var(--good)}
.sw-item.partial .sw-item-main[b-7x92uj5t7b]{box-shadow:inset 3px 0 0 var(--warn)}
.sw-item.failed .sw-item-main[b-7x92uj5t7b]{box-shadow:inset 3px 0 0 var(--bad)}
.sw-item.na .sw-item-main[b-7x92uj5t7b]{box-shadow:inset 3px 0 0 #94a3b8}

.sw-item-detail[b-7x92uj5t7b]{padding:4px 14px 16px 32px;border-top:1px dashed #d7deea;margin-top:2px}
.sw-detail-grid[b-7x92uj5t7b]{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0 0}
.sw-field[b-7x92uj5t7b]{min-width:0}
.sw-field label[b-7x92uj5t7b]{display:block;font-weight:700;font-size:12px;color:var(--navy);margin-bottom:6px}
.sw-field textarea[b-7x92uj5t7b],.sw-field input[b-7x92uj5t7b]{width:100%;box-sizing:border-box;border:1px solid #d7deea;border-radius:10px;padding:10px 12px;font-size:13.5px;color:var(--ink);font-family:inherit;background:var(--surface);resize:vertical;line-height:1.55;transition:border-color .15s ease,box-shadow .15s ease}
.sw-field textarea:hover[b-7x92uj5t7b],.sw-field input:hover[b-7x92uj5t7b]{border-color:#b9c5d6}
.sw-field textarea:focus[b-7x92uj5t7b],.sw-field input:focus[b-7x92uj5t7b]{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(15, 77, 159, .16)}
.sw-field textarea:disabled[b-7x92uj5t7b],.sw-field input:disabled[b-7x92uj5t7b]{background:#f1f5f9;color:var(--muted);cursor:not-allowed}
.sw-detail-actions[b-7x92uj5t7b]{display:flex;justify-content:flex-end;gap:9px;margin-top:14px}
.sw-detail-actions.sticky[b-7x92uj5t7b]{position:sticky;bottom:12px;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:11px 13px;box-shadow:0 -4px 18px -8px rgba(15,23,42,.24);margin-top:18px}

.sw-docs[b-7x92uj5t7b]{margin-top:16px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:11px;padding:12px 15px}
.sw-docs h4[b-7x92uj5t7b]{margin:0 0 4px;font-size:11.5px;color:var(--navy);text-transform:uppercase;letter-spacing:.07em;font-weight:800}
.sw-docs p[b-7x92uj5t7b]{margin:0 0 9px;font-size:12px}
.sw-docs ul[b-7x92uj5t7b]{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.sw-docs li[b-7x92uj5t7b]{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:12.5px;line-height:1.5}
.sw-doc-kind[b-7x92uj5t7b]{flex-shrink:0;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:999px;color:#fff;background:#0b756e}
.sw-doc-kind.record[b-7x92uj5t7b]{background:var(--navy)}
.sw-doc-kind.review[b-7x92uj5t7b]{background:var(--warn)}
.sw-doc-title[b-7x92uj5t7b]{flex:1;min-width:0;color:var(--navy);font-weight:700}
.sw-doc-open[b-7x92uj5t7b]{flex-shrink:0;color:#0b756e;font-weight:800;text-decoration:none;border:1px solid #9fe0d8;background:#fff;border-radius:8px;padding:5px 11px;font-size:11.5px;transition:background .15s ease}
.sw-doc-open:hover[b-7x92uj5t7b]{background:#e6faf7}
.sw-doc-missing[b-7x92uj5t7b]{flex-shrink:0;color:#92400e;background:var(--warn-bg);border:1px dashed #fcd34d;border-radius:8px;padding:5px 11px;font-size:11.5px;font-weight:700}

.sw-refs[b-7x92uj5t7b]{margin-top:16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:11px;padding:12px 15px}
.sw-refs h4[b-7x92uj5t7b]{margin:0 0 4px;font-size:11.5px;color:var(--navy);text-transform:uppercase;letter-spacing:.07em;font-weight:800}
.sw-refs p[b-7x92uj5t7b]{margin:0 0 9px;font-size:12px}
.sw-refs ul[b-7x92uj5t7b]{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.sw-refs li[b-7x92uj5t7b]{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:12.5px;line-height:1.5}
.sw-refs li[b-7x92uj5t7b]::before{content:"▸";color:var(--teal);font-weight:900;flex-shrink:0}
.sw-refs a[b-7x92uj5t7b]{color:#0b5f96;font-weight:700;text-decoration:none}
.sw-refs a:hover[b-7x92uj5t7b]{text-decoration:underline}
.sw-ref-title[b-7x92uj5t7b]{color:var(--navy);font-weight:700}
.sw-refs em[b-7x92uj5t7b]{color:var(--muted);font-style:normal;font-size:11.5px}

.sw-history[b-7x92uj5t7b]{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.sw-history h4[b-7x92uj5t7b]{margin:0 0 10px;font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-weight:800}
.sw-note-add[b-7x92uj5t7b]{display:flex;gap:8px;margin-bottom:12px}
.sw-note-add input[b-7x92uj5t7b]{flex:1;border:1px solid #d7deea;border-radius:10px;padding:10px 12px;font-size:13px;font-family:inherit;color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease}
.sw-note-add input:focus[b-7x92uj5t7b]{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(15, 77, 159, .16)}
.sw-notes[b-7x92uj5t7b]{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sw-notes li[b-7x92uj5t7b]{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:10px 13px}
.sw-note-head[b-7x92uj5t7b]{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px}
.sw-note-head strong[b-7x92uj5t7b]{color:var(--navy);font-size:12.5px}
.sw-note-head time[b-7x92uj5t7b]{color:#94a3b8;font-size:11px;white-space:nowrap}
.sw-note-change[b-7x92uj5t7b]{margin:0;color:var(--muted);font-size:12px}
.sw-note-change b[b-7x92uj5t7b]{color:var(--navy)}
.sw-note-body[b-7x92uj5t7b]{margin:4px 0 0;font-size:13px;line-height:1.6;white-space:pre-line}

/* -------------------------------------------------------------- progress */
.sw-panel[b-7x92uj5t7b]{min-width:0}
.sw-kpis[b-7x92uj5t7b]{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:12px}
.sw-kpis article[b-7x92uj5t7b]{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--navy);border-radius:14px;padding:16px 14px;text-align:center;box-shadow:0 1px 3px rgba(15,23,42,.05)}
.sw-kpis article strong[b-7x92uj5t7b]{display:block;font-size:26px;font-weight:800;color:var(--navy);font-variant-numeric:tabular-nums;line-height:1.15}
.sw-kpis article span[b-7x92uj5t7b]{display:block;color:var(--muted);font-size:10px;margin-top:5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.sw-kpis article.good[b-7x92uj5t7b]{border-top-color:var(--good);background:var(--good-bg)}
.sw-kpis article.good strong[b-7x92uj5t7b]{color:var(--good)}
.sw-kpis article.warn[b-7x92uj5t7b]{border-top-color:var(--warn);background:var(--warn-bg)}
.sw-kpis article.warn strong[b-7x92uj5t7b]{color:var(--warn)}
.sw-kpis article.bad[b-7x92uj5t7b]{border-top-color:var(--bad);background:var(--bad-bg)}
.sw-kpis article.bad strong[b-7x92uj5t7b]{color:var(--bad)}
.sw-scoring-note[b-7x92uj5t7b]{margin:0 2px 18px;max-width:820px}

.sw-table-wrap[b-7x92uj5t7b]{background:var(--surface);border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 1px 3px rgba(15,23,42,.04);margin-bottom:20px}
.sw-table[b-7x92uj5t7b]{width:100%;border-collapse:collapse}
.sw-table th[b-7x92uj5t7b]{background:var(--surface-2);color:var(--navy);font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);font-weight:800}
.sw-table td[b-7x92uj5t7b]{padding:11px 14px;border-bottom:1px solid #f1f5f9;font-size:13px}
.sw-table tbody tr:last-child td[b-7x92uj5t7b]{border-bottom:none}
.sw-table tbody tr:hover[b-7x92uj5t7b]{background:#fafbfd}
.sw-table .num[b-7x92uj5t7b]{text-align:right;font-variant-numeric:tabular-nums;width:70px}
.sw-mini-bar[b-7x92uj5t7b]{display:flex;height:7px;border-radius:999px;overflow:hidden;background:#eef2f7}
.sw-mini-bar i[b-7x92uj5t7b]{min-width:0}
.sw-link[b-7x92uj5t7b]{all:unset;color:var(--teal);font-weight:800;font-size:12.5px;cursor:pointer}
.sw-link:hover[b-7x92uj5t7b]{color:#137a49;text-decoration:underline}
.sw-link:focus-visible[b-7x92uj5t7b]{outline:2px solid var(--teal);outline-offset:2px;border-radius:4px}

.sw-notes-card[b-7x92uj5t7b]{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:20px 22px;box-shadow:0 1px 3px rgba(15,23,42,.04)}
.sw-notes-card h3[b-7x92uj5t7b]{margin:0 0 6px;font-size:14px;color:var(--navy)}
.sw-notes-card textarea[b-7x92uj5t7b]{width:100%;box-sizing:border-box;margin-top:10px;border:1px solid #d7deea;border-radius:10px;padding:11px 13px;font-size:13.5px;font-family:inherit;color:var(--ink);resize:vertical;line-height:1.6}
.sw-notes-card textarea:focus[b-7x92uj5t7b]{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(15, 77, 159, .16)}

/* ----------------------------------------------------------- action plan */
.sw-actions-list[b-7x92uj5t7b]{display:grid;gap:11px;margin-top:14px}
.sw-action[b-7x92uj5t7b]{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--warn);border-radius:14px;padding:15px 18px;box-shadow:0 1px 3px rgba(15,23,42,.04)}
.sw-action.failed[b-7x92uj5t7b]{border-left-color:var(--bad)}
.sw-action-head[b-7x92uj5t7b]{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-bottom:8px}
.sw-status-pill[b-7x92uj5t7b]{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:999px;color:#fff;background:var(--warn)}
.sw-status-pill.failed[b-7x92uj5t7b]{background:var(--bad)}
.sw-status-pill.compliant[b-7x92uj5t7b]{background:var(--good)}
.sw-action-cat[b-7x92uj5t7b]{color:var(--muted);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.sw-action-text[b-7x92uj5t7b]{margin:0 0 6px;font-size:13.5px;line-height:1.6}
.sw-action-comment[b-7x92uj5t7b]{margin:0 0 8px;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:9px 12px;color:var(--muted);font-size:12.5px;line-height:1.6;white-space:pre-line}
.sw-action-foot[b-7x92uj5t7b]{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:12.5px}
.sw-action-foot b[b-7x92uj5t7b]{color:var(--navy)}

/* ----------------------------------------------------------------- scope */
.sw-scope-intro[b-7x92uj5t7b]{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:18px 22px;margin-bottom:18px;box-shadow:0 1px 3px rgba(15,23,42,.04)}
.sw-scope-intro h3[b-7x92uj5t7b]{margin:0 0 6px;font-size:14px;color:var(--navy)}
.sw-scope-intro p[b-7x92uj5t7b]{margin:0;max-width:700px}
.sw-scope-tally[b-7x92uj5t7b]{flex-shrink:0;text-align:center;background:var(--surface-2);border:1px solid var(--line);border-top:3px solid var(--teal);border-radius:13px;padding:12px 18px;min-width:118px}
.sw-scope-tally strong[b-7x92uj5t7b]{display:block;font-size:26px;font-weight:800;color:var(--navy);font-variant-numeric:tabular-nums;line-height:1.1}
.sw-scope-tally span[b-7x92uj5t7b]{display:block;color:var(--muted);font-size:10px;margin-top:3px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.sw-scope-group[b-7x92uj5t7b]{margin-bottom:20px}
.sw-scope-group h4[b-7x92uj5t7b]{margin:0 0 10px;font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.sw-toggles[b-7x92uj5t7b]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:9px;align-items:start}
.sw-toggle-group[b-7x92uj5t7b]{display:grid;gap:6px}
.sw-toggle[b-7x92uj5t7b]{display:flex;align-items:flex-start;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:13px 15px;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}
.sw-toggle:hover[b-7x92uj5t7b]{border-color:#b9c5d6}
.sw-toggle.on[b-7x92uj5t7b]{background:#f0f5fb;border-color:#9fbbe0}
.sw-toggle.locked[b-7x92uj5t7b]{cursor:not-allowed;opacity:.72}
.sw-toggle:focus-within[b-7x92uj5t7b]{box-shadow:0 0 0 3px rgba(15, 77, 159, .18)}
.sw-toggle input[b-7x92uj5t7b]{position:absolute;opacity:0;width:0;height:0}
.sw-switch[b-7x92uj5t7b]{flex-shrink:0;position:relative;width:38px;height:22px;border-radius:999px;background:#cbd5e1;margin-top:1px;transition:background .18s ease}
.sw-switch[b-7x92uj5t7b]::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.3);transition:transform .18s ease}
.sw-toggle.on .sw-switch[b-7x92uj5t7b]{background:var(--teal)}
.sw-toggle.on .sw-switch[b-7x92uj5t7b]::after{transform:translateX(16px)}
.sw-toggle-body[b-7x92uj5t7b]{display:block;min-width:0}
.sw-toggle-body strong[b-7x92uj5t7b]{display:block;color:var(--navy);font-size:13.5px;line-height:1.35}
.sw-toggle-body em[b-7x92uj5t7b]{display:block;color:var(--muted);font-size:12px;font-style:normal;line-height:1.5;margin-top:3px}
.sw-toggle-body small[b-7x92uj5t7b]{display:block;color:#94a3b8;font-size:11px;margin-top:4px;font-weight:700}
.sw-toggle.child[b-7x92uj5t7b]{margin-left:22px;padding:10px 13px;border-style:dashed;position:relative}
.sw-toggle.child[b-7x92uj5t7b]::before{content:"";position:absolute;left:-13px;top:-7px;bottom:50%;width:11px;border-left:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1;border-bottom-left-radius:7px}
.sw-toggle.child .sw-toggle-body strong[b-7x92uj5t7b]{font-size:12.5px}

/* ---------------------------------------------------------------- report */
.sw-report-head[b-7x92uj5t7b]{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:20px 22px;margin-bottom:14px;box-shadow:0 1px 3px rgba(15,23,42,.04)}
.sw-report-head h3[b-7x92uj5t7b]{margin:0 0 6px;font-size:14px;color:var(--navy)}
.sw-report-head p[b-7x92uj5t7b]{margin:0;max-width:720px}
.sw-report-options[b-7x92uj5t7b]{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:18px 22px;margin-bottom:14px;box-shadow:0 1px 3px rgba(15,23,42,.04)}
.sw-report-actions[b-7x92uj5t7b]{display:flex;gap:10px;flex-wrap:wrap}
.sw-report-actions .sw-btn:not(.primary)[b-7x92uj5t7b]{background:var(--surface);color:var(--navy);border-color:#d7deea}
.sw-report-actions .sw-btn:not(.primary):hover:not(:disabled)[b-7x92uj5t7b]{background:var(--surface-2);border-color:#b9c5d6}

/* ----------------------------------------------------------------- modal */
.sw-modal-backdrop[b-7x92uj5t7b]{position:fixed;inset:0;background:rgba(8,33,56,.55);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:1400;padding:20px}
.sw-modal[b-7x92uj5t7b]{background:var(--surface);border-radius:20px;padding:26px 30px;max-width:560px;width:100%;box-shadow:0 30px 70px -20px rgba(8,33,56,.6);max-height:90vh;overflow-y:auto}
.sw-modal h2[b-7x92uj5t7b]{margin:0 0 8px;font-size:20px;color:var(--navy);letter-spacing:-.01em}
.sw-summary-grid[b-7x92uj5t7b]{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}
.sw-summary-grid>div[b-7x92uj5t7b]{background:var(--surface-2);border:1px solid var(--line);border-radius:11px;padding:12px 10px;text-align:center}
.sw-summary-grid strong[b-7x92uj5t7b]{display:block;font-size:21px;font-weight:800;color:var(--navy);font-variant-numeric:tabular-nums;line-height:1.15}
.sw-summary-grid span[b-7x92uj5t7b]{display:block;color:var(--muted);font-size:10px;margin-top:3px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.sw-modal .sw-field[b-7x92uj5t7b]{margin-top:16px}
.sw-modal .sw-btn.ghost[b-7x92uj5t7b]{background:var(--surface);color:var(--navy);border-color:#d7deea}

@media(max-width:1100px){.sw-checklist[b-7x92uj5t7b]{grid-template-columns:minmax(0, 1fr)}.sw-cats[b-7x92uj5t7b]{position:static;max-height:none;display:flex;flex-wrap:wrap;gap:6px}.sw-cats button[b-7x92uj5t7b]{width:auto;flex:1 1 190px}.sw-kpis[b-7x92uj5t7b]{grid-template-columns:repeat(3, minmax(0, 1fr))}}
@media(max-width:820px){.sw-head[b-7x92uj5t7b]{display:block}.sw-head-side[b-7x92uj5t7b]{margin-top:20px;justify-content:space-between}.sw-detail-grid[b-7x92uj5t7b]{grid-template-columns:minmax(0, 1fr)}.sw-scope-intro[b-7x92uj5t7b]{display:block}.sw-scope-tally[b-7x92uj5t7b]{margin-top:14px}.sw-toggles[b-7x92uj5t7b]{grid-template-columns:minmax(0, 1fr)}}
@media(max-width:640px){.sw-kpis[b-7x92uj5t7b]{grid-template-columns:repeat(2, minmax(0, 1fr))}.sw-item-main[b-7x92uj5t7b]{flex-wrap:wrap}.sw-item-side[b-7x92uj5t7b]{width:100%;justify-content:flex-end}.sw-summary-grid[b-7x92uj5t7b]{grid-template-columns:repeat(2, minmax(0, 1fr))}.sw-table-wrap[b-7x92uj5t7b]{overflow-x:auto}.sw-table[b-7x92uj5t7b]{min-width:640px}}
/* /Components/Pages/Settings.razor.rz.scp.css */
.settings-page[b-3mrorhbtdc] {
    --settings-navy: var(--blue-900);
    --settings-navy-deep: #071a30;
    --settings-blue: var(--blue-600);
    --settings-blue-soft: var(--blue-50);
    --settings-orange: var(--orange-600);
    --settings-orange-soft: var(--orange-50);
    --settings-green: var(--green-700);
    --settings-green-soft: var(--green-50);
    --settings-text: var(--ink-900);
    --settings-muted: var(--ink-500);
    --settings-soft: var(--ink-500);
    --settings-border: var(--ink-100);
    --settings-border-strong: var(--ink-300);
    width: min(1240px, calc(100% - 32px));
    margin: 0 auto 3.5rem;
    color: var(--settings-text);
}

.settings-hero[b-3mrorhbtdc] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1.5rem;
    overflow: hidden;
    padding: 1.75rem 1.875rem;
    background: linear-gradient(135deg, var(--settings-navy) 0%, var(--settings-navy-deep) 100%);
    border-radius: 22px;
    box-shadow: 0 14px 32px -16px rgba(8, 33, 56, .5);
}

.settings-eyebrow[b-3mrorhbtdc] {
    display: inline-flex;
    align-items: center;
    margin-bottom: .7rem;
    padding: 4px 10px;
    color: var(--orange-500);
    background: rgba(255, 255, 255, .12);
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.settings-hero h1[b-3mrorhbtdc] {
    margin: 0;
    color: #fff;
    font-size: clamp(2rem, 3vw, 2.55rem);
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1.05;
}

.settings-hero p[b-3mrorhbtdc] {
    max-width: 46rem;
    margin: .6rem 0 0;
    color: #c8d6e6;
    font-size: .92rem;
    line-height: 1.65;
}

.workspace-badge[b-3mrorhbtdc] {
    min-width: 190px;
    padding: .85rem 1rem;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 15px;
}

.workspace-badge span[b-3mrorhbtdc],
.workspace-badge strong[b-3mrorhbtdc] {
    display: block;
}

.workspace-badge span[b-3mrorhbtdc] {
    color: rgba(255, 255, 255, .68);
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.workspace-badge strong[b-3mrorhbtdc] {
    margin-top: .3rem;
    color: #fff;
    font-size: .84rem;
}

.settings-section[b-3mrorhbtdc] {
    margin-top: 1.7rem;
}

.section-heading[b-3mrorhbtdc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    margin-bottom: .8rem;
}

.section-heading-main[b-3mrorhbtdc] {
    display: flex;
    align-items: center;
    gap: .65rem;
}

.section-heading h2[b-3mrorhbtdc] {
    margin: 0;
    color: var(--ink-700);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.section-heading p[b-3mrorhbtdc] {
    margin: 0;
    color: var(--settings-soft);
    font-size: .76rem;
}

.section-count[b-3mrorhbtdc] {
    min-width: 1.75rem;
    padding: .25rem .5rem;
    color: var(--ink-500);
    background: var(--ink-100);
    border-radius: 999px;
    font-size: .65rem;
    font-weight: 800;
    text-align: center;
}

.settings-grid[b-3mrorhbtdc] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .9rem;
}

.settings-grid-business[b-3mrorhbtdc] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.setting-card[b-3mrorhbtdc] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 190px;
    overflow: hidden;
    padding: 1.25rem;
    color: inherit;
    background: #fff;
    border: 1px solid var(--settings-border);
    border-radius: 18px;
    box-shadow: 0 1px 2px rgba(17, 24, 39, .04), 0 8px 20px rgba(17, 24, 39, .05);
    text-decoration: none;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.settings-grid-business .setting-card[b-3mrorhbtdc] {
    grid-column: span 2;
}

.settings-grid-business .setting-card-featured[b-3mrorhbtdc] {
    grid-column: span 3;
    min-height: 205px;
}

.setting-card[b-3mrorhbtdc]::after {
    position: absolute;
    top: -34px;
    right: -34px;
    width: 105px;
    height: 105px;
    content: "";
    background: var(--ink-100);
    border-radius: 50%;
}

.setting-card:hover[b-3mrorhbtdc],
.setting-card:focus-visible[b-3mrorhbtdc] {
    color: inherit;
    border-color: var(--settings-border-strong);
    box-shadow: 0 18px 40px -14px rgba(11, 37, 69, .28);
    outline: none;
    transform: translateY(-2px);
}

.setting-card:focus-visible[b-3mrorhbtdc] {
    box-shadow: 0 0 0 3px var(--blue-100), 0 18px 40px -14px rgba(11, 37, 69, .28);
}

.setting-card-top[b-3mrorhbtdc],
.setting-card h3[b-3mrorhbtdc],
.setting-card p[b-3mrorhbtdc],
.setting-action[b-3mrorhbtdc] {
    position: relative;
    z-index: 1;
}

.setting-card-top[b-3mrorhbtdc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .9rem;
}

.setting-icon[b-3mrorhbtdc] {
    display: grid;
    width: 43px;
    height: 43px;
    flex: 0 0 auto;
    place-items: center;
    color: var(--settings-blue);
    background: var(--settings-blue-soft);
    border: 1px solid var(--blue-100);
    border-radius: 13px;
}

.setting-icon[b-3mrorhbtdc]  .mud-icon-root {
    font-size: 1.35rem;
}

.setting-card-teal .setting-icon[b-3mrorhbtdc],
.personal-copy .setting-icon[b-3mrorhbtdc] {
    color: var(--settings-green);
    background: var(--settings-green-soft);
    border-color: var(--green-100);
}

.setting-card-orange .setting-icon[b-3mrorhbtdc] {
    color: var(--settings-orange);
    background: var(--settings-orange-soft);
    border-color: var(--orange-100);
}

.setting-card-neutral .setting-icon[b-3mrorhbtdc] {
    color: var(--ink-700);
    background: var(--ink-100);
    border-color: var(--ink-300);
}

.setting-tag[b-3mrorhbtdc] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 .5rem;
    color: var(--ink-500);
    background: var(--ink-100);
    border: 1px solid var(--ink-300);
    border-radius: 999px;
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.setting-card h3[b-3mrorhbtdc] {
    margin: 1rem 0 .38rem;
    color: var(--settings-navy);
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: -.015em;
}

.setting-card p[b-3mrorhbtdc] {
    max-width: 96%;
    margin: 0;
    color: var(--settings-muted);
    font-size: .81rem;
    line-height: 1.55;
}

.setting-action[b-3mrorhbtdc] {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: .45rem;
    margin-top: auto;
    padding-top: 1rem;
    color: var(--settings-blue);
    font-size: .74rem;
    font-weight: 800;
    text-transform: none;
}

.setting-action-secondary[b-3mrorhbtdc] {
    color: var(--ink-700);
}

.setting-card-orange .setting-action[b-3mrorhbtdc] {
    color: var(--orange-700);
}

.setting-arrow[b-3mrorhbtdc] {
    display: grid;
    width: 22px;
    height: 22px;
    place-items: center;
    color: #fff;
    background: var(--settings-blue);
    border-radius: 7px;
    font-size: .75rem;
    line-height: 1;
    transition: transform .18s ease;
}

.setting-action-secondary .setting-arrow[b-3mrorhbtdc] {
    background: var(--ink-700);
}

.setting-card-orange .setting-arrow[b-3mrorhbtdc] {
    background: var(--orange-700);
}

.setting-card:hover .setting-arrow[b-3mrorhbtdc],
.setting-card:focus-visible .setting-arrow[b-3mrorhbtdc] {
    transform: translateX(3px);
}

.settings-grid-pharmacy[b-3mrorhbtdc] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.settings-grid-pharmacy .setting-card[b-3mrorhbtdc] {
    grid-column: auto;
}

.personal-section[b-3mrorhbtdc] {
    margin-top: 1.7rem;
}

.personal-panel[b-3mrorhbtdc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1.4rem;
    padding: 1.1rem 1.25rem;
    color: inherit;
    background: #fff;
    border: 1px solid var(--settings-border);
    border-radius: 18px;
    box-shadow: 0 5px 18px -8px rgba(11, 37, 69, .18);
    text-decoration: none;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.personal-panel:hover[b-3mrorhbtdc],
.personal-panel:focus-visible[b-3mrorhbtdc] {
    color: inherit;
    border-color: var(--settings-border-strong);
    box-shadow: 0 12px 28px -12px rgba(11, 37, 69, .32);
    outline: none;
}

.personal-panel:focus-visible[b-3mrorhbtdc] {
    box-shadow: 0 0 0 3px var(--blue-100), 0 12px 28px -12px rgba(11, 37, 69, .32);
}

.personal-copy[b-3mrorhbtdc] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: .9rem;
}

.personal-copy strong[b-3mrorhbtdc],
.personal-copy > span:last-child > span[b-3mrorhbtdc] {
    display: block;
}

.personal-copy strong[b-3mrorhbtdc] {
    margin-bottom: .25rem;
    color: var(--settings-navy);
    font-size: .93rem;
}

.personal-copy > span:last-child > span[b-3mrorhbtdc] {
    color: var(--settings-muted);
    font-size: .81rem;
}

.personal-action[b-3mrorhbtdc] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    min-height: 40px;
    padding: 0 .9rem;
    color: var(--ink-700);
    background: #fff;
    border: 1px solid var(--settings-border-strong);
    border-radius: 10px;
    font-size: .73rem;
    font-weight: 800;
    white-space: nowrap;
}

@media (max-width: 980px) {
    .settings-hero[b-3mrorhbtdc] {
        grid-template-columns: minmax(0, 1fr);
    }

    .workspace-badge[b-3mrorhbtdc] {
        width: max-content;
    }

    .settings-grid[b-3mrorhbtdc],
    .settings-grid-business[b-3mrorhbtdc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .settings-grid-business .setting-card[b-3mrorhbtdc],
    .settings-grid-business .setting-card-featured[b-3mrorhbtdc] {
        grid-column: auto;
    }
}

@media (max-width: 680px) {
    .settings-page[b-3mrorhbtdc] {
        width: min(100% - 20px, 1240px);
        margin-bottom: 2rem;
    }

    .settings-hero[b-3mrorhbtdc] {
        gap: 1rem;
        padding: 1.35rem 1.25rem;
        border-radius: 18px;
    }

    .settings-hero h1[b-3mrorhbtdc] {
        font-size: 1.9rem;
    }

    .settings-hero p[b-3mrorhbtdc] {
        font-size: .84rem;
    }

    .workspace-badge[b-3mrorhbtdc] {
        width: 100%;
    }

    .section-heading[b-3mrorhbtdc] {
        align-items: flex-end;
    }

    .section-heading > p[b-3mrorhbtdc] {
        display: none;
    }

    .settings-grid[b-3mrorhbtdc],
    .settings-grid-business[b-3mrorhbtdc] {
        grid-template-columns: minmax(0, 1fr);
    }

    .setting-card[b-3mrorhbtdc],
    .setting-card-featured[b-3mrorhbtdc] {
        min-height: 175px;
    }

    .personal-panel[b-3mrorhbtdc] {
        grid-template-columns: minmax(0, 1fr);
    }

    .personal-action[b-3mrorhbtdc] {
        justify-content: center;
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .setting-card[b-3mrorhbtdc],
    .setting-arrow[b-3mrorhbtdc],
    .personal-panel[b-3mrorhbtdc] {
        transition: none;
    }
}
/* /Components/Pages/ShiftTimeInput.razor.rz.scp.css */
.sav_hybrid_wrap[b-8gzr7obejq] { position: relative; display: flex; align-items: center; width: 100%; }
.sav_time_input[b-8gzr7obejq] { width: 100%; min-height: 44px; font-size: 14px; border-radius: 6px; border: 1px solid #cbd5e1; padding: 0 12px; color: #0f172a; background: white; transition: all 0.18s ease; }
.sav_time_input:focus[b-8gzr7obejq] { outline: none; border-color: #0f62fe; }
.sav_ampm_btn[b-8gzr7obejq] { position: absolute; right: 6px; height: 32px; padding: 0 12px; font-size: 12px; background: #e2e8f0; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; color: #1e293b; transition: all 0.18s ease; }
.sav_ampm_btn:hover[b-8gzr7obejq] { background: #cbd5e1; }
.sav_ampm_btn.sav_hidden[b-8gzr7obejq] { display: none; }
.sav_time_drop[b-8gzr7obejq] { position: absolute; top: 100%; left: 0; right: 0; max-height: 180px; overflow-y: auto; background: white; border: 1px solid #cbd5e1; border-radius: 6px; z-index: 50; box-shadow: 0 4px 12px rgba(0,0,0,0.1); margin-top: 4px; }
.sav_time_opt[b-8gzr7obejq] { padding: 12px; font-size: 14px; cursor: pointer; color: #0f172a; }
.sav_time_opt:hover[b-8gzr7obejq] { background: #f1f5f9; }
/* /Components/Pages/StripeSettings.razor.rz.scp.css */
.stripe-page[b-c5ivasvvvq]{--navy:var(--blue-900);--navy-deep:#071a30;--line:var(--ink-100);--muted:var(--ink-500);color:var(--ink-900);text-align:left;display:grid;gap:18px; grid-template-columns: minmax(0, 1fr); }

.stripe-hero[b-c5ivasvvvq]{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:26px 30px;border-radius:18px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-deep) 100%);box-shadow:0 14px 32px -16px rgba(8,33,56,.5)}
.stripe-eyebrow[b-c5ivasvvvq]{display:inline-flex;align-items:center;margin:0 0 .5rem;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.12);color:var(--orange-500);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.stripe-hero h1[b-c5ivasvvvq]{margin:0 0 4px;color:#fff;font-size:2rem;font-weight:750;letter-spacing:-.01em}
.stripe-hero p:not(.stripe-eyebrow)[b-c5ivasvvvq]{margin:0;color:#c8d6e6;font-size:.86rem;max-width:56ch}

.stripe-status-pill[b-c5ivasvvvq]{flex:0 0 auto;padding:7px 16px;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.stripe-status-pill.live[b-c5ivasvvvq]{background:var(--green-100);color:var(--green-700)}
.stripe-status-pill.test[b-c5ivasvvvq]{background:var(--orange-100);color:var(--orange-700)}
.stripe-status-pill.disabled[b-c5ivasvvvq]{background:rgba(255,255,255,.12);color:#c8d6e6}

.stripe-alert[b-c5ivasvvvq]{border-radius:14px}

.stripe-card[b-c5ivasvvvq]{border:1px solid var(--line);border-radius:16px;background:#fff;padding:22px 24px;box-shadow:0 10px 28px -14px rgba(11,37,69,.14)}
.stripe-card-heading[b-c5ivasvvvq]{display:flex;align-items:flex-start;gap:.85rem;margin-bottom:1.15rem;padding-bottom:1rem;border-bottom:1px solid var(--ink-100)}
.stripe-card-icon[b-c5ivasvvvq]{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;color:var(--blue-600);background:var(--blue-50);border-radius:10px}
.stripe-card-icon.amber[b-c5ivasvvvq]{color:var(--orange-600);background:var(--orange-50)}
.stripe-card-icon.teal[b-c5ivasvvvq]{color:var(--teal-600);background:var(--teal-50)}
.stripe-card-heading h2[b-c5ivasvvvq]{margin:0;color:var(--ink-900);font-size:1.08rem;font-weight:780}
.stripe-card-heading p[b-c5ivasvvvq]{margin:.2rem 0 0;color:var(--ink-500);font-size:.83rem}

.stripe-toggle-row[b-c5ivasvvvq]{display:grid;gap:.25rem;margin-bottom:1rem}
.stripe-env-select[b-c5ivasvvvq]{max-width:320px;margin-bottom:1rem}

.stripe-mode-alert[b-c5ivasvvvq]{border-radius:12px}

.stripe-fields[b-c5ivasvvvq]{display:grid;gap:.75rem 1rem}
.stripe-fields.two-columns[b-c5ivasvvvq]{grid-template-columns:repeat(2,minmax(0,1fr))}
.stripe-fields .full-width[b-c5ivasvvvq]{grid-column:1 / -1}

.stripe-card[b-c5ivasvvvq]  .mud-input-control{margin-top:0}
.stripe-card[b-c5ivasvvvq]  .mud-input-outlined-border{border-color:var(--ink-300);transition:border-color 150ms ease,box-shadow 150ms ease}
.stripe-card[b-c5ivasvvvq]  .mud-input-outlined.mud-focused .mud-input-outlined-border{border-color:var(--blue-600) !important;border-width:2px !important;box-shadow:0 0 0 3px var(--blue-100)}
.stripe-card[b-c5ivasvvvq]  .mud-input:hover:not(.mud-disabled) .mud-input-outlined-border{border-color:var(--blue-500)}

.stripe-actions-card[b-c5ivasvvvq]{display:grid;gap:1rem}
.stripe-actions[b-c5ivasvvvq]{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}
.stripe-actions[b-c5ivasvvvq]  .mud-button-filled-primary{background-color:var(--orange-600) !important;box-shadow:0 6px 16px -6px rgba(234,88,12,.55);transition:background-color 150ms ease,transform 150ms ease,box-shadow 150ms ease}
.stripe-actions[b-c5ivasvvvq]  .mud-button-filled-primary:hover{background-color:var(--orange-700) !important;transform:translateY(-1px)}
.stripe-actions[b-c5ivasvvvq]  .mud-button-outlined{border-color:var(--ink-300) !important;color:var(--ink-700) !important;transition:border-color 150ms ease,color 150ms ease,background-color 150ms ease}
.stripe-actions[b-c5ivasvvvq]  .mud-button-outlined:hover{border-color:var(--blue-600) !important;color:var(--blue-700) !important;background-color:var(--blue-50) !important}
.stripe-actions[b-c5ivasvvvq]  .mud-button-root:focus-visible{outline:2px solid var(--blue-600);outline-offset:2px}

.stripe-last-test[b-c5ivasvvvq]{display:flex;align-items:flex-start;gap:.65rem;padding:.85rem 1rem;color:var(--ink-700);background:var(--ink-100);border-radius:12px;font-size:.82rem;line-height:1.5}
.stripe-last-test[b-c5ivasvvvq]  .mud-icon-root{color:var(--ink-500);flex:0 0 auto;margin-top:1px}
.stripe-last-test strong[b-c5ivasvvvq]{color:var(--ink-900)}

@media(max-width:900px){.stripe-fields.two-columns[b-c5ivasvvvq]{grid-template-columns:minmax(0, 1fr)}}
@media(max-width:700px){.stripe-hero[b-c5ivasvvvq]{display:grid}}
@media(max-width:600px){
    .stripe-card[b-c5ivasvvvq]{padding:18px}
    .stripe-hero h1[b-c5ivasvvvq]{font-size:1.65rem}
    .stripe-hero[b-c5ivasvvvq]{padding:20px}
    .stripe-actions[b-c5ivasvvvq]{flex-direction:column;align-items:stretch}
    .stripe-actions[b-c5ivasvvvq]  .mud-button-root{width:100%}
}

.stripe-sync-note[b-c5ivasvvvq]{margin:14px 0 0;padding:12px 14px;border-radius:10px;background:#f6f8fb;border:1px solid #e4e9f1;line-height:1.65;font-size:13px;color:#5d6b82}
.stripe-sync-note strong[b-c5ivasvvvq]{color:#0b2f52}
/* /Components/Pages/StudentCourses.razor.rz.scp.css */
.student-learning[b-yobk19vq2w]{max-width:1260px;margin:0 auto;padding:30px 24px 70px;color:#17324d}.student-learning>header[b-yobk19vq2w]{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:30px;border-radius:20px;background:linear-gradient(135deg,#0b2d4c,#0d3b78);color:#fff}.student-learning header span[b-yobk19vq2w],.available>div>span[b-yobk19vq2w]{font-size:.7rem;font-weight:900;letter-spacing:.13em}.student-learning h1[b-yobk19vq2w]{margin:7px 0}.student-learning header p[b-yobk19vq2w]{margin:0;color:#d2dce9}.student-learning header a[b-yobk19vq2w],.student-empty a[b-yobk19vq2w]{border-radius:10px;padding:11px 15px;background:#fff;color:#0d366c;font-weight:900;text-decoration:none}.student-metrics[b-yobk19vq2w]{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.student-metrics article[b-yobk19vq2w]{padding:20px;border:1px solid #d9e0e9;border-radius:14px;background:#fff}.student-metrics span[b-yobk19vq2w]{color:#61768a}.student-metrics strong[b-yobk19vq2w]{display:block;margin-top:4px;color:#0d3a76;font-size:1.8rem}.student-course-grid[b-yobk19vq2w]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.student-course-grid article[b-yobk19vq2w]{padding:20px;border:1px solid #d8e3e9;border-radius:17px;background:#fff;box-shadow:0 9px 24px rgba(20,52,75,.07)}.student-card-top[b-yobk19vq2w],.progress-copy[b-yobk19vq2w]{display:flex;align-items:center;justify-content:space-between;gap:10px}.student-card-top small[b-yobk19vq2w]{color:#6c8092}.student-course-grid h2[b-yobk19vq2w]{min-height:54px}.student-course-grid progress[b-yobk19vq2w]{width:100%;height:10px;accent-color:#0d4b9d}.progress-copy span[b-yobk19vq2w]{color:#64788a}.status[b-yobk19vq2w]{padding:4px 8px;border-radius:999px;background:#edf0f4;font-size:.68rem;font-weight:900}.status.active[b-yobk19vq2w],.status.completed[b-yobk19vq2w]{background:#e7f7ee;color:#23754e}.status.pendingpayment[b-yobk19vq2w]{background:#fff4d8;color:#8b650f}.status.suspended[b-yobk19vq2w]{background:#fff0e2;color:#9a582c}.status.revoked[b-yobk19vq2w]{background:#fde9e9;color:#a33c3c}.reason[b-yobk19vq2w],.expiry[b-yobk19vq2w]{padding:9px;border-radius:8px;background:#f7f9fa;color:#64788a;font-size:.8rem}.student-card-actions[b-yobk19vq2w]{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.student-card-actions a[b-yobk19vq2w]{padding:9px 11px;border-radius:9px;background:#0d438a;color:#fff;font-size:.78rem;font-weight:850;text-decoration:none}.student-card-actions a.secondary[b-yobk19vq2w]{background:#e8edf4;color:#0d366c}.student-card-actions a.certificate[b-yobk19vq2w]{background:#0b2e4d}.available[b-yobk19vq2w]{margin-top:28px;padding:22px;border-radius:17px;background:#edf1f7}.available h2[b-yobk19vq2w]{margin:5px 0 16px}.available>div:last-child[b-yobk19vq2w]{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.available a[b-yobk19vq2w]{display:flex;flex-direction:column;gap:5px;padding:13px;border-radius:10px;background:#fff;color:#17324d;text-decoration:none}.available a span[b-yobk19vq2w]{color:#0d3d7c;font-size:.75rem}.student-empty[b-yobk19vq2w]{margin-top:22px;padding:50px;border:1px dashed #c9d8e1;border-radius:16px;text-align:center}@media(max-width:900px){.student-course-grid[b-yobk19vq2w]{grid-template-columns:repeat(2, minmax(0, 1fr))}.available>div:last-child[b-yobk19vq2w]{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(max-width:600px){.student-learning[b-yobk19vq2w]{padding:16px 13px}.student-learning>header[b-yobk19vq2w]{align-items:start;flex-direction:column}.student-metrics[b-yobk19vq2w],.student-course-grid[b-yobk19vq2w],.available>div:last-child[b-yobk19vq2w]{grid-template-columns:minmax(0, 1fr)}}
/* /Components/Pages/StudentRx.razor.rz.scp.css */
.srx-page[b-atailf7d0t] { --navy: #0b2447; --navy-2: #12355b; --teal: #0f4791; --orange: #f28c28; --ink: #20384d; --muted: #6e8191; --line: #dbe5ec; display: grid; gap: 1rem; color: var(--ink); grid-template-columns: minmax(0, 1fr); }
.srx-breadcrumbs[b-atailf7d0t] { display: flex; flex-wrap: wrap; gap: .45rem; color: var(--muted); font-size: .82rem; }
.srx-breadcrumbs a[b-atailf7d0t] { color: #083877; text-decoration: none; }
.srx-hero[b-atailf7d0t] { position: relative; display: flex; justify-content: space-between; align-items: end; gap: 1rem; padding: 1.5rem; overflow: hidden; border-radius: 18px; color: #fff; background: linear-gradient(125deg,var(--navy),var(--navy-2)); box-shadow: 0 12px 30px rgba(11,36,71,.18); }
.srx-hero[b-atailf7d0t]::after { content: "Rx"; position: absolute; right: 8rem; top: -2.2rem; color: rgba(255,255,255,.055); font-size: 9rem; font-weight: 950; line-height: 1; transform: rotate(-8deg); }
.srx-hero-copy[b-atailf7d0t] { position: relative; z-index: 1; }
.srx-kicker[b-atailf7d0t] { color: #92b2dd; font-size: .68rem; font-weight: 900; letter-spacing: .15em; }
.srx-hero h1[b-atailf7d0t] { margin: .2rem 0 .25rem; font-size: clamp(2.15rem,5vw,3.4rem); letter-spacing: -.035em; }
.srx-hero p[b-atailf7d0t] { max-width: 720px; margin: 0; color: #d6e5f0; font-size: 1rem; }
.srx-hero-stat[b-atailf7d0t] { position: relative; z-index: 1; display: grid; min-width: 125px; padding: .8rem 1rem; border: 1px solid rgba(255,255,255,.17); border-radius: 14px; background: rgba(255,255,255,.08); backdrop-filter: blur(5px); }
.srx-hero-stat strong[b-atailf7d0t] { color: #fff; font-size: 1.65rem; }
.srx-hero-stat span[b-atailf7d0t] { color: #bcd1df; font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; }

/* --- Two-pane workspace: schools on the left, details on the right --- */
.srx-workspace[b-atailf7d0t] { display: grid; grid-template-columns: minmax(300px, .8fr) minmax(480px, 1.6fr); gap: 1rem; align-items: start; }
.srx-list-panel[b-atailf7d0t], .srx-detail-panel[b-atailf7d0t] { border: 1px solid var(--line); border-radius: 16px; background: #fff; box-shadow: 0 6px 20px rgba(11,36,71,.06); overflow: hidden; }
.srx-list-panel[b-atailf7d0t] { display: flex; flex-direction: column; height: 640px; padding: 1rem 1rem 0; gap: .7rem; }
.srx-search[b-atailf7d0t] { position: relative; display: block; }
.srx-search[b-atailf7d0t]  svg { position: absolute; left: .8rem; top: 50%; z-index: 1; color: #6f8190; transform: translateY(-50%); font-size: 1.1rem; }
.srx-search input[b-atailf7d0t] { width: 100%; min-height: 44px; padding: .7rem .9rem .7rem 2.6rem; border: 1px solid #cbd8e1; border-radius: 10px; color: var(--ink); background: #f9fbfc; outline: 0; font: inherit; }
.srx-search input:focus[b-atailf7d0t] { border-color: #587caa; background: #fff; box-shadow: 0 0 0 3px rgba(15, 71, 145, .12); }
.srx-list-heading[b-atailf7d0t] { display: flex; justify-content: space-between; gap: .5rem; color: var(--muted); font-size: .72rem; font-weight: 700; padding-bottom: .6rem; border-bottom: 1px solid #eef1f5; }
.srx-school-list[b-atailf7d0t] { flex: 1; overflow: auto; margin: 0 -1rem; }
.srx-school[b-atailf7d0t] { width: 100%; display: flex; align-items: flex-start; gap: .6rem; padding: .55rem 1rem; text-align: left; border: 0; border-bottom: 1px solid #f2f4f7; border-left: 3px solid transparent; background: #fff; cursor: pointer; }
.srx-school:hover[b-atailf7d0t] { background: #f8fafc; }
.srx-school.selected[b-atailf7d0t] { background: #f2f5f8; border-left-color: var(--teal); }
.srx-school-avatar[b-atailf7d0t] { width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; flex: none; background: #eaf1fb; color: var(--navy); font-size: .68rem; font-weight: 800; }
.srx-school.selected .srx-school-avatar[b-atailf7d0t] { background: #dfe9f5; color: #083775; }
.srx-school-text[b-atailf7d0t] { display: flex; flex-direction: column; min-width: 0; flex: 1; gap: 1px; text-align: left; }
.srx-school-title[b-atailf7d0t] { color: var(--navy); font-weight: 750; font-size: .85rem; line-height: 1.3; text-align: left; white-space: normal; overflow-wrap: anywhere; }
.srx-school-insurer[b-atailf7d0t] { color: var(--muted); font-size: .74rem; text-align: left; white-space: normal; overflow-wrap: anywhere; }

.srx-detail-panel[b-atailf7d0t] { padding: 1.4rem 1.6rem; display: flex; flex-direction: column; gap: 1.2rem; height: 640px; overflow: auto; }
.srx-detail-heading h2[b-atailf7d0t] { margin: .15rem 0 .3rem; color: var(--navy); font-size: 1.5rem; letter-spacing: -.02em; }
.srx-detail-kicker[b-atailf7d0t] { color: #083775; font-size: .68rem; font-weight: 900; letter-spacing: .1em; }
.srx-detail-heading p[b-atailf7d0t] { margin: 0; color: var(--muted); font-size: .88rem; font-weight: 650; }
.srx-facts[b-atailf7d0t] { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .65rem; }
.srx-facts > div[b-atailf7d0t] { display: grid; align-content: start; gap: .25rem; min-height: 82px; padding: .8rem; border: 1px solid #dde8ee; border-radius: 11px; background: #fbfcfd; }
.srx-facts > div:nth-child(1)[b-atailf7d0t] { border-top: 3px solid var(--teal); }
.srx-facts > div:nth-child(2)[b-atailf7d0t] { border-top: 3px solid #3d78b7; }
.srx-facts > div:nth-child(3)[b-atailf7d0t] { border-top: 3px solid var(--orange); }
.srx-facts > div:nth-child(4)[b-atailf7d0t] { border-top: 3px solid #ae8364; }
.srx-facts span[b-atailf7d0t], .srx-notes span[b-atailf7d0t] { color: #6a7e8e; font-size: .66rem; font-weight: 900; letter-spacing: .075em; text-transform: uppercase; }
.srx-facts strong[b-atailf7d0t] { overflow-wrap: anywhere; color: var(--navy); font-size: .88rem; }
.srx-notes[b-atailf7d0t] { display: grid; grid-template-columns: 30px minmax(0,1fr); gap: .65rem; padding: .85rem 1rem; border: 1px solid #f3d3ad; border-radius: 11px; color: #7b4d17; background: #fff7ed; }
.srx-notes[b-atailf7d0t]  svg { color: var(--orange); }
.srx-notes p[b-atailf7d0t] { margin: .2rem 0 0; color: #5e4a34; white-space: pre-wrap; }
.srx-school-actions[b-atailf7d0t] { margin-top: auto; display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding-top: .85rem; border-top: 1px solid #e6edf1; }
.srx-detail-link[b-atailf7d0t] { display: inline-flex; align-items: center; gap: .35rem; color: #083877; text-decoration: none; font-size: .8rem; font-weight: 850; }
.srx-detail-link[b-atailf7d0t]  svg { width: 17px; }
.srx-share[b-atailf7d0t] { display: flex; flex-wrap: wrap; justify-content: end; align-items: center; gap: .4rem; }
.srx-share span[b-atailf7d0t] { color: var(--muted); font-size: .72rem; font-weight: 800; }
.srx-share a[b-atailf7d0t] { padding: .35rem .5rem; border: 1px solid #d7e3e9; border-radius: 7px; color: #425d73; background: #fff; text-decoration: none; font-size: .7rem; font-weight: 750; }
.srx-share a:hover[b-atailf7d0t] { border-color: var(--teal); color: #083877; }

.srx-disclaimer[b-atailf7d0t] { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: .8rem; padding: 1rem; border: 1px solid #cad6e5; border-radius: 14px; color: #526b7d; background: #eef2f7; }
.srx-disclaimer[b-atailf7d0t]  svg { color: var(--teal); }
.srx-disclaimer strong[b-atailf7d0t] { color: var(--navy); }
.srx-disclaimer p[b-atailf7d0t] { margin: .2rem 0 0; font-size: .78rem; }
.srx-disclaimer a[b-atailf7d0t] { color: #083877; font-size: .75rem; font-weight: 800; }
.srx-state[b-atailf7d0t] { min-height: 220px; display: grid; place-items: center; align-content: center; gap: .4rem; padding: 2rem; border: 1px dashed #cbd9e1; border-radius: 16px; color: var(--muted); background: #fff; text-align: center; }
.srx-state.error[b-atailf7d0t]  svg { color: #be4d3d; }
.srx-empty[b-atailf7d0t] { min-height: 200px; display: grid; place-items: center; align-content: center; gap: .4rem; padding: 2rem; color: var(--muted); text-align: center; }
.srx-empty[b-atailf7d0t]  svg { color: #9bb0bd; font-size: 2.2rem; }
.srx-empty-detail[b-atailf7d0t] { height: 100%; }

@media (max-width: 1100px) {
    .srx-workspace[b-atailf7d0t] { grid-template-columns: minmax(0, 1fr); }
    .srx-list-panel[b-atailf7d0t], .srx-detail-panel[b-atailf7d0t] { height: auto; }
    .srx-school-list[b-atailf7d0t] { max-height: 360px; }
    .srx-facts[b-atailf7d0t] { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 680px) {
    .srx-hero[b-atailf7d0t] { align-items: start; }
    .srx-hero-stat[b-atailf7d0t] { display: none; }
    .srx-facts[b-atailf7d0t] { grid-template-columns: minmax(0, 1fr); }
    .srx-school-actions[b-atailf7d0t] { align-items: start; flex-direction: column; }
    .srx-share[b-atailf7d0t] { justify-content: start; }
    .srx-disclaimer[b-atailf7d0t] { grid-template-columns: auto minmax(0,1fr); }
    .srx-disclaimer > a[b-atailf7d0t] { grid-column: 2; }
}
/* /Components/Pages/StudentRxDetail.razor.rz.scp.css */
.srd-page[b-4be94smp52] { --navy: #0b2447; --teal: #0f4791; --orange: #f28c28; --ink: #20384d; --muted: #6e8191; display: grid; gap: 1rem; max-width: 980px; margin: 0 auto; color: var(--ink); grid-template-columns: minmax(0, 1fr); }
.srd-back[b-4be94smp52] { display: inline-flex; width: max-content; align-items: center; gap: .35rem; color: #083877; text-decoration: none; font-size: .82rem; font-weight: 800; }
.srd-back[b-4be94smp52]  svg { width: 18px; }
.srd-card[b-4be94smp52] { overflow: hidden; border: 1px solid #d8e3ea; border-radius: 18px; background: #fff; box-shadow: 0 14px 35px rgba(11,36,71,.12); }
.srd-card > header[b-4be94smp52] { position: relative; padding: 2rem; overflow: hidden; color: #fff; background: linear-gradient(125deg,#0b2447,#173f66); }
.srd-card > header[b-4be94smp52]::after { content: "Rx"; position: absolute; right: 1.5rem; top: -.8rem; color: rgba(255,255,255,.065); font-size: 8rem; font-weight: 950; transform: rotate(-8deg); }
.srd-card > header > *[b-4be94smp52] { position: relative; z-index: 1; }
.srd-card > header span[b-4be94smp52] { color: #8dafdb; font-size: .67rem; font-weight: 900; letter-spacing: .14em; }
.srd-card h1[b-4be94smp52] { margin: .35rem 0 .2rem; color: #fff; font-size: clamp(2rem,5vw,3rem); letter-spacing: -.035em; }
.srd-card > header p[b-4be94smp52] { margin: 0; color: #c7dbe9; font-size: 1.05rem; }
.srd-body[b-4be94smp52] { display: grid; gap: 1.2rem; padding: 1.5rem; grid-template-columns: minmax(0, 1fr); }
.srd-facts[b-4be94smp52] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .8rem; }
.srd-facts > div[b-4be94smp52] { display: grid; align-content: start; gap: .35rem; min-height: 105px; padding: 1rem; border: 1px solid #dce2eb; border-radius: 13px; background: #fbfcfd; }
.srd-facts > div:nth-child(1)[b-4be94smp52] { border-left: 4px solid var(--teal); }
.srd-facts > div:nth-child(2)[b-4be94smp52] { border-left: 4px solid #3d78b7; }
.srd-facts > div:nth-child(3)[b-4be94smp52] { border-left: 4px solid var(--orange); }
.srd-facts > div:nth-child(4)[b-4be94smp52] { border-left: 4px solid #ae8364; }
.srd-facts span[b-4be94smp52] { color: #6e8191; font-size: .68rem; font-weight: 900; letter-spacing: .075em; text-transform: uppercase; }
.srd-facts strong[b-4be94smp52] { overflow-wrap: anywhere; color: var(--navy); font-size: 1.05rem; }
.srd-notes[b-4be94smp52] { display: grid; grid-template-columns: 34px minmax(0,1fr); gap: .7rem; padding: 1rem; border: 1px solid #f1d0aa; border-radius: 13px; background: #fff7ed; }
.srd-notes[b-4be94smp52]  svg { color: var(--orange); }
.srd-notes h2[b-4be94smp52], .srd-share h2[b-4be94smp52] { margin: 0; color: var(--navy); font-size: .83rem; text-transform: uppercase; letter-spacing: .065em; }
.srd-notes p[b-4be94smp52] { margin: .35rem 0 0; white-space: pre-wrap; color: #5e4a34; }
.srd-source[b-4be94smp52] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1rem; border: 1px solid #cfd8e4; border-radius: 13px; background: #eef2f7; }
.srd-source strong[b-4be94smp52] { color: var(--navy); }
.srd-source p[b-4be94smp52] { margin: .2rem 0 0; color: #5c7482; font-size: .8rem; }
.srd-source a[b-4be94smp52] { flex: 0 0 auto; color: #083877; font-size: .75rem; font-weight: 850; }
.srd-share[b-4be94smp52] { padding-top: 1rem; border-top: 1px solid #e5e9ef; }
.srd-share > div[b-4be94smp52] { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .7rem; }
.srd-share a[b-4be94smp52] { padding: .55rem .75rem; border: 1px solid #d5e1e7; border-radius: 9px; color: #3c586d; background: #fff; text-decoration: none; font-size: .78rem; font-weight: 800; }
.srd-share a:hover[b-4be94smp52] { border-color: var(--teal); color: #083877; background: #f1f5fa; }
.srd-state[b-4be94smp52] { min-height: 420px; display: grid; place-items: center; align-content: center; gap: .5rem; padding: 2rem; border: 1px dashed #cbd9e1; border-radius: 18px; color: var(--muted); background: #fff; text-align: center; }
.srd-state h1[b-4be94smp52] { margin: 0; color: var(--navy); }
.srd-state a[b-4be94smp52] { color: #083877; font-weight: 800; }
@media (max-width: 650px) { .srd-card > header[b-4be94smp52] { padding: 1.5rem; } .srd-body[b-4be94smp52] { padding: 1rem; } .srd-facts[b-4be94smp52] { grid-template-columns: minmax(0, 1fr); } .srd-source[b-4be94smp52] { align-items: start; flex-direction: column; } }
/* /Components/Pages/SupplierOrders.razor.rz.scp.css */
.so-page[b-ztjp738xcy]{--navy:#102f4f;--blue:#1769d2;--teal:#0b4693;--orange:#ef8b32;--red:#cf3f4f;--ink:#20364a;--muted:#63788b;--line:#dce5ed;--soft:#f5f8fb;color:var(--ink);display:grid;gap:18px; grid-template-columns: minmax(0, 1fr); }.so-header[b-ztjp738xcy],.so-section-heading[b-ztjp738xcy],.so-panel-head[b-ztjp738xcy]{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.so-eyebrow[b-ztjp738xcy],.so-instructions span[b-ztjp738xcy],.so-upload-card>span[b-ztjp738xcy],.so-summary-card>span[b-ztjp738xcy],.so-panel-head span[b-ztjp738xcy]{margin:0;color:var(--teal);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.so-header h1[b-ztjp738xcy]{margin:5px 0 4px;color:var(--navy);font-size:2rem}.so-header p[b-ztjp738xcy],.so-panel-head p[b-ztjp738xcy]{margin:0;color:var(--muted);font-size:.88rem}.so-header-actions[b-ztjp738xcy]{display:flex;flex-wrap:wrap;gap:9px}.so-button[b-ztjp738xcy],.so-download[b-ztjp738xcy],.so-row-action button[b-ztjp738xcy]{min-height:40px;padding:0 15px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--navy);font-weight:800;cursor:pointer}.so-button:disabled[b-ztjp738xcy],.so-download:disabled[b-ztjp738xcy],.so-row-action button:disabled[b-ztjp738xcy]{opacity:.55;cursor:default}.so-instructions[b-ztjp738xcy],.so-upload-card[b-ztjp738xcy],.so-summary-card[b-ztjp738xcy],.so-panel[b-ztjp738xcy]{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(16,47,79,.06)}.so-section-heading h2[b-ztjp738xcy],.so-upload-card h2[b-ztjp738xcy],.so-summary-card h2[b-ztjp738xcy],.so-panel-head h2[b-ztjp738xcy]{margin:5px 0 0;color:var(--navy);font-size:1.18rem}.so-supplier-tabs[b-ztjp738xcy]{display:flex;padding:4px;border-radius:12px;background:var(--soft)}.so-supplier-tabs button[b-ztjp738xcy]{min-width:110px;padding:9px 15px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-weight:800;cursor:pointer}.so-supplier-tabs button.active[b-ztjp738xcy]{background:#fff;color:var(--blue);box-shadow:0 3px 12px rgba(16,47,79,.12)}.so-guide-grid[b-ztjp738xcy]{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.7fr);gap:24px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.so-guide-grid ol[b-ztjp738xcy]{display:grid;gap:10px;margin:0;padding-left:24px;color:var(--muted);font-size:.86rem}.so-guide-grid li[b-ztjp738xcy]::marker{color:var(--teal);font-weight:900}.so-guide-grid aside[b-ztjp738xcy]{padding:16px;border:1px solid #bfd0e6;border-radius:13px;background:#f0f5fb}.so-guide-grid aside strong[b-ztjp738xcy]{color:var(--navy)}.so-guide-grid aside p[b-ztjp738xcy]{margin:6px 0 0;color:var(--muted);font-size:.82rem;line-height:1.5}.so-work-grid[b-ztjp738xcy]{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.so-upload-card>p[b-ztjp738xcy],.so-summary-explainer[b-ztjp738xcy]{color:var(--muted);font-size:.84rem}.so-dropzone[b-ztjp738xcy]{display:grid;place-items:center;min-height:116px;padding:18px;border:2px dashed #aebdca;border-radius:14px;background:var(--soft);text-align:center;cursor:pointer}.so-dropzone:hover[b-ztjp738xcy]{border-color:var(--blue);background:#f0f6ff}.so-dropzone.disabled[b-ztjp738xcy]{opacity:.6;cursor:default}.so-dropzone strong[b-ztjp738xcy]{color:var(--blue);font-size:1rem}.so-dropzone small[b-ztjp738xcy]{margin-top:5px;color:var(--muted)}.so-dropzone input[b-ztjp738xcy]{position:absolute;width:1px;height:1px;opacity:0}.so-integrity-note[b-ztjp738xcy]{display:flex;gap:10px;margin-top:14px;padding:12px;border-radius:12px;background:#effaf4;color:#286b48}.so-integrity-note>span[b-ztjp738xcy]{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#25a567;color:#fff}.so-integrity-note p[b-ztjp738xcy]{margin:0;font-size:.8rem;line-height:1.45}.so-upload-result[b-ztjp738xcy]{display:grid;gap:3px;margin-top:12px;padding:11px;border-left:4px solid #25a567;background:#f4fbf7;font-size:.8rem}.so-upload-result.duplicate[b-ztjp738xcy]{border-left-color:var(--orange);background:#fff8f1}.so-kpis[b-ztjp738xcy]{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.so-kpis div[b-ztjp738xcy]{display:grid;gap:3px;padding:13px;border-radius:12px;background:var(--soft)}.so-kpis strong[b-ztjp738xcy]{color:var(--navy);font-size:1.16rem}.so-kpis small[b-ztjp738xcy]{color:var(--muted);font-size:.72rem}.so-kpis .warning strong[b-ztjp738xcy]{color:var(--red)}.so-panel-head[b-ztjp738xcy]{align-items:center}.so-panel-head>div>span[b-ztjp738xcy]{display:block}.so-count[b-ztjp738xcy]{padding:7px 10px;border-radius:999px;background:#edf4ff;color:var(--blue)!important;font-size:.68rem!important;white-space:nowrap}.so-empty[b-ztjp738xcy]{margin-top:18px;padding:30px;border:1px dashed var(--line);border-radius:13px;background:var(--soft);color:var(--muted);text-align:center}.so-table-wrap[b-ztjp738xcy]{overflow-x:auto;margin-top:16px}.so-table[b-ztjp738xcy]{width:100%;border-collapse:collapse}.so-table th[b-ztjp738xcy]{padding:9px 10px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.68rem;text-align:left;text-transform:uppercase}.so-table td[b-ztjp738xcy]{padding:13px 10px;border-bottom:1px solid #ebf0f4;vertical-align:top;font-size:.79rem}.so-table td>strong[b-ztjp738xcy],.so-table td>span:not(.so-status)[b-ztjp738xcy]{display:block}.so-table td>span[b-ztjp738xcy]{margin-top:3px;color:var(--muted);font-size:.72rem}.so-table td>small[b-ztjp738xcy]{display:block;max-width:340px;margin-top:6px;color:var(--muted);line-height:1.4}.so-status[b-ztjp738xcy]{display:inline-flex!important;padding:5px 8px;border-radius:999px;font-size:.68rem!important;font-weight:800}.so-status.direct[b-ztjp738xcy]{background:#fff0e3;color:#9c5216}.so-status.awaiting[b-ztjp738xcy]{background:#eaf3ff;color:#225f9e}.so-status.review[b-ztjp738xcy]{background:#fdecef;color:#a22f3d}.so-row-action[b-ztjp738xcy]{text-align:right}.so-row-action button[b-ztjp738xcy]{min-height:32px;padding:0 10px;font-size:.72rem}.so-document-list[b-ztjp738xcy]{display:grid;gap:9px;margin-top:16px}.so-document-list article[b-ztjp738xcy]{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;gap:13px;align-items:center;padding:12px;border:1px solid #e4ebf1;border-radius:13px}.so-file-icon[b-ztjp738xcy]{display:grid;place-items:center;width:48px;height:48px;border-radius:11px;background:#eaf3ff;color:var(--blue);font-size:.7rem;font-weight:900}.so-file-main[b-ztjp738xcy],.so-file-stats[b-ztjp738xcy]{display:grid;gap:3px}.so-file-main strong[b-ztjp738xcy]{overflow:hidden;color:var(--navy);text-overflow:ellipsis;white-space:nowrap}.so-file-main span[b-ztjp738xcy],.so-file-stats span[b-ztjp738xcy]{color:var(--muted);font-size:.72rem}.so-file-stats[b-ztjp738xcy]{min-width:110px}.so-file-stats .warning[b-ztjp738xcy]{color:var(--red)}.so-download[b-ztjp738xcy]{min-height:34px;font-size:.74rem}@media(max-width:800px){.so-header[b-ztjp738xcy],.so-section-heading[b-ztjp738xcy],.so-panel-head[b-ztjp738xcy]{display:grid}.so-header-actions[b-ztjp738xcy]{width:100%}.so-header-actions .so-button[b-ztjp738xcy]{flex:1}.so-guide-grid[b-ztjp738xcy],.so-work-grid[b-ztjp738xcy]{grid-template-columns:minmax(0, 1fr)}.so-supplier-tabs[b-ztjp738xcy]{width:100%}.so-supplier-tabs button[b-ztjp738xcy]{flex:1;min-width:0}.so-instructions[b-ztjp738xcy],.so-upload-card[b-ztjp738xcy],.so-summary-card[b-ztjp738xcy],.so-panel[b-ztjp738xcy]{padding:16px}.so-table thead[b-ztjp738xcy]{display:none}.so-table[b-ztjp738xcy],.so-table tbody[b-ztjp738xcy],.so-table tr[b-ztjp738xcy],.so-table td[b-ztjp738xcy]{display:block}.so-table tr[b-ztjp738xcy]{padding:10px 0;border-bottom:1px solid var(--line)}.so-table td[b-ztjp738xcy]{display:grid;grid-template-columns:112px minmax(0, 1fr);gap:10px;padding:7px 0;border:0}.so-table td[b-ztjp738xcy]::before{content:attr(data-label);color:var(--muted);font-size:.68rem;font-weight:800;text-transform:uppercase}.so-row-action[b-ztjp738xcy]{display:block!important;text-align:left!important;margin-left:122px}.so-document-list article[b-ztjp738xcy]{grid-template-columns:42px minmax(0,1fr) auto}.so-file-icon[b-ztjp738xcy]{width:42px;height:42px}.so-file-stats[b-ztjp738xcy]{grid-column:2}.so-download[b-ztjp738xcy]{grid-column:3;grid-row:1/3}.so-kpis[b-ztjp738xcy]{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)}}
/* /Components/Pages/TechnicianAssistance.razor.rz.scp.css */
.assist-page[b-ii5jd6nvax] {
    --navy: var(--blue-900);
    --navy-deep: #071a30;
    --line: var(--ink-100);
    --muted: var(--ink-500);
    width: min(1200px, calc(100% - 32px));
    margin: 0 auto 3.5rem;
    color: var(--ink-900);
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
}

.assist-hero[b-ii5jd6nvax] {
    padding: 1.6rem 1.9rem;
    border-radius: 18px;
    background: linear-gradient(135deg, var(--navy) 0%, var(--navy-deep) 100%);
    box-shadow: 0 14px 32px -16px rgba(8, 33, 56, .5);
}

.assist-eyebrow[b-ii5jd6nvax] {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .12);
    color: var(--orange-500);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.assist-hero h1[b-ii5jd6nvax] {
    margin: .55rem 0 .45rem;
    color: #fff;
    font-size: clamp(1.9rem, 3vw, 2.5rem);
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 1.08;
}

.assist-hero p[b-ii5jd6nvax] {
    margin: 0;
    color: #c8d6e6;
    font-size: .92rem;
    line-height: 1.55;
    max-width: 64ch;
}

.assist-alert[b-ii5jd6nvax] { margin: 0; }

.assist-loading[b-ii5jd6nvax] {
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 16px;
}

.assist-empty[b-ii5jd6nvax] {
    display: flex;
    min-height: 280px;
    padding: 2.5rem 2rem;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 18px;
}

.assist-empty-icon[b-ii5jd6nvax] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    color: var(--blue-600);
    background: var(--blue-50);
    border-radius: 16px;
    font-size: 1.5rem;
}

.assist-empty h2[b-ii5jd6nvax] { margin: .9rem 0 .35rem; color: var(--navy); font-size: 1.15rem; }
.assist-empty p[b-ii5jd6nvax] { margin: 0; color: var(--muted); font-size: .82rem; max-width: 42ch; }

.assist-list[b-ii5jd6nvax] { display: flex; flex-direction: column; gap: 1.1rem; }

.assist-card[b-ii5jd6nvax] {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 18px;
    box-shadow: 0 10px 28px -14px rgba(11, 37, 69, .14);
    padding: 1.4rem 1.6rem;
}

.assist-card-head[b-ii5jd6nvax] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding-bottom: 1.1rem;
    margin-bottom: 1.1rem;
    border-bottom: 1px solid var(--line);
}

.assist-card-head h2[b-ii5jd6nvax] {
    margin: 0 0 .3rem;
    color: var(--navy);
    font-size: 1.1rem;
    font-weight: 750;
    overflow-wrap: anywhere;
}

.assist-card-meta[b-ii5jd6nvax] { display: block; color: var(--muted); font-size: .75rem; }

.assist-page[b-ii5jd6nvax]  .assist-status-pill.mud-chip {
    flex: 0 0 auto;
    height: auto;
    padding: .35rem .75rem;
    background: var(--ink-100);
    color: var(--ink-500);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .03em;
    text-transform: capitalize;
    border-radius: 99px;
}

.assist-page[b-ii5jd6nvax]  .assist-status-pill.mud-chip-color-warning {
    background: var(--orange-100) !important;
    color: var(--orange-700) !important;
}

.assist-page[b-ii5jd6nvax]  .assist-status-pill.mud-chip-color-success {
    background: var(--green-100) !important;
    color: var(--green-700) !important;
}

.assist-page[b-ii5jd6nvax]  .assist-status-pill.mud-chip-color-error {
    background: var(--blue-100) !important;
    color: var(--blue-700) !important;
}

.assist-diagnostics[b-ii5jd6nvax] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: .9rem 1.2rem;
}

.assist-diagnostics > div[b-ii5jd6nvax] { display: grid; gap: .2rem; min-width: 0; }

.assist-diagnostic-label[b-ii5jd6nvax] {
    color: var(--muted);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.assist-diagnostic-value[b-ii5jd6nvax] {
    color: var(--ink-900);
    font-size: .85rem;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.assist-owner-panel[b-ii5jd6nvax] {
    margin-top: 1.2rem;
    padding-top: 1.1rem;
    border-top: 1px solid var(--ink-100);
}

.assist-notes-field[b-ii5jd6nvax] { margin-bottom: .9rem; }

.assist-actions[b-ii5jd6nvax] {
    display: flex;
    justify-content: flex-end;
    gap: .65rem;
    flex-wrap: wrap;
}

.assist-actions[b-ii5jd6nvax]  .assist-secondary-button.mud-button-root {
    min-height: 40px;
    padding: 0 1rem;
    border-radius: 10px;
    border-color: var(--ink-300);
    color: var(--ink-700);
    background: #fff;
    font-weight: 700;
    text-transform: none;
    transition: border-color .15s ease, color .15s ease, background-color .15s ease;
}

.assist-actions[b-ii5jd6nvax]  .assist-secondary-button.mud-button-root:hover {
    border-color: var(--blue-600);
    color: var(--blue-700);
    background: var(--blue-50);
}

.assist-actions[b-ii5jd6nvax]  .assist-resolve-button.mud-button-root {
    min-height: 40px;
    padding: 0 1.15rem;
    border-radius: 10px;
    background: var(--green-600) !important;
    border-color: var(--green-600) !important;
    color: #fff !important;
    font-weight: 750;
    text-transform: none;
    box-shadow: 0 6px 16px -8px rgba(5, 150, 105, .5);
    transition: background-color .15s ease, transform .15s ease;
}

.assist-actions[b-ii5jd6nvax]  .assist-resolve-button.mud-button-root:hover {
    background: var(--green-700) !important;
    border-color: var(--green-700) !important;
    transform: translateY(-1px);
}

@media (max-width: 680px) {
    .assist-page[b-ii5jd6nvax] { width: 100%; margin-bottom: 2rem; }
    .assist-hero[b-ii5jd6nvax] { padding: 1.3rem 1.5rem; }
    .assist-card[b-ii5jd6nvax] { padding: 1.1rem 1.2rem; border-radius: 14px; }
    .assist-card-head[b-ii5jd6nvax] { flex-direction: column; align-items: flex-start; }
    .assist-actions[b-ii5jd6nvax] { flex-direction: column; align-items: stretch; }
    .assist-diagnostics[b-ii5jd6nvax] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
/* /Components/Pages/TodayTransactions.razor.rz.scp.css */
.today-heading[b-a6a24y51v3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}

.today-summary[b-a6a24y51v3] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.today-summary span[b-a6a24y51v3] {
    padding: 8px 12px;
    border: 1px solid #dfe8f1;
    border-radius: 999px;
    color: #607086;
    background: #f7f9fc;
}

.today-summary strong[b-a6a24y51v3] {
    color: #163553;
}

.today-empty[b-a6a24y51v3] {
    display: grid;
    min-height: 180px;
    place-items: center;
    align-content: center;
    gap: 6px;
    text-align: center;
}

@media (max-width: 599.98px) {
    .today-heading[b-a6a24y51v3] {
        flex-direction: column;
    }
}
/* /Components/Pages/UserProfile.razor.rz.scp.css */
.profile-page[b-65ys2bqnru]{--profile-text:#173630;--profile-muted:#64736d;--profile-border:#dce5df;--profile-teal:#0f766e;width:min(1180px,calc(100% - 56px));margin:32px auto 48px;color:var(--profile-text)}.profile-hero[b-65ys2bqnru]{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:24px}.eyebrow[b-65ys2bqnru]{display:block;color:var(--profile-teal);font-size:10px;font-weight:750;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}.profile-hero h1[b-65ys2bqnru]{margin:0;font-size:32px;font-weight:650;letter-spacing:-.035em;line-height:1.15}.profile-hero p[b-65ys2bqnru]{margin:10px 0 0;color:var(--profile-muted);font-size:14px;line-height:1.6}.back-link[b-65ys2bqnru]{color:#52685d;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap}.back-link span[b-65ys2bqnru]{margin-left:10px}.profile-page a:hover[b-65ys2bqnru]{color:var(--profile-teal)}.profile-page a:focus-visible[b-65ys2bqnru]{outline:3px solid #0f766e;outline-offset:4px}.profile-alert[b-65ys2bqnru]{margin-bottom:20px}.profile-identity[b-65ys2bqnru]{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid var(--profile-border);border-radius:10px;padding:24px 26px}.avatar-large[b-65ys2bqnru]{display:grid;place-items:center;width:54px;height:54px;flex:none;border-radius:12px;background:#e3f0e8;border:1px solid #c8dfd1;color:#126254;font-size:18px;font-weight:700}.identity-name[b-65ys2bqnru]{min-width:0}.identity-name h2[b-65ys2bqnru]{font-size:20px;font-weight:650;margin:0 0 5px;letter-spacing:-.025em;overflow-wrap:anywhere}.identity-name>span[b-65ys2bqnru]{font-size:12px;color:var(--profile-muted);overflow-wrap:anywhere}.identity-status[b-65ys2bqnru]{display:flex;align-items:center;gap:20px;margin-left:auto;flex-wrap:wrap}.role-label[b-65ys2bqnru]{font-size:11px;font-weight:600;padding:5px 10px;background:#f0f5f1;border:1px solid var(--profile-border);border-radius:5px}.status-label[b-65ys2bqnru]{display:flex;align-items:center;gap:7px;font-size:12px;color:#456357}.status-dot[b-65ys2bqnru]{width:6px;height:6px;border-radius:50%;background:#168369;flex:none}.status-dot.inactive[b-65ys2bqnru]{background:#8a9790}.profile-nav[b-65ys2bqnru]{display:flex;gap:28px;margin:0 0 24px;padding:0 4px;border-bottom:1px solid var(--profile-border);overflow-x:auto}.profile-nav a[b-65ys2bqnru]{padding:19px 0 15px;color:#55685e;font-size:12px;font-weight:600;white-space:nowrap;text-decoration:none;border-bottom:2px solid transparent}.profile-nav a:hover[b-65ys2bqnru]{border-color:#0f766e}.profile-layout[b-65ys2bqnru]{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.profile-primary[b-65ys2bqnru],.profile-sidebar[b-65ys2bqnru]{display:grid;gap:22px;min-width:0}.profile-card[b-65ys2bqnru]{min-width:0;background:#fff;border:1px solid var(--profile-border);border-radius:9px;scroll-margin-top:80px}.card-heading[b-65ys2bqnru]{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px 18px;border-bottom:1px solid #e9eeea}.card-heading>div[b-65ys2bqnru]{min-width:0}.card-heading h2[b-65ys2bqnru],.security-heading h2[b-65ys2bqnru],.owner-tools h2[b-65ys2bqnru]{font-size:16px;font-weight:650;letter-spacing:-.015em;line-height:1.4;margin:0}.card-heading p[b-65ys2bqnru],.security-heading p[b-65ys2bqnru],.owner-tools>p[b-65ys2bqnru]{font-size:12px;line-height:1.6;margin:5px 0 0;color:var(--profile-muted)}.section-number[b-65ys2bqnru]{font-size:11px;color:#86948c;align-self:flex-start}.module-count[b-65ys2bqnru]{font-size:10px;background:#edf5ee;color:#4f6a5b;border-radius:4px;padding:5px 7px;white-space:nowrap}.card-body[b-65ys2bqnru]{padding:22px 24px}.field-grid[b-65ys2bqnru]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:17px 18px}.field-grid[b-65ys2bqnru]  .field-wide{grid-column:1/-1}.card-body[b-65ys2bqnru]  .mud-input-control{min-width:0;margin-top:6px}.card-body[b-65ys2bqnru]  .mud-input-outlined-border{border-color:#ccd9cf;border-radius:6px}.card-body[b-65ys2bqnru]  .mud-input-root{font-size:14px;color:var(--profile-text)}.card-body[b-65ys2bqnru]  .mud-input-label{font-size:14px}.card-body[b-65ys2bqnru]  .mud-input-outlined.mud-focused .mud-input-outlined-border{border-color:#0f766e!important}.field-help[b-65ys2bqnru]{font-size:11px;color:var(--profile-muted);margin:15px 0 0;line-height:1.7}.field-help a[b-65ys2bqnru]{color:#0f766e;text-underline-offset:3px}.professional-card .card-heading>div[b-65ys2bqnru]{display:flex;align-items:center;gap:12px}.card-icon[b-65ys2bqnru]{display:grid;place-items:center;width:30px;height:30px;background:#edf4ee;color:#0f766e;border-radius:6px;flex:none}.card-icon[b-65ys2bqnru]  svg{font-size:18px}.professional-card .field-grid[b-65ys2bqnru]{margin-top:18px}.empty-modules[b-65ys2bqnru]{display:flex;align-items:flex-start;gap:14px;padding:8px 0}.empty-icon[b-65ys2bqnru]{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:7px;background:#f1f5f1;color:#839489}.empty-modules strong[b-65ys2bqnru]{font-size:13px;font-weight:600}.empty-modules p[b-65ys2bqnru],.available-products>p[b-65ys2bqnru]{font-size:12px;line-height:1.7;color:var(--profile-muted);margin:6px 0 0}.module-chips[b-65ys2bqnru]{display:flex;flex-wrap:wrap;gap:9px}.module-chips>span[b-65ys2bqnru],.module-chips>a[b-65ys2bqnru]{display:inline-flex;gap:12px;padding:9px 12px;background:#eff6f0;border:1px solid #d8e6dc;border-radius:5px;color:#315e49;font-size:12px;line-height:1.5;text-decoration:none;overflow-wrap:anywhere}.available-products[b-65ys2bqnru]{margin-top:22px;padding-top:20px;border-top:1px solid var(--profile-border)}.available-products h3[b-65ys2bqnru]{font-size:13px;font-weight:600;margin:0 0 12px}.security-card[b-65ys2bqnru],.owner-tools[b-65ys2bqnru]{padding:23px}.security-heading[b-65ys2bqnru]{display:flex;align-items:flex-start;gap:12px;margin-bottom:17px}.security-heading[b-65ys2bqnru]  svg{font-size:20px;color:#0f766e;margin-top:2px}.security-actions a[b-65ys2bqnru],.owner-tools>a[b-65ys2bqnru]{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 0;border-top:1px solid #e3ebe5;color:var(--profile-text);text-decoration:none}.security-actions a:last-child[b-65ys2bqnru],.owner-tools>a:last-child[b-65ys2bqnru]{padding-bottom:0}.security-actions strong[b-65ys2bqnru],.security-actions small[b-65ys2bqnru],.owner-tools a strong[b-65ys2bqnru],.owner-tools a small[b-65ys2bqnru]{display:block}.security-actions strong[b-65ys2bqnru],.owner-tools a strong[b-65ys2bqnru]{font-size:12px;font-weight:600}.security-actions small[b-65ys2bqnru],.owner-tools a small[b-65ys2bqnru]{font-size:11px;color:var(--profile-muted);line-height:1.65;margin-top:5px}.security-actions a>span:last-child[b-65ys2bqnru],.owner-tools a>span:last-child[b-65ys2bqnru]{color:#799285}.owner-tools[b-65ys2bqnru]{background:#eef5ef;border-color:#d2e2d6}.owner-tools .eyebrow[b-65ys2bqnru]{font-size:9px}.owner-tools>p[b-65ys2bqnru]{margin-bottom:20px}.profile-actions[b-65ys2bqnru]{position:sticky;bottom:14px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:16px 20px;background:#fff;border:1px solid var(--profile-border);border-radius:8px;box-shadow:none}.profile-actions>span[b-65ys2bqnru]{font-size:11px;color:var(--profile-muted)}.profile-actions>div[b-65ys2bqnru]{display:flex;gap:10px}.profile-actions[b-65ys2bqnru]  .mud-button-root{text-transform:none;font-size:12px;min-height:40px;border-radius:6px;padding:9px 18px;box-shadow:none}.profile-actions[b-65ys2bqnru]  .mud-button-filled-primary{background:#0f766e!important}.profile-actions[b-65ys2bqnru]  .mud-button-filled-primary:hover{background:#115e52!important}.profile-actions[b-65ys2bqnru]  .mud-button-outlined{border-color:#ccd8cf;color:#506658}.signature-workspace[b-65ys2bqnru]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin:20px 0}.signature-upload[b-65ys2bqnru],.signature-preview[b-65ys2bqnru]{position:relative;min-width:0;min-height:150px;padding:20px;border-radius:7px}.signature-upload[b-65ys2bqnru]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px dashed #9ebdab;background:#f2f7f2;color:#0f766e;text-align:center;cursor:pointer}.signature-upload:hover[b-65ys2bqnru]{background:#e7f2e9}.signature-upload:focus-within[b-65ys2bqnru]{outline:3px solid #0f766e;outline-offset:3px}.signature-upload strong[b-65ys2bqnru]{font-size:12px;color:var(--profile-text)}.signature-upload span[b-65ys2bqnru],.signature-preview>span[b-65ys2bqnru]{font-size:10px;line-height:1.5;color:var(--profile-muted)}.signature-upload[b-65ys2bqnru]  input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.signature-preview[b-65ys2bqnru]{display:flex;flex-direction:column;gap:10px;border:1px solid var(--profile-border);background:#fff}.signature-preview img[b-65ys2bqnru],.signature-empty[b-65ys2bqnru]{width:100%;height:95px;object-fit:contain;background:#f4f7f3;border-radius:4px}.signature-empty[b-65ys2bqnru]{display:grid;place-items:center;color:var(--profile-muted);font-size:11px}.pin-grid[b-65ys2bqnru]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.guidance-note[b-65ys2bqnru]{display:flex;align-items:flex-start;gap:10px;padding:14px;margin-top:18px;border-left:2px solid #8cac97;background:#f3f7f1;font-size:11px;line-height:1.7;color:#5e7062}.guidance-note[b-65ys2bqnru]  svg{font-size:18px;flex:none}
@media(max-width:1100px){.profile-page[b-65ys2bqnru]{width:calc(100% - 40px)}.profile-layout[b-65ys2bqnru]{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.card-body[b-65ys2bqnru],.card-heading[b-65ys2bqnru]{padding:20px}.pin-grid[b-65ys2bqnru]{grid-template-columns:1fr}.identity-status[b-65ys2bqnru]{gap:12px}}@media(max-width:850px){.profile-layout[b-65ys2bqnru]{grid-template-columns:1fr}.profile-sidebar[b-65ys2bqnru]{grid-template-columns:repeat(2,minmax(0,1fr))}.identity-status[b-65ys2bqnru]{flex-direction:column;align-items:flex-end;gap:8px}.profile-hero h1[b-65ys2bqnru]{font-size:28px}}@media(max-width:560px){.profile-page[b-65ys2bqnru]{width:calc(100% - 28px);margin-top:22px}.profile-hero[b-65ys2bqnru]{align-items:flex-start;gap:14px;flex-direction:column;padding-bottom:20px}.profile-hero p[b-65ys2bqnru]{font-size:13px}.back-link[b-65ys2bqnru]{font-size:11px}.profile-identity[b-65ys2bqnru]{display:grid;grid-template-columns:44px minmax(0,1fr);padding:20px 18px;gap:13px}.avatar-large[b-65ys2bqnru]{width:44px;height:44px;font-size:15px}.identity-name[b-65ys2bqnru]{flex:1}.identity-name h2[b-65ys2bqnru]{font-size:17px}.identity-name>span[b-65ys2bqnru]{font-size:11px}.identity-status[b-65ys2bqnru]{grid-column:2;flex-direction:row;align-items:center;margin-left:0}.profile-nav[b-65ys2bqnru]{gap:24px;margin-bottom:18px}.profile-nav a[b-65ys2bqnru]{font-size:11px}.profile-sidebar[b-65ys2bqnru],.field-grid[b-65ys2bqnru],.signature-workspace[b-65ys2bqnru]{grid-template-columns:1fr}.profile-primary[b-65ys2bqnru],.profile-sidebar[b-65ys2bqnru]{gap:18px}.card-heading[b-65ys2bqnru],.card-body[b-65ys2bqnru],.security-card[b-65ys2bqnru],.owner-tools[b-65ys2bqnru]{padding:19px}.profile-actions[b-65ys2bqnru]{position:static;padding:13px;flex-direction:column;align-items:stretch;gap:10px}.profile-actions>span[b-65ys2bqnru]{text-align:center;font-size:10px}.profile-actions>div[b-65ys2bqnru]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.profile-actions[b-65ys2bqnru]  .mud-button-root{padding:9px 10px;font-size:11px}.profile-card[b-65ys2bqnru]{scroll-margin-top:72px}}
/* /Components/Pages/UserProvisioning.razor.rz.scp.css */
.users-page[b-nz8vglsd3x] {
    --navy: var(--blue-900);
    --navy-deep: #071a30;
    --line: var(--ink-100);
    --muted: var(--ink-500);
    --surface-2: var(--blue-50);
    width: min(1440px, calc(100% - 32px));
    margin: 0 auto 3.5rem;
    color: var(--ink-900);
}

.users-hero[b-nz8vglsd3x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.25rem;
    padding: 1.6rem 1.9rem;
    border-radius: 18px;
    background: linear-gradient(135deg, var(--navy) 0%, var(--navy-deep) 100%);
    box-shadow: 0 14px 32px -16px rgba(8, 33, 56, .5);
}

.users-eyebrow[b-nz8vglsd3x] {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .12);
    color: var(--orange-500);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.panel-kicker[b-nz8vglsd3x] {
    display: block;
    color: var(--blue-700);
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.users-hero h1[b-nz8vglsd3x] {
    margin: .55rem 0 .45rem;
    color: #fff;
    font-size: clamp(2rem, 3vw, 2.65rem);
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1.05;
}

.users-hero p[b-nz8vglsd3x] {
    margin: 0;
    color: #c8d6e6;
    line-height: 1.55;
    max-width: 52ch;
}

.panel-introduction p[b-nz8vglsd3x],
.selected-pharmacy p[b-nz8vglsd3x],
.access-section p[b-nz8vglsd3x],
.user-empty p[b-nz8vglsd3x] {
    margin: 0;
    color: var(--muted);
    line-height: 1.55;
}

.primary-action[b-nz8vglsd3x],
.secondary-action[b-nz8vglsd3x],
.back-action[b-nz8vglsd3x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 44px;
    padding: .7rem 1.05rem;
    border: 0;
    border-radius: 11px;
    font: inherit;
    font-size: .86rem;
    font-weight: 750;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}

.primary-action[b-nz8vglsd3x] {
    color: #fff;
    background: var(--orange-600);
    box-shadow: 0 6px 16px -6px rgba(234, 88, 12, .55);
}

.primary-action:hover[b-nz8vglsd3x] { background: var(--orange-700); transform: translateY(-1px); }
.primary-action.compact[b-nz8vglsd3x] { min-height: 40px; padding: .58rem .9rem; }

.secondary-action[b-nz8vglsd3x],
.back-action[b-nz8vglsd3x] {
    color: var(--ink-700);
    background: #fff;
    border: 1px solid var(--ink-300);
}

.secondary-action:hover[b-nz8vglsd3x],
.back-action:hover[b-nz8vglsd3x] { border-color: var(--blue-600); color: var(--blue-700); background: var(--blue-50); }

.users-alert[b-nz8vglsd3x] { margin-bottom: 1rem; }
.users-loading[b-nz8vglsd3x] { overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 16px; }

.users-workspace[b-nz8vglsd3x] {
    display: grid;
    grid-template-columns: 285px minmax(0, 1fr);
    gap: 1.25rem;
    align-items: start;
}

.pharmacy-panel[b-nz8vglsd3x],
.user-panel[b-nz8vglsd3x] {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 18px;
    box-shadow: 0 10px 28px -14px rgba(11, 37, 69, .14);
}

.pharmacy-panel[b-nz8vglsd3x] { overflow: hidden; padding: 1.1rem; }
.panel-introduction[b-nz8vglsd3x] { padding: .25rem .25rem .9rem; }
.panel-introduction h2[b-nz8vglsd3x] { margin: 0 0 .25rem; color: var(--navy); font-size: 1.15rem; }
.panel-introduction p[b-nz8vglsd3x] { font-size: .78rem; }

.pharmacy-search[b-nz8vglsd3x] {
    display: flex;
    align-items: center;
    gap: .55rem;
    height: 42px;
    margin-bottom: .85rem;
    padding: 0 .75rem;
    background: var(--ink-100);
    border: 1px solid var(--ink-100);
    border-radius: 10px;
    transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

.search-icon[b-nz8vglsd3x] { width: 13px; height: 13px; border: 2px solid var(--ink-500); border-radius: 50%; position: relative; flex: 0 0 auto; }
.search-icon[b-nz8vglsd3x]::after { position: absolute; right: -5px; bottom: -3px; width: 6px; height: 2px; content: ""; background: var(--ink-500); transform: rotate(45deg); }
.pharmacy-search input[b-nz8vglsd3x] { min-width: 0; width: 100%; color: var(--ink-900); background: transparent; border: 0; outline: 0; font: inherit; font-size: .82rem; }
.pharmacy-search:focus-within[b-nz8vglsd3x] { background: #fff; border-color: var(--blue-600); box-shadow: 0 0 0 3px var(--blue-50); }

.pharmacy-tabs[b-nz8vglsd3x] {
    display: grid;
    gap: .4rem;
    max-height: min(64vh, 620px);
    overflow-y: auto;
    padding-right: .18rem;
    scrollbar-color: var(--ink-300) transparent;
    scrollbar-width: thin;
}
.pharmacy-tab[b-nz8vglsd3x] {
    position: relative;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: .65rem;
    width: 100%;
    min-height: 62px;
    padding: .65rem .7rem;
    color: var(--ink-900);
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 11px;
    text-align: left;
    cursor: pointer;
    transition: background-color .12s ease, border-color .12s ease, box-shadow .12s ease;
}

.pharmacy-tab:hover[b-nz8vglsd3x] { background: var(--blue-50); border-color: var(--blue-100); }
.pharmacy-tab.selected[b-nz8vglsd3x] { color: var(--blue-700); background: var(--blue-50); border-color: var(--blue-100); box-shadow: inset 4px 0 0 var(--blue-600); }
.pharmacy-initials[b-nz8vglsd3x],
.selected-pharmacy-icon[b-nz8vglsd3x],
.user-avatar[b-nz8vglsd3x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: var(--blue-700);
    background: var(--blue-50);
    border-radius: 10px;
    font-size: .78rem;
    font-weight: 800;
}
.pharmacy-initials[b-nz8vglsd3x] { width: 38px; height: 38px; }
.pharmacy-tab.selected .pharmacy-initials[b-nz8vglsd3x] { color: var(--blue-700); background: var(--blue-100); }
.pharmacy-tab-copy[b-nz8vglsd3x] { min-width: 0; }
.pharmacy-tab-copy strong[b-nz8vglsd3x],
.pharmacy-tab-copy small[b-nz8vglsd3x] { display: block; overflow-wrap: anywhere; }
.pharmacy-tab-copy strong[b-nz8vglsd3x] { font-size: .82rem; }
.pharmacy-tab-copy small[b-nz8vglsd3x] { margin-top: .16rem; color: var(--muted); font-size: .68rem; }
.account-count[b-nz8vglsd3x] { min-width: 26px; padding: .2rem .4rem; color: var(--ink-500); background: var(--ink-100); border-radius: 99px; font-size: .66rem; font-weight: 800; text-align: center; }
.pharmacy-tab.selected .account-count[b-nz8vglsd3x] { color: var(--blue-700); background: var(--blue-100); }
.pharmacy-empty[b-nz8vglsd3x] { padding: 1.5rem .5rem; color: var(--muted); text-align: center; }
.pharmacy-empty span[b-nz8vglsd3x] { font-size: 1.75rem; }
.pharmacy-empty p[b-nz8vglsd3x] { margin: .25rem 0 0; font-size: .78rem; }

.user-panel[b-nz8vglsd3x] { min-width: 0; overflow: hidden; }
.user-panel-header[b-nz8vglsd3x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 96px;
    padding: 1.25rem 1.4rem;
    border-bottom: 1px solid var(--line);
}
.selected-pharmacy[b-nz8vglsd3x] { display: flex; align-items: center; gap: .85rem; min-width: 0; }
.selected-pharmacy-icon[b-nz8vglsd3x] { width: 48px; height: 48px; font-size: .9rem; }
.selected-pharmacy h2[b-nz8vglsd3x] { margin: .18rem 0 .08rem; color: var(--navy); font-size: 1.25rem; overflow-wrap: anywhere; }
.selected-pharmacy p[b-nz8vglsd3x] { font-size: .75rem; }
.panel-actions[b-nz8vglsd3x] { display: flex; align-items: center; gap: .55rem; flex: 0 0 auto; }

.user-list[b-nz8vglsd3x] { display: flex; flex-direction: column; gap: .55rem; padding: .8rem; }
.user-row[b-nz8vglsd3x] {
    display: grid;
    grid-template-columns: 44px minmax(170px, 1fr) auto minmax(110px, auto) 20px;
    align-items: center;
    gap: .8rem;
    width: 100%;
    min-height: 76px;
    padding: .75rem .8rem;
    color: var(--ink-900);
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 11px;
    text-align: left;
    cursor: pointer;
    transition: background-color .12s ease, border-color .12s ease, box-shadow .12s ease;
}
.user-row:hover[b-nz8vglsd3x] { background: var(--blue-50); border-color: var(--blue-100); box-shadow: 0 6px 16px -12px rgba(11, 37, 69, .28); }
.user-avatar[b-nz8vglsd3x] { width: 44px; height: 44px; border-radius: 50%; }
.user-identity[b-nz8vglsd3x] { min-width: 0; }
.user-identity strong[b-nz8vglsd3x],
.user-identity small[b-nz8vglsd3x] { display: block; overflow-wrap: anywhere; }
.user-identity strong[b-nz8vglsd3x] { color: var(--navy); font-size: .9rem; }
.user-identity small[b-nz8vglsd3x] { margin-top: .2rem; color: var(--muted); font-size: .73rem; }
.user-status[b-nz8vglsd3x] { display: inline-flex; align-items: center; gap: .35rem; min-width: 0; max-width: 100%; padding: .3rem .55rem; color: var(--ink-500); background: var(--ink-100); border-radius: 999px; font-size: .68rem; font-weight: 800; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.user-status span[b-nz8vglsd3x] { width: 6px; height: 6px; flex: 0 0 auto; background: var(--ink-500); border-radius: 50%; }
.user-status.active[b-nz8vglsd3x] { color: var(--green-700); background: var(--green-100); }
.user-status.active span[b-nz8vglsd3x] { background: var(--green-600); box-shadow: 0 0 0 3px var(--green-50); }
.role-badge[b-nz8vglsd3x] { justify-self: start; min-width: 0; max-width: 100%; padding: .3rem .55rem; color: var(--blue-700); background: var(--blue-100); border-radius: 99px; font-size: .69rem; font-weight: 750; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.row-chevron[b-nz8vglsd3x] { color: var(--ink-500); font-size: 1.5rem; }

.user-empty[b-nz8vglsd3x] { display: flex; min-height: 340px; padding: 2rem; align-items: center; justify-content: center; flex-direction: column; text-align: center; }
.user-empty h2[b-nz8vglsd3x] { margin: .8rem 0 .35rem; color: var(--navy); font-size: 1.15rem; }
.user-empty p[b-nz8vglsd3x] { margin-bottom: 1rem; font-size: .82rem; }
.empty-icon[b-nz8vglsd3x] { display: inline-flex; align-items: center; justify-content: center; width: 54px; height: 54px; color: var(--blue-600); background: var(--blue-50); border-radius: 16px; font-size: 1.6rem; }

.user-editor[b-nz8vglsd3x] { padding: 1.35rem; }
.editor-heading[b-nz8vglsd3x] { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.25rem; }
.editor-heading h3[b-nz8vglsd3x] { margin: .2rem 0 0; color: var(--navy); font-size: 1.15rem; }
.back-action[b-nz8vglsd3x] { min-height: 38px; padding: .45rem .7rem; flex: 0 0 auto; }
.editor-form[b-nz8vglsd3x] { display: grid; gap: 1rem; }
.access-section[b-nz8vglsd3x] { padding: 1rem; background: var(--surface-2); border: 1px solid var(--line); border-radius: 13px; }
.access-section h4[b-nz8vglsd3x] { margin: 0; color: var(--navy); font-size: .95rem; }
.access-section p[b-nz8vglsd3x] { margin: .25rem 0 .5rem; font-size: .75rem; }
.editor-actions[b-nz8vglsd3x] { display: flex; gap: .65rem; }

.sr-only[b-nz8vglsd3x] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

@media (max-width: 900px) {
    .users-workspace[b-nz8vglsd3x] { grid-template-columns: minmax(0, 1fr); }
    .pharmacy-tabs[b-nz8vglsd3x] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
    .users-page[b-nz8vglsd3x] { width: 100%; margin-bottom: 2rem; }
    .users-hero[b-nz8vglsd3x] { align-items: stretch; padding: 1.3rem 1.5rem; flex-direction: column; }
    .users-hero .primary-action[b-nz8vglsd3x] { align-self: flex-start; margin-top: .4rem; }
    .users-workspace[b-nz8vglsd3x] { gap: .8rem; }
    .pharmacy-panel[b-nz8vglsd3x],
    .user-panel[b-nz8vglsd3x] { border-radius: 14px; }
    .pharmacy-tabs[b-nz8vglsd3x] { grid-template-columns: minmax(0, 1fr); }
    .pharmacy-tabs[b-nz8vglsd3x] { max-height: 355px; }
    .user-panel-header[b-nz8vglsd3x] { align-items: stretch; padding: 1rem; flex-direction: column; }
    .panel-actions[b-nz8vglsd3x] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .user-list[b-nz8vglsd3x] { padding: .45rem; }
    .user-row[b-nz8vglsd3x] { grid-template-columns: 40px minmax(0, 1fr) auto; gap: .6rem; min-height: 84px; padding: .65rem; }
    .user-avatar[b-nz8vglsd3x] { width: 40px; height: 40px; }
    .user-status[b-nz8vglsd3x] { grid-column: 2; justify-self: start; }
    .role-badge[b-nz8vglsd3x] { grid-column: 2; }
    .row-chevron[b-nz8vglsd3x] { grid-column: 3; grid-row: 1 / -1; align-self: center; }
    .editor-heading[b-nz8vglsd3x] { align-items: flex-start; flex-direction: column; }
    .user-editor[b-nz8vglsd3x] { padding: 1rem; }
    .editor-actions[b-nz8vglsd3x] { align-items: stretch; flex-direction: column; }
}
/* /Components/Pages/WorkspaceModule.razor.rz.scp.css */
.wm-page[b-o34nt9kq26] {
    --navy: #0B2F52;
    --navy-2: #164A78;
    --teal: #168552;
    --teal-soft: #eaf1fb;
    --blue: #2563EB;
    --blue-soft: #EEF5FF;
    --orange: #F97316;
    --orange-soft: #FFF7ED;
    --green: #16A34A;
    --green-soft: #ECFDF3;
    --ink: #0F172A;
    --muted: #64748B;
    --line: #E2E8F0;
    --white: #FFFFFF;
    --shadow: 0 18px 42px rgba(15, 23, 42, .09);
    --shadow-sm: 0 8px 24px rgba(15, 23, 42, .06);

    color: var(--ink);
    font-family: var(--app-font, Inter, ui-sans-serif, system-ui, -apple-system,)
        BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.wm-loading[b-o34nt9kq26] {
    display: grid;
    min-height: 240px;
    place-items: center;
}

.wm-back-row[b-o34nt9kq26] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
}

.wm-back[b-o34nt9kq26] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 0;
}

.wm-guide-tab[b-o34nt9kq26] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: #fff;
    color: var(--navy);
    font-size: 12px;
    font-weight: 800;
    transition: .15s ease;
}

.wm-guide-tab:hover[b-o34nt9kq26] {
    border-color: var(--navy);
    background: #F8FBFF;
}

.wm-hero[b-o34nt9kq26] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 18px;
    align-items: center;
    padding: 30px 32px;
    border-radius: 26px;
    background: linear-gradient(135deg, #FFFFFF 0%, #F8FBFF 100%);
    border: 1px solid var(--line);
    box-shadow: var(--shadow-sm);
}

.wm-hero[b-o34nt9kq26]::after {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    right: -110px;
    top: -130px;
    border-radius: 50%;
    background: rgba(37, 99, 235, .06);
}

.wm-hero-icon[b-o34nt9kq26] {
    width: 66px;
    height: 66px;
    border-radius: 20px;
    background: var(--navy);
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 29px;
    font-weight: 900;
    position: relative;
    z-index: 1;
}

.wm-eyebrow[b-o34nt9kq26] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .14em;
    color: var(--teal);
    font-weight: 900;
}

.wm-hero h1[b-o34nt9kq26] {
    margin: 7px 0 6px;
    color: var(--navy);
    font-size: 36px;
    letter-spacing: -.04em;
}

.wm-hero p[b-o34nt9kq26] {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
}

.wm-hero-status[b-o34nt9kq26] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 999px;
    background: var(--green-soft);
    color: #166534;
    font-size: 11px;
    font-weight: 850;
    white-space: nowrap;
}

.wm-section-head[b-o34nt9kq26] {
    margin: 24px 0 14px;
}

.wm-section-head h2[b-o34nt9kq26] {
    margin: 0;
    color: var(--navy);
    font-size: 25px;
    letter-spacing: -.03em;
}

.wm-section-head p[b-o34nt9kq26] {
    margin: 5px 0 0;
    color: var(--muted);
    font-size: 13px;
}

.wm-grid[b-o34nt9kq26] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.wm-quick-actions[b-o34nt9kq26] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 20px 0 6px;
}

.wm-quick-button[b-o34nt9kq26] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 12px 20px;
    border-radius: 14px;
    border: 1px solid transparent;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .12);
    transition: transform .15s ease, box-shadow .15s ease;
}

.wm-quick-button:hover[b-o34nt9kq26] {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(15, 23, 42, .18);
}

.wm-quick-button.accent-blue[b-o34nt9kq26] {
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
}

.wm-quick-button.accent-purple[b-o34nt9kq26] {
    background: linear-gradient(135deg, #cf8a58, #c6753b);
}

.wm-quick-button.accent-teal[b-o34nt9kq26] {
    background: linear-gradient(135deg, #0f4791, #0b3874);
}

.wm-quick-button.accent-orange[b-o34nt9kq26] {
    background: linear-gradient(135deg, #f28c28, #db7112);
}

.wm-quick-button.accent-navy[b-o34nt9kq26] {
    background: linear-gradient(135deg, #0b2447, #12355b);
}

.wm-quick-glyph[b-o34nt9kq26] {
    font-size: 16px;
}

.wm-card[b-o34nt9kq26] {
    position: relative;
    min-height: 225px;
    padding: 22px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 22px;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
    transition: .2s ease;
    text-decoration: none;
    color: inherit;
    display: block;
}

.wm-card:hover[b-o34nt9kq26] {
    transform: translateY(-5px);
    box-shadow: var(--shadow);
    border-color: #BCD2E6;
}

.wm-card[b-o34nt9kq26]::after {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    right: -65px;
    top: -65px;
    border-radius: 50%;
    background: rgba(37, 99, 235, .06);
}

.wm-card:nth-child(4n+2)[b-o34nt9kq26]::after {
    background: rgba(15, 77, 159, .07);
}

.wm-card:nth-child(4n+3)[b-o34nt9kq26]::after {
    background: rgba(249, 115, 22, .07);
}

.wm-card:nth-child(4n+4)[b-o34nt9kq26]::after {
    background: rgba(22, 163, 74, .07);
}

.wm-card-top[b-o34nt9kq26] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.wm-icon[b-o34nt9kq26] {
    width: 54px;
    height: 54px;
    border-radius: 17px;
    display: grid;
    place-items: center;
    background: var(--blue-soft);
    color: var(--navy);
    font-size: 23px;
    font-weight: 900;
}

.wm-card:nth-child(4n+2) .wm-icon[b-o34nt9kq26] {
    background: var(--teal-soft);
    color: var(--teal);
}

.wm-card:nth-child(4n+3) .wm-icon[b-o34nt9kq26] {
    background: var(--orange-soft);
    color: #C2410C;
}

.wm-card:nth-child(4n+4) .wm-icon[b-o34nt9kq26] {
    background: var(--green-soft);
    color: var(--green);
}

.wm-arrow[b-o34nt9kq26] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--navy);
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 19px;
    position: relative;
    z-index: 1;
}

.wm-title[b-o34nt9kq26] {
    margin-top: 24px;
    color: var(--navy);
    font-size: 21px;
    font-weight: 900;
}

.wm-desc[b-o34nt9kq26] {
    margin-top: 8px;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.55;
    max-width: 280px;
}

.wm-footer[b-o34nt9kq26] {
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.wm-status[b-o34nt9kq26] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--teal);
    font-size: 11px;
    font-weight: 850;
}

.wm-dot[b-o34nt9kq26] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--teal);
}

.wm-open[b-o34nt9kq26] {
    color: var(--navy);
    font-size: 11px;
    font-weight: 850;
}

@media (max-width: 1100px) {
    .wm-grid[b-o34nt9kq26] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .wm-hero[b-o34nt9kq26] {
        grid-template-columns: auto minmax(0, 1fr);
        padding: 22px;
    }

    .wm-hero-status[b-o34nt9kq26] {
        grid-column: 1 / -1;
        width: max-content;
    }

    .wm-hero h1[b-o34nt9kq26] {
        font-size: 30px;
    }

    .wm-grid[b-o34nt9kq26] {
        grid-template-columns: minmax(0, 1fr);
    }

    .wm-card[b-o34nt9kq26] {
        min-height: 205px;
    }

    .wm-back-row[b-o34nt9kq26] {
        flex-wrap: wrap;
    }
}
/* /Components/Shared/AdminBreadcrumb.razor.rz.scp.css */
.admin-breadcrumb[b-prpp06x0zs]{font-size:.8rem;color:#62756f;margin-bottom:18px}.admin-breadcrumb ol[b-prpp06x0zs]{display:flex;align-items:center;flex-wrap:wrap;gap:7px 9px;list-style:none;padding:0;margin:0}.admin-breadcrumb li[b-prpp06x0zs]{display:inline-flex;align-items:center;gap:9px;min-width:0}.admin-breadcrumb a[b-prpp06x0zs]{color:#0f766e;text-decoration:none;font-weight:550;text-underline-offset:3px}.admin-breadcrumb a:hover[b-prpp06x0zs]{text-decoration:underline}.admin-breadcrumb a:focus-visible[b-prpp06x0zs]{outline:2px solid #0f766e;outline-offset:4px;border-radius:2px}.breadcrumb-separator[b-prpp06x0zs]{color:#a3b1ab}.admin-breadcrumb [aria-current=page][b-prpp06x0zs]{color:#354b43;font-weight:600;overflow-wrap:anywhere}
/* /Components/Shared/BannerCustomCodeEditor.razor.rz.scp.css */
.bce[b-hzvm68kxcy]{--navy:var(--blue-900);--line:var(--ink-100);--muted:var(--ink-500);display:grid;gap:14px}

.bce-toolbar[b-hzvm68kxcy]{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--blue-50)}
.bce-devices[b-hzvm68kxcy],.bce-width[b-hzvm68kxcy]{display:flex;align-items:center;gap:6px}
.bce-devices button[b-hzvm68kxcy]{border:1px solid var(--ink-300);background:#fff;color:var(--ink-700);border-radius:8px;padding:7px 14px;font-size:.8rem;font-weight:700;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}
.bce-devices button:hover[b-hzvm68kxcy]{border-color:var(--blue-600);color:var(--blue-700)}
.bce-devices button.active[b-hzvm68kxcy]{background:var(--navy);border-color:var(--navy);color:#fff}
.bce-width[b-hzvm68kxcy]{gap:14px}
.bce-width label[b-hzvm68kxcy]{display:inline-flex;align-items:center;gap:6px;color:var(--ink-700);font-size:.82rem;font-weight:650;cursor:pointer}
.bce-width label.active[b-hzvm68kxcy]{color:var(--navy);font-weight:800}
.bce-width input[b-hzvm68kxcy]{width:16px;height:16px;accent-color:var(--blue-600);cursor:pointer}

.bce-split[b-hzvm68kxcy]{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.bce-split>*[b-hzvm68kxcy]{min-width:0}
.bce-editor-pane[b-hzvm68kxcy],.bce-preview-pane[b-hzvm68kxcy]{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 10px 28px -14px rgba(11,37,69,.14)}
.bce-pane-head[b-hzvm68kxcy]{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:#f4f7fb;color:var(--navy);font-weight:800;font-size:.78rem}
.bce-pane-head span:first-child[b-hzvm68kxcy]{text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}
.bce-pane-head span:last-child[b-hzvm68kxcy]{color:var(--muted);font-weight:600;white-space:nowrap}
.bce-live[b-hzvm68kxcy]{padding:2px 9px;border-radius:999px;background:var(--blue-100);color:var(--blue-700)!important;font-size:.62rem;font-weight:800;text-transform:uppercase;white-space:nowrap}

.bce-editor[b-hzvm68kxcy]{width:100%;height:560px;box-sizing:border-box;padding:14px;border:0;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;line-height:1.5;color:var(--ink-900);background:var(--ink-100)}
.bce-editor:focus[b-hzvm68kxcy]{outline:none}

/* Deliberately no max-height/overflow here -- the whole point of the
   auto-height iframe (SandboxedHtmlPreview) is that the stage grows with
   the content instead of forcing an inner scrollbar. */
.bce-preview-stage[b-hzvm68kxcy]{min-height:200px;padding:16px;background:var(--blue-50)}
.bce-preview-empty[b-hzvm68kxcy]{display:grid;place-items:center;min-height:200px;color:var(--muted);font-size:.85rem;text-align:center}

.bce-device-frame[b-hzvm68kxcy]{margin:0 auto;transition:width .18s ease}
.bce-device-frame.bce-device-desktop[b-hzvm68kxcy]{width:100%}
.bce-device-frame.bce-device-tablet[b-hzvm68kxcy]{width:768px;max-width:100%}
.bce-device-frame.bce-device-mobile[b-hzvm68kxcy]{width:375px;max-width:100%}
.bce-device-frame[b-hzvm68kxcy]  .sandboxed-html-preview{width:100%;border:0;display:block;min-height:120px;border-radius:8px;box-shadow:0 0 0 1px var(--ink-100)}

@media(max-width:1000px){.bce-split[b-hzvm68kxcy]{grid-template-columns:minmax(0, 1fr)}}
@media(max-width:600px){.bce-toolbar[b-hzvm68kxcy]{flex-direction:column;align-items:stretch}}
/* /Components/Shared/ClinicalGuidelineEditor.razor.rz.scp.css */
.cg-editor-field[b-irp33d8qdf] {
    --cg-navy: #12344d;
    --cg-orange: #ed6a25;
    --cg-orange-soft: #fff0e6;
    overflow: hidden;
    border: 1px solid #d5dfe5;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 7px 20px rgba(18,52,77,.05);
}

.cg-editor-topline[b-irp33d8qdf] {
    min-height: 70px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: .75rem .9rem;
    border-bottom: 1px solid #dfe4eb;
    background: linear-gradient(100deg, #f8fafb, #fff);
}

.cg-editor-eyebrow[b-irp33d8qdf] { color: #728693; font-size: .56rem; font-weight: 900; letter-spacing: .12em; }
.cg-editor-topline h3[b-irp33d8qdf] { margin: .08rem 0 0; color: var(--cg-navy); font-size: 1rem; }
.cg-editor-topline p[b-irp33d8qdf] { margin: .16rem 0 0; color: #6c7f8c; font-size: .67rem; }
.cg-editor-modes[b-irp33d8qdf] { flex: 0 0 auto; display: flex; padding: .2rem; border: 1px solid #cdd8df; border-radius: 9px; background: #fff; }
.cg-editor-modes button[b-irp33d8qdf] { border: 0; border-radius: 7px; padding: .42rem .66rem; color: #586f7e; background: transparent; font-size: .7rem; font-weight: 800; cursor: pointer; }
.cg-editor-modes button.active[b-irp33d8qdf] { color: #fff; background: var(--cg-navy); box-shadow: 0 3px 8px rgba(18,52,77,.18); }

.cg-editor-toolbar[b-irp33d8qdf] { min-height: 50px; display: flex; align-items: center; gap: .55rem; padding: .48rem .7rem; border-bottom: 1px solid #e1e8ec; background: #fbfcfd; }
.cg-format-group[b-irp33d8qdf], .cg-citation-tools[b-irp33d8qdf] { display: flex; align-items: center; gap: .3rem; }
.cg-citation-tools[b-irp33d8qdf] { flex: 1 1 320px; justify-content: flex-end; }
.cg-editor-toolbar button[b-irp33d8qdf], .cg-editor-toolbar select[b-irp33d8qdf] { min-height: 34px; border: 1px solid #c8d5dd; border-radius: 7px; color: #29475b; background: #fff; font: inherit; font-size: .7rem; }
.cg-editor-toolbar button[b-irp33d8qdf] { padding: .34rem .55rem; font-weight: 800; cursor: pointer; }
.cg-editor-toolbar button:hover[b-irp33d8qdf] { border-color: #8fa5b3; background: #f5f8fa; }
.cg-editor-toolbar select[b-irp33d8qdf] { flex: 1 1 240px; max-width: 500px; padding: .34rem .5rem; }
.cg-editor-toolbar .cg-cite-button[b-irp33d8qdf] { flex: 0 0 auto; border-color: var(--cg-orange); color: #fff; background: var(--cg-orange); }
.cg-editor-toolbar .cg-cite-button:hover[b-irp33d8qdf] { background: #d95716; }
.cg-editor-toolbar .cg-cite-button:disabled[b-irp33d8qdf] { opacity: .45; cursor: default; }
.cg-toolbar-divider[b-irp33d8qdf] { flex: 0 0 auto; width: 1px; height: 26px; background: #d6e0e5; }

.cg-editor-surface[b-irp33d8qdf], .cg-html-source[b-irp33d8qdf], .cg-editor-preview[b-irp33d8qdf] {
    width: 100%;
    min-height: 430px;
    padding: 1.15rem 1.25rem;
    border: 0;
    outline: 0;
    color: #243e51;
    background: #fff;
    line-height: 1.68;
}

.cg-editor-surface:focus[b-irp33d8qdf] { box-shadow: inset 0 0 0 2px rgba(18,52,77,.08); }
.cg-editor-surface:empty[b-irp33d8qdf]::before { content: attr(data-placeholder); color: #91a0aa; }
.cg-editor-surface[b-irp33d8qdf]  cite::after, .cg-editor-preview[b-irp33d8qdf]  cite::after { content: "[citation]"; display: inline-block; margin-left: .15rem; color: #0b3771; font-size: .72em; font-style: normal; font-weight: 850; vertical-align: super; }
.cg-html-source[b-irp33d8qdf] { resize: vertical; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .79rem; }
.cg-editor-preview[b-irp33d8qdf] { background: #fff; }
.cg-editor-surface[b-irp33d8qdf]  h3, .cg-editor-preview[b-irp33d8qdf]  h3 { margin: 1.4rem 0 .55rem; color: var(--cg-navy); font-size: 1.2rem; }
.cg-editor-surface[b-irp33d8qdf]  h4, .cg-editor-preview[b-irp33d8qdf]  h4 { margin: 1rem 0 .4rem; color: #24516b; font-size: 1rem; }
.cg-editor-surface[b-irp33d8qdf]  blockquote, .cg-editor-preview[b-irp33d8qdf]  blockquote { margin: 1rem 0; padding: .8rem 1rem; border-left: 4px solid var(--cg-orange); border-radius: 0 9px 9px 0; color: #4d5f6b; background: var(--cg-orange-soft); }
.cg-editor-surface[b-irp33d8qdf]  table, .cg-editor-preview[b-irp33d8qdf]  table { width: 100%; border-collapse: collapse; font-size: .86rem; }
.cg-editor-surface[b-irp33d8qdf]  th, .cg-editor-surface[b-irp33d8qdf]  td, .cg-editor-preview[b-irp33d8qdf]  th, .cg-editor-preview[b-irp33d8qdf]  td { min-width: 145px; padding: .7rem; border: 1px solid #d7e1e7; text-align: left; vertical-align: top; }
.cg-editor-surface[b-irp33d8qdf]  th, .cg-editor-preview[b-irp33d8qdf]  th { color: var(--cg-navy); background: #e9eef5; }
.cg-editor-surface[b-irp33d8qdf]  tbody tr, .cg-editor-preview[b-irp33d8qdf]  tbody tr { transition: background .16s ease, box-shadow .16s ease, transform .16s ease; }
.cg-editor-surface[b-irp33d8qdf]  tbody tr:hover, .cg-editor-preview[b-irp33d8qdf]  tbody tr:hover { position: relative; z-index: 1; background: #eef9f6; box-shadow: 0 5px 14px rgba(12, 47, 92, .1); transform: translateY(-1px); }
.cg-editor-surface[b-irp33d8qdf]  td a, .cg-editor-preview[b-irp33d8qdf]  td a { color: #083877; font-weight: 850; text-underline-offset: 3px; }
.cg-editor-surface[b-irp33d8qdf]  td a:hover, .cg-editor-preview[b-irp33d8qdf]  td a:hover { color: var(--cg-orange); }
.cg-editor-help[b-irp33d8qdf] { margin: 0; padding: .52rem .85rem; border-top: 1px solid #e3e9ed; color: #647985; background: #f7fafb; font-size: .66rem; }
.cg-editor-footnote[b-irp33d8qdf] { display: flex; align-items: center; flex-wrap: wrap; gap: .4rem; padding: .5rem .75rem; border-top: 1px solid #e4eaee; color: #6b7e89; background: #f8fafb; }
.cg-editor-footnote span[b-irp33d8qdf] { padding: .18rem .36rem; border-radius: 999px; color: #a94b19; background: var(--cg-orange-soft); font-size: .57rem; font-weight: 900; text-transform: uppercase; }
.cg-editor-footnote code[b-irp33d8qdf] { color: #3d5869; font-size: .61rem; }
.cg-editor-footnote small[b-irp33d8qdf] { font-size: .6rem; }

@media (max-width: 700px) {
    .cg-editor-topline[b-irp33d8qdf] { align-items: stretch; flex-direction: column; }
    .cg-editor-modes[b-irp33d8qdf] { align-self: stretch; }
    .cg-editor-modes button[b-irp33d8qdf] { flex: 1; }
    .cg-editor-toolbar[b-irp33d8qdf] { align-items: stretch; flex-direction: column; }
    .cg-toolbar-divider[b-irp33d8qdf] { display: none; }
    .cg-citation-tools[b-irp33d8qdf] { width: 100%; }
    .cg-citation-tools select[b-irp33d8qdf] { min-width: 0; }
    .cg-editor-surface[b-irp33d8qdf], .cg-html-source[b-irp33d8qdf], .cg-editor-preview[b-irp33d8qdf] { min-height: 330px; padding: .9rem; }
    .cg-editor-footnote small[b-irp33d8qdf] { flex-basis: 100%; }
}
/* /Components/Shared/HtmlLivePreviewEditor.razor.rz.scp.css */
.html-live-editor[b-cgfh84lxcv] {
    display: grid;
    gap: 6px;
}

.html-live-editor > label[b-cgfh84lxcv] {
    font-weight: 700;
    font-size: .82rem;
    color: #33495a;
}

.html-live-editor-grid[b-cgfh84lxcv] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    min-height: 420px;
}

.html-live-editor-pane[b-cgfh84lxcv] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 0;
}

.html-live-editor-pane-label[b-cgfh84lxcv] {
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: #7c8b9b;
}

.html-live-editor-source[b-cgfh84lxcv] {
    flex: 1;
    min-height: 400px;
    resize: vertical;
    border: 1px solid #cedbe3;
    border-radius: 10px;
    padding: 12px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .82rem;
    line-height: 1.5;
    color: #1f2d3a;
    background: #f8fafc;
}

.html-live-editor-source:focus[b-cgfh84lxcv] {
    outline: 3px solid rgba(15, 71, 145, .13);
    border-color: #0f4791;
}

.html-live-editor-preview[b-cgfh84lxcv] {
    flex: 1;
    min-height: 400px;
    border: 1px solid #cedbe3;
    border-radius: 10px;
    background: #fff;
}

@media (max-width: 900px) {
    .html-live-editor-grid[b-cgfh84lxcv] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Shared/IncidentRichTextField.razor.rz.scp.css */
.incident-rich-field[b-3b2rtx9hby] { display:grid; gap:10px; }
.incident-rich-heading[b-3b2rtx9hby] { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.incident-rich-heading label[b-3b2rtx9hby] { color:#102f4f; font-weight:800; text-transform:uppercase; letter-spacing:.02em; }
.incident-rich-heading label span[b-3b2rtx9hby] { color:#dc3545; }
.incident-rich-reminder[b-3b2rtx9hby] { padding:5px 9px; border-left:2px solid #86b6ff; border-radius:0 6px 6px 0; background:#f1f6ff; color:#68788d; font-size:12px; font-style:italic; }
.incident-rich-toolbar[b-3b2rtx9hby] { display:flex; gap:6px; align-items:center; padding:7px; border:1px solid #d9e3ed; border-radius:10px 10px 0 0; background:#f7f9fc; }
.incident-rich-toolbar button[b-3b2rtx9hby], .incident-rich-toolbar label[b-3b2rtx9hby], .incident-rich-actions button[b-3b2rtx9hby], .incident-rich-actions summary[b-3b2rtx9hby] { border:1px solid #bfe5cf; border-radius:7px; background:#f2fbf6; color:#18864b; padding:7px 11px; font-weight:700; cursor:pointer; }
.incident-rich-toolbar label[b-3b2rtx9hby] { display:flex; align-items:center; gap:7px; font-size:12px; }
.incident-rich-toolbar input[b-3b2rtx9hby] { width:25px; height:22px; border:0; padding:0; background:transparent; }
.incident-rich-editor[b-3b2rtx9hby] { min-height:130px; padding:16px; margin-top:-10px; border:1px solid #cfd9e4; border-radius:0 0 10px 10px; background:#fff; color:#172a3f; line-height:1.55; outline:none; overflow-wrap:anywhere; }
.incident-rich-editor:focus[b-3b2rtx9hby] { border-color:#2f80ed; box-shadow:0 0 0 3px rgba(47,128,237,.12); }
.incident-rich-editor:empty[b-3b2rtx9hby]::before { content:attr(data-placeholder); color:#9aa6b2; pointer-events:none; }
.incident-rich-actions[b-3b2rtx9hby] { display:flex; align-items:flex-start; flex-wrap:wrap; gap:8px; }
.incident-rich-actions details[b-3b2rtx9hby] { position:relative; z-index:1; }
.incident-rich-actions details[open][b-3b2rtx9hby] { z-index:80; }
.incident-rich-actions summary[b-3b2rtx9hby] { list-style:none; }
.incident-rich-suggestions[b-3b2rtx9hby] { position:fixed; z-index:80; max-height:var(--incident-suggestions-max-height,260px); overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; padding:8px; border:1px solid #d7e1ea; border-radius:10px; background:#fff; box-shadow:0 14px 34px rgba(18,47,78,.16); }
.incident-rich-suggestions button[b-3b2rtx9hby] { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:12px; width:100%; text-align:left; margin:4px 0; color:#33485d; background:#fff; border-color:#edf1f5; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease; }
.incident-rich-suggestions button:hover[b-3b2rtx9hby] { transform:translateX(4px); border-color:#93c5fd; background:#f8fbff; box-shadow:0 8px 20px rgba(15,47,82,.1); }
.incident-rich-suggestions button:focus-visible[b-3b2rtx9hby] { outline:3px solid rgba(37,99,235,.2); outline-offset:2px; }
.incident-rich-suggestion-title[b-3b2rtx9hby] { display:inline-flex; align-items:center; min-height:28px; padding:5px 9px; border-radius:7px; font-size:11px; font-weight:900; white-space:nowrap; transition:transform .18s ease; }
.incident-rich-suggestions button:hover .incident-rich-suggestion-title[b-3b2rtx9hby] { transform:scale(1.04); }
@media (max-width:640px) {
    .incident-rich-toolbar[b-3b2rtx9hby] { flex-wrap:wrap; }
    .incident-rich-editor[b-3b2rtx9hby] { min-height:160px; }
    .incident-rich-suggestions button[b-3b2rtx9hby] { grid-template-columns:minmax(0, 1fr); gap:7px; }
    .incident-rich-suggestion-title[b-3b2rtx9hby] { width:max-content; }
}
/* /Components/Shared/InventoryCountHistory.razor.rz.scp.css */
.inventory-count-history[b-rex9mi17yd] {
    /* Blazor CSS isolation scopes every selector in this file to elements
       this component renders -- a bare :root rule never matches anything,
       so the custom properties this table needs are defined on its own
       outermost element instead, making the component self-contained
       regardless of which page embeds it. */
    --navy: #0a2540;
    --blue: #2f80ed;
    --blue100: #eaf3ff;
    --red: #d64545;
    --red100: #fdecec;
    --g200: #e2e8f0;
    --g300: #cbd5e1;
    --g500: #718096;
    --ease: cubic-bezier(.2, .8, .2, 1);
}

.btn[b-rex9mi17yd] {
    min-height: 42px;
    padding: 0 15px;
    border-radius: 10px;
    font-weight: 800;
    font-size: 13px;
    font-family: inherit;
    cursor: pointer;
    transition: .18s var(--ease);
}

.btn.secondary[b-rex9mi17yd] {
    border: 1px solid var(--g300);
    background: #fff;
    color: var(--navy);
}

.btn:hover[b-rex9mi17yd] {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(15, 47, 87, .1);
}

.btn:disabled[b-rex9mi17yd] {
    opacity: .5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.count-list[b-rex9mi17yd] {
    display: grid;
    gap: 10px;
    overflow-x: auto;
}

.count-row[b-rex9mi17yd] {
    display: grid;
    grid-template-columns: 105px 100px 90px 90px 90px 110px 110px minmax(180px, 1fr) 70px 80px;
    gap: 12px;
    align-items: center;
    padding: 14px 16px;
    border-radius: 13px;
    transition: all 180ms ease;
}

.count-cell-user[b-rex9mi17yd] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.count-initials[b-rex9mi17yd] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    background: var(--blue100);
    color: var(--blue);
    font-size: 11px;
    font-weight: 850;
}

.count-edit-input[b-rex9mi17yd] {
    width: 100%;
    padding: 7px 9px;
    border: 1px solid var(--g200);
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    color: var(--navy);
    background: #fff;
}

.count-edit-input:focus[b-rex9mi17yd] {
    outline: none;
    border-color: var(--blue);
    box-shadow: 0 0 0 3px var(--blue100);
}

.count-edit-details[b-rex9mi17yd] {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.count-edit-error[b-rex9mi17yd] {
    color: var(--red);
    font-size: 12px;
    font-weight: 750;
}

.count-cell-delete[b-rex9mi17yd] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.btn-icon-edit[b-rex9mi17yd] {
    display: grid;
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    place-items: center;
    border: 1px solid var(--g200);
    border-radius: 999px;
    background: #fff;
    color: var(--g500);
    cursor: pointer;
    transition: .18s var(--ease);
}

.btn-icon-edit svg[b-rex9mi17yd] {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.btn-icon-edit:hover[b-rex9mi17yd] {
    border-color: var(--blue);
    color: var(--blue);
    background: var(--blue100);
}

.btn-icon-delete[b-rex9mi17yd] {
    display: grid;
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    place-items: center;
    border: 1px solid var(--g200);
    border-radius: 999px;
    background: #fff;
    color: var(--g500);
    cursor: pointer;
    transition: .18s var(--ease);
}

.btn-icon-delete svg[b-rex9mi17yd] {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.btn-icon-delete:hover[b-rex9mi17yd] {
    border-color: var(--red);
    color: var(--red);
    background: var(--red100);
}

.count-row-latest[b-rex9mi17yd] {
    background: #ECFDF3;
    border: 1px solid #BBF7D0;
    border-left: 5px solid #16A34A;
    box-shadow: 0 6px 18px rgba(22, 163, 74, .10);
}

.count-row-historical[b-rex9mi17yd] {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
}

.count-row-historical:hover[b-rex9mi17yd] {
    background: #F8FBFF;
    border-color: #BFDBFE;
    box-shadow: 0 5px 16px rgba(15, 23, 42, .07);
    transform: translateY(-1px);
}

.count-cell-label[b-rex9mi17yd] {
    margin-bottom: 4px;
    color: var(--g500);
    font-size: 9px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.count-cell-value[b-rex9mi17yd] {
    color: var(--navy);
    font-size: 13px;
    font-weight: 800;
}

.count-cell-sub[b-rex9mi17yd] {
    margin-top: 3px;
    color: var(--g500);
    font-size: 10.5px;
}

.count-cell-wide[b-rex9mi17yd] {
    grid-column: span 1;
}

.count-diff-pos[b-rex9mi17yd] {
    color: #15803D;
}

.count-diff-neg[b-rex9mi17yd] {
    color: #DC2626;
}

.count-diff-zero[b-rex9mi17yd] {
    color: #64748B;
}

.pager[b-rex9mi17yd] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding-top: 16px;
}

.pager span[b-rex9mi17yd] {
    color: var(--g500);
    font-size: 11px;
    font-weight: 800;
}

.pager .btn[b-rex9mi17yd] {
    min-height: 34px;
    padding: 0 12px;
    font-size: 11px;
}

.empty[b-rex9mi17yd] {
    padding: 18px;
    border: 1px solid #bfdbf7;
    border-radius: 12px;
    background: #f3f8ff;
    color: #2f66a4;
    font-size: 12px;
    font-weight: 750;
}

@media (max-width: 900px) {
    .count-row[b-rex9mi17yd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .count-cell-delete[b-rex9mi17yd] {
        justify-content: flex-start;
        grid-column: 1/-1;
    }
}
/* /Components/Shared/InventoryPageTip.razor.rz.scp.css */
.ipt-tip[b-z4eeuqm1ek] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    max-width: 1180px;
    margin: 0 auto 16px;
    padding: 13px 16px;
    border: 1px solid #bfdbfe;
    border-radius: 14px;
    background: #eff6ff;
    color: #163b64;
}

.ipt-icon[b-z4eeuqm1ek] {
    display: grid;
    width: 26px;
    height: 26px;
    place-items: center;
    border-radius: 50%;
    background: #2563eb;
    color: #fff;
    font-weight: 900;
}

.ipt-tip strong[b-z4eeuqm1ek], .ipt-tip p[b-z4eeuqm1ek] { display: block; margin: 0; }
.ipt-tip p[b-z4eeuqm1ek] { margin-top: 3px; color: #526a82; font-size: 12px; line-height: 1.45; }
.ipt-tip a[b-z4eeuqm1ek] { color: #1d4ed8; font-size: 12px; font-weight: 850; white-space: nowrap; }

@media (max-width: 620px) {
    .ipt-tip[b-z4eeuqm1ek] { grid-template-columns: auto minmax(0, 1fr); }
    .ipt-tip a[b-z4eeuqm1ek] { grid-column: 2; }
}
/* /Components/Shared/LearningQuizPanel.razor.rz.scp.css */
.lqp-panel[b-tqp41zxmgx] {
    padding: 28px;
    border: 1px solid #d4dce7;
    border-radius: 18px;
    background: #fff;
}

.lqp-head > span[b-tqp41zxmgx] {
    color: #0d4083;
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.lqp-head h2[b-tqp41zxmgx] { margin: 6px 0; color: #17324d; }
.lqp-head p[b-tqp41zxmgx] { margin: 0 0 4px; color: #5c7286; }

.lqp-panel article[b-tqp41zxmgx] {
    margin-top: 18px;
    padding: 18px;
    border-radius: 13px;
    background: #f6f9fa;
}

.lqp-panel article h3[b-tqp41zxmgx] { margin-top: 0; color: #17324d; }

.lqp-panel article > label[b-tqp41zxmgx] {
    display: flex;
    align-items: start;
    gap: 10px;
    margin-top: 8px;
    padding: 10px;
    border: 1px solid #dce2e9;
    border-radius: 9px;
    background: #fff;
    cursor: pointer;
}

.lqp-feedback[b-tqp41zxmgx] { margin-top: 14px; padding: 13px; border-radius: 10px; }
.lqp-feedback.correct[b-tqp41zxmgx] { background: #eaf7f0; }
.lqp-feedback.incorrect[b-tqp41zxmgx] { background: #fff2ed; }
.lqp-feedback p[b-tqp41zxmgx] { display: flex; flex-direction: column; margin: 8px 0 0; padding: 9px; border-radius: 8px; background: #fff; }
.lqp-feedback p.correct-option[b-tqp41zxmgx] { border-left: 4px solid #27915e; }
.lqp-feedback p.selected-option[b-tqp41zxmgx] { border-left: 4px solid #c9753d; }
.lqp-feedback p span[b-tqp41zxmgx] { margin-top: 4px; color: #607386; }

.lqp-submit[b-tqp41zxmgx] {
    display: inline-block;
    margin-top: 18px;
    border: 0;
    border-radius: 10px;
    padding: 11px 15px;
    background: #0d438a;
    color: #fff;
    font-weight: 850;
    text-decoration: none;
    cursor: pointer;
}

.lqp-score[b-tqp41zxmgx] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 16px 0 0 12px;
}

.lqp-score strong[b-tqp41zxmgx] { font-size: 1.4rem; }
.lqp-score.passed[b-tqp41zxmgx] { color: #23754e; }
.lqp-score.retry[b-tqp41zxmgx] { color: #a0522d; }
.lqp-score div[b-tqp41zxmgx] { display: flex; flex-direction: column; }
.lqp-score span[b-tqp41zxmgx] { color: #5c7286; font-size: .85rem; }

@media (max-width: 650px) {
    .lqp-panel[b-tqp41zxmgx] { padding: 18px; }
}
/* /Components/Shared/LockedContent.razor.rz.scp.css */
.cg-locked[b-suodnbnlpk] { display: flex; align-items: flex-start; gap: .9rem; margin-top: 1rem; padding: 1rem; border: 1px solid #f2d4a4; border-radius: 11px; color: #624f2e; background: linear-gradient(135deg, #fffaf0, #fff7e8); }
.cg-locked.compact[b-suodnbnlpk] { margin-top: 1.1rem; padding: .8rem; }
.cg-locked-icon[b-suodnbnlpk] { display: grid; place-items: center; flex: 0 0 40px; width: 40px; height: 40px; border-radius: 10px; color: #9a5c08; background: #ffe6b9; }
.cg-locked > div[b-suodnbnlpk] { min-width: 0; }
.cg-locked strong[b-suodnbnlpk] { display: block; color: #513d1f; font-size: .92rem; }
.cg-locked p[b-suodnbnlpk] { margin: .2rem 0 .65rem; color: #7d6949; font-size: .78rem; }
.cg-locked a[b-suodnbnlpk] { display: inline-flex; margin-right: .45rem; padding: .42rem .65rem; border: 1px solid #9a5c08; border-radius: 7px; color: #fff; background: #9a5c08; text-decoration: none; font-size: .74rem; font-weight: 850; }
.cg-locked a.secondary[b-suodnbnlpk] { color: #8b5a17; background: #fff; }
.cg-locked.compact .cg-locked-icon[b-suodnbnlpk] { width: 34px; height: 34px; flex-basis: 34px; }
@media (max-width: 520px) { .cg-locked[b-suodnbnlpk] { align-items: stretch; flex-direction: column; } }
/* /Components/Shared/LogoTypographyEditor.razor.rz.scp.css */
.logo-editor[b-98hut92kqi] { border:1px solid #dce5e1; border-radius:12px; padding:28px; background:#fff; color:#173630; }
.logo-editor header>span[b-98hut92kqi] { font-size:10px; letter-spacing:.14em; font-weight:700; color:#0f766e; }
.logo-editor h2[b-98hut92kqi] { margin:8px 0; font-size:26px; font-weight:600; letter-spacing:-.04em; }
.logo-editor header p[b-98hut92kqi] { margin:0; color:#586b65; font-size:13px; line-height:1.6; max-width:60ch; }
.logo-previews[b-98hut92kqi] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:24px 0; border:1px solid #dce5e1; border-radius:8px; overflow:hidden; }
.logo-preview[b-98hut92kqi] { min-width:0; padding:22px 18px; display:flex; flex-direction:column; align-items:flex-start; gap:20px; background:#fafbf8; }
.logo-preview small[b-98hut92kqi] { font-size:9px; letter-spacing:.12em; color:#526961; }
.logo-preview.dark[b-98hut92kqi] { background:#0f2d45; }
.logo-preview.dark small[b-98hut92kqi] { color:#b9ccc9; }
.logo-preview.footer[b-98hut92kqi] { grid-column:1/-1; border-top:1px solid #dce5e1; background:#fff; }
.logo-fields[b-98hut92kqi] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.logo-fields label[b-98hut92kqi] { display:flex; flex-direction:column; gap:7px; font-size:12px; font-weight:600; }
.logo-fields input[b-98hut92kqi],.logo-fields select[b-98hut92kqi] { min-width:0; width:100%; border:1px solid #cad8d1; border-radius:6px; background:#fff; padding:10px 12px; color:#173630; font:inherit; font-size:14px; }
.logo-fields input:focus-visible[b-98hut92kqi],.logo-fields select:focus-visible[b-98hut92kqi],.logo-actions button:focus-visible[b-98hut92kqi] { outline:2px solid #0f766e; outline-offset:3px; }
.logo-fields input[type=color][b-98hut92kqi] { height:40px; padding:4px; cursor:pointer; }
.logo-fields .logo-checkbox[b-98hut92kqi] { flex-direction:row; align-items:center; }
.logo-fields input[type=checkbox][b-98hut92kqi] { width:18px; height:18px; accent-color:#0f766e; }
.logo-wide[b-98hut92kqi] { grid-column:1/-1; }
.logo-fields small[b-98hut92kqi] { font-size:11px; font-weight:400; color:#687b72; }
.logo-actions[b-98hut92kqi] { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:12px; padding-top:22px; margin-top:22px; border-top:1px solid #e2e9e5; }
.logo-actions button[b-98hut92kqi] { padding:10px 15px; border-radius:6px; font:inherit; font-size:12px; font-weight:600; cursor:pointer; }
.logo-save[b-98hut92kqi] { background:#0f766e; border:1px solid #0f766e; color:#fff; }
.logo-discard[b-98hut92kqi] { background:#fff; border:1px solid #cad8d1; color:#38554b; }
.logo-actions button:disabled[b-98hut92kqi] { opacity:.5; cursor:default; }
.logo-message[b-98hut92kqi] { font-size:13px; line-height:1.6; margin-top:18px; color:#0f766e; }
.logo-message.error[b-98hut92kqi] { color:#a92727; }
@media(max-width:700px) { .logo-editor[b-98hut92kqi] { padding:20px; } .logo-previews[b-98hut92kqi],.logo-fields[b-98hut92kqi] { grid-template-columns:1fr; } .logo-wide[b-98hut92kqi] { grid-column:auto; } }
/* /Components/Shared/MegaMenuNav.razor.rz.scp.css */
.mmn-nav[b-y5m7d7igeo]{--navy:#0b2f52;--teal:#0f766e;--teal-light:#e6f2ed;--ink:#0f172a;--muted:#5d6b82;--line:#e4e9f1;display:flex;align-items:center;font-family:inherit}

.mmn-hamburger[b-y5m7d7igeo]{display:none;flex-direction:column;justify-content:center;gap:4px;width:36px;height:36px;border:0;border-radius:9px;background:transparent;cursor:pointer;transition:background-color .15s ease}
.mmn-hamburger:hover[b-y5m7d7igeo]{background:var(--teal-light)}
.mmn-hamburger span[b-y5m7d7igeo]{display:block;width:20px;height:2px;background:var(--navy);border-radius:2px}

.mmn-desktop[b-y5m7d7igeo]{display:flex;align-items:center;gap:6px}
.mmn-link[b-y5m7d7igeo]{padding:9px 12px;border-radius:9px;color:var(--navy);text-decoration:none;font-weight:650;font-size:.94rem;transition:background-color .15s ease,color .15s ease}
.mmn-link:hover[b-y5m7d7igeo]{background:var(--teal-light);color:#115e59}

.mmn-item[b-y5m7d7igeo]{position:relative}
.mmn-trigger[b-y5m7d7igeo]{display:flex;align-items:center;gap:6px;border:0;border-radius:9px;background:transparent;color:var(--navy);font:inherit;font-weight:650;font-size:.94rem;cursor:pointer;padding:9px 12px;transition:background-color .15s ease,color .15s ease}
.mmn-trigger:hover[b-y5m7d7igeo],.mmn-trigger.open[b-y5m7d7igeo]{background:var(--teal-light);color:#115e59}
.mmn-caret[b-y5m7d7igeo]{font-size:.65rem;transition:transform .18s ease}
.mmn-trigger.open .mmn-caret[b-y5m7d7igeo]{transform:rotate(180deg)}

@keyframes mmn-panel-in-b-y5m7d7igeo{from{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%,0)}}
.mmn-panel[b-y5m7d7igeo]{
    position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);
    z-index:40;min-width:230px;max-width:340px;border-radius:14px;background:#fff;
    box-shadow:0 20px 45px -10px rgba(11,47,82,.22),0 2px 8px rgba(11,47,82,.06);
    border:1px solid var(--line);overflow:hidden;padding:8px;
    animation:mmn-panel-in-b-y5m7d7igeo .16s ease-out;
}
@media (prefers-reduced-motion: reduce){.mmn-panel[b-y5m7d7igeo]{animation:none}}
.mmn-panel ul[b-y5m7d7igeo]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.mmn-panel li a[b-y5m7d7igeo]{display:flex;align-items:center;gap:8px;padding:10px 11px;border-radius:10px;color:#243b52;text-decoration:none;font-weight:650;font-size:.9rem;transition:background-color .14s ease,color .14s ease,transform .14s ease}
.mmn-panel li a:hover[b-y5m7d7igeo]{background:var(--teal-light);color:#115e59;transform:translateX(2px)}
.mmn-panel li a span[b-y5m7d7igeo]{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mmn-panel li small[b-y5m7d7igeo]{display:block;padding:0 11px;margin-top:-3px;color:#93a2ac;font-size:.72rem;line-height:1.4}
.mmn-badge[b-y5m7d7igeo]{flex:0 0 auto;padding:1px 8px;border-radius:999px;background:var(--teal);color:#fff;font-size:.6rem;font-weight:800;font-style:normal;text-transform:uppercase;letter-spacing:.03em;margin-left:auto}

.mmn-drawer-backdrop[b-y5m7d7igeo]{display:none}
.mmn-drawer[b-y5m7d7igeo]{display:none}

@media (max-width: 900px) {
    .mmn-hamburger[b-y5m7d7igeo] { display: flex; }
    .mmn-desktop[b-y5m7d7igeo] { display: none; }

    /* Both of these are position:fixed and must resolve against the viewport.
       That only holds while no ancestor has a filter/backdrop-filter/transform,
       since any of those become the containing block for fixed descendants --
       see the note on .public-account-header::before in PublicAccountLayout. */
    .mmn-drawer-backdrop.open[b-y5m7d7igeo] { display: block; position: fixed; inset: 0; width: 100vw; height: 100vh; height: 100dvh; z-index: 49; border: 0; padding: 0; background: rgba(8, 20, 30, .45); }

    .mmn-drawer[b-y5m7d7igeo] {
        display: flex; flex-direction: column; gap: 2px; position: fixed; top: 0; right: 0; bottom: 0;
        /* Explicit height as well as top/bottom: dvh tracks the mobile URL bar,
           and a stated height keeps the panel full-screen even if some future
           ancestor does re-create a containing block. */
        height: 100vh; height: 100dvh;
        width: min(320px, 86vw); z-index: 50; padding: 64px 16px 24px; overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        background: #fff; box-shadow: -12px 0 34px rgba(0,0,0,.18);
        transform: translateX(100%); transition: transform .22s ease;
    }
    .mmn-drawer.open[b-y5m7d7igeo] { transform: translateX(0); }

    .mmn-drawer-close[b-y5m7d7igeo] {
        position: absolute; top: 10px; right: 12px;
        width: 44px; height: 44px; display: grid; place-items: center;
        border: 1px solid var(--line); border-radius: 12px; background: #fff;
        color: var(--navy); font-size: 1.15rem; line-height: 1; cursor: pointer;
    }
    .mmn-drawer-close:hover[b-y5m7d7igeo] { background: var(--teal-light); }

    .mmn-drawer-link[b-y5m7d7igeo] { padding: 13px 10px; border-radius: 10px; color: var(--navy); text-decoration: none; font-weight: 700; }
    .mmn-drawer-link:active[b-y5m7d7igeo] { background: var(--teal-light); }
    .mmn-drawer-group[b-y5m7d7igeo] { border-bottom: 1px solid var(--line); }
    .mmn-drawer-trigger[b-y5m7d7igeo] { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 13px 10px; border: 0; border-radius: 10px; background: transparent; color: var(--navy); font: inherit; font-weight: 700; text-align: left; cursor: pointer; }
    .mmn-drawer-trigger.open .mmn-caret[b-y5m7d7igeo] { transform: rotate(180deg); }
    .mmn-drawer-links[b-y5m7d7igeo] { display: flex; flex-direction: column; gap: 2px; padding: 0 10px 14px 22px; }
    .mmn-drawer-links a[b-y5m7d7igeo] { padding: 9px 0; color: #33495c; text-decoration: none; font-weight: 600; font-size: .92rem; }

    /* Only pulled into the drawer at phone widths -- above that the header has
       room to keep the account actions inline. */
    .mmn-drawer-account[b-y5m7d7igeo] { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .mmn-drawer[b-y5m7d7igeo] { transition: none; }
}

@media (max-width: 640px) {
    .mmn-drawer-account[b-y5m7d7igeo] {
        display: flex; flex-direction: column; gap: 10px;
        margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--line);
    }
}
/* /Components/Shared/ModuleStrip.razor.rz.scp.css */
.ms-strip[b-6gxnh6vot9] {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    overflow-x: auto;
    padding: 4px 2px 14px;
    margin: 0 0 4px;
}

.ms-card[b-6gxnh6vot9] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    flex: 0 0 auto;
    padding: 9px 14px 9px 9px;
    border-radius: 13px;
    border: 1px solid #E2E8F0;
    background: #FFFFFF;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .06);
    text-decoration: none;
    color: #0B2F52;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.ms-card:hover[b-6gxnh6vot9],
.ms-card:focus-visible[b-6gxnh6vot9] {
    transform: translateY(-2px);
    box-shadow: 0 18px 42px rgba(15, 23, 42, .09);
    border-color: #BCD2E6;
}

.ms-icon[b-6gxnh6vot9] {
    width: 30px;
    height: 30px;
    border-radius: 9px;
    display: grid;
    place-items: center;
    background: #EEF5FF;
    color: #0B2F52;
    font-size: 14px;
    flex: none;
}

/* --- Color coding per module --- */

.ms-card.inventory .ms-icon[b-6gxnh6vot9] {
    background: #EEF5FF;
    color: #1D4ED8;
}

.ms-card.transactions .ms-icon[b-6gxnh6vot9] {
    background: #E0EAFF;
    color: #2563EB;
}

.ms-card.patients-search .ms-icon[b-6gxnh6vot9] {
    background: #F7EFE8;
    color: #704523;
}

.ms-card.minor-ailments .ms-icon[b-6gxnh6vot9] {
    background: #FFF7ED;
    color: #C2410C;
}

.ms-card.services .ms-icon[b-6gxnh6vot9] {
    background: #eaf1fb;
    color: #168552;
}

.ms-card.pharmacy-logs .ms-icon[b-6gxnh6vot9] {
    background: #ECFDF3;
    color: #16A34A;
}

.ms-card.incident-reporting .ms-icon[b-6gxnh6vot9] {
    background: #FEF2F2;
    color: #DC2626;
}

.ms-card.drug-database .ms-icon[b-6gxnh6vot9] {
    background: #EAF2FF;
    color: #2F6FED;
    font-weight: 900;
}

.ms-card.clinical-guidelines .ms-icon[b-6gxnh6vot9] {
    background: #F4F2FF;
    color: #c6753b;
    font-weight: 900;
}

.ms-card.audit-risk .ms-icon[b-6gxnh6vot9] {
    background: #FFFBEB;
    color: #B45309;
    font-weight: 900;
}
/* /Components/Shared/NewsImageCredit.razor.rz.scp.css */
.news-image-credit[b-9i1n9pgysj] {
    padding: 12px 0;
    font-size: 0.75rem;
    line-height: 1.7;
    color: var(--news-muted, #566b7b);
    overflow-wrap: anywhere;
}

.news-image-credit a[b-9i1n9pgysj] { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.news-image-credit a:focus-visible[b-9i1n9pgysj] { outline: 3px solid #277b78; outline-offset: 3px; }
/* /Components/Shared/PatientListPanel.razor.rz.scp.css */
.patients-page[b-ahxhs4cmwc] {
    --navy-950: #0a1f36;
    --navy-900: #102c4c;
    --blue-600: #2f80ed;
    --blue-100: #eaf3ff;
    --orange-500: #f28c28;
    --orange-100: #fff1e3;
    --green-600: #168a55;
    --green-100: #e8f6ee;
    --grey-50: #f8fafc;
    --grey-100: #f2f5f8;
    --grey-200: #e2e8f0;
    --grey-300: #cbd5e1;
    --grey-500: #718096;
    --grey-700: #475569;
    --grey-900: #1f2937;
    --shadow: 0 18px 48px rgba(15, 47, 87, .08);

    color: var(--grey-900);
}

.patients-header[b-ahxhs4cmwc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

.patients-source-tabs[b-ahxhs4cmwc] {
    display: inline-flex;
    gap: 4px;
    margin-bottom: 14px;
    padding: 4px;
    border: 1px solid var(--grey-200);
    border-radius: 12px;
    background: #fff;
}

.patients-source-tabs button[b-ahxhs4cmwc] {
    min-height: 38px;
    padding: 0 15px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: var(--grey-500);
    font-weight: 750;
    cursor: pointer;
}

.patients-source-tabs button.active[b-ahxhs4cmwc] {
    background: var(--navy-900);
    color: #fff;
}

.patients-header-actions[b-ahxhs4cmwc] {
    flex: 0 0 auto;
}

.patients-action-button[b-ahxhs4cmwc] {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0 15px;
    border: 1px solid var(--grey-300);
    border-radius: 10px;
    background: #fff;
    color: var(--navy-900);
    font-size: .8rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
    transition: transform 150ms ease, box-shadow 150ms ease;
}

.patients-action-button:hover[b-ahxhs4cmwc] {
    transform: translateY(-1px);
}

.patients-title-group h1[b-ahxhs4cmwc] {
    margin: 0;
    color: var(--navy-950);
    font-size: 1.7rem;
    line-height: 1.2;
    letter-spacing: -.02em;
}

.patients-title-group p[b-ahxhs4cmwc] {
    margin: 6px 0 0;
    color: var(--grey-500);
    font-size: .88rem;
}

.patients-search-card[b-ahxhs4cmwc] {
    padding: 18px;
    border: 1px solid var(--grey-200);
    border-radius: 18px;
    background: rgba(255, 255, 255, .97);
    box-shadow: var(--shadow);
}

.patients-search-row[b-ahxhs4cmwc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto auto;
    gap: 10px;
    align-items: start;
}

.patients-search-box[b-ahxhs4cmwc] {
    position: relative;
}

.patients-search-box svg[b-ahxhs4cmwc] {
    position: absolute;
    top: 25px;
    left: 16px;
    width: 20px;
    height: 20px;
    fill: none;
    stroke: var(--grey-500);
    stroke-width: 2;
    transform: translateY(-50%);
    pointer-events: none;
}

.patients-search-box input[b-ahxhs4cmwc] {
    width: 100%;
    height: 50px;
    padding: 0 16px 0 48px;
    border: 1px solid var(--grey-300);
    border-radius: 13px;
    color: var(--grey-900);
    background: var(--grey-50);
    outline: none;
    transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
}

.patients-search-box input:focus[b-ahxhs4cmwc] {
    background: #fff;
    border-color: var(--orange-500);
    box-shadow: 0 0 0 4px rgba(242, 140, 40, .12);
}

.patients-toolbar-button[b-ahxhs4cmwc] {
    height: 50px;
    padding: 0 17px;
    border-radius: 12px;
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
    transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease;
}

.patients-filter-button[b-ahxhs4cmwc] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--grey-300);
    background: #fff;
    color: var(--grey-700);
}

.patients-filter-button:hover[b-ahxhs4cmwc],
.patients-filter-button.active[b-ahxhs4cmwc] {
    border-color: var(--orange-500);
    background: var(--orange-100);
    color: #b95f0f;
}

.patients-search-button[b-ahxhs4cmwc] {
    border: 0;
    background: var(--navy-900);
    color: #fff;
}

.patients-search-button:hover:not(:disabled)[b-ahxhs4cmwc] {
    background: var(--navy-950);
}

.patients-search-button:disabled[b-ahxhs4cmwc] {
    opacity: .7;
    cursor: default;
}

.patients-reset-button[b-ahxhs4cmwc] {
    border: 1px solid var(--grey-300);
    background: #fff;
    color: var(--grey-700);
}

.patients-reset-button:hover:not(:disabled)[b-ahxhs4cmwc] {
    border-color: var(--grey-500);
}

.patients-filter-wrap[b-ahxhs4cmwc] {
    position: relative;
}

.patients-filter-panel[b-ahxhs4cmwc] {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    width: 360px;
    max-width: 88vw;
    border: 1px solid var(--grey-200);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 24px 60px rgba(15, 47, 87, .16);
    overflow: hidden;
    z-index: 60;
}

.patients-filter-panel-header[b-ahxhs4cmwc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 16px;
    border-bottom: 1px solid var(--grey-200);
    background: var(--grey-50);
}

.patients-filter-panel-header strong[b-ahxhs4cmwc] {
    color: var(--navy-950);
    font-size: .92rem;
}

.patients-close-filter[b-ahxhs4cmwc] {
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: var(--grey-500);
    font-size: 1.2rem;
    line-height: 1;
    cursor: pointer;
}

.patients-close-filter:hover[b-ahxhs4cmwc] {
    background: var(--grey-100);
}

.patients-filter-content[b-ahxhs4cmwc] {
    max-height: 60vh;
    padding: 6px 16px 2px;
    overflow-y: auto;
}

.patients-filter-group[b-ahxhs4cmwc] {
    padding: 12px 0;
    border-bottom: 1px solid var(--grey-200);
}

.patients-filter-group:last-child[b-ahxhs4cmwc] {
    border-bottom: 0;
}

.patients-filter-group-title[b-ahxhs4cmwc] {
    margin: 0 0 9px;
    color: var(--grey-500);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.patients-filter-label[b-ahxhs4cmwc] {
    display: block;
    margin-bottom: 6px;
    color: var(--grey-700);
    font-size: .8rem;
    font-weight: 650;
}

.patients-dob-row[b-ahxhs4cmwc] {
    display: flex;
    gap: 6px;
}

.patients-dob-row input[b-ahxhs4cmwc] {
    min-width: 0;
    height: 38px;
    padding: 0 8px;
    border: 1px solid var(--grey-300);
    border-radius: 9px;
    color: var(--grey-900);
    background: var(--grey-50);
    text-align: center;
}

.patients-dob-row input:focus[b-ahxhs4cmwc] {
    background: #fff;
    border-color: var(--orange-500);
    outline: none;
}

.patients-filter-option[b-ahxhs4cmwc] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 0;
    color: var(--grey-700);
    font-size: .86rem;
    cursor: pointer;
}

.patients-filter-option input[b-ahxhs4cmwc] {
    width: 17px;
    height: 17px;
    accent-color: var(--orange-500);
    cursor: pointer;
}

.patients-filter-footer[b-ahxhs4cmwc] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 13px 16px;
    border-top: 1px solid var(--grey-200);
    background: var(--grey-50);
}

.patients-clear-filters[b-ahxhs4cmwc],
.patients-apply-filters[b-ahxhs4cmwc] {
    min-height: 38px;
    padding: 0 14px;
    border-radius: 10px;
    font-weight: 800;
    cursor: pointer;
}

.patients-clear-filters[b-ahxhs4cmwc] {
    border: 1px solid var(--grey-300);
    background: #fff;
    color: var(--grey-700);
}

.patients-apply-filters[b-ahxhs4cmwc] {
    border: 0;
    background: var(--orange-500);
    color: #fff;
}

.patients-filter-summary[b-ahxhs4cmwc] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 13px;
    padding: 10px 13px;
    border: 1px solid #f2d0ad;
    border-radius: 11px;
    background: #fffaf5;
    color: #9b5518;
    font-size: .8rem;
    font-weight: 700;
}

.patients-results-shell[b-ahxhs4cmwc] {
    margin-top: 20px;
    border: 1px solid var(--grey-200);
    border-radius: 18px;
    background: #fff;
    box-shadow: var(--shadow);
    overflow: hidden;
}

.patients-results-header[b-ahxhs4cmwc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 18px;
    border-bottom: 1px solid var(--grey-200);
    background: var(--grey-50);
}

.patients-results-header strong[b-ahxhs4cmwc] {
    color: var(--navy-950);
    font-size: .92rem;
}

.patients-results-header strong + span[b-ahxhs4cmwc] {
    margin-left: 8px;
    color: var(--grey-500);
    font-size: .8rem;
}

.patients-results-header > span[b-ahxhs4cmwc] {
    color: var(--grey-500);
    font-size: .8rem;
}

.patients-table-wrap[b-ahxhs4cmwc] {
    overflow-x: auto;
}

.patients-table-wrap table[b-ahxhs4cmwc] {
    width: 100%;
    min-width: 1220px;
    border-collapse: collapse;
}

.patients-table-wrap thead th[b-ahxhs4cmwc] {
    padding: 11px 14px;
    color: var(--grey-500);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-align: left;
    text-transform: uppercase;
    background: #fff;
    border-bottom: 1px solid var(--grey-200);
}

.patients-table-wrap tbody tr[b-ahxhs4cmwc] {
    cursor: pointer;
    transition: background-color 140ms ease;
}

.patients-table-wrap tbody tr:hover[b-ahxhs4cmwc] {
    background: #fbfdff;
}

.patients-table-wrap tbody td[b-ahxhs4cmwc] {
    padding: 13px 14px;
    color: var(--grey-700);
    font-size: .84rem;
    vertical-align: middle;
    border-bottom: 1px solid var(--grey-200);
}

.patients-table-wrap tbody tr:last-child td[b-ahxhs4cmwc] {
    border-bottom: 0;
}

.patients-empty-row td[b-ahxhs4cmwc] {
    padding: 32px 14px;
    color: var(--grey-500);
    text-align: center;
    cursor: default;
}

.patients-patient-cell[b-ahxhs4cmwc] {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 220px;
}

.patients-avatar[b-ahxhs4cmwc] {
    display: grid;
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 11px;
    background: var(--blue-100);
    color: var(--blue-600);
    font-weight: 800;
    font-size: .78rem;
}

.patients-patient-main strong[b-ahxhs4cmwc] {
    display: block;
    color: var(--navy-950);
    font-size: .86rem;
    line-height: 1.25;
}

.patients-patient-main span[b-ahxhs4cmwc] {
    display: block;
    margin-top: 2px;
    color: var(--grey-500);
    font-size: .74rem;
}

.patients-contact-block strong[b-ahxhs4cmwc] {
    display: block;
    color: var(--grey-900);
    font-weight: 700;
}

.patients-contact-block span[b-ahxhs4cmwc] {
    display: block;
    margin-top: 2px;
    color: var(--grey-500);
    font-size: .72rem;
}

.patients-health-card[b-ahxhs4cmwc] {
    color: var(--grey-900);
    font-weight: 700;
}

.patients-address[b-ahxhs4cmwc] {
    display: block;
    max-width: 220px;
    color: var(--grey-500);
    font-size: .78rem;
    line-height: 1.4;
}

.patients-flag[b-ahxhs4cmwc] {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    background: var(--orange-100);
    color: #b95f0f;
    font-size: .72rem;
    font-weight: 800;
    white-space: nowrap;
}

.patients-flag-neutral[b-ahxhs4cmwc] {
    background: var(--grey-100);
    color: var(--grey-500);
}

.patients-flag-no-known[b-ahxhs4cmwc] {
    background: #e8f8ef;
    color: #167a48;
}

.patients-condition[b-ahxhs4cmwc] {
    display: block;
    max-width: 240px;
    color: var(--navy-900);
    font-size: .78rem;
    font-weight: 700;
    line-height: 1.4;
}

.patients-condition-empty[b-ahxhs4cmwc] {
    color: var(--grey-500);
    font-weight: 600;
}

.patients-status[b-ahxhs4cmwc] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 800;
}

.patients-status-active[b-ahxhs4cmwc] {
    color: var(--green-600);
    background: var(--green-100);
}

.patients-status-inactive[b-ahxhs4cmwc] {
    color: var(--grey-500);
    background: var(--grey-100);
}

.patients-status-dot[b-ahxhs4cmwc] {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: currentColor;
}

.patients-row-action[b-ahxhs4cmwc] {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border: 1px solid var(--grey-200);
    border-radius: 10px;
    background: #fff;
    color: var(--navy-900);
    cursor: pointer;
}

.patients-row-action:hover[b-ahxhs4cmwc] {
    border-color: var(--orange-500);
    color: var(--orange-500);
    background: var(--orange-100);
}

.patients-row-action svg[b-ahxhs4cmwc] {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
}

.patients-pagination[b-ahxhs4cmwc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 18px;
    border-top: 1px solid var(--grey-200);
    background: var(--grey-50);
    color: var(--grey-500);
    font-size: .8rem;
}

.patients-pagination-controls[b-ahxhs4cmwc] {
    display: flex;
    gap: 7px;
}

.patients-page-button[b-ahxhs4cmwc] {
    min-width: 34px;
    height: 34px;
    padding: 0 9px;
    border: 1px solid var(--grey-200);
    border-radius: 9px;
    background: #fff;
    color: var(--grey-700);
    font-weight: 700;
    cursor: pointer;
}

.patients-page-button:hover:not(:disabled):not(.active)[b-ahxhs4cmwc] {
    border-color: var(--grey-500);
}

.patients-page-button:disabled[b-ahxhs4cmwc] {
    opacity: .5;
    cursor: default;
}

.patients-page-button.active[b-ahxhs4cmwc] {
    background: var(--navy-900);
    color: #fff;
    border-color: var(--navy-900);
}

@media (max-width: 980px) {
    .patients-search-row[b-ahxhs4cmwc] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    }

    .patients-search-box[b-ahxhs4cmwc] {
        grid-column: 1 / -1;
    }

    .patients-filter-panel[b-ahxhs4cmwc] {
        right: auto;
        left: 0;
    }
}

@media (max-width: 700px) {
    .patients-header[b-ahxhs4cmwc] {
        flex-direction: column;
    }

    .patients-search-row[b-ahxhs4cmwc] {
        grid-template-columns: minmax(0, 1fr);
    }

    .patients-toolbar-button[b-ahxhs4cmwc] {
        width: 100%;
    }
}

/* ---------------------------------------------------------------------------
   The patient list on a phone.

   The table carries a 1,220px minimum, so below that it became a horizontal
   scroller: a patient's phone number was cut off at the screen edge and the
   rest of the row had to be dragged into view. Rows now stack, and the
   columns a phone cannot usefully show -- health card, address, flags,
   conditions -- are left to the patient's own profile, which is one tap away
   and has room for them.
   --------------------------------------------------------------------------- */

@media (max-width: 767px) {
    .patients-table-wrap[b-ahxhs4cmwc] { overflow-x: visible; }

    .patients-table-wrap table[b-ahxhs4cmwc] {
        min-width: 0;
        width: 100%;
    }

    .patients-table-wrap thead[b-ahxhs4cmwc] { display: none; }

    .patients-table-wrap tbody tr[b-ahxhs4cmwc] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 6px 10px;
        padding: 12px 14px;
        border-bottom: 1px solid var(--grey-200);
    }

    .patients-table-wrap tbody tr:last-child[b-ahxhs4cmwc] { border-bottom: 0; }

    .patients-table-wrap tbody td[b-ahxhs4cmwc] {
        display: block;
        min-width: 0;
        padding: 0;
        border: 0;
    }

    /* Patient identity spans the row; contact sits under it; status keeps the
       right-hand column. */
    .patients-table-wrap tbody td:nth-child(1)[b-ahxhs4cmwc] { grid-column: 1 / -1; }
    .patients-table-wrap tbody td:nth-child(2)[b-ahxhs4cmwc] { grid-column: 1; }
    .patients-table-wrap tbody td:nth-child(7)[b-ahxhs4cmwc] { grid-column: 2; justify-self: end; }
    .patients-table-wrap tbody td:nth-child(8)[b-ahxhs4cmwc] { display: none; }

    .patients-table-wrap tbody td:nth-child(3)[b-ahxhs4cmwc],
    .patients-table-wrap tbody td:nth-child(4)[b-ahxhs4cmwc],
    .patients-table-wrap tbody td:nth-child(5)[b-ahxhs4cmwc],
    .patients-table-wrap tbody td:nth-child(6)[b-ahxhs4cmwc] {
        display: none;
    }

    .patients-empty-row td[b-ahxhs4cmwc] { display: block !important; grid-column: 1 / -1; }
}

@media (max-width: 767px) {
    /* The pagination row ran 9px past the shell's `overflow: hidden`, cutting the
       "next page" arrow in half. Let the controls wrap and centre. */
    .patients-pagination[b-ahxhs4cmwc] {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }

    .patients-pagination-controls[b-ahxhs4cmwc] {
        flex-wrap: wrap;
        justify-content: center;
    }
}
/* /Components/Shared/PatientVaccinationCard.razor.rz.scp.css */
.vax-module[b-qqov22ndpz]{display:grid;gap:1.15rem;color:#17324d}.vax-header[b-qqov22ndpz]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.vax-header h2[b-qqov22ndpz],.vax-form-title h3[b-qqov22ndpz],.vax-series-card h3[b-qqov22ndpz],.vax-schedule-picker h3[b-qqov22ndpz]{margin:.15rem 0;color:#123b5d}.vax-header p[b-qqov22ndpz]{margin:.35rem 0 0;color:#65798a}.vax-kicker[b-qqov22ndpz],.vax-form-title span[b-qqov22ndpz],.vax-series-card header>div>span[b-qqov22ndpz],.vax-schedule-picker header>div>span[b-qqov22ndpz]{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:#124281}.vax-primary[b-qqov22ndpz]{border:0!important;background:#13427f!important;color:#fff!important}.vax-header button[b-qqov22ndpz],.vax-form-actions button[b-qqov22ndpz],.vax-card-actions button[b-qqov22ndpz],.vax-form-title button[b-qqov22ndpz]{border:1px solid #b9c9d2;border-radius:8px;background:#fff;color:#24465f;padding:.62rem .85rem;font-weight:700}.vax-message[b-qqov22ndpz]{padding:.75rem 1rem;border-radius:8px;background:#e8f8f3;color:#113667}.vax-message.error[b-qqov22ndpz],.vax-warning[b-qqov22ndpz]{background:#fff4df;color:#7b4a00}.vax-empty[b-qqov22ndpz]{display:grid;place-items:center;gap:.35rem;min-height:180px;border:1px dashed #b8c3d2;border-radius:12px;background:#f6f9fa;color:#65798a}.vax-empty strong[b-qqov22ndpz]{color:#25475f}.vax-form-shell[b-qqov22ndpz]{border:1px solid #c7d1de;border-radius:14px;background:#fff;box-shadow:0 10px 28px rgba(25,55,76,.08);padding:1rem;display:grid;gap:1rem; grid-template-columns: minmax(0, 1fr); }.vax-form-title[b-qqov22ndpz],.vax-schedule-picker>header[b-qqov22ndpz],.vax-series-card>header[b-qqov22ndpz]{display:flex;justify-content:space-between;align-items:center;gap:1rem}.vax-identity-strip[b-qqov22ndpz]{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;padding:.75rem;background:#eaeff5;border-radius:10px}.vax-identity-strip div[b-qqov22ndpz]{display:grid}.vax-identity-strip span[b-qqov22ndpz],.vax-grid label>span[b-qqov22ndpz]{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:#69808f;font-weight:700}.vax-grid[b-qqov22ndpz]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.vax-grid .wide[b-qqov22ndpz]{grid-column:1/-1}.vax-grid label[b-qqov22ndpz]{display:grid;gap:.35rem}.vax-grid input[b-qqov22ndpz],.vax-grid select[b-qqov22ndpz],.vax-grid textarea[b-qqov22ndpz],.vax-form-shell select[b-qqov22ndpz]{width:100%;border:1px solid #b8c3d2;border-radius:8px;padding:.62rem .7rem;background:#fff;color:#17324d}.vax-grid textarea[b-qqov22ndpz]{min-height:78px}.vax-grid small[b-qqov22ndpz]{color:#667c8c}.vax-source[b-qqov22ndpz]{display:flex;flex-wrap:wrap;gap:.4rem .9rem;padding:.75rem;border-left:4px solid #4a70a2;background:#edf2f8}.vax-check[b-qqov22ndpz]{display:flex;align-items:flex-start;gap:.6rem}.vax-check span[b-qqov22ndpz]{display:grid}.vax-check small[b-qqov22ndpz]{color:#667c8c}.vax-check.important[b-qqov22ndpz]{padding:.75rem;border:1px solid #9dc9c0;border-radius:9px;background:#edf8f5}.vax-check.compact[b-qqov22ndpz]{font-size:.85rem}.vax-schedule-picker[b-qqov22ndpz]{display:grid;gap:.7rem;padding:1rem;border:1px solid #ccd4df;border-radius:10px;background:#f8fafb}.vax-schedule[b-qqov22ndpz]{display:flex;gap:.7rem;padding:.75rem;border:1px solid #ccd4df;border-radius:9px;background:#fff}.vax-schedule.selected[b-qqov22ndpz]{border-color:#124281;box-shadow:0 0 0 2px rgba(18, 66, 129, .12)}.vax-schedule span[b-qqov22ndpz]{display:grid;gap:.2rem}.vax-schedule small[b-qqov22ndpz]{color:#506c7d}.vax-schedule em[b-qqov22ndpz]{font-style:normal;font-size:.75rem;color:#708592}.vax-warning[b-qqov22ndpz]{display:grid;gap:.25rem;padding:.75rem;border-radius:8px}.vax-form-actions[b-qqov22ndpz]{display:flex;justify-content:flex-end;gap:.6rem}.vax-series-list[b-qqov22ndpz]{display:grid;gap:1rem}.vax-series-card[b-qqov22ndpz]{border:1px solid #c9d2de;border-radius:13px;background:#fff;padding:1rem;display:grid;gap:1rem}.vax-series-card header small[b-qqov22ndpz]{color:#708493}.vax-card-actions[b-qqov22ndpz]{display:flex;gap:.5rem}.vax-timeline[b-qqov22ndpz]{display:flex;gap:.25rem}.vax-timeline>div[b-qqov22ndpz]{display:flex;flex:1;gap:.5rem;padding:.65rem;border-radius:9px;background:#eef1f5}.vax-timeline b[b-qqov22ndpz]{display:grid;place-items:center;min-width:27px;height:27px;border-radius:50%;background:#7890a0;color:#fff}.vax-timeline span[b-qqov22ndpz]{display:grid}.vax-timeline small[b-qqov22ndpz],.vax-timeline em[b-qqov22ndpz]{font-size:.75rem;color:#657b8a;font-style:normal}.vax-timeline .done[b-qqov22ndpz]{background:#e6f6f1}.vax-timeline .done b[b-qqov22ndpz]{background:#124281}.vax-timeline .overdue[b-qqov22ndpz]{background:#fff0ec}.vax-timeline .overdue b[b-qqov22ndpz]{background:#bd4b34}.vax-next[b-qqov22ndpz]{display:grid;gap:.15rem;padding:.8rem 1rem;border-left:5px solid #124281;border-radius:7px;background:#eaf8f4}.vax-next>span[b-qqov22ndpz]{font-size:.72rem;text-transform:uppercase;font-weight:800;color:#124281}.vax-next.overdue[b-qqov22ndpz]{border-color:#bd4b34;background:#fff0ec}.vax-administrations[b-qqov22ndpz]{display:grid;gap:.5rem}.vax-administrations>div[b-qqov22ndpz]{display:grid;padding:.65rem .75rem;border:1px solid #d5dce5;border-radius:8px}.vax-administrations span[b-qqov22ndpz],.vax-administrations small[b-qqov22ndpz]{color:#607787}@media(max-width:800px){.vax-header[b-qqov22ndpz],.vax-form-title[b-qqov22ndpz],.vax-schedule-picker>header[b-qqov22ndpz],.vax-series-card>header[b-qqov22ndpz]{align-items:stretch;flex-direction:column}.vax-grid[b-qqov22ndpz],.vax-identity-strip[b-qqov22ndpz]{grid-template-columns:minmax(0, 1fr)}.vax-timeline[b-qqov22ndpz]{flex-direction:column}.vax-card-actions[b-qqov22ndpz]{flex-wrap:wrap}}
/* /Components/Shared/PharmacyLogsHistoryPanel.razor.rz.scp.css */
.plh-panel[b-h4orht1ozp] {
    --navy: #0B2F52;
    --navy-hover: #164A78;
    --teal: #168552;
    --teal-soft: #eaf1fb;
    --green: #16A34A;
    --green-soft: #ECFDF3;
    --red: #DC2626;
    --red-soft: #FEF2F2;
    --amber: #D97706;
    --amber-soft: #FFFBEB;
    --blue: #2563EB;
    --blue-soft: #EEF5FF;
    --ink: #0F172A;
    --muted: #64748B;
    --line: #E2E8F0;
    --soft: #F8FAFC;

    color: var(--ink);
}

.plh-toolbar[b-h4orht1ozp] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 10px;
}

.plh-search[b-h4orht1ozp] {
    flex: 1 1 220px;
    min-width: 200px;
    display: flex;
    align-items: center;
    gap: 8px;
    height: 40px;
    padding: 0 12px;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: #fff;
}

.plh-search svg[b-h4orht1ozp] {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
    fill: none;
    stroke: var(--muted);
    stroke-width: 2;
    stroke-linecap: round;
}

.plh-search input[b-h4orht1ozp] {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: none;
    color: var(--ink);
    font: inherit;
}

.plh-select[b-h4orht1ozp],
.plh-date[b-h4orht1ozp] {
    min-height: 40px;
    padding: 0 11px;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: #fff;
    color: var(--ink);
    font: inherit;
}

.plh-btn[b-h4orht1ozp] {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: #fff;
    color: var(--navy);
    font-weight: 800;
    font-size: .85rem;
    text-decoration: none;
    white-space: nowrap;
    transition: transform 150ms ease, box-shadow 150ms ease;
}

.plh-btn:hover[b-h4orht1ozp] {
    transform: translateY(-1px);
    box-shadow: 0 5px 14px rgba(15, 23, 42, .07);
}

.plh-presets[b-h4orht1ozp] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 14px;
}

.plh-chip[b-h4orht1ozp] {
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: #fff;
    color: var(--navy);
    font-weight: 750;
    font-size: .78rem;
    transition: background-color 150ms ease;
}

.plh-chip:hover[b-h4orht1ozp] {
    background: var(--soft);
}

.plh-loading[b-h4orht1ozp],
.plh-error[b-h4orht1ozp],
.plh-empty[b-h4orht1ozp] {
    padding: 26px 16px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: var(--soft);
    color: var(--muted);
    font-size: .85rem;
    text-align: center;
}

.plh-error[b-h4orht1ozp] {
    border-color: var(--red);
    color: var(--red);
    background: var(--red-soft);
}

.plh-table-wrap[b-h4orht1ozp] {
    overflow: auto;
    border: 1px solid var(--line);
    border-radius: 13px;
}

.plh-table-wrap table[b-h4orht1ozp] {
    width: 100%;
    border-collapse: collapse;
    min-width: 640px;
}

.plh-table-wrap th[b-h4orht1ozp],
.plh-table-wrap td[b-h4orht1ozp] {
    padding: 12px 14px;
    border-bottom: 1px solid var(--line);
    text-align: left;
    font-size: .8rem;
}

.plh-table-wrap tr:last-child td[b-h4orht1ozp] {
    border-bottom: 0;
}

.plh-table-wrap th[b-h4orht1ozp] {
    background: var(--soft);
    color: var(--muted);
    font-size: .66rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.plh-badge[b-h4orht1ozp] {
    display: inline-flex;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 800;
}

.plh-badge-green[b-h4orht1ozp] {
    background: var(--green-soft);
    color: #166534;
}

.plh-badge-red[b-h4orht1ozp] {
    background: var(--red-soft);
    color: #991b1b;
}

.plh-badge-orange[b-h4orht1ozp] {
    background: var(--amber-soft);
    color: #92400e;
}

.plh-badge-blue[b-h4orht1ozp] {
    background: var(--blue-soft);
    color: #1e40af;
}

.plh-badge-grey[b-h4orht1ozp] {
    background: var(--soft);
    color: var(--muted);
}

.plh-tag[b-h4orht1ozp] {
    display: inline-flex;
    margin-left: 6px;
    padding: 3px 7px;
    border-radius: 999px;
    background: var(--blue-soft);
    color: var(--blue);
    font-size: .65rem;
    font-weight: 800;
}

.plh-note-flag[b-h4orht1ozp] {
    margin-left: 6px;
}

.plh-view-link[b-h4orht1ozp] {
    color: var(--navy);
    font-weight: 800;
    font-size: .8rem;
    text-decoration: none;
}

.plh-view-link:hover[b-h4orht1ozp] {
    text-decoration: underline;
}

@media (max-width: 600px) {
    .plh-toolbar[b-h4orht1ozp] {
        flex-direction: column;
        align-items: stretch;
    }

    .plh-select[b-h4orht1ozp],
    .plh-date[b-h4orht1ozp],
    .plh-btn[b-h4orht1ozp] {
        width: 100%;
    }
}
/* /Components/Shared/PublicHomepageContent.razor.rz.scp.css */
.home-studio[b-2qwwkzf33m]{--navy:#173630;--teal:#0f766e;--blue:#55a7ff;--line:#dce5ed;display:grid;gap:0;margin-bottom:0}
.home-studio-hero[b-2qwwkzf33m]{position:relative;display:flex;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#0b2f52,#113b73);background-size:cover;background-position:center;color:#fff}
.home-studio-hero.height-auto[b-2qwwkzf33m]{min-height:340px}
.home-studio-hero.height-small[b-2qwwkzf33m]{min-height:300px}
.home-studio-hero.height-medium[b-2qwwkzf33m]{min-height:400px}
.home-studio-hero.height-large[b-2qwwkzf33m]{min-height:500px}
.home-studio-hero.height-full[b-2qwwkzf33m]{min-height:92vh}
.home-studio-hero.position-top[b-2qwwkzf33m]{align-items:flex-start}
.home-studio-hero.position-center[b-2qwwkzf33m]{align-items:center}
.home-studio-hero.position-bottom[b-2qwwkzf33m]{align-items:flex-end}
.home-studio-hero-content[b-2qwwkzf33m]{display:flex;flex-direction:column;width:100%;max-width:900px;margin:0 auto;padding:56px 40px;gap:14px}
.home-studio-hero-content.align-left[b-2qwwkzf33m]{align-items:flex-start;text-align:left}
.home-studio-hero-content.align-center[b-2qwwkzf33m]{align-items:center;text-align:center}
.home-studio-hero-content.align-right[b-2qwwkzf33m]{align-items:flex-end;text-align:right}
.home-studio-hero-copy[b-2qwwkzf33m]{display:flex;flex-direction:column;gap:14px;width:100%}
.home-studio-hero-content.align-left .home-studio-hero-copy[b-2qwwkzf33m]{align-items:flex-start;text-align:left}
.home-studio-hero-content.align-center .home-studio-hero-copy[b-2qwwkzf33m]{align-items:center;text-align:center}
.home-studio-hero-content.align-right .home-studio-hero-copy[b-2qwwkzf33m]{align-items:flex-end;text-align:right}
.home-studio-hero-eyebrow[b-2qwwkzf33m]{display:inline-flex;align-items:center;gap:8px;color:#9cc0ee;font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.home-studio-hero-eyebrow[b-2qwwkzf33m]::before{content:"";width:22px;height:2px;border-radius:99px;background:#f2762e}
.home-studio-hero-content h1[b-2qwwkzf33m]{margin:0;font-size:clamp(2.1rem,5vw,3.6rem);line-height:1.08;letter-spacing:-.02em}
.home-studio-hero-content p[b-2qwwkzf33m]{margin:0;max-width:640px;font-size:1.08rem;line-height:1.55;opacity:.92}
.home-studio-hero-buttons[b-2qwwkzf33m]{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.home-studio-hero-buttons.layout-vertical[b-2qwwkzf33m]{flex-direction:column;align-items:stretch;width:100%;max-width:320px}
.hero-button[b-2qwwkzf33m]{padding:13px 26px;border-radius:11px;font-weight:800;font-size:.98rem;text-decoration:none;text-align:center;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}
.hero-button:hover[b-2qwwkzf33m]{transform:translateY(-1px)}
.hero-button.primary[b-2qwwkzf33m]{background:var(--navy);color:#fff;box-shadow:0 8px 20px -8px rgba(11,47,82,.6)}
.hero-button.secondary[b-2qwwkzf33m]{background:#fff;color:var(--navy)}
.hero-button.outline[b-2qwwkzf33m]{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.85)}
.home-studio-hero.theme-platform[b-2qwwkzf33m]{isolation:isolate;background:radial-gradient(circle at 88% 12%,rgba(31, 101, 192, .28),transparent 29%),radial-gradient(circle at 8% 110%,rgba(242,118,46,.2),transparent 31%),linear-gradient(135deg,#071d33 0%,#0b3556 54%,#08336c 120%);box-shadow:0 28px 70px -36px rgba(7,29,51,.75)}
.home-studio-hero.theme-platform[b-2qwwkzf33m]::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.34;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent 86%)}
.home-studio-hero.theme-platform[b-2qwwkzf33m]::after{content:"";position:absolute;right:-120px;top:-170px;width:450px;height:450px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018);z-index:-1}
.theme-platform .home-studio-hero-content[b-2qwwkzf33m]{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr);align-items:center;gap:clamp(34px,5vw,72px);max-width:1280px;padding:clamp(54px,6vw,82px) clamp(28px,5vw,70px);text-align:left}
.theme-platform .home-studio-hero-copy[b-2qwwkzf33m]{align-items:flex-start;max-width:650px;text-align:left}
.theme-platform .home-studio-hero-content h1[b-2qwwkzf33m]{max-width:650px;font-size:clamp(2.55rem,5.2vw,4.85rem);line-height:.98;letter-spacing:-.055em;text-wrap:balance}
.theme-platform .home-studio-hero-content p[b-2qwwkzf33m]{max-width:620px;color:#d7e7f2!important;font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.65;opacity:.92}
.theme-platform .hero-button[b-2qwwkzf33m]{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:0 23px;border-radius:12px}
.theme-platform .hero-button.primary[b-2qwwkzf33m]{background:#ed6a24;color:#071d33;box-shadow:0 14px 28px -13px rgba(237,106,36,.9)}
.theme-platform .hero-button.primary:hover[b-2qwwkzf33m]{background:#ff7b32;box-shadow:0 17px 32px -13px rgba(237,106,36,.95)}
.theme-platform .hero-button.outline[b-2qwwkzf33m]{border:1px solid rgba(255,255,255,.42);background:rgba(255,255,255,.07);backdrop-filter:blur(8px)}
.home-studio-platform-visual[b-2qwwkzf33m]{position:relative;min-width:0;padding:28px 16px 22px}
.platform-window[b-2qwwkzf33m]{overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:20px;background:rgba(250,253,255,.98);box-shadow:0 34px 70px -25px rgba(1,15,27,.85);transform:perspective(1200px) rotateY(-2deg) rotateX(1deg)}
.platform-window-bar[b-2qwwkzf33m]{height:54px;display:flex;align-items:center;gap:10px;padding:0 15px;border-bottom:1px solid #e1e8ef;background:#fff;color:#16344e}
.platform-window-mark[b-2qwwkzf33m]{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#ed6a24;color:#fff;font-size:.72rem;font-weight:900;box-shadow:0 7px 14px rgba(237,106,36,.24)}
.platform-window-bar strong[b-2qwwkzf33m]{font-size:.75rem;letter-spacing:-.01em}
.platform-window-status[b-2qwwkzf33m]{display:flex;align-items:center;gap:6px;margin-left:auto;color:#597184;font-size:.6rem;font-weight:800}
.platform-window-status i[b-2qwwkzf33m],.platform-float-chip.secure i[b-2qwwkzf33m]{width:7px;height:7px;border-radius:50%;background:#24a56f;box-shadow:0 0 0 3px #d8f4e7}
.platform-window-body[b-2qwwkzf33m]{display:grid;gap:14px;padding:18px;background:#f3f7fa; grid-template-columns: minmax(0, 1fr); }
.platform-visual-heading[b-2qwwkzf33m]{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;color:#17364f}
.platform-visual-heading span[b-2qwwkzf33m]{order:2;color:#6b8091;font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.platform-visual-heading strong[b-2qwwkzf33m]{font-size:.82rem}
.platform-module-grid[b-2qwwkzf33m]{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.platform-module-card[b-2qwwkzf33m]{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;min-width:0;padding:12px;border:1px solid #dfe8ef;border-radius:12px;background:#fff;color:#193750;box-shadow:0 5px 15px rgba(12,45,70,.05)}
.platform-module-card>span[b-2qwwkzf33m]{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;font-size:.65rem;font-weight:900}
.platform-module-card strong[b-2qwwkzf33m]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.69rem}
.platform-module-card small[b-2qwwkzf33m]{color:#708497;font-size:.57rem}
.platform-module-card.clinical>span[b-2qwwkzf33m]{color:#083a7b;background:#dfe9f6}.platform-module-card.services>span[b-2qwwkzf33m]{color:#185d9d;background:#e1effd}.platform-module-card.inventory>span[b-2qwwkzf33m]{color:#a35617;background:#ffead8}.platform-module-card.knowledge>span[b-2qwwkzf33m]{color:#a06f4c;background:#f9f0ea}
.platform-insight-row[b-2qwwkzf33m]{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:12px;border-radius:12px;background:#0d3655;color:#fff}
.platform-insight-icon[b-2qwwkzf33m]{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#1a58a8;font-weight:900}
.platform-insight-row strong[b-2qwwkzf33m],.platform-insight-row small[b-2qwwkzf33m]{display:block}.platform-insight-row strong[b-2qwwkzf33m]{font-size:.69rem}.platform-insight-row small[b-2qwwkzf33m]{margin-top:2px;color:#bcd0df;font-size:.57rem}.platform-insight-arrow[b-2qwwkzf33m]{color:#72a1df;font-size:1.05rem}
.platform-float-chip[b-2qwwkzf33m]{position:absolute;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(255,255,255,.46);border-radius:999px;background:rgba(255,255,255,.94);color:#183750;box-shadow:0 12px 28px -13px rgba(0,20,35,.8);font-size:.62rem;font-weight:850;backdrop-filter:blur(10px)}
.platform-float-chip.secure[b-2qwwkzf33m]{right:-5px;top:9px}.platform-float-chip.canadian[b-2qwwkzf33m]{left:-5px;bottom:2px;color:#8f4715}.platform-float-chip.canadian[b-2qwwkzf33m]::before{content:"";width:7px;height:7px;border-radius:50%;background:#ed6a24;box-shadow:0 0 0 3px #fee9dc}
@media(max-width:980px){.theme-platform .home-studio-hero-content[b-2qwwkzf33m]{grid-template-columns:minmax(0,1fr) minmax(330px,.78fr);gap:28px}.platform-module-card[b-2qwwkzf33m]{grid-template-columns:32px minmax(0, 1fr);padding:10px}.platform-module-card>span[b-2qwwkzf33m]{width:32px;height:32px}}
@media(max-width:780px){.home-studio-hero.theme-platform[b-2qwwkzf33m]{min-height:auto}.theme-platform .home-studio-hero-content[b-2qwwkzf33m]{display:block;padding:52px 28px}.theme-platform .home-studio-hero-copy[b-2qwwkzf33m]{max-width:620px}.home-studio-platform-visual[b-2qwwkzf33m]{display:none}.theme-platform .home-studio-hero-content h1[b-2qwwkzf33m]{font-size:clamp(2.4rem,11vw,3.65rem)}.theme-platform .home-studio-hero-buttons[b-2qwwkzf33m]{width:100%}.theme-platform .hero-button[b-2qwwkzf33m]{flex:1 1 180px}}
@media(max-width:480px){.theme-platform .home-studio-hero-content[b-2qwwkzf33m]{padding:42px 22px}.theme-platform .home-studio-hero-content h1[b-2qwwkzf33m]{font-size:2.55rem}.theme-platform .home-studio-hero-buttons[b-2qwwkzf33m]{display:grid;grid-template-columns:minmax(0, 1fr)}.theme-platform .hero-button[b-2qwwkzf33m]{width:100%}}
.home-studio-section header span[b-2qwwkzf33m]{color:var(--teal);font-size:.72rem;font-weight:900;letter-spacing:.13em}.home-studio-section>header[b-2qwwkzf33m]{max-width:700px;margin-bottom:16px}.home-studio-section h2[b-2qwwkzf33m]{margin:5px 0;color:var(--navy);font-size:1.8rem}.home-studio-section header p[b-2qwwkzf33m]{margin:0;color:#62778a}
/* Cards size to their own content (a link's title is never truncated or
   wrapped on desktop) and simply wrap onto a new row when a line of cards
   no longer fits -- the same responsive strategy used for word-level
   flex-wrap elsewhere on this page, just one level up. */
.home-studio-categories[b-2qwwkzf33m]{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}
.category-card[b-2qwwkzf33m]{display:flex;flex-direction:column;flex:0 0 auto;min-width:220px;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:0 1px 3px rgba(11,47,82,.05)}
.category-header[b-2qwwkzf33m]{padding:15px 20px;font-weight:800;font-size:1rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.12)}
.category-links[b-2qwwkzf33m]{display:flex;flex-direction:column}
.category-link:not(:last-child)[b-2qwwkzf33m]{border-bottom:1px solid #edf1f4}
.category-link[b-2qwwkzf33m]{display:flex;align-items:center;gap:9px;padding:12px 18px;color:#233a52;text-decoration:none;font-weight:650;font-size:.92rem;white-space:nowrap;transition:background-color .15s ease,padding-left .15s ease}
.category-link:hover[b-2qwwkzf33m]{background:#f4f8fb;padding-left:22px}
.category-arrow[b-2qwwkzf33m]{opacity:.55;transition:opacity .15s ease}
.category-link:hover .category-arrow[b-2qwwkzf33m]{opacity:1}
/* Phones have a hard width ceiling a card can't just grow past the way it
   can on desktop (that would force the whole page to scroll sideways), so
   this is the one place a long title wraps onto a second line instead. */
@media(max-width:640px){
    .home-studio-categories[b-2qwwkzf33m]{flex-direction:column}
    .category-card[b-2qwwkzf33m]{width:100%;min-width:0}
    .category-link[b-2qwwkzf33m]{white-space:normal}
}
.home-section-kicker[b-2qwwkzf33m]{display:block;color:var(--teal);font-size:.69rem;font-weight:750;letter-spacing:.15em;text-transform:uppercase}
.home-studio-news-section[b-2qwwkzf33m]{padding:38px 0 48px;border-top:1px solid #d9e2dc}
.home-news-heading[b-2qwwkzf33m]{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}
.home-news-heading h2[b-2qwwkzf33m]{margin:9px 0 0;color:var(--navy);font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:400;line-height:1.15;letter-spacing:-.025em}
.home-studio-news[b-2qwwkzf33m]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.home-news-story[b-2qwwkzf33m]{min-width:0;display:flex;flex-direction:column}
.news-row[b-2qwwkzf33m]{display:flex;flex:1;flex-direction:column;color:inherit;text-decoration:none}
.news-row:focus-visible[b-2qwwkzf33m],.news-see-all:focus-visible[b-2qwwkzf33m]{outline:2px solid var(--teal);outline-offset:5px}
.news-row-thumb[b-2qwwkzf33m]{display:block;width:100%;aspect-ratio:1.6;overflow:hidden;background:#e7ede8;border-radius:5px}
.news-row-thumb img[b-2qwwkzf33m]{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.news-row:hover .news-row-thumb img[b-2qwwkzf33m]{transform:scale(1.025)}
.news-row-copy[b-2qwwkzf33m]{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:18px 0 0}
.news-row-meta[b-2qwwkzf33m]{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:10px;font-size:.67rem;line-height:1.5;font-weight:650;letter-spacing:.035em;text-transform:uppercase;color:#68766e}
.news-row-meta>span[b-2qwwkzf33m]{color:var(--teal)}
.news-row h3[b-2qwwkzf33m]{margin:0 0 12px;color:var(--navy);font-family:Georgia,'Times New Roman',serif;font-size:1.4rem;font-weight:400;line-height:1.26;letter-spacing:-.015em;overflow-wrap:break-word}
.news-row:hover h3[b-2qwwkzf33m]{color:var(--teal)}
.news-row p[b-2qwwkzf33m]{margin:0 0 18px;color:#52615a;font-size:.86rem;line-height:1.65;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.news-row-link[b-2qwwkzf33m]{display:flex;justify-content:space-between;gap:16px;width:100%;margin-top:auto;padding:14px 0;border-top:1px solid #dce3dd;color:var(--teal);font-size:.75rem;font-weight:650}
.home-news-story[b-2qwwkzf33m]  .news-image-credit{margin:0;font-size:.62rem;line-height:1.5;color:#68766e}
.news-see-all[b-2qwwkzf33m]{display:inline-flex;align-items:center;gap:18px;flex:none;padding:9px 0;border-bottom:1px solid #95aca2;color:var(--teal);font-size:.82rem;font-weight:650;text-decoration:none}
@media(max-width:700px){.home-studio-news[b-2qwwkzf33m]{grid-template-columns:minmax(0,1fr);gap:28px}.home-news-heading[b-2qwwkzf33m]{align-items:flex-start}.home-news-heading h2[b-2qwwkzf33m]{font-size:1.8rem}.news-see-all[b-2qwwkzf33m]{font-size:.75rem;gap:8px}.news-row h3[b-2qwwkzf33m]{font-size:1.5rem}.home-studio-news-section[b-2qwwkzf33m]{padding:28px 0 32px}.home-news-story[b-2qwwkzf33m]  .news-image-credit{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){.news-row-thumb img[b-2qwwkzf33m]{transition:none}.news-row:hover .news-row-thumb img[b-2qwwkzf33m]{transform:none}}
.home-studio-custom[b-2qwwkzf33m]  .sandboxed-html-preview{width:100%;border:0;display:block}

.home-studio-hero-custom[b-2qwwkzf33m]{border-radius:0;overflow:hidden}
.home-studio-hero-custom.contained[b-2qwwkzf33m]{width:100%}
/* The banner block spans the page; other blocks retain the shared content measure. */
.home-studio-hero-custom.full-width[b-2qwwkzf33m]{width:100%;margin:0;border-radius:0}
.home-studio-hero-custom[b-2qwwkzf33m]  .sandboxed-html-preview{width:100%;border:0;display:block}

.home-studio-block[b-2qwwkzf33m]{position:relative;width:min(1200px,calc(100% - 48px));margin:0 auto}
.home-studio-block:has(.home-studio-hero-custom.full-width)[b-2qwwkzf33m]{width:100%}
@media(max-width:600px){.home-studio-block[b-2qwwkzf33m]{width:calc(100% - 36px)}}
.home-studio-block.owner-editable[b-2qwwkzf33m]{outline:2px dashed transparent;border-radius:12px;transition:outline-color 150ms ease}
.home-studio-block.owner-editable:hover[b-2qwwkzf33m]{outline-color:#c9d6e3}
.home-studio-block-toolbar[b-2qwwkzf33m]{position:absolute;top:10px;right:10px;z-index:5;display:flex;gap:6px;opacity:0;transition:opacity 150ms ease}
.home-studio-block.owner-editable:hover .home-studio-block-toolbar[b-2qwwkzf33m],
.home-studio-block-toolbar:focus-within[b-2qwwkzf33m]{opacity:1}
.home-studio-block-toolbar button[b-2qwwkzf33m]{border:1px solid #0b2f52;background:#0b2f52;color:#fff;border-radius:8px;width:32px;height:32px;font-size:.95rem;font-weight:800;cursor:pointer;box-shadow:0 4px 14px rgba(11,47,82,.25)}
.home-studio-block-toolbar button:disabled[b-2qwwkzf33m]{opacity:.4;cursor:not-allowed}
.home-studio-block-toolbar button.home-studio-block-edit[b-2qwwkzf33m]{width:auto;padding:0 12px;font-size:.78rem;font-weight:700}

.home-studio-drawer-backdrop[b-2qwwkzf33m]{position:fixed;inset:0;background:rgba(11,26,41,.45);z-index:60}
.home-studio-drawer[b-2qwwkzf33m]{position:fixed;top:0;right:0;bottom:0;width:min(440px,100vw);background:#fff;z-index:61;display:flex;flex-direction:column;box-shadow:-24px 0 60px rgba(8,22,36,.25)}
.home-studio-drawer header[b-2qwwkzf33m]{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #e6ecf1}
.home-studio-drawer header h2[b-2qwwkzf33m]{margin:0;font-size:1.1rem;color:#0b2f52}
.home-studio-drawer-close[b-2qwwkzf33m]{border:0;background:none;font-size:1.4rem;line-height:1;cursor:pointer;color:#62778a}
.home-studio-drawer-body[b-2qwwkzf33m]{flex:1;overflow-y:auto;padding:20px 22px;display:flex;flex-direction:column;gap:16px}
.home-studio-drawer-body label[b-2qwwkzf33m]{display:flex;flex-direction:column;gap:6px;font-size:.82rem;font-weight:650;color:#3a4a5a}
.home-studio-drawer-body input[b-2qwwkzf33m],.home-studio-drawer-body textarea[b-2qwwkzf33m]{font:inherit;padding:9px 11px;border:1px solid #d7e0e8;border-radius:8px;color:#1c2733}
.home-studio-drawer-body textarea[b-2qwwkzf33m]{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}
.home-studio-drawer-row[b-2qwwkzf33m]{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.home-studio-drawer-row.compact[b-2qwwkzf33m]{grid-template-columns:1fr 1fr auto;align-items:center;gap:8px}
.home-studio-drawer-category[b-2qwwkzf33m]{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid #e6ecf1;border-radius:10px}
.home-studio-drawer-check[b-2qwwkzf33m]{flex-direction:row!important;align-items:center;gap:8px!important}
.home-studio-drawer-secondary[b-2qwwkzf33m]{align-self:flex-start;border:1px solid #c9d6e3;background:#fff;color:#0b2f52;border-radius:8px;padding:7px 12px;font-size:.78rem;font-weight:700;cursor:pointer}
.home-studio-drawer-primary[b-2qwwkzf33m]{border:0;background:#0b2f52;color:#fff;border-radius:8px;padding:9px 16px;font-size:.85rem;font-weight:700;cursor:pointer}
.home-studio-drawer-error[b-2qwwkzf33m]{color:#b3261e;font-size:.82rem;font-weight:650}
.home-studio-drawer-hint[b-2qwwkzf33m]{font-size:.78rem;color:#62778a}
.home-studio-drawer-hint a[b-2qwwkzf33m]{color:var(--teal,#2062b9)}
.home-studio-drawer footer[b-2qwwkzf33m]{display:flex;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid #e6ecf1}

@media(max-width:640px){
    .home-studio-drawer[b-2qwwkzf33m]{width:100vw}
}

/* A single editorial surface; the panel follows the published content height. */
.home-tabs[b-2qwwkzf33m]{padding:36px 0 38px}
.home-tabs-inner[b-2qwwkzf33m]{width:100%}
.home-tabs-head[b-2qwwkzf33m]{display:grid;grid-template-columns:1fr minmax(240px,380px);column-gap:40px;align-items:end;margin-bottom:26px}
.home-tabs-head .home-section-kicker[b-2qwwkzf33m]{grid-column:1/-1;margin-bottom:10px}
.home-tabs-title[b-2qwwkzf33m]{margin:0;color:var(--navy);font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.9rem,3.1vw,2.6rem);font-weight:400;line-height:1.12;letter-spacing:-.025em}
.home-tabs-head p[b-2qwwkzf33m]{margin:0;color:#64736b;font-size:.85rem;line-height:1.65}
.home-tabs-shell[b-2qwwkzf33m]{display:grid;grid-template-columns:226px minmax(0,1fr);gap:32px;align-items:start}
.home-tabs-rail[b-2qwwkzf33m]{display:flex;flex-direction:column;border-top:1px solid #d8e2dc}
.home-tabs-rail button[b-2qwwkzf33m]{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:49px;padding:12px 13px 12px 10px;border:0;border-bottom:1px solid #d8e2dc;border-radius:0;background:transparent;color:#40574f;text-align:left;font:inherit;font-size:.83rem;font-weight:550;line-height:1.4;cursor:pointer;transition:background-color .15s ease,color .15s ease}
.home-tabs-rail button:hover[b-2qwwkzf33m]{background:#e9f0eb;color:#0d645e}
.home-tabs-rail button.active[b-2qwwkzf33m]{background:#e1ede6;color:#124f49;font-weight:750;box-shadow:inset 3px 0 var(--home-tab-accent,#0f766e)}
.home-tabs-rail button:focus-visible[b-2qwwkzf33m]{outline:2px solid #0f766e;outline-offset:2px;z-index:1}
.home-tab-number[b-2qwwkzf33m]{flex:none;width:18px;color:#7b9187;font-size:.63rem;font-weight:500;font-variant-numeric:tabular-nums}
.home-tab-label[b-2qwwkzf33m]{flex:1;min-width:0;overflow-wrap:break-word}
.home-tab-arrow[b-2qwwkzf33m]{opacity:0;color:#0f766e;font-size:1rem}
.home-tabs-rail button.active .home-tab-arrow[b-2qwwkzf33m],.home-tabs-rail button:hover .home-tab-arrow[b-2qwwkzf33m]{opacity:1}
.home-tab-icon[b-2qwwkzf33m]{display:none}
.home-tabs-select[b-2qwwkzf33m]{display:none;flex-direction:column;gap:8px}
.home-tabs-select label[b-2qwwkzf33m]{font-size:.67rem;font-weight:750;color:#64736b;letter-spacing:.1em;text-transform:uppercase}
.home-tabs-select-row[b-2qwwkzf33m]{display:flex;align-items:center;gap:10px}
.home-tabs-select-icon[b-2qwwkzf33m]{display:none}
.home-tabs-select select[b-2qwwkzf33m]{appearance:auto;width:100%;min-height:48px;padding:10px 12px;border:1px solid #a6bfb3;border-radius:5px;background:#edf4ef;color:#124f49;font:inherit;font-size:.95rem;font-weight:650}
.home-tabs-select select:focus-visible[b-2qwwkzf33m]{outline:2px solid #0f766e;outline-offset:2px}
.home-tabs-panel[b-2qwwkzf33m]{position:relative;min-width:0;padding:28px 30px;border:1px solid #d9e3db;border-radius:6px;background:#fff}
.home-tabs-panel[b-2qwwkzf33m]  .sandboxed-html-preview{width:100%;border:0;display:block}
.home-tabs-empty[b-2qwwkzf33m]{margin:0;padding:30px 0;color:#64736b}
.home-tabs-skeleton[b-2qwwkzf33m]{position:absolute;inset:28px 30px;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:30px;pointer-events:none;background:#fff;animation:home-tab-sk-give-up-b-2qwwkzf33m 1ms linear 6s both}
.home-tabs-panel:not(.has-loaded-preview)[b-2qwwkzf33m]{min-height:460px}
.home-tabs-panel.has-loaded-preview .home-tabs-skeleton[b-2qwwkzf33m]{display:none}
.home-tabs-skeleton-copy[b-2qwwkzf33m]{display:flex;flex-direction:column}
.sk[b-2qwwkzf33m]{display:block;border-radius:3px;background:#edf1ed;height:12px;margin-bottom:12px}
.sk-eyebrow[b-2qwwkzf33m]{width:110px;height:9px;margin-bottom:20px}
.sk-heading[b-2qwwkzf33m]{height:28px}.sk-heading.narrow[b-2qwwkzf33m]{width:70%;margin-bottom:24px}.sk-line.narrow[b-2qwwkzf33m]{width:80%;margin-bottom:24px}.sk-bullet[b-2qwwkzf33m]{width:85%}.sk-cta[b-2qwwkzf33m]{width:180px;height:44px;margin-top:18px}
.home-tabs-skeleton-shot[b-2qwwkzf33m]{background:#f2f5f0;border-radius:4px}
@keyframes home-tab-sk-give-up-b-2qwwkzf33m{to{visibility:hidden}}
@media(max-width:1000px){.home-tabs-shell[b-2qwwkzf33m]{grid-template-columns:210px minmax(0,1fr);gap:24px}.home-tabs-panel[b-2qwwkzf33m]{padding:24px}.home-tabs-head[b-2qwwkzf33m]{grid-template-columns:1fr minmax(220px,320px);gap:8px 24px}}
@media(max-width:760px){.home-tabs[b-2qwwkzf33m]{padding:28px 0}.home-tabs-head[b-2qwwkzf33m]{display:block;margin-bottom:22px}.home-tabs-title[b-2qwwkzf33m]{font-size:2rem}.home-tabs-head p[b-2qwwkzf33m]{margin-top:12px;max-width:440px}.home-tabs-shell[b-2qwwkzf33m]{grid-template-columns:minmax(0,1fr);gap:16px}.home-tabs-rail[b-2qwwkzf33m]{display:none}.home-tabs-select[b-2qwwkzf33m]{display:flex}.home-tabs-panel[b-2qwwkzf33m]{padding:22px 18px}.home-tabs-skeleton[b-2qwwkzf33m]{inset:22px 18px;grid-template-columns:1fr}.home-tabs-skeleton-shot[b-2qwwkzf33m]{display:none}}
/* /Components/Shared/RichTextField.razor.rz.scp.css */
.rich-text-field[b-4cm4qnd8qw] { display:grid; gap:8px; }
.rich-text-field > label[b-4cm4qnd8qw] { color:#102f4f; font-weight:800; text-transform:uppercase; letter-spacing:.02em; font-size:13px; }
.rich-text-field > label span[b-4cm4qnd8qw] { color:#dc3545; }
.rich-text-toolbar[b-4cm4qnd8qw] { display:flex; gap:6px; align-items:center; padding:7px; border:1px solid #d9e3ed; border-radius:10px 10px 0 0; background:#f7f9fc; }
.rich-text-toolbar button[b-4cm4qnd8qw] { border:1px solid #bfe5cf; border-radius:7px; background:#f2fbf6; color:#18864b; padding:7px 11px; font-weight:700; cursor:pointer; }
.rich-text-toolbar button:hover[b-4cm4qnd8qw] { background:#e5f7ec; }
.rich-text-editor[b-4cm4qnd8qw] { min-height:320px; padding:16px; margin-top:-10px; border:1px solid #cfd9e4; border-radius:0 0 10px 10px; background:#fff; color:#172a3f; line-height:1.6; outline:none; overflow-wrap:anywhere; }
.rich-text-editor:focus[b-4cm4qnd8qw] { border-color:#2f80ed; box-shadow:0 0 0 3px rgba(47,128,237,.12); }
.rich-text-editor:empty[b-4cm4qnd8qw]::before { content:attr(data-placeholder); color:#9aa6b2; pointer-events:none; }
/* /Components/Shared/SandboxedHtmlPreview.razor.rz.scp.css */
.sandboxed-html-preview[b-hkb741g4px] {
    width: 100%;
    min-height: 120px;
    height: 200px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
}
/* /Components/Shared/StudentPortalNav.razor.rz.scp.css */
.student-portal-nav[b-yo9pw9el0z] {
    display: flex;
    gap: 6px;
    margin-bottom: 20px;
    padding: 6px;
    border: 1px solid #dce3ec;
    border-radius: 14px;
    background: #f8fbfc;
}

.student-portal-nav a[b-yo9pw9el0z] {
    padding: 10px 16px;
    border-radius: 10px;
    color: #4f667b;
    font-weight: 800;
    font-size: .85rem;
    text-decoration: none;
}

.student-portal-nav a.active[b-yo9pw9el0z] {
    background: #0d438a;
    color: #fff;
}

@media (max-width: 650px) {
    .student-portal-nav[b-yo9pw9el0z] {
        flex-wrap: wrap;
    }
}
/* /Components/Shared/SupplierMatchingGuide.razor.rz.scp.css */
.smg-guide[b-7hayde7wbk] {
    margin-top: 12px;
    padding: 12px 14px;
    border: 1px solid #dce5ed;
    border-radius: 12px;
    background: #f7fafc;
}

.smg-guide summary[b-7hayde7wbk] {
    cursor: pointer;
    color: #102f4f;
    font-size: .8rem;
    font-weight: 850;
}

.smg-guide div[b-7hayde7wbk] {
    display: grid;
    gap: 8px;
    margin-top: 10px;
}

.smg-guide p[b-7hayde7wbk] {
    margin: 0;
    color: #63788b;
    font-size: .76rem;
    line-height: 1.5;
}
/* /Components/Shared/TransactionsPanel.razor.rz.scp.css */
.tx-page[b-d2r8rpddwo] {
    --navy-950: #0a1f36;
    --navy-900: #102c4c;
    --blue-600: #2f80ed;
    --blue-100: #eaf3ff;
    --orange-500: #f28c28;
    --orange-100: #fff2e6;
    --teal-600: #168552;
    --teal-100: #e8eff8;
    --red-600: #dc4b4b;
    --red-100: #fdecec;
    --green-600: #168a55;
    --green-100: #e9f7f0;
    --dispensed-border: #3B82F6;
    --dispensed-bg: #EEF5FF;
    --deleted-border: #EF4444;
    --deleted-bg: #FEF2F2;
    --reversed-border: #16A34A;
    --reversed-bg: #ECFDF3;
    --transfer-border: #F59E0B;
    --transfer-bg: #FFF7ED;
    --adjustment-border: #cf8a58;
    --adjustment-bg: #F5F3FF;
    --grey-50: #f8fafc;
    --grey-100: #f2f5f8;
    --grey-200: #e2e8f0;
    --grey-300: #cbd5e1;
    --grey-500: #718096;
    --grey-700: #475569;
    --grey-900: #1f2937;
    --shadow: 0 14px 34px rgba(15, 47, 87, .07);

    color: var(--grey-900);
}

.tx-header[b-d2r8rpddwo] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.tx-header-actions[b-d2r8rpddwo] {
    display: flex;
    gap: 9px;
}

.tx-action-button[b-d2r8rpddwo] {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0 15px;
    border-radius: 10px;
    font-size: .8rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
    transition: transform 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
}

.tx-action-button.tx-secondary[b-d2r8rpddwo] {
    border: 1px solid var(--grey-300);
    background: #fff;
    color: var(--navy-900);
}

.tx-action-button:hover[b-d2r8rpddwo] {
    transform: translateY(-1px);
}

.tx-eyebrow[b-d2r8rpddwo] {
    margin: 0 0 6px;
    color: var(--blue-600);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.tx-header h1[b-d2r8rpddwo] {
    margin: 0;
    color: var(--navy-950);
    font-size: 1.7rem;
    letter-spacing: -.02em;
}

.tx-subtitle[b-d2r8rpddwo] {
    margin: 6px 0 0;
    max-width: 70ch;
    color: var(--grey-500);
    font-size: .85rem;
}

.tx-toolbar[b-d2r8rpddwo] {
    padding: 14px;
    border: 1px solid var(--grey-200);
    border-radius: 14px;
    background: var(--grey-50);
}

.tx-toolbar-top[b-d2r8rpddwo] {
    display: grid;
    /* Every column has to be able to shrink: fixed pixel tracks here were the
       source of the dashboard's ~1,700px intrinsic minimum, which pushed the
       whole document sideways on any phone. */
    grid-template-columns:
        minmax(0, 160px) minmax(0, 160px) minmax(0, 190px)
        minmax(0, 1fr) auto auto;
    gap: 10px;
    align-items: end;
}

.tx-field label[b-d2r8rpddwo] {
    display: block;
    margin-bottom: 6px;
    color: var(--grey-700);
    font-size: .68rem;
    font-weight: 800;
}

.tx-field input[b-d2r8rpddwo],
.tx-field select[b-d2r8rpddwo],
.tx-search-box input[b-d2r8rpddwo] {
    width: 100%;
    height: 42px;
    padding: 0 12px;
    border: 1px solid var(--grey-300);
    border-radius: 10px;
    background: #fff;
    color: var(--grey-900);
    outline: none;
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

.tx-field input:focus[b-d2r8rpddwo],
.tx-field select:focus[b-d2r8rpddwo],
.tx-search-box input:focus[b-d2r8rpddwo] {
    border-color: var(--orange-500);
    box-shadow: 0 0 0 3px rgba(242, 140, 40, .1);
}

.tx-search-box[b-d2r8rpddwo] {
    position: relative;
}

.tx-search-box svg[b-d2r8rpddwo] {
    position: absolute;
    top: 21px;
    left: 13px;
    width: 18px;
    height: 18px;
    fill: none;
    stroke: var(--grey-500);
    stroke-width: 2;
    transform: translateY(-50%);
    pointer-events: none;
}

.tx-search-box input[b-d2r8rpddwo] {
    padding: 0 12px 0 40px;
}

.tx-apply-button[b-d2r8rpddwo] {
    height: 42px;
    padding: 0 16px;
    border: 0;
    border-radius: 10px;
    background: var(--navy-900);
    color: #fff;
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(16, 44, 76, .16);
    transition: transform 150ms ease, background-color 150ms ease;
}

.tx-apply-button:hover[b-d2r8rpddwo] {
    background: var(--navy-950);
    transform: translateY(-1px);
}

.tx-toolbar-bottom[b-d2r8rpddwo] {
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
}

.tx-drug-filters[b-d2r8rpddwo] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.tx-drug-filter[b-d2r8rpddwo] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 9px;
    border-radius: 10px;
    color: var(--grey-700);
    font-size: .78rem;
    font-weight: 750;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color 150ms ease;
}

.tx-drug-filter:hover[b-d2r8rpddwo] {
    background: #fff;
}

.tx-drug-filter input[b-d2r8rpddwo] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.tx-checkmark[b-d2r8rpddwo] {
    display: inline-grid;
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
    place-items: center;
    border: 2px solid var(--orange-500);
    border-radius: 5px;
    background: #fff;
    transition: background-color 150ms ease, border-color 150ms ease;
}

.tx-drug-filter.tx-red[b-d2r8rpddwo] {
    color: var(--red-600);
}

.tx-drug-filter.tx-red .tx-checkmark[b-d2r8rpddwo] {
    border-color: var(--red-600);
}

.tx-checkmark[b-d2r8rpddwo]::after {
    content: "";
    width: 7px;
    height: 4px;
    margin-top: -1px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg) scale(0);
    transition: transform 140ms ease;
}

.tx-drug-filter input:checked + .tx-checkmark[b-d2r8rpddwo] {
    background: var(--orange-500);
    border-color: var(--orange-500);
}

.tx-drug-filter.tx-red input:checked + .tx-checkmark[b-d2r8rpddwo] {
    background: var(--red-600);
    border-color: var(--red-600);
}

.tx-drug-filter input:checked + .tx-checkmark[b-d2r8rpddwo]::after {
    transform: rotate(-45deg) scale(1);
}

.tx-date-nav[b-d2r8rpddwo] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.tx-date-nav button[b-d2r8rpddwo] {
    min-height: 32px;
    padding: 0 10px;
    border: 1px solid var(--grey-300);
    border-radius: 9px;
    background: #fff;
    color: var(--grey-700);
    font-size: .72rem;
    font-weight: 750;
    cursor: pointer;
    transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.tx-date-nav button:hover:not(:disabled)[b-d2r8rpddwo] {
    color: var(--blue-600);
    border-color: var(--blue-600);
    background: var(--blue-100);
}

.tx-date-nav button.tx-active[b-d2r8rpddwo] {
    border-color: var(--blue-600);
    background: var(--blue-100);
    color: var(--blue-600);
}

.tx-date-nav button:disabled[b-d2r8rpddwo] {
    opacity: .45;
    cursor: default;
}

.tx-summary-line[b-d2r8rpddwo] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    color: var(--grey-700);
    font-size: .78rem;
    font-weight: 700;
}

.tx-summary-line strong[b-d2r8rpddwo] {
    color: var(--navy-950);
    font-weight: 850;
}

.tx-summary-line .tx-narcotic[b-d2r8rpddwo] {
    color: var(--red-600);
}

.tx-summary-line .tx-date[b-d2r8rpddwo] {
    color: var(--teal-600);
}

.tx-info[b-d2r8rpddwo] {
    margin-top: 14px;
    padding: 11px 13px;
    border: 1px solid #bfd8f5;
    border-radius: 11px;
    background: #f7fbff;
    color: #3d6d9e;
    font-size: .76rem;
    line-height: 1.5;
}

.tx-kpi-ribbon[b-d2r8rpddwo] {
    margin-top: 14px;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    border: 1px solid var(--grey-200);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(15, 47, 87, .04);
    overflow: hidden;
}

.tx-kpi[b-d2r8rpddwo] {
    position: relative;
    min-width: 0;
    padding: 14px 16px 15px;
    border-right: 1px solid var(--grey-200);
    transition: background-color 150ms ease;
}

.tx-kpi:last-child[b-d2r8rpddwo] {
    border-right: 0;
}

.tx-kpi[b-d2r8rpddwo]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 16px;
    width: 32px;
    height: 3px;
    border-radius: 0 0 999px 999px;
    background: var(--blue-600);
}

.tx-kpi.tx-orange[b-d2r8rpddwo]::before {
    background: var(--orange-500);
}

.tx-kpi.tx-teal[b-d2r8rpddwo]::before {
    background: var(--teal-600);
}

.tx-kpi:hover[b-d2r8rpddwo] {
    background: var(--grey-50);
}

.tx-kpi-label[b-d2r8rpddwo] {
    overflow: hidden;
    color: var(--grey-500);
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tx-kpi-value[b-d2r8rpddwo] {
    margin-top: 7px;
    overflow: hidden;
    color: var(--navy-950);
    font-size: clamp(1.05rem, 1.5vw, 1.4rem);
    font-weight: 850;
    letter-spacing: -.02em;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tx-list[b-d2r8rpddwo] {
    display: grid;
    gap: 9px;
    margin-top: 16px;
}

.tx-row[b-d2r8rpddwo] {
    position: relative;
    display: grid;
    grid-template-columns:
        minmax(0, 1.5fr)
        minmax(0, 1.3fr)
        minmax(0, 1fr)
        minmax(0, .9fr)
        minmax(0, .75fr)
        44px;
    gap: 12px;
    align-items: center;
    padding: 13px 14px;
    border: 1px solid var(--grey-200);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(15, 47, 87, .03);
    cursor: pointer;
    overflow: hidden;
    transition: transform 150ms ease, box-shadow 150ms ease, border-color 150ms ease;
}

.tx-row[b-d2r8rpddwo]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    bottom: 12px;
    width: 3px;
    border-radius: 999px;
    background: var(--blue-600);
    opacity: .35;
    transition: opacity 150ms ease;
}

.tx-row.tx-accent-dispensed[b-d2r8rpddwo]::before {
    background: var(--dispensed-border);
}

.tx-row.tx-accent-deleted[b-d2r8rpddwo]::before {
    background: var(--deleted-border);
}

.tx-row.tx-accent-reversed[b-d2r8rpddwo]::before {
    background: var(--reversed-border);
}

.tx-row.tx-accent-transfer[b-d2r8rpddwo]::before {
    background: var(--transfer-border);
}

.tx-row.tx-accent-adjustment[b-d2r8rpddwo]::before {
    background: var(--adjustment-border);
}

.tx-row:hover[b-d2r8rpddwo] {
    border-color: #c8d6e3;
    box-shadow: 0 12px 26px rgba(15, 47, 87, .07);
    transform: translateY(-1px);
}

.tx-row:hover[b-d2r8rpddwo]::before {
    opacity: 1;
}

.tx-main-cell[b-d2r8rpddwo] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.tx-drug-icon[b-d2r8rpddwo] {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 11px;
    color: var(--blue-600);
    background: var(--blue-100);
}

.tx-drug-icon svg[b-d2r8rpddwo] {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
}

.tx-cell[b-d2r8rpddwo] {
    min-width: 0;
}

.tx-cell-label[b-d2r8rpddwo] {
    margin-bottom: 3px;
    color: var(--grey-500);
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.tx-primary-text[b-d2r8rpddwo] {
    display: block;
    overflow: hidden;
    color: var(--navy-950);
    font-size: .84rem;
    font-weight: 800;
    line-height: 1.3;
    text-decoration: none;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tx-secondary-text[b-d2r8rpddwo] {
    margin-top: 2px;
    overflow: hidden;
    color: var(--grey-500);
    font-size: .72rem;
    line-height: 1.3;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tx-link-text[b-d2r8rpddwo] {
    color: #1768bb;
}

.tx-link-text:hover[b-d2r8rpddwo] {
    text-decoration: underline;
}

.tx-type-badge[b-d2r8rpddwo] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 9px;
    border-radius: 999px;
    color: var(--dispensed-border);
    background: var(--dispensed-bg);
    font-size: .68rem;
    font-weight: 850;
    white-space: nowrap;
}

.tx-row.tx-accent-dispensed .tx-type-badge[b-d2r8rpddwo] {
    color: var(--dispensed-border);
    background: var(--dispensed-bg);
}

.tx-row.tx-accent-deleted .tx-type-badge[b-d2r8rpddwo] {
    color: var(--deleted-border);
    background: var(--deleted-bg);
}

.tx-row.tx-accent-reversed .tx-type-badge[b-d2r8rpddwo] {
    color: var(--reversed-border);
    background: var(--reversed-bg);
}

.tx-row.tx-accent-transfer .tx-type-badge[b-d2r8rpddwo] {
    color: var(--transfer-border);
    background: var(--transfer-bg);
}

.tx-row.tx-accent-adjustment .tx-type-badge[b-d2r8rpddwo] {
    color: var(--adjustment-border);
    background: var(--adjustment-bg);
}

.tx-type-dot[b-d2r8rpddwo] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}

.tx-money[b-d2r8rpddwo] {
    color: var(--navy-950);
    font-size: .9rem;
    font-weight: 850;
}

.tx-quantity.tx-negative[b-d2r8rpddwo] {
    color: var(--red-600);
}

.tx-row-action[b-d2r8rpddwo] {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border: 1px solid var(--grey-200);
    border-radius: 10px;
    background: #fff;
    color: var(--grey-500);
    cursor: pointer;
    transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease, transform 150ms ease;
}

.tx-row.tx-open .tx-row-action[b-d2r8rpddwo] {
    transform: rotate(90deg);
}

.tx-row-action:hover[b-d2r8rpddwo] {
    color: var(--orange-500);
    border-color: #f3b57a;
    background: var(--orange-100);
}

.tx-row-action svg[b-d2r8rpddwo] {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
}

.tx-details[b-d2r8rpddwo] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    max-height: 0;
    overflow: hidden;
    padding: 0 2px;
    border-top: 1px solid transparent;
    opacity: 0;
    transition: max-height 220ms ease, opacity 180ms ease, padding 220ms ease, border-color 180ms ease;
}

.tx-row.tx-open .tx-details[b-d2r8rpddwo] {
    max-height: 340px;
    padding: 12px 2px 2px;
    border-top-color: var(--grey-200);
    opacity: 1;
}

.tx-detail-wide[b-d2r8rpddwo] {
    grid-column: 1 / -1;
}

.tx-detail-item[b-d2r8rpddwo] {
    padding: 9px 10px;
    border-radius: 10px;
    background: var(--grey-50);
}

/* The expanded detail is where the full record is read, so nothing in it is
   truncated. A prescriber's name cut to "FARAHNAZ BEHROZISH..." or a payment
   split cut to "ODB: $28.66 · Patie..." is the one thing this panel exists to
   show. Long values wrap; only genuinely unbreakable strings get broken. */
.tx-detail-item strong[b-d2r8rpddwo] {
    display: block;
    color: var(--navy-950);
    font-size: .78rem;
    line-height: 1.35;
    white-space: normal;
    overflow-wrap: anywhere;
}

.tx-detail-item span[b-d2r8rpddwo] {
    display: block;
    margin-top: 3px;
    color: var(--grey-500);
    font-size: .66rem;
}

.tx-pagination[b-d2r8rpddwo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 14px;
    padding: 12px 4px;
    color: var(--grey-500);
    font-size: .8rem;
}

.tx-pagination-controls[b-d2r8rpddwo] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.tx-page-size[b-d2r8rpddwo] {
    height: 34px;
    padding: 0 8px;
    border: 1px solid var(--grey-300);
    border-radius: 9px;
    background: #fff;
    color: var(--grey-700);
    font-size: .76rem;
}

.tx-page-button[b-d2r8rpddwo] {
    min-width: 32px;
    height: 32px;
    border: 1px solid var(--grey-200);
    border-radius: 9px;
    background: #fff;
    color: var(--grey-700);
    font-weight: 700;
    cursor: pointer;
}

.tx-page-button:disabled[b-d2r8rpddwo] {
    opacity: .5;
    cursor: default;
}

.tx-page-current[b-d2r8rpddwo] {
    padding: 0 4px;
    font-weight: 700;
    white-space: nowrap;
}

@media (max-width: 1180px) {
    .tx-toolbar-top[b-d2r8rpddwo] {
        grid-template-columns: repeat(3, minmax(160px, 1fr));
    }

    .tx-hide-lg[b-d2r8rpddwo] {
        display: none;
    }

    .tx-row[b-d2r8rpddwo] {
        grid-template-columns:
            minmax(0, 1.4fr)
            minmax(0, 1.3fr)
            minmax(0, 1fr)
            minmax(0, .85fr)
            38px;
    }

    .tx-details[b-d2r8rpddwo] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tx-kpi-ribbon[b-d2r8rpddwo] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tx-kpi:nth-child(3)[b-d2r8rpddwo] {
        border-right: 0;
    }
}

@media (max-width: 720px) {
    .tx-toolbar-top[b-d2r8rpddwo] {
        grid-template-columns: minmax(0, 1fr);
    }

    .tx-search-box[b-d2r8rpddwo] {
        grid-column: unset;
    }

    .tx-apply-button[b-d2r8rpddwo] {
        width: 100%;
    }

    .tx-toolbar-bottom[b-d2r8rpddwo] {
        align-items: flex-start;
    }

    /* Three lines rather than one stacked cell per field: the drug and its
       status on top, the patient and reference beneath, then quantity and
       total together. A phone row that repeats every desktop label is 269px
       tall and shows one transaction per screen. */
    .tx-row[b-d2r8rpddwo] {
        grid-template-columns: minmax(0, 1fr) auto 44px;
        row-gap: 6px;
        column-gap: 8px;
        padding: 14px;
        align-items: start;
    }

    .tx-main-cell[b-d2r8rpddwo] {
        grid-column: 1 / span 2;
        grid-row: 1;
    }

    .tx-cell:nth-of-type(2)[b-d2r8rpddwo] {
        grid-column: 1 / span 2;
        grid-row: 2;
    }

    .tx-cell:nth-of-type(3)[b-d2r8rpddwo] {
        grid-column: 1;
        grid-row: 3;
    }

    .tx-cell:nth-of-type(4)[b-d2r8rpddwo] {
        grid-column: 1;
        grid-row: 4;
    }

    .tx-cell-total[b-d2r8rpddwo] {
        grid-column: 2;
        grid-row: 3 / span 2;
        align-self: center;
        text-align: right;
    }

    .tx-row-action[b-d2r8rpddwo] {
        grid-row: 1;
        grid-column: 3;
        align-self: start;
        width: 44px;
        height: 44px;
    }

    /* The drug name is the scan target; two lines then ellipsis, never a
       block that pushes the total off the card. */
    .tx-main-cell .tx-primary-text[b-d2r8rpddwo] {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .tx-details[b-d2r8rpddwo] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .tx-kpi-ribbon[b-d2r8rpddwo] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tx-kpi:nth-child(3)[b-d2r8rpddwo] {
        border-right: 1px solid var(--grey-200);
    }

    .tx-kpi:nth-child(2n)[b-d2r8rpddwo] {
        border-right: 0;
    }
}