/* /Components/Ai/PortalAiChatWidget.razor.rz.scp.css */
.portal-ai[b-r1hhptdwzs] {
    position: fixed;
    right: var(--space-6);
    bottom: var(--space-6);
    z-index: 1200;
    font-family: inherit;
}

.portal-ai__launcher[b-r1hhptdwzs] {
    position: relative;
    width: 44px;
    height: 44px;
    border: 1px solid var(--color-brand-800);
    border-radius: var(--radius-md);
    color: #fff;
    background: var(--color-brand-900);
    box-shadow: var(--shadow-card);
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.portal-ai__unread[b-r1hhptdwzs] {
    position: absolute;
    top: -.22rem;
    right: -.22rem;
    width: .72rem;
    height: .72rem;
    border: 2px solid var(--portal-surface, #fff);
    border-radius: 50%;
    background: var(--portal-accent, var(--color-brand-600));
    box-shadow: 0 0 0 .2rem var(--portal-accent-soft);
}

.portal-ai__launcher:hover[b-r1hhptdwzs],
.portal-ai__launcher:focus-visible[b-r1hhptdwzs] {
    background: var(--color-brand-950);
    box-shadow: var(--shadow-card);
}

.portal-ai__launcher:focus-visible[b-r1hhptdwzs] {
    outline: 2px solid var(--color-brand-700);
    outline-offset: 2px;
}

.portal-ai__panel[b-r1hhptdwzs] {
    width: min(26rem, calc(100vw - 1rem));
    height: min(36rem, calc(100dvh - 1rem));
    display: grid;
    grid-template-rows: auto auto auto minmax(0, 1fr) auto auto;
    overflow: hidden;
    border: 1px solid var(--portal-border-strong, var(--portal-border));
    border-radius: 1.1rem;
    background: rgba(255,255,255,.94);
    box-shadow: var(--portal-shadow);
    backdrop-filter: blur(18px);
}

.portal-ai__head[b-r1hhptdwzs] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: .75rem;
    align-items: center;
    padding: .9rem;
    border-bottom: 1px solid var(--portal-border);
}

.portal-ai__badge[b-r1hhptdwzs],
.portal-ai__icon[b-r1hhptdwzs] {
    width: 2.45rem;
    height: 2.45rem;
    display: inline-grid;
    place-items: center;
    border: 0;
    border-radius: .85rem;
}

.portal-ai__badge[b-r1hhptdwzs] {
    color: #fff;
    background: linear-gradient(145deg, var(--portal-accent), var(--portal-accent-strong));
}

.portal-ai__icon[b-r1hhptdwzs] {
    color: var(--portal-accent-strong);
    background: var(--portal-accent-soft);
    cursor: pointer;
}

.portal-ai__head strong[b-r1hhptdwzs] {
    display: block;
    color: var(--portal-text);
}

.portal-ai__head span[b-r1hhptdwzs] {
    color: var(--portal-muted);
    font-size: .78rem;
}

.portal-ai__quick[b-r1hhptdwzs] {
    grid-row: 3;
    display: flex;
    gap: .45rem;
    padding: .65rem .8rem;
    overflow-x: auto;
}

.portal-ai__quick button[b-r1hhptdwzs],
.portal-ai__mail[b-r1hhptdwzs] {
    border: 1px solid var(--portal-border);
    border-radius: 999px;
    background: var(--portal-accent-soft);
    color: var(--portal-accent-strong);
    padding: .45rem .7rem;
    white-space: nowrap;
    cursor: pointer;
    font-size: .78rem;
}

.portal-ai__tabs[b-r1hhptdwzs] {
    grid-row: 2;
    display: flex;
    gap: .45rem;
    padding: .6rem .8rem .25rem;
    border-bottom: 1px solid hsla(var(--brand-h, 215), 20%, 65%, .16);
}

.portal-ai__tabs button[b-r1hhptdwzs] {
    min-height: 2.15rem;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    border: 1px solid var(--portal-border-strong, var(--portal-border));
    border-radius: 999px;
    background: rgba(255, 255, 255, .8);
    color: var(--portal-muted);
    padding: .36rem .62rem;
    font-size: .74rem;
    font-weight: 800;
    cursor: pointer;
    transition: transform .16s ease, color .16s ease, background .16s ease, border-color .16s ease;
}

.portal-ai__tabs button:hover[b-r1hhptdwzs],
.portal-ai__tabs button.is-active[b-r1hhptdwzs] {
    color: var(--portal-accent-strong);
    border-color: color-mix(in srgb, var(--portal-accent) 48%, var(--portal-border));
    background: var(--portal-accent-soft);
    transform: translateY(-1px);
}

.portal-ai__messages[b-r1hhptdwzs] {
    grid-row: 4;
    min-height: 0;
    overflow: auto;
    padding: .75rem;
    display: flex;
    flex-direction: column;
    gap: .55rem;
    background: linear-gradient(180deg, var(--portal-accent-soft), rgba(255, 255, 255, .82));
}

.portal-ai__history[b-r1hhptdwzs] {
    display: grid;
    gap: .5rem;
}

.portal-ai__history-head[b-r1hhptdwzs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .7rem;
    padding: .55rem .65rem;
    border: 1px solid var(--portal-border-strong, var(--portal-border));
    border-radius: .9rem;
    background: rgba(255, 255, 255, .76);
    box-shadow: 0 10px 22px hsla(var(--brand-h, 222), 47%, 11%, .04);
}

.portal-ai__history-head strong[b-r1hhptdwzs] {
    display: block;
    color: var(--portal-text);
    font-size: .82rem;
}

.portal-ai__history-head span[b-r1hhptdwzs] {
    color: var(--portal-muted);
    font-size: .68rem;
}

.portal-ai__history-head button[b-r1hhptdwzs],
.portal-ai__history-back[b-r1hhptdwzs] {
    width: 2.15rem;
    height: 2.15rem;
    display: inline-grid;
    place-items: center;
    border: 1px solid var(--portal-border-strong, var(--portal-border));
    border-radius: .75rem;
    background: #fff;
    color: var(--portal-accent-strong);
    cursor: pointer;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.portal-ai__history-head button:hover[b-r1hhptdwzs],
.portal-ai__history-back:hover[b-r1hhptdwzs] {
    transform: translateY(-1px);
    border-color: var(--portal-accent);
    box-shadow: 0 12px 22px var(--portal-accent-glow, hsla(var(--brand-h, 224), 76%, 48%, .12));
}

.portal-ai__history-filter[b-r1hhptdwzs] {
    min-height: 2.3rem;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .45rem;
    align-items: center;
    padding: .28rem .42rem;
    border: 1px solid var(--portal-border-strong, var(--portal-border));
    border-radius: .82rem;
    background: rgba(255, 255, 255, .72);
    color: var(--portal-accent-strong);
}

.portal-ai__history-filter select[b-r1hhptdwzs] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--portal-text);
    font: inherit;
    font-size: .74rem;
    font-weight: 800;
    cursor: pointer;
}

.portal-ai__history-item[b-r1hhptdwzs] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas:
        "title status"
        "preview date";
    column-gap: .65rem;
    row-gap: .12rem;
    align-items: center;
    border: 1px solid var(--portal-border-strong, var(--portal-border));
    border-radius: .82rem;
    background: rgba(255, 255, 255, .86);
    color: var(--portal-text);
    padding: .5rem .62rem;
    text-align: left;
    cursor: pointer;
    box-shadow: 0 10px 22px hsla(var(--brand-h, 222), 47%, 11%, .05);
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.portal-ai__history-item:hover[b-r1hhptdwzs] {
    transform: translateY(-1px);
    border-color: var(--portal-accent);
    box-shadow: 0 14px 28px var(--portal-accent-glow, hsla(var(--brand-h, 224), 76%, 48%, .12));
}

.portal-ai__history-item strong[b-r1hhptdwzs] {
    grid-area: title;
    min-width: 0;
    font-size: .82rem;
    color: var(--portal-text);
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-ai__history-item small[b-r1hhptdwzs] {
    color: var(--portal-muted);
    font-size: .68rem;
    line-height: 1.35;
}

.portal-ai__history-item small:first-of-type[b-r1hhptdwzs] {
    grid-area: date;
    justify-self: end;
    white-space: nowrap;
}

.portal-ai__history-item small:last-of-type[b-r1hhptdwzs] {
    grid-area: preview;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-ai__history-detail[b-r1hhptdwzs] {
    display: grid;
    gap: .55rem;
}

.portal-ai__history-detail-head[b-r1hhptdwzs] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .55rem;
    align-items: center;
    padding: .58rem .64rem;
    border: 1px solid var(--portal-border-strong, var(--portal-border));
    border-radius: .9rem;
    background: rgba(255, 255, 255, .82);
}

.portal-ai__history-detail-head strong[b-r1hhptdwzs] {
    display: block;
    color: var(--portal-text);
    font-size: .84rem;
}

.portal-ai__history-detail-head span[b-r1hhptdwzs] {
    color: var(--portal-muted);
    font-size: .68rem;
}

.portal-ai__handoff--history[b-r1hhptdwzs] {
    background: rgba(255, 255, 255, .62);
}

.portal-ai__status[b-r1hhptdwzs] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    border: 1px solid hsla(var(--brand-h, 215), 16%, 47%, .18);
    border-radius: 999px;
    background: rgba(248, 250, 252, .9);
    color: var(--portal-muted);
    padding: .2rem .48rem;
    font-size: .66rem;
    font-weight: 850;
    line-height: 1.1;
}

.portal-ai__history-item .portal-ai__status[b-r1hhptdwzs],
.portal-ai__handoff-meta .portal-ai__status[b-r1hhptdwzs] {
    color: var(--portal-muted);
    font-size: .66rem;
}

.portal-ai__history-item .portal-ai__status[b-r1hhptdwzs] {
    grid-area: status;
    justify-self: end;
    max-width: 8.2rem;
}

.portal-ai__status.is-active[b-r1hhptdwzs] {
    border-color: color-mix(in srgb, var(--portal-accent) 32%, transparent);
    background: var(--portal-accent-soft);
    color: var(--portal-accent-strong);
}

.portal-ai__status.is-waiting[b-r1hhptdwzs] {
    border-color: hsla(var(--brand-accent-h, 36), 71%, 41%, .22);
    background: rgba(255, 247, 237, .9);
    color: #9a5a13;
}

.portal-ai__status.is-closed[b-r1hhptdwzs],
.portal-ai__status.is-mail[b-r1hhptdwzs] {
    border-color: hsla(var(--brand-h, 215), 16%, 47%, .16);
    background: rgba(241, 245, 249, .9);
    color: hsl(var(--brand-h, 215), 16%, 47%);
}

.portal-ai__composer.portal-ai__composer--history[b-r1hhptdwzs] {
    grid-template-columns: 1fr;
    padding: .58rem .75rem;
    background: rgba(255, 255, 255, .86);
}

.portal-ai__composer.portal-ai__composer--history button[b-r1hhptdwzs] {
    width: auto;
    min-width: 8.75rem;
    min-height: 2.35rem;
    justify-self: end;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .38rem;
    padding: 0 .9rem;
    border-radius: .82rem;
    white-space: nowrap;
}

.portal-ai__message[b-r1hhptdwzs] {
    max-width: 86%;
    border-radius: .9rem;
    padding: .62rem .75rem;
    border: 1px solid var(--portal-border);
}

.portal-ai__message p[b-r1hhptdwzs] {
    margin: 0;
    white-space: pre-wrap;
    color: var(--portal-text);
    font-size: .86rem;
    line-height: 1.45;
}

.portal-ai__actions[b-r1hhptdwzs] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-top: .58rem;
}

.portal-ai__actions button[b-r1hhptdwzs] {
    min-height: 2rem;
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    border: 1px solid var(--portal-border-strong, var(--portal-border));
    border-radius: .72rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, .96), var(--portal-accent-soft));
    color: var(--portal-accent-strong);
    padding: .34rem .54rem;
    font-size: .74rem;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 10px 18px var(--portal-accent-glow, hsla(var(--brand-h, 224), 76%, 48%, .1));
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.portal-ai__actions button:hover[b-r1hhptdwzs] {
    transform: translateY(-1px);
    border-color: var(--portal-accent);
    box-shadow: 0 14px 24px var(--portal-accent-glow, hsla(var(--brand-h, 224), 76%, 48%, .16));
}

.portal-ai__citations[b-r1hhptdwzs] {
    display: grid;
    gap: .4rem;
    margin-top: .58rem;
}

.portal-ai__citation[b-r1hhptdwzs] {
    display: grid;
    gap: .18rem;
    padding: .48rem .55rem;
    border: 1px solid var(--portal-border-strong, var(--portal-border));
    border-radius: .72rem;
    background: rgba(255, 255, 255, .74);
}

.portal-ai__citation strong[b-r1hhptdwzs] {
    color: var(--portal-text);
    font-size: .76rem;
    line-height: 1.25;
}

.portal-ai__citation-meta[b-r1hhptdwzs] {
    color: var(--portal-accent-strong);
    font-size: .66rem;
    font-weight: 700;
}

.portal-ai__citation small[b-r1hhptdwzs] {
    color: var(--portal-muted);
    font-size: .69rem;
    line-height: 1.35;
}

.portal-ai__message small[b-r1hhptdwzs] {
    display: block;
    color: var(--portal-muted);
    font-size: .68rem;
    margin-bottom: .2rem;
}

.portal-ai__message.assistant[b-r1hhptdwzs] {
    align-self: flex-start;
    background: #fff;
}

.portal-ai__message.user[b-r1hhptdwzs] {
    align-self: flex-end;
    background: var(--portal-accent-soft);
}

.portal-ai__message-time[b-r1hhptdwzs] {
    display: block;
    margin-top: .28rem;
    color: var(--portal-muted);
    font-size: .62rem;
    text-align: right;
}

.portal-ai__consent[b-r1hhptdwzs] {
    grid-row: 5;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .55rem .65rem;
    margin: .55rem .7rem 0;
    padding: .72rem;
    border: 1px solid color-mix(in srgb, var(--portal-accent) 52%, var(--portal-border));
    border-radius: .95rem;
    background: color-mix(in srgb, var(--portal-accent-soft) 86%, var(--portal-surface, #fff));
    box-shadow: 0 14px 30px var(--portal-accent-glow, hsla(var(--brand-h, 224), 76%, 48%, .12));
}

.portal-ai__consent-icon[b-r1hhptdwzs] {
    width: 2.2rem;
    height: 2.2rem;
    display: grid;
    place-items: center;
    border-radius: .72rem;
    color: var(--portal-on-accent, #fff);
    background: linear-gradient(145deg, var(--portal-accent), var(--portal-accent-strong));
}

.portal-ai__consent-copy[b-r1hhptdwzs] {
    display: grid;
    gap: .2rem;
    min-width: 0;
}

.portal-ai__consent-copy strong[b-r1hhptdwzs] {
    color: var(--portal-text);
    font-size: .79rem;
}

.portal-ai__consent-copy span[b-r1hhptdwzs] {
    color: var(--portal-muted);
    font-size: .69rem;
    line-height: 1.4;
}

.portal-ai__consent-actions[b-r1hhptdwzs] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: .4rem;
}

.portal-ai__consent-actions button[b-r1hhptdwzs] {
    min-height: 2.45rem;
    border: 1px solid var(--portal-border-strong, var(--portal-border));
    border-radius: .72rem;
    background: var(--portal-surface, #fff);
    color: var(--portal-accent-strong);
    padding: .42rem .55rem;
    font: inherit;
    font-size: .68rem;
    font-weight: 800;
    cursor: pointer;
}

.portal-ai__consent-actions button.is-primary[b-r1hhptdwzs] {
    border-color: transparent;
    color: var(--portal-on-accent, #fff);
    background: linear-gradient(145deg, var(--portal-accent), var(--portal-accent-strong));
}

.portal-ai__handoff[b-r1hhptdwzs] {
    display: grid;
    gap: .5rem;
    padding: .65rem;
    border: 1px solid var(--portal-border-strong, var(--portal-border));
    border-radius: .95rem;
    background: var(--portal-accent-soft);
}

.portal-ai__handoff strong[b-r1hhptdwzs] {
    color: var(--portal-text);
}

.portal-ai__handoff span[b-r1hhptdwzs] {
    color: var(--portal-muted);
    font-size: .78rem;
}

.portal-ai__handoff-meta[b-r1hhptdwzs] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.portal-ai__handoff-meta span[b-r1hhptdwzs] {
    border: 1px solid var(--portal-border-strong, var(--portal-border));
    border-radius: 999px;
    background: rgba(255, 255, 255, .74);
    color: var(--portal-accent-strong);
    padding: .28rem .5rem;
    font-size: .68rem;
    font-weight: 700;
}

.portal-ai__error[b-r1hhptdwzs] {
    border: 1px solid rgba(220, 38, 38, .2);
    border-radius: .8rem;
    background: rgba(254, 242, 242, .9);
    color: #991b1b;
    padding: .55rem .7rem;
    font-size: .76rem;
}

.portal-ai__readonly[b-r1hhptdwzs] {
    display: grid;
    gap: .45rem;
    border: 1px solid var(--portal-border-strong, var(--portal-border));
    border-radius: .85rem;
    background: rgba(255, 255, 255, .72);
    padding: .55rem;
}

.portal-ai__readonly div[b-r1hhptdwzs] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.portal-ai__readonly button[b-r1hhptdwzs] {
    border: 1px solid var(--portal-border-strong, var(--portal-border));
    border-radius: 999px;
    background: #fff;
    color: var(--portal-accent-strong);
    padding: .34rem .58rem;
    font-size: .72rem;
    font-weight: 800;
    cursor: pointer;
}

.portal-ai__composer[b-r1hhptdwzs] {
    grid-row: 6;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .55rem;
    padding: .75rem;
    border-top: 1px solid var(--portal-border);
}

.portal-ai button:focus-visible[b-r1hhptdwzs],
.portal-ai textarea:focus-visible[b-r1hhptdwzs],
.portal-ai select:focus-visible[b-r1hhptdwzs] {
    outline: 2px solid var(--portal-accent);
    outline-offset: 2px;
}

@media (max-width: 40rem) {
    .portal-ai[b-r1hhptdwzs] {
        right: .5rem;
        bottom: max(.5rem, env(safe-area-inset-bottom));
    }

    .portal-ai__panel[b-r1hhptdwzs] {
        width: calc(100vw - 1rem);
        height: min(42rem, calc(100dvh - 1rem - env(safe-area-inset-top)));
    }

    .portal-ai__consent-actions[b-r1hhptdwzs] {
        grid-template-columns: 1fr 1fr;
    }

    .portal-ai__consent-actions button:last-child[b-r1hhptdwzs] {
        grid-column: 1 / -1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .portal-ai *[b-r1hhptdwzs],
    .portal-ai *[b-r1hhptdwzs]::before,
    .portal-ai *[b-r1hhptdwzs]::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

.portal-ai__composer--history[b-r1hhptdwzs] {
    grid-template-columns: 1fr;
}

.portal-ai__composer--history button[b-r1hhptdwzs] {
    width: 100%;
    min-height: 2.85rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
}

.portal-ai__composer textarea[b-r1hhptdwzs] {
    min-height: 3.1rem;
    max-height: 7rem;
    resize: none;
    border: 1px solid var(--portal-border-strong, var(--portal-border));
    border-radius: .9rem;
    padding: .7rem .8rem;
    outline: none;
    color: var(--portal-text);
}

.portal-ai__composer button[b-r1hhptdwzs] {
    width: 3.1rem;
    border: 0;
    border-radius: .9rem;
    color: #fff;
    background: linear-gradient(145deg, var(--portal-accent), var(--portal-accent-strong));
    cursor: pointer;
    opacity: .98;
    box-shadow: 0 12px 24px var(--portal-accent-glow, hsla(var(--brand-h, 224), 76%, 48%, .22));
    transition: transform .16s ease, box-shadow .16s ease, opacity .16s ease, filter .16s ease;
}

.portal-ai__composer button.can-send[b-r1hhptdwzs] {
    filter: saturate(1.16) contrast(1.04);
}

.portal-ai__composer button.can-send:hover[b-r1hhptdwzs] {
    transform: translateY(-1px);
    box-shadow: 0 16px 30px var(--portal-accent-glow, hsla(var(--brand-h, 224), 76%, 48%, .28));
}

.portal-ai__composer button:disabled[b-r1hhptdwzs] {
    opacity: .38;
    cursor: not-allowed;
    filter: grayscale(.28) saturate(.72);
    box-shadow: none;
}

/* AI markdown rendering. Content is injected via MarkupString, so descendants are
   reached with the ::deep combinator (they do not carry the scoped-css attribute). */
.portal-ai__md[b-r1hhptdwzs] {
    color: var(--portal-text);
    font-size: .86rem;
    line-height: 1.5;
}

.portal-ai__md[b-r1hhptdwzs]  > *:first-child { margin-top: 0; }
.portal-ai__md[b-r1hhptdwzs]  > *:last-child { margin-bottom: 0; }

.portal-ai__md[b-r1hhptdwzs]  p {
    margin: 0 0 .5rem;
    white-space: pre-wrap;
}

.portal-ai__md[b-r1hhptdwzs]  h3,
.portal-ai__md[b-r1hhptdwzs]  h4,
.portal-ai__md[b-r1hhptdwzs]  h5,
.portal-ai__md[b-r1hhptdwzs]  h6 {
    margin: .55rem 0 .35rem;
    font-size: .9rem;
    font-weight: 700;
    color: var(--portal-text-strong, var(--portal-text));
}

.portal-ai__md[b-r1hhptdwzs]  ul,
.portal-ai__md[b-r1hhptdwzs]  ol {
    margin: .25rem 0 .5rem;
    padding-inline-start: 1.15rem;
}

.portal-ai__md[b-r1hhptdwzs]  li { margin: .15rem 0; }
.portal-ai__md[b-r1hhptdwzs]  strong { font-weight: 700; }
.portal-ai__md[b-r1hhptdwzs]  em { font-style: italic; }

.portal-ai__md[b-r1hhptdwzs]  a {
    color: var(--portal-accent, hsl(var(--brand-h, 224), 76%, 48%));
    text-decoration: underline;
    text-underline-offset: 2px;
    word-break: break-word;
}

.portal-ai__md[b-r1hhptdwzs]  code {
    font-family: ui-monospace, "Cascadia Code", "SF Mono", Menlo, Consolas, monospace;
    font-size: .8em;
    padding: .08rem .3rem;
    border-radius: .35rem;
    background: var(--portal-surface-muted, hsla(var(--brand-h, 222), 47%, 11%, .06));
    border: 1px solid var(--portal-border);
}

.portal-ai__md[b-r1hhptdwzs]  pre {
    margin: .4rem 0 .55rem;
    padding: .6rem .7rem;
    border-radius: .6rem;
    background: var(--portal-surface-muted, hsla(var(--brand-h, 222), 47%, 11%, .06));
    border: 1px solid var(--portal-border);
    overflow-x: auto;
}

.portal-ai__md[b-r1hhptdwzs]  pre code {
    padding: 0;
    border: 0;
    background: transparent;
    font-size: .8rem;
    line-height: 1.5;
}

.portal-ai__md[b-r1hhptdwzs]  blockquote {
    margin: .4rem 0;
    padding: .25rem .7rem;
    border-inline-start: 3px solid var(--portal-accent, hsl(var(--brand-h, 224), 76%, 48%));
    color: var(--portal-text-muted, var(--portal-text));
}

.portal-ai__md[b-r1hhptdwzs]  hr {
    border: 0;
    border-top: 1px solid var(--portal-border);
    margin: .55rem 0;
}

/* Persisted AI question history overlay */
.portal-ai__panel[b-r1hhptdwzs] { position: relative; }

.portal-ai__head-actions[b-r1hhptdwzs] {
    display: flex;
    align-items: center;
    gap: .25rem;
}

.portal-ai__icon.is-active[b-r1hhptdwzs] {
    color: var(--portal-accent, hsl(var(--brand-h, 224), 76%, 48%));
}

.portal-ai__ai-history[b-r1hhptdwzs] {
    position: absolute;
    inset: 0;
    z-index: 8;
    display: flex;
    flex-direction: column;
    background: rgba(255, 255, 255, .98);
}

.portal-ai__ai-history-bar[b-r1hhptdwzs] {
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: .7rem .8rem;
    border-bottom: 1px solid var(--portal-border);
}

.portal-ai__ai-history-bar input[b-r1hhptdwzs] {
    flex: 1;
    min-width: 0;
    border: 1px solid var(--portal-border);
    border-radius: .7rem;
    padding: .4rem .6rem;
    font-size: .82rem;
    outline: none;
    color: var(--portal-text);
    background: rgba(255, 255, 255, .7);
}

.portal-ai__ai-history-body[b-r1hhptdwzs] {
    flex: 1;
    overflow-y: auto;
    padding: .55rem .7rem .9rem;
    display: flex;
    flex-direction: column;
    gap: .4rem;
}

.portal-ai__ai-history-empty[b-r1hhptdwzs] {
    margin: 0;
    padding: 1.4rem .5rem;
    text-align: center;
    color: var(--portal-text-muted, hsl(var(--brand-h, 215), 16%, 47%));
    font-size: .82rem;
}

.portal-ai__ai-history-item[b-r1hhptdwzs] {
    text-align: left;
    border: 1px solid var(--portal-border);
    border-radius: .8rem;
    background: rgba(255, 255, 255, .8);
    padding: .55rem .65rem;
    cursor: pointer;
}

.portal-ai__ai-history-item:hover[b-r1hhptdwzs] {
    border-color: var(--portal-accent, hsl(var(--brand-h, 224), 76%, 48%));
}

.portal-ai__ai-history-item-head[b-r1hhptdwzs] {
    display: flex;
    justify-content: space-between;
    gap: .5rem;
    align-items: baseline;
}

.portal-ai__ai-history-item-head span[b-r1hhptdwzs] {
    font-size: .83rem;
    font-weight: 600;
    color: var(--portal-text);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.portal-ai__ai-history-item-head time[b-r1hhptdwzs] {
    flex-shrink: 0;
    font-size: .64rem;
    color: var(--portal-text-muted, hsl(var(--brand-h, 215), 16%, 47%));
}

.portal-ai__ai-history-answer[b-r1hhptdwzs] {
    margin-top: .45rem;
    padding-top: .45rem;
    border-top: 1px dashed var(--portal-border);
}

/* Voice: dictation (mic) + read-aloud (speaker) */
.portal-ai__composer[b-r1hhptdwzs] {
    grid-template-columns: 1fr auto auto;
}

.portal-ai__composer button.portal-ai__mic[b-r1hhptdwzs] {
    background: rgba(255, 255, 255, .7);
    border: 1px solid var(--portal-border);
    color: var(--portal-accent, hsl(var(--brand-h, 224), 76%, 48%));
    box-shadow: none;
}

.portal-ai__composer button.portal-ai__mic:hover[b-r1hhptdwzs] {
    border-color: var(--portal-accent, hsl(var(--brand-h, 224), 76%, 48%));
}

.portal-ai__composer button.portal-ai__mic.is-active[b-r1hhptdwzs] {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(135deg, #dc2626, #991b1b);
    animation: portalAiMicPulse-b-r1hhptdwzs 1.2s ease-in-out infinite;
}

@keyframes portalAiMicPulse-b-r1hhptdwzs {
    0%, 100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, .4); }
    50% { box-shadow: 0 0 0 .3rem rgba(220, 38, 38, 0); }
}

.portal-ai__speak[b-r1hhptdwzs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: .3rem;
    border: 0;
    border-radius: .45rem;
    background: transparent;
    color: var(--portal-text-muted, hsl(var(--brand-h, 215), 16%, 47%));
    cursor: pointer;
    transition: color .15s ease;
}

.portal-ai__speak:hover[b-r1hhptdwzs] {
    color: var(--portal-accent, hsl(var(--brand-h, 224), 76%, 48%));
}

.portal-ai__message-tools[b-r1hhptdwzs] {
    display: flex;
    align-items: center;
    gap: .4rem;
    flex-wrap: wrap;
}

.portal-ai__confidence[b-r1hhptdwzs] {
    display: inline-flex;
    align-items: center;
    font-size: .62rem;
    font-weight: 600;
    padding: .1rem .42rem;
    border-radius: .5rem;
}

.portal-ai__confidence--high[b-r1hhptdwzs] { color: #15803d; background: rgba(21, 128, 61, .1); }
.portal-ai__confidence--medium[b-r1hhptdwzs] { color: hsl(var(--brand-accent-h, 26), 90%, 37%); background: hsla(var(--brand-accent-h, 26), 90%, 37%, .1); }
.portal-ai__confidence--low[b-r1hhptdwzs] { color: #b91c1c; background: rgba(185, 28, 28, .1); }

.portal-ai__receipt[b-r1hhptdwzs] {
    display: block;
    text-align: right;
    margin-top: .15rem;
    font-size: .6rem;
    font-weight: 600;
    color: var(--portal-text-muted, hsl(var(--brand-h, 215), 20%, 65%));
}

.portal-ai__receipt.is-read[b-r1hhptdwzs] {
    color: var(--portal-accent, hsl(var(--brand-h, 224), 76%, 48%));
}

.portal-ai__csat[b-r1hhptdwzs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .4rem;
    margin: .6rem 0;
    padding: .7rem;
    border-radius: .7rem;
    background: hsla(var(--brand-h, 224), 76%, 48%, .05);
    border: 1px solid hsla(var(--brand-h, 224), 76%, 48%, .12);
}

.portal-ai__csat-title[b-r1hhptdwzs] {
    font-size: .8rem;
    font-weight: 600;
}

.portal-ai__csat-stars[b-r1hhptdwzs] {
    display: flex;
    gap: .15rem;
}

.portal-ai__csat-star[b-r1hhptdwzs] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.5rem;
    line-height: 1;
    color: #d4c4a0;
    padding: 0 .1rem;
    transition: color .12s ease, transform .12s ease;
}

.portal-ai__csat-star:hover:not(:disabled)[b-r1hhptdwzs] {
    color: #f5b301;
    transform: scale(1.12);
}

.portal-ai__csat-star:disabled[b-r1hhptdwzs] {
    cursor: default;
}

.portal-ai__csat-thanks[b-r1hhptdwzs] {
    font-size: .82rem;
    font-weight: 600;
    color: #1f7a4d;
}


/* Unified support modes: compact, tenant-aware voice dock. */
.portal-ai__tabs[b-r1hhptdwzs] {
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    touch-action: pan-x;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, var(--portal-accent) 46%, transparent) transparent;
    scrollbar-gutter: stable;
    padding-bottom: .42rem;
}

.portal-ai__tabs[b-r1hhptdwzs]::-webkit-scrollbar {
    height: .38rem;
}

.portal-ai__tabs[b-r1hhptdwzs]::-webkit-scrollbar-track {
    background: transparent;
}

.portal-ai__tabs[b-r1hhptdwzs]::-webkit-scrollbar-thumb {
    border: .08rem solid transparent;
    border-radius: 999px;
    background: color-mix(in srgb, var(--portal-accent) 46%, transparent);
    background-clip: padding-box;
}

.portal-ai__tabs button[b-r1hhptdwzs] {
    flex: 0 0 auto;
    scroll-snap-align: start;
}

.portal-ai__confirm-layer[b-r1hhptdwzs] {
    position: absolute;
    inset: 0;
    z-index: 12;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: color-mix(in srgb, var(--portal-text) 22%, transparent);
    backdrop-filter: blur(7px);
}

.portal-ai__confirm-card[b-r1hhptdwzs] {
    width: min(100%, 21.5rem);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .7rem;
    padding: .9rem;
    border: 1px solid color-mix(in srgb, var(--portal-accent) 32%, var(--portal-border));
    border-radius: 1rem;
    background:
        radial-gradient(circle at 0 0, color-mix(in srgb, var(--portal-accent) 12%, transparent), transparent 45%),
        rgba(255, 255, 255, .97);
    box-shadow: 0 1.35rem 3.5rem rgba(24, 18, 34, .22);
}

.portal-ai__confirm-icon[b-r1hhptdwzs] {
    width: 2.35rem;
    height: 2.35rem;
    display: inline-grid;
    place-items: center;
    border-radius: .8rem;
    color: #fff;
    background: linear-gradient(145deg, var(--portal-accent), var(--portal-accent-strong));
    box-shadow: 0 .45rem 1rem color-mix(in srgb, var(--portal-accent) 20%, transparent);
}

.portal-ai__confirm-card strong[b-r1hhptdwzs] {
    color: var(--portal-text);
    font-size: .9rem;
    font-weight: 850;
}

.portal-ai__confirm-card p[b-r1hhptdwzs] {
    margin: .22rem 0 0;
    color: var(--portal-muted);
    font-size: .72rem;
    line-height: 1.5;
}

.portal-ai__confirm-actions[b-r1hhptdwzs] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .42rem;
    padding-top: .18rem;
}

.portal-ai__confirm-actions button[b-r1hhptdwzs] {
    min-height: 2.15rem;
    padding: .42rem .68rem;
    border: 1px solid var(--portal-border);
    border-radius: .7rem;
    background: rgba(255, 255, 255, .9);
    color: var(--portal-text);
    font-size: .7rem;
    font-weight: 800;
    cursor: pointer;
}

.portal-ai__confirm-actions button.is-primary[b-r1hhptdwzs] {
    border-color: transparent;
    color: #fff;
    background: linear-gradient(145deg, var(--portal-accent), var(--portal-accent-strong));
}

.portal-ai__confirm-actions button:disabled[b-r1hhptdwzs] {
    cursor: wait;
    opacity: .58;
}

.portal-ai__voice-dock[b-r1hhptdwzs] {
    position: sticky;
    top: -.3rem;
    z-index: 3;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: .5rem;
    min-height: 3.65rem;
    margin: -.2rem -.2rem .2rem;
    padding: .48rem .52rem;
    border: 1px solid color-mix(in srgb, var(--portal-accent) 28%, var(--portal-border));
    border-radius: .95rem;
    background: linear-gradient(135deg, color-mix(in srgb, var(--portal-accent-soft) 86%, #fff), rgba(255, 255, 255, .94));
    box-shadow: 0 .7rem 1.6rem color-mix(in srgb, var(--portal-accent) 11%, transparent);
    backdrop-filter: blur(14px);
}

.portal-ai__voice-dock.is-human[b-r1hhptdwzs] {
    border-color: color-mix(in srgb, var(--color-brand-accent-500, #b89052) 38%, var(--portal-border));
    background:
        radial-gradient(circle at 0 0, color-mix(in srgb, var(--color-brand-accent-500, #b89052) 13%, transparent), transparent 48%),
        rgba(255, 253, 248, .96);
}

.portal-ai__voice-dock.is-ringing[b-r1hhptdwzs],
.portal-ai__voice-dock.is-connecting[b-r1hhptdwzs] {
    border-color: color-mix(in srgb, var(--portal-accent) 58%, var(--portal-border));
    box-shadow: 0 .8rem 1.8rem color-mix(in srgb, var(--portal-accent) 17%, transparent);
}

.portal-ai__voice-dock.is-failed[b-r1hhptdwzs] {
    border-color: color-mix(in srgb, #b4233d 42%, var(--portal-border));
    background: linear-gradient(135deg, rgba(255, 247, 248, .97), rgba(255, 255, 255, .94));
}

.portal-ai__voice-orb[b-r1hhptdwzs] {
    position: relative;
    display: inline-grid;
    grid-template-columns: repeat(3, .16rem);
    align-items: center;
    justify-content: center;
    gap: .12rem;
    width: 2.35rem;
    height: 2.35rem;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--portal-accent) 42%, transparent);
    border-radius: .78rem;
    background: linear-gradient(145deg, var(--portal-accent), var(--portal-accent-strong));
    color: #fff;
    box-shadow: 0 .45rem 1rem var(--portal-accent-glow, rgba(28, 63, 136, .18));
}

.portal-ai__voice-dock.is-human .portal-ai__voice-orb[b-r1hhptdwzs] {
    border-color: color-mix(in srgb, var(--color-brand-accent-500, #b89052) 48%, transparent);
    background: linear-gradient(145deg, var(--color-brand-900, #4b1830), var(--color-brand-accent-600, #9c743d));
}

.portal-ai__voice-orb i[b-r1hhptdwzs] {
    width: .16rem;
    height: .75rem;
    border-radius: 999px;
    background: currentColor;
    transform-origin: center;
    animation: portalAiVoiceWave-b-r1hhptdwzs .95s ease-in-out infinite;
}

.portal-ai__voice-orb i:nth-child(2)[b-r1hhptdwzs] {
    height: 1.15rem;
    animation-delay: -.28s;
}

.portal-ai__voice-orb i:nth-child(3)[b-r1hhptdwzs] {
    height: .55rem;
    animation-delay: -.5s;
}

.portal-ai__voice-dock.is-ready .portal-ai__voice-orb i[b-r1hhptdwzs],
.portal-ai__voice-dock.is-waiting .portal-ai__voice-orb i[b-r1hhptdwzs] {
    animation-play-state: paused;
    transform: scaleY(.48);
    opacity: .78;
}

.portal-ai__voice-copy[b-r1hhptdwzs] {
    display: grid;
    gap: .04rem;
    min-width: 0;
}

.portal-ai__voice-copy strong[b-r1hhptdwzs],
.portal-ai__voice-copy small[b-r1hhptdwzs] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-ai__voice-copy strong[b-r1hhptdwzs] {
    color: var(--portal-text);
    font-size: .73rem;
    font-weight: 850;
}

.portal-ai__voice-copy small[b-r1hhptdwzs] {
    color: var(--portal-muted);
    font-size: .61rem;
}

.portal-ai__voice-language[b-r1hhptdwzs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    min-height: 1.45rem;
    padding: .12rem .38rem;
    border: 1px solid color-mix(in srgb, var(--portal-accent) 20%, var(--portal-border));
    border-radius: 999px;
    background: rgba(255, 255, 255, .76);
    color: var(--portal-accent-strong);
    font-size: .57rem;
    font-weight: 900;
    letter-spacing: .06em;
}

.portal-ai__voice-controls[b-r1hhptdwzs] {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
}

.portal-ai__voice-pending[b-r1hhptdwzs] {
    max-width: 8.5rem;
    padding: .42rem .62rem;
    border: 1px solid color-mix(in srgb, var(--portal-accent) 18%, var(--portal-border));
    border-radius: .72rem;
    background: rgba(255, 255, 255, .72);
    color: var(--portal-muted);
    font-size: .66rem;
    font-weight: 750;
    line-height: 1.2;
    text-align: center;
}

.portal-ai__voice-controls button[b-r1hhptdwzs] {
    display: inline-grid;
    place-items: center;
    width: 2.15rem;
    height: 2.15rem;
    border: 1px solid color-mix(in srgb, var(--portal-accent) 22%, var(--portal-border));
    border-radius: .68rem;
    background: rgba(255, 255, 255, .86);
    color: var(--portal-accent-strong);
    cursor: pointer;
    transition: transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease;
}

.portal-ai__voice-controls button:hover:not(:disabled)[b-r1hhptdwzs] {
    transform: translateY(-1px);
    border-color: var(--portal-accent);
}

.portal-ai__voice-controls button.is-active[b-r1hhptdwzs] {
    border-color: transparent;
    background: linear-gradient(145deg, #c6293e, #8f1630);
    color: #fff;
    box-shadow: 0 .35rem .8rem rgba(143, 22, 48, .2);
}

.portal-ai__voice-controls button.is-primary[b-r1hhptdwzs] {
    border-color: transparent;
    background: linear-gradient(145deg, var(--portal-accent), var(--portal-accent-strong));
    color: #fff;
}

.portal-ai__voice-controls button.is-danger[b-r1hhptdwzs] {
    border-color: color-mix(in srgb, #b4233d 28%, var(--portal-border));
    background: color-mix(in srgb, #b4233d 8%, #fff);
    color: #9f1239;
}

.portal-ai__voice-controls button.is-danger:hover:not(:disabled)[b-r1hhptdwzs] {
    border-color: #b4233d;
    background: #b4233d;
    color: #fff;
}

.portal-ai__voice-controls button:disabled[b-r1hhptdwzs] {
    cursor: not-allowed;
    opacity: .42;
}

@keyframes portalAiVoiceWave-b-r1hhptdwzs {
    0%, 100% { transform: scaleY(.42); opacity: .72; }
    50% { transform: scaleY(1); opacity: 1; }
}

@media (max-width: 30rem) {
    .portal-ai__voice-dock[b-r1hhptdwzs] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .portal-ai__voice-language[b-r1hhptdwzs] {
        display: none;
    }

    .portal-ai__voice-copy small[b-r1hhptdwzs] {
        max-width: 10.5rem;
    }

    .portal-ai__tabs[b-r1hhptdwzs] {
        padding-inline-end: .4rem;
    }
}

.portal-ai__workflow[b-r1hhptdwzs] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .62rem;
    align-items: start;
    margin: .42rem .68rem .18rem;
    padding: .68rem .76rem;
    border: 1px solid color-mix(in srgb, var(--portal-accent) 18%, var(--portal-border));
    border-radius: .9rem;
    background: linear-gradient(145deg, color-mix(in srgb, var(--portal-accent) 7%, #fff), rgba(255, 255, 255, .92));
    box-shadow: 0 .5rem 1.3rem rgba(37, 24, 57, .07);
}

.portal-ai__workflow-icon[b-r1hhptdwzs] {
    display: inline-grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: .68rem;
    background: linear-gradient(145deg, var(--portal-accent), var(--portal-accent-strong));
    color: #fff;
}

.portal-ai__workflow > div[b-r1hhptdwzs] { display: grid; gap: .13rem; min-width: 0; }
.portal-ai__workflow strong[b-r1hhptdwzs] { color: var(--portal-text); font-size: .73rem; font-weight: 850; }
.portal-ai__workflow small[b-r1hhptdwzs] { color: var(--portal-muted); font-size: .62rem; line-height: 1.4; }

.portal-ai__workflow-participants[b-r1hhptdwzs] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    margin-top: .28rem;
}

.portal-ai__workflow-participants > span[b-r1hhptdwzs],
.portal-ai__source-chip[b-r1hhptdwzs] {
    display: inline-flex;
    width: fit-content;
    padding: .12rem .4rem;
    border: 1px solid color-mix(in srgb, var(--portal-accent) 16%, var(--portal-border));
    border-radius: 999px;
    background: rgba(255, 255, 255, .82);
    color: var(--portal-accent-strong);
    font-size: .56rem;
    font-weight: 760;
}
/* /Components/AssessmentAdvancedResponseEditor.razor.rz.scp.css */
.assessment-rich-response[b-gr7yq2bvz0] {
    border: 1px solid color-mix(in srgb, var(--portal-primary, #172554) 15%, transparent);
    border-radius: 20px;
    background: linear-gradient(150deg, color-mix(in srgb, var(--portal-primary, #172554) 4%, white), rgba(255,255,255,.97));
    box-shadow: 0 18px 44px color-mix(in srgb, var(--portal-primary, #172554) 8%, transparent), inset 0 1px 0 rgba(255,255,255,.92);
    padding: 14px;
    display: grid;
    gap: 12px;
}

.assessment-rich-response__header[b-gr7yq2bvz0] { display:flex; align-items:center; gap:10px; }
.assessment-rich-response__header > div[b-gr7yq2bvz0] { min-width:0; display:grid; gap:2px; }
.assessment-rich-response__header strong[b-gr7yq2bvz0] { color:var(--portal-primary, #172554); font-size:.88rem; letter-spacing:-.01em; }
.assessment-rich-response__header span[b-gr7yq2bvz0] { color:var(--portal-muted, #64748b); font-size:.73rem; }
.assessment-rich-response__icon[b-gr7yq2bvz0] { width:34px; height:34px; border-radius:12px; display:grid; place-items:center; color:white !important; background:linear-gradient(145deg,var(--portal-primary,#172554),color-mix(in srgb,var(--portal-primary,#172554) 72%,#fff)); box-shadow:0 8px 18px color-mix(in srgb,var(--portal-primary,#172554) 24%,transparent); }
.assessment-rich-response__secure[b-gr7yq2bvz0] { margin-left:auto; display:flex; align-items:center; gap:4px; padding:5px 8px; border-radius:999px; background:color-mix(in srgb,var(--portal-primary,#172554) 7%,white); color:var(--portal-primary,#172554) !important; white-space:nowrap; }
.assessment-rich-response__instructions[b-gr7yq2bvz0] { display:flex; gap:8px; align-items:flex-start; padding:9px 11px; border-radius:14px; background:color-mix(in srgb,var(--portal-accent,#a16207) 8%,white); color:var(--portal-text,#1e293b); font-size:.78rem; }

.assessment-rich-response__field[b-gr7yq2bvz0] { display:grid; gap:6px; }
.assessment-rich-response__field > span[b-gr7yq2bvz0] { font-size:.72rem; font-weight:750; color:var(--portal-muted,#64748b); }
.assessment-rich-response input[b-gr7yq2bvz0],.assessment-rich-response textarea[b-gr7yq2bvz0] { width:100%; border:1px solid color-mix(in srgb,var(--portal-primary,#172554) 14%,transparent); border-radius:13px; background:rgba(255,255,255,.96); color:var(--portal-text,#172033); padding:10px 12px; outline:none; resize:vertical; font:inherit; font-size:.84rem; transition:.16s ease; }
.assessment-rich-response input:focus[b-gr7yq2bvz0],.assessment-rich-response textarea:focus[b-gr7yq2bvz0] { border-color:var(--tenant-focus-ring,var(--portal-primary,#315f86)); box-shadow:0 0 0 3px color-mix(in srgb,var(--tenant-focus-ring,var(--portal-primary,#315f86)) 15%,transparent); }

.assessment-equation-editor[b-gr7yq2bvz0] { display:grid; gap:10px; }
.assessment-equation-editor__palette[b-gr7yq2bvz0] { display:flex; flex-wrap:wrap; gap:5px; }
.assessment-equation-editor__palette button[b-gr7yq2bvz0],.assessment-step-editor button[b-gr7yq2bvz0],.assessment-ink-editor__toolbar button[b-gr7yq2bvz0] { border:1px solid color-mix(in srgb,var(--portal-primary,#172554) 13%,transparent); background:white; color:var(--portal-primary,#172554); border-radius:10px; min-height:30px; padding:4px 9px; cursor:pointer; font-weight:700; }
.assessment-equation-editor__palette button:hover:not(:disabled)[b-gr7yq2bvz0],.assessment-step-editor button:hover:not(:disabled)[b-gr7yq2bvz0],.assessment-ink-editor__toolbar button:hover:not(:disabled)[b-gr7yq2bvz0] { transform:translateY(-1px); border-color:color-mix(in srgb,var(--portal-primary,#172554) 36%,transparent); box-shadow:0 6px 14px color-mix(in srgb,var(--portal-primary,#172554) 10%,transparent); }
.assessment-equation-editor__preview[b-gr7yq2bvz0] { min-height:48px; display:flex; align-items:center; gap:10px; border-radius:14px; padding:9px 12px; background:linear-gradient(120deg,var(--portal-primary,#172554),color-mix(in srgb,var(--portal-primary,#172554) 78%,#334155)); color:white; overflow:auto; }
.assessment-equation-editor__preview span[b-gr7yq2bvz0] { font-size:.67rem; opacity:.7; text-transform:uppercase; letter-spacing:.08em; }
.assessment-equation-editor__preview code[b-gr7yq2bvz0] { font-family:"Cambria Math",Consolas,monospace; font-size:1rem; white-space:pre; }
.assessment-equation-editor__preview strong[b-gr7yq2bvz0] { margin-left:auto; color:var(--color-accent,#f5d68a); }

.assessment-step-editor[b-gr7yq2bvz0] { display:grid; gap:8px; }
.assessment-step-editor__item[b-gr7yq2bvz0] { display:grid; grid-template-columns:30px minmax(0,1fr); gap:8px; }
.assessment-step-editor__rail[b-gr7yq2bvz0] { display:flex; flex-direction:column; align-items:center; }
.assessment-step-editor__rail span[b-gr7yq2bvz0] { width:28px; height:28px; display:grid; place-items:center; border-radius:10px; background:var(--portal-primary,#172554); color:white; font-size:.72rem; font-weight:800; box-shadow:0 7px 14px color-mix(in srgb,var(--portal-primary,#172554) 20%,transparent); }
.assessment-step-editor__rail i[b-gr7yq2bvz0] { width:1px; flex:1; min-height:16px; background:linear-gradient(var(--portal-primary,#172554),transparent); opacity:.22; }
.assessment-step-editor__body[b-gr7yq2bvz0] { display:grid; gap:7px; padding:10px; border:1px solid color-mix(in srgb,var(--portal-primary,#172554) 10%,transparent); border-radius:15px; background:rgba(255,255,255,.86); }
.assessment-step-editor__head[b-gr7yq2bvz0] { display:flex; align-items:center; justify-content:space-between; gap:8px; color:var(--portal-primary,#172554); font-size:.78rem; }
.assessment-step-editor__head > div[b-gr7yq2bvz0] { display:flex; gap:4px; }
.assessment-step-editor__head button[b-gr7yq2bvz0] { min-width:28px; min-height:26px; padding:2px 6px; }
.assessment-step-editor__delete[b-gr7yq2bvz0] { color:#a61b35 !important; }
.assessment-step-editor__add[b-gr7yq2bvz0] { justify-self:start; display:flex; align-items:center; gap:6px; margin-left:38px; }
.assessment-step-editor__add span[b-gr7yq2bvz0] { opacity:.55; font-size:.68rem; }

.assessment-ink-editor[b-gr7yq2bvz0] { display:grid; gap:8px; }
.assessment-ink-editor__toolbar[b-gr7yq2bvz0] { display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.assessment-ink-editor__toolbar > span[b-gr7yq2bvz0] { margin-left:auto; color:var(--portal-muted,#64748b); font-size:.7rem; }
.assessment-ink-editor__colors[b-gr7yq2bvz0] { display:flex; align-items:center; gap:4px; padding-right:6px; border-right:1px solid color-mix(in srgb,var(--portal-primary,#172554) 10%,transparent); }
.assessment-ink-editor__colors button[b-gr7yq2bvz0] { width:26px; min-width:26px; height:26px; min-height:26px; padding:0; border-radius:50%; background:var(--ink-color); border:3px solid white; box-shadow:0 0 0 1px color-mix(in srgb,var(--ink-color) 30%,transparent); }
.assessment-ink-editor__colors button.is-active[b-gr7yq2bvz0] { box-shadow:0 0 0 2px var(--portal-accent,#a16207),0 4px 10px color-mix(in srgb,var(--ink-color) 25%,transparent); }
.assessment-ink-editor__canvas[b-gr7yq2bvz0] { width:100%; min-height:240px; max-height:70vh; border:1px solid color-mix(in srgb,var(--portal-primary,#172554) 16%,transparent); border-radius:16px; background-color:#fff; touch-action:none; cursor:crosshair; box-shadow:inset 0 1px 8px rgba(15,23,42,.04); }
.assessment-ink-editor__canvas--grid[b-gr7yq2bvz0] { background-image:linear-gradient(rgba(30,64,175,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(30,64,175,.065) 1px,transparent 1px); background-size:22px 22px; }
.assessment-ink-editor__canvas--lined[b-gr7yq2bvz0] { background-image:linear-gradient(transparent 95%,rgba(30,64,175,.11) 95%); background-size:100% 28px; }

.assessment-code-lab[b-gr7yq2bvz0],.assessment-simulation[b-gr7yq2bvz0],.assessment-osce-station[b-gr7yq2bvz0] { display:grid; gap:10px; }
.assessment-code-lab__bar[b-gr7yq2bvz0] { display:flex; align-items:end; flex-wrap:wrap; gap:8px; padding:8px 10px; border:1px solid color-mix(in srgb,var(--portal-primary,#172554) 12%,transparent); border-radius:14px; background:color-mix(in srgb,var(--portal-primary,#172554) 4%,white); }
.assessment-code-lab__bar label[b-gr7yq2bvz0] { display:grid; gap:3px; min-width:150px; }
.assessment-code-lab__bar label span[b-gr7yq2bvz0] { color:var(--portal-muted,#64748b); font-size:.65rem; font-weight:800; }
.assessment-code-lab__bar select[b-gr7yq2bvz0] { min-height:34px; padding:5px 9px; border:1px solid color-mix(in srgb,var(--portal-primary,#172554) 15%,transparent); border-radius:10px; background:white; color:var(--portal-text,#172033); }
.assessment-code-lab__limit[b-gr7yq2bvz0] { color:var(--portal-muted,#64748b); font:700 .7rem ui-monospace,Consolas,monospace; }
.assessment-code-lab__isolation[b-gr7yq2bvz0] { margin-left:auto; display:flex; align-items:center; gap:4px; padding:5px 8px; border-radius:999px; background:color-mix(in srgb,var(--portal-accent,#a16207) 10%,white); color:var(--portal-primary,#172554); font-size:.68rem; font-weight:800; }
.assessment-code-lab__source[b-gr7yq2bvz0] { min-height:300px; border-radius:16px !important; background:#0c172b !important; color:#e5edf8 !important; border-color:color-mix(in srgb,var(--portal-accent,#d4af67) 35%,transparent) !important; font:500 .82rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace !important; tab-size:4; box-shadow:inset 0 1px 12px rgba(0,0,0,.22); }
.assessment-code-lab__actions[b-gr7yq2bvz0] { display:flex; flex-wrap:wrap; align-items:center; gap:7px; }
.assessment-code-lab__actions button[b-gr7yq2bvz0] { display:flex; align-items:center; gap:5px; min-height:36px; padding:6px 12px; border:1px solid color-mix(in srgb,var(--portal-primary,#172554) 18%,transparent); border-radius:11px; background:white; color:var(--portal-primary,#172554); font-weight:800; cursor:pointer; }
.assessment-code-lab__actions button.is-primary[b-gr7yq2bvz0] { border:0; background:linear-gradient(135deg,var(--portal-primary,#172554),color-mix(in srgb,var(--portal-primary,#172554) 76%,var(--portal-accent,#d4af67))); color:white; box-shadow:0 8px 18px color-mix(in srgb,var(--portal-primary,#172554) 22%,transparent); }
.assessment-code-lab__actions > span[b-gr7yq2bvz0] { display:flex; align-items:center; gap:5px; color:var(--portal-muted,#64748b); font-size:.7rem; }
.assessment-code-lab__result[b-gr7yq2bvz0] { overflow:hidden; border:1px solid color-mix(in srgb,#b42318 24%,transparent); border-radius:14px; background:color-mix(in srgb,#b42318 4%,white); }
.assessment-code-lab__result.is-success[b-gr7yq2bvz0] { border-color:color-mix(in srgb,#16835b 25%,transparent); background:color-mix(in srgb,#16835b 4%,white); }
.assessment-code-lab__result header[b-gr7yq2bvz0] { display:flex; justify-content:space-between; gap:8px; padding:8px 10px; border-bottom:1px solid rgba(15,23,42,.07); font-size:.72rem; }
.assessment-code-lab__result p[b-gr7yq2bvz0] { margin:8px 10px; font-size:.75rem; }
.assessment-code-lab__result pre[b-gr7yq2bvz0] { max-height:220px; overflow:auto; margin:8px; padding:10px; border-radius:10px; background:#0c172b; color:#e5edf8; white-space:pre-wrap; font:.75rem/1.45 ui-monospace,Consolas,monospace; }
.assessment-code-lab__test[b-gr7yq2bvz0] { display:grid; grid-template-columns:auto 1fr auto; gap:7px; align-items:center; padding:6px 10px; border-top:1px solid rgba(15,23,42,.06); font-size:.7rem; }
.assessment-code-lab__test.is-pass > span[b-gr7yq2bvz0] { color:#16835b; }.assessment-code-lab__test.is-fail > span[b-gr7yq2bvz0] { color:#b42318; }

.assessment-simulation__stage[b-gr7yq2bvz0] { padding:11px; border:1px solid color-mix(in srgb,var(--portal-primary,#172554) 11%,transparent); border-radius:16px; background:rgba(255,255,255,.88); box-shadow:0 8px 22px rgba(15,23,42,.045); }
.assessment-simulation__stage > header[b-gr7yq2bvz0] { display:grid; grid-template-columns:30px 1fr; gap:8px; align-items:start; }
.assessment-simulation__stage > header > span[b-gr7yq2bvz0] { width:29px;height:29px;display:grid;place-items:center;border-radius:10px;background:var(--portal-primary,#172554);color:white;font-size:.7rem;font-weight:900; }
.assessment-simulation__stage.is-complete > header > span[b-gr7yq2bvz0] { background:var(--portal-accent,#a16207); }
.assessment-simulation__stage header div[b-gr7yq2bvz0] { display:grid; gap:2px; }.assessment-simulation__stage header strong[b-gr7yq2bvz0] { color:var(--portal-primary,#172554);font-size:.82rem; }.assessment-simulation__stage header p[b-gr7yq2bvz0] { margin:0;color:var(--portal-muted,#64748b);font-size:.74rem;line-height:1.45; }
.assessment-simulation__actions[b-gr7yq2bvz0] { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:7px; margin-top:9px; }
.assessment-simulation__actions button[b-gr7yq2bvz0] { min-height:42px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--portal-primary,#172554) 14%,transparent);border-radius:12px;background:white;color:var(--portal-text,#172033);text-align:left;font-weight:700;cursor:pointer; }
.assessment-simulation__actions button.is-selected[b-gr7yq2bvz0] { border-color:var(--portal-accent,#a16207);background:color-mix(in srgb,var(--portal-accent,#a16207) 9%,white);box-shadow:0 0 0 2px color-mix(in srgb,var(--portal-accent,#a16207) 12%,transparent); }
.assessment-simulation__consequence[b-gr7yq2bvz0] { display:flex;gap:7px;align-items:flex-start;margin-top:8px;padding:8px 10px;border-radius:11px;background:color-mix(in srgb,var(--portal-primary,#172554) 5%,white);color:var(--portal-muted,#64748b);font-size:.73rem; }

.assessment-osce-station > header[b-gr7yq2bvz0] { display:flex;gap:9px;align-items:center;padding:10px;border-radius:15px;background:linear-gradient(130deg,var(--portal-primary,#172554),color-mix(in srgb,var(--portal-primary,#172554) 78%,#53657c));color:white; }
.assessment-osce-station > header > span[b-gr7yq2bvz0] { padding:6px 8px;border:1px solid rgba(255,255,255,.28);border-radius:9px;color:var(--portal-accent,#f5d68a);font-weight:900;letter-spacing:.08em; }
.assessment-osce-station > header div[b-gr7yq2bvz0] { display:grid;gap:1px; }.assessment-osce-station > header strong[b-gr7yq2bvz0] { font-size:.86rem; }.assessment-osce-station > header small[b-gr7yq2bvz0] { opacity:.72;font-size:.68rem; }
.assessment-osce-station ol[b-gr7yq2bvz0] { display:grid;gap:6px;margin:0;padding:0;list-style:none; }
.assessment-osce-station li[b-gr7yq2bvz0] { display:grid;grid-template-columns:27px 1fr;gap:8px;align-items:center;padding:8px 9px;border:1px solid color-mix(in srgb,var(--portal-primary,#172554) 10%,transparent);border-radius:11px;background:white; }
.assessment-osce-station li span[b-gr7yq2bvz0] { width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--portal-primary,#172554) 8%,white);color:var(--portal-primary,#172554);font-size:.66rem;font-weight:900; }.assessment-osce-station li strong[b-gr7yq2bvz0] { font-size:.75rem; }
.assessment-osce-station__ready[b-gr7yq2bvz0] { display:flex;gap:8px;align-items:flex-start;padding:10px;border:1px solid color-mix(in srgb,var(--portal-accent,#a16207) 20%,transparent);border-radius:13px;background:color-mix(in srgb,var(--portal-accent,#a16207) 6%,white); }
.assessment-osce-station__ready input[b-gr7yq2bvz0] { width:auto!important;accent-color:var(--portal-primary,#172554); }.assessment-osce-station__ready span[b-gr7yq2bvz0] { display:grid;gap:2px; }.assessment-osce-station__ready strong[b-gr7yq2bvz0] { font-size:.75rem; }.assessment-osce-station__ready small[b-gr7yq2bvz0] { color:var(--portal-muted,#64748b);font-size:.67rem; }
.assessment-rich-response button:disabled[b-gr7yq2bvz0],.assessment-rich-response input:disabled[b-gr7yq2bvz0],.assessment-rich-response textarea:disabled[b-gr7yq2bvz0] { opacity:.58; cursor:not-allowed; }

@media (max-width:640px) { .assessment-rich-response__secure[b-gr7yq2bvz0],.assessment-code-lab__isolation[b-gr7yq2bvz0]{display:none}.assessment-rich-response[b-gr7yq2bvz0]{padding:11px;border-radius:16px}.assessment-step-editor__add[b-gr7yq2bvz0]{margin-left:0}.assessment-ink-editor__toolbar>span[b-gr7yq2bvz0]{width:100%;margin-left:0}.assessment-code-lab__source[b-gr7yq2bvz0]{min-height:240px}.assessment-simulation__actions[b-gr7yq2bvz0]{grid-template-columns:1fr} }
/* /Components/AssessmentAdvancedResponseViewer.razor.rz.scp.css */
.assessment-advanced-viewer[b-ciqmslcnh5]{overflow:hidden;border:1px solid var(--exam-border,#dce3ec);border-radius:var(--exam-radius-lg,16px);background:var(--exam-surface,#fff);box-shadow:0 12px 28px color-mix(in srgb,var(--tenant-primary,#315f86) 7%,transparent)}
.assessment-advanced-viewer__equation[b-ciqmslcnh5]{min-height:126px;padding:24px;display:flex;align-items:center;gap:14px;background:linear-gradient(130deg,var(--tenant-primary,#315f86),color-mix(in srgb,var(--tenant-primary,#315f86) 74%,#111827));color:var(--tenant-on-primary,#fff)}.assessment-advanced-viewer__equation span[b-ciqmslcnh5]{font-size:.65rem;text-transform:uppercase;letter-spacing:.11em;opacity:.72}.assessment-advanced-viewer__equation code[b-ciqmslcnh5]{font:600 1.18rem "Cambria Math",Consolas,monospace;white-space:pre-wrap}.assessment-advanced-viewer__equation strong[b-ciqmslcnh5]{margin-left:auto;color:var(--tenant-accent,#e2b95a)}
.assessment-advanced-viewer>p[b-ciqmslcnh5]{margin:0;padding:12px 16px;color:var(--exam-text-muted,#5f6d7c);font-size:.78rem}.assessment-advanced-viewer pre[b-ciqmslcnh5]{white-space:pre-wrap;margin:0;padding:16px;color:var(--exam-text,#263548);font:500 .82rem/1.6 inherit}
.assessment-advanced-viewer__steps[b-ciqmslcnh5]{padding:14px;display:grid;gap:8px}.assessment-advanced-viewer__steps article[b-ciqmslcnh5]{display:grid;grid-template-columns:30px 1fr;gap:8px}.assessment-advanced-viewer__steps article>span[b-ciqmslcnh5]{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:var(--tenant-action,var(--tenant-primary,#315f86));color:var(--tenant-on-action,#fff);font-size:.7rem;font-weight:800}.assessment-advanced-viewer__steps article>div[b-ciqmslcnh5]{padding:9px 11px;display:grid;gap:3px;border-radius:11px;background:var(--exam-surface-subtle,#f5f7fa)}.assessment-advanced-viewer__steps strong[b-ciqmslcnh5]{font-size:.82rem;color:var(--exam-text,#253448)}.assessment-advanced-viewer__steps small[b-ciqmslcnh5]{color:var(--exam-text-muted,#687688)}
.assessment-advanced-viewer__ink-stage[b-ciqmslcnh5]{height:310px;background-color:var(--exam-surface,#fff);background-image:linear-gradient(color-mix(in srgb,var(--tenant-primary,#315f86) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--tenant-primary,#315f86) 6%,transparent) 1px,transparent 1px);background-size:20px 20px}.assessment-advanced-viewer__ink-stage svg[b-ciqmslcnh5]{width:100%;height:100%}
@media(max-width:640px){.assessment-advanced-viewer__equation[b-ciqmslcnh5]{padding:18px;align-items:flex-start;flex-direction:column}.assessment-advanced-viewer__equation strong[b-ciqmslcnh5]{margin-left:0}.assessment-advanced-viewer__ink-stage[b-ciqmslcnh5]{height:240px}}
/* /Components/AssessmentAttachmentPreview.razor.rz.scp.css */
.portal-assessment-media[b-tbex5bwopu] {
    display: grid;
    gap: 0.48rem;
    min-width: 0;
    max-width: 100%;
    color: hsl(var(--brand-h, 218), 60%, 16%);
}

.portal-assessment-media.is-disabled[b-tbex5bwopu] {
    cursor: not-allowed;
}

.portal-assessment-media--question[b-tbex5bwopu] {
    grid-column: 1 / -1;
    justify-items: center;
    width: 100%;
    margin-top: 0.1rem;
}

.portal-assessment-media--review[b-tbex5bwopu] {
    width: 100%;
    justify-items: start;
}

.portal-assessment-media--choice[b-tbex5bwopu] {
    width: min(100%, 16rem);
    justify-items: start;
}

.portal-assessment-media__image-link[b-tbex5bwopu] {
    display: grid;
    place-items: center;
    width: 100%;
    text-decoration: none;
}

.portal-assessment-media__image-link--locked[b-tbex5bwopu] {
    pointer-events: none;
}

.portal-assessment-media__image[b-tbex5bwopu] {
    width: min(100%, 34rem);
    max-height: 20rem;
    object-fit: contain;
    padding: 0.55rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(242, 247, 251, 0.9)),
        rgba(255, 255, 255, 0.96);
    box-shadow: 0 16px 38px hsla(var(--brand-h, 218), 60%, 16%, 0.1);
}

.portal-assessment-media--choice .portal-assessment-media__image[b-tbex5bwopu] {
    width: min(100%, 15rem);
    max-height: 8.5rem;
    padding: 0.34rem;
    box-shadow: 0 10px 24px hsla(var(--brand-h, 218), 60%, 16%, 0.08);
}

.portal-assessment-media__video[b-tbex5bwopu] {
    width: min(100%, 34rem);
    max-height: 21rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.1);
    border-radius: 8px;
    background: hsl(var(--brand-h, 222), 47%, 11%);
    box-shadow: 0 16px 38px hsla(var(--brand-h, 218), 60%, 16%, 0.13);
}

.portal-assessment-media--choice .portal-assessment-media__video[b-tbex5bwopu] {
    width: min(100%, 16rem);
    max-height: 9rem;
}

.portal-assessment-media__pdf-shell[b-tbex5bwopu] {
    width: min(100%, 38rem);
    max-height: min(44vh, 28rem);
    overflow: hidden;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.1);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 16px 38px hsla(var(--brand-h, 218), 60%, 16%, 0.11);
}

.portal-assessment-media__pdf-frame[b-tbex5bwopu] {
    display: block;
    width: 100%;
    height: clamp(18rem, 44vh, 28rem);
    max-height: inherit;
    border: 0;
    background: #f8fafc;
}

.portal-assessment-media__audio-shell[b-tbex5bwopu],
.portal-assessment-media__document[b-tbex5bwopu],
.portal-assessment-media__caption[b-tbex5bwopu] {
    display: flex;
    align-items: center;
    min-width: 0;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.92);
}

.portal-assessment-media__audio-shell[b-tbex5bwopu],
.portal-assessment-media__document[b-tbex5bwopu] {
    gap: 0.56rem;
    width: min(100%, 34rem);
    padding: 0.54rem 0.62rem;
    box-shadow: 0 12px 28px hsla(var(--brand-h, 218), 60%, 16%, 0.08);
}

.portal-assessment-media--choice .portal-assessment-media__audio-shell[b-tbex5bwopu],
.portal-assessment-media--choice .portal-assessment-media__document[b-tbex5bwopu] {
    width: 100%;
    padding: 0.42rem;
    box-shadow: none;
}

.portal-assessment-media__audio[b-tbex5bwopu] {
    width: 100%;
    min-width: 0;
    height: 2.2rem;
}

.portal-assessment-media__icon[b-tbex5bwopu] {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    border-radius: 8px;
    color: #285f69;
    background: rgba(84, 127, 137, 0.11);
}

.portal-assessment-media__caption[b-tbex5bwopu] {
    justify-content: space-between;
    gap: 0.54rem;
    width: min(100%, 34rem);
    padding: 0.42rem 0.5rem;
    color: hsl(var(--brand-h, 214), 20%, 40%);
    font-size: 0.76rem;
}

.portal-assessment-media--choice .portal-assessment-media__caption[b-tbex5bwopu] {
    width: 100%;
    padding: 0.34rem 0.42rem;
}

.portal-assessment-media__caption > span[b-tbex5bwopu],
.portal-assessment-media__document-copy[b-tbex5bwopu] {
    display: grid;
    min-width: 0;
}

.portal-assessment-media__caption strong[b-tbex5bwopu],
.portal-assessment-media__document-copy strong[b-tbex5bwopu] {
    min-width: 0;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.78rem;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-media__caption small[b-tbex5bwopu],
.portal-assessment-media__document-copy small[b-tbex5bwopu] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.68rem;
    font-weight: 760;
    letter-spacing: 0;
}

.portal-assessment-media__actions[b-tbex5bwopu] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.28rem;
}

.portal-assessment-media__locked[b-tbex5bwopu] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.24rem;
    min-height: 1.65rem;
    padding: 0.2rem 0.42rem;
    border: 1px solid rgba(122, 92, 32, 0.14);
    border-radius: 8px;
    color: #725018;
    background: rgba(255, 249, 235, 0.86);
    font-size: 0.7rem;
    font-weight: 860;
    white-space: nowrap;
}

.portal-assessment-media__locked[b-tbex5bwopu]  .mud-icon-root {
    flex: 0 0 auto;
    font-size: 0.9rem;
}

.portal-assessment-media__actions a[b-tbex5bwopu] {
    display: inline-flex;
    align-items: center;
    gap: 0.22rem;
    padding: 0.24rem 0.38rem;
    border-radius: 8px;
    color: #285f69;
    background: rgba(84, 127, 137, 0.08);
    font-size: 0.72rem;
    font-weight: 820;
    text-decoration: none;
}

.portal-assessment-media__actions a:hover[b-tbex5bwopu] {
    color: #173f49;
    background: rgba(84, 127, 137, 0.14);
}

.portal-assessment-media__document[b-tbex5bwopu] {
    justify-content: space-between;
}

.portal-assessment-media__document--locked[b-tbex5bwopu] {
    border-color: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.2);
    background:
        linear-gradient(135deg, rgba(255, 249, 235, 0.9), rgba(255, 255, 255, 0.86)),
        rgba(255, 255, 255, 0.92);
}

.portal-assessment-media.is-disabled .portal-assessment-media__image[b-tbex5bwopu] {
    opacity: 0.72;
    filter: saturate(0.72) contrast(0.96);
}

.portal-assessment-media--unknown .portal-assessment-media__document[b-tbex5bwopu] {
    border-color: rgba(153, 88, 42, 0.22);
    background: linear-gradient(135deg, rgba(255, 252, 246, 0.96), rgba(255, 247, 237, 0.82));
}

.portal-assessment-media--unknown .portal-assessment-media__icon[b-tbex5bwopu] {
    color: #8a4a24;
    background: rgba(153, 88, 42, 0.12);
}

.portal-assessment-media--choice .portal-assessment-media__document[b-tbex5bwopu] {
    align-items: flex-start;
    flex-wrap: wrap;
}

.portal-assessment-media.is-preview-hidden .portal-assessment-media__image-link[b-tbex5bwopu] {
    display: none;
}

@media (max-width: 760px) {
    .portal-assessment-media__caption[b-tbex5bwopu],
    .portal-assessment-media__document[b-tbex5bwopu] {
        align-items: flex-start;
        flex-direction: column;
    }

    .portal-assessment-media__actions[b-tbex5bwopu],
    .portal-assessment-media__locked[b-tbex5bwopu] {
        width: 100%;
        flex-wrap: wrap;
    }
}
/* /Components/CardCourseDetailDialog.razor.rz.scp.css */
/* Dialog-specific styles */

.portal-course-detail-dialog[b-ujkgehswz9]  .mud-dialog-title{
    padding: 0.45rem 0.45rem 0.1rem !important;
    min-height: 0;
}

.portal-course-detail-dialog[b-ujkgehswz9]  .mud-dialog-content{
    padding: 0 1rem 0.72rem !important;
}

.portal-course-detail-dialog[b-ujkgehswz9]  .mud-dialog-actions{
    padding: 0 1rem 1rem !important;
}

.portal-course-detail-dialog .portal-card-dialog[b-ujkgehswz9]{
    gap: 0.86rem;
}

.portal-course-detail-dialog__summary[b-ujkgehswz9]{
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.45rem;
    margin-top: 0.2rem;
}

.portal-course-detail-dialog__titlebar[b-ujkgehswz9]{
    align-items: flex-start;
}

.portal-course-detail-dialog .portal-title[b-ujkgehswz9]{
    gap: 0.62rem;
    align-items: flex-start;
    flex: 1 1 auto;
    min-width: 0;
}

.portal-course-detail-dialog .portal-title > div:last-child[b-ujkgehswz9]{
    display: grid;
    gap: 0.16rem;
    padding-top: 0;
}

.portal-course-detail-dialog .portal-title__icon[b-ujkgehswz9]{
    width: 2rem;
    height: 2rem;
    border-radius: 14px;
}

.portal-course-detail-dialog .portal-title__eyebrow[b-ujkgehswz9]{
    font-size: 0.64rem;
    letter-spacing: 0.12em;
}

.portal-course-detail-dialog .portal-title__heading[b-ujkgehswz9]{
    font-size: 0.98rem;
    font-weight: 800;
    margin-top: 0;
}

.portal-course-detail-dialog .portal-title__copy[b-ujkgehswz9]{
    font-size: 0.77rem;
    line-height: 1.45;
    max-width: 48rem;
}

.portal-card-detail-grid__item[b-ujkgehswz9]{
    display: grid;
    align-content: center;
    gap: 0.1rem;
    min-height: 3.45rem;
    padding: 0.48rem 0.66rem;
    border-radius: 13px;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(246,249,255,0.95));
    border: 1px solid hsla(var(--brand-h, 217), 51%, 15%, 0.06);
}

.portal-card-detail-grid__item span[b-ujkgehswz9]{
    font-size: 0.64rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--portal-muted);
    font-weight: 800;
}

.portal-card-detail-grid__item strong[b-ujkgehswz9]{
    font-size: 0.82rem;
    line-height: 1.2;
    color: var(--portal-text);
}

.portal-card-dialog__note[b-ujkgehswz9]{
    padding: 0.9rem 0.95rem;
    border-radius: 18px;
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.06);
    border: 1px solid hsla(var(--brand-h, 224), 76%, 48%, 0.08);
}

.portal-card-dialog__note-label[b-ujkgehswz9]{
    margin-bottom: 0.3rem;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 800;
    color: var(--portal-accent-strong);
}

.portal-card-dialog__selector[b-ujkgehswz9]{
    display: grid;
    gap: 0.42rem;
    margin-top: -0.1rem;
}

.portal-card-dialog__selector-list[b-ujkgehswz9]{
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.portal-card-dialog__selector-chip[b-ujkgehswz9]{
    padding: 0.54rem 0.9rem;
    border-radius: 999px;
    border: 1px solid hsla(var(--brand-h, 217), 51%, 15%, 0.08);
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(245,248,255,0.96));
    color: var(--portal-text);
    font-size: 0.84rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.portal-card-dialog__selector-chip:hover[b-ujkgehswz9]{
    transform: translateY(-1px);
    border-color: hsla(var(--brand-h, 224), 76%, 48%, 0.18);
    box-shadow: 0 10px 20px hsla(var(--brand-h, 219), 62%, 16%, 0.08);
}

.portal-card-dialog__selector-chip--active[b-ujkgehswz9]{
    background: linear-gradient(135deg, hsla(var(--brand-h, 224), 76%, 48%, 0.18), hsla(var(--brand-h, 224), 76%, 48%, 0.06));
    color: var(--portal-accent-strong);
    border-color: hsla(var(--brand-h, 224), 76%, 48%, 0.18);
    box-shadow: inset 0 0 0 1px hsla(var(--brand-h, 224), 76%, 48%, 0.08), 0 10px 20px hsla(var(--brand-h, 224), 76%, 48%, 0.12);
}

.portal-card-evaluation[b-ujkgehswz9]{
    display: grid;
    gap: 0.68rem;
}

.portal-card-evaluation__toolbar[b-ujkgehswz9]{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
    gap: 0.36rem;
}

.portal-card-evaluation__metric[b-ujkgehswz9]{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    min-height: 2.8rem;
    padding: 0.38rem 0.46rem 0.38rem 0.58rem;
    border-radius: 13px;
    border: 1px solid hsla(var(--brand-h, 217), 51%, 15%, 0.06);
    background:
        radial-gradient(circle at top left, rgba(255,255,255,0.98), transparent 46%),
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,249,253,0.96));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
    min-width: 0;
}

.portal-card-evaluation__metric span[b-ujkgehswz9]{
    min-width: 0;
    font-size: 0.68rem;
    letter-spacing: 0;
    color: var(--portal-muted);
    font-weight: 800;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.portal-card-evaluation__metric strong[b-ujkgehswz9]{
    flex: 0 0 auto;
    min-width: 1.9rem;
    height: 1.9rem;
    padding: 0 0.36rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255,235,239,0.98), rgba(255,221,227,0.9));
    color: #6f171d;
    font-size: 0.8rem;
    font-weight: 800;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.82);
}

.portal-card-evaluation__sections[b-ujkgehswz9]{
    display: grid;
    gap: 0.72rem;
}

.portal-card-evaluation__section[b-ujkgehswz9]{
    display: grid;
    gap: 0.62rem;
    padding: 0.8rem;
    border-radius: 20px;
    border: 1px solid hsla(var(--brand-h, 217), 51%, 15%, 0.06);
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,249,253,0.96));
}

.portal-card-evaluation__section-head[b-ujkgehswz9]{
    display: flex;
    justify-content: space-between;
    gap: 0.8rem;
    align-items: center;
}

.portal-card-evaluation__section-title[b-ujkgehswz9]{
    font-size: 0.9rem;
    font-weight: 800;
    color: var(--portal-text);
}

.portal-card-evaluation__section-count[b-ujkgehswz9]{
    font-size: 0.74rem;
    color: var(--portal-muted);
    font-weight: 700;
}

.portal-card-evaluation__cards[b-ujkgehswz9]{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9.75rem, 1fr));
    gap: 0.48rem;
}

.portal-card-evaluation__card[b-ujkgehswz9]{
    display: grid;
    gap: 0.28rem;
    padding: 0.64rem 0.68rem;
    border-radius: 14px;
    border: 1px solid hsla(var(--brand-h, 217), 51%, 15%, 0.06);
    background:
        radial-gradient(circle at top left, rgba(255,255,255,0.98), transparent 44%),
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(245,248,255,0.95));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92);
}

.portal-card-evaluation__card-top[b-ujkgehswz9]{
    display: flex;
    justify-content: space-between;
    gap: 0.45rem;
    align-items: start;
}

.portal-card-evaluation__card-date[b-ujkgehswz9]{
    font-size: 0.69rem;
    color: var(--portal-muted);
    line-height: 1.25;
}

.portal-card-evaluation__card-mark[b-ujkgehswz9]{
    min-width: 2rem;
    padding: 0.22rem 0.44rem;
    border-radius: 999px;
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.08);
    color: var(--portal-accent-strong);
    font-size: 0.84rem;
    font-weight: 800;
    text-align: center;
}

.portal-card-evaluation__card-title[b-ujkgehswz9]{
    font-size: 0.75rem;
    font-weight: 800;
    color: var(--portal-text);
    line-height: 1.24;
    min-height: 2.05rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 900px){
    .portal-course-detail-dialog__summary[b-ujkgehswz9]{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px){
    .portal-course-detail-dialog__summary[b-ujkgehswz9]{
        grid-template-columns: 1fr;
    }
}
/* /Components/CardGpaDialog.razor.rz.scp.css */
/* GPA calculator dialog — compact, tenant-aware and page-specific. */

.portal-gpa-dialog-shell[b-3swdw75qfj]  .mud-dialog-title {
    min-height: 0;
    padding: 0.66rem 0.86rem 0 !important;
}

.portal-gpa-dialog-shell[b-3swdw75qfj]  .mud-dialog-content {
    padding: 0.38rem 0.86rem 0.45rem !important;
}

.portal-gpa-dialog-shell[b-3swdw75qfj]  .mud-dialog-actions {
    padding: 0.22rem 0.86rem 0.72rem !important;
}

.portal-gpa-calculator[b-3swdw75qfj] {
    gap: 0.58rem;
}

.portal-gpa-calculator__titlebar[b-3swdw75qfj],
.portal-gpa-calculator__titlebar .portal-title[b-3swdw75qfj] {
    align-items: center;
}

.portal-gpa-calculator__title-icon[b-3swdw75qfj] {
    border: 1px solid hsla(var(--brand-h, 220), 62%, 24%, 0.08);
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.07);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.portal-gpa-calculator__overview[b-3swdw75qfj] {
    display: grid;
    grid-template-columns: minmax(20rem, 0.9fr) minmax(34rem, 1.55fr);
    align-items: stretch;
    gap: 0.55rem;
}

.portal-gpa-calculator__note[b-3swdw75qfj] {
    display: flex;
    align-items: center;
    gap: 0.58rem;
    min-width: 0;
    margin: 0;
    padding: 0.58rem 0.68rem;
    border-color: hsla(var(--brand-h, 224), 64%, 38%, 0.09);
    border-radius: 14px;
    background:
        linear-gradient(135deg, hsla(var(--brand-h, 224), 76%, 48%, 0.055), transparent 66%),
        rgba(255, 255, 255, 0.8);
}

.portal-gpa-calculator__note-icon[b-3swdw75qfj],
.portal-gpa-calculator__kpi-icon[b-3swdw75qfj] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 1.9rem;
    height: 1.9rem;
    border: 1px solid hsla(var(--brand-h, 224), 64%, 38%, 0.1);
    border-radius: 10px;
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.07);
    color: var(--portal-accent-strong);
}

.portal-gpa-calculator__note-icon[b-3swdw75qfj]  .mud-icon-root,
.portal-gpa-calculator__kpi-icon[b-3swdw75qfj]  .mud-icon-root {
    font-size: 0.96rem !important;
}

.portal-gpa-calculator__note .portal-card-dialog__note-label[b-3swdw75qfj] {
    margin-bottom: 0.12rem;
    font-size: 0.61rem;
    letter-spacing: 0.1em;
}

.portal-gpa-calculator__note-copy[b-3swdw75qfj] {
    color: var(--portal-text);
    font-size: 0.7rem;
    line-height: 1.42;
}

.portal-gpa-calculator__summary[b-3swdw75qfj] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.42rem;
    margin: 0;
}

.portal-gpa-calculator__summary .portal-kpi[b-3swdw75qfj] {
    display: flex;
    align-items: center;
    gap: 0.48rem;
    min-width: 0;
    min-height: 3.45rem;
    padding: 0.48rem 0.54rem;
    border: 1px solid hsla(var(--brand-h, 220), 62%, 24%, 0.075);
    border-radius: 13px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 249, 252, 0.96));
    box-shadow: 0 6px 16px hsla(var(--brand-h, 220), 62%, 18%, 0.035);
}

.portal-gpa-calculator__summary .portal-kpi--featured[b-3swdw75qfj] {
    border-color: hsla(var(--brand-accent-h, 41), 54%, 44%, 0.16);
    background: linear-gradient(135deg, hsla(var(--brand-accent-h, 41), 64%, 54%, 0.1), rgba(255, 255, 255, 0.96));
}

.portal-gpa-calculator__summary .portal-kpi--featured .portal-gpa-calculator__kpi-icon[b-3swdw75qfj] {
    border-color: hsla(var(--brand-accent-h, 41), 54%, 44%, 0.18);
    background: hsla(var(--brand-accent-h, 41), 64%, 54%, 0.12);
    color: hsl(var(--brand-accent-h, 41), 58%, 34%);
}

.portal-gpa-calculator__summary .portal-kpi > div[b-3swdw75qfj] {
    min-width: 0;
}

.portal-gpa-calculator__summary .portal-kpi__label[b-3swdw75qfj] {
    overflow: hidden;
    color: var(--portal-muted);
    font-size: 0.61rem;
    letter-spacing: 0.07em;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-gpa-calculator__summary .portal-kpi__value[b-3swdw75qfj] {
    margin-top: 0.08rem;
    color: var(--portal-ink);
    font-size: 1rem;
    line-height: 1.05;
}

.portal-gpa-calculator__toolbar[b-3swdw75qfj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.58rem;
    min-height: 2.35rem;
}

.portal-gpa-calculator[b-3swdw75qfj]  .portal-gpa-calculator__add {
    min-height: 2.28rem;
    padding-inline: 0.88rem !important;
    border-radius: 999px !important;
    font-size: 0.74rem !important;
    font-weight: 800 !important;
    box-shadow: 0 8px 18px hsla(var(--brand-h, 224), 74%, 32%, 0.14);
}

.portal-gpa-calculator__scale[b-3swdw75qfj] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.32rem;
}

.portal-gpa-calculator__scale-label[b-3swdw75qfj] {
    margin-right: 0.08rem;
    color: var(--portal-accent-strong);
    font-size: 0.64rem;
    font-weight: 900;
    letter-spacing: 0.1em;
}

.portal-gpa-calculator__scale-chip[b-3swdw75qfj] {
    padding: 0.3rem 0.5rem;
    border: 1px solid hsla(var(--brand-h, 217), 51%, 15%, 0.07);
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 247, 252, 0.96));
    color: var(--portal-muted);
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.025em;
    white-space: nowrap;
}

.portal-gpa-calculator__table-wrap[b-3swdw75qfj] {
    max-height: min(67vh, 38rem);
    border: 1px solid hsla(var(--brand-h, 220), 62%, 19%, 0.08);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(247, 249, 252, 0.97));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

.portal-gpa-calculator__table > thead > tr > th[b-3swdw75qfj] {
    padding: 0.46rem 0.5rem !important;
    color: var(--portal-muted);
    font-size: 0.65rem;
    letter-spacing: 0.07em;
}

.portal-gpa-calculator__table > tbody > tr > td[b-3swdw75qfj] {
    padding: 0.38rem 0.48rem !important;
}

.portal-gpa-calculator__table > tbody > tr[b-3swdw75qfj] {
    transition: background-color 0.15s ease;
}

.portal-gpa-calculator__table > tbody > tr:hover[b-3swdw75qfj] {
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.025);
}

.portal-gpa-calculator__table th:first-child[b-3swdw75qfj],
.portal-gpa-calculator__table td:first-child[b-3swdw75qfj] {
    width: 2.7rem;
}

.portal-gpa-calculator__table th:nth-child(3)[b-3swdw75qfj],
.portal-gpa-calculator__table th:nth-child(4)[b-3swdw75qfj],
.portal-gpa-calculator__table th:nth-child(5)[b-3swdw75qfj],
.portal-gpa-calculator__table td:nth-child(3)[b-3swdw75qfj],
.portal-gpa-calculator__table td:nth-child(4)[b-3swdw75qfj],
.portal-gpa-calculator__table td:nth-child(5)[b-3swdw75qfj] {
    width: 6.4rem;
}

.portal-gpa-calculator__table th:last-child[b-3swdw75qfj],
.portal-gpa-calculator__table td:last-child[b-3swdw75qfj] {
    width: 3.4rem;
}

.portal-gpa-calculator__index[b-3swdw75qfj] {
    color: var(--portal-muted);
    font-size: 0.74rem;
    font-weight: 850;
}

.portal-gpa-calculator__input[b-3swdw75qfj] {
    width: 100%;
    min-height: 2.18rem;
    padding: 0.4rem 0.58rem;
    border: 1px solid hsla(var(--brand-h, 220), 63%, 33%, 0.11);
    border-radius: 11px;
    outline: none;
    background: rgba(255, 255, 255, 0.94);
    color: var(--portal-text);
    font-size: 0.78rem;
    line-height: 1.2;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease;
}

.portal-gpa-calculator__input:hover[b-3swdw75qfj] {
    border-color: hsla(var(--brand-h, 220), 63%, 33%, 0.18);
    background: #fff;
}

.portal-gpa-calculator__input:focus[b-3swdw75qfj] {
    border-color: hsla(var(--brand-h, 224), 76%, 48%, 0.32);
    background: #fff;
    box-shadow: 0 0 0 3px hsla(var(--brand-h, 224), 76%, 48%, 0.07);
}

.portal-gpa-calculator__input--number[b-3swdw75qfj] {
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.portal-gpa-calculator__gpa[b-3swdw75qfj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.7rem;
    padding: 0.32rem 0.46rem;
    border: 1px solid hsla(var(--brand-accent-h, 41), 54%, 44%, 0.1);
    border-radius: 999px;
    background: hsla(var(--brand-accent-h, 41), 64%, 54%, 0.1);
    color: hsl(var(--brand-accent-h, 41), 62%, 29%);
    font-size: 0.74rem;
    font-weight: 850;
    line-height: 1;
}

.portal-gpa-calculator__actions[b-3swdw75qfj] {
    text-align: center;
}

.portal-gpa-calculator__actions[b-3swdw75qfj]  .portal-gpa-calculator__remove {
    width: 1.9rem;
    height: 1.9rem;
    min-width: 1.9rem;
    border: 1px solid rgba(185, 28, 28, 0.09) !important;
    border-radius: 9px !important;
    background: rgba(185, 28, 28, 0.055) !important;
}

.portal-gpa-calculator__actions[b-3swdw75qfj]  .portal-gpa-calculator__remove .mud-icon-root {
    font-size: 0.96rem !important;
}

.portal-gpa-calculator__actions[b-3swdw75qfj]  .portal-gpa-calculator__remove:hover,
.portal-gpa-calculator__actions[b-3swdw75qfj]  .portal-gpa-calculator__remove:focus-visible {
    border-color: rgba(185, 28, 28, 0.17) !important;
    background: rgba(185, 28, 28, 0.1) !important;
    box-shadow: 0 8px 18px rgba(185, 28, 28, 0.1) !important;
}

@media (max-width: 1120px) {
    .portal-gpa-calculator__overview[b-3swdw75qfj] {
        grid-template-columns: 1fr;
    }

    .portal-gpa-calculator__toolbar[b-3swdw75qfj],
    .portal-gpa-calculator__scale[b-3swdw75qfj] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

@media (max-width: 720px) {
    .portal-gpa-dialog-shell[b-3swdw75qfj]  .mud-dialog-content {
        padding-inline: 0.68rem !important;
    }

    .portal-gpa-calculator__overview[b-3swdw75qfj] {
        grid-template-columns: minmax(0, 1fr);
    }

    .portal-gpa-calculator__summary[b-3swdw75qfj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .portal-gpa-calculator__toolbar[b-3swdw75qfj] {
        align-items: stretch;
    }

    .portal-gpa-calculator[b-3swdw75qfj]  .portal-gpa-calculator__add {
        width: 100%;
    }

    .portal-gpa-calculator__scale[b-3swdw75qfj] {
        gap: 0.28rem;
    }

    .portal-gpa-calculator__table[b-3swdw75qfj] {
        min-width: 46rem;
    }
}
/* /Components/ChangePasswordDialog.razor.rz.scp.css */
/* Dialog-specific styles */

.portal-password-dialog[b-owkk4eexc1]{
    gap: 0.62rem;
}

.portal-password-dialog-shell[b-owkk4eexc1]  .mud-dialog-content{
    padding-bottom: 0.42rem;
}

.portal-password-dialog-shell[b-owkk4eexc1]  .mud-dialog-actions{
    padding: 0 0.92rem 0.92rem;
}

.portal-password-dialog__hero[b-owkk4eexc1]{
    display: grid;
    gap: 0.62rem;
    align-items: start;
    grid-template-columns: minmax(0, 1fr) minmax(10.8rem, 12rem);
    padding: 0.72rem 0.8rem;
    border-radius: 18px;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 43), 56%, 62%, 0.18), transparent 34%),
        linear-gradient(145deg, hsla(var(--brand-h, 220), 59%, 14%, 0.98), hsla(var(--brand-h, 217), 58%, 25%, 0.95));
    color: rgba(255,255,255,0.96);
    box-shadow: 0 18px 30px hsla(var(--brand-h, 222), 60%, 13%, 0.18);
}

.portal-password-dialog__hero-label[b-owkk4eexc1]{
    font-size: 0.62rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 800;
    opacity: 0.68;
}

.portal-password-dialog__hero-title[b-owkk4eexc1]{
    margin-top: 0.12rem;
    font-family: "Fraunces", Georgia, serif;
    font-size: 0.96rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.08;
}

.portal-password-dialog__meter-card[b-owkk4eexc1]{
    display: grid;
    gap: 0.38rem;
    align-content: start;
    align-self: start;
    min-height: 0;
    padding: 0.7rem 0.74rem;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(255,255,255,0.1), rgba(255,255,255,0.06));
    border: 1px solid rgba(255,255,255,0.1);
    backdrop-filter: blur(12px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
}

.portal-password-dialog__meter-track[b-owkk4eexc1]{
    position: relative;
    height: 0.56rem;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255,255,255,0.14);
}

.portal-password-dialog__meter-fill[b-owkk4eexc1]{
    height: 100%;
    border-radius: inherit;
    transition: width 0.2s ease, background 0.2s ease;
}

.portal-password-dialog__meter-fill--weak[b-owkk4eexc1]{
    background: linear-gradient(90deg, #f87171, #fb7185);
}

.portal-password-dialog__meter-fill--medium[b-owkk4eexc1]{
    background: linear-gradient(90deg, hsl(var(--brand-accent-h, 42), 90%, 65%), hsl(var(--brand-accent-h, 38), 92%, 50%));
}

.portal-password-dialog__meter-fill--strong[b-owkk4eexc1]{
    background: linear-gradient(90deg, #34d399, #10b981);
}

.portal-password-dialog__meter-meta[b-owkk4eexc1]{
    display: flex;
    justify-content: space-between;
    gap: 0.45rem;
    align-items: center;
    font-size: 0.7rem;
}

.portal-password-dialog__meter-meta span[b-owkk4eexc1]{
    opacity: 0.78;
    font-weight: 700;
}

.portal-password-dialog__meter-meta strong[b-owkk4eexc1]{
    font-size: 0.76rem;
    font-weight: 800;
    white-space: nowrap;
}

.portal-password-dialog__form[b-owkk4eexc1]{
    gap: 0.66rem;
}

.portal-password-dialog__requirements[b-owkk4eexc1]{
    display: grid;
    gap: 0.36rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: -0.02rem;
}

.portal-password-dialog__requirement[b-owkk4eexc1]{
    display: flex;
    align-items: center;
    gap: 0.42rem;
    min-height: 2.65rem;
    padding: 0.48rem 0.6rem;
    border-radius: 13px;
    background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(246,248,252,0.96));
    border: 1px solid hsla(var(--brand-h, 217), 51%, 15%, 0.07);
    color: var(--portal-muted);
    font-size: 0.72rem;
    line-height: 1.26;
    font-weight: 700;
}

.portal-password-dialog__requirement-icon[b-owkk4eexc1]{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    flex: 0 0 1rem;
    color: #c15f73;
}

.portal-password-dialog__requirement--valid[b-owkk4eexc1]{
    color: #166534;
    border-color: rgba(16, 185, 129, 0.16);
    background: linear-gradient(180deg, rgba(236, 253, 245, 0.98), rgba(220, 252, 231, 0.94));
}

.portal-password-dialog__requirement--valid .portal-password-dialog__requirement-icon[b-owkk4eexc1]{
    color: #059669;
}

@media (max-width: 1280px) {
    .portal-password-dialog__hero[b-owkk4eexc1]{
        grid-template-columns: 1fr;
    }

    .portal-password-dialog__requirements[b-owkk4eexc1]{
        grid-template-columns: 1fr;
    }
}
/* /Components/CorrespondenceComposeDialog.razor.rz.scp.css */
/* Compose-specific layout. Dialog shell, title, actions and fields use shared portal styles. */

.portal-mail-compose__header[b-5wuctjl409]{
    display: grid;
    gap: 0.42rem;
    padding: 0 0.42rem;
}

.portal-mail-compose__header-top[b-5wuctjl409]{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.6rem;
}

.portal-mail-compose__section-copy[b-5wuctjl409],
.portal-mail-compose__upload-note[b-5wuctjl409],
.portal-mail-compose__field-note[b-5wuctjl409]{
    color: hsl(var(--brand-h, 218), 20%, 52%);
    font-size: 0.72rem;
    line-height: 1.38;
}

.portal-mail-compose__upload-progress[b-5wuctjl409] {
    display: grid;
    gap: 0.34rem;
    padding: 0.52rem 0.62rem;
    border-radius: 16px;
    border: 1px solid hsla(var(--brand-h, 217), 59%, 38%, 0.14);
    background: linear-gradient(180deg, rgba(246,250,255,0.98), rgba(255,251,245,0.94));
}

.portal-mail-compose__upload-progress-head[b-5wuctjl409] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    color: hsl(var(--brand-h, 218), 55%, 25%);
    font-size: 0.74rem;
    font-weight: 800;
}

.portal-mail-compose__upload-progress-track[b-5wuctjl409] {
    height: 0.42rem;
    overflow: hidden;
    border-radius: 999px;
    background: hsla(var(--brand-h, 217), 63%, 28%, 0.12);
}

.portal-mail-compose__upload-progress-track span[b-5wuctjl409] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, hsl(var(--brand-h, 219), 62%, 48%), hsl(var(--brand-accent-h, 38), 49%, 55%));
    transition: width 0.22s ease;
}

.portal-mail-compose__upload-progress small[b-5wuctjl409] {
    color: hsl(var(--brand-h, 218), 20%, 52%);
    font-size: 0.7rem;
}

.portal-mail-compose__preview-overlay[b-5wuctjl409] {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: hsla(var(--brand-h, 218), 58%, 11%, 0.48);
    backdrop-filter: blur(8px);
}

.portal-mail-compose__preview-dialog[b-5wuctjl409] {
    width: min(820px, calc(100vw - 1.6rem));
    max-height: min(760px, calc(100vh - 1.6rem));
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    gap: 0.72rem;
    padding: 0.88rem;
    border-radius: 22px;
    border: 1px solid hsla(var(--brand-accent-h, 41), 47%, 54%, 0.22);
    background: rgba(255,255,255,0.97);
    box-shadow: 0 30px 82px hsla(var(--brand-h, 219), 70%, 13%, 0.28);
}

.portal-mail-compose__preview-head[b-5wuctjl409],
.portal-mail-compose__preview-actions[b-5wuctjl409] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.72rem;
}

.portal-mail-compose__preview-head span[b-5wuctjl409] {
    color: #8a6120;
    font-size: 0.66rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.portal-mail-compose__preview-head h4[b-5wuctjl409] {
    margin: 0.1rem 0 0;
    color: hsl(var(--brand-h, 218), 55%, 25%);
    font-size: 1rem;
}

.portal-mail-compose__preview-meta[b-5wuctjl409] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.38rem;
}

.portal-mail-compose__preview-meta span[b-5wuctjl409] {
    display: inline-flex;
    gap: 0.24rem;
    padding: 0.32rem 0.52rem;
    border-radius: 999px;
    background: rgba(247, 242, 235, 0.9);
    color: #5e5145;
    font-size: 0.73rem;
}

.portal-mail-compose__preview-body[b-5wuctjl409] {
    overflow: auto;
    padding: 0.8rem;
    border-radius: 16px;
    border: 1px solid hsla(var(--brand-h, 217), 59%, 23%, 0.08);
    background: rgba(248,250,254,0.98);
    color: hsl(var(--brand-h, 220), 45%, 23%);
    line-height: 1.5;
}

.portal-mail-compose__preview-actions[b-5wuctjl409] {
    justify-content: flex-end;
}

.portal-mail-compose__header-badges[b-5wuctjl409]{
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
}

.portal-mail-compose__restriction-chip[b-5wuctjl409],
.portal-mail-compose__counter[b-5wuctjl409]{
    display: inline-flex;
    align-items: center;
    min-height: 1.42rem;
    padding: 0.08rem 0.48rem;
    border-radius: 999px;
    font-size: 0.61rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}


.portal-mail-compose__restriction-chip[b-5wuctjl409]{
    background: linear-gradient(180deg, rgba(255,249,239,0.98), rgba(248,240,224,0.94));
    color: #8a6120;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.86);
}

.portal-mail-compose__docflow-hint[b-5wuctjl409]{
    display: flex;
    align-items: center;
    gap: 0.42rem;
    min-width: 0;
    padding: 0.42rem 0.58rem;
    border-radius: 16px;
    border: 1px solid hsla(var(--brand-accent-h, 41), 47%, 54%, 0.22);
    background: linear-gradient(180deg, rgba(255,252,246,0.98), rgba(247,250,255,0.94));
    color: #8a6120;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 12px 22px hsla(var(--brand-h, 219), 60%, 27%, 0.06);
}

.portal-mail-compose__docflow-hint span[b-5wuctjl409]{
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.portal-mail-compose__docflow-hint strong[b-5wuctjl409]{
    min-width: 0;
    overflow: hidden;
    color: hsl(var(--brand-h, 218), 55%, 25%);
    font-size: 0.74rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-mail-compose__card[b-5wuctjl409]{
    display: grid;
    gap: 0.56rem;
    padding: 0.66rem 0.68rem;
    border-radius: 22px;
    border: 1px solid hsla(var(--brand-h, 217), 59%, 23%, 0.07);
    background: linear-gradient(180deg, rgba(255,255,255,0.995), rgba(246,249,255,0.97));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.94),
        0 14px 28px hsla(var(--brand-h, 217), 66%, 21%, 0.045);
}

.portal-mail-compose__card--soft[b-5wuctjl409]{
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 41), 47%, 54%, 0.09), transparent 26%),
        linear-gradient(180deg, rgba(255,255,255,0.992), rgba(247,249,255,0.965));
}

.portal-mail-compose__section-head[b-5wuctjl409]{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.6rem;
}

.portal-mail-compose__section-title[b-5wuctjl409]{
    color: hsl(var(--brand-h, 218), 55%, 25%);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.portal-mail-compose__counter[b-5wuctjl409]{
    flex-shrink: 0;
    background: linear-gradient(180deg, rgba(236,243,255,0.98), hsla(var(--brand-h, 218), 100%, 95%, 0.95));
    color: hsl(var(--brand-h, 222), 56%, 45%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.88);
}

.portal-mail-compose__details-grid[b-5wuctjl409]{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
}

.portal-mail-compose__details-grid--stacked[b-5wuctjl409]{
    grid-template-columns: 1fr;
    grid-auto-rows: max-content;
    align-content: start;
}

.portal-mail-compose__layout[b-5wuctjl409]{
    display: grid;
    grid-template-columns: minmax(0, 1.34fr) minmax(16.6rem, 0.82fr);
    gap: 0.62rem;
    align-items: stretch;
}

.portal-mail-compose__main[b-5wuctjl409],
.portal-mail-compose__side[b-5wuctjl409]{
    display: grid;
    gap: 0.62rem;
    height: 100%;
}

.portal-mail-compose__main > .portal-mail-compose__card--editor[b-5wuctjl409],
.portal-mail-compose__side > .portal-mail-compose__card[b-5wuctjl409]{
    height: 100%;
}

.portal-mail-compose__side > .portal-mail-compose__card[b-5wuctjl409]{
    align-content: start;
}

.portal-mail-compose__card--editor[b-5wuctjl409]{
    grid-template-rows: auto 1fr;
    gap: 0.68rem;
    height: 100%;
}

.portal-mail-compose__editor-grid[b-5wuctjl409]{
    display: grid;
    gap: 0.54rem;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 0;
}

.portal-mail-compose__editor-field[b-5wuctjl409]{
    display: grid;
    gap: 0.22rem;
}

.portal-mail-compose__editor-field:last-child[b-5wuctjl409]{
    min-height: 0;
}

.portal-mail-compose__editor-counters[b-5wuctjl409]{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.32rem;
}

.portal-mail-compose__draft-tools[b-5wuctjl409] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.28rem;
}

.portal-mail-compose__draft-tools[b-5wuctjl409]  .mud-button-root {
    border-radius: 999px !important;
    min-height: 1.9rem;
    font-size: 0.7rem;
    font-weight: 800;
}


.portal-mail-compose__detail-field--readonly[b-5wuctjl409]{
    padding: 0.2rem 0 0;
}

.portal-mail-compose__readonly-value[b-5wuctjl409]{
    color: hsl(var(--brand-h, 220), 45%, 23%);
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.42;
    padding: 0.6rem 0.72rem;
    border-radius: 12px;
    border: 1px solid hsla(var(--brand-h, 217), 59%, 23%, 0.08);
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(244,248,255,0.94));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.88);
}


.portal-mail-compose__template-bar[b-5wuctjl409]{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.52rem;
    padding: 0.62rem 0.7rem;
    border-radius: 18px;
    border: 1px solid hsla(var(--brand-accent-h, 41), 47%, 54%, 0.16);
    background: linear-gradient(180deg, rgba(255,251,243,0.99), rgba(249,242,226,0.95));
}

.portal-mail-compose__template-title[b-5wuctjl409]{
    color: #7c5d1a;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.portal-mail-compose__template-copy[b-5wuctjl409]{
    margin-top: 0.14rem;
    color: #7b6a43;
    font-size: 0.77rem;
    line-height: 1.45;
}

.portal-mail-compose__textarea[b-5wuctjl409]{
    min-height: 100%;
    height: 100%;
}

.portal-mail-compose__validation[b-5wuctjl409]{
    color: #bd4f4f;
    font-size: 0.75rem;
    font-weight: 700;
}


.portal-mail-compose__reply-body[b-5wuctjl409]{
    padding: 0.64rem 0.72rem;
    border-radius: 18px;
    border: 1px solid hsla(var(--brand-h, 217), 59%, 23%, 0.08);
    background: rgba(255,255,255,0.82);
    color: hsl(var(--brand-h, 216), 33%, 28%);
    font-size: 0.78rem;
    line-height: 1.56;
}

.portal-mail-compose__upload-files[b-5wuctjl409]{
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
}


.portal-mail-compose__upload-block[b-5wuctjl409]{
    display: grid;
    gap: 0.52rem;
    padding: 0.76rem 0.82rem;
    border-radius: 20px;
    border: 1px solid hsla(var(--brand-h, 221), 67%, 45%, 0.11);
    background:
        linear-gradient(180deg, rgba(247,250,255,0.95), rgba(241,246,255,0.9));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.86);
}

.portal-mail-compose__card--attachments[b-5wuctjl409]{
    gap: 0.62rem;
}

.portal-mail-compose__upload-toolbar[b-5wuctjl409]{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.72rem;
    flex-wrap: wrap;
}

.portal-mail-compose__upload-block[b-5wuctjl409]  .portal-mail-compose__file-input{
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.portal-mail-compose__upload-button[b-5wuctjl409]{
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    width: fit-content;
    min-height: 1.9rem;
    padding: 0.28rem 0.7rem;
    border-radius: 999px;
    border: 1px solid hsla(var(--brand-h, 221), 67%, 45%, 0.14);
    background: linear-gradient(180deg, rgba(255,255,255,0.995), rgba(237,244,255,0.96));
    color: hsl(var(--brand-h, 222), 60%, 44%);
    font-size: 0.75rem;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 10px 22px hsla(var(--brand-h, 219), 67%, 26%, 0.07);
}

.portal-mail-compose__upload-files--stacked[b-5wuctjl409]{
    display: grid;
    gap: 0.4rem;
}

.portal-mail-compose__file-row[b-5wuctjl409]{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.48rem;
    padding: 0.62rem 0.66rem 0.62rem 0.8rem;
    border-radius: 18px;
    border: 1px solid hsla(var(--brand-h, 220), 66%, 42%, 0.1);
    background:
        linear-gradient(180deg, rgba(250,252,255,0.99), rgba(234,241,255,0.92));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.88);
}

.portal-mail-compose__file-row-copy[b-5wuctjl409]{
    min-width: 0;
    display: grid;
    gap: 0.08rem;
}

.portal-mail-compose__file-row-name[b-5wuctjl409]{
    color: hsl(var(--brand-h, 215), 49%, 27%);
    font-size: 0.76rem;
    font-weight: 800;
    line-height: 1.34;
    word-break: break-word;
}

.portal-mail-compose__file-row-meta[b-5wuctjl409]{
    color: hsl(var(--brand-h, 218), 22%, 54%);
    font-size: 0.65rem;
    font-weight: 800;
}

.portal-mail-compose__file-row-remove[b-5wuctjl409]{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.8rem;
    flex-shrink: 0;
    border: 1px solid hsla(var(--brand-h, 217), 59%, 23%, 0.08);
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(244,248,255,0.94));
    color: hsl(var(--brand-h, 217), 29%, 47%);
    cursor: pointer;
    transition: background 120ms ease, color 120ms ease, transform 120ms ease, box-shadow 120ms ease;
    box-shadow: 0 8px 18px hsla(var(--brand-h, 219), 66%, 26%, 0.08);
}

.portal-mail-compose__file-row-remove:hover[b-5wuctjl409],
.portal-mail-compose__file-row-remove:focus-visible[b-5wuctjl409]{
    background: rgba(255,255,255,1);
    color: hsl(var(--brand-h, 219), 54%, 26%);
    transform: translateY(-1px);
    box-shadow: 0 12px 22px hsla(var(--brand-h, 219), 66%, 26%, 0.12);
}

.portal-mail-compose__file-row-remove:disabled[b-5wuctjl409]{
    opacity: 0.55;
    cursor: default;
    transform: none;
    box-shadow: none;
}

@media (max-width: 1100px) {
    .portal-mail-compose__layout[b-5wuctjl409]{
        grid-template-columns: 1fr;
    }

}

@media (max-width: 720px) {
    .portal-mail-compose-dialog[b-5wuctjl409]{
        border-radius: 0 !important;
        min-height: 100dvh;
        box-shadow: none !important;
        background:
            linear-gradient(180deg, rgba(255,255,255,1), rgba(246,249,255,0.99)) !important;
    }

    .portal-mail-compose-dialog[b-5wuctjl409]  .mud-dialog{
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        height: 100dvh;
        margin: 0;
        border-radius: 0 !important;
    }

    .portal-mail-compose-dialog[b-5wuctjl409]  .mud-dialog-content{
        padding: 0;
        max-height: none;
        height: calc(100dvh - 5.2rem);
        overflow: auto;
    }

    .portal-mail-compose-dialog[b-5wuctjl409]  .mud-dialog-actions{
        position: sticky;
        bottom: 0;
        z-index: 5;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.42rem;
        padding: 0.62rem 0.72rem calc(0.72rem + env(safe-area-inset-bottom, 0px));
        border-top: 1px solid hsla(var(--brand-h, 217), 51%, 15%, 0.08);
        background:
            linear-gradient(180deg, rgba(255,255,255,0.92), rgba(248,251,255,0.99));
        backdrop-filter: blur(14px);
    }

    .portal-mail-compose-dialog[b-5wuctjl409]  .mud-dialog-actions .mud-button-root{
        width: 100%;
        min-height: 2.5rem;
        justify-content: center;
        border-radius: 999px;
    }

    .portal-mail-compose[b-5wuctjl409]{
        gap: 0.5rem;
    }

    .portal-mail-compose__header[b-5wuctjl409],
    .portal-mail-compose__template-bar[b-5wuctjl409],
    .portal-mail-compose__section-head[b-5wuctjl409]{
        display: grid;
    }

    .portal-mail-compose__header[b-5wuctjl409]{
        gap: 0.36rem;
        padding: 0.1rem 0 0;
    }

    .portal-mail-compose__upload-toolbar[b-5wuctjl409]{
        align-items: flex-start;
    }

    .portal-mail-compose__header-top[b-5wuctjl409]{
        align-items: flex-start;
    }

    .portal-mail-compose__header-badges[b-5wuctjl409]{
        justify-content: flex-start;
        gap: 0.3rem;
    }

    .portal-mail-compose__details-grid[b-5wuctjl409]{
        grid-template-columns: 1fr;
    }

    .portal-mail-compose__card[b-5wuctjl409]{
        padding: 0.66rem;
        border-radius: 18px;
        gap: 0.46rem;
    }


    .portal-mail-compose__layout[b-5wuctjl409]{
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .portal-mail-compose__side[b-5wuctjl409]{
        order: -1;
    }

    .portal-mail-compose__section-copy[b-5wuctjl409],
    .portal-mail-compose__upload-note[b-5wuctjl409],
    .portal-mail-compose__field-note[b-5wuctjl409]{
        font-size: 0.68rem;
        line-height: 1.32;
    }


    .portal-mail-compose__editor-counters[b-5wuctjl409]{
        justify-content: flex-start;
        gap: 0.24rem;
    }

    .portal-mail-compose__restriction-chip[b-5wuctjl409],
    .portal-mail-compose__counter[b-5wuctjl409]{
        min-height: 1.28rem;
        padding: 0.06rem 0.38rem;
        font-size: 0.56rem;
        letter-spacing: 0.08em;
    }

    .portal-mail-compose__input[b-5wuctjl409]{
        min-height: 2.18rem;
        padding: 0.52rem 0.68rem;
        font-size: 0.8rem;
    }

    .portal-mail-compose__textarea[b-5wuctjl409]{
        min-height: 12rem;
        height: auto;
        padding: 0.66rem 0.68rem;
        font-size: 0.8rem;
        line-height: 1.46;
    }

    .portal-mail-compose__upload-block[b-5wuctjl409]{
        padding: 0.68rem 0.72rem;
        border-radius: 18px;
    }

    .portal-mail-compose__upload-toolbar[b-5wuctjl409]{
        gap: 0.46rem;
    }

    .portal-mail-compose__upload-button[b-5wuctjl409]{
        min-height: 1.82rem;
        padding: 0.24rem 0.62rem;
        font-size: 0.72rem;
    }

    .portal-mail-compose__file-row[b-5wuctjl409]{
        padding: 0.56rem 0.6rem 0.56rem 0.72rem;
        border-radius: 16px;
    }

    .portal-mail-compose__reply-body[b-5wuctjl409]{
        padding: 0.56rem 0.62rem;
        border-radius: 16px;
        font-size: 0.74rem;
        line-height: 1.48;
    }
}

/* Premium neutral compose layer — tenant colour is reserved for active accents. */

.portal-mail-compose__header[b-5wuctjl409] {
    padding: 0 0.08rem;
}

.portal-mail-compose__restriction-chip[b-5wuctjl409],
.portal-mail-compose__counter[b-5wuctjl409] {
    border: 1px solid color-mix(in srgb, var(--color-brand-900) 10%, var(--color-border));
    background: var(--color-brand-50);
    color: color-mix(in srgb, var(--color-brand-900) 78%, var(--color-text-primary));
    box-shadow: none;
}

.portal-mail-compose__layout[b-5wuctjl409] {
    grid-template-columns: minmax(0, 1.42fr) minmax(17.5rem, 0.88fr);
    gap: 0.75rem;
}

.portal-mail-compose__main[b-5wuctjl409],
.portal-mail-compose__side[b-5wuctjl409] {
    gap: 0.75rem;
}

.portal-mail-compose__card[b-5wuctjl409] {
    gap: 0.62rem;
    padding: 0.82rem;
    border: 1px solid var(--color-border);
    border-radius: 17px;
    background: var(--color-surface);
    box-shadow: var(--shadow-xs);
}

.portal-mail-compose__side > .portal-mail-compose__card[b-5wuctjl409] {
    position: relative;
    overflow: hidden;
}

.portal-mail-compose__side > .portal-mail-compose__card[b-5wuctjl409]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 2px;
    background: linear-gradient(90deg, var(--color-brand-900), var(--color-accent-gold), transparent 72%);
    opacity: 0.62;
}

.portal-mail-compose__card--soft[b-5wuctjl409] {
    background: linear-gradient(180deg, var(--color-surface), var(--color-surface-subtle));
}

.portal-mail-compose__section-title[b-5wuctjl409] {
    color: var(--color-text-primary);
    font-size: 0.72rem;
    letter-spacing: 0.08em;
}

.portal-mail-compose__section-copy[b-5wuctjl409],
.portal-mail-compose__upload-note[b-5wuctjl409],
.portal-mail-compose__field-note[b-5wuctjl409] {
    color: var(--color-text-secondary);
}

.portal-mail-compose__draft-tools[b-5wuctjl409]  .mud-button-root {
    min-height: 1.86rem;
    padding-inline: 0.56rem !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}

.portal-mail-compose__draft-tools[b-5wuctjl409]  .mud-button-text-primary {
    color: var(--color-brand-900);
}

.portal-mail-compose__draft-tools[b-5wuctjl409]  .mud-button-text-default {
    color: var(--color-text-secondary);
}

.portal-mail-compose__draft-tools[b-5wuctjl409]  .mud-button-root:hover,
.portal-mail-compose__draft-tools[b-5wuctjl409]  .mud-button-root:focus-visible {
    border-color: var(--color-border);
    background: var(--color-surface-hover);
}

.portal-mail-compose__readonly-value[b-5wuctjl409] {
    border-color: var(--color-border);
    background: var(--color-surface-subtle);
    color: var(--color-text-primary);
    box-shadow: none;
}

.portal-mail-compose__card--attachments[b-5wuctjl409] {
    gap: 0.58rem;
}

.portal-mail-compose__upload-block[b-5wuctjl409] {
    gap: 0.5rem;
    padding: 0.68rem 0.76rem;
    border: 1px dashed var(--color-border-strong);
    border-radius: 14px;
    background: var(--color-surface-subtle);
    box-shadow: none;
}

.portal-mail-compose__upload-button[b-5wuctjl409] {
    min-height: 2rem;
    border-color: color-mix(in srgb, var(--color-brand-900) 22%, var(--color-border));
    background: var(--color-surface);
    color: var(--color-brand-900);
    box-shadow: var(--shadow-xs);
}

.portal-mail-compose__upload-button:hover[b-5wuctjl409],
.portal-mail-compose__upload-button:focus-visible[b-5wuctjl409] {
    border-color: color-mix(in srgb, var(--color-brand-900) 38%, var(--color-border));
    background: var(--color-brand-50);
}

.portal-mail-compose__file-row[b-5wuctjl409] {
    border-color: var(--color-border);
    background: var(--color-surface);
    box-shadow: var(--shadow-xs);
}

.portal-mail-compose__file-row-name[b-5wuctjl409] {
    color: var(--color-text-primary);
}

.portal-mail-compose__file-row-meta[b-5wuctjl409] {
    color: var(--color-text-muted);
}

.portal-mail-compose__upload-progress[b-5wuctjl409] {
    border-color: var(--color-border);
    background: var(--color-surface);
}

.portal-mail-compose__upload-progress-head[b-5wuctjl409] {
    color: var(--color-text-primary);
}

.portal-mail-compose__upload-progress-track[b-5wuctjl409] {
    background: var(--color-border);
}

.portal-mail-compose__upload-progress-track span[b-5wuctjl409] {
    background: linear-gradient(90deg, var(--color-brand-900), var(--color-accent-gold));
}

.portal-mail-compose__upload-progress small[b-5wuctjl409] {
    color: var(--color-text-secondary);
}

.portal-mail-compose__preview-overlay[b-5wuctjl409] {
    background: rgba(20, 24, 31, 0.52);
}

.portal-mail-compose__preview-dialog[b-5wuctjl409] {
    border-color: var(--color-border);
    border-radius: 20px;
    background: var(--color-surface);
    box-shadow: 0 30px 82px rgba(16, 24, 40, 0.28);
}

.portal-mail-compose__preview-head span[b-5wuctjl409] {
    color: var(--color-brand-900);
}

.portal-mail-compose__preview-head h4[b-5wuctjl409],
.portal-mail-compose__preview-body[b-5wuctjl409] {
    color: var(--color-text-primary);
}

.portal-mail-compose__preview-meta span[b-5wuctjl409] {
    border: 1px solid var(--color-border);
    background: var(--color-surface-subtle);
    color: var(--color-text-secondary);
}

.portal-mail-compose__preview-body[b-5wuctjl409] {
    border-color: var(--color-border);
    background: var(--color-surface-subtle);
}

@media (max-width: 1100px) {
    .portal-mail-compose__layout[b-5wuctjl409] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .portal-mail-compose-dialog[b-5wuctjl409] {
        border: 0;
        border-radius: 0 !important;
        background: var(--color-surface) !important;
    }

    .portal-mail-compose-dialog[b-5wuctjl409]  .mud-dialog-title {
        padding: 0.78rem 0.72rem 0.68rem !important;
    }

    .portal-mail-compose-dialog[b-5wuctjl409]  .mud-dialog-content {
        padding: 0.62rem 0.68rem 0.22rem !important;
    }

    .portal-mail-compose-dialog[b-5wuctjl409]  .mud-dialog-actions {
        padding: 0.62rem 0.72rem calc(0.72rem + env(safe-area-inset-bottom, 0px)) !important;
        border-top-color: var(--color-border);
        background: color-mix(in srgb, var(--color-surface) 96%, transparent);
    }

    .portal-mail-compose__card[b-5wuctjl409] {
        border-radius: 15px;
    }
}
/* /Components/CorrespondenceViewerDialog.razor.rz.scp.css */
/* Premium correspondence viewer — compact metadata and a calm reading surface. */

.portal-mail-viewer-dialog[b-ibq74agbri] {
    width: min(72rem, calc(100vw - 2rem));
    max-height: 92vh;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--color-brand-900) 8%, var(--color-border));
    border-radius: 24px !important;
    background:
        radial-gradient(circle at 94% 0%, color-mix(in srgb, var(--color-brand-50) 72%, transparent), transparent 25%),
        var(--color-surface) !important;
    box-shadow: 0 30px 82px rgba(16, 24, 40, 0.22) !important;
}

.portal-mail-viewer-dialog[b-ibq74agbri]  .mud-dialog-title {
    min-height: 0;
    padding: 0.95rem 1.1rem 0.78rem !important;
    border-bottom: 1px solid var(--color-border);
    background: linear-gradient(180deg, var(--color-surface), var(--color-surface-subtle));
}

.portal-mail-viewer-dialog[b-ibq74agbri]  .mud-dialog-content {
    max-height: calc(92vh - 8rem);
    padding: 0.8rem 1rem 0.5rem !important;
    overflow-y: auto;
    background: var(--color-surface-subtle);
}

.portal-mail-viewer-dialog[b-ibq74agbri]  .mud-dialog-actions {
    padding: 0.65rem 1rem 0.82rem !important;
    border-top: 1px solid var(--color-border);
    background: var(--color-surface);
}

.portal-mail-viewer-dialog[b-ibq74agbri]  .portal-dialog__action-close {
    min-height: 2.3rem;
    border-color: var(--color-border);
    background: var(--color-surface);
    color: var(--color-text-secondary);
    box-shadow: var(--shadow-xs);
}

.portal-mail-viewer__content[b-ibq74agbri] {
    display: grid;
    gap: 0.7rem;
}

.portal-mail-viewer__titlebar[b-ibq74agbri],
.portal-mail-viewer__titlebar .portal-title[b-ibq74agbri] {
    align-items: flex-start;
}

.portal-mail-viewer__titlebar .portal-title[b-ibq74agbri] {
    gap: 0.7rem;
}

.portal-mail-viewer__title-icon[b-ibq74agbri] {
    width: 2.5rem !important;
    height: 2.5rem !important;
    flex: 0 0 2.5rem;
    border: 1px solid color-mix(in srgb, var(--color-brand-900) 12%, var(--color-border));
    border-radius: 13px !important;
    background: var(--color-brand-50);
    color: var(--color-brand-900);
    box-shadow: var(--shadow-xs);
}

.portal-mail-viewer__title-icon--outgoing[b-ibq74agbri] {
    border-color: color-mix(in srgb, var(--color-accent-gold) 20%, var(--color-border));
    background: var(--color-accent-gold-soft);
    color: color-mix(in srgb, var(--color-accent-gold) 82%, #5b461f);
}

.portal-mail-viewer__titlebar .portal-title__eyebrow[b-ibq74agbri] {
    color: color-mix(in srgb, var(--color-brand-900) 68%, var(--color-text-secondary));
    font-size: 0.65rem;
    letter-spacing: 0.1em;
}

.portal-mail-viewer__titlebar .portal-title__heading[b-ibq74agbri] {
    max-width: 52rem;
    color: var(--color-text-primary);
    font-size: 1.06rem;
    line-height: 1.3;
}

.portal-mail-viewer__titlebar .portal-title__copy[b-ibq74agbri] {
    color: var(--color-text-secondary);
    font-size: 0.74rem;
}

.portal-mail-viewer__summary[b-ibq74agbri] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    min-height: 2.65rem;
    padding: 0.42rem 0.55rem;
    border: 1px solid var(--color-border);
    border-radius: 14px;
    background: var(--color-surface);
    box-shadow: var(--shadow-xs);
}

.portal-mail-viewer__badges[b-ibq74agbri],
.portal-mail-viewer__quick-meta[b-ibq74agbri] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.38rem;
}

.portal-mail-viewer__mode-badge[b-ibq74agbri],
.portal-mail-viewer__badge[b-ibq74agbri],
.portal-mail-viewer__quick-item[b-ibq74agbri] {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    min-height: 1.72rem;
    padding: 0.18rem 0.58rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-pill);
    font-size: 0.68rem;
    font-weight: 800;
    white-space: nowrap;
}

.portal-mail-viewer__mode-badge[b-ibq74agbri] {
    border-color: color-mix(in srgb, var(--color-brand-900) 12%, var(--color-border));
    background: var(--color-brand-50);
    color: var(--color-brand-900);
}

.portal-mail-viewer__mode-badge[b-ibq74agbri]  .mud-icon-root,
.portal-mail-viewer__quick-item[b-ibq74agbri]  .mud-icon-root {
    font-size: 0.92rem !important;
}

.portal-mail-viewer__badge[b-ibq74agbri],
.portal-mail-viewer__quick-item[b-ibq74agbri] {
    background: var(--color-surface-subtle);
    color: var(--color-text-secondary);
}

.portal-mail-viewer__badge--docflow[b-ibq74agbri],
.portal-mail-viewer__quick-item--docflow[b-ibq74agbri],
.portal-mail-viewer__info-card--docflow[b-ibq74agbri] {
    border-color: color-mix(in srgb, var(--color-info) 16%, var(--color-border));
    background: var(--color-info-soft);
    color: var(--color-info);
}

.portal-mail-viewer[b-ibq74agbri] {
    display: grid;
    gap: 0.7rem;
}

.portal-mail-viewer__info[b-ibq74agbri] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.55rem;
}

.portal-mail-viewer__info-card[b-ibq74agbri] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.62rem;
    min-height: 4.4rem;
    padding: 0.62rem 0.68rem;
    border: 1px solid var(--color-border);
    border-radius: 14px;
    background: linear-gradient(180deg, var(--color-surface), var(--color-surface-subtle));
    box-shadow: var(--shadow-xs);
}

.portal-mail-viewer__info-card > div[b-ibq74agbri] {
    min-width: 0;
    display: grid;
    gap: 0.14rem;
}

.portal-mail-viewer__info-icon[b-ibq74agbri] {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid var(--color-border);
    border-radius: 10px;
    background: var(--color-surface);
    color: var(--color-text-secondary);
    box-shadow: var(--shadow-xs);
}

.portal-mail-viewer__info-icon[b-ibq74agbri]  .mud-icon-root {
    font-size: 1rem !important;
}

.portal-mail-viewer__info-card > div > span[b-ibq74agbri],
.portal-mail-viewer__section-eyebrow[b-ibq74agbri] {
    color: var(--color-text-muted);
    font-size: 0.63rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.portal-mail-viewer__info-card strong[b-ibq74agbri] {
    color: var(--color-text-primary);
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.portal-mail-viewer__info-card--docflow[b-ibq74agbri] {
    grid-column: 1 / -1;
}

.portal-mail-viewer__info-card--docflow .portal-mail-viewer__info-icon[b-ibq74agbri] {
    border-color: color-mix(in srgb, var(--color-info) 18%, var(--color-border));
    color: var(--color-info);
}

.portal-mail-viewer__panel[b-ibq74agbri] {
    position: relative;
    display: grid;
    gap: 0.64rem;
    padding: 0.78rem 0.82rem;
    overflow: hidden;
    border: 1px solid var(--color-border);
    border-radius: 16px;
    background: var(--color-surface);
    box-shadow: var(--shadow-xs);
}

.portal-mail-viewer__panel--message[b-ibq74agbri]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: linear-gradient(180deg, var(--color-brand-900), var(--color-accent-gold));
    opacity: 0.78;
}

.portal-mail-viewer__section-head[b-ibq74agbri] {
    display: grid;
    gap: 0.1rem;
}

.portal-mail-viewer__section-title[b-ibq74agbri] {
    color: var(--color-text-primary);
    font-size: 0.94rem;
    font-weight: 850;
    line-height: 1.2;
}

.portal-mail-viewer__body[b-ibq74agbri] {
    min-height: 5rem;
    padding: 0.75rem 0.82rem;
    border: 1px solid var(--color-border);
    border-radius: 12px;
    background: var(--color-surface-subtle);
    color: var(--color-text-primary);
    font-size: 0.84rem;
    line-height: 1.72;
    overflow-wrap: anywhere;
}

.portal-mail-viewer__body :global(p)[b-ibq74agbri] {
    margin: 0 0 0.72rem;
}

.portal-mail-viewer__body :global(p:last-child)[b-ibq74agbri] {
    margin-bottom: 0;
}

.portal-mail-viewer__body :global(a)[b-ibq74agbri] {
    color: var(--color-brand-900);
    font-weight: 750;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    overflow-wrap: anywhere;
}

.portal-mail-viewer__attachments--stacked[b-ibq74agbri] {
    display: grid;
    gap: 0.42rem;
}

.portal-mail-viewer__attachment[b-ibq74agbri] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.58rem;
    width: 100%;
    padding: 0.6rem 0.68rem;
    border: 1px solid var(--color-border);
    border-radius: 13px;
    background: var(--color-surface-subtle);
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: transform var(--motion-fast), border-color var(--motion-fast), box-shadow var(--motion-fast), background var(--motion-fast);
}

.portal-mail-viewer__attachment:hover[b-ibq74agbri],
.portal-mail-viewer__attachment:focus-visible[b-ibq74agbri] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--color-brand-900) 22%, var(--color-border));
    background: var(--color-surface);
    box-shadow: var(--shadow-card);
}

.portal-mail-viewer__attachment.is-selected[b-ibq74agbri] {
    border-color: color-mix(in srgb, var(--color-brand-900) 28%, var(--color-border));
    background: var(--color-brand-50);
}

.portal-mail-viewer__attachment-index[b-ibq74agbri] {
    display: grid;
    place-items: center;
    width: 1.9rem;
    height: 1.9rem;
    border: 1px solid var(--color-border);
    border-radius: 9px;
    background: var(--color-surface);
    color: var(--color-brand-900);
    font-size: 0.65rem;
    font-weight: 900;
}

.portal-mail-viewer__attachment-copy[b-ibq74agbri] {
    min-width: 0;
    display: grid;
    gap: 0.08rem;
}

.portal-mail-viewer__attachment-name[b-ibq74agbri] {
    color: var(--color-text-primary);
    font-size: 0.78rem;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.portal-mail-viewer__attachment-action[b-ibq74agbri],
.portal-mail-viewer__preview-head a[b-ibq74agbri] {
    color: var(--color-brand-900);
    font-size: 0.68rem;
    font-weight: 800;
}

.portal-mail-viewer__preview[b-ibq74agbri] {
    display: grid;
    gap: 0.5rem;
    padding: 0.58rem;
    border: 1px solid var(--color-border);
    border-radius: 14px;
    background: var(--color-surface-subtle);
}

.portal-mail-viewer__preview-head[b-ibq74agbri] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    color: var(--color-text-primary);
    font-size: 0.75rem;
    font-weight: 800;
}

.portal-mail-viewer__preview-head span[b-ibq74agbri] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-mail-viewer__preview-head a[b-ibq74agbri] {
    flex-shrink: 0;
    text-decoration: none;
}

.portal-mail-viewer__preview img[b-ibq74agbri],
.portal-mail-viewer__preview iframe[b-ibq74agbri] {
    width: 100%;
    min-height: 22rem;
    max-height: 52vh;
    border: 1px solid var(--color-border);
    border-radius: 11px;
    background: var(--color-surface);
    object-fit: contain;
}

.portal-mail-viewer__preview-empty[b-ibq74agbri] {
    display: grid;
    place-items: center;
    min-height: 8rem;
    border: 1px dashed var(--color-border-strong);
    border-radius: 11px;
    color: var(--color-text-secondary);
    font-size: 0.78rem;
    font-weight: 750;
    text-align: center;
}

@media (max-width: 960px) {
    .portal-mail-viewer__summary[b-ibq74agbri] {
        align-items: flex-start;
        flex-direction: column;
    }

    .portal-mail-viewer__info[b-ibq74agbri] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .portal-mail-viewer-dialog[b-ibq74agbri] {
        width: 100vw;
        min-height: 100dvh;
        border: 0;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    .portal-mail-viewer-dialog[b-ibq74agbri]  .mud-dialog {
        width: 100vw;
        min-width: 100vw;
        max-width: 100vw;
        height: 100dvh;
        margin: 0;
        border-radius: 0 !important;
    }

    .portal-mail-viewer-dialog[b-ibq74agbri]  .mud-dialog-title {
        padding: 0.78rem 0.72rem 0.68rem !important;
    }

    .portal-mail-viewer-dialog[b-ibq74agbri]  .mud-dialog-content {
        max-height: calc(100dvh - 8.2rem);
        padding: 0.62rem 0.68rem 0.3rem !important;
    }

    .portal-mail-viewer-dialog[b-ibq74agbri]  .mud-dialog-actions {
        position: sticky;
        bottom: 0;
        z-index: 5;
        padding: 0.62rem 0.72rem calc(0.72rem + env(safe-area-inset-bottom, 0px)) !important;
        background: color-mix(in srgb, var(--color-surface) 96%, transparent);
        backdrop-filter: blur(14px);
    }

    .portal-mail-viewer-dialog[b-ibq74agbri]  .mud-dialog-actions .mud-button-root {
        width: 100%;
        min-height: 2.5rem;
        justify-content: center;
    }

    .portal-mail-viewer__summary[b-ibq74agbri] {
        gap: 0.42rem;
    }

    .portal-mail-viewer__quick-meta[b-ibq74agbri] {
        width: 100%;
    }

    .portal-mail-viewer__quick-item[b-ibq74agbri] {
        flex: 1 1 auto;
        justify-content: center;
    }

    .portal-mail-viewer__info[b-ibq74agbri] {
        grid-template-columns: 1fr;
    }

    .portal-mail-viewer__info-card--docflow[b-ibq74agbri] {
        grid-column: auto;
    }

    .portal-mail-viewer__info-card[b-ibq74agbri] {
        min-height: 4rem;
    }

    .portal-mail-viewer__panel[b-ibq74agbri] {
        padding: 0.68rem;
        border-radius: 14px;
    }

    .portal-mail-viewer__body[b-ibq74agbri] {
        min-height: 4.5rem;
        padding: 0.68rem;
        font-size: 0.8rem;
        line-height: 1.62;
    }

    .portal-mail-viewer__attachment[b-ibq74agbri] {
        gap: 0.42rem;
        padding: 0.55rem 0.6rem;
    }

    .portal-mail-viewer__preview img[b-ibq74agbri],
    .portal-mail-viewer__preview iframe[b-ibq74agbri] {
        min-height: 16rem;
        max-height: 44vh;
    }
}
/* /Components/DocumentIntakeDialog.razor.rz.scp.css */
.doc-intake-dialog-shell[b-7rroqct55m] {
    border-radius: 20px;
}

.doc-intake-titlebar[b-7rroqct55m] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    min-width: 0;
    padding: 2px 2px 0;
}

.doc-intake-titlebar h2[b-7rroqct55m] {
    margin: 2px 0 0;
    color: hsl(var(--brand-h, 221), 38%, 15%);
    font-size: 1.05rem;
    font-weight: 950;
    line-height: 1.18;
}

.doc-intake-eyebrow[b-7rroqct55m] {
    color: #8a6b1f;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.doc-intake-titlebar__tools[b-7rroqct55m] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.doc-intake-titlebar__tools span[b-7rroqct55m] {
    border: 1px solid hsla(var(--brand-accent-h, 42), 60%, 44%, .22);
    border-radius: 999px;
    padding: 5px 9px;
    background: rgba(250, 244, 228, .8);
    color: #7a5d16;
    font-size: .72rem;
    font-weight: 800;
    white-space: nowrap;
}

.doc-intake-body[b-7rroqct55m] {
    display: grid;
    gap: 10px;
    min-width: 0;
    padding-top: 2px;
}

.doc-intake-loading[b-7rroqct55m] {
    display: grid;
    place-items: center;
    min-height: 180px;
}

.doc-intake-grid[b-7rroqct55m] {
    display: grid;
    grid-template-columns: minmax(220px, .92fr) minmax(220px, 1.08fr);
    gap: 8px;
    min-width: 0;
}

.doc-intake-signals[b-7rroqct55m] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.doc-intake-signals label[b-7rroqct55m] {
    display: grid;
    min-width: 0;
    gap: 4px;
    color: hsl(var(--brand-h, 221), 10%, 48%);
    font-size: .72rem;
    font-weight: 800;
}

.doc-intake-signals select[b-7rroqct55m],
.doc-intake-signals input:not([type="checkbox"])[b-7rroqct55m] {
    min-width: 0;
    min-height: 34px;
    border: 1px solid hsla(var(--brand-h, 222), 36%, 15%, .12);
    border-radius: 8px;
    background: rgba(255, 255, 255, .82);
    color: hsl(var(--brand-h, 221), 38%, 15%);
    font-size: .78rem;
    font-weight: 760;
    padding: 0 9px;
}

.doc-intake-consent[b-7rroqct55m] {
    grid-column: 1 / -1;
    display: flex !important;
    align-items: center;
    gap: 8px !important;
    border: 1px dashed hsla(var(--brand-accent-h, 42), 60%, 44%, .24);
    border-radius: 8px;
    padding: 8px 10px;
    background: rgba(250, 244, 228, .5);
}

.doc-intake-readiness[b-7rroqct55m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid rgba(30, 135, 92, .16);
    border-radius: 8px;
    padding: 8px 10px;
    background: rgba(239, 248, 244, .72);
}

.doc-intake-readiness strong[b-7rroqct55m] {
    color: #17724d;
    font-size: 1rem;
    font-weight: 900;
}

.doc-intake-readiness span[b-7rroqct55m] {
    color: hsl(var(--brand-h, 221), 15%, 41%);
    font-size: .74rem;
    font-weight: 820;
}

.doc-intake-intelligence[b-7rroqct55m] {
    display: grid;
    gap: 8px;
    border: 1px solid rgba(29, 136, 125, .18);
    border-radius: 8px;
    padding: 9px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .88), rgba(242, 250, 248, .78)),
        linear-gradient(120deg, rgba(29, 136, 125, .07), hsla(var(--brand-accent-h, 42), 60%, 44%, .05));
}

.doc-intake-intelligence__head[b-7rroqct55m] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px;
    align-items: center;
}

.doc-intake-intelligence__head > span[b-7rroqct55m] {
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(29, 136, 125, .18);
    border-radius: 8px;
    background: rgba(238, 250, 247, .78);
    color: #16877d;
}

.doc-intake-intelligence__head strong[b-7rroqct55m],
.doc-intake-intelligence__head small[b-7rroqct55m] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.doc-intake-intelligence__head strong[b-7rroqct55m] {
    color: hsl(var(--brand-h, 221), 38%, 15%);
    font-size: .8rem;
    font-weight: 950;
}

.doc-intake-intelligence__head small[b-7rroqct55m] {
    color: hsl(var(--brand-h, 221), 13%, 46%);
    font-size: .68rem;
    font-weight: 820;
}

.doc-intake-intelligence__grid[b-7rroqct55m] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
}

.doc-intake-intelligence__signal[b-7rroqct55m] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 7px;
    min-width: 0;
    border: 1px solid hsla(var(--brand-h, 222), 36%, 15%, .08);
    border-radius: 8px;
    padding: 7px;
    background: rgba(255, 255, 255, .72);
}

.doc-intake-intelligence__signal .mud-icon-root[b-7rroqct55m] {
    color: hsl(var(--brand-h, 221), 13%, 46%);
}

.doc-intake-intelligence__signal--ok .mud-icon-root[b-7rroqct55m] {
    color: #16877d;
}

.doc-intake-intelligence__signal--gold .mud-icon-root[b-7rroqct55m],
.doc-intake-intelligence__signal--warn .mud-icon-root[b-7rroqct55m] {
    color: hsl(var(--brand-accent-h, 42), 60%, 44%);
}

.doc-intake-intelligence__signal--risk .mud-icon-root[b-7rroqct55m] {
    color: hsl(var(--brand-accent-h, 11), 57%, 47%);
}

.doc-intake-intelligence__signal span[b-7rroqct55m] {
    display: grid;
    min-width: 0;
    gap: 1px;
}

.doc-intake-intelligence__signal strong[b-7rroqct55m],
.doc-intake-intelligence__signal small[b-7rroqct55m] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.doc-intake-intelligence__signal strong[b-7rroqct55m] {
    color: hsl(var(--brand-h, 221), 38%, 15%);
    font-size: .68rem;
    font-weight: 920;
}

.doc-intake-intelligence__signal small[b-7rroqct55m] {
    color: hsl(var(--brand-h, 219), 12%, 51%);
    font-size: .61rem;
    font-weight: 760;
}

.doc-intake-actions[b-7rroqct55m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.doc-intake-upload[b-7rroqct55m] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid hsla(var(--brand-h, 222), 36%, 15%, .1);
    border-radius: 8px;
    padding: 8px 11px;
    background: rgba(255, 255, 255, .76);
    color: hsl(var(--brand-h, 222), 19%, 34%);
    font-size: .78rem;
    font-weight: 800;
    cursor: pointer;
}

.doc-intake-upload[b-7rroqct55m]  input[type="file"] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    color: transparent;
    font-size: 0;
    cursor: pointer;
}

.doc-intake-files[b-7rroqct55m] {
    display: grid;
    gap: 7px;
}

.doc-intake-file[b-7rroqct55m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 9px;
    border: 1px solid hsla(var(--brand-h, 222), 36%, 15%, .08);
    border-radius: 8px;
    padding: 8px 10px;
    background: rgba(255, 255, 255, .72);
    color: hsl(var(--brand-h, 221), 24%, 26%);
    text-align: left;
    transition: .18s ease;
}

.doc-intake-file:hover[b-7rroqct55m] {
    border-color: hsla(var(--brand-accent-h, 42), 60%, 44%, .35);
    box-shadow: 0 10px 24px hsla(var(--brand-h, 222), 34%, 19%, .08);
}

.doc-intake-file span[b-7rroqct55m] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.doc-intake-file small[b-7rroqct55m] {
    color: hsl(var(--brand-h, 221), 10%, 48%);
    font-size: .72rem;
}

.doc-intake-error[b-7rroqct55m] {
    border-radius: 8px;
    padding: 8px 10px;
    background: rgba(196, 62, 62, .1);
    color: #a33b3b;
    font-size: .78rem;
    font-weight: 700;
}

.doc-intake-dynamic[b-7rroqct55m] {
    display: grid;
    gap: 10px;
    border: 1px solid hsla(var(--brand-accent-h, 42), 60%, 44%, .24);
    border-radius: 12px;
    padding: 12px;
    background: rgba(250, 244, 228, .35);
}

.doc-intake-dynamic__head[b-7rroqct55m] {
    display: grid;
    gap: 2px;
}

.doc-intake-dynamic__head strong[b-7rroqct55m] {
    font-size: .86rem;
    font-weight: 860;
    color: hsl(var(--brand-h, 221), 38%, 15%);
}

.doc-intake-dynamic__head small[b-7rroqct55m] {
    font-size: .72rem;
    color: hsl(var(--brand-h, 221), 10%, 48%);
}

.doc-intake-dynamic__grid[b-7rroqct55m] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.doc-intake-dynamic__field[b-7rroqct55m] {
    display: grid;
    min-width: 0;
    gap: 4px;
    color: hsl(var(--brand-h, 221), 10%, 48%);
    font-size: .72rem;
    font-weight: 800;
}

.doc-intake-dynamic__field--wide[b-7rroqct55m] {
    grid-column: 1 / -1;
}

.doc-intake-dynamic__field select[b-7rroqct55m],
.doc-intake-dynamic__field textarea[b-7rroqct55m],
.doc-intake-dynamic__field input:not([type="checkbox"])[b-7rroqct55m] {
    min-width: 0;
    min-height: 34px;
    border: 1px solid hsla(var(--brand-h, 222), 36%, 15%, .12);
    border-radius: 8px;
    background: rgba(255, 255, 255, .82);
    color: hsl(var(--brand-h, 221), 38%, 15%);
    font-size: .78rem;
    font-weight: 760;
    padding: 6px 9px;
    font-family: inherit;
}

.doc-intake-dynamic__field small[b-7rroqct55m] {
    font-weight: 600;
    color: hsl(var(--brand-h, 221), 14%, 60%);
}

.doc-intake-dynamic__check[b-7rroqct55m] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: hsl(var(--brand-h, 221), 38%, 15%);
    font-weight: 760;
}

@media (max-width: 640px) {
    .doc-intake-dynamic__grid[b-7rroqct55m] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .doc-intake-titlebar[b-7rroqct55m],
    .doc-intake-actions[b-7rroqct55m] {
        display: grid;
    }

    .doc-intake-titlebar__tools[b-7rroqct55m] {
        justify-content: space-between;
    }

    .doc-intake-grid[b-7rroqct55m],
    .doc-intake-signals[b-7rroqct55m],
    .doc-intake-intelligence__grid[b-7rroqct55m] {
        grid-template-columns: 1fr;
    }
}
/* /Components/DocumentPushOptIn.razor.rz.scp.css */
.doc-push-card[b-5fra5u92vj] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    border: 1px solid rgba(32, 39, 43, 0.1);
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(244, 247, 249, 0.92));
    box-shadow: 0 12px 32px -24px rgba(20, 30, 40, 0.6);
}

.doc-push-card--on[b-5fra5u92vj] {
    border-color: hsla(var(--brand-h, 260), 54%, 45%, 0.3);
    background: linear-gradient(135deg, hsla(var(--brand-h, 260), 54%, 45%, 0.08), rgba(255, 255, 255, 0.96));
}

.doc-push-card__icon[b-5fra5u92vj] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    border-radius: 12px;
    background: hsla(var(--brand-h, 260), 54%, 45%, 0.12);
    color: hsl(var(--brand-h, 258), 53%, 37%);
}

.doc-push-card--on .doc-push-card__icon[b-5fra5u92vj] {
    background: hsla(var(--brand-h, 260), 54%, 45%, 0.2);
}

.doc-push-card__body[b-5fra5u92vj] {
    display: grid;
    gap: 2px;
    min-width: 0;
    flex: 1 1 auto;
}

.doc-push-card__eyebrow[b-5fra5u92vj] {
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: hsl(var(--brand-h, 260), 54%, 45%);
}

.doc-push-card__title[b-5fra5u92vj] {
    font-size: 0.92rem;
    font-weight: 800;
    color: #20272b;
}

.doc-push-card__subtitle[b-5fra5u92vj] {
    font-size: 0.76rem;
    color: rgba(32, 39, 43, 0.6);
    line-height: 1.35;
}

.doc-push-card__message[b-5fra5u92vj] {
    margin-top: 3px;
    font-size: 0.74rem;
    font-weight: 650;
    color: hsl(var(--brand-accent-h, 23), 75%, 40%);
}

.doc-push-card__action[b-5fra5u92vj] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
}

.doc-push-card__state[b-5fra5u92vj] {
    font-size: 0.72rem;
    font-weight: 800;
    color: hsl(var(--brand-h, 258), 53%, 37%);
}

.doc-push-card__hint[b-5fra5u92vj] {
    font-size: 0.72rem;
    color: rgba(32, 39, 43, 0.5);
    max-width: 180px;
    text-align: right;
}

@media (max-width: 640px) {
    .doc-push-card[b-5fra5u92vj] {
        flex-wrap: wrap;
    }

    .doc-push-card__action[b-5fra5u92vj] {
        width: 100%;
        justify-content: flex-end;
    }
}
/* /Components/FinanceCreditDialog.razor.rz.scp.css */
/* Dialog-specific styles */

.portal-finance-credit-dialog[b-djux2k3ycx]  .mud-dialog-title{
    padding: 0.8rem 1rem 0 !important;
    min-height: 0;
}

.portal-finance-credit-dialog[b-djux2k3ycx]  .mud-dialog-content{
    padding: 0.3rem 1.2rem 0.9rem;
}

.portal-finance-credit-dialog__surface[b-djux2k3ycx]{
    display: grid;
    gap: 1rem;
}

.portal-finance-credit-dialog__titlebar[b-djux2k3ycx]{
    align-items: flex-start;
}

.portal-finance-credit-dialog__titlebar .portal-title[b-djux2k3ycx]{
    align-items: flex-start;
}

.portal-finance-credit-dialog__title-icon[b-djux2k3ycx]{
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 16px 28px hsla(var(--brand-h, 218), 79%, 42%, 0.12);
}

.portal-finance-credit-dialog__stats[b-djux2k3ycx]{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.7rem;
}

.portal-finance-credit-dialog__stat[b-djux2k3ycx]{
    padding: 0.82rem 0.86rem;
    border-radius: 18px;
    border: 1px solid hsla(var(--brand-h, 224), 76%, 48%, 0.08);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 248, 255, 0.96));
}

.portal-finance-credit-dialog__stat span[b-djux2k3ycx],
.portal-finance-credit-dialog__label[b-djux2k3ycx],
.portal-finance-credit-dialog__total-label[b-djux2k3ycx]{
    display: block;
    color: hsl(var(--brand-h, 217), 20%, 55%);
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.portal-finance-credit-dialog__stat strong[b-djux2k3ycx]{
    display: block;
    margin-top: 0.25rem;
    color: var(--portal-ink);
    font-size: 0.96rem;
}

.portal-finance-credit-dialog__grid[b-djux2k3ycx]{
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(14rem, 0.85fr);
    gap: 0.85rem;
}

.portal-finance-credit-dialog__field[b-djux2k3ycx],
.portal-finance-credit-dialog__total-card[b-djux2k3ycx]{
    padding: 0.95rem;
    border-radius: 20px;
    border: 1px solid hsla(var(--brand-h, 221), 66%, 33%, 0.08);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 249, 253, 0.96));
}

.portal-finance-credit-dialog__helper[b-djux2k3ycx]{
    margin-top: 0.4rem;
    color: var(--portal-muted);
    font-size: 0.8rem;
    line-height: 1.5;
}

.portal-finance-credit-dialog__total-value[b-djux2k3ycx]{
    display: block;
    margin-top: 0.28rem;
    color: var(--portal-ink);
    font-size: 1.26rem;
    font-weight: 900;
    line-height: 1.05;
}

@media (max-width: 1100px) {
    .portal-finance-credit-dialog__grid[b-djux2k3ycx]{
        grid-template-columns: 1fr;
    }

    .portal-finance-credit-dialog__stats[b-djux2k3ycx]{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .portal-finance-credit-dialog__stats[b-djux2k3ycx]{
        grid-template-columns: 1fr;
    }
}
/* /Components/LibraryCollectionDialog.razor.rz.scp.css */
.student-library-collection-dialog__titlebar[b-dw97mg0g4u] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 4px 2px 0;
}

.student-library-collection-dialog__eyebrow[b-dw97mg0g4u],
.student-library-collection-dialog__hero span[b-dw97mg0g4u],
.student-library-collection-dialog__resource span[b-dw97mg0g4u] {
    display: block;
    color: hsl(var(--brand-accent-h, 42), 60%, 62%);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.student-library-collection-dialog__titlebar h3[b-dw97mg0g4u] {
    margin: 3px 0 4px;
    color: #18251f;
    font-size: 1.12rem;
}

.student-library-collection-dialog__titlebar p[b-dw97mg0g4u] {
    margin: 0;
    color: #66766e;
    font-size: .86rem;
}

.student-library-collection-dialog__body[b-dw97mg0g4u] {
    display: grid;
    gap: 12px;
}

.student-library-collection-dialog__hero[b-dw97mg0g4u] {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 12px;
    border: 1px solid rgba(32, 47, 40, .1);
    border-radius: 8px;
    padding: 12px;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 42), 60%, 62%, .14), transparent 32%),
        linear-gradient(135deg, rgba(255, 248, 226, .9), rgba(239, 248, 242, .82));
}

.student-library-collection-dialog__cover[b-dw97mg0g4u] {
    display: grid;
    width: 92px;
    aspect-ratio: 3 / 4;
    place-items: center;
    overflow: hidden;
    border-radius: 8px;
    color: #fbf7ec;
    background: linear-gradient(145deg, #18251f, #3f6d60);
    font-size: 1.05rem;
    font-weight: 900;
}

.student-library-collection-dialog__cover img[b-dw97mg0g4u] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.student-library-collection-dialog__hero strong[b-dw97mg0g4u] {
    display: block;
    margin-top: 4px;
    color: #18251f;
    font-size: 1.04rem;
}

.student-library-collection-dialog__hero p[b-dw97mg0g4u],
.student-library-collection-dialog__hero small[b-dw97mg0g4u] {
    display: block;
    margin: 5px 0 0;
    color: #66766e;
    font-size: .82rem;
}

.student-library-collection-dialog__resources[b-dw97mg0g4u] {
    display: grid;
    gap: 9px;
    max-height: 560px;
    overflow: auto;
    padding-right: 2px;
}

.student-library-collection-dialog__resource[b-dw97mg0g4u] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    overflow: hidden;
    border: 1px solid rgba(34, 50, 43, .1);
    border-radius: 8px;
    padding: 10px;
    background: rgba(255, 255, 255, .84);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.student-library-collection-dialog__resource:hover[b-dw97mg0g4u] {
    transform: translateY(-1px);
    border-color: hsla(var(--brand-accent-h, 41), 49%, 48%, .5);
    box-shadow: 0 14px 26px rgba(28, 42, 36, .1);
}

.student-library-collection-dialog__resource.is-featured[b-dw97mg0g4u] {
    border-color: hsla(var(--brand-accent-h, 42), 60%, 62%, .42);
    background:
        linear-gradient(90deg, hsla(var(--brand-accent-h, 42), 60%, 62%, .18), transparent 4px),
        linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(255, 249, 234, .9));
    box-shadow: 0 14px 28px rgba(88, 70, 34, .08);
}

.student-library-collection-dialog__pick[b-dw97mg0g4u] {
    position: absolute;
    top: 8px;
    right: 8px;
    border: 1px solid hsla(var(--brand-accent-h, 42), 60%, 62%, .34);
    border-radius: 999px;
    padding: 3px 8px;
    color: #6f5520;
    background: rgba(255, 248, 226, .92);
    font-size: .68rem;
    font-weight: 900;
    line-height: 1;
}

.student-library-collection-dialog__resource.is-saved[b-dw97mg0g4u] {
    border-left: 3px solid #4f8f80;
}

.student-library-collection-dialog__resource.is-completed[b-dw97mg0g4u] {
    border-left: 3px solid hsl(var(--brand-accent-h, 40), 54%, 46%);
}

.student-library-collection-dialog__main[b-dw97mg0g4u] {
    width: 100%;
    border: 0;
    padding: 0;
    text-align: left;
    color: #1a2621;
    background: transparent;
    cursor: pointer;
}

.student-library-collection-dialog__resource strong[b-dw97mg0g4u],
.student-library-collection-dialog__resource small[b-dw97mg0g4u],
.student-library-collection-dialog__resource em[b-dw97mg0g4u] {
    display: block;
}

.student-library-collection-dialog__resource strong[b-dw97mg0g4u] {
    margin-top: 4px;
    color: #18251f;
}

.student-library-collection-dialog__resource small[b-dw97mg0g4u],
.student-library-collection-dialog__resource em[b-dw97mg0g4u] {
    margin-top: 3px;
    color: #66766e;
    font-size: .78rem;
    font-style: normal;
}

.student-library-collection-dialog__actions button[b-dw97mg0g4u] {
    border: 1px solid hsla(var(--brand-accent-h, 42), 60%, 62%, .3);
    border-radius: 999px;
    padding: 5px 10px;
    color: #4b4030;
    background: rgba(255, 248, 226, .8);
    font-size: .75rem;
    font-weight: 800;
    cursor: pointer;
}

.student-library-collection-dialog__empty[b-dw97mg0g4u] {
    border: 1px dashed rgba(34, 50, 43, .18);
    border-radius: 8px;
    padding: 12px;
    color: #66766e;
    background: rgba(255, 255, 255, .74);
    font-size: .82rem;
}

@media (max-width: 680px) {
    .student-library-collection-dialog__hero[b-dw97mg0g4u],
    .student-library-collection-dialog__resource[b-dw97mg0g4u] {
        grid-template-columns: 1fr;
    }

    .student-library-collection-dialog__pick[b-dw97mg0g4u] {
        position: static;
        width: max-content;
        margin-bottom: 4px;
    }
}

/* ===== Premium polish (refactor) ===== */
.student-library-collection-dialog__body[b-dw97mg0g4u] {
    animation: collectionDlgIn-b-dw97mg0g4u .28s cubic-bezier(.2, .7, .2, 1);
}

@keyframes collectionDlgIn-b-dw97mg0g4u {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.student-library-collection-dialog button:focus-visible[b-dw97mg0g4u],
.student-library-collection-dialog .mud-button-root:focus-visible[b-dw97mg0g4u],
.student-library-collection-dialog a:focus-visible[b-dw97mg0g4u] {
    outline: 2px solid hsl(var(--brand-accent-h, 41), 49%, 48%);
    outline-offset: 2px;
    border-radius: 8px;
}

@media (prefers-reduced-motion: reduce) {
    .student-library-collection-dialog__body[b-dw97mg0g4u] {
        animation: none;
    }
}
/* /Components/LibraryReadingRoomDialog.razor.rz.scp.css */
.student-reading-room__titlebar[b-6vxeligha7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.student-reading-room__eyebrow[b-6vxeligha7],
.student-reading-room__viewer-head span[b-6vxeligha7],
.student-reading-room__panel-head span[b-6vxeligha7],
.student-reading-room__ai-head span[b-6vxeligha7],
.student-reading-room__ai-draft span[b-6vxeligha7],
.student-reading-room__mark span[b-6vxeligha7] {
    display: block;
    color: hsl(var(--brand-accent-h, 42), 60%, 62%);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.student-reading-room__titlebar h3[b-6vxeligha7] {
    margin: 3px 0 4px;
    color: #18251f;
    font-size: 1.12rem;
}

.student-reading-room__titlebar p[b-6vxeligha7] {
    margin: 0;
    color: #66766e;
    font-size: .84rem;
}

.student-reading-room__loading[b-6vxeligha7] {
    padding: 18px;
}

.student-reading-room__shell[b-6vxeligha7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
    gap: 12px;
    min-height: 68vh;
    font-size: var(--reader-font, 1rem);
}

.student-reading-room__viewer[b-6vxeligha7],
.student-reading-room__progress[b-6vxeligha7],
.student-reading-room__command-deck[b-6vxeligha7],
.student-reading-room__reader-map[b-6vxeligha7],
.student-reading-room__mark-editor[b-6vxeligha7],
.student-reading-room__studio[b-6vxeligha7],
.student-reading-room__evidence[b-6vxeligha7],
.student-reading-room__marks[b-6vxeligha7] {
    border: 1px solid rgba(32, 47, 40, .1);
    border-radius: 8px;
    background: rgba(255, 255, 255, .86);
    box-shadow: 0 16px 34px rgba(24, 36, 31, .08);
}

.student-reading-room__viewer[b-6vxeligha7] {
    display: grid;
    grid-template-rows: auto auto minmax(420px, 1fr);
    overflow: hidden;
}

.student-reading-room__viewer-head[b-6vxeligha7],
.student-reading-room__panel-head[b-6vxeligha7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.student-reading-room__viewer-actions[b-6vxeligha7] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
}

.student-reading-room__viewer-head[b-6vxeligha7] {
    padding: 12px;
    background: linear-gradient(135deg, rgba(19, 27, 24, .98), rgba(39, 72, 64, .94));
}

.student-reading-room__viewer-head strong[b-6vxeligha7] {
    display: block;
    margin-top: 4px;
    color: #fbf7ec;
    font-size: .94rem;
}

.student-reading-room__viewer iframe[b-6vxeligha7] {
    width: 100%;
    min-height: 100%;
    border: 0;
    background: #f8faf7;
}

.student-reading-room__reader-strip[b-6vxeligha7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 9px 10px;
    border-bottom: 1px solid rgba(32, 47, 40, .08);
    background: rgba(250, 248, 242, .94);
}

.student-reading-room__mode-chips[b-6vxeligha7],
.student-reading-room__reader-controls[b-6vxeligha7],
.student-reading-room__reader-assist[b-6vxeligha7],
.student-reading-room__lens-tabs[b-6vxeligha7],
.student-reading-room__selection-tools[b-6vxeligha7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.student-reading-room__lens-tabs[b-6vxeligha7] {
    grid-column: 1 / -1;
    justify-content: flex-end;
}

.student-reading-room__lens-tabs button[b-6vxeligha7] {
    min-height: 28px;
    border: 1px solid rgba(32, 47, 40, .1);
    border-radius: 999px;
    padding: 0 10px;
    color: #536761;
    background: rgba(255, 255, 255, .68);
    font-size: .7rem;
    font-weight: 900;
    cursor: pointer;
}

.student-reading-room__lens-tabs button.is-active[b-6vxeligha7] {
    border-color: hsla(var(--brand-accent-h, 42), 60%, 62%, .38);
    color: #6b5019;
    background: rgba(255, 246, 222, .94);
    box-shadow: 0 10px 20px hsla(var(--brand-accent-h, 42), 60%, 62%, .12);
}

.student-reading-room__mode-chips span[b-6vxeligha7] {
    min-height: 24px;
    border: 1px solid hsla(var(--brand-accent-h, 42), 60%, 62%, .18);
    border-radius: 999px;
    padding: 4px 8px;
    color: #6b5019;
    background: rgba(255, 246, 222, .78);
    font-size: .68rem;
    font-weight: 900;
    white-space: nowrap;
}

.student-reading-room__reader-controls label[b-6vxeligha7] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    width: min(250px, 36vw);
    border: 1px solid rgba(32, 47, 40, .12);
    border-radius: 999px;
    padding: 0 10px;
    background: rgba(255, 255, 255, .9);
}

.student-reading-room__reader-controls label .mud-icon-root[b-6vxeligha7] {
    color: #8d7540;
}

.student-reading-room__reader-controls input[b-6vxeligha7] {
    width: 100%;
    min-width: 0;
    border: 0;
    color: #18251f;
    background: transparent;
    font-size: .78rem;
    outline: none;
}

.student-reading-room__search-nav[b-6vxeligha7] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 32px;
    border: 1px solid rgba(32, 47, 40, .1);
    border-radius: 999px;
    padding: 0 5px;
    background: rgba(255, 255, 255, .78);
}

.student-reading-room__search-nav button[b-6vxeligha7] {
    display: inline-flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 999px;
    color: #536761;
    background: transparent;
    cursor: pointer;
}

.student-reading-room__search-nav button:hover:not(:disabled)[b-6vxeligha7] {
    color: #6b5019;
    background: hsla(var(--brand-accent-h, 42), 60%, 62%, .14);
}

.student-reading-room__search-nav button:disabled[b-6vxeligha7] {
    cursor: default;
    opacity: .45;
}

.student-reading-room__search-nav small[b-6vxeligha7] {
    min-width: 56px;
    color: #536761;
    font-size: .68rem;
    font-weight: 900;
    text-align: center;
}

.student-reading-room__reader-assist[b-6vxeligha7] {
    grid-column: 1 / -1;
    justify-content: space-between;
    border: 1px solid rgba(32, 47, 40, .08);
    border-radius: 8px;
    padding: 6px;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 42), 60%, 62%, .1), transparent 34%),
        rgba(255, 255, 255, .66);
}

.student-reading-room__reader-assist button[b-6vxeligha7],
.student-reading-room__secure-chip[b-6vxeligha7] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 28px;
    border: 1px solid rgba(32, 47, 40, .1);
    border-radius: 999px;
    padding: 0 9px;
    color: #536761;
    background: rgba(255, 255, 255, .78);
    font-size: .7rem;
    font-weight: 900;
}

.student-reading-room__reader-assist button[b-6vxeligha7] {
    cursor: pointer;
}

.student-reading-room__reader-assist button:disabled[b-6vxeligha7] {
    cursor: default;
    opacity: .48;
}

.student-reading-room__secure-chip[b-6vxeligha7] {
    color: #2f6659;
    background: rgba(238, 248, 245, .86);
}

.student-reading-room__secure-chip.is-risk[b-6vxeligha7] {
    color: #8a4b2b;
    background: rgba(255, 239, 228, .9);
}

.student-reading-room__reader-assist small[b-6vxeligha7] {
    flex: 1 1 220px;
    min-width: 0;
    color: #66766e;
    font-size: .7rem;
    font-weight: 800;
    line-height: 1.25;
}

.student-reading-room__frame[b-6vxeligha7] {
    position: relative;
    min-height: 100%;
    overflow: hidden;
}

.student-reading-room__search-lens[b-6vxeligha7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    padding: 9px 10px;
    border-bottom: 1px solid rgba(32, 47, 40, .08);
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 42), 60%, 62%, .1), transparent 34%),
        rgba(248, 250, 247, .9);
}

.student-reading-room__search-lens button[b-6vxeligha7],
.student-reading-room__targets button[b-6vxeligha7],
.student-reading-room__profiles button[b-6vxeligha7],
.student-reading-room__companion button[b-6vxeligha7] {
    min-width: 0;
    border: 1px solid rgba(32, 47, 40, .1);
    border-radius: 8px;
    padding: 8px;
    color: #18251f;
    text-align: left;
    background:
        radial-gradient(circle at top right, rgba(63, 125, 109, .09), transparent 30%),
        rgba(255, 255, 255, .82);
    cursor: pointer;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.student-reading-room__search-lens button:hover[b-6vxeligha7],
.student-reading-room__targets button:hover[b-6vxeligha7],
.student-reading-room__profiles button:hover[b-6vxeligha7],
.student-reading-room__companion button:hover[b-6vxeligha7] {
    transform: translateY(-1px);
    border-color: hsla(var(--brand-accent-h, 42), 60%, 62%, .34);
    box-shadow: 0 12px 24px rgba(24, 36, 31, .08);
}

.student-reading-room__search-lens button.is-high[b-6vxeligha7],
.student-reading-room__targets button.is-high[b-6vxeligha7],
.student-reading-room__companion button.is-high[b-6vxeligha7] {
    border-color: hsla(var(--brand-accent-h, 42), 60%, 62%, .3);
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 42), 60%, 62%, .16), transparent 30%),
        rgba(255, 252, 246, .94);
}

.student-reading-room__search-lens button.is-medium[b-6vxeligha7],
.student-reading-room__targets button.is-medium[b-6vxeligha7],
.student-reading-room__companion button.is-medium[b-6vxeligha7] {
    border-color: rgba(63, 125, 109, .24);
}

.student-reading-room__search-lens button.is-active[b-6vxeligha7] {
    border-color: hsla(var(--brand-accent-h, 42), 60%, 62%, .54);
    background:
        linear-gradient(90deg, hsla(var(--brand-accent-h, 42), 60%, 62%, .16), transparent 4px),
        rgba(255, 252, 246, .96);
    box-shadow: 0 14px 28px rgba(88, 68, 28, .12);
}

.student-reading-room__search-lens span[b-6vxeligha7],
.student-reading-room__search-lens strong[b-6vxeligha7],
.student-reading-room__search-lens small[b-6vxeligha7],
.student-reading-room__targets span[b-6vxeligha7],
.student-reading-room__targets strong[b-6vxeligha7],
.student-reading-room__targets small[b-6vxeligha7],
.student-reading-room__profiles span[b-6vxeligha7],
.student-reading-room__profiles small[b-6vxeligha7],
.student-reading-room__companion strong[b-6vxeligha7],
.student-reading-room__companion small[b-6vxeligha7] {
    display: block;
}

.student-reading-room__search-lens span[b-6vxeligha7],
.student-reading-room__targets span[b-6vxeligha7] {
    color: #8d7540;
    font-size: .65rem;
    font-weight: 900;
    text-transform: uppercase;
}

.student-reading-room__search-lens strong[b-6vxeligha7],
.student-reading-room__targets strong[b-6vxeligha7],
.student-reading-room__companion strong[b-6vxeligha7] {
    margin-top: 2px;
    color: #18251f;
    font-size: .8rem;
    line-height: 1.18;
}

.student-reading-room__search-lens small[b-6vxeligha7],
.student-reading-room__targets small[b-6vxeligha7],
.student-reading-room__profiles small[b-6vxeligha7],
.student-reading-room__companion small[b-6vxeligha7] {
    margin-top: 3px;
    color: #66766e;
    font-size: .7rem;
    line-height: 1.3;
}

.student-reading-room__frame iframe[b-6vxeligha7] {
    display: block;
    height: 100%;
}

.student-reading-room__watermark[b-6vxeligha7] {
    position: absolute;
    inset: auto 14px 12px auto;
    z-index: 2;
    max-width: min(360px, 72%);
    border: 1px solid rgba(24, 37, 31, .14);
    border-radius: 999px;
    padding: 6px 10px;
    color: rgba(24, 37, 31, .44);
    background: rgba(255, 255, 255, .68);
    font-size: .68rem;
    font-weight: 800;
    pointer-events: none;
    backdrop-filter: blur(8px);
}

.student-reading-room__fallback[b-6vxeligha7] {
    display: grid;
    place-items: center;
    align-content: center;
    gap: 8px;
    padding: 28px;
    color: #536761;
    text-align: center;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 42), 60%, 62%, .16), transparent 34%),
        linear-gradient(135deg, rgba(248, 250, 247, .96), rgba(255, 255, 255, .86));
}

.student-reading-room__fallback .mud-icon-root[b-6vxeligha7] {
    color: hsl(var(--brand-accent-h, 42), 60%, 62%);
    font-size: 2.4rem;
}

.student-reading-room__fallback strong[b-6vxeligha7] {
    color: #18251f;
}

.student-reading-room__panel[b-6vxeligha7] {
    display: grid;
    align-content: start;
    gap: 12px;
}

.student-reading-room__progress[b-6vxeligha7],
.student-reading-room__command-deck[b-6vxeligha7],
.student-reading-room__reader-map[b-6vxeligha7],
.student-reading-room__mark-editor[b-6vxeligha7],
.student-reading-room__studio[b-6vxeligha7],
.student-reading-room__evidence[b-6vxeligha7],
.student-reading-room__marks[b-6vxeligha7] {
    display: grid;
    gap: 10px;
    padding: 12px;
}

.student-reading-room__panel-head strong[b-6vxeligha7] {
    color: #18251f;
    font-size: .94rem;
}

.student-reading-room__progress-grid[b-6vxeligha7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.student-reading-room__insights[b-6vxeligha7],
.student-reading-room__mark-summary[b-6vxeligha7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.student-reading-room__security[b-6vxeligha7],
.student-reading-room__selection-preview[b-6vxeligha7] {
    border: 1px solid hsla(var(--brand-accent-h, 42), 60%, 62%, .16);
    border-radius: 8px;
    padding: 9px;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 42), 60%, 62%, .11), transparent 32%),
        rgba(255, 252, 246, .86);
}

.student-reading-room__security span[b-6vxeligha7],
.student-reading-room__selection-preview span[b-6vxeligha7] {
    display: block;
    color: #8d7540;
    font-size: .68rem;
    font-weight: 900;
    text-transform: uppercase;
}

.student-reading-room__security strong[b-6vxeligha7],
.student-reading-room__security small[b-6vxeligha7],
.student-reading-room__security em[b-6vxeligha7] {
    display: block;
}

.student-reading-room__security strong[b-6vxeligha7] {
    margin-top: 3px;
    color: #18251f;
    font-size: .84rem;
}

.student-reading-room__security small[b-6vxeligha7] {
    margin-top: 2px;
    color: #66766e;
    font-size: .74rem;
}

.student-reading-room__security em[b-6vxeligha7] {
    margin-top: 4px;
    color: #536761;
    font-size: .7rem;
    font-style: normal;
    font-weight: 900;
}

.student-reading-room__secure-meter[b-6vxeligha7] {
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    margin-top: 7px;
    background: rgba(31, 45, 39, .1);
}

.student-reading-room__secure-meter i[b-6vxeligha7] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #69bca7, hsl(var(--brand-accent-h, 42), 60%, 62%));
    box-shadow: 0 0 14px rgba(105, 188, 167, .24);
}

.student-reading-room__profiles[b-6vxeligha7],
.student-reading-room__targets[b-6vxeligha7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
}

.student-reading-room__profiles button[b-6vxeligha7] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    column-gap: 7px;
}

.student-reading-room__profiles button.is-active[b-6vxeligha7] {
    border-color: hsla(var(--brand-accent-h, 42), 60%, 62%, .38);
    background:
        linear-gradient(90deg, hsla(var(--brand-accent-h, 42), 60%, 62%, .12), transparent 4px),
        rgba(255, 252, 246, .94);
}

.student-reading-room__profiles .mud-icon-root[b-6vxeligha7],
.student-reading-room__companion .mud-icon-root[b-6vxeligha7] {
    color: #8d7540;
}

.student-reading-room__profiles span[b-6vxeligha7] {
    color: #18251f;
    font-size: .78rem;
    font-weight: 900;
}

.student-reading-room__profiles small[b-6vxeligha7] {
    grid-column: 2;
}

.student-reading-room__command-deck[b-6vxeligha7] {
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 42), 60%, 62%, .12), transparent 34%),
        linear-gradient(135deg, rgba(255, 255, 255, .88), rgba(241, 250, 247, .78));
}

.student-reading-room__companion[b-6vxeligha7] {
    display: grid;
    gap: 7px;
}

.student-reading-room__companion button[b-6vxeligha7] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 8px;
}

.student-reading-room__ai-companion[b-6vxeligha7] {
    display: grid;
    gap: 8px;
    border: 1px solid hsla(var(--brand-accent-h, 42), 60%, 62%, .2);
    border-radius: 8px;
    padding: 10px;
    color: #fbf7ec;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 42), 60%, 62%, .18), transparent 34%),
        linear-gradient(135deg, rgba(18, 27, 24, .98), rgba(40, 68, 60, .94));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .04);
}

.student-reading-room__ai-head[b-6vxeligha7],
.student-reading-room__ai-actions[b-6vxeligha7],
.student-reading-room__ai-modes[b-6vxeligha7],
.student-reading-room__ai-signals[b-6vxeligha7] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.student-reading-room__ai-head[b-6vxeligha7] {
    justify-content: space-between;
}

.student-reading-room__ai-head strong[b-6vxeligha7] {
    display: block;
    margin-top: 2px;
    color: #fffaf0;
    font-size: .86rem;
    line-height: 1.2;
}

.student-reading-room__ai-head button[b-6vxeligha7],
.student-reading-room__ai-actions button[b-6vxeligha7],
.student-reading-room__ai-modes button[b-6vxeligha7] {
    min-height: 28px;
    border: 1px solid hsla(var(--brand-accent-h, 42), 60%, 62%, .28);
    border-radius: 8px;
    padding: 0 9px;
    color: #fbf7ec;
    background: rgba(255, 255, 255, .08);
    font-size: .7rem;
    font-weight: 900;
    cursor: pointer;
}

.student-reading-room__ai-head button[b-6vxeligha7] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #1b2b25;
    background: linear-gradient(135deg, hsl(var(--brand-accent-h, 43), 80%, 75%), hsl(var(--brand-accent-h, 42), 60%, 62%));
}

.student-reading-room__ai-actions[b-6vxeligha7] {
    justify-content: flex-end;
}

.student-reading-room__ai-actions button:disabled[b-6vxeligha7],
.student-reading-room__ai-head button:disabled[b-6vxeligha7] {
    cursor: default;
    opacity: .48;
}

.student-reading-room__ai-modes button.is-active[b-6vxeligha7] {
    color: #1b2b25;
    background: linear-gradient(135deg, hsl(var(--brand-accent-h, 43), 80%, 75%), hsl(var(--brand-accent-h, 42), 60%, 62%));
    box-shadow: 0 10px 20px hsla(var(--brand-accent-h, 42), 60%, 62%, .16);
}

.student-reading-room__ai-companion[b-6vxeligha7]  .mud-input-root,
.student-reading-room__ai-companion[b-6vxeligha7]  .mud-input-control {
    color: #fbf7ec;
}

.student-reading-room__ai-companion[b-6vxeligha7]  .mud-input-outlined-border {
    border-color: hsla(var(--brand-accent-h, 42), 60%, 62%, .22);
}

.student-reading-room__ai-companion[b-6vxeligha7]  .mud-input-label {
    color: rgba(251, 247, 236, .68);
}

.student-reading-room__ai-draft[b-6vxeligha7],
.student-reading-room__ai-empty[b-6vxeligha7] {
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    padding: 9px;
    background: rgba(255, 255, 255, .07);
}

.student-reading-room__ai-draft.is-strong[b-6vxeligha7] {
    border-color: rgba(105, 188, 167, .34);
    background:
        linear-gradient(90deg, rgba(105, 188, 167, .12), transparent 4px),
        rgba(255, 255, 255, .07);
}

.student-reading-room__ai-draft.is-risk[b-6vxeligha7] {
    border-color: hsla(var(--brand-accent-h, 19), 72%, 63%, .34);
    background:
        linear-gradient(90deg, hsla(var(--brand-accent-h, 19), 72%, 63%, .14), transparent 4px),
        rgba(255, 255, 255, .07);
}

.student-reading-room__ai-draft strong[b-6vxeligha7],
.student-reading-room__ai-draft small[b-6vxeligha7],
.student-reading-room__ai-draft pre[b-6vxeligha7] {
    display: block;
}

.student-reading-room__ai-draft strong[b-6vxeligha7] {
    margin-top: 2px;
    color: #fffaf0;
    font-size: .88rem;
    line-height: 1.2;
}

.student-reading-room__ai-draft small[b-6vxeligha7],
.student-reading-room__ai-empty[b-6vxeligha7] {
    margin-top: 3px;
    color: rgba(251, 247, 236, .72);
    font-size: .72rem;
    line-height: 1.35;
}

.student-reading-room__ai-draft pre[b-6vxeligha7] {
    max-height: 220px;
    overflow: auto;
    margin: 8px 0 0;
    border-radius: 8px;
    padding: 8px;
    color: #fbf7ec;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    background: rgba(0, 0, 0, .18);
    font-family: inherit;
    font-size: .74rem;
    line-height: 1.45;
}

.student-reading-room__ai-signals em[b-6vxeligha7] {
    border: 1px solid hsla(var(--brand-accent-h, 42), 60%, 62%, .2);
    border-radius: 999px;
    padding: 4px 7px;
    color: hsl(var(--brand-accent-h, 44), 84%, 83%);
    background: hsla(var(--brand-accent-h, 42), 60%, 62%, .1);
    font-size: .64rem;
    font-style: normal;
    font-weight: 900;
}

.student-reading-room__insights article[b-6vxeligha7] {
    border: 1px solid hsla(var(--brand-accent-h, 42), 60%, 62%, .16);
    border-radius: 8px;
    padding: 8px;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 42), 60%, 62%, .12), transparent 28%),
        rgba(255, 252, 246, .82);
}

.student-reading-room__insights span[b-6vxeligha7],
.student-reading-room__mark-summary span[b-6vxeligha7] {
    display: block;
    color: #8d7540;
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.student-reading-room__insights strong[b-6vxeligha7] {
    display: block;
    margin-top: 3px;
    color: #18251f;
    font-size: .86rem;
}

.student-reading-room__meter[b-6vxeligha7] {
    height: 7px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(31, 45, 39, .1);
}

.student-reading-room__meter span[b-6vxeligha7] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, hsl(var(--brand-accent-h, 42), 60%, 62%), #3f7d6d);
    box-shadow: 0 0 18px hsla(var(--brand-accent-h, 42), 60%, 62%, .42);
}

.student-reading-room__anchor-list[b-6vxeligha7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
}

.student-reading-room__anchor-list button[b-6vxeligha7] {
    min-width: 0;
    border: 1px solid rgba(32, 47, 40, .1);
    border-radius: 8px;
    padding: 8px;
    text-align: left;
    background: linear-gradient(135deg, rgba(248, 250, 247, .94), rgba(255, 255, 255, .86));
}

.student-reading-room__anchor-list button.is-high[b-6vxeligha7] {
    border-color: hsla(var(--brand-accent-h, 42), 60%, 62%, .34);
    background: linear-gradient(135deg, rgba(255, 248, 226, .96), rgba(255, 255, 255, .86));
}

.student-reading-room__anchor-list button.is-medium[b-6vxeligha7] {
    border-color: rgba(63, 125, 109, .25);
}

.student-reading-room__anchor-list span[b-6vxeligha7],
.student-reading-room__anchor-list small[b-6vxeligha7] {
    display: block;
    color: #66766e;
    font-size: .68rem;
    line-height: 1.25;
}

.student-reading-room__anchor-list strong[b-6vxeligha7] {
    display: block;
    margin: 2px 0;
    color: #18251f;
    font-size: .82rem;
}

.student-reading-room__heatmap[b-6vxeligha7] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 5px;
}

.student-reading-room__heatmap button[b-6vxeligha7] {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 38px;
    overflow: hidden;
    border: 1px solid hsla(var(--brand-accent-h, 42), 60%, 62%, .16);
    border-radius: 8px;
    color: #18251f;
    background: rgba(255, 255, 255, .88);
}

.student-reading-room__heatmap button[b-6vxeligha7]::before {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: var(--heat);
    background: linear-gradient(180deg, hsla(var(--brand-accent-h, 42), 60%, 62%, .28), rgba(63, 125, 109, .34));
}

.student-reading-room__heatmap strong[b-6vxeligha7],
.student-reading-room__heatmap span[b-6vxeligha7] {
    position: relative;
    z-index: 1;
    font-size: .68rem;
    line-height: 1;
}

.student-reading-room__preset-row[b-6vxeligha7] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
}

.student-reading-room__preset-row button[b-6vxeligha7] {
    min-height: 30px;
    border: 1px solid rgba(32, 47, 40, .12);
    border-radius: 8px;
    color: #536761;
    background: rgba(255, 255, 255, .72);
    font-size: .76rem;
    font-weight: 800;
    cursor: pointer;
}

.student-reading-room__preset-row button.is-active[b-6vxeligha7] {
    border-color: hsla(var(--brand-accent-h, 42), 60%, 62%, .38);
    color: #6b5019;
    background: rgba(255, 246, 222, .92);
    box-shadow: 0 10px 20px hsla(var(--brand-accent-h, 42), 60%, 62%, .14);
}

.student-reading-room__preset-row button:disabled[b-6vxeligha7] {
    cursor: default;
    opacity: .58;
}

.student-reading-room__studio[b-6vxeligha7] {
    border-color: hsla(var(--brand-accent-h, 42), 60%, 62%, .18);
    color: #fbf7ec;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 42), 60%, 62%, .17), transparent 34%),
        linear-gradient(135deg, rgba(19, 28, 25, .98), rgba(43, 73, 65, .94));
    box-shadow: 0 18px 36px rgba(24, 36, 31, .12);
}

.student-reading-room__studio.is-risk[b-6vxeligha7] {
    border-color: hsla(var(--brand-accent-h, 19), 72%, 63%, .3);
}

.student-reading-room__studio.is-strong[b-6vxeligha7] {
    border-color: rgba(105, 188, 167, .34);
}

.student-reading-room__studio-head[b-6vxeligha7],
.student-reading-room__studio-actions[b-6vxeligha7],
.student-reading-room__studio-minutes[b-6vxeligha7] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.student-reading-room__studio-head[b-6vxeligha7] {
    justify-content: space-between;
    gap: 10px;
}

.student-reading-room__studio-head span[b-6vxeligha7],
.student-reading-room__studio-card span[b-6vxeligha7],
.student-reading-room__studio-sprint span[b-6vxeligha7],
.student-reading-room__studio-score span[b-6vxeligha7] {
    display: block;
    color: hsl(var(--brand-accent-h, 42), 60%, 62%);
    font-size: .66rem;
    font-weight: 900;
    text-transform: uppercase;
}

.student-reading-room__studio-head strong[b-6vxeligha7] {
    display: block;
    margin-top: 2px;
    color: #fffaf0;
    font-size: .94rem;
    line-height: 1.14;
}

.student-reading-room__studio-head small[b-6vxeligha7] {
    display: block;
    margin-top: 3px;
    color: rgba(251, 247, 236, .7);
    font-size: .72rem;
    font-weight: 800;
    line-height: 1.32;
}

.student-reading-room__studio-score[b-6vxeligha7] {
    min-width: 98px;
    border: 1px solid hsla(var(--brand-accent-h, 42), 60%, 62%, .2);
    border-radius: 8px;
    padding: 8px;
    background: rgba(255, 255, 255, .07);
}

.student-reading-room__studio-score strong[b-6vxeligha7] {
    display: block;
    color: #fffaf0;
    font-size: 1.12rem;
    line-height: 1;
}

.student-reading-room__studio-score i[b-6vxeligha7] {
    display: block;
    height: 5px;
    overflow: hidden;
    border-radius: 999px;
    margin-top: 6px;
    background: rgba(255, 255, 255, .12);
}

.student-reading-room__studio-score b[b-6vxeligha7] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, hsl(var(--brand-accent-h, 42), 60%, 62%), #69bca7);
}

.student-reading-room__studio-grid[b-6vxeligha7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
}

.student-reading-room__studio-card[b-6vxeligha7] {
    min-width: 0;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 8px;
    padding: 8px;
    color: inherit;
    text-align: left;
    background: rgba(255, 255, 255, .07);
    cursor: pointer;
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.student-reading-room__studio-card:first-child[b-6vxeligha7] {
    grid-column: span 2;
}

.student-reading-room__studio-card:hover[b-6vxeligha7] {
    transform: translateY(-1px);
    border-color: hsla(var(--brand-accent-h, 42), 60%, 62%, .34);
    background: rgba(255, 255, 255, .1);
}

.student-reading-room__studio-card.is-risk[b-6vxeligha7] {
    border-color: hsla(var(--brand-accent-h, 19), 72%, 63%, .32);
    background: rgba(166, 78, 57, .16);
}

.student-reading-room__studio-card.is-strong[b-6vxeligha7] {
    border-color: rgba(105, 188, 167, .32);
    background: rgba(105, 188, 167, .1);
}

.student-reading-room__studio-card strong[b-6vxeligha7],
.student-reading-room__studio-card small[b-6vxeligha7],
.student-reading-room__studio-card em[b-6vxeligha7] {
    display: block;
    overflow-wrap: anywhere;
}

.student-reading-room__studio-card strong[b-6vxeligha7] {
    margin-top: 2px;
    color: #fffaf0;
    font-size: .9rem;
    line-height: 1.08;
}

.student-reading-room__studio-card small[b-6vxeligha7] {
    margin-top: 2px;
    color: rgba(251, 247, 236, .76);
    font-size: .68rem;
    font-weight: 900;
    line-height: 1.22;
}

.student-reading-room__studio-card em[b-6vxeligha7] {
    margin-top: 5px;
    color: rgba(251, 247, 236, .62);
    font-size: .66rem;
    font-style: normal;
    line-height: 1.3;
}

.student-reading-room__studio-meter[b-6vxeligha7] {
    height: 5px;
    overflow: hidden;
    border-radius: 999px;
    margin-top: 7px;
    background: rgba(255, 255, 255, .12);
}

.student-reading-room__studio-meter i[b-6vxeligha7] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, hsl(var(--brand-accent-h, 42), 60%, 62%), #69bca7);
}

.student-reading-room__studio-sprint[b-6vxeligha7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 8px;
    align-items: center;
    border: 1px solid hsla(var(--brand-accent-h, 42), 60%, 62%, .14);
    border-radius: 8px;
    padding: 8px;
    background: rgba(255, 255, 255, .07);
}

.student-reading-room__studio-sprint strong[b-6vxeligha7],
.student-reading-room__studio-sprint small[b-6vxeligha7] {
    display: block;
    overflow-wrap: anywhere;
}

.student-reading-room__studio-sprint strong[b-6vxeligha7] {
    margin-top: 2px;
    color: #fffaf0;
    font-size: .82rem;
}

.student-reading-room__studio-sprint small[b-6vxeligha7] {
    margin-top: 2px;
    color: rgba(251, 247, 236, .66);
    font-size: .68rem;
    line-height: 1.3;
}

.student-reading-room__studio-minutes[b-6vxeligha7],
.student-reading-room__studio-actions[b-6vxeligha7] {
    justify-content: flex-end;
}

.student-reading-room__studio-minutes button[b-6vxeligha7],
.student-reading-room__studio-actions button[b-6vxeligha7] {
    min-height: 28px;
    border: 1px solid hsla(var(--brand-accent-h, 42), 60%, 62%, .22);
    border-radius: 8px;
    padding: 0 8px;
    color: #fbf7ec;
    background: rgba(255, 255, 255, .08);
    font-size: .68rem;
    font-weight: 900;
    cursor: pointer;
}

.student-reading-room__studio-minutes button.is-active[b-6vxeligha7],
.student-reading-room__studio-actions button:first-child[b-6vxeligha7] {
    color: #1b2b25;
    background: linear-gradient(135deg, hsl(var(--brand-accent-h, 43), 80%, 75%), hsl(var(--brand-accent-h, 42), 60%, 62%));
}

.student-reading-room__studio-actions button:disabled[b-6vxeligha7],
.student-reading-room__studio-minutes button:disabled[b-6vxeligha7],
.student-reading-room__studio-card:disabled[b-6vxeligha7] {
    cursor: default;
    opacity: .48;
}

.student-reading-room__evidence[b-6vxeligha7] {
    border-color: rgba(63, 125, 109, .16);
    background:
        radial-gradient(circle at top right, rgba(63, 125, 109, .12), transparent 34%),
        linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(241, 249, 246, .84));
}

.student-reading-room__evidence.is-risk[b-6vxeligha7] {
    border-color: hsla(var(--brand-accent-h, 19), 72%, 63%, .24);
    background:
        linear-gradient(90deg, hsla(var(--brand-accent-h, 19), 72%, 63%, .1), transparent 4px),
        rgba(255, 248, 244, .94);
}

.student-reading-room__evidence.is-strong[b-6vxeligha7] {
    border-color: rgba(105, 188, 167, .28);
    background:
        linear-gradient(90deg, rgba(105, 188, 167, .12), transparent 4px),
        rgba(241, 250, 247, .94);
}

.student-reading-room__evidence-head[b-6vxeligha7],
.student-reading-room__evidence-actions[b-6vxeligha7] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
}

.student-reading-room__evidence-head[b-6vxeligha7] {
    justify-content: space-between;
}

.student-reading-room__evidence-head span[b-6vxeligha7],
.student-reading-room__evidence-score span[b-6vxeligha7],
.student-reading-room__review-card span[b-6vxeligha7],
.student-reading-room__citation-item span[b-6vxeligha7] {
    display: block;
    color: #8d7540;
    font-size: .66rem;
    font-weight: 900;
    text-transform: uppercase;
}

.student-reading-room__evidence-head strong[b-6vxeligha7],
.student-reading-room__review-card strong[b-6vxeligha7],
.student-reading-room__citation-item strong[b-6vxeligha7] {
    display: block;
    margin-top: 2px;
    color: #18251f;
    font-size: .88rem;
    line-height: 1.16;
    overflow-wrap: anywhere;
}

.student-reading-room__evidence-head small[b-6vxeligha7],
.student-reading-room__review-card small[b-6vxeligha7],
.student-reading-room__review-card em[b-6vxeligha7],
.student-reading-room__citation-item small[b-6vxeligha7] {
    display: block;
    margin-top: 3px;
    color: #66766e;
    font-size: .68rem;
    line-height: 1.32;
    overflow-wrap: anywhere;
}

.student-reading-room__review-card em[b-6vxeligha7] {
    color: #536761;
    font-style: normal;
}

.student-reading-room__evidence-score[b-6vxeligha7] {
    min-width: 92px;
    border: 1px solid rgba(63, 125, 109, .16);
    border-radius: 8px;
    padding: 8px;
    background: rgba(255, 255, 255, .66);
}

.student-reading-room__evidence-score strong[b-6vxeligha7] {
    display: block;
    color: #18342c;
    font-size: 1.06rem;
    line-height: 1;
}

.student-reading-room__evidence-score i[b-6vxeligha7],
.student-reading-room__review-meter[b-6vxeligha7] {
    display: block;
    height: 5px;
    overflow: hidden;
    border-radius: 999px;
    margin-top: 6px;
    background: rgba(31, 45, 39, .1);
}

.student-reading-room__evidence-score b[b-6vxeligha7],
.student-reading-room__review-meter i[b-6vxeligha7] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, hsl(var(--brand-accent-h, 42), 60%, 62%), #69bca7);
}

.student-reading-room__evidence-actions[b-6vxeligha7] {
    justify-content: flex-end;
}

.student-reading-room__evidence-actions button[b-6vxeligha7],
.student-reading-room__citation-item button[b-6vxeligha7] {
    min-height: 28px;
    border: 1px solid rgba(63, 125, 109, .16);
    border-radius: 8px;
    padding: 0 8px;
    color: #18342c;
    background: rgba(255, 255, 255, .74);
    font-size: .68rem;
    font-weight: 900;
    cursor: pointer;
}

.student-reading-room__evidence-actions button:first-child[b-6vxeligha7] {
    border-color: hsla(var(--brand-accent-h, 42), 60%, 62%, .34);
    background: rgba(255, 248, 226, .88);
}

.student-reading-room__evidence-actions button:disabled[b-6vxeligha7],
.student-reading-room__review-card button:disabled[b-6vxeligha7],
.student-reading-room__citation-item button:disabled[b-6vxeligha7] {
    cursor: default;
    opacity: .48;
}

.student-reading-room__review-grid[b-6vxeligha7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
}

.student-reading-room__review-card button[b-6vxeligha7] {
    width: 100%;
    min-width: 0;
    border: 1px solid rgba(32, 47, 40, .09);
    border-radius: 8px;
    padding: 8px;
    text-align: left;
    background: rgba(255, 255, 255, .72);
    cursor: pointer;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.student-reading-room__review-card button:hover[b-6vxeligha7] {
    transform: translateY(-1px);
    border-color: hsla(var(--brand-accent-h, 42), 60%, 62%, .34);
    box-shadow: 0 12px 24px rgba(24, 36, 31, .08);
}

.student-reading-room__review-card.is-high button[b-6vxeligha7],
.student-reading-room__citation-item.is-high[b-6vxeligha7] {
    border-color: hsla(var(--brand-accent-h, 42), 60%, 62%, .28);
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 42), 60%, 62%, .12), transparent 30%),
        rgba(255, 252, 246, .9);
}

.student-reading-room__review-card.is-medium button[b-6vxeligha7],
.student-reading-room__citation-item.is-medium[b-6vxeligha7] {
    border-color: rgba(63, 125, 109, .22);
}

.student-reading-room__citation-queue[b-6vxeligha7] {
    display: grid;
    gap: 7px;
}

.student-reading-room__citation-item[b-6vxeligha7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: start;
    border: 1px solid rgba(32, 47, 40, .09);
    border-radius: 8px;
    padding: 8px;
    background: rgba(255, 255, 255, .7);
}

.student-reading-room__citation-item button[b-6vxeligha7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    padding: 0;
}

.student-reading-room__mark-tools[b-6vxeligha7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 132px;
    gap: 8px;
}

.student-reading-room__mark-tools input[b-6vxeligha7],
.student-reading-room__mark-tools select[b-6vxeligha7] {
    width: 100%;
    min-height: 34px;
    border: 1px solid rgba(32, 47, 40, .12);
    border-radius: 8px;
    padding: 6px 9px;
    color: #18251f;
    background: rgba(255, 255, 255, .88);
    font-size: .82rem;
    outline: none;
}

.student-reading-room__selection-tools[b-6vxeligha7] {
    justify-content: space-between;
}

.student-reading-room__selection-preview p[b-6vxeligha7] {
    margin: 4px 0 0;
    color: #536761;
    font-size: .8rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.student-reading-room__selection-preview small[b-6vxeligha7] {
    display: block;
    margin-top: 5px;
    color: #8d7540;
    font-size: .68rem;
    font-weight: 900;
}

.student-reading-room__mark-summary[b-6vxeligha7] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid rgba(32, 47, 40, .08);
    border-radius: 8px;
    padding: 8px;
    background: rgba(248, 250, 247, .74);
}

.student-reading-room__mark-summary span[b-6vxeligha7] {
    color: #66766e;
    text-align: center;
    text-transform: none;
}

.student-reading-room__mark-list[b-6vxeligha7] {
    display: grid;
    gap: 8px;
    max-height: 280px;
    overflow: auto;
    padding-right: 2px;
}

.student-reading-room__mark[b-6vxeligha7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: start;
    border: 1px solid rgba(32, 47, 40, .09);
    border-radius: 8px;
    padding: 10px;
    background: linear-gradient(135deg, rgba(248, 250, 247, .94), rgba(255, 255, 255, .86));
}

.student-reading-room__mark.is-highlight[b-6vxeligha7] {
    background: linear-gradient(135deg, rgba(255, 248, 226, .96), rgba(255, 255, 255, .86));
}

.student-reading-room__mark.is-note[b-6vxeligha7] {
    background: linear-gradient(135deg, rgba(238, 248, 245, .96), rgba(255, 255, 255, .86));
}

.student-reading-room__mark strong[b-6vxeligha7],
.student-reading-room__mark p[b-6vxeligha7] {
    display: block;
}

.student-reading-room__mark strong[b-6vxeligha7] {
    margin-top: 4px;
    color: #18251f;
    font-size: .9rem;
}

.student-reading-room__mark p[b-6vxeligha7] {
    margin: 5px 0 0;
    color: #66766e;
    font-size: .82rem;
    overflow-wrap: anywhere;
}

.student-reading-room__mark-actions[b-6vxeligha7] {
    display: grid;
    gap: 5px;
}

.student-reading-room__mark button[b-6vxeligha7] {
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 8px;
    color: #8a4b4b;
    background: rgba(138, 75, 75, .08);
}

.student-reading-room__empty[b-6vxeligha7] {
    border: 1px dashed rgba(32, 47, 40, .16);
    border-radius: 8px;
    padding: 12px;
    color: #66766e;
    font-size: .84rem;
}

.student-reading-room__actions[b-6vxeligha7] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    width: 100%;
}

.student-reading-room__shell.is-high-contrast .student-reading-room__viewer[b-6vxeligha7],
.student-reading-room__shell.is-high-contrast .student-reading-room__progress[b-6vxeligha7],
.student-reading-room__shell.is-high-contrast .student-reading-room__reader-map[b-6vxeligha7],
.student-reading-room__shell.is-high-contrast .student-reading-room__mark-editor[b-6vxeligha7],
.student-reading-room__shell.is-high-contrast .student-reading-room__evidence[b-6vxeligha7],
.student-reading-room__shell.is-high-contrast .student-reading-room__marks[b-6vxeligha7] {
    border-color: rgba(24, 37, 31, .28);
    background: #fff;
}

.student-reading-room__shell.is-high-contrast .student-reading-room__frame[b-6vxeligha7] {
    filter: contrast(1.08);
}

.student-reading-room__shell.is-dyslexia .student-reading-room__panel[b-6vxeligha7],
.student-reading-room__shell.is-dyslexia .student-reading-room__viewer[b-6vxeligha7] {
    letter-spacing: 0;
    line-height: 1.62;
}

@media (max-width: 980px) {
    .student-reading-room__shell[b-6vxeligha7] {
        grid-template-columns: 1fr;
    }

    .student-reading-room__viewer[b-6vxeligha7] {
        grid-template-rows: auto auto 58vh;
    }

    .student-reading-room__reader-strip[b-6vxeligha7] {
        grid-template-columns: 1fr;
    }

    .student-reading-room__search-lens[b-6vxeligha7] {
        grid-template-columns: 1fr;
    }

    .student-reading-room__studio-sprint[b-6vxeligha7] {
        grid-template-columns: 1fr;
    }

    .student-reading-room__lens-tabs[b-6vxeligha7] {
        justify-content: flex-start;
    }

    .student-reading-room__reader-assist[b-6vxeligha7] {
        justify-content: flex-start;
    }

    .student-reading-room__reader-controls label[b-6vxeligha7] {
        width: 100%;
    }
}

@media (max-width: 620px) {
    .student-reading-room__progress-grid[b-6vxeligha7],
    .student-reading-room__anchor-list[b-6vxeligha7],
    .student-reading-room__heatmap[b-6vxeligha7],
    .student-reading-room__studio-grid[b-6vxeligha7],
    .student-reading-room__review-grid[b-6vxeligha7] {
        grid-template-columns: 1fr;
    }

    .student-reading-room__studio-card:first-child[b-6vxeligha7] {
        grid-column: auto;
    }

    .student-reading-room__insights[b-6vxeligha7],
    .student-reading-room__mark-tools[b-6vxeligha7],
    .student-reading-room__mark-summary[b-6vxeligha7],
    .student-reading-room__profiles[b-6vxeligha7],
    .student-reading-room__targets[b-6vxeligha7],
    .student-reading-room__preset-row[b-6vxeligha7] {
        grid-template-columns: 1fr;
    }

    .student-reading-room__ai-head[b-6vxeligha7],
    .student-reading-room__ai-actions[b-6vxeligha7],
    .student-reading-room__studio-head[b-6vxeligha7],
    .student-reading-room__studio-actions[b-6vxeligha7],
    .student-reading-room__studio-minutes[b-6vxeligha7],
    .student-reading-room__evidence-head[b-6vxeligha7],
    .student-reading-room__evidence-actions[b-6vxeligha7],
    .student-reading-room__reader-assist[b-6vxeligha7] {
        align-items: flex-start;
        flex-direction: column;
    }

    .student-reading-room__reader-assist small[b-6vxeligha7] {
        flex-basis: auto;
    }
}

/* ===== Premium polish (refactor) ===== */
.student-reading-room__loading[b-6vxeligha7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
    gap: 12px;
    min-height: 68vh;
}

.student-reading-room__skel-viewer[b-6vxeligha7],
.student-reading-room__skel-side span[b-6vxeligha7] {
    border-radius: 12px;
    background: linear-gradient(90deg, rgba(232, 224, 205, .45) 25%, rgba(247, 240, 224, .85) 37%, rgba(232, 224, 205, .45) 63%);
    background-size: 400% 100%;
    animation: readerSkel-b-6vxeligha7 1.4s ease infinite;
}

.student-reading-room__skel-side[b-6vxeligha7] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.student-reading-room__skel-side span[b-6vxeligha7] {
    height: 64px;
}

.student-reading-room__skel-side span:first-child[b-6vxeligha7] {
    height: 120px;
}

@keyframes readerSkel-b-6vxeligha7 {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: 0 0;
    }
}

.student-reading-room__shell[b-6vxeligha7] {
    animation: readerShellIn-b-6vxeligha7 .3s cubic-bezier(.2, .7, .2, 1);
}

@keyframes readerShellIn-b-6vxeligha7 {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.student-reading-room button:focus-visible[b-6vxeligha7],
.student-reading-room .mud-button-root:focus-visible[b-6vxeligha7],
.student-reading-room a:focus-visible[b-6vxeligha7] {
    outline: 2px solid hsl(var(--brand-accent-h, 41), 49%, 48%);
    outline-offset: 2px;
    border-radius: 8px;
}

@media (prefers-reduced-motion: reduce) {

    .student-reading-room__shell[b-6vxeligha7],
    .student-reading-room__skel-viewer[b-6vxeligha7],
    .student-reading-room__skel-side span[b-6vxeligha7] {
        animation: none;
    }
}
/* /Components/LibraryResourceDialog.razor.rz.scp.css */
.student-library-dialog__titlebar[b-v6opmggokp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.student-library-dialog__eyebrow[b-v6opmggokp],
.student-library-dialog__hero span[b-v6opmggokp],
.student-library-dialog__grid span[b-v6opmggokp],
.student-library-dialog__status span[b-v6opmggokp],
.student-library-dialog__reading span[b-v6opmggokp],
.student-library-dialog__citation span[b-v6opmggokp],
.student-library-dialog__related span[b-v6opmggokp],
.student-library-dialog__note label[b-v6opmggokp] {
    display: block;
    color: hsl(var(--brand-accent-h, 42), 60%, 62%);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.student-library-dialog__titlebar h3[b-v6opmggokp] {
    margin: 3px 0 4px;
    color: #18251f;
    font-size: 1.12rem;
}

.student-library-dialog__titlebar p[b-v6opmggokp] {
    margin: 0;
    color: #66766e;
    font-size: .84rem;
}

.student-library-dialog__body[b-v6opmggokp] {
    display: grid;
    gap: 12px;
}

.student-library-dialog__hero[b-v6opmggokp],
.student-library-dialog__grid article[b-v6opmggokp],
.student-library-dialog__status article[b-v6opmggokp],
.student-library-dialog__reservation[b-v6opmggokp],
.student-library-dialog__reading[b-v6opmggokp],
.student-library-dialog__citation[b-v6opmggokp],
.student-library-dialog__related[b-v6opmggokp],
.student-library-dialog__note[b-v6opmggokp] {
    border: 1px solid rgba(32, 47, 40, .1);
    border-radius: 8px;
    padding: 12px;
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 16px 34px rgba(24, 36, 31, .08);
}

.student-library-dialog__hero[b-v6opmggokp] {
    color: #fbf7ec;
    background: linear-gradient(135deg, rgba(19, 27, 24, .98), rgba(39, 72, 64, .94));
}

.student-library-dialog__hero strong[b-v6opmggokp],
.student-library-dialog__hero small[b-v6opmggokp],
.student-library-dialog__hero p[b-v6opmggokp],
.student-library-dialog__reading strong[b-v6opmggokp],
.student-library-dialog__reading small[b-v6opmggokp],
.student-library-dialog__reading p[b-v6opmggokp],
.student-library-dialog__status strong[b-v6opmggokp],
.student-library-dialog__status small[b-v6opmggokp],
.student-library-dialog__grid strong[b-v6opmggokp] {
    display: block;
}

.student-library-dialog__hero strong[b-v6opmggokp] {
    margin-top: 5px;
    font-size: 1.08rem;
}

.student-library-dialog__hero small[b-v6opmggokp],
.student-library-dialog__hero p[b-v6opmggokp] {
    margin-top: 5px;
    color: rgba(251, 247, 236, .78);
}

.student-library-dialog__discovery[b-v6opmggokp] {
    margin-top: 10px;
    border: 1px solid hsla(var(--brand-accent-h, 42), 60%, 62%, .2);
    border-radius: 8px;
    padding: 9px;
    background: rgba(255, 255, 255, .08);
}

.student-library-dialog__discovery span[b-v6opmggokp],
.student-library-dialog__discovery small[b-v6opmggokp] {
    display: block;
}

.student-library-dialog__discovery div[b-v6opmggokp] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 7px;
}

.student-library-dialog__discovery i[b-v6opmggokp] {
    border: 1px solid hsla(var(--brand-accent-h, 42), 60%, 62%, .24);
    border-radius: 999px;
    padding: 2px 7px;
    color: #fff8df;
    background: rgba(255, 248, 226, .1);
    font-size: .68rem;
    font-style: normal;
    font-weight: 900;
}

.student-library-dialog__grid[b-v6opmggokp] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.student-library-dialog__grid strong[b-v6opmggokp] {
    margin-top: 5px;
    color: #18251f;
    font-size: .9rem;
    overflow-wrap: anywhere;
}

.student-library-dialog__reading[b-v6opmggokp] {
    background: linear-gradient(135deg, rgba(255, 248, 226, .95), rgba(239, 248, 242, .84));
}

.student-library-dialog__citation[b-v6opmggokp] {
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 42), 60%, 62%, .14), transparent 32%),
        linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(239, 248, 242, .82));
}

.student-library-dialog__citation-head[b-v6opmggokp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 150px;
    gap: 10px;
    align-items: start;
}

.student-library-dialog__citation strong[b-v6opmggokp],
.student-library-dialog__citation p[b-v6opmggokp] {
    display: block;
}

.student-library-dialog__citation strong[b-v6opmggokp] {
    margin-top: 5px;
    color: #18251f;
}

.student-library-dialog__citation p[b-v6opmggokp] {
    margin: 8px 0 0;
    color: #4d625c;
    font-size: .84rem;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.student-library-dialog__citation-actions[b-v6opmggokp] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

.student-library-dialog__related[b-v6opmggokp] {
    background:
        radial-gradient(circle at top left, rgba(63, 109, 96, .12), transparent 34%),
        linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(255, 248, 226, .72));
}

.student-library-dialog__related-head[b-v6opmggokp],
.student-library-dialog__related article[b-v6opmggokp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.student-library-dialog__related-head strong[b-v6opmggokp],
.student-library-dialog__related article strong[b-v6opmggokp],
.student-library-dialog__related article span[b-v6opmggokp],
.student-library-dialog__related article small[b-v6opmggokp],
.student-library-dialog__related > small[b-v6opmggokp] {
    display: block;
}

.student-library-dialog__related-head strong[b-v6opmggokp] {
    margin-top: 5px;
    color: #18251f;
}

.student-library-dialog__related article[b-v6opmggokp] {
    border-top: 1px solid rgba(32, 47, 40, .08);
    padding-top: 9px;
    margin-top: 9px;
}

.student-library-dialog__related article button[b-v6opmggokp] {
    min-width: 0;
    border: 0;
    padding: 0;
    text-align: left;
    background: transparent;
    cursor: pointer;
}

.student-library-dialog__related article strong[b-v6opmggokp] {
    color: #18251f;
    font-size: .9rem;
}

.student-library-dialog__related article span[b-v6opmggokp],
.student-library-dialog__related article small[b-v6opmggokp],
.student-library-dialog__related > small[b-v6opmggokp] {
    margin-top: 3px;
    color: #66766e;
    font-size: .78rem;
    text-transform: none;
}

.student-library-dialog__status[b-v6opmggokp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.student-library-dialog__status article[b-v6opmggokp] {
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 42), 60%, 62%, .14), transparent 32%),
        linear-gradient(135deg, rgba(248, 250, 247, .94), rgba(255, 255, 255, .84));
}

.student-library-dialog__status article.is-overdue[b-v6opmggokp] {
    border-color: rgba(165, 65, 65, .32);
    background: linear-gradient(135deg, rgba(255, 241, 238, .94), rgba(255, 255, 255, .84));
}

.student-library-dialog__status strong[b-v6opmggokp] {
    margin-top: 5px;
    color: #18251f;
    font-size: .94rem;
}

.student-library-dialog__status small[b-v6opmggokp] {
    margin-top: 4px;
    color: #66766e;
    font-size: .78rem;
}

.student-library-dialog__reservation[b-v6opmggokp] {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    gap: 12px;
    align-items: center;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 42), 60%, 62%, .16), transparent 32%),
        linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(239, 248, 242, .84));
}

.student-library-dialog__reservation span[b-v6opmggokp],
.student-library-dialog__reservation strong[b-v6opmggokp],
.student-library-dialog__reservation small[b-v6opmggokp] {
    display: block;
}

.student-library-dialog__reservation strong[b-v6opmggokp] {
    margin-top: 5px;
    color: #18251f;
    font-size: .94rem;
}

.student-library-dialog__reservation small[b-v6opmggokp] {
    margin-top: 4px;
    color: #66766e;
    font-size: .78rem;
}

.student-library-dialog__reservation-fields[b-v6opmggokp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 180px);
    gap: 10px;
    align-items: center;
}

.student-library-dialog__reading strong[b-v6opmggokp] {
    margin-top: 5px;
    color: #18251f;
}

.student-library-dialog__reading small[b-v6opmggokp],
.student-library-dialog__reading p[b-v6opmggokp] {
    margin-top: 4px;
    color: #66766e;
}

.student-library-dialog__note[b-v6opmggokp] {
    display: grid;
    gap: 7px;
}

.student-library-dialog__feedback-row[b-v6opmggokp],
.student-library-dialog__report-row[b-v6opmggokp] {
    display: grid;
    grid-template-columns: minmax(0, 160px) auto;
    gap: 8px;
    align-items: center;
}

.student-library-dialog__actions[b-v6opmggokp] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    width: 100%;
}

@media (max-width: 820px) {
    .student-library-dialog__grid[b-v6opmggokp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .student-library-dialog__grid[b-v6opmggokp],
    .student-library-dialog__status[b-v6opmggokp],
    .student-library-dialog__reservation[b-v6opmggokp],
    .student-library-dialog__reservation-fields[b-v6opmggokp],
    .student-library-dialog__citation-head[b-v6opmggokp],
    .student-library-dialog__related-head[b-v6opmggokp],
    .student-library-dialog__related article[b-v6opmggokp],
    .student-library-dialog__feedback-row[b-v6opmggokp],
    .student-library-dialog__report-row[b-v6opmggokp] {
        grid-template-columns: 1fr;
    }

    .student-library-dialog__actions[b-v6opmggokp] {
        align-items: stretch;
        flex-direction: column;
    }

    .student-library-dialog__related-head[b-v6opmggokp],
    .student-library-dialog__related article[b-v6opmggokp] {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* ===== Premium polish (refactor) ===== */
.student-library-dialog__body[b-v6opmggokp] {
    animation: resourceDlgIn-b-v6opmggokp .28s cubic-bezier(.2, .7, .2, 1);
}

@keyframes resourceDlgIn-b-v6opmggokp {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.student-library-dialog button:focus-visible[b-v6opmggokp],
.student-library-dialog .mud-button-root:focus-visible[b-v6opmggokp],
.student-library-dialog a:focus-visible[b-v6opmggokp] {
    outline: 2px solid hsl(var(--brand-accent-h, 41), 49%, 48%);
    outline-offset: 2px;
    border-radius: 8px;
}

@media (prefers-reduced-motion: reduce) {
    .student-library-dialog__body[b-v6opmggokp] {
        animation: none;
    }
}
/* /Components/MetricCard.razor.rz.scp.css */
.portal-metric-card[b-ap2jdas41q] {
    display: grid;
    gap: 0.26rem;
    min-width: 0;
    padding: 0.82rem 0.9rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 249, 255, 0.96));
    box-shadow: 0 14px 30px hsla(var(--brand-h, 218), 60%, 16%, 0.07);
}

.portal-metric-card span[b-ap2jdas41q] {
    color: var(--portal-muted);
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.portal-metric-card strong[b-ap2jdas41q] {
    color: var(--portal-ink);
    font-size: 1.32rem;
    font-weight: 900;
}

.portal-metric-card small[b-ap2jdas41q] {
    color: var(--portal-muted);
    font-size: 0.78rem;
}
/* /Components/MobilityProgramPriorityDialog.razor.rz.scp.css */
/* Dialog-specific styles */

.portal-mobility-dialog__eyebrow[b-n18zbkqej3]{
    color: hsl(var(--brand-h, 219), 24%, 53%);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.portal-mobility-dialog__description[b-n18zbkqej3],
.portal-mobility-dialog__notice[b-n18zbkqej3]{
    color: hsl(var(--brand-h, 218), 21%, 54%);
    font-size: 0.8rem;
    line-height: 1.5;
}

.portal-mobility-dialog__meta-item[b-n18zbkqej3]{
    display: grid;
    gap: 0.16rem;
    padding: 0.76rem 0.82rem;
    border-radius: 20px;
    border: 1px solid hsla(var(--brand-h, 218), 63%, 21%, 0.06);
    background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(244,248,255,0.9));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
}

.portal-mobility-dialog__meta-item span[b-n18zbkqej3]{
    color: hsl(var(--brand-h, 218), 21%, 57%);
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.portal-mobility-dialog__meta-item strong[b-n18zbkqej3]{
    color: hsl(var(--brand-h, 217), 58%, 24%);
    font-size: 0.86rem;
    font-weight: 900;
    line-height: 1.3;
}

.portal-mobility-dialog__title[b-n18zbkqej3]{
    color: hsl(var(--brand-h, 217), 58%, 24%);
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.18;
}

.portal-mobility-dialog[b-n18zbkqej3]{
    display: grid;
    gap: 0.78rem;
    padding: 0.08rem 0.08rem 0.24rem;
}

.portal-mobility-dialog__header[b-n18zbkqej3]{
    display: grid;
    gap: 0.18rem;
}

.portal-mobility-dialog__meta[b-n18zbkqej3]{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.46rem;
}

.portal-mobility-dialog__subtitle[b-n18zbkqej3]{
    margin: 0;
    color: hsl(var(--brand-h, 218), 20%, 54%);
    font-size: 0.78rem;
    line-height: 1.45;
}

.portal-mobility-dialog__notice[b-n18zbkqej3]{
    padding: 0.68rem 0.76rem;
    border-radius: 18px;
    border: 1px solid hsla(var(--brand-accent-h, 42), 65%, 43%, 0.12);
    background: linear-gradient(180deg, rgba(255,249,238,0.98), rgba(248,240,224,0.94));
    color: #8b692e;
}

.portal-mobility-dialog__description-card[b-n18zbkqej3]{
    display: grid;
    gap: 0.3rem;
    padding: 0.72rem 0.8rem;
    border-radius: 18px;
    border: 1px solid hsla(var(--brand-h, 218), 63%, 21%, 0.06);
    background: linear-gradient(180deg, rgba(248,251,255,0.98), rgba(242,247,255,0.94));
}

.portal-mobility-dialog__description-label[b-n18zbkqej3],
.portal-mobility-dialog__priority-label[b-n18zbkqej3]{
    color: hsl(var(--brand-h, 218), 22%, 54%);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.portal-mobility-dialog__priority[b-n18zbkqej3]{
    display: grid;
    gap: 0.42rem;
}

.portal-mobility-dialog__priority-grid[b-n18zbkqej3]{
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.42rem;
}

.portal-mobility-dialog__priority-option[b-n18zbkqej3]{
    display: grid;
    justify-items: center;
    gap: 0.08rem;
    padding: 0.7rem 0.35rem 0.64rem;
    border-radius: 18px;
    border: 1px solid hsla(var(--brand-h, 217), 58%, 29%, 0.1);
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(246,249,255,0.92));
    color: hsl(var(--brand-h, 216), 54%, 28%);
    cursor: pointer;
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease, background 0.16s ease;
}

.portal-mobility-dialog__priority-option:hover[b-n18zbkqej3],
.portal-mobility-dialog__priority-option:focus-visible[b-n18zbkqej3]{
    transform: translateY(-1px);
    border-color: hsla(var(--brand-h, 222), 61%, 46%, 0.18);
    box-shadow: 0 14px 24px hsla(var(--brand-h, 219), 68%, 28%, 0.08);
}

.portal-mobility-dialog__priority-option--active[b-n18zbkqej3]{
    border-color: hsla(var(--brand-h, 222), 61%, 46%, 0.18);
    background: linear-gradient(180deg, rgba(238,244,255,0.99), hsla(var(--brand-h, 220), 100%, 95%, 0.94));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92), 0 14px 24px hsla(var(--brand-h, 219), 68%, 28%, 0.08);
}

.portal-mobility-dialog__priority-option:disabled[b-n18zbkqej3]{
    opacity: 0.62;
    cursor: default;
    transform: none;
}

.portal-mobility-dialog__priority-number[b-n18zbkqej3]{
    color: hsl(var(--brand-h, 215), 63%, 24%);
    font-size: 1rem;
    font-weight: 900;
    line-height: 1;
}

.portal-mobility-dialog__priority-copy[b-n18zbkqej3]{
    color: hsl(var(--brand-h, 218), 22%, 54%);
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.portal-mobility-dialog__actions[b-n18zbkqej3]{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.48rem;
    padding: 0.14rem 0 0.06rem;
}

.portal-mobility-priority-dialog[b-n18zbkqej3]  .mud-dialog-content{
    padding: 0.85rem 0.9rem 0.52rem !important;
}

.portal-mobility-priority-dialog[b-n18zbkqej3]  .mud-dialog-actions{
    padding: 0 0.9rem 0.9rem !important;
    justify-content: flex-end;
}

@media (max-width: 720px) {
    .portal-mobility-dialog__meta[b-n18zbkqej3]{
        grid-template-columns: 1fr;
    }

    .portal-mobility-dialog__priority-grid[b-n18zbkqej3]{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
/* /Components/NotificationDetailDialog.razor.rz.scp.css */
.portal-notification-detail__titlebar[b-q5x9b3vm1d] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.1rem 0;
}

.portal-notification-detail__title[b-q5x9b3vm1d] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
}

.portal-notification-detail__icon[b-q5x9b3vm1d] {
    width: 2.75rem;
    height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    color: hsl(var(--brand-h, 218), 76%, 37%);
    background: linear-gradient(135deg, hsla(var(--brand-h, 221), 100%, 93%, 0.96), rgba(245, 248, 255, 0.88));
    box-shadow: inset 0 0 0 1px hsla(var(--brand-h, 220), 66%, 55%, 0.16);
}

.portal-notification-detail__eyebrow[b-q5x9b3vm1d] {
    color: hsl(var(--brand-h, 217), 17%, 53%);
    font-size: 0.76rem;
    font-weight: 800;
}

.portal-notification-detail__heading[b-q5x9b3vm1d] {
    color: hsl(var(--brand-h, 216), 64%, 17%);
    font-size: 1.25rem;
    font-weight: 900;
    line-height: 1.2;
}

.portal-notification-detail__close[b-q5x9b3vm1d] {
    margin-top: -0.2rem;
}

.portal-notification-detail[b-q5x9b3vm1d] {
    display: grid;
    gap: 1rem;
    padding: 0.3rem 0.1rem 0;
}

.portal-notification-detail__summary[b-q5x9b3vm1d] {
    display: grid;
    gap: 0.35rem;
    padding: 1rem;
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(244, 248, 255, 0.95), rgba(255, 255, 255, 0.92));
    border: 1px solid hsla(var(--brand-h, 218), 54%, 83%, 0.62);
}

.portal-notification-detail__summary-label[b-q5x9b3vm1d],
.portal-notification-detail__item-label[b-q5x9b3vm1d] {
    color: hsl(var(--brand-h, 217), 18%, 51%);
    font-size: 0.76rem;
    font-weight: 900;
}

.portal-notification-detail__summary-text[b-q5x9b3vm1d] {
    color: hsl(var(--brand-h, 216), 60%, 18%);
    font-size: 0.98rem;
    font-weight: 800;
    line-height: 1.5;
}

.portal-notification-detail__grid[b-q5x9b3vm1d] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.portal-notification-detail__item[b-q5x9b3vm1d] {
    min-width: 0;
    display: grid;
    gap: 0.28rem;
    padding: 0.9rem;
    border-radius: 18px;
    background: rgba(249, 251, 255, 0.86);
    border: 1px solid hsla(var(--brand-h, 218), 49%, 85%, 0.72);
}

.portal-notification-detail__item-value[b-q5x9b3vm1d] {
    color: hsl(var(--brand-h, 216), 60%, 18%);
    font-size: 0.92rem;
    font-weight: 850;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.portal-notification-detail__actions[b-q5x9b3vm1d] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 0 0.1rem 0.15rem;
}

.portal-notification-detail__button[b-q5x9b3vm1d] {
    min-width: 8rem;
    border-radius: 16px;
    font-weight: 900;
}

@media (max-width: 640px) {
    .portal-notification-detail__titlebar[b-q5x9b3vm1d] {
        padding: 0.85rem 0.85rem 0;
    }

    .portal-notification-detail__grid[b-q5x9b3vm1d] {
        grid-template-columns: 1fr;
    }
}
/* /Components/PortalKpiCard.razor.rz.scp.css */
.portal-kpi-card[b-a2mvdbgho6] {
    min-height: 90px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 14px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
    box-shadow: var(--shadow-card);
}

.portal-kpi-card__icon[b-a2mvdbgho6] {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: var(--radius-md);
    color: var(--color-brand-900);
    background: var(--color-brand-50);
    border: 1px solid var(--color-brand-100);
}

.portal-kpi-card__body[b-a2mvdbgho6] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.portal-kpi-card__label[b-a2mvdbgho6],
.portal-kpi-card__caption[b-a2mvdbgho6] {
    color: var(--color-text-secondary);
    line-height: 1.35;
}

.portal-kpi-card__label[b-a2mvdbgho6] {
    font-size: 0.8rem;
    font-weight: 600;
}

.portal-kpi-card__value[b-a2mvdbgho6] {
    color: var(--color-text-primary);
    font-size: clamp(1.5rem, 1.75vw, 1.72rem);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.035em;
    font-variant-numeric: tabular-nums;
}

.portal-kpi-card__caption[b-a2mvdbgho6] {
    font-size: 0.72rem;
}

.portal-kpi-card--success .portal-kpi-card__icon[b-a2mvdbgho6] {
    color: var(--color-success);
    background: var(--color-success-soft);
    border-color: color-mix(in srgb, var(--color-success) 14%, transparent);
}

.portal-kpi-card--gold .portal-kpi-card__icon[b-a2mvdbgho6] {
    color: var(--color-accent-gold);
    background: var(--color-accent-gold-soft);
    border-color: color-mix(in srgb, var(--color-accent-gold) 16%, transparent);
}

@media (max-width: 768px) {
    .portal-kpi-card[b-a2mvdbgho6] {
        min-height: 88px;
        padding: 12px 14px;
    }
}
/* /Components/PremiumConfirmDialog.razor.rz.scp.css */
/* Dialog-specific styles */

.portal-confirm-dialog[b-ua1l2cx2vg]{
    overflow: hidden;
    border-radius: 24px !important;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-h, 218), 79%, 42%, 0.12), transparent 34%),
        radial-gradient(circle at bottom left, hsla(var(--brand-accent-h, 37), 55%, 47%, 0.1), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,0.995), rgba(246,249,255,0.985)) !important;
    border: 1px solid hsla(var(--brand-h, 216), 60%, 17%, 0.08);
    box-shadow: 0 32px 72px hsla(var(--brand-h, 219), 70%, 13%, 0.18) !important;
}

.portal-confirm-dialog[b-ua1l2cx2vg]  .mud-dialog-title{
    padding: 0.8rem 1rem 0 !important;
    min-height: 0;
}

.portal-confirm-dialog[b-ua1l2cx2vg]  .mud-dialog-content{
    padding: 0 !important;
}

.portal-confirm-dialog[b-ua1l2cx2vg]  .mud-dialog-actions{
    padding: 0.95rem 1.1rem 1.1rem !important;
}

.portal-confirm-dialog__surface[b-ua1l2cx2vg]{
    position: relative;
    overflow: hidden;
    padding: 0.35rem 1.1rem 0.18rem;
}

.portal-confirm-dialog__glow[b-ua1l2cx2vg]{
    position: absolute;
    inset: -3rem auto auto -2rem;
    width: 8rem;
    height: 8rem;
    border-radius: 999px;
    background: radial-gradient(circle, hsla(var(--brand-h, 218), 79%, 42%, 0.18), transparent 68%);
    pointer-events: none;
}

.portal-confirm-dialog__titlebar[b-ua1l2cx2vg]{
    align-items: flex-start;
    gap: 1rem;
}

.portal-confirm-dialog__titlebar .portal-title[b-ua1l2cx2vg]{
    align-items: flex-start;
}

.portal-confirm-dialog__title-icon[b-ua1l2cx2vg]{
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.94), 0 16px 28px hsla(var(--brand-h, 218), 79%, 42%, 0.12);
}

.portal-confirm-dialog__meta[b-ua1l2cx2vg]{
    position: relative;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));
    gap: 0.62rem;
    margin-top: 0.92rem;
}

.portal-confirm-dialog__meta-item[b-ua1l2cx2vg]{
    padding: 0.72rem 0.82rem;
    border-radius: 16px;
    border: 1px solid hsla(var(--brand-h, 216), 60%, 17%, 0.07);
    background: linear-gradient(180deg, rgba(255,255,255,0.92), rgba(245,248,255,0.92));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.88);
}

.portal-confirm-dialog__meta-label[b-ua1l2cx2vg]{
    display: block;
    font-size: 0.66rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--portal-muted);
    font-weight: 800;
}

.portal-confirm-dialog__meta-value[b-ua1l2cx2vg]{
    display: block;
    margin-top: 0.2rem;
    color: var(--portal-text);
    font-size: 0.82rem;
    font-weight: 800;
}

.portal-confirm-dialog__actions[b-ua1l2cx2vg]{
    position: relative;
    display: flex;
    justify-content: flex-end;
    gap: 0.58rem;
}

.portal-confirm-dialog__button[b-ua1l2cx2vg]{
    min-height: 2.6rem;
    border-radius: 16px !important;
    padding-inline: 1rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em;
}

.portal-confirm-dialog__button--secondary[b-ua1l2cx2vg]{
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(244,248,255,0.96)) !important;
    border: 1px solid hsla(var(--brand-h, 216), 60%, 17%, 0.07) !important;
}

.portal-confirm-dialog__button--primary[b-ua1l2cx2vg]{
    box-shadow: 0 14px 26px hsla(var(--brand-h, 220), 73%, 29%, 0.16) !important;
}
/* /Components/ProfileStructuredRowDialog.razor.rz.scp.css */
/* Profile structured row editor — uses the shared portal-dialog-shell. */

.portal-profile-row-dialog__frame[b-xqw97nva9w] {
    gap: 0.62rem;
    padding: 0.58rem 0.68rem 0;
}

.portal-profile-row-dialog__titlebar[b-xqw97nva9w] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: flex-start;
    gap: 0.62rem;
    width: 100%;
    min-width: 0;
}

.portal-profile-row-dialog__titleicon[b-xqw97nva9w] {
    display: grid;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    border: 1px solid var(--color-brand-100);
    border-radius: 12px;
    background: var(--color-brand-50);
    color: var(--color-brand-900);
    box-shadow: var(--shadow-xs);
}

.portal-profile-row-dialog__titleicon[b-xqw97nva9w]  .mud-icon-root {
    font-size: 1.08rem !important;
}

.portal-profile-row-dialog__titlebar .portal-title__copy[b-xqw97nva9w] {
    max-width: 36rem;
}

.portal-profile-row-dialog__titleextras[b-xqw97nva9w] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.34rem;
}

.portal-profile-row-dialog__titleextras .portal-chip[b-xqw97nva9w] {
    min-height: 1.65rem;
    padding: 0.24rem 0.48rem;
    border: 1px solid var(--color-border);
    border-radius: 999px;
    background: var(--color-surface);
    color: var(--color-text-secondary);
    font-size: 0.62rem;
    font-weight: 750;
    white-space: nowrap;
}

.portal-profile-row-dialog__titleextras .portal-chip--warning[b-xqw97nva9w] {
    border-color: color-mix(in srgb, var(--color-accent-gold) 20%, var(--color-border));
    background: var(--color-accent-gold-soft);
    color: color-mix(in srgb, var(--color-accent-gold) 72%, var(--color-text-primary));
}

.portal-profile-row-dialog__loading[b-xqw97nva9w] {
    display: grid;
    place-items: center;
    gap: 0.6rem;
    min-height: 12rem;
}

.portal-profile-row-dialog__section[b-xqw97nva9w] {
    display: grid;
    gap: 0.58rem;
    padding: 0.68rem;
    border: 1px solid var(--color-border);
    border-radius: 16px;
    background: var(--color-surface);
    box-shadow: var(--shadow-xs);
}

.portal-profile-row-dialog__section--setup[b-xqw97nva9w] {
    grid-template-columns: minmax(0, 1fr) minmax(16rem, 21rem);
    align-items: end;
}

.portal-profile-row-dialog__section-header[b-xqw97nva9w] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.6rem;
}

.portal-profile-row-dialog__section-title[b-xqw97nva9w] {
    color: var(--color-text-primary);
    font-size: 0.82rem;
    font-weight: 850;
    line-height: 1.25;
}

.portal-profile-row-dialog__section-copy[b-xqw97nva9w] {
    max-width: 62ch;
    margin-top: 0.1rem;
    color: var(--color-text-secondary);
    font-size: 0.68rem;
    line-height: 1.42;
}

.portal-profile-row-dialog__setup-grid[b-xqw97nva9w] {
    grid-template-columns: minmax(0, 1fr);
    align-items: end;
    gap: 0;
}

.portal-profile-row-dialog__section--fields > .portal-form-grid[b-xqw97nva9w] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 0.52rem;
}

.portal-profile-row-dialog__section--fields > .portal-form-grid > .portal-col-12[b-xqw97nva9w] {
    grid-column: 1 / -1;
}

.portal-profile-row-dialog__field-shell[b-xqw97nva9w] {
    min-width: 0;
    align-self: start;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.portal-profile-row-dialog__field-shell[b-xqw97nva9w]  .mud-input-control {
    margin-top: 0 !important;
}

.portal-profile-row-dialog__control[b-xqw97nva9w]  :is(.mud-input-root, .mud-input.mud-input-outlined, .mud-select) {
    min-height: 2.62rem;
    border-radius: 12px !important;
    background: var(--color-surface) !important;
    box-shadow: var(--shadow-xs);
}

.portal-profile-row-dialog__control[b-xqw97nva9w]  .mud-input.mud-input-outlined .mud-input-slot {
    min-height: 2.62rem !important;
    padding: 0.42rem 0.66rem !important;
    display: flex;
    align-items: center;
}

.portal-profile-row-dialog__control[b-xqw97nva9w]  :is(input.mud-input-slot, textarea.mud-input-slot, .mud-select-input) {
    color: var(--color-text-primary) !important;
    font-size: 0.76rem !important;
    font-weight: 650;
    line-height: 1.3 !important;
}

.portal-profile-row-dialog__control[b-xqw97nva9w]  textarea.mud-input-slot {
    min-height: 3.05rem !important;
    padding-top: 0.72rem !important;
    align-items: flex-start;
}

.portal-profile-row-dialog__control[b-xqw97nva9w]  .mud-input-label {
    color: var(--color-text-muted) !important;
    font-size: 0.69rem !important;
    font-weight: 700 !important;
}

.portal-profile-row-dialog__control[b-xqw97nva9w]  .mud-input-outlined-border {
    border-color: var(--color-border-strong) !important;
    border-radius: 12px !important;
}

.portal-profile-row-dialog__select[b-xqw97nva9w]  .mud-select-icon {
    right: 0.52rem !important;
    color: var(--color-text-muted);
    font-size: 0.88rem;
}

.portal-profile-row-dialog__checkbox[b-xqw97nva9w] {
    display: grid;
    align-items: center;
    min-height: 2.62rem;
    padding: 0.38rem 0.58rem;
    border: 1px solid var(--color-border);
    border-radius: 12px;
    background: var(--color-surface-subtle);
}

.portal-profile-row-dialog__checkbox[b-xqw97nva9w]  .mud-checkbox {
    margin: 0;
}

.portal-profile-row-dialog__file[b-xqw97nva9w],
.portal-profile-row-dialog__readonly[b-xqw97nva9w] {
    min-width: 0;
    border: 1px solid var(--color-border);
    border-radius: 13px;
    background: var(--color-surface-subtle);
}

.portal-profile-row-dialog__file[b-xqw97nva9w] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.6rem;
    padding: 0.48rem 0.54rem;
}

.portal-profile-row-dialog__file-header[b-xqw97nva9w] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.portal-profile-row-dialog__file-icon[b-xqw97nva9w] {
    display: grid;
    place-items: center;
    flex: 0 0 1.85rem;
    width: 1.85rem;
    height: 1.85rem;
    border: 1px solid var(--color-brand-100);
    border-radius: 9px;
    background: var(--color-brand-50);
    color: var(--color-brand-900);
}

.portal-profile-row-dialog__file-icon[b-xqw97nva9w]  .mud-icon-root {
    font-size: 0.92rem !important;
}

.portal-profile-row-dialog__file-copy[b-xqw97nva9w] {
    min-width: 0;
    flex: 1 1 auto;
}

.portal-profile-row-dialog__file-label[b-xqw97nva9w],
.portal-profile-row-dialog__readonly-label[b-xqw97nva9w] {
    color: var(--color-text-primary);
    font-size: 0.71rem;
    font-weight: 800;
    line-height: 1.3;
}

.portal-profile-row-dialog__file-meta[b-xqw97nva9w],
.portal-profile-row-dialog__readonly-value[b-xqw97nva9w] {
    overflow: hidden;
    margin-top: 0.05rem;
    color: var(--color-text-muted);
    font-size: 0.64rem;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-profile-row-dialog__file-header[b-xqw97nva9w]  .mud-button-root {
    min-height: 2rem;
    padding-inline: 0.58rem !important;
    border-radius: 9px !important;
    font-size: 0.66rem !important;
}

.portal-profile-row-dialog__upload[b-xqw97nva9w] {
    display: flex;
    align-items: center;
    gap: 0.38rem;
    min-height: 2.22rem;
    padding: 0.34rem 0.48rem;
    border: 1px dashed color-mix(in srgb, var(--color-brand-900) 24%, var(--color-border));
    border-radius: 10px;
    background: var(--color-surface);
    box-shadow: none;
    cursor: pointer;
}

.portal-profile-row-dialog__upload .portal-upload-trigger__button[b-xqw97nva9w] {
    color: var(--color-brand-900);
    font-size: 0.68rem;
    font-weight: 800;
    white-space: nowrap;
}

.portal-profile-row-dialog__upload .portal-upload-trigger__meta[b-xqw97nva9w] {
    display: none;
}

.portal-profile-row-dialog__readonly[b-xqw97nva9w] {
    display: grid;
    gap: 0.12rem;
    padding: 0.58rem 0.62rem;
}

.portal-profile-row-dialog__actions[b-xqw97nva9w] {
    display: flex !important;
    justify-content: flex-end;
    gap: 0.48rem;
    width: 100%;
    margin-left: auto;
    padding-top: 0.58rem;
    border-top: 1px solid var(--color-border);
}

.portal-profile-row-dialog__actions[b-xqw97nva9w]  :is(.portal-profile-row-dialog__cancel, .portal-profile-row-dialog__save) {
    min-height: 2.3rem;
    padding-inline: 0.84rem !important;
    border-radius: 11px !important;
    font-size: 0.72rem !important;
    font-weight: 800 !important;
}

.portal-profile-row-dialog__actions[b-xqw97nva9w]  .portal-profile-row-dialog__cancel {
    border-color: var(--color-border-strong) !important;
    background: var(--color-surface) !important;
    color: var(--color-text-secondary) !important;
}

.portal-profile-row-dialog__actions[b-xqw97nva9w]  .portal-profile-row-dialog__save {
    background: var(--color-brand-900) !important;
    color: #fff !important;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--color-brand-900) 16%, transparent) !important;
}

@media (max-width: 760px) {
    .portal-profile-row-dialog__titlebar[b-xqw97nva9w] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .portal-profile-row-dialog__titleextras[b-xqw97nva9w] {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }

    .portal-profile-row-dialog__section--setup[b-xqw97nva9w],
    .portal-profile-row-dialog__section--fields > .portal-form-grid[b-xqw97nva9w] {
        grid-template-columns: minmax(0, 1fr);
    }

    .portal-profile-row-dialog__section--fields > .portal-form-grid > :is(.portal-col-12, .portal-col-md-12)[b-xqw97nva9w] {
        grid-column: auto;
    }

    .portal-profile-row-dialog__file[b-xqw97nva9w] {
        grid-template-columns: minmax(0, 1fr);
    }

    .portal-profile-row-dialog__actions[b-xqw97nva9w] {
        flex-direction: column-reverse;
    }

    .portal-profile-row-dialog__actions[b-xqw97nva9w]  :is(.portal-profile-row-dialog__cancel, .portal-profile-row-dialog__save) {
        width: 100%;
    }
}
/* /Components/RecoverPasswordDialog.razor.rz.scp.css */
[b-p1bf9fzvbz] .mud-dialog.portal-recover-password-dialog-shell,
[b-p1bf9fzvbz] .portal-recover-password-dialog-shell.mud-dialog,
.portal-recover-password-dialog-shell[b-p1bf9fzvbz]  .mud-dialog {
    width: min(31.5rem, calc(100vw - 1.25rem)) !important;
    max-width: 31.5rem !important;
    min-width: 0 !important;
    border-radius: 28px !important;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.88);
    background:
        radial-gradient(circle at top left, hsla(var(--brand-h, 224), 76%, 48%, 0.1), transparent 30%),
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 37), 44%, 55%, 0.12), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,250,255,0.96));
    box-shadow:
        0 30px 80px hsla(var(--brand-h, 219), 70%, 13%, 0.2),
        inset 0 1px 0 rgba(255,255,255,0.92);
}

[b-p1bf9fzvbz] .mud-dialog.portal-recover-password-dialog-shell .mud-dialog-title,
[b-p1bf9fzvbz] .portal-recover-password-dialog-shell.mud-dialog .mud-dialog-title,
.portal-recover-password-dialog-shell[b-p1bf9fzvbz]  .mud-dialog-title {
    min-height: 0;
    padding: 0.42rem 0.48rem 0 !important;
}

[b-p1bf9fzvbz] .mud-dialog.portal-recover-password-dialog-shell .mud-dialog-content,
[b-p1bf9fzvbz] .portal-recover-password-dialog-shell.mud-dialog .mud-dialog-content,
.portal-recover-password-dialog-shell[b-p1bf9fzvbz]  .mud-dialog-content {
    padding: 0 0.82rem 0.5rem !important;
}

[b-p1bf9fzvbz] .mud-dialog.portal-recover-password-dialog-shell .mud-dialog-actions,
[b-p1bf9fzvbz] .portal-recover-password-dialog-shell.mud-dialog .mud-dialog-actions,
.portal-recover-password-dialog-shell[b-p1bf9fzvbz]  .mud-dialog-actions {
    padding: 0 0.82rem 0.82rem !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0), rgba(240,246,255,0.74));
}

.portal-recover-password-dialog[b-p1bf9fzvbz] {
    display: grid;
    gap: 0.64rem;
}

.portal-recover-password-dialog .portal-title[b-p1bf9fzvbz] {
    align-items: center;
    gap: 0.62rem;
}

.portal-recover-password-dialog .portal-title__icon[b-p1bf9fzvbz] {
    width: 2.16rem;
    height: 2.16rem;
    border-radius: 17px;
    color: hsl(var(--brand-h, 219), 76%, 38%);
    background: linear-gradient(180deg, hsla(var(--brand-h, 219), 100%, 95%, 0.98), hsla(var(--brand-h, 219), 100%, 93%, 0.92));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
}

.portal-recover-password-dialog .portal-title__eyebrow[b-p1bf9fzvbz] {
    color: hsl(var(--brand-h, 217), 17%, 50%);
    font-size: 0.66rem;
}

.portal-recover-password-dialog .portal-title__heading[b-p1bf9fzvbz] {
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 1rem;
}

.portal-recover-password-dialog .portal-title__copy[b-p1bf9fzvbz] {
    max-width: 24rem;
    color: hsl(var(--brand-h, 217), 17%, 47%);
    font-size: 0.74rem;
}

.portal-recover-password-dialog__hero[b-p1bf9fzvbz] {
    position: relative;
    display: grid;
    gap: 0.5rem;
    padding: 0.74rem;
    border-radius: 20px;
    color: #ffffff;
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 18%, hsla(var(--brand-h, 216), 100%, 73%, 0.34), transparent 28%),
        linear-gradient(135deg, rgba(255,255,255,0.12), transparent 30%),
        linear-gradient(155deg, hsl(var(--brand-h, 219), 70%, 10%) 0%, hsl(var(--brand-h, 219), 78%, 32%) 62%, hsl(var(--brand-h, 218), 75%, 51%) 100%);
    box-shadow: 0 16px 32px hsla(var(--brand-h, 219), 70%, 13%, 0.16);
}

.portal-recover-password-dialog__hero[b-p1bf9fzvbz]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(255,255,255,0.07) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255,255,255,0.05) 1px, transparent 1px);
    background-size: 2.8rem 2.8rem;
    opacity: 0.58;
}

.portal-recover-password-dialog__hero > *[b-p1bf9fzvbz] {
    position: relative;
    z-index: 1;
}

.portal-recover-password-dialog__hero-badge[b-p1bf9fzvbz] {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    width: fit-content;
    min-height: 1.82rem;
    padding: 0.28rem 0.58rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.16);
    font-size: 0.66rem;
    font-weight: 850;
}

.portal-recover-password-dialog__hero-title[b-p1bf9fzvbz] {
    font-family: "Fraunces", Georgia, serif;
    font-size: 1.02rem;
    line-height: 1.08;
    letter-spacing: 0;
}

.portal-recover-password-dialog__hero-text[b-p1bf9fzvbz] {
    max-width: 23.5rem;
    color: rgba(255, 255, 255, 0.84);
    font-size: 0.72rem;
    line-height: 1.45;
}

.portal-recover-password-dialog__steps[b-p1bf9fzvbz] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.42rem;
}

.portal-recover-password-dialog__step[b-p1bf9fzvbz] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.5rem;
    align-items: center;
    min-width: 0;
    padding: 0.46rem 0.52rem;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.09);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.portal-recover-password-dialog__step--active[b-p1bf9fzvbz] {
    background: rgba(255, 255, 255, 0.17);
    border-color: rgba(255, 255, 255, 0.24);
}

.portal-recover-password-dialog__step--done[b-p1bf9fzvbz] {
    background: rgba(255, 255, 255, 0.13);
}

.portal-recover-password-dialog__step-index[b-p1bf9fzvbz] {
    width: 1.42rem;
    height: 1.42rem;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.18);
    font-size: 0.72rem;
    font-weight: 900;
}

.portal-recover-password-dialog__step-copy[b-p1bf9fzvbz] {
    min-width: 0;
    display: grid;
    gap: 0.06rem;
}

.portal-recover-password-dialog__step-copy strong[b-p1bf9fzvbz] {
    overflow: hidden;
    color: rgba(255,255,255,0.96);
    font-size: 0.66rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-recover-password-dialog__step-copy span[b-p1bf9fzvbz] {
    overflow: hidden;
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.6rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-recover-password-dialog__form[b-p1bf9fzvbz] {
    display: grid;
    gap: 0.54rem;
}

.portal-recover-password-dialog__field[b-p1bf9fzvbz] {
    display: grid;
    gap: 0.28rem;
}

.portal-recover-password-dialog__field[b-p1bf9fzvbz]  .mud-input-control {
    margin-top: 0 !important;
}

.portal-recover-password-dialog__field[b-p1bf9fzvbz]  .mud-input-root,
.portal-recover-password-dialog__field[b-p1bf9fzvbz]  .mud-input.mud-input-outlined {
    min-height: 2.46rem !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,250,255,0.96));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.92),
        0 10px 22px hsla(var(--brand-h, 219), 70%, 13%, 0.055);
}

.portal-recover-password-dialog__field[b-p1bf9fzvbz]  .mud-input-outlined-border {
    border-color: hsla(var(--brand-h, 216), 60%, 17%, 0.1) !important;
}

.portal-recover-password-dialog__field[b-p1bf9fzvbz]  input.mud-input-slot {
    font-size: 0.9rem !important;
    font-weight: 750;
}

.portal-recover-password-dialog__actions[b-p1bf9fzvbz] {
    width: 100%;
    display: grid;
    grid-template-columns: 0.82fr 1fr;
    gap: 0.52rem;
}

.portal-recover-password-dialog__button[b-p1bf9fzvbz] {
    width: 100%;
    min-width: 0;
    min-height: 2.38rem;
    border-radius: 16px !important;
    font-size: 0.82rem !important;
    font-weight: 850 !important;
    text-transform: none !important;
}

.portal-recover-password-dialog__button--ghost[b-p1bf9fzvbz] {
    color: hsl(var(--brand-h, 218), 19%, 44%) !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(244,247,253,0.98)) !important;
    border: 1px solid hsla(var(--brand-h, 216), 60%, 17%, 0.08) !important;
}

.portal-recover-password-dialog__button--primary[b-p1bf9fzvbz] {
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.18),
        0 16px 30px hsla(var(--brand-h, 218), 79%, 42%, 0.24) !important;
}

@media (max-width: 640px) {
    [b-p1bf9fzvbz] .mud-dialog.portal-recover-password-dialog-shell,
    [b-p1bf9fzvbz] .portal-recover-password-dialog-shell.mud-dialog,
    .portal-recover-password-dialog-shell[b-p1bf9fzvbz]  .mud-dialog {
        width: min(30rem, calc(100vw - 0.7rem)) !important;
        max-width: min(30rem, calc(100vw - 0.7rem)) !important;
        border-radius: 24px !important;
    }

    [b-p1bf9fzvbz] .mud-dialog.portal-recover-password-dialog-shell .mud-dialog-content,
    [b-p1bf9fzvbz] .portal-recover-password-dialog-shell.mud-dialog .mud-dialog-content,
    .portal-recover-password-dialog-shell[b-p1bf9fzvbz]  .mud-dialog-content {
        padding: 0 0.66rem 0.4rem !important;
    }

    [b-p1bf9fzvbz] .mud-dialog.portal-recover-password-dialog-shell .mud-dialog-actions,
    [b-p1bf9fzvbz] .portal-recover-password-dialog-shell.mud-dialog .mud-dialog-actions,
    .portal-recover-password-dialog-shell[b-p1bf9fzvbz]  .mud-dialog-actions {
        padding: 0 0.66rem 0.66rem !important;
    }

    .portal-recover-password-dialog__hero[b-p1bf9fzvbz] {
        padding: 0.72rem;
    }

    .portal-recover-password-dialog__hero-title[b-p1bf9fzvbz] {
        font-size: 1.04rem;
    }

    .portal-recover-password-dialog__actions[b-p1bf9fzvbz] {
        grid-template-columns: 1fr;
    }

    .portal-recover-password-dialog__button[b-p1bf9fzvbz] {
        width: 100%;
    }
}
/* /Components/RegistrationPreconditionDialog.razor.rz.scp.css */
.portal-registration-precondition-dialog[b-u17smqmjka]  .mud-dialog-content{
    padding: 1.1rem 1.2rem 0.75rem;
}

.portal-registration-precondition-dialog[b-u17smqmjka]  .mud-dialog-actions{
    padding: 0 1.2rem 1.2rem;
}

.portal-registration-precondition-dialog__surface[b-u17smqmjka]{
    display: grid;
    gap: 0.85rem;
}

.portal-registration-precondition-dialog__hero[b-u17smqmjka]{
    display: grid;
    gap: 0.72rem;
}

.portal-registration-precondition-dialog__summary[b-u17smqmjka]{
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.portal-registration-precondition-dialog__summary-chip[b-u17smqmjka]{
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.44rem 0.78rem;
    border-radius: 999px;
    border: 1px solid hsla(var(--brand-h, 218), 54%, 25%, 0.08);
    background: rgba(243, 247, 253, 0.96);
    color: hsla(var(--brand-h, 221), 46%, 21%, 0.98);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92);
}

.portal-registration-precondition-dialog__summary-chip--success[b-u17smqmjka]{
    background: rgba(228, 247, 238, 0.96);
    border-color: rgba(34, 149, 107, 0.16);
    color: rgba(18, 104, 77, 0.98);
}

.portal-registration-precondition-dialog__summary-chip--warning[b-u17smqmjka]{
    background: rgba(255, 244, 228, 0.96);
    border-color: hsla(var(--brand-accent-h, 29), 67%, 51%, 0.18);
    color: rgba(146, 73, 18, 0.98);
}

.portal-registration-precondition-dialog__summary-chip-label[b-u17smqmjka]{
    font-size: 0.72rem;
    line-height: 1;
    font-weight: 800;
    color: hsla(var(--brand-h, 217), 21%, 47%, 0.92);
}

.portal-registration-precondition-dialog__summary-chip-value[b-u17smqmjka]{
    font-size: 0.78rem;
    line-height: 1;
    font-weight: 900;
}

.portal-registration-precondition-dialog__notice[b-u17smqmjka]{
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    padding: 0.9rem 1rem;
    border-radius: 18px;
    border: 1px solid hsla(var(--brand-h, 219), 51%, 25%, 0.08);
    font-size: 0.9rem;
    line-height: 1.45;
}

.portal-registration-precondition-dialog__notice--warning[b-u17smqmjka]{
    color: rgba(130, 74, 0, 0.96);
    background: linear-gradient(180deg, rgba(255, 249, 237, 0.98), rgba(255, 243, 214, 0.94));
    border-color: hsla(var(--brand-accent-h, 41), 75%, 48%, 0.24);
}

.portal-registration-precondition-dialog__notice--error[b-u17smqmjka]{
    color: rgba(131, 28, 62, 0.98);
    background: linear-gradient(180deg, rgba(255, 244, 247, 0.98), rgba(255, 236, 242, 0.94));
    border-color: rgba(191, 44, 92, 0.18);
}

.portal-registration-precondition-dialog__tree-wrap[b-u17smqmjka]{
    border-radius: 24px;
    border: 1px solid hsla(var(--brand-h, 218), 54%, 25%, 0.08);
    background: rgba(255,255,255,0.99);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.92),
        0 12px 28px hsla(var(--brand-h, 217), 65%, 16%, 0.05);
    overflow: hidden;
}

.portal-registration-precondition-dialog__desktop-tree[b-u17smqmjka]{
    display: block;
}

.portal-registration-precondition-dialog__mobile-tree[b-u17smqmjka]{
    display: none;
}

.portal-registration-precondition-dialog__tree[b-u17smqmjka]{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.portal-registration-precondition-dialog__tree thead th[b-u17smqmjka]{
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 0.78rem 1rem;
    background: linear-gradient(180deg, rgba(241,245,252,0.98), rgba(236,242,251,0.95));
    color: hsla(var(--brand-h, 217), 22%, 45%, 0.98);
    font-size: 0.74rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    font-weight: 900;
    border-bottom: 1px solid hsla(var(--brand-h, 218), 54%, 25%, 0.08);
    text-align: left;
}

.portal-registration-precondition-dialog__tree tbody td[b-u17smqmjka]{
    padding: 0.82rem 1rem;
    vertical-align: top;
    border-bottom: 1px solid rgba(221, 230, 244, 0.8);
    text-align: left;
}

.portal-registration-precondition-dialog__tree tbody tr:last-child td[b-u17smqmjka]{
    border-bottom: 0;
}

.portal-registration-precondition-dialog__group-row[b-u17smqmjka]{
    background: linear-gradient(180deg, rgba(246,249,255,0.96), rgba(241,246,254,0.93));
}

.portal-registration-precondition-dialog__group-row td[b-u17smqmjka]{
    padding-top: 0.92rem;
    padding-bottom: 0.92rem;
}

.portal-registration-precondition-dialog__group-toggle[b-u17smqmjka]{
    display: flex;
    align-items: center;
    justify-content: flex-start !important;
    gap: 0.6rem;
    width: 100%;
    max-width: none;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
    margin: 0 !important;
}

.portal-registration-precondition-dialog__group-copy[b-u17smqmjka]{
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.portal-registration-precondition-dialog__group-title[b-u17smqmjka]{
    font-size: 0.94rem;
    line-height: 1.18;
    font-weight: 900;
    color: hsla(var(--brand-h, 220), 54%, 19%, 0.98);
}

.portal-registration-precondition-dialog__group-meta[b-u17smqmjka]{
    font-size: 0.73rem;
    line-height: 1.3;
    color: hsla(var(--brand-h, 217), 21%, 46%, 0.92);
    font-weight: 700;
}

.portal-registration-precondition-dialog__group-details[b-u17smqmjka]{
    color: hsla(var(--brand-h, 216), 25%, 41%, 0.96);
    font-size: 0.82rem;
    line-height: 1.42;
}

.portal-registration-precondition-dialog__tree-node[b-u17smqmjka]{
    display: flex;
    align-items: flex-start;
    gap: 0.64rem;
}

.portal-registration-precondition-dialog__branch[b-u17smqmjka]{
    position: relative;
    display: block;
    width: 1rem;
    min-width: 1rem;
    height: 1.25rem;
}

.portal-registration-precondition-dialog__branch[b-u17smqmjka]::before{
    content: "";
    position: absolute;
    left: 0.45rem;
    top: -0.9rem;
    bottom: 0.42rem;
    width: 1px;
    background: hsla(var(--brand-h, 219), 36%, 77%, 0.82);
}

.portal-registration-precondition-dialog__branch[b-u17smqmjka]::after{
    content: "";
    position: absolute;
    left: 0.45rem;
    top: 0.58rem;
    width: 0.56rem;
    height: 1px;
    background: hsla(var(--brand-h, 219), 36%, 77%, 0.82);
}

.portal-registration-precondition-dialog__child-copy[b-u17smqmjka]{
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.portal-registration-precondition-dialog__child-title[b-u17smqmjka]{
    font-size: 0.88rem;
    line-height: 1.3;
    font-weight: 800;
    color: hsla(var(--brand-h, 221), 46%, 21%, 0.98);
}

.portal-registration-precondition-dialog__child-meta[b-u17smqmjka]{
    font-size: 0.72rem;
    line-height: 1.3;
    color: hsla(var(--brand-h, 216), 21%, 47%, 0.9);
    font-weight: 700;
}

.portal-registration-precondition-dialog__status[b-u17smqmjka]{
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.36rem 0.64rem;
    border-radius: 999px;
    font-size: 0.74rem;
    line-height: 1;
    font-weight: 900;
    white-space: nowrap;
}

.portal-registration-precondition-dialog__status--done[b-u17smqmjka]{
    color: rgba(18, 104, 77, 0.98);
    background: rgba(225, 248, 239, 0.96);
    box-shadow: inset 0 0 0 1px rgba(33, 155, 111, 0.14);
}

.portal-registration-precondition-dialog__status--pending[b-u17smqmjka]{
    color: rgba(146, 73, 18, 0.98);
    background: rgba(255, 241, 226, 0.96);
    box-shadow: inset 0 0 0 1px hsla(var(--brand-accent-h, 29), 66%, 51%, 0.14);
}

.portal-registration-precondition-dialog__status--neutral[b-u17smqmjka]{
    color: hsla(var(--brand-h, 217), 21%, 46%, 0.98);
    background: rgba(237, 242, 250, 0.98);
    box-shadow: inset 0 0 0 1px hsla(var(--brand-h, 218), 28%, 60%, 0.12);
}

.portal-registration-precondition-dialog__child-row--empty td[b-u17smqmjka]{
    color: hsla(var(--brand-h, 217), 21%, 46%, 0.95);
}

.portal-registration-precondition-dialog__cell-rule[b-u17smqmjka]{
    width: 34%;
    padding-left: 1rem !important;
}

.portal-registration-precondition-dialog__mobile-group[b-u17smqmjka]{
    display: grid;
    gap: 0;
}

.portal-registration-precondition-dialog__mobile-group + .portal-registration-precondition-dialog__mobile-group[b-u17smqmjka]{
    border-top: 1px solid rgba(221, 230, 244, 0.85);
}

.portal-registration-precondition-dialog__mobile-group-toggle[b-u17smqmjka]{
    display: grid;
    gap: 0.55rem;
    width: 100%;
    padding: 0.95rem 1rem;
    border: 0;
    background: linear-gradient(180deg, rgba(246,249,255,0.96), rgba(241,246,254,0.93));
    color: inherit;
    text-align: left;
}

.portal-registration-precondition-dialog__mobile-group-head[b-u17smqmjka]{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.8rem;
}

.portal-registration-precondition-dialog__mobile-group-title[b-u17smqmjka]{
    font-size: 0.96rem;
    line-height: 1.22;
    font-weight: 900;
    color: hsla(var(--brand-h, 220), 54%, 19%, 0.98);
}

.portal-registration-precondition-dialog__mobile-group-line[b-u17smqmjka]{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.portal-registration-precondition-dialog__mobile-group-meta[b-u17smqmjka]{
    font-size: 0.76rem;
    line-height: 1.3;
    color: hsla(var(--brand-h, 217), 21%, 46%, 0.92);
    font-weight: 800;
}

.portal-registration-precondition-dialog__mobile-group-details[b-u17smqmjka]{
    font-size: 0.8rem;
    line-height: 1.45;
    color: hsla(var(--brand-h, 216), 25%, 41%, 0.96);
}

.portal-registration-precondition-dialog__mobile-children[b-u17smqmjka]{
    display: grid;
    gap: 0;
    padding: 0.15rem 0 0.35rem;
    background: rgba(255,255,255,0.98);
}

.portal-registration-precondition-dialog__mobile-child[b-u17smqmjka]{
    display: grid;
    grid-template-columns: 1rem minmax(0, 1fr);
    gap: 0.7rem;
    padding: 0.8rem 1rem 0.8rem 1.15rem;
}

.portal-registration-precondition-dialog__mobile-child + .portal-registration-precondition-dialog__mobile-child[b-u17smqmjka]{
    border-top: 1px solid rgba(230, 236, 246, 0.78);
}

.portal-registration-precondition-dialog__mobile-branch[b-u17smqmjka]{
    position: relative;
    display: block;
    width: 1rem;
    min-width: 1rem;
}

.portal-registration-precondition-dialog__mobile-branch[b-u17smqmjka]::before{
    content: "";
    position: absolute;
    left: 0.48rem;
    top: -0.95rem;
    bottom: 0.4rem;
    width: 1px;
    background: hsla(var(--brand-h, 219), 36%, 77%, 0.82);
}

.portal-registration-precondition-dialog__mobile-branch[b-u17smqmjka]::after{
    content: "";
    position: absolute;
    left: 0.48rem;
    top: 0.85rem;
    width: 0.6rem;
    height: 1px;
    background: hsla(var(--brand-h, 219), 36%, 77%, 0.82);
}

.portal-registration-precondition-dialog__mobile-child-body[b-u17smqmjka]{
    display: grid;
    gap: 0.42rem;
    min-width: 0;
}

.portal-registration-precondition-dialog__mobile-child-head[b-u17smqmjka]{
    display: grid;
    gap: 0.48rem;
}

.portal-registration-precondition-dialog__mobile-child-copy[b-u17smqmjka]{
    display: grid;
    gap: 0.16rem;
}

.portal-registration-precondition-dialog__mobile-child-title[b-u17smqmjka]{
    font-size: 0.9rem;
    line-height: 1.28;
    font-weight: 900;
    color: hsla(var(--brand-h, 221), 46%, 21%, 0.98);
}

.portal-registration-precondition-dialog__mobile-child-meta[b-u17smqmjka]{
    font-size: 0.72rem;
    line-height: 1.25;
    color: hsla(var(--brand-h, 216), 21%, 47%, 0.9);
    font-weight: 700;
}

.portal-registration-precondition-dialog__mobile-child-details[b-u17smqmjka]{
    font-size: 0.78rem;
    line-height: 1.42;
    color: hsla(var(--brand-h, 216), 25%, 41%, 0.96);
}

.portal-registration-precondition-dialog__mobile-child--empty .portal-registration-precondition-dialog__mobile-child-title[b-u17smqmjka]{
    font-size: 0.84rem;
}

@media (min-width: 901px){
    .portal-registration-precondition-dialog__group-row .portal-registration-precondition-dialog__cell-rule[b-u17smqmjka]{
        text-align: left !important;
    }

    .portal-registration-precondition-dialog__hero[b-u17smqmjka]{
        grid-template-columns: minmax(0, 1fr);
    }

    .portal-registration-precondition-dialog__tree thead th:nth-child(1)[b-u17smqmjka]{
        width: 34%;
    }

    .portal-registration-precondition-dialog__tree thead th:nth-child(2)[b-u17smqmjka]{
        width: 43%;
    }

    .portal-registration-precondition-dialog__tree thead th:nth-child(3)[b-u17smqmjka]{
        width: 23%;
        text-align: center;
    }

    .portal-registration-precondition-dialog__tree tbody td:nth-child(3)[b-u17smqmjka]{
        text-align: center;
    }
}

@media (max-width: 900px){
    .portal-registration-precondition-dialog__desktop-tree[b-u17smqmjka]{
        display: none;
    }

    .portal-registration-precondition-dialog__mobile-tree[b-u17smqmjka]{
        display: block;
    }
}

@media (max-width: 640px){
    .portal-registration-precondition-dialog[b-u17smqmjka]  .mud-dialog-content{
        padding: 0.95rem 0.95rem 0.7rem;
    }

    .portal-registration-precondition-dialog[b-u17smqmjka]  .mud-dialog-actions{
        padding: 0 0.95rem 0.95rem;
    }

    .portal-registration-precondition-dialog__summary[b-u17smqmjka]{
        gap: 0.48rem;
    }

    .portal-registration-precondition-dialog__tree-wrap[b-u17smqmjka]{
        border-radius: 22px;
    }

    .portal-registration-precondition-dialog__mobile-group-toggle[b-u17smqmjka]{
        padding: 0.9rem 0.9rem 0.82rem;
    }

    .portal-registration-precondition-dialog__mobile-child[b-u17smqmjka]{
        padding: 0.74rem 0.9rem 0.74rem 1.02rem;
        gap: 0.58rem;
    }

    .portal-registration-precondition-dialog__mobile-group-title[b-u17smqmjka]{
        font-size: 0.92rem;
    }

    .portal-registration-precondition-dialog__mobile-group-meta[b-u17smqmjka],
    .portal-registration-precondition-dialog__mobile-group-details[b-u17smqmjka],
    .portal-registration-precondition-dialog__mobile-child-details[b-u17smqmjka]{
        font-size: 0.76rem;
    }

    .portal-registration-precondition-dialog__mobile-child-title[b-u17smqmjka]{
        font-size: 0.86rem;
    }
}
/* /Components/RegistrationSelectionDialog.razor.rz.scp.css */
/* Dialog-specific styles */

.portal-registration-selection-dialog[b-ogyj2j3zrq]  .mud-dialog{
    overflow: hidden;
}

.portal-registration-selection-dialog[b-ogyj2j3zrq]  .mud-dialog-title{
    display: block !important;
    padding: 0.8rem 1rem 0 !important;
    min-height: 0;
}

.portal-registration-selection-dialog[b-ogyj2j3zrq]  .mud-dialog-content{
    padding: 0;
    max-height: min(86vh, 72rem);
    overflow: auto;
}

.portal-registration-selection-dialog[b-ogyj2j3zrq]  .mud-dialog-actions{
    padding: 0.7rem 1rem 0.95rem;
    border-top: 1px solid hsla(var(--brand-h, 217), 51%, 15%, 0.06);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.88), rgba(248,251,255,0.98));
    backdrop-filter: blur(16px);
}

.portal-selection-card[b-ogyj2j3zrq]{
    padding: 0.82rem 0.9rem;
    border-radius: 20px;
    border: 1px solid hsla(var(--brand-h, 217), 51%, 15%, 0.07);
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 37), 49%, 48%, 0.08), transparent 24%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 249, 255, 0.95));
    box-shadow: 0 18px 34px hsla(var(--brand-h, 221), 39%, 11%, 0.045);
}

.portal-selection-card__header[b-ogyj2j3zrq]{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.portal-selection-card__title[b-ogyj2j3zrq]{
    font-size: 0.98rem;
    font-weight: 800;
}


.portal-registration-selection-dialog .portal-card-dialog[b-ogyj2j3zrq]{
    display: grid;
    gap: 0.62rem;
}


.portal-registration-selection-dialog .portal-dialog-frame[b-ogyj2j3zrq]{
    padding: 0.72rem 0.88rem 0;
}

.portal-registration-selection-dialog__summary[b-ogyj2j3zrq]{
    display: grid;
    gap: 0.6rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.portal-registration-selection-dialog__summary-card[b-ogyj2j3zrq]{
    padding: 0.66rem 0.78rem;
    border-radius: 16px;
    border: 1px solid hsla(var(--brand-h, 217), 51%, 15%, 0.07);
    background: linear-gradient(180deg, rgba(250,252,255,0.98), rgba(243,247,253,0.96));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92);
}

.portal-registration-selection-dialog__summary-label[b-ogyj2j3zrq]{
    font-size: 0.66rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-weight: 800;
    color: var(--portal-muted);
}

.portal-registration-selection-dialog__summary-value[b-ogyj2j3zrq]{
    margin-top: 0.18rem;
    font-size: 1rem;
    font-weight: 800;
    color: var(--portal-text);
}

.portal-registration-selection-dialog--table .portal-registration-selection-dialog__summary-card[b-ogyj2j3zrq]{
    padding: 0.5rem 0.62rem;
    border-radius: 14px;
}

.portal-registration-selection-dialog--table .portal-registration-selection-dialog__summary-label[b-ogyj2j3zrq]{
    font-size: 0.6rem;
    letter-spacing: 0.13em;
}

.portal-registration-selection-dialog--table .portal-registration-selection-dialog__summary-value[b-ogyj2j3zrq]{
    margin-top: 0.1rem;
    font-size: 0.88rem;
    line-height: 1.1;
}

.portal-registration-selection-dialog--table .portal-stack[b-ogyj2j3zrq]{
    gap: 0.65rem;
}

.portal-registration-selection-dialog--table .portal-card-dialog[b-ogyj2j3zrq]{
    gap: 0.56rem;
}

.portal-registration-selection-dialog--table .portal-registration-selection-dialog__summary[b-ogyj2j3zrq]{
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.45rem;
}

.portal-registration-selection-dialog__titlebar[b-ogyj2j3zrq]{
    align-items: flex-start;
    gap: 0.65rem;
}

.portal-registration-selection-dialog__titlebar .portal-title[b-ogyj2j3zrq]{
    flex: 1 1 auto;
    align-items: flex-start;
    gap: 0.62rem;
}

.portal-registration-selection-dialog__titlebar .portal-title > div:last-child[b-ogyj2j3zrq]{
    display: grid;
    gap: 0.14rem;
    padding-top: 0;
}

.portal-registration-selection-dialog__titlebar[b-ogyj2j3zrq]  .portal-title__icon{
    width: 2rem;
    height: 2rem;
    border-radius: 14px;
}

.portal-registration-selection-dialog__titlebar[b-ogyj2j3zrq]  .portal-title__eyebrow{
    font-size: 0.64rem;
    letter-spacing: 0.12em;
}

.portal-registration-selection-dialog__titlebar[b-ogyj2j3zrq]  .portal-title__heading{
    font-size: 0.98rem;
    line-height: 1.15;
}

.portal-registration-selection-dialog__titlebar[b-ogyj2j3zrq]  .portal-title__copy{
    margin-top: 0.08rem;
    font-size: 0.77rem;
    line-height: 1.45;
}

.portal-registration-selection-dialog__close[b-ogyj2j3zrq]{
    width: 2rem;
    height: 2rem;
    margin-top: 0;
    align-self: flex-start;
}

.portal-registration-selection-dialog__legend[b-ogyj2j3zrq]{
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem 0.82rem;
    padding: 0.52rem 0.72rem;
    border: 1px solid hsla(var(--brand-h, 217), 51%, 15%, 0.07);
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,255,0.95));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
}

.portal-registration-selection-dialog .portal-stack[b-ogyj2j3zrq]{
    gap: 0.58rem;
}

.portal-registration-selection-dialog__legend-item[b-ogyj2j3zrq]{
    display: inline-flex;
    align-items: center;
    gap: 0.36rem;
    color: hsl(var(--brand-h, 218), 21%, 46%);
    font-size: 0.72rem;
    font-weight: 700;
}

.portal-registration-selection-dialog__legend-dot[b-ogyj2j3zrq]{
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 999px;
    box-shadow: 0 0 0 4px rgba(255,255,255,0.72);
}

.portal-registration-selection-dialog__legend-dot--selected[b-ogyj2j3zrq]{
    background: hsl(var(--brand-h, 217), 100%, 55%);
}

.portal-registration-selection-dialog__legend-dot--conflict[b-ogyj2j3zrq]{
    background: #d35d73;
}

.portal-registration-selection-dialog__legend-dot--blocked[b-ogyj2j3zrq]{
    background: hsl(var(--brand-accent-h, 37), 50%, 48%);
}

.portal-selection-exchange[b-ogyj2j3zrq]{
    padding: 0.72rem 0.8rem;
    border-radius: 18px;
    border: 1px solid hsla(var(--brand-h, 217), 51%, 15%, 0.07);
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 37), 49%, 48%, 0.1), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,0.99), rgba(247,249,255,0.96));
    box-shadow: 0 14px 28px hsla(var(--brand-h, 221), 39%, 11%, 0.045);
}

.portal-selection-exchange__head[b-ogyj2j3zrq]{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.72rem;
}

.portal-selection-exchange__title[b-ogyj2j3zrq]{
    font-size: 0.86rem;
    font-weight: 800;
    color: var(--portal-text);
}

.portal-selection-exchange__count[b-ogyj2j3zrq]{
    display: inline-flex;
    align-items: center;
    padding: 0.32rem 0.56rem;
    border-radius: 999px;
    background: hsla(var(--brand-h, 219), 84%, 49%, 0.08);
    color: var(--portal-accent-strong);
    font-size: 0.68rem;
    font-weight: 800;
    white-space: nowrap;
}

.portal-selection-exchange__select[b-ogyj2j3zrq]{
    margin-top: 0.52rem;
}

.portal-selection-card--table[b-ogyj2j3zrq]{
    padding: 0.64rem 0.72rem;
    border-radius: 18px;
    box-shadow: 0 14px 28px hsla(var(--brand-h, 221), 39%, 11%, 0.042);
}

.portal-selection-card__header--table[b-ogyj2j3zrq]{
    align-items: center;
    gap: 0.72rem;
}

.portal-selection-status[b-ogyj2j3zrq]{
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.54rem;
    border-radius: 999px;
    background: hsla(var(--brand-h, 219), 64%, 20%, 0.06);
    color: hsl(var(--brand-h, 218), 21%, 46%);
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    white-space: nowrap;
}

.portal-selection-status--selected[b-ogyj2j3zrq]{
    background: hsla(var(--brand-h, 219), 84%, 49%, 0.1);
    color: var(--portal-accent-strong);
}

.portal-selection-table-shell[b-ogyj2j3zrq]{
    overflow: auto;
    max-height: min(54vh, 30rem);
    border-radius: 16px;
    border: 1px solid hsla(var(--brand-h, 217), 51%, 15%, 0.07);
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(246,249,255,0.95));
}

.portal-selection-table[b-ogyj2j3zrq]{
    width: 100%;
    min-width: 38rem;
    border-collapse: separate;
    border-spacing: 0;
}

.portal-selection-mobile-only[b-ogyj2j3zrq]{
    display: none;
}

.portal-selection-mobile-list[b-ogyj2j3zrq]{
    display: grid;
    gap: 0.52rem;
}

.portal-selection-mobile-card[b-ogyj2j3zrq]{
    display: grid;
    gap: 0.54rem;
    padding: 0.68rem 0.72rem;
    border-radius: 18px;
    border: 1px solid hsla(var(--brand-h, 217), 51%, 15%, 0.06);
    background:
        radial-gradient(circle at top right, hsla(var(--brand-h, 224), 76%, 48%, 0.06), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,0.99), rgba(246,249,255,0.96));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 12px 24px hsla(var(--brand-h, 221), 39%, 11%, 0.04);
}

.portal-selection-mobile-card--selected[b-ogyj2j3zrq]{
    border-color: hsla(var(--brand-h, 219), 84%, 49%, 0.14);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92), 0 14px 28px hsla(var(--brand-h, 219), 84%, 49%, 0.07);
}

.portal-selection-mobile-card__head[b-ogyj2j3zrq]{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
}

.portal-selection-mobile-card__lead[b-ogyj2j3zrq]{
    min-width: 0;
}

.portal-selection-mobile-card__title-row[b-ogyj2j3zrq]{
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.portal-selection-mobile-card__select[b-ogyj2j3zrq]{
    flex: 0 0 auto;
}

.portal-selection-mobile-card__section[b-ogyj2j3zrq]{
    display: grid;
    gap: 0.26rem;
}

.portal-selection-mobile-card__section-label[b-ogyj2j3zrq]{
    color: hsl(var(--brand-h, 218), 22%, 54%);
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.portal-registration-selection-dialog__actions[b-ogyj2j3zrq]{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
}

.portal-selection-table thead th[b-ogyj2j3zrq]{
    padding: 0.56rem 0.48rem;
    background: rgba(239, 244, 252, 0.92);
    color: hsl(var(--brand-h, 216), 20%, 50%);
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    border-bottom: 1px solid hsla(var(--brand-h, 217), 51%, 15%, 0.06);
    position: sticky;
    top: 0;
    z-index: 1;
}

.portal-selection-table tbody td[b-ogyj2j3zrq]{
    padding: 0.42rem 0.44rem;
    border-bottom: 1px solid hsla(var(--brand-h, 217), 51%, 15%, 0.05);
    vertical-align: top;
}

.portal-selection-row--selected td[b-ogyj2j3zrq]{
    background: hsla(var(--brand-h, 219), 84%, 49%, 0.028);
}

.portal-selection-table__select-cell[b-ogyj2j3zrq]{
    width: 2.7rem;
    text-align: center;
}

.portal-selection-selector[b-ogyj2j3zrq]{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.85rem;
    height: 1.85rem;
    border-radius: 12px;
    border: 1px solid hsla(var(--brand-h, 217), 51%, 15%, 0.09);
    background: rgba(255,255,255,0.95);
    color: hsl(var(--brand-h, 218), 21%, 47%);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.portal-selection-selector:hover:not(:disabled)[b-ogyj2j3zrq]{
    transform: translateY(-1px);
    border-color: hsla(var(--brand-h, 219), 84%, 49%, 0.26);
    box-shadow: 0 12px 22px hsla(var(--brand-h, 220), 66%, 17%, 0.1);
}

.portal-selection-selector:disabled[b-ogyj2j3zrq]{
    opacity: 0.45;
    cursor: not-allowed;
}

.portal-selection-selector--active[b-ogyj2j3zrq]{
    background: hsla(var(--brand-h, 219), 84%, 49%, 0.09);
    border-color: hsla(var(--brand-h, 219), 84%, 49%, 0.26);
    color: var(--portal-accent-strong);
    box-shadow: 0 12px 22px hsla(var(--brand-h, 219), 84%, 49%, 0.1);
}

.portal-selection-selector--blocked[b-ogyj2j3zrq]{
    color: #bd4a64;
    background: rgba(255, 246, 248, 0.96);
    border-color: rgba(201, 84, 105, 0.18);
}

.portal-selection-group[b-ogyj2j3zrq]{
    min-width: 5.8rem;
}

.portal-selection-group__num[b-ogyj2j3zrq]{
    color: var(--portal-text);
    font-size: 0.8rem;
    font-weight: 800;
    line-height: 1.2;
}

.portal-selection-group__meta[b-ogyj2j3zrq]{
    margin-top: 0.18rem;
}

.portal-selection-badge[b-ogyj2j3zrq]{
    display: inline-flex;
    align-items: center;
    padding: 0.18rem 0.46rem;
    border-radius: 999px;
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.02em;
}

.portal-selection-badge--ready[b-ogyj2j3zrq]{
    background: hsla(var(--brand-h, 219), 84%, 49%, 0.08);
    color: var(--portal-accent-strong);
}

.portal-selection-badge--selected[b-ogyj2j3zrq]{
    background: rgba(36, 149, 96, 0.12);
    color: #1f7a56;
}

.portal-selection-badge--blocked[b-ogyj2j3zrq]{
    background: rgba(185, 65, 94, 0.11);
    color: #b9415e;
}

.portal-selection-stack[b-ogyj2j3zrq]{
    display: grid;
    gap: 0.26rem;
}

.portal-selection-slot[b-ogyj2j3zrq]{
    padding: 0.44rem 0.54rem;
    border-radius: 12px;
    border: 1px solid hsla(var(--brand-h, 217), 51%, 15%, 0.07);
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,249,255,0.95));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.86);
}

.portal-selection-slot--quote[b-ogyj2j3zrq]{
    background: linear-gradient(180deg, rgba(252,253,255,0.98), rgba(244,247,252,0.95));
}

.portal-selection-slot--conflict[b-ogyj2j3zrq]{
    border-color: rgba(204, 89, 113, 0.24);
    background: linear-gradient(180deg, rgba(255, 248, 249, 0.98), rgba(253, 238, 242, 0.95));
}

.portal-selection-line[b-ogyj2j3zrq]{
    display: flex;
    justify-content: space-between;
    gap: 0.42rem;
    color: hsl(var(--brand-h, 217), 28%, 28%);
    font-size: 0.69rem;
    line-height: 1.28;
}

.portal-selection-line + .portal-selection-line[b-ogyj2j3zrq]{
    margin-top: 0.08rem;
}

.portal-selection-meta[b-ogyj2j3zrq]{
    margin-top: 0.12rem;
    color: hsl(var(--brand-h, 218), 19%, 54%);
    font-size: 0.65rem;
    line-height: 1.32;
}

.portal-selection-warning[b-ogyj2j3zrq]{
    margin-top: 0.12rem;
    color: var(--portal-danger);
    font-size: 0.65rem;
    font-weight: 700;
    line-height: 1.32;
}

.portal-selection-note[b-ogyj2j3zrq]{
    color: hsl(var(--brand-h, 217), 21%, 55%);
    font-size: 0.68rem;
    line-height: 1.4;
}

@media (max-width: 860px){
    .portal-registration-selection-dialog[b-ogyj2j3zrq]  .mud-dialog{
        width: 100vw;
        min-width: 100vw;
        max-width: 100vw;
        height: 100dvh;
        max-height: 100dvh;
        margin: 0;
        border-radius: 0;
    }

    .portal-registration-selection-dialog[b-ogyj2j3zrq]  .mud-dialog-content{
        min-height: 0;
        max-height: none;
    }


    .portal-registration-selection-dialog .portal-dialog-frame[b-ogyj2j3zrq]{
        padding: 0.56rem 0.72rem 0;
    }

    .portal-registration-selection-dialog__titlebar[b-ogyj2j3zrq]{
        align-items: flex-start;
    }

    .portal-registration-selection-dialog__titlebar .portal-title[b-ogyj2j3zrq]{
        align-items: flex-start;
        gap: 0.56rem;
    }

    .portal-registration-selection-dialog__titlebar[b-ogyj2j3zrq]  .portal-title__icon{
        width: 1.8rem;
        height: 1.8rem;
        border-radius: 12px;
    }

    .portal-registration-selection-dialog__titlebar[b-ogyj2j3zrq]  .portal-title__eyebrow{
        font-size: 0.58rem;
        letter-spacing: 0.11em;
    }

    .portal-registration-selection-dialog__titlebar[b-ogyj2j3zrq]  .portal-title__heading{
        font-size: 0.9rem;
        line-height: 1.08;
    }

    .portal-registration-selection-dialog__titlebar[b-ogyj2j3zrq]  .portal-title__copy{
        font-size: 0.72rem;
        line-height: 1.28;
    }

    .portal-registration-selection-dialog__summary[b-ogyj2j3zrq]{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.36rem;
    }

    .portal-registration-selection-dialog__summary-card[b-ogyj2j3zrq]{
        padding: 0.4rem 0.46rem;
        border-radius: 12px;
        min-width: 0;
    }

    .portal-registration-selection-dialog__summary-label[b-ogyj2j3zrq]{
        font-size: 0.5rem;
        letter-spacing: 0.09em;
        line-height: 1.1;
        word-break: break-word;
    }

    .portal-registration-selection-dialog__summary-value[b-ogyj2j3zrq]{
        margin-top: 0.08rem;
        font-size: 0.76rem;
        line-height: 1.05;
        word-break: break-word;
    }

    .portal-selection-exchange[b-ogyj2j3zrq]{
        padding: 0.62rem 0.68rem;
        border-radius: 16px;
    }

    .portal-selection-exchange__head[b-ogyj2j3zrq]{
        flex-direction: column;
        align-items: flex-start;
        gap: 0.42rem;
    }

    .portal-registration-selection-dialog__legend[b-ogyj2j3zrq]{
        flex-wrap: nowrap;
        gap: 0.58rem;
        padding: 0.46rem 0.58rem;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .portal-registration-selection-dialog__legend[b-ogyj2j3zrq]::-webkit-scrollbar{
        display: none;
    }

    .portal-registration-selection-dialog__legend-item[b-ogyj2j3zrq]{
        flex: 0 0 auto;
        font-size: 0.66rem;
        white-space: nowrap;
    }

    .portal-selection-card--table[b-ogyj2j3zrq]{
        padding: 0.58rem 0.62rem;
        border-radius: 16px;
    }

    .portal-selection-card__header--table[b-ogyj2j3zrq]{
        flex-direction: column;
        align-items: flex-start;
        gap: 0.42rem;
    }

    .portal-selection-card__title[b-ogyj2j3zrq]{
        font-size: 0.88rem;
    }

    .portal-selection-desktop-only[b-ogyj2j3zrq]{
        display: none;
    }

    .portal-selection-mobile-only[b-ogyj2j3zrq]{
        display: block;
    }

    .portal-registration-selection-dialog__actions[b-ogyj2j3zrq]{
        width: 100%;
        justify-content: stretch;
    }

    .portal-registration-selection-dialog__actions[b-ogyj2j3zrq]  .mud-button-root{
        flex: 1 1 0;
        min-height: 2.6rem;
        border-radius: 16px;
    }
}

@media (max-width: 520px){


    .portal-registration-selection-dialog .portal-dialog-frame[b-ogyj2j3zrq]{
        padding: 0.48rem 0.58rem 0;
    }

    .portal-registration-selection-dialog__summary[b-ogyj2j3zrq]{
        grid-template-columns: 1fr 1fr;
        gap: 0.3rem;
    }

    .portal-registration-selection-dialog__summary-card[b-ogyj2j3zrq]{
        padding: 0.38rem 0.42rem;
    }

    .portal-registration-selection-dialog__summary-label[b-ogyj2j3zrq]{
        font-size: 0.48rem;
        letter-spacing: 0.08em;
    }

    .portal-registration-selection-dialog__summary-value[b-ogyj2j3zrq]{
        font-size: 0.72rem;
    }

    .portal-registration-selection-dialog__close[b-ogyj2j3zrq]{
        width: 1.76rem;
        height: 1.76rem;
    }

    .portal-selection-mobile-card[b-ogyj2j3zrq]{
        padding: 0.62rem 0.64rem;
    }

    .portal-registration-selection-dialog[b-ogyj2j3zrq]  .mud-dialog-actions{
        position: sticky;
        bottom: 0;
        z-index: 5;
        padding: 0.62rem 0.72rem calc(0.72rem + env(safe-area-inset-bottom, 0px));
    }
}

/* Root-level mobile overrides for MudDialog overlay rendering */
@media (max-width: 860px){
    [b-ogyj2j3zrq] .portal-registration-selection-dialog{
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        margin: 0 !important;
        border-radius: 0 !important;
    }

    [b-ogyj2j3zrq] .portal-registration-selection-dialog .mud-dialog-content{
        min-height: 0 !important;
        max-height: calc(100dvh - 4.9rem) !important;
        padding: 0 !important;
    }

    [b-ogyj2j3zrq] .portal-registration-selection-dialog .portal-dialog-frame{
        padding: 0.42rem 0.52rem 0 !important;
    }


    [b-ogyj2j3zrq] .portal-registration-selection-dialog .portal-registration-selection-dialog__titlebar{
        gap: 0.5rem !important;
    }

    [b-ogyj2j3zrq] .portal-registration-selection-dialog .portal-registration-selection-dialog__titlebar .portal-title{
        gap: 0.5rem !important;
        align-items: flex-start !important;
    }

    [b-ogyj2j3zrq] .portal-registration-selection-dialog .portal-registration-selection-dialog__titlebar .portal-title__icon{
        width: 1.72rem !important;
        height: 1.72rem !important;
        border-radius: 12px !important;
    }

    [b-ogyj2j3zrq] .portal-registration-selection-dialog .portal-registration-selection-dialog__titlebar .portal-title__eyebrow{
        font-size: 0.54rem !important;
        letter-spacing: 0.1em !important;
    }

    [b-ogyj2j3zrq] .portal-registration-selection-dialog .portal-registration-selection-dialog__titlebar .portal-title__heading{
        font-size: 0.86rem !important;
        line-height: 1.06 !important;
    }

    [b-ogyj2j3zrq] .portal-registration-selection-dialog .portal-registration-selection-dialog__titlebar .portal-title__copy{
        font-size: 0.68rem !important;
        line-height: 1.22 !important;
    }

    [b-ogyj2j3zrq] .portal-registration-selection-dialog .portal-registration-selection-dialog__summary{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0.3rem !important;
    }

    [b-ogyj2j3zrq] .portal-registration-selection-dialog .portal-registration-selection-dialog__summary-card{
        padding: 0.34rem 0.4rem !important;
        border-radius: 12px !important;
        min-width: 0 !important;
    }

    [b-ogyj2j3zrq] .portal-registration-selection-dialog .portal-registration-selection-dialog__summary-label{
        font-size: 0.46rem !important;
        letter-spacing: 0.08em !important;
        line-height: 1.05 !important;
        word-break: break-word !important;
    }

    [b-ogyj2j3zrq] .portal-registration-selection-dialog .portal-registration-selection-dialog__summary-value{
        margin-top: 0.06rem !important;
        font-size: 0.7rem !important;
        line-height: 1.02 !important;
        word-break: break-word !important;
    }

    [b-ogyj2j3zrq] .portal-registration-selection-dialog .portal-registration-selection-dialog__legend{
        flex-wrap: nowrap !important;
        gap: 0.46rem !important;
        padding: 0.4rem 0.48rem !important;
        overflow-x: auto !important;
        scrollbar-width: none;
    }

    [b-ogyj2j3zrq] .portal-registration-selection-dialog .portal-registration-selection-dialog__legend::-webkit-scrollbar{
        display: none;
    }

    [b-ogyj2j3zrq] .portal-registration-selection-dialog .portal-registration-selection-dialog__legend-item{
        flex: 0 0 auto !important;
        white-space: nowrap !important;
        font-size: 0.62rem !important;
    }

    [b-ogyj2j3zrq] .portal-registration-selection-dialog .portal-selection-desktop-only{
        display: none !important;
    }

    [b-ogyj2j3zrq] .portal-registration-selection-dialog .portal-selection-mobile-only{
        display: block !important;
    }

    [b-ogyj2j3zrq] .portal-registration-selection-dialog .portal-selection-card--table{
        padding: 0.5rem 0.54rem !important;
        border-radius: 16px !important;
    }

    [b-ogyj2j3zrq] .portal-registration-selection-dialog .portal-selection-card__header--table{
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0.36rem !important;
    }

    [b-ogyj2j3zrq] .portal-registration-selection-dialog .portal-selection-mobile-card{
        padding: 0.54rem 0.58rem !important;
    }

    [b-ogyj2j3zrq] .portal-registration-selection-dialog .portal-registration-selection-dialog__actions{
        width: 100% !important;
        gap: 0.42rem !important;
    }

    [b-ogyj2j3zrq] .portal-registration-selection-dialog .portal-registration-selection-dialog__actions .mud-button-root{
        flex: 1 1 0 !important;
        min-height: 2.45rem !important;
        border-radius: 16px !important;
    }
}
/* /Components/RegistrationStudyMaterialsDialog.razor.rz.scp.css */
.portal-registration-library-list[b-3ztugrt2qe] {
    border: 1px solid rgba(32, 47, 40, .1);
    border-radius: 8px;
    padding: 12px;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 42), 60%, 62%, .14), transparent 34%),
        linear-gradient(135deg, rgba(255, 248, 226, .9), rgba(239, 248, 242, .82));
}

.portal-registration-library-list__head[b-3ztugrt2qe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.portal-registration-library-list__head span[b-3ztugrt2qe],
.portal-registration-library-list__resource span[b-3ztugrt2qe] {
    display: block;
    color: hsl(var(--brand-accent-h, 40), 54%, 46%);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.portal-registration-library-list__head strong[b-3ztugrt2qe] {
    display: block;
    margin-top: 3px;
    color: #18251f;
    font-size: .96rem;
}

.portal-registration-library-list__grid[b-3ztugrt2qe] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    margin-top: 10px;
}

.portal-registration-library-list__resource[b-3ztugrt2qe] {
    border: 1px solid rgba(34, 50, 43, .1);
    border-radius: 8px;
    background: rgba(255, 255, 255, .82);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.portal-registration-library-list__resource:hover[b-3ztugrt2qe] {
    transform: translateY(-1px);
    border-color: hsla(var(--brand-accent-h, 41), 49%, 48%, .55);
    box-shadow: 0 14px 26px rgba(28, 42, 36, .1);
}

.portal-registration-library-list__resource.is-saved[b-3ztugrt2qe] {
    border-color: rgba(55, 126, 110, .32);
}

.portal-registration-library-list__resource.is-completed[b-3ztugrt2qe] {
    background: rgba(237, 247, 243, .86);
}

.portal-registration-library-list__resource button[b-3ztugrt2qe] {
    width: 100%;
    border: 0;
    padding: 10px;
    text-align: left;
    color: #1a2621;
    background: transparent;
    cursor: pointer;
}

.portal-registration-library-list__resource strong[b-3ztugrt2qe],
.portal-registration-library-list__resource small[b-3ztugrt2qe],
.portal-registration-library-list__resource em[b-3ztugrt2qe] {
    display: block;
}

.portal-registration-library-list__resource strong[b-3ztugrt2qe] {
    margin-top: 4px;
    color: #18251f;
    font-size: .94rem;
}

.portal-registration-library-list__resource small[b-3ztugrt2qe],
.portal-registration-library-list__resource em[b-3ztugrt2qe] {
    margin-top: 3px;
    color: #66766e;
    font-size: .78rem;
    font-style: normal;
    overflow-wrap: anywhere;
}

.portal-registration-library-list__state[b-3ztugrt2qe] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    padding: 11px 12px;
    border: 1px solid var(--color-border);
    border-radius: 12px;
    background: var(--color-surface);
    box-shadow: var(--shadow-xs);
}

.portal-registration-library-list__state-icon[b-3ztugrt2qe] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid var(--color-border);
    border-radius: 10px;
    background: var(--color-surface-subtle);
    color: var(--color-text-secondary);
}

.portal-registration-library-list__state strong[b-3ztugrt2qe],
.portal-registration-library-list__state small[b-3ztugrt2qe] {
    display: block;
}

.portal-registration-library-list__state strong[b-3ztugrt2qe] {
    color: var(--color-text-primary);
    font-size: .82rem;
}

.portal-registration-library-list__state small[b-3ztugrt2qe] {
    margin-top: 2px;
    color: var(--color-text-secondary);
    font-size: .74rem;
    line-height: 1.45;
}

@media (max-width: 720px) {
    .portal-registration-library-list__grid[b-3ztugrt2qe] {
        grid-template-columns: 1fr;
    }
}
/* /Components/RegistrationSubjectRequestDialog.razor.rz.scp.css */
/* Dialog-specific styles */

.portal-registration-request-dialog[b-9cgog95fbe]  .mud-dialog-title{
    padding: 0.45rem 0.45rem 0.1rem !important;
    min-height: 0;
}

.portal-registration-request-dialog[b-9cgog95fbe]  .mud-dialog-content{
    padding: 0 1rem 0.85rem !important;
}

.portal-registration-request-dialog[b-9cgog95fbe]  .mud-dialog-actions{
    padding: 0 1rem 1rem !important;
}

.portal-registration-request-dialog__titlebar[b-9cgog95fbe]{
    align-items: flex-start;
}

.portal-registration-request-dialog .portal-card-dialog[b-9cgog95fbe]{
    gap: 0.86rem;
}
/* /Components/ScheduleDetailDialog.razor.rz.scp.css */
/* Premium schedule detail dialog. Brand colour is an accent; content stays neutral. */

.portal-schedule-detail-dialog[b-m2ljfxmdu5]  .mud-dialog {
    width: min(60rem, calc(100vw - 2rem));
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--color-brand-900) 10%, var(--color-border));
    border-radius: 24px !important;
    background:
        radial-gradient(circle at 96% 0%, color-mix(in srgb, var(--color-brand-50) 72%, transparent), transparent 30%),
        var(--color-surface);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.96) inset,
        0 28px 76px rgba(16, 24, 40, 0.2) !important;
}

.portal-schedule-detail-dialog[b-m2ljfxmdu5]  .mud-dialog-title {
    min-height: 0;
    padding: 1rem 1.2rem 0.86rem !important;
    border-bottom: 1px solid var(--color-border);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), var(--color-surface-subtle));
}

.portal-schedule-detail-dialog[b-m2ljfxmdu5]  .mud-dialog-content {
    padding: 0.86rem 1.2rem 0.35rem !important;
}

.portal-schedule-detail-dialog[b-m2ljfxmdu5]  .mud-dialog-actions {
    padding: 0.55rem 1.2rem 1rem !important;
}

.portal-schedule-detail[b-m2ljfxmdu5] {
    display: grid;
    gap: 0.76rem;
}

.portal-schedule-detail__titlebar[b-m2ljfxmdu5],
.portal-schedule-detail__titlebar .portal-title[b-m2ljfxmdu5] {
    align-items: flex-start;
}

.portal-schedule-detail__titlebar .portal-title[b-m2ljfxmdu5] {
    gap: 0.72rem;
}

.portal-schedule-detail__titlebar .portal-title > div:last-child[b-m2ljfxmdu5] {
    gap: 0.12rem;
}

.portal-schedule-detail__title-icon[b-m2ljfxmdu5] {
    display: grid;
    place-items: center;
    width: 2.55rem !important;
    height: 2.55rem !important;
    flex: 0 0 2.55rem;
    border: 1px solid color-mix(in srgb, var(--color-brand-900) 12%, var(--color-border));
    border-radius: 13px !important;
    color: var(--color-brand-900);
    background: var(--color-brand-50);
    box-shadow: var(--shadow-xs);
}

.portal-schedule-detail__titlebar .portal-title__eyebrow[b-m2ljfxmdu5] {
    color: color-mix(in srgb, var(--color-brand-900) 72%, var(--color-text-secondary));
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.11em;
}

.portal-schedule-detail__titlebar .portal-title__heading[b-m2ljfxmdu5] {
    color: var(--color-text-primary);
    font-size: 1.04rem;
    line-height: 1.25;
}

.portal-schedule-detail__titlebar .portal-title__copy[b-m2ljfxmdu5] {
    color: var(--color-text-secondary);
    font-size: 0.76rem;
}

.portal-schedule-detail__titlebar[b-m2ljfxmdu5]  .portal-dialog__close {
    border: 1px solid var(--color-border);
    background: var(--color-surface);
    color: var(--color-text-secondary);
    box-shadow: var(--shadow-xs);
}

.portal-schedule-detail__titlebar[b-m2ljfxmdu5]  .portal-dialog__close:hover,
.portal-schedule-detail__titlebar[b-m2ljfxmdu5]  .portal-dialog__close:focus-visible {
    border-color: var(--color-border-strong);
    background: var(--color-surface-hover);
    color: var(--color-text-primary);
    box-shadow: var(--shadow-card);
}

.portal-schedule-detail__badges[b-m2ljfxmdu5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.portal-schedule-detail__badge[b-m2ljfxmdu5] {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    min-height: 1.75rem;
    padding: 0.2rem 0.62rem;
    border: 1px solid color-mix(in srgb, var(--color-brand-900) 11%, var(--color-border));
    border-radius: var(--radius-pill);
    background: var(--color-brand-50);
    color: var(--color-brand-900);
    font-size: 0.7rem;
    font-weight: 800;
}

.portal-schedule-detail__badge--additional[b-m2ljfxmdu5],
.portal-schedule-detail__badge--recovery[b-m2ljfxmdu5] {
    border-color: color-mix(in srgb, var(--color-warning) 18%, var(--color-border));
    background: var(--color-warning-soft);
    color: var(--color-warning);
}

.portal-schedule-detail__badge--remote[b-m2ljfxmdu5],
.portal-schedule-detail__badge--holiday[b-m2ljfxmdu5] {
    border-color: color-mix(in srgb, var(--color-success) 18%, var(--color-border));
    background: var(--color-success-soft);
    color: var(--color-success);
}

.portal-schedule-detail__badge--missed[b-m2ljfxmdu5] {
    border-color: color-mix(in srgb, var(--color-danger) 18%, var(--color-border));
    background: var(--color-danger-soft);
    color: var(--color-danger);
}

.portal-schedule-detail__badge--computer[b-m2ljfxmdu5] {
    border-color: color-mix(in srgb, var(--color-info) 16%, var(--color-border));
    background: var(--color-info-soft);
    color: var(--color-info);
}

.portal-schedule-detail__badge--computer[b-m2ljfxmdu5]  .mud-icon-root {
    font-size: 0.9rem !important;
}

.portal-schedule-detail__badge--exam[b-m2ljfxmdu5] {
    border-color: color-mix(in srgb, var(--color-brand-900) 13%, var(--color-border));
    background: var(--color-brand-50);
    color: var(--color-brand-900);
}

.portal-schedule-detail__badge--overlap[b-m2ljfxmdu5] {
    border-color: var(--color-border);
    background: var(--color-surface-subtle);
    color: var(--color-text-secondary);
}

.portal-schedule-detail__grid[b-m2ljfxmdu5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.62rem;
}

.portal-schedule-detail__meta[b-m2ljfxmdu5] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.68rem;
    align-items: center;
    min-height: 4.7rem;
    padding: 0.72rem 0.8rem;
    border: 1px solid var(--color-border);
    border-radius: 15px;
    background: linear-gradient(180deg, var(--color-surface), var(--color-surface-subtle));
    box-shadow: var(--shadow-xs);
    transition: border-color var(--motion-fast), box-shadow var(--motion-fast), transform var(--motion-fast);
}

.portal-schedule-detail__meta:hover[b-m2ljfxmdu5] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--color-brand-900) 16%, var(--color-border));
    box-shadow: var(--shadow-card);
}

.portal-schedule-detail__meta:last-child:nth-child(odd)[b-m2ljfxmdu5] {
    grid-column: 1 / -1;
}

.portal-schedule-detail__meta-icon[b-m2ljfxmdu5] {
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    border: 1px solid var(--color-border);
    border-radius: 11px;
    color: var(--color-text-secondary);
    background: var(--color-surface);
    box-shadow: var(--shadow-xs);
}

.portal-schedule-detail__meta-icon[b-m2ljfxmdu5]  .mud-icon-root {
    font-size: 1.08rem !important;
}

.portal-schedule-detail__meta-copy[b-m2ljfxmdu5] {
    display: grid;
    min-width: 0;
    gap: 0.12rem;
}

.portal-schedule-detail__meta-label[b-m2ljfxmdu5] {
    color: var(--color-text-muted);
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.portal-schedule-detail__meta-value[b-m2ljfxmdu5] {
    overflow-wrap: anywhere;
    color: var(--color-text-primary);
    font-size: 0.84rem;
    font-weight: 700;
    line-height: 1.42;
}

.portal-schedule-detail__actions[b-m2ljfxmdu5] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    width: 100%;
}

.portal-schedule-detail__button[b-m2ljfxmdu5] {
    min-height: 2.35rem;
    border-radius: var(--radius-pill) !important;
    padding-inline: 0.95rem !important;
    font-size: 0.78rem !important;
    font-weight: 800 !important;
}

.portal-schedule-detail__button--secondary[b-m2ljfxmdu5] {
    border: 1px solid var(--color-border) !important;
    background: var(--color-surface) !important;
    color: var(--color-text-secondary) !important;
}

.portal-schedule-detail__button--secondary:hover[b-m2ljfxmdu5],
.portal-schedule-detail__button--secondary:focus-visible[b-m2ljfxmdu5] {
    border-color: var(--color-border-strong) !important;
    background: var(--color-surface-hover) !important;
    color: var(--color-text-primary) !important;
}

@media (max-width: 720px) {
    .portal-schedule-detail-dialog[b-m2ljfxmdu5]  .mud-dialog {
        width: 100%;
        border: 0;
        border-radius: 0 !important;
    }

    .portal-schedule-detail-dialog[b-m2ljfxmdu5]  .mud-dialog-title {
        padding: 0.86rem 0.8rem 0.72rem !important;
    }

    .portal-schedule-detail-dialog[b-m2ljfxmdu5]  .mud-dialog-content {
        padding: 0.7rem 0.8rem 0.25rem !important;
    }

    .portal-schedule-detail-dialog[b-m2ljfxmdu5]  .mud-dialog-actions {
        padding: 0.45rem 0.8rem 0.8rem !important;
    }

    .portal-schedule-detail__grid[b-m2ljfxmdu5] {
        grid-template-columns: 1fr;
    }

    .portal-schedule-detail__meta:last-child:nth-child(odd)[b-m2ljfxmdu5] {
        grid-column: auto;
    }
}
/* /Components/SwitchUserDialog.razor.rz.scp.css */
/* Dialog-specific styles */

.portal-switch-user-dialog[b-shpuax4zuq]{
    gap: 0.78rem;
}

.portal-switch-user-dialog-shell[b-shpuax4zuq]  .mud-dialog-content{
    padding-bottom: 0.52rem;
}

.portal-switch-user-dialog-shell[b-shpuax4zuq]  .mud-dialog-actions{
    padding: 0 1rem 1rem;
}

.portal-switch-user-dialog__hero[b-shpuax4zuq]{
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(10.5rem, 0.8fr);
    gap: 0.72rem;
    padding: 0.86rem 0.92rem;
    border-radius: 20px;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 43), 56%, 62%, 0.18), transparent 36%),
        linear-gradient(145deg, hsla(var(--brand-h, 220), 63%, 15%, 0.98), hsla(var(--brand-h, 218), 58%, 25%, 0.95));
    color: rgba(255,255,255,0.97);
    box-shadow: 0 20px 34px hsla(var(--brand-h, 222), 60%, 13%, 0.18);
}

.portal-switch-user-dialog__hero-label[b-shpuax4zuq]{
    font-size: 0.63rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 800;
    opacity: 0.72;
}

.portal-switch-user-dialog__hero-title[b-shpuax4zuq]{
    margin-top: 0.14rem;
    font-family: "Fraunces", Georgia, serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -0.02em;
}

.portal-switch-user-dialog__hero-meta[b-shpuax4zuq]{
    margin-top: 0.3rem;
    font-size: 0.78rem;
    line-height: 1.42;
    opacity: 0.84;
}

.portal-switch-user-dialog__hero-stats[b-shpuax4zuq]{
    display: grid;
    gap: 0.5rem;
}

.portal-switch-user-dialog__hero-stat[b-shpuax4zuq]{
    display: grid;
    gap: 0.18rem;
    padding: 0.68rem 0.76rem;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(255,255,255,0.1), rgba(255,255,255,0.06));
    border: 1px solid rgba(255,255,255,0.1);
    backdrop-filter: blur(12px);
}

.portal-switch-user-dialog__hero-stat span[b-shpuax4zuq]{
    font-size: 0.64rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 800;
    opacity: 0.72;
}

.portal-switch-user-dialog__hero-stat strong[b-shpuax4zuq]{
    font-size: 0.92rem;
    font-weight: 800;
    line-height: 1.1;
}

.portal-switch-user-dialog__section-head[b-shpuax4zuq]{
    display: grid;
    gap: 0.18rem;
}

.portal-switch-user-dialog__section-title[b-shpuax4zuq]{
    font-size: 0.8rem;
    font-weight: 800;
    color: var(--portal-text);
}

.portal-switch-user-dialog__section-caption[b-shpuax4zuq]{
    color: var(--portal-muted);
    font-size: 0.74rem;
    line-height: 1.4;
}

.portal-switch-user-dialog__list[b-shpuax4zuq]{
    display: grid;
    gap: 0.52rem;
    max-height: 19rem;
    overflow: auto;
}

.portal-switch-user-dialog__option[b-shpuax4zuq]{
    width: 100%;
    display: grid;
    gap: 0.5rem;
    text-align: left;
    padding: 0.82rem 0.88rem;
    border-radius: 18px;
    border: 1px solid hsla(var(--brand-h, 216), 60%, 17%, 0.08);
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(246,249,255,0.94));
    color: hsl(var(--brand-h, 216), 61%, 23%);
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease, background-color 0.16s ease;
}

.portal-switch-user-dialog__option:hover[b-shpuax4zuq]{
    transform: translateY(-1px);
    border-color: hsla(var(--brand-h, 221), 61%, 37%, 0.14);
    box-shadow: 0 12px 24px hsla(var(--brand-h, 221), 75%, 31%, 0.08);
}

.portal-switch-user-dialog__option--active[b-shpuax4zuq]{
    border-color: hsla(var(--brand-h, 221), 61%, 37%, 0.22);
    background: linear-gradient(180deg, rgba(241,246,255,0.99), hsla(var(--brand-h, 222), 100%, 95%, 0.95));
    box-shadow: inset 3px 0 0 hsl(var(--brand-h, 221), 56%, 44%), 0 14px 26px hsla(var(--brand-h, 220), 62%, 35%, 0.08);
}

.portal-switch-user-dialog__option-top[b-shpuax4zuq]{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.65rem;
}

.portal-switch-user-dialog__identity[b-shpuax4zuq]{
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.portal-switch-user-dialog__name[b-shpuax4zuq]{
    font-size: 0.88rem;
    font-weight: 800;
}

.portal-switch-user-dialog__meta[b-shpuax4zuq]{
    color: hsl(var(--brand-h, 219), 23%, 54%);
    font-size: 0.74rem;
    line-height: 1.42;
}

.portal-switch-user-dialog__badge[b-shpuax4zuq]{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.34rem 0.62rem;
    border-radius: 999px;
    background: hsla(var(--brand-h, 221), 60%, 38%, 0.08);
    color: hsl(var(--brand-h, 218), 53%, 43%);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.portal-switch-user-dialog__badge--selected[b-shpuax4zuq]{
    background: linear-gradient(135deg, hsla(var(--brand-h, 224), 76%, 48%, 0.16), hsla(var(--brand-h, 224), 76%, 48%, 0.08));
    color: hsl(var(--brand-h, 218), 66%, 36%);
}

.portal-switch-user-dialog__chips[b-shpuax4zuq]{
    display: flex;
    flex-wrap: wrap;
    gap: 0.36rem;
}

.portal-switch-user-dialog__chip[b-shpuax4zuq]{
    display: inline-flex;
    align-items: center;
    padding: 0.32rem 0.56rem;
    border-radius: 999px;
    background: rgba(244, 247, 255, 0.95);
    border: 1px solid hsla(var(--brand-h, 216), 60%, 17%, 0.06);
    color: hsl(var(--brand-h, 219), 23%, 48%);
    font-size: 0.68rem;
    font-weight: 700;
}

.portal-switch-user-dialog__chip--status[b-shpuax4zuq]{
    background: rgba(16, 185, 129, 0.08);
    color: #166534;
}

@media (max-width: 1280px) {
    .portal-switch-user-dialog__hero[b-shpuax4zuq]{
        grid-template-columns: 1fr;
    }
}
/* /Components/SyllabusDocumentsDialog.razor.rz.scp.css */
/* Dialog-specific styles */

.portal-choice-card[b-sv99n5j09u]{
    width: 100%;
    text-align: left;
    padding: 0.78rem 0.84rem;
    border-radius: 18px;
    border: 1px solid hsla(var(--brand-h, 217), 51%, 15%, 0.08);
    background: linear-gradient(180deg, rgba(255,255,255,0.99), rgba(247,250,255,0.98));
    color: var(--portal-text);
    cursor: pointer;
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.portal-choice-card__header[b-sv99n5j09u]{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.portal-choice-card:hover:not(:disabled)[b-sv99n5j09u]{
    transform: translateY(-1px);
    border-color: hsla(var(--brand-h, 219), 84%, 49%, 0.24);
    box-shadow: 0 14px 28px hsla(var(--brand-h, 219), 62%, 16%, 0.09);
}

.portal-choice-card:disabled[b-sv99n5j09u]{
    opacity: 0.58;
    cursor: not-allowed;
}

.portal-choice-card__title[b-sv99n5j09u]{
    font-size: 0.92rem;
    font-weight: 800;
}

.portal-choice-card__state[b-sv99n5j09u]{
    display: inline-flex;
    align-items: center;
    padding: 0.22rem 0.55rem;
    border-radius: 999px;
    background: hsla(var(--brand-h, 219), 84%, 49%, 0.1);
    color: var(--portal-accent-strong);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.portal-choice-card__slot[b-sv99n5j09u]{
    margin-top: 0.3rem;
    color: var(--portal-muted);
    font-size: 0.78rem;
    line-height: 1.42;
}
/* /Layout/MainLayout.razor.rz.scp.css */
main[b-84t4nk39pb]{
    flex: 1;
}

.portal-topbar__notification-menu[b-84t4nk39pb]{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.portal-topbar__notifications[b-84t4nk39pb]{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    color: var(--color-brand-900);
    box-shadow: var(--shadow-xs);
}

.portal-topbar__notifications-icon-wrap[b-84t4nk39pb]{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.64rem;
    height: 1.64rem;
    border-radius: 10px;
    background: var(--color-brand-50);
}

.portal-topbar__notifications-count[b-84t4nk39pb]{
    position: absolute;
    top: -0.42rem;
    right: -0.42rem;
    min-width: 1.22rem;
    height: 1.22rem;
    padding: 0 0.32rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--portal-gold);
    color: #fff;
    font-size: 0.68rem;
    font-weight: 800;
    box-shadow: 0 7px 14px rgba(var(--portal-gold-rgb), 0.24);
}

.portal-topbar__notification-backdrop[b-84t4nk39pb]{
    position: fixed;
    inset: 0;
    z-index: 18;
    border: 0;
    background: transparent;
}

.portal-topbar__notification-dropdown[b-84t4nk39pb]{
    position: absolute;
    top: calc(100% + 0.7rem);
    right: 0;
    z-index: 19;
    width: min(22rem, calc(100vw - 2rem));
    padding: 0.78rem;
    border: 1px solid hsla(var(--brand-h, 218), 41%, 84%, 0.78);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 28px 70px hsla(var(--brand-h, 220), 68%, 18%, 0.18);
    backdrop-filter: blur(18px);
}

.portal-topbar__notification-head[b-84t4nk39pb]{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.22rem 0.18rem 0.7rem;
    color: hsl(var(--brand-h, 216), 60%, 18%);
    font-size: 0.85rem;
    font-weight: 900;
}

.portal-topbar__notification-head button[b-84t4nk39pb]{
    border: 0;
    background: transparent;
    color: hsl(var(--brand-h, 219), 76%, 48%);
    font-size: 0.76rem;
    font-weight: 800;
}

.portal-topbar__notification-empty[b-84t4nk39pb]{
    padding: 1rem;
    border-radius: 18px;
    background: rgba(239, 245, 255, 0.7);
    color: hsl(var(--brand-h, 217), 18%, 51%);
    font-size: 0.86rem;
    font-weight: 700;
}

.portal-topbar__notification-item[b-84t4nk39pb]{
    width: 100%;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.7rem;
    align-items: center;
    border: 0;
    border-radius: 18px;
    padding: 0.72rem;
    background: transparent;
    text-align: left;
}

.portal-topbar__notification-item:hover[b-84t4nk39pb]{
    background: hsla(var(--brand-h, 221), 100%, 95%, 0.72);
}

.portal-topbar__notification-item-icon[b-84t4nk39pb]{
    width: 2.3rem;
    height: 2.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    color: hsl(var(--brand-h, 220), 75%, 36%);
    background: linear-gradient(145deg, hsla(var(--brand-h, 222), 100%, 95%, 0.95), rgba(255, 255, 255, 0.9));
}

.portal-topbar__notification-item-copy[b-84t4nk39pb]{
    min-width: 0;
    display: grid;
    gap: 0.18rem;
}

.portal-topbar__notification-item-title[b-84t4nk39pb],
.portal-topbar__notification-item-message[b-84t4nk39pb]{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-topbar__notification-item-title[b-84t4nk39pb]{
    color: hsl(var(--brand-h, 216), 60%, 18%);
    font-size: 0.84rem;
    font-weight: 900;
}

.portal-topbar__notification-item-message[b-84t4nk39pb]{
    color: hsl(var(--brand-h, 217), 20%, 47%);
    font-size: 0.76rem;
    font-weight: 700;
}

@media (max-width: 720px) {
    .portal-topbar[b-84t4nk39pb]{
        padding: var(--space-3) !important;
        border-radius: 0;
    }

    .portal-topbar__row[b-84t4nk39pb]{
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 0.68rem;
        align-items: start;
    }

    .portal-topbar__lead[b-84t4nk39pb]{
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 0.62rem;
        align-items: center;
        width: 100%;
    }

    .portal-topbar__menu[b-84t4nk39pb]{
        width: 44px;
        height: 44px;
        border-radius: var(--radius-md) !important;
    }

    .portal-topbar__titleblock[b-84t4nk39pb]{
        gap: 0.08rem;
    }

    .portal-topbar__eyebrow[b-84t4nk39pb]{
        font-size: 0.58rem !important;
        letter-spacing: 0.12em;
    }

    .portal-topbar__title[b-84t4nk39pb]{
        font-size: 0.96rem !important;
        line-height: 1.16;
        max-width: 18ch;
    }

    .portal-topbar__actions[b-84t4nk39pb]{
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto auto;
        gap: 0.5rem;
        width: 100%;
        align-items: center;
        justify-content: stretch;
    }

    .portal-topbar__lang[b-84t4nk39pb]{
        grid-column: 1 / -1;
        width: 100%;
        justify-content: stretch;
        padding: 0.18rem;
        border-radius: var(--radius-md);
    }

    .portal-topbar__lang-option[b-84t4nk39pb]{
        flex: 1 1 0;
        justify-content: center;
        min-height: 2.35rem;
        border-radius: var(--radius-sm);
    }

    .portal-topbar__lang-label[b-84t4nk39pb]{
        display: none;
    }

    .portal-topbar__mail[b-84t4nk39pb]{
        grid-column: 2;
        grid-row: 2;
        width: 3rem;
        min-width: 3rem;
        min-height: 3rem;
        padding: 0 !important;
        border-radius: var(--radius-md) !important;
    }

    .portal-topbar__notification-menu[b-84t4nk39pb]{
        grid-column: 3;
        grid-row: 2;
    }

    .portal-topbar__notifications[b-84t4nk39pb]{
        width: 3rem;
        min-width: 3rem;
        height: 3rem;
        border-radius: var(--radius-md);
    }

    .portal-topbar__notification-dropdown[b-84t4nk39pb]{
        right: 0;
        width: min(20rem, calc(100vw - 1.5rem));
    }

    .portal-topbar__mail .mud-button-label[b-84t4nk39pb]{
        width: 100%;
        height: 100%;
        justify-content: center;
        gap: 0;
    }

    .portal-topbar__mail-copy[b-84t4nk39pb]{
        display: none;
    }

    .portal-topbar__mail-icon-wrap[b-84t4nk39pb]{
        width: 2.1rem;
        height: 2.1rem;
        border-radius: 15px;
    }

    .portal-topbar__profile-menu[b-84t4nk39pb]{
        grid-column: 1;
        grid-row: 2;
        width: 100%;
        min-width: 0;
    }

    .portal-topbar__profile[b-84t4nk39pb]{
        width: 100%;
        min-height: 3rem;
        justify-content: flex-start;
        padding: 0.26rem 0.42rem 0.26rem 0.34rem !important;
        border-radius: var(--radius-md) !important;
    }

    .portal-topbar__profile .mud-button-label[b-84t4nk39pb]{
        width: 100%;
        gap: 0.42rem;
    }

    .portal-topbar__profile-avatar[b-84t4nk39pb]{
        width: 2.2rem;
        height: 2.2rem;
        border-radius: var(--radius-sm);
    }

    .portal-topbar__profile-copy[b-84t4nk39pb]{
        min-width: 0;
    }

    .portal-topbar__profile-label[b-84t4nk39pb]{
        display: none;
    }

    .portal-topbar__profile-name[b-84t4nk39pb]{
        max-width: none;
        font-size: 0.82rem;
        line-height: 1.15;
    }

    .portal-topbar__profile-indicator[b-84t4nk39pb]{
        width: 1.7rem;
        height: 1.7rem;
        margin-left: auto;
    }

    .portal-topbar__profile-dropdown[b-84t4nk39pb]{
        left: 0;
        right: 0;
        min-width: 0;
        top: calc(100% + 0.42rem);
    }
}

@media (max-width: 520px) {
    .portal-topbar[b-84t4nk39pb]{
        padding: var(--space-2) !important;
        border-radius: 0;
    }

    .portal-topbar__lead[b-84t4nk39pb]{
        gap: 0.54rem;
    }

    .portal-topbar__menu[b-84t4nk39pb]{
        width: 2.75rem;
        height: 2.75rem;
    }

    .portal-topbar__title[b-84t4nk39pb]{
        font-size: 0.9rem !important;
        max-width: 16ch;
    }

    .portal-topbar__actions[b-84t4nk39pb]{
        gap: 0.46rem;
    }

    .portal-topbar__lang-option[b-84t4nk39pb]{
        min-height: 2.2rem;
        padding-inline: 0.35rem;
    }

    .portal-topbar__lang-code[b-84t4nk39pb]{
        font-size: 0.74rem;
    }

    .portal-topbar__profile[b-84t4nk39pb]{
        min-height: 2.85rem;
    }

    .portal-topbar__profile-name[b-84t4nk39pb]{
        font-size: 0.78rem;
    }

    .portal-topbar__mail[b-84t4nk39pb]{
        width: 2.85rem;
        min-width: 2.85rem;
        min-height: 2.85rem;
    }

    .portal-topbar__notifications[b-84t4nk39pb]{
        width: 2.85rem;
        min-width: 2.85rem;
        height: 2.85rem;
    }
}

/* Application header — compact tenant-aware premium chrome */
.portal-topbar[b-84t4nk39pb] {
    min-height: 64px;
    margin: 0;
    padding: var(--space-2) var(--space-3) !important;
    overflow: visible;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-lg) !important;
    background: color-mix(in srgb, var(--color-surface) 98%, transparent) !important;
    background-image: none !important;
    box-shadow: var(--shadow-card) !important;
    backdrop-filter: blur(14px);
}

.portal-topbar[b-84t4nk39pb]::after {
    display: none !important;
}

.portal-topbar__row[b-84t4nk39pb] {
    min-height: 46px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
}

.portal-topbar__lead[b-84t4nk39pb] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.portal-topbar__lead[b-84t4nk39pb]  .portal-topbar__menu {
    width: 40px;
    min-width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid var(--color-brand-100);
    border-radius: var(--radius-md) !important;
    color: var(--color-brand-900);
    background: var(--color-brand-50);
    box-shadow: none;
}

.portal-topbar__lead[b-84t4nk39pb]  .portal-topbar__menu:hover {
    border-color: var(--color-brand-700);
    background: var(--color-brand-100);
}

.portal-topbar__titleblock[b-84t4nk39pb] {
    min-width: 0;
    display: grid;
    gap: 1px;
}

.portal-topbar__titleblock[b-84t4nk39pb]  .portal-topbar__eyebrow {
    overflow: hidden;
    margin: 0;
    color: var(--color-brand-800);
    font-size: 0.6rem !important;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.075em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.portal-topbar__titleblock[b-84t4nk39pb]  .portal-topbar__title {
    overflow: hidden;
    margin: 0;
    color: var(--color-text-primary);
    font-size: 0.9rem !important;
    font-weight: 750 !important;
    line-height: 1.22;
    letter-spacing: -0.01em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-topbar__actions[b-84t4nk39pb] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    overflow: visible;
}

.portal-topbar__lang[b-84t4nk39pb] {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 3px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface-subtle);
    box-shadow: none;
}

.portal-topbar__lang-option[b-84t4nk39pb] {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: 5px 9px;
    border: 1px solid transparent;
    border-radius: 9px;
    color: var(--color-text-secondary);
    background: transparent;
    box-shadow: none;
    transition: color var(--motion-fast), border-color var(--motion-fast), background-color var(--motion-fast);
}

.portal-topbar__lang-option:hover[b-84t4nk39pb] {
    color: var(--color-text-primary);
    background: var(--color-surface-hover);
}

.portal-topbar__lang-option--active[b-84t4nk39pb] {
    border-color: var(--color-brand-100);
    color: var(--color-brand-900);
    background: var(--color-brand-50);
    box-shadow: inset 0 -2px 0 var(--color-brand-900);
}

.portal-topbar__lang-code[b-84t4nk39pb] {
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.075em;
}

.portal-topbar__lang-label[b-84t4nk39pb] {
    font-size: 0.63rem;
    font-weight: 650;
}

.portal-topbar__actions[b-84t4nk39pb]  .portal-topbar__mail,
.portal-topbar__notifications[b-84t4nk39pb],
.portal-topbar__profile[b-84t4nk39pb] {
    min-height: 40px;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-md) !important;
    color: var(--color-text-primary);
    background: var(--color-surface) !important;
    background-image: none !important;
    box-shadow: none;
}

.portal-topbar__actions[b-84t4nk39pb]  .portal-topbar__mail {
    padding: 3px 10px 3px 4px !important;
}

.portal-topbar__actions[b-84t4nk39pb]  .portal-topbar__mail:hover,
.portal-topbar__notifications:hover[b-84t4nk39pb],
.portal-topbar__profile:hover[b-84t4nk39pb] {
    transform: none;
    border-color: var(--color-border-strong) !important;
    background: var(--color-surface-hover) !important;
    box-shadow: none;
}

.portal-topbar__mail-icon-wrap[b-84t4nk39pb],
.portal-topbar__notifications-icon-wrap[b-84t4nk39pb],
.portal-topbar__profile-avatar[b-84t4nk39pb] {
    width: 30px;
    height: 30px;
    border: 1px solid var(--color-brand-100);
    border-radius: 9px;
    color: var(--color-brand-900);
    background: var(--color-brand-50);
    background-image: none;
    box-shadow: none;
}

.portal-topbar__mail-copy[b-84t4nk39pb],
.portal-topbar__profile-copy[b-84t4nk39pb] {
    gap: 1px;
    line-height: 1.05;
}

.portal-topbar__mail-kicker[b-84t4nk39pb],
.portal-topbar__profile-label[b-84t4nk39pb] {
    color: var(--color-text-muted);
    font-size: 0.54rem;
    font-weight: 700;
    letter-spacing: 0.07em;
}

.portal-topbar__mail-label[b-84t4nk39pb],
.portal-topbar__profile-name[b-84t4nk39pb] {
    color: var(--color-text-primary);
    font-size: 0.75rem;
    font-weight: 750;
}

.portal-topbar__profile[b-84t4nk39pb] {
    padding: 3px 5px 3px 4px !important;
}

.portal-topbar__profile-indicator[b-84t4nk39pb] {
    width: 24px;
    height: 24px;
    border: 1px solid var(--color-border);
    color: var(--color-text-muted);
    background: var(--color-surface-subtle);
}

.portal-topbar__mail-count[b-84t4nk39pb],
.portal-topbar__notifications-count[b-84t4nk39pb] {
    top: -5px;
    right: -5px;
    min-width: 17px;
    height: 17px;
    padding-inline: 4px;
    border: 2px solid var(--color-surface);
    color: #fff;
    background: var(--color-danger);
    box-shadow: none;
    font-size: 0.58rem;
}

.portal-topbar__mail-total[b-84t4nk39pb] {
    min-width: 18px;
    height: 18px;
    color: var(--color-brand-900);
    background: var(--color-brand-50);
    box-shadow: none;
    font-size: 0.6rem;
}

.portal-topbar__notification-dropdown[b-84t4nk39pb],
.portal-topbar__profile-dropdown[b-84t4nk39pb] {
    top: calc(100% + var(--space-2));
    padding: var(--space-2);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
    background-image: none;
    box-shadow: 0 18px 46px rgba(16, 24, 40, 0.14);
    backdrop-filter: none;
}

.portal-topbar__notification-item[b-84t4nk39pb],
.portal-topbar__profile-menu-item[b-84t4nk39pb] {
    border-radius: var(--radius-md);
}

.portal-topbar__notification-item:hover[b-84t4nk39pb],
.portal-topbar__profile-menu-item:hover[b-84t4nk39pb] {
    transform: none;
    color: var(--color-brand-900);
    background: var(--color-brand-50);
}

@media (max-width: 1200px) {
    .portal-topbar__actions[b-84t4nk39pb] {
        gap: var(--space-1);
    }

    .portal-topbar__profile-name[b-84t4nk39pb] {
        max-width: 8rem;
    }
}

@media (max-width: 720px) {
    .portal-topbar[b-84t4nk39pb] {
        min-height: 0;
        padding: var(--space-2) !important;
        border-radius: var(--radius-lg) !important;
    }

    .portal-topbar__row[b-84t4nk39pb] {
        min-height: 0;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: var(--space-2);
    }

    .portal-topbar__lead[b-84t4nk39pb] {
        width: 100%;
    }

    .portal-topbar__actions[b-84t4nk39pb] {
        width: 100%;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto auto;
        gap: var(--space-1);
    }

    .portal-topbar__lang[b-84t4nk39pb] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .portal-topbar__lang-option[b-84t4nk39pb] {
        flex: 1 1 0;
        justify-content: center;
    }

    .portal-topbar__profile-menu[b-84t4nk39pb] {
        grid-column: 1;
        grid-row: 2;
        width: 100%;
    }

    .portal-topbar__profile[b-84t4nk39pb] {
        width: 100%;
        justify-content: flex-start;
    }

    .portal-topbar__actions[b-84t4nk39pb]  .portal-topbar__mail {
        grid-column: 2;
        grid-row: 2;
        width: 40px;
        min-width: 40px;
        padding: 0 !important;
    }

    .portal-topbar__notification-menu[b-84t4nk39pb] {
        grid-column: 3;
        grid-row: 2;
    }

    .portal-topbar__mail-copy[b-84t4nk39pb] {
        display: none;
    }
}

/* Sidebar brand — refined tenant identity card */
.portal-brand--feature[b-84t4nk39pb] {
    position: relative;
    min-height: 92px;
    padding: 10px 12px;
    overflow: hidden;
    border: 1px solid var(--color-brand-100);
    border-radius: var(--radius-lg);
    background:
        linear-gradient(135deg, var(--color-brand-50) 0%, var(--color-surface) 72%);
    box-shadow: var(--shadow-xs);
}

.portal-brand--feature[b-84t4nk39pb]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 22px;
    right: 22px;
    height: 2px;
    border-radius: 0 0 var(--radius-pill) var(--radius-pill);
    background: linear-gradient(90deg, transparent, var(--color-accent-gold), var(--color-brand-900), transparent);
    opacity: 0.72;
    pointer-events: none;
}

.portal-brand--feature[b-84t4nk39pb]::after {
    content: "";
    position: absolute;
    top: -32px;
    right: -26px;
    width: 86px;
    height: 86px;
    display: block;
    border-radius: 50%;
    background: color-mix(in srgb, var(--color-brand-100) 44%, transparent);
    filter: blur(2px);
    pointer-events: none;
}

.portal-drawer__footer-brand[b-84t4nk39pb] {
    position: relative;
    z-index: 1;
    grid-template-columns: minmax(108px, 0.95fr) minmax(0, 1fr);
    gap: 10px;
    align-items: center;
}

.portal-drawer__footer-logo--brand[b-84t4nk39pb] {
    width: 100%;
    height: 66px;
    padding: 4px;
    border: 1px solid color-mix(in srgb, var(--color-brand-700) 72%, #ffffff);
    border-radius: var(--radius-md);
    background:
        radial-gradient(circle at 22% 12%, rgba(255, 255, 255, 0.16), transparent 38%),
        linear-gradient(145deg, var(--color-brand-900), var(--color-brand-950));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        0 6px 14px color-mix(in srgb, var(--color-brand-900) 18%, transparent);
}

.portal-drawer__footer-logo--brand .portal-drawer__footer-logo-ring[b-84t4nk39pb] {
    inset: 3px;
    display: block;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 9px;
}

.portal-drawer__footer-logo--brand .portal-drawer__footer-logo-core[b-84t4nk39pb] {
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 9px;
    background: transparent;
}

.portal-drawer__footer-logo--brand .portal-drawer__footer-logo-core img[b-84t4nk39pb] {
    width: 90% !important;
    height: 90% !important;
    margin: auto !important;
    border-radius: 9px !important;
    object-fit: contain !important;
    object-position: center !important;
    filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.18));
}

.portal-drawer__footer-brand-copy[b-84t4nk39pb] {
    position: relative;
    z-index: 1;
    min-width: 0;
    gap: 5px;
    padding-right: 2px;
}

.portal-drawer__footer-brand-label[b-84t4nk39pb] {
    overflow: hidden;
    color: var(--color-brand-900);
    font-family: inherit;
    font-size: 0.82rem;
    font-weight: 750;
    line-height: 1.22;
    letter-spacing: -0.01em;
    text-overflow: ellipsis;
    text-shadow: none;
}

.portal-drawer__footer-brand-meta[b-84t4nk39pb] {
    width: fit-content;
    min-height: 22px;
    display: inline-flex;
    align-items: center;
    margin-top: 0;
    padding: 3px 8px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-pill);
    color: var(--color-text-secondary);
    background: color-mix(in srgb, var(--color-surface) 88%, transparent);
    box-shadow: none;
    font-size: 0.6rem;
    font-weight: 700;
    line-height: 1;
}

.portal-drawer__section[b-84t4nk39pb] {
    padding-inline: 2px;
}

.portal-drawer__section-label[b-84t4nk39pb] {
    margin: 0 0 var(--space-1);
    color: var(--color-text-muted);
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.075em;
}

.portal-drawer .mud-divider[b-84t4nk39pb] {
    margin: 0;
    border-color: var(--color-border);
}

.portal-shell--drawer-collapsed .portal-brand--feature[b-84t4nk39pb] {
    min-height: 56px;
    display: grid;
    place-items: center;
    padding: var(--space-2);
}

.portal-shell--drawer-collapsed .portal-brand--feature[b-84t4nk39pb]::before,
.portal-shell--drawer-collapsed .portal-brand--feature[b-84t4nk39pb]::after {
    display: none;
}

.portal-shell--drawer-collapsed .portal-brand__seal[b-84t4nk39pb] {
    display: block;
}

.portal-shell--drawer-collapsed .portal-drawer__footer-logo--compact[b-84t4nk39pb] {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    box-shadow: none;
}

/* Sidebar navigation — refined compact menu */
.portal-drawer__nav-scroll[b-84t4nk39pb] {
    padding: 2px 3px var(--space-3) 2px;
    margin-right: -2px;
    scrollbar-gutter: stable;
}

.portal-drawer__nav-scroll[b-84t4nk39pb]::-webkit-scrollbar {
    width: 5px;
}

.portal-drawer__nav-scroll[b-84t4nk39pb]::-webkit-scrollbar-thumb {
    border: 1px solid var(--color-surface);
    border-radius: var(--radius-pill);
    background: var(--color-border-strong);
}

.portal-drawer__nav-scroll[b-84t4nk39pb]::-webkit-scrollbar-thumb:hover {
    background: color-mix(in srgb, var(--color-brand-900) 26%, var(--color-border));
}

.portal-nav-group + .portal-nav-group[b-84t4nk39pb] {
    position: relative;
    margin-top: var(--space-3);
    padding-top: var(--space-3);
    border-top: 0;
}

.portal-nav-group + .portal-nav-group[b-84t4nk39pb]::before {
    content: "";
    position: absolute;
    top: 0;
    left: var(--space-2);
    right: var(--space-2);
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--color-border-strong) 16%, var(--color-border-strong) 84%, transparent);
}

.portal-nav-group__label[b-84t4nk39pb] {
    margin: 0 var(--space-2) 6px;
    color: var(--color-text-muted);
    font-size: 0.62rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.portal-nav-group__items[b-84t4nk39pb] {
    gap: 3px;
}

.portal-nav-link[b-84t4nk39pb] {
    min-height: 40px;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    gap: var(--space-2);
    padding: 4px 7px;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 11px;
    color: var(--color-text-secondary) !important;
    background: transparent;
    box-shadow: none;
    transition:
        color var(--motion-fast),
        border-color var(--motion-fast),
        background-color var(--motion-fast),
        box-shadow var(--motion-fast);
}

.portal-nav-link:hover[b-84t4nk39pb] {
    transform: none;
    border-color: var(--color-border);
    color: var(--color-text-primary) !important;
    background: var(--color-surface-hover);
    box-shadow: none;
}

.portal-nav-link.active[b-84t4nk39pb],
.portal-nav-link.active:hover[b-84t4nk39pb] {
    border-color: var(--color-brand-100);
    color: var(--color-brand-900) !important;
    background: var(--color-brand-50);
    background-image: none;
    box-shadow:
        inset 3px 0 0 var(--color-brand-900),
        var(--shadow-xs);
}

.portal-nav-link__icon[b-84t4nk39pb] {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: var(--radius-sm);
    color: var(--color-text-muted);
    background: transparent;
    box-shadow: none;
    transition:
        color var(--motion-fast),
        border-color var(--motion-fast),
        background-color var(--motion-fast);
}

.portal-nav-link__icon[b-84t4nk39pb]  .mud-icon-root {
    font-size: 1.02rem;
}

.portal-nav-link:hover .portal-nav-link__icon[b-84t4nk39pb] {
    color: var(--color-text-primary);
    background: var(--color-surface-subtle);
}

.portal-nav-link.active .portal-nav-link__icon[b-84t4nk39pb],
.portal-nav-group:nth-of-type(n) .portal-nav-link.active .portal-nav-link__icon[b-84t4nk39pb] {
    border: 0;
    color: var(--color-brand-900);
    background: color-mix(in srgb, var(--color-brand-100) 72%, var(--color-surface));
    box-shadow: none;
}

.portal-nav-link__title[b-84t4nk39pb] {
    min-width: 0;
    overflow: hidden;
    color: inherit;
    font-size: 0.77rem;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.005em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-nav-link.active .portal-nav-link__title[b-84t4nk39pb] {
    font-weight: 700;
}

.portal-nav-link__badge[b-84t4nk39pb] {
    min-width: 19px;
    height: 19px;
    padding-inline: 5px;
    border: 2px solid var(--color-surface);
    color: #fff;
    background: var(--color-danger);
    box-shadow: none;
    font-size: 0.6rem;
    font-weight: 750;
}

.portal-nav-link:focus-visible[b-84t4nk39pb] {
    outline: 2px solid var(--color-brand-700);
    outline-offset: 2px;
}

.portal-shell--drawer-collapsed .portal-nav-group + .portal-nav-group[b-84t4nk39pb] {
    margin-top: var(--space-2);
    padding-top: var(--space-2);
}

.portal-shell--drawer-collapsed .portal-nav-group + .portal-nav-group[b-84t4nk39pb]::before {
    left: 8px;
    right: 8px;
}

.portal-shell--drawer-collapsed .portal-nav-link[b-84t4nk39pb] {
    width: 40px;
    min-height: 40px;
    grid-template-columns: 1fr;
    justify-items: center;
    margin-inline: auto;
    padding: 4px;
}

.portal-shell--drawer-collapsed .portal-nav-link.active[b-84t4nk39pb] {
    box-shadow: inset 0 -3px 0 var(--color-brand-900);
}
/* /Layout/TenantTestModeBadge.razor.rz.scp.css */
.portal-test-mode-indicator[b-914q1vvojd] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.52rem;
    min-height: 2.55rem;
    padding: 0.36rem 0.78rem 0.36rem 0.42rem;
    overflow: hidden;
    flex: 0 0 auto;
    border: 1px solid rgba(160, 112, 29, 0.26);
    border-radius: 999px;
    background:
        radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.96), transparent 42%),
        linear-gradient(135deg, rgba(255, 253, 247, 0.98), rgba(247, 231, 194, 0.95));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 10px 24px rgba(113, 77, 18, 0.12);
    color: #5f4616;
    isolation: isolate;
}

.portal-test-mode-indicator[b-914q1vvojd]::after {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(105deg, transparent 20%, rgba(255, 255, 255, 0.72) 48%, transparent 72%);
    content: "";
    transform: translateX(-115%);
    animation: portal-test-mode-sheen-b-914q1vvojd 7s ease-in-out infinite;
}

.portal-test-mode-indicator__mark[b-914q1vvojd] {
    position: relative;
    display: grid;
    width: 1.78rem;
    height: 1.78rem;
    flex: 0 0 1.78rem;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #c99b43, #8b611b);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.34),
        0 5px 12px rgba(99, 66, 11, 0.22);
    color: #fffdf8;
}

.portal-test-mode-indicator__mark[b-914q1vvojd]::after {
    position: absolute;
    inset: -0.2rem;
    border: 1px solid rgba(184, 137, 54, 0.34);
    border-radius: inherit;
    content: "";
    animation: portal-test-mode-pulse-b-914q1vvojd 2.8s ease-out infinite;
}

.portal-test-mode-indicator__mark svg[b-914q1vvojd] {
    width: 1rem;
    height: 1rem;
    fill: currentColor;
}

.portal-test-mode-indicator__copy[b-914q1vvojd] {
    display: grid;
    gap: 0.03rem;
    line-height: 1;
    white-space: nowrap;
}

.portal-test-mode-indicator__copy small[b-914q1vvojd] {
    color: rgba(95, 70, 22, 0.66);
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.portal-test-mode-indicator__copy strong[b-914q1vvojd] {
    font-size: 0.76rem;
    font-weight: 850;
    letter-spacing: 0.018em;
}

.portal-test-mode-indicator--floating[b-914q1vvojd] {
    position: fixed;
    top: max(1rem, env(safe-area-inset-top));
    right: max(1rem, env(safe-area-inset-right));
    z-index: 1200;
    backdrop-filter: blur(18px) saturate(125%);
}

@keyframes portal-test-mode-sheen-b-914q1vvojd {
    0%, 68% { transform: translateX(-115%); }
    86%, 100% { transform: translateX(115%); }
}

@keyframes portal-test-mode-pulse-b-914q1vvojd {
    0% { opacity: 0.72; transform: scale(0.84); }
    70%, 100% { opacity: 0; transform: scale(1.22); }
}

@media (max-width: 980px) {
    .portal-test-mode-indicator[b-914q1vvojd] {
        min-height: 2.28rem;
        padding: 0.3rem 0.6rem 0.3rem 0.34rem;
    }

    .portal-test-mode-indicator__mark[b-914q1vvojd] {
        width: 1.62rem;
        height: 1.62rem;
        flex-basis: 1.62rem;
    }

    .portal-test-mode-indicator__copy small[b-914q1vvojd] {
        display: none;
    }
}

@media (max-width: 640px) {
    .portal-test-mode-indicator:not(.portal-test-mode-indicator--floating)[b-914q1vvojd] {
        gap: 0.35rem;
        padding-right: 0.48rem;
    }

    .portal-test-mode-indicator:not(.portal-test-mode-indicator--floating) .portal-test-mode-indicator__copy strong[b-914q1vvojd] {
        max-width: 4.75rem;
        overflow: hidden;
        font-size: 0.68rem;
        text-overflow: ellipsis;
    }

    .portal-test-mode-indicator--floating[b-914q1vvojd] {
        top: max(0.65rem, env(safe-area-inset-top));
        right: max(0.65rem, env(safe-area-inset-right));
    }
}

@media (prefers-reduced-motion: reduce) {
    .portal-test-mode-indicator[b-914q1vvojd]::after,
    .portal-test-mode-indicator__mark[b-914q1vvojd]::after {
        animation: none;
    }
}

/* /Pages/AcademicWorks.razor.rz.scp.css */
.academic-works-page[b-c4puldaj9s] { display:flex; flex-direction:column; gap:1rem; }
.academic-works-page__hero[b-c4puldaj9s] { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 1.1rem; border:1px solid var(--portal-border); border-radius:22px; background:linear-gradient(135deg,var(--portal-surface) 0%,rgba(var(--portal-primary-rgb),.06) 100%); }
.academic-works-page__privacy[b-c4puldaj9s] { border-radius:14px; font-size:.8rem; }
.academic-works-page__loading[b-c4puldaj9s] { display:grid; gap:.75rem; }
.academic-works-page__skeleton[b-c4puldaj9s] { border-radius:18px; }
.academic-works-page__error[b-c4puldaj9s] { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.academic-works-page__empty[b-c4puldaj9s] { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:280px; padding:2rem; border:1px dashed var(--portal-border); border-radius:22px; color:var(--portal-muted); text-align:center; }
.academic-works-page__empty h2[b-c4puldaj9s] { margin:.8rem 0 .25rem; color:var(--portal-text); font-size:1.05rem; }
.academic-works-page__empty p[b-c4puldaj9s] { max-width:620px; margin:0; font-size:.8rem; }
.academic-works-page__summary[b-c4puldaj9s] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.65rem; }
.academic-works-page__summary article[b-c4puldaj9s] { display:flex; align-items:center; gap:.65rem; padding:.72rem .8rem; border:1px solid var(--portal-border); border-radius:16px; background:var(--portal-surface); }
.academic-works-page__summary article > .mud-icon-root[b-c4puldaj9s] { display:grid; place-items:center; width:34px; height:34px; border-radius:11px; background:rgba(var(--portal-primary-rgb),.1); color:var(--portal-primary); }
.academic-works-page__summary div[b-c4puldaj9s] { display:flex; flex-direction:column; }
.academic-works-page__summary strong[b-c4puldaj9s] { color:var(--portal-text); font-size:1.05rem; line-height:1.1; }
.academic-works-page__summary span[b-c4puldaj9s] { color:var(--portal-muted); font-size:.68rem; }
.academic-works-page__summary .is-warning > .mud-icon-root[b-c4puldaj9s] { background:#fff3d9; color:#a06a00; }
.academic-works-page__summary .is-success > .mud-icon-root[b-c4puldaj9s] { background:#e9f7ed; color:#26733f; }
.academic-works-page__list[b-c4puldaj9s] { display:flex; flex-direction:column; gap:.7rem; }
.academic-works-page__card[b-c4puldaj9s] { overflow:hidden; border:1px solid var(--portal-border); border-radius:20px; background:var(--portal-surface); transition:border-color .18s ease,box-shadow .18s ease; }
.academic-works-page__card:hover[b-c4puldaj9s], .academic-works-page__card.is-open[b-c4puldaj9s] { border-color:rgba(var(--portal-primary-rgb),.35); box-shadow:0 12px 34px rgba(30,45,70,.08); }
.academic-works-page__card.is-overdue[b-c4puldaj9s] { border-left:4px solid #cf4c55; }
.academic-works-page__card-main[b-c4puldaj9s] { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:.8rem; align-items:center; width:100%; padding:.85rem .95rem; border:0; background:transparent; color:inherit; text-align:left; cursor:pointer; }
.academic-works-page__subject-icon[b-c4puldaj9s] { display:grid; place-items:center; width:42px; height:42px; border-radius:14px; background:rgba(var(--portal-primary-rgb),.09); color:var(--portal-primary); }
.academic-works-page__subject[b-c4puldaj9s] { min-width:0; }
.academic-works-page__eyebrow[b-c4puldaj9s] { display:flex; align-items:center; gap:.45rem; }
.academic-works-page__eyebrow > span[b-c4puldaj9s] { color:var(--portal-muted); font-size:.65rem; font-weight:750; letter-spacing:.03em; text-transform:uppercase; }
.academic-works-page__subject h2[b-c4puldaj9s] { margin:.16rem 0; color:var(--portal-text); font-size:.92rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.academic-works-page__subject p[b-c4puldaj9s] { margin:0; color:var(--portal-muted); font-size:.72rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.academic-works-page__signals[b-c4puldaj9s] { display:flex; align-items:center; gap:.8rem; }
.academic-works-page__signals > div[b-c4puldaj9s] { display:flex; align-items:center; gap:.35rem; min-width:90px; }
.academic-works-page__signals > div > .mud-icon-root[b-c4puldaj9s] { color:var(--portal-muted); font-size:1.1rem; }
.academic-works-page__signals div span[b-c4puldaj9s] { display:flex; flex-direction:column; }
.academic-works-page__signals strong[b-c4puldaj9s] { color:var(--portal-text); font-size:.72rem; }
.academic-works-page__signals small[b-c4puldaj9s] { color:var(--portal-muted); font-size:.6rem; }
.academic-works-page__deadline.is-overdue strong[b-c4puldaj9s], .academic-works-page__deadline.is-overdue small[b-c4puldaj9s] { color:#b93640; }
.academic-works-page__plagiarism-signal.is-warning strong[b-c4puldaj9s] { color:#9a6600; }
.academic-works-page__plagiarism-signal.is-critical strong[b-c4puldaj9s] { color:#b93640; }
.academic-works-page__plagiarism-signal.is-normal strong[b-c4puldaj9s] { color:#26733f; }
.academic-works-page__status[b-c4puldaj9s] { display:inline-flex; padding:.18rem .42rem; border-radius:999px; background:#eef1f5; color:#59697c; font-size:.6rem; font-style:normal; font-weight:800; white-space:nowrap; }
.academic-works-page__status.is-submitted[b-c4puldaj9s], .academic-works-page__status.is-underreview[b-c4puldaj9s] { background:var(--portal-primary-soft); color:var(--portal-primary-strong); }
.academic-works-page__status.is-changesrequested[b-c4puldaj9s] { background:#fff2d5; color:#936000; }
.academic-works-page__status.is-compliant[b-c4puldaj9s] { background:#e8f7ed; color:#26733f; }
.academic-works-page__status.is-rejected[b-c4puldaj9s] { background:#fdeced; color:#ae333b; }
.academic-works-page__details[b-c4puldaj9s] { padding:0 .9rem .9rem; border-top:1px solid var(--portal-border); }
.academic-works-page__details > .mud-progress-linear[b-c4puldaj9s] { margin:1rem 0 0; border-radius:999px; }
.academic-works-page__detail-grid[b-c4puldaj9s] { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr); gap:.75rem; padding-top:.8rem; }
.academic-works-page__files[b-c4puldaj9s], .academic-works-page__review > section[b-c4puldaj9s] { padding:.75rem; border:1px solid var(--portal-border); border-radius:16px; background:var(--portal-surface-soft); }
.academic-works-page__files > header[b-c4puldaj9s], .academic-works-page__review section > header[b-c4puldaj9s], .academic-works-page__files > header > div[b-c4puldaj9s], .academic-works-page__review section > header > div[b-c4puldaj9s] { display:flex; align-items:center; gap:.4rem; }
.academic-works-page__files > header[b-c4puldaj9s] { justify-content:space-between; }
.academic-works-page__files header strong[b-c4puldaj9s], .academic-works-page__review header strong[b-c4puldaj9s] { color:var(--portal-text); font-size:.76rem; }
.academic-works-page__files > header > span[b-c4puldaj9s] { padding:.08rem .35rem; border-radius:999px; background:rgba(var(--portal-primary-rgb),.1); color:var(--portal-primary); font-size:.6rem; font-weight:800; }
.academic-works-page__upload[b-c4puldaj9s] { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.55rem; align-items:center; margin:.65rem 0; padding:.6rem; border:1px dashed rgba(var(--portal-primary-rgb),.35); border-radius:13px; background:rgba(var(--portal-primary-rgb),.025); }
.academic-works-page__upload input[b-c4puldaj9s] { position:absolute; width:1px; height:1px; opacity:0; }
.academic-works-page__upload label[b-c4puldaj9s] { display:flex; align-items:center; gap:.55rem; min-width:0; cursor:pointer; }
.academic-works-page__upload label > .mud-icon-root[b-c4puldaj9s] { color:var(--portal-primary); }
.academic-works-page__upload label span[b-c4puldaj9s] { display:flex; flex-direction:column; min-width:0; }
.academic-works-page__upload label strong[b-c4puldaj9s] { color:var(--portal-text); font-size:.7rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.academic-works-page__upload label small[b-c4puldaj9s] { color:var(--portal-muted); font-size:.6rem; }
.academic-works-page__mini-empty[b-c4puldaj9s] { display:grid; place-items:center; min-height:76px; color:var(--portal-muted); font-size:.7rem; }
.academic-works-page__versions[b-c4puldaj9s] { display:flex; flex-direction:column; gap:.4rem; margin-top:.55rem; }
.academic-works-page__versions article[b-c4puldaj9s] { display:flex; align-items:center; justify-content:space-between; gap:.6rem; padding:.5rem .55rem; border:1px solid var(--portal-border); border-radius:11px; background:var(--portal-surface); }
.academic-works-page__versions article > div[b-c4puldaj9s] { display:flex; align-items:center; gap:.4rem; min-width:0; }
.academic-works-page__versions article > div > span[b-c4puldaj9s] { display:flex; flex-direction:column; min-width:0; }
.academic-works-page__versions strong[b-c4puldaj9s] { color:var(--portal-text); font-size:.68rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.academic-works-page__versions small[b-c4puldaj9s] { color:var(--portal-muted); font-size:.58rem; }
.academic-works-page__version-plagiarism[b-c4puldaj9s] { display:inline-flex; align-items:center; gap:.2rem; width:max-content; margin-top:.2rem; padding:.12rem .35rem; border-radius:999px; background:var(--portal-surface-soft); }
.academic-works-page__version-plagiarism .mud-icon-root[b-c4puldaj9s] { font-size:.8rem; }
.academic-works-page__version-plagiarism b[b-c4puldaj9s] { color:var(--portal-text); }
.academic-works-page__version-plagiarism.is-warning b[b-c4puldaj9s] { color:#9a6600; }
.academic-works-page__version-plagiarism.is-critical b[b-c4puldaj9s] { color:#b93640; }
.academic-works-page__scan[b-c4puldaj9s] { padding:.14rem .35rem; border-radius:999px; background:#eef1f5; color:#607084; font-size:.56rem; font-weight:800; white-space:nowrap; }
.academic-works-page__scan.is-clean[b-c4puldaj9s] { background:#e8f7ed; color:#26733f; }
.academic-works-page__scan.is-rejected[b-c4puldaj9s], .academic-works-page__scan.is-failed[b-c4puldaj9s] { background:#fdeced; color:#ae333b; }
.academic-works-page__review[b-c4puldaj9s] { display:flex; flex-direction:column; gap:.65rem; }
.academic-works-page__muted[b-c4puldaj9s] { margin:.65rem 0 .1rem; color:var(--portal-muted); font-size:.68rem; }
.academic-works-page__review-item[b-c4puldaj9s] { margin-top:.55rem; padding:.5rem; border-left:3px solid var(--portal-border); border-radius:0 10px 10px 0; background:var(--portal-surface); }
.academic-works-page__review-item > small[b-c4puldaj9s] { margin-left:.35rem; color:var(--portal-muted); font-size:.58rem; }
.academic-works-page__review-item p[b-c4puldaj9s] { margin:.35rem 0 0; color:var(--portal-text); font-size:.68rem; white-space:pre-wrap; }
.academic-works-page__plagiarism-result[b-c4puldaj9s] { margin-top:.55rem; padding:.62rem; border-radius:12px; background:var(--portal-surface); }
.academic-works-page__plagiarism-result > span[b-c4puldaj9s] { display:block; color:var(--portal-muted); font-size:.62rem; }
.academic-works-page__plagiarism-result > strong[b-c4puldaj9s] { display:block; margin:.12rem 0; color:#26733f; font-size:1.35rem; }
.academic-works-page__plagiarism-result.is-warning > strong[b-c4puldaj9s] { color:#9a6600; }
.academic-works-page__plagiarism-result.is-critical > strong[b-c4puldaj9s] { color:#b93640; }
.academic-works-page__plagiarism-result > small[b-c4puldaj9s] { display:block; margin-top:.3rem; color:var(--portal-muted); font-size:.62rem; line-height:1.4; }
.academic-works-page__plagiarism-result dl[b-c4puldaj9s] { display:grid; grid-template-columns:repeat(3,1fr); gap:.35rem; margin:.5rem 0 0; }
.academic-works-page__plagiarism-result dl div[b-c4puldaj9s] { display:flex; flex-direction:column; padding:.36rem; border-radius:8px; background:var(--portal-surface-soft); }
.academic-works-page__plagiarism-result dt[b-c4puldaj9s] { color:var(--portal-muted); font-size:.56rem; }
.academic-works-page__plagiarism-result dd[b-c4puldaj9s] { margin:0; color:var(--portal-text); font-size:.65rem; font-weight:750; }
.academic-works-page__advisory[b-c4puldaj9s] { margin:.55rem 0 0; color:var(--portal-muted); font-size:.58rem; line-height:1.4; }
@media (max-width:1050px) { .academic-works-page__detail-grid[b-c4puldaj9s] { grid-template-columns:1fr; } .academic-works-page__signals > div[b-c4puldaj9s] { min-width:auto; } }
@media (max-width:760px) { .academic-works-page__summary[b-c4puldaj9s] { grid-template-columns:1fr 1fr; } .academic-works-page__card-main[b-c4puldaj9s] { grid-template-columns:auto minmax(0,1fr); } .academic-works-page__signals[b-c4puldaj9s] { grid-column:1/-1; justify-content:space-between; padding-top:.5rem; border-top:1px solid var(--portal-border); } }
@media (max-width:520px) { .academic-works-page__hero[b-c4puldaj9s] { align-items:flex-start; } .academic-works-page__summary[b-c4puldaj9s] { grid-template-columns:1fr; } .academic-works-page__signals[b-c4puldaj9s] { display:grid; grid-template-columns:1fr 1fr; } .academic-works-page__signals > .mud-icon-root[b-c4puldaj9s] { display:none; } .academic-works-page__upload[b-c4puldaj9s] { grid-template-columns:1fr; } .academic-works-page__plagiarism-result dl[b-c4puldaj9s] { grid-template-columns:1fr; } }
/* /Pages/AssessmentSystemCheck.razor.rz.scp.css */
/* Pre-exam system check — premium gold/forest readiness console. Everything is client-side:
   the page only renders probe results, so the styling carries the reassurance. */

.portal-syscheck-page[b-k97n4mawmn] {
    display: grid;
    gap: 0.85rem;
    align-content: start;
}

/* ---------------------------------------------------------------------------------------------
   Hero
--------------------------------------------------------------------------------------------- */

.portal-syscheck-hero[b-k97n4mawmn] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    overflow: hidden;
}

.portal-syscheck-hero[b-k97n4mawmn]::before {
    content: "";
    position: absolute;
    inset: auto -4rem -7rem auto;
    width: 16rem;
    height: 16rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(15, 118, 110, 0.12), transparent 70%);
    pointer-events: none;
}

.portal-syscheck-hero[b-k97n4mawmn]::after {
    content: "";
    position: absolute;
    inset: -6rem auto auto -3rem;
    width: 13rem;
    height: 13rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(196, 148, 58, 0.12), transparent 70%);
    pointer-events: none;
}

.portal-syscheck-hero__lead[b-k97n4mawmn] {
    position: relative;
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    min-width: 0;
    max-width: 46rem;
}

.portal-syscheck-hero__icon[b-k97n4mawmn] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 12px;
    border: 1px solid rgba(15, 118, 110, 0.22);
    color: #0f766e;
    background:
        linear-gradient(150deg, rgba(238, 252, 248, 0.95), rgba(255, 250, 238, 0.9));
    box-shadow: 0 14px 26px hsla(var(--brand-h, 218), 60%, 16%, 0.08);
}

.portal-syscheck-hero__eyebrow[b-k97n4mawmn] {
    font-size: 0.68rem;
    font-weight: 950;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #8a5e10;
}

.portal-syscheck-hero__title[b-k97n4mawmn] {
    margin: 0.18rem 0 0.3rem;
    font-size: 1.32rem;
    font-weight: 950;
    line-height: 1.22;
    color: hsl(var(--brand-h, 218), 60%, 16%);
}

.portal-syscheck-hero__copy[b-k97n4mawmn] {
    margin: 0;
    font-size: 0.82rem;
    font-weight: 650;
    line-height: 1.5;
    color: hsl(var(--brand-h, 213), 15%, 41%);
}

.portal-syscheck-hero__note[b-k97n4mawmn] {
    display: inline-flex;
    align-items: center;
    gap: 0.34rem;
    margin-top: 0.5rem;
    padding: 0.3rem 0.56rem;
    border: 1px solid rgba(15, 118, 110, 0.16);
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 800;
    color: #0f5f55;
    background: rgba(238, 252, 248, 0.78);
}

.portal-syscheck-hero__note[b-k97n4mawmn]  .mud-icon-root {
    font-size: 0.92rem;
    color: #0f766e;
}

.portal-syscheck-hero__actions[b-k97n4mawmn] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.5rem;
    flex: 0 0 auto;
}

.portal-syscheck-hero__back[b-k97n4mawmn] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.74rem;
    font-weight: 850;
    color: hsl(var(--brand-h, 213), 15%, 41%);
    text-decoration: none;
    transition: color 140ms ease;
}

.portal-syscheck-hero__back:hover[b-k97n4mawmn] {
    color: #0f766e;
}

/* ---------------------------------------------------------------------------------------------
   Checks board
--------------------------------------------------------------------------------------------- */

.portal-syscheck-board__head[b-k97n4mawmn] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.6rem;
    flex-wrap: wrap;
    margin-bottom: 0.66rem;
}

.portal-syscheck-board__eyebrow[b-k97n4mawmn] {
    font-size: 0.66rem;
    font-weight: 950;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #8a5e10;
}

.portal-syscheck-board__head h2[b-k97n4mawmn] {
    margin: 0.12rem 0 0;
    font-size: 1.02rem;
    font-weight: 950;
    color: hsl(var(--brand-h, 218), 60%, 16%);
}

.portal-syscheck-board__stamp[b-k97n4mawmn] {
    font-size: 0.7rem;
    font-weight: 800;
    color: hsl(var(--brand-h, 213), 15%, 49%);
}

.portal-syscheck-rows[b-k97n4mawmn] {
    display: grid;
    gap: 0.5rem;
}

.portal-syscheck-row[b-k97n4mawmn] {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    gap: 0.62rem;
    align-items: center;
    padding: 0.58rem 0.66rem;
    overflow: hidden;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 10px;
    background:
        linear-gradient(135deg, #fbfcff, rgba(238, 247, 249, 0.7)),
        rgba(255, 255, 255, 0.88);
    transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.portal-syscheck-row[b-k97n4mawmn]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 0.18rem;
    background: hsla(var(--brand-h, 218), 60%, 16%, 0.1);
    transition: background 140ms ease;
}

.portal-syscheck-row:hover[b-k97n4mawmn] {
    transform: translateY(-1px);
    border-color: rgba(15, 118, 110, 0.18);
    box-shadow: 0 12px 24px hsla(var(--brand-h, 218), 60%, 16%, 0.07);
}

.portal-syscheck-row__icon[b-k97n4mawmn] {
    display: grid;
    place-items: center;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 10px;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.09);
    color: hsl(var(--brand-h, 214), 70%, 26%);
    background: rgba(255, 255, 255, 0.92);
}

.portal-syscheck-row__copy[b-k97n4mawmn] {
    display: grid;
    gap: 0.1rem;
    min-width: 0;
}

.portal-syscheck-row__copy strong[b-k97n4mawmn] {
    font-size: 0.8rem;
    font-weight: 950;
    line-height: 1.3;
    color: hsl(var(--brand-h, 218), 60%, 16%);
}

.portal-syscheck-row__copy span[b-k97n4mawmn] {
    min-width: 0;
    overflow-wrap: anywhere;
    font-size: 0.73rem;
    font-weight: 700;
    line-height: 1.4;
    color: hsl(var(--brand-h, 213), 15%, 45%);
}

.portal-syscheck-row__status[b-k97n4mawmn] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.26rem 0.58rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.1);
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 900;
    white-space: nowrap;
    color: hsl(var(--brand-h, 213), 15%, 45%);
    background: rgba(255, 255, 255, 0.9);
}

.portal-syscheck-row__status[b-k97n4mawmn]  .mud-icon-root {
    font-size: 0.92rem;
}

.portal-syscheck-row__rerun[b-k97n4mawmn] {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.1);
    border-radius: 9px;
    color: hsl(var(--brand-h, 214), 70%, 26%);
    background: rgba(255, 255, 255, 0.92);
    cursor: pointer;
    transition: border-color 140ms ease, color 140ms ease, background 140ms ease;
}

.portal-syscheck-row__rerun:hover:not(:disabled)[b-k97n4mawmn] {
    border-color: rgba(15, 118, 110, 0.3);
    color: #0f766e;
    background: rgba(238, 252, 248, 0.85);
}

.portal-syscheck-row__rerun:disabled[b-k97n4mawmn] {
    opacity: 0.5;
    cursor: default;
}

/* Status variants ----------------------------------------------------------------------------- */

.portal-syscheck-row--pass[b-k97n4mawmn]::before {
    background: #0f766e;
}

.portal-syscheck-row--pass .portal-syscheck-row__icon[b-k97n4mawmn],
.portal-syscheck-row--pass .portal-syscheck-row__status[b-k97n4mawmn] {
    border-color: rgba(15, 118, 110, 0.26);
    color: #0f766e;
    background: rgba(238, 252, 248, 0.9);
}

.portal-syscheck-row--warn[b-k97n4mawmn]::before {
    background: #c4943a;
}

.portal-syscheck-row--warn .portal-syscheck-row__icon[b-k97n4mawmn],
.portal-syscheck-row--warn .portal-syscheck-row__status[b-k97n4mawmn] {
    border-color: rgba(196, 148, 58, 0.32);
    color: #8a5e10;
    background: rgba(255, 244, 222, 0.92);
}

.portal-syscheck-row--fail[b-k97n4mawmn]::before {
    background: #9f1239;
}

.portal-syscheck-row--fail .portal-syscheck-row__icon[b-k97n4mawmn],
.portal-syscheck-row--fail .portal-syscheck-row__status[b-k97n4mawmn] {
    border-color: rgba(159, 18, 57, 0.26);
    color: #9f1239;
    background: rgba(255, 241, 242, 0.92);
}

.portal-syscheck-row--running[b-k97n4mawmn]::before {
    background: #3f51b5;
}

.portal-syscheck-row--running .portal-syscheck-row__icon[b-k97n4mawmn],
.portal-syscheck-row--running .portal-syscheck-row__status[b-k97n4mawmn] {
    border-color: rgba(64, 81, 181, 0.28);
    color: #3f51b5;
    background: rgba(238, 242, 255, 0.92);
}

@media (prefers-reduced-motion: no-preference) {
    .portal-syscheck-row--running .portal-syscheck-row__status[b-k97n4mawmn]  .mud-icon-root {
        animation: portal-syscheck-running-pulse-b-k97n4mawmn 1.4s ease-in-out infinite;
    }

    @keyframes portal-syscheck-running-pulse-b-k97n4mawmn {
        0%, 100% {
            opacity: 1;
        }

        50% {
            opacity: 0.4;
        }
    }
}

/* ---------------------------------------------------------------------------------------------
   Verdict card
--------------------------------------------------------------------------------------------- */

.portal-syscheck-verdict[b-k97n4mawmn] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    flex-wrap: wrap;
    border-left: 4px solid hsla(var(--brand-h, 218), 60%, 16%, 0.16);
}

.portal-syscheck-verdict__icon[b-k97n4mawmn] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 12px;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.1);
    color: hsl(var(--brand-h, 214), 70%, 26%);
    background: rgba(255, 255, 255, 0.92);
}

.portal-syscheck-verdict__copy[b-k97n4mawmn] {
    display: grid;
    gap: 0.08rem;
    flex: 1 1 16rem;
    min-width: 0;
}

.portal-syscheck-verdict__copy strong[b-k97n4mawmn] {
    font-size: 0.9rem;
    font-weight: 950;
    color: hsl(var(--brand-h, 218), 60%, 16%);
}

.portal-syscheck-verdict__copy span[b-k97n4mawmn] {
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1.45;
    color: hsl(var(--brand-h, 213), 15%, 45%);
}

.portal-syscheck-verdict__counts[b-k97n4mawmn] {
    flex: 0 0 auto;
    padding: 0.3rem 0.62rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.1);
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 900;
    color: hsl(var(--brand-h, 213), 15%, 45%);
    background: rgba(255, 255, 255, 0.9);
}

.portal-syscheck-verdict--ready[b-k97n4mawmn] {
    border-left-color: #0f766e;
    background:
        linear-gradient(135deg, rgba(238, 252, 248, 0.92), rgba(255, 255, 255, 0.95));
}

.portal-syscheck-verdict--ready .portal-syscheck-verdict__icon[b-k97n4mawmn] {
    border-color: rgba(15, 118, 110, 0.26);
    color: #0f766e;
    background: rgba(238, 252, 248, 0.95);
}

.portal-syscheck-verdict--almost[b-k97n4mawmn] {
    border-left-color: #c4943a;
    background:
        linear-gradient(135deg, rgba(255, 248, 233, 0.94), rgba(255, 255, 255, 0.95));
}

.portal-syscheck-verdict--almost .portal-syscheck-verdict__icon[b-k97n4mawmn] {
    border-color: rgba(196, 148, 58, 0.32);
    color: #8a5e10;
    background: rgba(255, 244, 222, 0.95);
}

.portal-syscheck-verdict--blocked[b-k97n4mawmn] {
    border-left-color: #9f1239;
    background:
        linear-gradient(135deg, rgba(255, 241, 242, 0.94), rgba(255, 255, 255, 0.95));
}

.portal-syscheck-verdict--blocked .portal-syscheck-verdict__icon[b-k97n4mawmn] {
    border-color: rgba(159, 18, 57, 0.26);
    color: #9f1239;
    background: rgba(255, 241, 242, 0.95);
}

/* ---------------------------------------------------------------------------------------------
   Responsive
--------------------------------------------------------------------------------------------- */

@media (max-width: 760px) {
    .portal-syscheck-hero[b-k97n4mawmn] {
        flex-direction: column;
        align-items: stretch;
    }

    .portal-syscheck-hero__actions[b-k97n4mawmn] {
        align-items: stretch;
    }

    .portal-syscheck-hero__actions[b-k97n4mawmn]  .mud-button-root {
        width: 100%;
    }

    .portal-syscheck-hero__back[b-k97n4mawmn] {
        justify-content: center;
    }

    .portal-syscheck-row[b-k97n4mawmn] {
        grid-template-columns: auto minmax(0, 1fr);
        grid-template-areas:
            "icon copy"
            "status status"
            "rerun rerun";
    }

    .portal-syscheck-row__icon[b-k97n4mawmn] {
        grid-area: icon;
    }

    .portal-syscheck-row__copy[b-k97n4mawmn] {
        grid-area: copy;
    }

    .portal-syscheck-row__status[b-k97n4mawmn] {
        grid-area: status;
        justify-self: start;
    }

    .portal-syscheck-row__rerun[b-k97n4mawmn] {
        grid-area: rerun;
        justify-self: end;
    }
}

/* ---------------------------------------------------------------------------------------------
   Accessibility — this is a standalone light page with no in-app comfort toggle, so it honours
   the OS preferences directly: reduced-motion, more-contrast and dark-scheme (comfort).
--------------------------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
    .portal-syscheck-row[b-k97n4mawmn],
    .portal-syscheck-row__rerun[b-k97n4mawmn] {
        transition: none;
    }

    .portal-syscheck-row:hover[b-k97n4mawmn] {
        transform: none;
    }
}

/* More-contrast: hard borders, drop the soft tints/shadows so status is unmistakable. */
@media (prefers-contrast: more) {
    .portal-syscheck-hero[b-k97n4mawmn],
    .portal-syscheck-board[b-k97n4mawmn],
    .portal-syscheck-row[b-k97n4mawmn],
    .portal-syscheck-row__icon[b-k97n4mawmn],
    .portal-syscheck-row__status[b-k97n4mawmn],
    .portal-syscheck-row__rerun[b-k97n4mawmn],
    .portal-syscheck-verdict[b-k97n4mawmn],
    .portal-syscheck-verdict__icon[b-k97n4mawmn],
    .portal-syscheck-verdict__counts[b-k97n4mawmn],
    .portal-syscheck-hero__note[b-k97n4mawmn] {
        border-color: currentColor !important;
        box-shadow: none !important;
    }

    .portal-syscheck-row[b-k97n4mawmn]::before {
        width: 0.32rem;
    }
}

/* Comfort (OS dark scheme): forest/gold identity holds, surfaces go deep navy. */
@media (prefers-color-scheme: dark) {
    .portal-syscheck-hero[b-k97n4mawmn],
    .portal-syscheck-board[b-k97n4mawmn],
    .portal-syscheck-verdict[b-k97n4mawmn] {
        border-color: rgba(148, 163, 184, 0.2);
        background: rgba(17, 24, 39, 0.82);
        box-shadow: none;
    }

    .portal-syscheck-hero__title[b-k97n4mawmn],
    .portal-syscheck-board__head h2[b-k97n4mawmn],
    .portal-syscheck-row__copy strong[b-k97n4mawmn],
    .portal-syscheck-verdict__copy strong[b-k97n4mawmn] {
        color: #f3f4f6;
    }

    .portal-syscheck-hero__copy[b-k97n4mawmn],
    .portal-syscheck-board__stamp[b-k97n4mawmn],
    .portal-syscheck-row__copy span[b-k97n4mawmn],
    .portal-syscheck-row__status[b-k97n4mawmn],
    .portal-syscheck-verdict__copy span[b-k97n4mawmn],
    .portal-syscheck-verdict__counts[b-k97n4mawmn] {
        color: #cbd5e1;
    }

    .portal-syscheck-hero__eyebrow[b-k97n4mawmn],
    .portal-syscheck-board__eyebrow[b-k97n4mawmn] {
        color: #f0c36e;
    }

    .portal-syscheck-hero__icon[b-k97n4mawmn],
    .portal-syscheck-hero__note[b-k97n4mawmn] {
        border-color: rgba(94, 234, 212, 0.28);
        color: #5eead4;
        background: rgba(16, 64, 56, 0.55);
    }

    .portal-syscheck-row[b-k97n4mawmn],
    .portal-syscheck-row__icon[b-k97n4mawmn],
    .portal-syscheck-row__status[b-k97n4mawmn],
    .portal-syscheck-row__rerun[b-k97n4mawmn],
    .portal-syscheck-verdict__icon[b-k97n4mawmn],
    .portal-syscheck-verdict__counts[b-k97n4mawmn] {
        border-color: rgba(148, 163, 184, 0.18);
        background: rgba(30, 41, 59, 0.7);
    }

    .portal-syscheck-row[b-k97n4mawmn] {
        background: linear-gradient(135deg, rgba(30, 41, 59, 0.7), rgba(15, 23, 42, 0.6));
    }

    /* Keep the status accents legible on the dark surfaces. */
    .portal-syscheck-row--pass .portal-syscheck-row__icon[b-k97n4mawmn],
    .portal-syscheck-row--pass .portal-syscheck-row__status[b-k97n4mawmn],
    .portal-syscheck-verdict--ready .portal-syscheck-verdict__icon[b-k97n4mawmn] {
        color: #5eead4;
        background: rgba(16, 64, 56, 0.6);
    }

    .portal-syscheck-row--warn .portal-syscheck-row__icon[b-k97n4mawmn],
    .portal-syscheck-row--warn .portal-syscheck-row__status[b-k97n4mawmn],
    .portal-syscheck-verdict--almost .portal-syscheck-verdict__icon[b-k97n4mawmn] {
        color: #f0c36e;
        background: rgba(96, 70, 22, 0.5);
    }

    .portal-syscheck-row--fail .portal-syscheck-row__icon[b-k97n4mawmn],
    .portal-syscheck-row--fail .portal-syscheck-row__status[b-k97n4mawmn],
    .portal-syscheck-verdict--blocked .portal-syscheck-verdict__icon[b-k97n4mawmn] {
        color: #fda4af;
        background: rgba(76, 18, 33, 0.55);
    }

    .portal-syscheck-row--running .portal-syscheck-row__icon[b-k97n4mawmn],
    .portal-syscheck-row--running .portal-syscheck-row__status[b-k97n4mawmn] {
        color: #a5b4fc;
        background: rgba(49, 46, 129, 0.5);
    }

    .portal-syscheck-verdict--ready[b-k97n4mawmn] {
        background: linear-gradient(135deg, rgba(16, 64, 56, 0.5), rgba(17, 24, 39, 0.82));
    }

    .portal-syscheck-verdict--almost[b-k97n4mawmn] {
        background: linear-gradient(135deg, rgba(96, 70, 22, 0.4), rgba(17, 24, 39, 0.82));
    }

    .portal-syscheck-verdict--blocked[b-k97n4mawmn] {
        background: linear-gradient(135deg, rgba(76, 18, 33, 0.45), rgba(17, 24, 39, 0.82));
    }
}
/* /Pages/AssessmentTests.razor.rz.scp.css */
.portal-assessment-page[b-jby6k6qplq] {
    display: grid;
    gap: 1rem;
}

.portal-assessment-plagiarism[b-jby6k6qplq] {
    display: grid;
    gap: .75rem;
    margin: 1rem 0;
    padding: .9rem 1rem;
    border: 1px solid color-mix(in srgb, var(--mud-palette-info) 28%, var(--mud-palette-lines-default));
    border-radius: 16px;
    background: color-mix(in srgb, var(--mud-palette-info) 5%, var(--mud-palette-surface));
}

.portal-assessment-plagiarism__head[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    gap: .65rem;
}

.portal-assessment-plagiarism__head > div[b-jby6k6qplq] {
    display: grid;
    gap: .12rem;
}

.portal-assessment-plagiarism__head span[b-jby6k6qplq],
.portal-assessment-plagiarism__metrics span[b-jby6k6qplq] {
    color: var(--mud-palette-text-secondary);
    font-size: .78rem;
}

.portal-assessment-plagiarism__metrics[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .6rem;
}

.portal-assessment-plagiarism__metrics article[b-jby6k6qplq] {
    display: grid;
    gap: .15rem;
    padding: .65rem .75rem;
    border-radius: 12px;
    background: var(--mud-palette-surface);
}

.portal-assessment-plagiarism__metrics strong[b-jby6k6qplq] {
    font-size: 1rem;
}

@media (max-width: 640px) {
    .portal-assessment-plagiarism__metrics[b-jby6k6qplq] {
        grid-template-columns: 1fr;
    }
}

.portal-assessment-page--active-attempt[b-jby6k6qplq] {
    --assessment-active-topbar-offset: 4.85rem;
    --assessment-active-chrome-offset: 8.85rem;
    --assessment-active-shell-height: calc(100vh - var(--assessment-active-topbar-offset) - 0.72rem);
    --assessment-active-shell-height: calc(100dvh - var(--assessment-active-topbar-offset) - 0.72rem);
}

.portal-assessment-page--delivery-focus[b-jby6k6qplq] {
    gap: 0.62rem;
}

.portal-assessment-page--active-attempt .portal-assessment-hero[b-jby6k6qplq] {
    display: none;
}

.portal-assessment-hero[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.82rem;
    padding: 0.86rem !important;
}

.portal-assessment-hero__lead[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
}

.portal-assessment-hero__icon[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    height: 2.8rem;
    flex: 0 0 auto;
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(135deg, hsl(var(--brand-h, 214), 70%, 26%), #0f766e 58%, hsl(var(--brand-accent-h, 39), 61%, 46%));
    box-shadow: 0 16px 30px hsla(var(--brand-h, 218), 60%, 16%, 0.16);
}

.portal-assessment-hero__eyebrow[b-jby6k6qplq],
.portal-assessment-section-head__eyebrow[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.portal-assessment-hero__title[b-jby6k6qplq],
.portal-assessment-section-head h2[b-jby6k6qplq],
.portal-assessment-workspace__head h2[b-jby6k6qplq],
.portal-assessment-start h2[b-jby6k6qplq] {
    margin: 0;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 1.24rem;
    font-weight: 850;
    letter-spacing: 0;
}

.portal-assessment-hero__copy[b-jby6k6qplq],
.portal-assessment-workspace__head p[b-jby6k6qplq],
.portal-assessment-start p[b-jby6k6qplq] {
    margin: 0.2rem 0 0;
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.9rem;
}

.portal-assessment-hero__stats[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: repeat(4, minmax(4.6rem, 1fr));
    gap: 0.55rem;
}

.portal-assessment-hero__stats article[b-jby6k6qplq] {
    display: grid;
    gap: 0.15rem;
    min-width: 5rem;
    padding: 0.58rem 0.68rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.74);
}

.portal-assessment-hero__stats span[b-jby6k6qplq],
.portal-assessment-card__meta[b-jby6k6qplq],
.portal-assessment-card__progress span[b-jby6k6qplq],
.portal-assessment-card__result span[b-jby6k6qplq],
.portal-assessment-card__history-item span[b-jby6k6qplq],
.portal-assessment-timer span[b-jby6k6qplq],
.portal-assessment-footer__progress span[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.75rem;
    font-weight: 750;
}

.portal-assessment-hero__stats strong[b-jby6k6qplq],
.portal-assessment-card__progress strong[b-jby6k6qplq],
.portal-assessment-card__result strong[b-jby6k6qplq],
.portal-assessment-card__history-item strong[b-jby6k6qplq],
.portal-assessment-timer strong[b-jby6k6qplq],
.portal-assessment-footer__progress strong[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-weight: 850;
}

.portal-assessment-loading[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) minmax(8rem, 0.38fr);
    align-items: center;
    gap: 0.78rem;
    min-height: 8.5rem;
    padding: 0.9rem !important;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(246, 249, 252, 0.9)),
        linear-gradient(90deg, hsla(var(--brand-h, 214), 70%, 26%, 0.08), rgba(15, 118, 110, 0.08));
}

.portal-assessment-loading__spinner[b-jby6k6qplq] {
    display: inline-grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.78);
}

.portal-assessment-loading__copy[b-jby6k6qplq] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.portal-assessment-loading__copy span[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.portal-assessment-loading__copy strong[b-jby6k6qplq] {
    overflow: hidden;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.98rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-loading__skeleton[b-jby6k6qplq] {
    display: grid;
    gap: 0.34rem;
    min-width: 0;
}

.portal-assessment-loading__skeleton i[b-jby6k6qplq] {
    display: block;
    height: 0.48rem;
    border-radius: 999px;
    background: linear-gradient(90deg, hsla(var(--brand-h, 214), 70%, 26%, 0.08), rgba(15, 118, 110, 0.18), hsla(var(--brand-h, 214), 70%, 26%, 0.08));
    background-size: 200% 100%;
    animation: portal-slide 1.2s linear infinite;
}

.portal-assessment-loading__skeleton i:nth-child(2)[b-jby6k6qplq] {
    width: 76%;
}

.portal-assessment-loading__skeleton i:nth-child(3)[b-jby6k6qplq] {
    width: 52%;
}

.portal-assessment-state[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.68rem;
    min-height: 6.8rem;
    padding: 0.78rem !important;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.76);
}

.portal-assessment-state--warning[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.24);
    background: linear-gradient(135deg, rgba(255, 249, 235, 0.9), rgba(255, 255, 255, 0.88));
}

.portal-assessment-state--compact[b-jby6k6qplq] {
    min-height: 7.2rem;
    margin-top: 0.2rem;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(247, 250, 253, 0.82)),
        rgba(255, 255, 255, 0.74);
}

.portal-assessment-state--filtered[b-jby6k6qplq] {
    border-style: dashed;
}

.portal-assessment-state__icon[b-jby6k6qplq] {
    display: inline-grid;
    place-items: center;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 8px;
    color: hsl(var(--brand-h, 214), 70%, 26%);
    background: hsla(var(--brand-h, 214), 70%, 26%, 0.1);
}

.portal-assessment-state--warning .portal-assessment-state__icon[b-jby6k6qplq] {
    color: #8a5a12;
    background: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.12);
}

.portal-assessment-state__icon[b-jby6k6qplq]  .mud-icon-root {
    font-size: 1.28rem;
}

.portal-assessment-state__copy[b-jby6k6qplq] {
    display: grid;
    gap: 0.16rem;
    min-width: 0;
}

.portal-assessment-state__copy strong[b-jby6k6qplq] {
    overflow: hidden;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.98rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-state__copy span[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.8rem;
    font-weight: 720;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.portal-assessment-layout[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: minmax(21rem, 0.82fr) minmax(0, 1.5fr);
    gap: 1rem;
    align-items: start;
}

.portal-assessment-layout--queue-focus[b-jby6k6qplq] {
    grid-template-columns: minmax(0, 1fr);
}

.portal-assessment-layout--queue-focus .portal-assessment-workspace[b-jby6k6qplq] {
    display: none;
}

.portal-assessment-layout--queue-focus .portal-assessment-queue[b-jby6k6qplq] {
    max-height: none;
}

.portal-assessment-layout--delivery-focus[b-jby6k6qplq] {
    grid-template-columns: minmax(0, 1fr);
}

.portal-assessment-layout--delivery-focus .portal-assessment-queue-panel[b-jby6k6qplq] {
    display: none;
}

.portal-assessment-layout--delivery-focus .portal-assessment-workspace[b-jby6k6qplq] {
    min-height: calc(100vh - 7.5rem);
}

.portal-assessment-queue-panel[b-jby6k6qplq],
.portal-assessment-workspace[b-jby6k6qplq] {
    min-height: 32rem;
    padding: 0.86rem !important;
}

.portal-assessment-workspace--delivery-focus[b-jby6k6qplq] {
    padding: 0.72rem !important;
}

.portal-assessment-page--active-attempt .portal-assessment-workspace--delivery-focus[b-jby6k6qplq] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    height: var(--assessment-active-shell-height);
    max-height: var(--assessment-active-shell-height);
    min-height: 0;
    overflow: hidden;
}

.portal-assessment-delivery-chrome[b-jby6k6qplq] {
    display: grid;
    gap: 0;
}

.portal-assessment-page--active-attempt .portal-assessment-delivery-chrome[b-jby6k6qplq] {
    position: static;
    flex: 0 0 auto;
    z-index: 12;
    grid-template-columns: minmax(18rem, 0.88fr) minmax(0, 1.7fr);
    gap: 0.36rem 0.48rem;
    align-items: stretch;
    margin: -0.18rem -0.18rem 0;
    padding: 0.36rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(247, 250, 253, 0.9)),
        rgba(255, 255, 255, 0.92);
    box-shadow: 0 18px 36px hsla(var(--brand-h, 218), 60%, 16%, 0.12);
    backdrop-filter: blur(18px);
}

.portal-assessment-workspace--large-font[b-jby6k6qplq] {
    font-size: 1.08rem;
}

.portal-assessment-workspace--high-contrast[b-jby6k6qplq] {
    color: #07111f;
    background: #ffffff !important;
    border-color: rgba(7, 17, 31, 0.28) !important;
}

.portal-assessment-workspace--high-contrast .portal-assessment-question[b-jby6k6qplq],
.portal-assessment-workspace--high-contrast .portal-assessment-option[b-jby6k6qplq],
.portal-assessment-workspace--high-contrast .portal-assessment-navigator__item[b-jby6k6qplq],
.portal-assessment-workspace--high-contrast .portal-assessment-accessibility[b-jby6k6qplq],
.portal-assessment-workspace--high-contrast .portal-assessment-accessibility__button[b-jby6k6qplq],
.portal-assessment-workspace--high-contrast .portal-assessment-accommodation-note[b-jby6k6qplq] {
    border-color: rgba(7, 17, 31, 0.36);
    background: #ffffff;
}

.portal-assessment-workspace--high-contrast .portal-assessment-rules__items > span[b-jby6k6qplq],
.portal-assessment-workspace--high-contrast .portal-assessment-question__outcome[b-jby6k6qplq] {
    color: #07111f;
    background: #eef4ff;
}

.portal-assessment-workspace--high-contrast .portal-assessment-accommodation-note span[b-jby6k6qplq],
.portal-assessment-workspace--high-contrast .portal-assessment-accommodation-note strong[b-jby6k6qplq] {
    color: #07111f;
}

.portal-assessment-workspace--reduced-motion *[b-jby6k6qplq],
.portal-assessment-workspace--reduced-motion *[b-jby6k6qplq]::before,
.portal-assessment-workspace--reduced-motion *[b-jby6k6qplq]::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation: none !important;
}

/* Honor the OS "reduce motion" setting across the whole delivery workspace, not only the in-app toggle. */
@media (prefers-reduced-motion: reduce) {
    .portal-assessment-workspace *[b-jby6k6qplq],
    .portal-assessment-workspace *[b-jby6k6qplq]::before,
    .portal-assessment-workspace *[b-jby6k6qplq]::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation: none !important;
    }
}

/* Comfort / low-light mode — scoped to the active delivery workspace (off by default). */
.portal-assessment-page--comfort.portal-assessment-page--active-attempt[b-jby6k6qplq] {
    background: radial-gradient(1200px 620px at 50% -12%, hsl(var(--brand-h, 218), 47%, 16%) 0%, hsl(var(--brand-h, 219), 51%, 9%) 58%, #070d18 100%);
}

.portal-assessment-workspace--comfort[b-jby6k6qplq] {
    /* Shared comfort tokens — new comfort rules must reuse these instead of growing the allowlist below ad hoc. */
    --assessment-comfort-surface: hsla(var(--brand-h, 218), 44%, 17%, 0.92);
    --assessment-comfort-border: hsla(var(--brand-h, 216), 50%, 73%, 0.16);
    --assessment-comfort-ink: #e7eefa;
    color: hsl(var(--brand-h, 216), 53%, 91%);
    background: linear-gradient(160deg, hsla(var(--brand-h, 218), 47%, 15%, 0.96), hsla(var(--brand-h, 219), 47%, 10%, 0.96));
    border-color: hsla(var(--brand-h, 216), 50%, 73%, 0.16);
}

.portal-assessment-workspace--comfort .portal-assessment-workspace__head[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-cockpit__tile[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-cockpit__note[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-health-strip[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-navigator-shell[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-navigator__item[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-question-stack[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-question[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-option[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-footer[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-calculator[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-formula-sheet[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-scratchpad[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-accessibility[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-accessibility__button[b-jby6k6qplq] {
    background: hsla(var(--brand-h, 218), 44%, 17%, 0.92) !important;
    border-color: hsla(var(--brand-h, 216), 50%, 73%, 0.16) !important;
    box-shadow: none;
}

.portal-assessment-workspace--comfort .portal-assessment-question__stem[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-option span[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-textarea[b-jby6k6qplq],
.portal-assessment-workspace--comfort strong[b-jby6k6qplq],
.portal-assessment-workspace--comfort p[b-jby6k6qplq],
.portal-assessment-workspace--comfort label[b-jby6k6qplq] {
    color: #e7eefa;
}

.portal-assessment-workspace--comfort small[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-cockpit__tile span[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-accessibility__button strong[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 31%, 71%);
}

.portal-assessment-workspace--comfort .portal-assessment-textarea[b-jby6k6qplq],
.portal-assessment-workspace--comfort input[b-jby6k6qplq],
.portal-assessment-workspace--comfort textarea[b-jby6k6qplq] {
    background: hsla(var(--brand-h, 219), 51%, 9%, 0.85) !important;
    color: #e7eefa;
    border-color: hsla(var(--brand-h, 216), 50%, 73%, 0.22);
}

.portal-assessment-workspace--comfort .portal-assessment-accessibility__button--active[b-jby6k6qplq] {
    background: hsla(var(--brand-h, 214), 75%, 48%, 0.28) !important;
    border-color: hsla(var(--brand-h, 215), 80%, 71%, 0.5) !important;
}

.portal-assessment-workspace--comfort .portal-assessment-accessibility__button--active strong[b-jby6k6qplq] {
    color: #e7eefa;
}

.portal-assessment-workspace--comfort .portal-assessment-timer-ring[b-jby6k6qplq]::after {
    background: hsl(var(--brand-h, 218), 47%, 16%);
}

/* ------------------------------------------------------------------------- */
/* Comfort / low-light mode — extended coverage (assessment audit 2026-06-10).*/
/* All rules below stay scoped to .portal-assessment-workspace--comfort and   */
/* reuse the shared tokens declared on that scope (--assessment-comfort-      */
/* surface / -border / -ink); light mode is untouched. Accent identities are  */
/* preserved as translucent dark tints of each element's own hue.             */
/* ------------------------------------------------------------------------- */

/* Comfort: formula sheet — dark slate "lined paper" with light ink and teal rule lines. */
.portal-assessment-workspace--comfort .portal-assessment-formula-sheet__body[b-jby6k6qplq] {
    border-color: var(--assessment-comfort-border);
    color: var(--assessment-comfort-ink);
    background:
        repeating-linear-gradient(0deg, transparent 0, transparent 1.9rem, rgba(94, 234, 212, 0.14) 1.95rem),
        linear-gradient(180deg, hsla(var(--brand-h, 219), 48%, 13%, 0.96), hsla(var(--brand-h, 219), 50%, 10%, 0.94));
}

.portal-assessment-workspace--comfort .portal-assessment-formula-sheet__head span[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-calculator__head span[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-scratchpad__head span[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 31%, 71%);
}

.portal-assessment-workspace--comfort .portal-assessment-formula-sheet__head strong[b-jby6k6qplq] {
    color: var(--assessment-comfort-ink);
}

.portal-assessment-workspace--comfort .portal-assessment-formula-sheet__head[b-jby6k6qplq]  .mud-icon-root,
.portal-assessment-workspace--comfort .portal-assessment-calculator__head[b-jby6k6qplq]  .mud-icon-root,
.portal-assessment-workspace--comfort .portal-assessment-scratchpad__head[b-jby6k6qplq]  .mud-icon-root {
    color: #5eead4;
}

.portal-assessment-workspace--comfort .portal-assessment-formula-sheet__head button[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-calculator__head button[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-scratchpad__head button[b-jby6k6qplq] {
    border-color: var(--assessment-comfort-border);
    color: hsl(var(--brand-h, 215), 31%, 71%);
    background: hsla(var(--brand-h, 219), 50%, 11%, 0.78);
}

.portal-assessment-workspace--comfort .portal-assessment-formula-sheet__head button:hover[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-calculator__head button:hover[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-scratchpad__head button:hover[b-jby6k6qplq] {
    border-color: rgba(94, 234, 212, 0.34);
    color: #5eead4;
}

/* Comfort: label-based question types — dark surfaces under the forced light label ink. */
.portal-assessment-workspace--comfort .portal-assessment-question__stem[b-jby6k6qplq] {
    border-color: var(--assessment-comfort-border);
    background: hsla(var(--brand-h, 219), 50%, 12%, 0.72);
}

.portal-assessment-workspace--comfort .portal-assessment-truefalse__option[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-fill-blank[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-marker-row[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-category-row[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-match-row[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-order-row[b-jby6k6qplq] {
    border-color: var(--assessment-comfort-border);
    color: var(--assessment-comfort-ink);
    background: var(--assessment-comfort-surface);
}

.portal-assessment-workspace--comfort .portal-assessment-truefalse__option:hover[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-fill-blank:hover[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-marker-row:hover[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-category-row:hover[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-match-row:hover[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-order-row:hover[b-jby6k6qplq] {
    border-color: rgba(94, 234, 212, 0.3);
    box-shadow: 0 12px 24px rgba(2, 8, 20, 0.45);
}

.portal-assessment-workspace--comfort .portal-assessment-truefalse__option.is-selected[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-fill-blank.is-selected[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-marker-row.is-selected[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-category-row.is-selected[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-match-row.is-selected[b-jby6k6qplq] {
    border-color: rgba(94, 234, 212, 0.42);
    background: linear-gradient(135deg, rgba(15, 118, 110, 0.28), hsla(var(--brand-h, 218), 44%, 15%, 0.94));
    box-shadow: 0 16px 32px rgba(2, 8, 20, 0.5);
}

.portal-assessment-workspace--comfort .portal-assessment-truefalse__state[b-jby6k6qplq] {
    border-color: var(--assessment-comfort-border);
    color: hsl(var(--brand-h, 215), 31%, 71%);
    background: hsla(var(--brand-h, 219), 50%, 11%, 0.78);
}

.portal-assessment-workspace--comfort .portal-assessment-truefalse__option.is-selected .portal-assessment-truefalse__state[b-jby6k6qplq] {
    color: #5eead4;
    border-color: rgba(94, 234, 212, 0.32);
    background: rgba(15, 118, 110, 0.28);
}

.portal-assessment-workspace--comfort .portal-assessment-fill-blank select[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-marker-row select[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-category-row select[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-match-row select[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 216), 50%, 73%, 0.22);
    color: var(--assessment-comfort-ink);
    background: hsla(var(--brand-h, 219), 51%, 9%, 0.85);
}

.portal-assessment-workspace--comfort .portal-assessment-order-row strong[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 213), 93%, 78%);
    background: hsla(var(--brand-h, 224), 76%, 60%, 0.2);
}

.portal-assessment-workspace--comfort .portal-assessment-order-row__actions[b-jby6k6qplq] {
    border-color: var(--assessment-comfort-border);
    background: hsla(var(--brand-h, 219), 50%, 11%, 0.72);
}

.portal-assessment-workspace--comfort .portal-assessment-order-row__actions[b-jby6k6qplq]  .mud-button-root.mud-icon-button {
    color: hsl(var(--brand-h, 213), 93%, 78%);
    background: hsla(var(--brand-h, 214), 75%, 48%, 0.16);
}

.portal-assessment-workspace--comfort .portal-assessment-order-row__actions[b-jby6k6qplq]  .mud-button-root.mud-icon-button:hover:not(.mud-disabled) {
    color: #5eead4;
    background: rgba(15, 118, 110, 0.24);
}

.portal-assessment-workspace--comfort .portal-assessment-order-row__actions[b-jby6k6qplq]  .mud-button-root.mud-icon-button.mud-disabled {
    background: rgba(231, 238, 250, 0.06);
}

.portal-assessment-workspace--comfort .portal-assessment-short-answer[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-numeric-answer[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-essay-answer[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-hotspot[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-token-bank[b-jby6k6qplq] {
    border-color: var(--assessment-comfort-border);
    background: var(--assessment-comfort-surface);
}

.portal-assessment-workspace--comfort .portal-assessment-answer-field__head span[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-short-answer > span[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-numeric-answer > span[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-essay-answer > span[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-hotspot__controls label[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-hotspot > small[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-image-drag__hint[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 31%, 71%);
}

.portal-assessment-workspace--comfort .portal-assessment-answer-field__head small[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 31%, 71%);
    background: rgba(231, 238, 250, 0.1);
}

.portal-assessment-workspace--comfort .portal-assessment-answer-mode[b-jby6k6qplq] {
    border-color: var(--assessment-comfort-border);
    background: var(--assessment-comfort-surface);
    box-shadow: none;
}

.portal-assessment-workspace--comfort .portal-assessment-answer-mode[b-jby6k6qplq]  .mud-icon-root {
    color: hsl(var(--brand-accent-h, 42), 88%, 72%);
    background: hsla(var(--brand-accent-h, 40), 60%, 43%, 0.18);
    box-shadow: inset 0 0 0 1px hsla(var(--brand-accent-h, 40), 60%, 55%, 0.3);
}

.portal-assessment-workspace--comfort .portal-assessment-answer-mode strong[b-jby6k6qplq] {
    color: var(--assessment-comfort-ink);
}

.portal-assessment-workspace--comfort .portal-assessment-answer-mode span[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 31%, 71%);
}

.portal-assessment-workspace--comfort .portal-assessment-stimulus-block[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 215), 80%, 71%, 0.26);
    color: hsl(var(--brand-h, 213), 93%, 78%);
    background: hsla(var(--brand-h, 214), 75%, 48%, 0.16);
}

.portal-assessment-workspace--comfort .portal-assessment-stimulus-block[b-jby6k6qplq]  .mud-icon-root {
    color: hsl(var(--brand-h, 213), 93%, 78%);
}

.portal-assessment-workspace--comfort .portal-assessment-hotspot__stage[b-jby6k6qplq] {
    border-color: var(--assessment-comfort-border);
    background: hsla(var(--brand-h, 219), 50%, 11%, 0.85);
}

.portal-assessment-workspace--comfort .portal-assessment-token[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 215), 80%, 71%, 0.26);
    color: hsl(var(--brand-h, 213), 93%, 78%);
    background: var(--assessment-comfort-surface);
}

.portal-assessment-workspace--comfort .portal-assessment-token:hover[b-jby6k6qplq] {
    border-color: rgba(94, 234, 212, 0.36);
    box-shadow: 0 10px 20px rgba(2, 8, 20, 0.45);
}

.portal-assessment-workspace--comfort .portal-assessment-token.is-used[b-jby6k6qplq] {
    color: #5eead4;
    background: rgba(15, 118, 110, 0.22);
}

.portal-assessment-workspace--comfort .portal-assessment-drop-slot[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 216), 50%, 73%, 0.28);
    color: hsl(var(--brand-h, 215), 31%, 71%);
    background: hsla(var(--brand-h, 219), 50%, 11%, 0.8);
}

.portal-assessment-workspace--comfort .portal-assessment-drop-slot:hover[b-jby6k6qplq] {
    border-color: rgba(94, 234, 212, 0.4);
    color: #5eead4;
    background: rgba(15, 118, 110, 0.2);
}

.portal-assessment-workspace--comfort .portal-assessment-drop-slot.is-filled[b-jby6k6qplq] {
    border-color: rgba(94, 234, 212, 0.4);
    color: #5eead4;
    background: rgba(15, 118, 110, 0.26);
}

.portal-assessment-workspace--comfort .portal-assessment-drop-clear[b-jby6k6qplq] {
    border-color: rgba(253, 164, 175, 0.26);
    color: #fda4af;
    background: hsla(var(--brand-h, 219), 50%, 11%, 0.8);
}

.portal-assessment-workspace--comfort .portal-assessment-drop-clear:hover[b-jby6k6qplq] {
    border-color: rgba(253, 164, 175, 0.45);
    box-shadow: 0 10px 20px rgba(2, 8, 20, 0.45);
}

.portal-assessment-workspace--comfort .portal-assessment-categorization__categories span[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 215), 80%, 71%, 0.26);
    color: hsl(var(--brand-h, 213), 93%, 78%);
    background: hsla(var(--brand-h, 214), 75%, 48%, 0.16);
}

.portal-assessment-workspace--comfort .portal-assessment-answer-hint[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 39), 75%, 62%, 0.3);
    color: hsl(var(--brand-accent-h, 42), 85%, 72%);
    background: hsla(var(--brand-accent-h, 39), 70%, 45%, 0.16);
}

.portal-assessment-workspace--comfort .portal-assessment-answer-hint--danger[b-jby6k6qplq] {
    border-color: rgba(253, 164, 175, 0.3);
    color: #fda4af;
    background: rgba(190, 18, 60, 0.18);
}

.portal-assessment-workspace--comfort .portal-assessment-question-lock-reason[b-jby6k6qplq] {
    border-color: rgba(253, 164, 175, 0.28);
    color: #fda4af;
    background: rgba(190, 18, 60, 0.16);
    box-shadow: none;
}

.portal-assessment-workspace--comfort .portal-assessment-question-lock-reason strong[b-jby6k6qplq] {
    color: #fda4af;
}

.portal-assessment-workspace--comfort .portal-assessment-question-lock-reason span[b-jby6k6qplq] {
    color: rgba(253, 164, 175, 0.82);
}

/* Comfort: navigator state remap — light state inks + translucent tinted fills on the forced dark tiles. */
.portal-assessment-workspace--comfort .portal-assessment-navigator__item[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 31%, 71%);
}

.portal-assessment-workspace--comfort .portal-assessment-navigator__item i[b-jby6k6qplq] {
    background: rgba(231, 238, 250, 0.4);
}

.portal-assessment-workspace--comfort .portal-assessment-navigator__item--active[b-jby6k6qplq] {
    color: #fff;
    border-color: hsla(var(--brand-h, 215), 80%, 71%, 0.5) !important;
    background: hsla(var(--brand-h, 214), 75%, 48%, 0.38) !important;
}

.portal-assessment-workspace--comfort .portal-assessment-navigator__item--done:not(.portal-assessment-navigator__item--active)[b-jby6k6qplq] {
    color: #5eead4;
    border-color: rgba(94, 234, 212, 0.3) !important;
    background: rgba(15, 118, 110, 0.24) !important;
}

.portal-assessment-workspace--comfort .portal-assessment-navigator__item--done:not(.portal-assessment-navigator__item--active) i[b-jby6k6qplq] {
    background: #2dd4bf;
}

.portal-assessment-workspace--comfort .portal-assessment-navigator__item--dirty:not(.portal-assessment-navigator__item--active)[b-jby6k6qplq] {
    color: hsl(var(--brand-accent-h, 42), 85%, 72%);
    border-color: hsla(var(--brand-accent-h, 39), 75%, 62%, 0.32) !important;
    background: hsla(var(--brand-accent-h, 39), 70%, 45%, 0.18) !important;
}

.portal-assessment-workspace--comfort .portal-assessment-navigator__item--dirty:not(.portal-assessment-navigator__item--active) i[b-jby6k6qplq] {
    background: hsl(var(--brand-accent-h, 42), 88%, 64%);
}

.portal-assessment-workspace--comfort .portal-assessment-navigator__item--local-draft:not(.portal-assessment-navigator__item--active)[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 198), 78%, 74%);
    border-color: hsla(var(--brand-h, 198), 70%, 64%, 0.3) !important;
    background: hsla(var(--brand-h, 198), 55%, 38%, 0.22) !important;
}

.portal-assessment-workspace--comfort .portal-assessment-navigator__item--local-draft:not(.portal-assessment-navigator__item--active) i[b-jby6k6qplq] {
    background: hsl(var(--brand-h, 198), 72%, 64%);
}

.portal-assessment-workspace--comfort .portal-assessment-navigator__item--flagged:not(.portal-assessment-navigator__item--active)[b-jby6k6qplq] {
    color: hsl(var(--brand-accent-h, 42), 92%, 74%);
    border-color: hsla(var(--brand-accent-h, 32), 95%, 62%, 0.34) !important;
    background: hsla(var(--brand-accent-h, 32), 90%, 46%, 0.18) !important;
}

.portal-assessment-workspace--comfort .portal-assessment-navigator__item--flagged:not(.portal-assessment-navigator__item--active) i[b-jby6k6qplq] {
    background: hsl(var(--brand-accent-h, 32), 95%, 58%);
}

.portal-assessment-workspace--comfort .portal-assessment-navigator__item--timer-pending:not(.portal-assessment-navigator__item--active)[b-jby6k6qplq] {
    color: hsl(var(--brand-accent-h, 42), 85%, 70%);
    border-color: hsla(var(--brand-accent-h, 39), 77%, 56%, 0.32) !important;
    background: hsla(var(--brand-accent-h, 39), 70%, 42%, 0.18) !important;
}

.portal-assessment-workspace--comfort .portal-assessment-navigator__item--timer-pending:not(.portal-assessment-navigator__item--active) i[b-jby6k6qplq] {
    background: hsl(var(--brand-accent-h, 36), 80%, 58%);
}

.portal-assessment-workspace--comfort .portal-assessment-navigator__item--time-locked:not(.portal-assessment-navigator__item--active)[b-jby6k6qplq] {
    color: #fda4af;
    border-color: rgba(253, 164, 175, 0.3) !important;
    background: rgba(190, 18, 60, 0.22) !important;
}

.portal-assessment-workspace--comfort .portal-assessment-navigator__item--time-locked:not(.portal-assessment-navigator__item--active) i[b-jby6k6qplq] {
    background: #fb7185;
}

/* Comfort: navigator legend — kept consistent with the state remap above. */
.portal-assessment-workspace--comfort .portal-assessment-navigator-legend[b-jby6k6qplq] {
    border-color: var(--assessment-comfort-border);
    background: hsla(var(--brand-h, 219), 50%, 12%, 0.7);
}

.portal-assessment-workspace--comfort .portal-assessment-navigator-legend__item[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 31%, 71%);
}

.portal-assessment-workspace--comfort .portal-assessment-navigator-legend__item i[b-jby6k6qplq] {
    background: rgba(231, 238, 250, 0.4);
}

.portal-assessment-workspace--comfort .portal-assessment-navigator-legend__item--current[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 213), 93%, 78%);
}

.portal-assessment-workspace--comfort .portal-assessment-navigator-legend__item--current i[b-jby6k6qplq] {
    background: hsl(var(--brand-h, 213), 90%, 70%);
}

.portal-assessment-workspace--comfort .portal-assessment-navigator-legend__item--answered[b-jby6k6qplq] {
    color: #5eead4;
}

.portal-assessment-workspace--comfort .portal-assessment-navigator-legend__item--answered i[b-jby6k6qplq] {
    background: #2dd4bf;
}

.portal-assessment-workspace--comfort .portal-assessment-navigator-legend__item--unsaved[b-jby6k6qplq] {
    color: hsl(var(--brand-accent-h, 42), 85%, 72%);
}

.portal-assessment-workspace--comfort .portal-assessment-navigator-legend__item--unsaved i[b-jby6k6qplq] {
    background: hsl(var(--brand-accent-h, 42), 88%, 64%);
}

.portal-assessment-workspace--comfort .portal-assessment-navigator-legend__item--local-draft[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 198), 78%, 74%);
}

.portal-assessment-workspace--comfort .portal-assessment-navigator-legend__item--local-draft i[b-jby6k6qplq] {
    background: hsl(var(--brand-h, 198), 72%, 64%);
}

.portal-assessment-workspace--comfort .portal-assessment-navigator-legend__item--flagged[b-jby6k6qplq] {
    color: hsl(var(--brand-accent-h, 42), 92%, 74%);
}

.portal-assessment-workspace--comfort .portal-assessment-navigator-legend__item--flagged i[b-jby6k6qplq] {
    background: hsl(var(--brand-accent-h, 32), 95%, 58%);
}

.portal-assessment-workspace--comfort .portal-assessment-navigator-legend__item--timer-pending[b-jby6k6qplq] {
    color: hsl(var(--brand-accent-h, 42), 85%, 70%);
}

.portal-assessment-workspace--comfort .portal-assessment-navigator-legend__item--timer-pending i[b-jby6k6qplq] {
    background: hsl(var(--brand-accent-h, 36), 80%, 58%);
}

.portal-assessment-workspace--comfort .portal-assessment-navigator-legend__item--time-locked[b-jby6k6qplq] {
    color: #fda4af;
}

.portal-assessment-workspace--comfort .portal-assessment-navigator-legend__item--time-locked i[b-jby6k6qplq] {
    background: #fb7185;
}

.portal-assessment-workspace--comfort .portal-assessment-navigator-legend__item--locked[b-jby6k6qplq] {
    color: hsl(var(--brand-accent-h, 42), 85%, 72%);
}

.portal-assessment-workspace--comfort .portal-assessment-navigator-legend__item--locked i[b-jby6k6qplq] {
    background: hsl(var(--brand-accent-h, 42), 88%, 64%);
}

/* Comfort: navigator focus + jump buttons. */
.portal-assessment-workspace--comfort .portal-assessment-navigator-focus__button[b-jby6k6qplq] {
    border-color: var(--assessment-comfort-border);
    color: hsl(var(--brand-h, 215), 31%, 71%);
    background: hsla(var(--brand-h, 219), 50%, 12%, 0.7);
}

.portal-assessment-workspace--comfort .portal-assessment-navigator-focus__button:hover:not(:disabled)[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-navigator-focus__button:focus-visible:not(:disabled)[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-navigator-focus__button.is-active[b-jby6k6qplq] {
    border-color: rgba(94, 234, 212, 0.34);
    color: #5eead4;
    background: rgba(15, 118, 110, 0.2);
}

.portal-assessment-workspace--comfort .portal-assessment-navigator-focus__button strong[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 213), 93%, 78%);
    background: rgba(231, 238, 250, 0.12);
}

.portal-assessment-workspace--comfort .portal-assessment-navigator-focus__button.is-active strong[b-jby6k6qplq] {
    color: #5eead4;
    background: rgba(15, 118, 110, 0.26);
}

.portal-assessment-workspace--comfort .portal-assessment-navigator-jump button[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 198), 70%, 64%, 0.26);
    color: hsl(var(--brand-h, 198), 78%, 74%);
    background: hsla(var(--brand-h, 198), 55%, 38%, 0.16);
}

.portal-assessment-workspace--comfort .portal-assessment-navigator-jump button:hover:not(:disabled)[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-navigator-jump button:focus-visible:not(:disabled)[b-jby6k6qplq] {
    border-color: rgba(94, 234, 212, 0.34);
    color: #5eead4;
    background: rgba(15, 118, 110, 0.22);
}

/* Comfort: attempt chrome strips — translucent dark variants of each strip's own accent hue. */
.portal-assessment-workspace--comfort .portal-assessment-delivery-chrome[b-jby6k6qplq] {
    border-color: var(--assessment-comfort-border);
    background:
        linear-gradient(180deg, hsla(var(--brand-h, 218), 46%, 14%, 0.96), hsla(var(--brand-h, 219), 48%, 11%, 0.94));
    box-shadow: 0 18px 36px rgba(2, 8, 20, 0.5);
}

.portal-assessment-workspace--comfort .portal-assessment-pace-strip[b-jby6k6qplq] {
    border-color: rgba(94, 234, 212, 0.24);
    color: #5eead4;
    background:
        linear-gradient(135deg, rgba(15, 118, 110, 0.2), hsla(var(--brand-h, 219), 48%, 12%, 0.92));
    box-shadow: none;
}

.portal-assessment-workspace--comfort .portal-assessment-pace-strip[b-jby6k6qplq]  .mud-icon-root {
    color: #5eead4;
}

.portal-assessment-workspace--comfort .portal-assessment-pace-strip strong[b-jby6k6qplq] {
    color: var(--assessment-comfort-ink);
    background: hsla(var(--brand-h, 219), 50%, 10%, 0.72);
}

.portal-assessment-workspace--comfort .portal-assessment-pace-strip--watch[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 39), 75%, 62%, 0.3);
    color: hsl(var(--brand-accent-h, 42), 85%, 72%);
    background:
        linear-gradient(135deg, hsla(var(--brand-accent-h, 39), 70%, 45%, 0.18), hsla(var(--brand-h, 219), 48%, 12%, 0.92));
}

.portal-assessment-workspace--comfort .portal-assessment-pace-strip--watch[b-jby6k6qplq]  .mud-icon-root {
    color: hsl(var(--brand-accent-h, 42), 85%, 72%);
}

.portal-assessment-workspace--comfort .portal-assessment-pace-strip--danger[b-jby6k6qplq] {
    border-color: rgba(253, 164, 175, 0.3);
    color: #fda4af;
    background:
        linear-gradient(135deg, rgba(190, 18, 60, 0.22), hsla(var(--brand-h, 219), 48%, 12%, 0.92));
}

.portal-assessment-workspace--comfort .portal-assessment-pace-strip--danger[b-jby6k6qplq]  .mud-icon-root,
.portal-assessment-workspace--comfort .portal-assessment-pace-strip--danger strong[b-jby6k6qplq] {
    color: #fda4af;
}

.portal-assessment-workspace--comfort .portal-assessment-pace-strip--review[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 215), 80%, 71%, 0.28);
    color: hsl(var(--brand-h, 213), 93%, 78%);
    background:
        linear-gradient(135deg, hsla(var(--brand-h, 214), 75%, 48%, 0.2), hsla(var(--brand-h, 219), 48%, 12%, 0.92));
}

.portal-assessment-workspace--comfort .portal-assessment-pace-strip--review[b-jby6k6qplq]  .mud-icon-root {
    color: hsl(var(--brand-h, 213), 93%, 78%);
}

.portal-assessment-workspace--comfort .portal-assessment-time-pressure[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 39), 75%, 62%, 0.3);
    color: hsl(var(--brand-accent-h, 42), 85%, 72%);
    background:
        linear-gradient(135deg, hsla(var(--brand-accent-h, 39), 70%, 45%, 0.16), hsla(var(--brand-h, 219), 48%, 12%, 0.92));
    box-shadow: none;
}

.portal-assessment-workspace--comfort .portal-assessment-time-pressure[b-jby6k6qplq]  .mud-icon-root {
    color: hsl(var(--brand-accent-h, 42), 85%, 72%);
}

.portal-assessment-workspace--comfort .portal-assessment-time-pressure strong[b-jby6k6qplq] {
    color: var(--assessment-comfort-ink);
    background: hsla(var(--brand-h, 219), 50%, 10%, 0.72);
}

.portal-assessment-workspace--comfort .portal-assessment-time-pressure--critical[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-time-pressure--submitting[b-jby6k6qplq] {
    border-color: rgba(253, 164, 175, 0.32);
    color: #fda4af;
    background:
        linear-gradient(135deg, rgba(190, 18, 60, 0.24), hsla(var(--brand-h, 219), 48%, 12%, 0.92));
}

.portal-assessment-workspace--comfort .portal-assessment-time-pressure--critical[b-jby6k6qplq]  .mud-icon-root,
.portal-assessment-workspace--comfort .portal-assessment-time-pressure--submitting[b-jby6k6qplq]  .mud-icon-root {
    color: #fda4af;
}

.portal-assessment-workspace--comfort .portal-assessment-time-pressure--critical strong[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-time-pressure--submitting strong[b-jby6k6qplq] {
    color: #fda4af;
    background: rgba(190, 18, 60, 0.26);
}

.portal-assessment-workspace--comfort .portal-assessment-connection-strip[b-jby6k6qplq] {
    border-color: rgba(253, 164, 175, 0.3);
    color: #fda4af;
    background:
        linear-gradient(135deg, rgba(190, 18, 60, 0.2), hsla(var(--brand-h, 219), 48%, 12%, 0.92));
    box-shadow: none;
}

.portal-assessment-workspace--comfort .portal-assessment-connection-strip[b-jby6k6qplq]  .mud-icon-root {
    color: #fda4af;
}

.portal-assessment-workspace--comfort .portal-assessment-connection-strip strong[b-jby6k6qplq] {
    color: #fda4af;
    background: rgba(190, 18, 60, 0.26);
}

.portal-assessment-workspace--comfort .portal-assessment-draft-recovery[b-jby6k6qplq] {
    border-color: rgba(94, 234, 212, 0.26);
    color: #5eead4;
    background:
        linear-gradient(135deg, rgba(15, 118, 110, 0.18), hsla(var(--brand-h, 219), 48%, 12%, 0.92));
    box-shadow: none;
}

.portal-assessment-workspace--comfort .portal-assessment-draft-recovery[b-jby6k6qplq] >  .mud-icon-root {
    color: #5eead4;
}

.portal-assessment-workspace--comfort .portal-assessment-draft-recovery.is-syncing[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 215), 80%, 71%, 0.3);
    color: hsl(var(--brand-h, 213), 93%, 78%);
    background:
        linear-gradient(135deg, hsla(var(--brand-h, 214), 75%, 48%, 0.18), hsla(var(--brand-h, 219), 48%, 12%, 0.92));
}

.portal-assessment-workspace--comfort .portal-assessment-draft-recovery.is-syncing[b-jby6k6qplq] >  .mud-icon-root {
    color: hsl(var(--brand-h, 213), 93%, 78%);
}

.portal-assessment-workspace--comfort .portal-assessment-draft-recovery.is-offline[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-draft-recovery.is-blocked[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 39), 75%, 62%, 0.32);
    color: hsl(var(--brand-accent-h, 42), 85%, 72%);
    background:
        linear-gradient(135deg, hsla(var(--brand-accent-h, 39), 70%, 45%, 0.18), hsla(var(--brand-h, 219), 48%, 12%, 0.92));
}

.portal-assessment-workspace--comfort .portal-assessment-draft-recovery.is-offline[b-jby6k6qplq] >  .mud-icon-root,
.portal-assessment-workspace--comfort .portal-assessment-draft-recovery.is-blocked[b-jby6k6qplq] >  .mud-icon-root {
    color: hsl(var(--brand-accent-h, 42), 85%, 72%);
}

.portal-assessment-workspace--comfort .portal-assessment-draft-recovery strong[b-jby6k6qplq] {
    color: var(--assessment-comfort-ink);
}

.portal-assessment-workspace--comfort .portal-assessment-draft-recovery span[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 31%, 71%);
}

.portal-assessment-workspace--comfort .portal-assessment-draft-recovery em[b-jby6k6qplq] {
    color: hsl(var(--brand-accent-h, 42), 85%, 72%);
    background: hsla(var(--brand-accent-h, 39), 70%, 45%, 0.18);
}

.portal-assessment-workspace--comfort .portal-assessment-health-strip__lead[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 213), 93%, 78%);
    background: hsla(var(--brand-h, 214), 75%, 48%, 0.18);
}

.portal-assessment-workspace--comfort .portal-assessment-health-strip__chip[b-jby6k6qplq] {
    border-color: var(--assessment-comfort-border);
    color: hsl(var(--brand-h, 215), 31%, 71%);
    background: hsla(var(--brand-h, 219), 50%, 11%, 0.78);
}

.portal-assessment-workspace--comfort .portal-assessment-health-strip__chip--ready[b-jby6k6qplq] {
    color: #5eead4;
    border-color: rgba(94, 234, 212, 0.3);
    background: rgba(15, 118, 110, 0.22);
}

.portal-assessment-workspace--comfort .portal-assessment-health-strip__chip--watch[b-jby6k6qplq] {
    color: hsl(var(--brand-accent-h, 42), 85%, 72%);
    border-color: hsla(var(--brand-accent-h, 39), 75%, 62%, 0.32);
    background: hsla(var(--brand-accent-h, 39), 70%, 45%, 0.18);
}

.portal-assessment-workspace--comfort .portal-assessment-health-strip__chip--danger[b-jby6k6qplq] {
    color: #fda4af;
    border-color: rgba(253, 164, 175, 0.3);
    background: rgba(190, 18, 60, 0.22);
}

.portal-assessment-workspace--comfort .portal-assessment-proctor-warning[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 29), 80%, 60%, 0.34);
    background:
        linear-gradient(135deg, hsla(var(--brand-accent-h, 29), 70%, 38%, 0.22), hsla(var(--brand-h, 219), 48%, 12%, 0.94));
    box-shadow: 0 14px 30px rgba(2, 8, 20, 0.5);
}

.portal-assessment-workspace--comfort .portal-assessment-proctor-warning__copy strong[b-jby6k6qplq] {
    color: hsl(var(--brand-accent-h, 35), 90%, 72%);
}

.portal-assessment-workspace--comfort .portal-assessment-proctor-warning__copy span[b-jby6k6qplq] {
    color: var(--assessment-comfort-ink);
}

.portal-assessment-workspace--comfort .portal-assessment-proctor-warning__copy small[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 31%, 71%);
}

.portal-assessment-workspace--comfort .portal-assessment-content-protection-strip[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 215), 80%, 71%, 0.24);
    background:
        linear-gradient(135deg, hsla(var(--brand-h, 214), 75%, 48%, 0.16), hsla(var(--brand-h, 219), 48%, 12%, 0.92));
    box-shadow: none;
}

.portal-assessment-workspace--comfort .portal-assessment-content-protection-strip__lead[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 213), 93%, 78%);
    background: hsla(var(--brand-h, 214), 75%, 48%, 0.2);
}

.portal-assessment-workspace--comfort .portal-assessment-content-protection-strip strong[b-jby6k6qplq] {
    color: #5eead4;
    background: rgba(15, 118, 110, 0.22);
}

.portal-assessment-workspace--comfort .portal-assessment-content-protection-strip > span:not(.portal-assessment-content-protection-strip__lead)[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 31%, 71%);
}

.portal-assessment-workspace--comfort .portal-assessment-section-progress[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 215), 80%, 71%, 0.24);
    color: hsl(var(--brand-h, 213), 93%, 78%);
    background: hsla(var(--brand-h, 214), 75%, 48%, 0.14);
}

.portal-assessment-workspace--comfort .portal-assessment-section-progress span[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-section-progress small[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 31%, 71%);
}

.portal-assessment-workspace--comfort .portal-assessment-section-progress strong[b-jby6k6qplq] {
    color: var(--assessment-comfort-ink);
}

.portal-assessment-workspace--comfort .portal-assessment-section-progress div[b-jby6k6qplq] {
    background: rgba(231, 238, 250, 0.16);
}

.portal-assessment-workspace--comfort .portal-assessment-section-progress i[b-jby6k6qplq] {
    background: linear-gradient(90deg, hsl(var(--brand-h, 213), 90%, 66%), #2dd4bf);
}

/* Comfort: question head chips, insights and action chips. */
.portal-assessment-workspace--comfort .portal-assessment-question__head span[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-question__outcome[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 31%, 71%);
}

.portal-assessment-workspace--comfort .portal-assessment-question-type[b-jby6k6qplq]  .mud-icon-root {
    color: hsl(var(--brand-accent-h, 42), 80%, 68%);
}

.portal-assessment-workspace--comfort .portal-assessment-question__status[b-jby6k6qplq] {
    border-color: var(--assessment-comfort-border);
    color: hsl(var(--brand-h, 215), 31%, 71%);
    background: hsla(var(--brand-h, 219), 50%, 11%, 0.78);
}

.portal-assessment-workspace--comfort span.portal-assessment-question__status--answered[b-jby6k6qplq] {
    color: #5eead4;
    border-color: rgba(94, 234, 212, 0.3);
    background: rgba(15, 118, 110, 0.22);
}

.portal-assessment-workspace--comfort span.portal-assessment-question__status--required[b-jby6k6qplq],
.portal-assessment-workspace--comfort span.portal-assessment-question__status--timer-pending[b-jby6k6qplq] {
    color: hsl(var(--brand-accent-h, 42), 85%, 72%);
    border-color: hsla(var(--brand-accent-h, 39), 75%, 62%, 0.32);
    background: hsla(var(--brand-accent-h, 39), 70%, 45%, 0.18);
}

.portal-assessment-workspace--comfort span.portal-assessment-question__status--locked[b-jby6k6qplq] {
    color: #fda4af;
    border-color: rgba(253, 164, 175, 0.3);
    background: rgba(190, 18, 60, 0.22);
}

.portal-assessment-workspace--comfort span.portal-assessment-question__time[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 198), 78%, 74%);
    border-color: hsla(var(--brand-h, 198), 70%, 64%, 0.26);
    background: hsla(var(--brand-h, 198), 55%, 38%, 0.18);
}

.portal-assessment-workspace--comfort .portal-assessment-question__time.is-active[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 213), 93%, 78%);
    border-color: hsla(var(--brand-h, 215), 80%, 71%, 0.3);
    background: hsla(var(--brand-h, 214), 75%, 48%, 0.2);
}

.portal-assessment-workspace--comfort .portal-assessment-question__time.is-limited[b-jby6k6qplq] {
    color: hsl(var(--brand-accent-h, 42), 85%, 72%);
    border-color: hsla(var(--brand-accent-h, 39), 75%, 62%, 0.32);
    background: hsla(var(--brand-accent-h, 39), 70%, 45%, 0.18);
}

.portal-assessment-workspace--comfort .portal-assessment-question__time.is-warning[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-question__time.is-expired[b-jby6k6qplq] {
    color: #fda4af;
    border-color: rgba(253, 164, 175, 0.3);
    background: rgba(190, 18, 60, 0.22);
}

.portal-assessment-workspace--comfort .portal-assessment-question__points[b-jby6k6qplq] {
    color: hsl(var(--brand-accent-h, 42), 85%, 72%);
    background: hsla(var(--brand-accent-h, 39), 70%, 45%, 0.16);
}

.portal-assessment-workspace--comfort .portal-assessment-question__speak[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 215), 80%, 71%, 0.3);
    color: hsl(var(--brand-h, 213), 93%, 78%);
    background: hsla(var(--brand-h, 214), 75%, 48%, 0.16);
}

.portal-assessment-workspace--comfort .portal-assessment-question__speak.is-speaking[b-jby6k6qplq] {
    border-color: rgba(94, 234, 212, 0.4);
    color: #5eead4;
    background: rgba(15, 118, 110, 0.22);
}

.portal-assessment-workspace--comfort .portal-assessment-question-insight[b-jby6k6qplq] {
    border-color: var(--assessment-comfort-border);
    color: hsl(var(--brand-h, 215), 31%, 71%);
    background: hsla(var(--brand-h, 219), 50%, 11%, 0.78);
    box-shadow: none;
}

.portal-assessment-workspace--comfort .portal-assessment-question-insight--answered[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-question-insight--required-ready[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-question-insight--completion-complete[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-question-insight--ready[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-question-insight--saved[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-question-insight--confidence-high[b-jby6k6qplq] {
    color: #5eead4;
    border-color: rgba(94, 234, 212, 0.3);
    background: rgba(15, 118, 110, 0.22);
}

.portal-assessment-workspace--comfort .portal-assessment-question-insight--required[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-question-insight--required-missing[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-question-insight--completion-partial[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-question-insight--dirty[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-question-insight--saving[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-question-insight--confidence-medium[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-question-insight--time-limit[b-jby6k6qplq] {
    color: hsl(var(--brand-accent-h, 42), 85%, 72%);
    border-color: hsla(var(--brand-accent-h, 39), 75%, 62%, 0.32);
    background: hsla(var(--brand-accent-h, 39), 70%, 45%, 0.18);
}

.portal-assessment-workspace--comfort .portal-assessment-question-insight--review[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-question-insight--restore[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 213), 93%, 78%);
    border-color: hsla(var(--brand-h, 215), 80%, 71%, 0.3);
    background: hsla(var(--brand-h, 214), 75%, 48%, 0.18);
}

.portal-assessment-workspace--comfort .portal-assessment-question-insight--confidence-low[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-question-insight--penalty[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-question-insight--time-locked[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-question-insight--draft[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-question-insight--completion-missing[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-question-insight--blocked[b-jby6k6qplq] {
    color: #fda4af;
    border-color: rgba(253, 164, 175, 0.3);
    background: rgba(190, 18, 60, 0.22);
}

.portal-assessment-workspace--comfort .portal-assessment-question__actions[b-jby6k6qplq] {
    border-top-color: var(--assessment-comfort-border);
}

.portal-assessment-workspace--comfort .portal-assessment-question-confidence[b-jby6k6qplq] {
    border-color: var(--assessment-comfort-border);
    background: hsla(var(--brand-h, 219), 50%, 12%, 0.72);
    box-shadow: none;
}

.portal-assessment-workspace--comfort .portal-assessment-question-confidence__button[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 31%, 71%);
}

.portal-assessment-workspace--comfort .portal-assessment-question-confidence__button:hover:not(:disabled)[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-question-confidence__button:focus-visible[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 216), 50%, 73%, 0.24);
    background: rgba(231, 238, 250, 0.08);
}

.portal-assessment-workspace--comfort .portal-assessment-question-confidence__button.is-active[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 213), 93%, 78%);
    border-color: hsla(var(--brand-h, 215), 80%, 71%, 0.3);
    background: hsla(var(--brand-h, 214), 75%, 48%, 0.22);
}

.portal-assessment-workspace--comfort .portal-assessment-question-confidence__button.is-confidence-1.is-active[b-jby6k6qplq] {
    color: #fda4af;
    border-color: rgba(253, 164, 175, 0.3);
    background: rgba(190, 18, 60, 0.2);
}

.portal-assessment-workspace--comfort .portal-assessment-question-confidence__button.is-confidence-2.is-active[b-jby6k6qplq] {
    color: hsl(var(--brand-accent-h, 42), 85%, 72%);
    border-color: hsla(var(--brand-accent-h, 39), 75%, 62%, 0.34);
    background: hsla(var(--brand-accent-h, 39), 70%, 45%, 0.2);
}

.portal-assessment-workspace--comfort .portal-assessment-question-confidence__button.is-confidence-3.is-active[b-jby6k6qplq] {
    color: #5eead4;
    border-color: rgba(94, 234, 212, 0.32);
    background: rgba(15, 118, 110, 0.24);
}

.portal-assessment-workspace--comfort .portal-assessment-question-flag[b-jby6k6qplq] {
    border-color: var(--assessment-comfort-border);
    color: hsl(var(--brand-h, 215), 31%, 71%);
    background: hsla(var(--brand-h, 219), 50%, 11%, 0.72);
}

.portal-assessment-workspace--comfort .portal-assessment-question-flag:hover[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-question-flag:focus-visible[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-question-flag--active[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 32), 95%, 62%, 0.36);
    color: hsl(var(--brand-accent-h, 42), 92%, 74%);
    background: hsla(var(--brand-accent-h, 32), 90%, 46%, 0.18);
}

.portal-assessment-workspace--comfort .portal-assessment-question-save[b-jby6k6qplq] {
    border-color: var(--assessment-comfort-border);
    color: hsl(var(--brand-h, 215), 31%, 71%);
    background: hsla(var(--brand-h, 219), 50%, 11%, 0.72);
}

.portal-assessment-workspace--comfort button.portal-assessment-question-save:hover:not(:disabled)[b-jby6k6qplq],
.portal-assessment-workspace--comfort button.portal-assessment-question-save:focus-visible:not(:disabled)[b-jby6k6qplq] {
    border-color: rgba(94, 234, 212, 0.34);
    color: #5eead4;
    background: rgba(15, 118, 110, 0.22);
}

.portal-assessment-workspace--comfort .portal-assessment-question-save--ready[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-question-save--saved[b-jby6k6qplq] {
    color: #5eead4;
    border-color: rgba(94, 234, 212, 0.3);
    background: rgba(15, 118, 110, 0.22);
}

.portal-assessment-workspace--comfort .portal-assessment-question-save--dirty[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-question-save--blocked[b-jby6k6qplq] {
    color: hsl(var(--brand-accent-h, 42), 85%, 72%);
    border-color: hsla(var(--brand-accent-h, 39), 75%, 62%, 0.32);
    background: hsla(var(--brand-accent-h, 39), 70%, 45%, 0.18);
}

.portal-assessment-workspace--comfort .portal-assessment-question-save--draft[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 198), 78%, 74%);
    border-color: hsla(var(--brand-h, 198), 70%, 64%, 0.3);
    background: hsla(var(--brand-h, 198), 55%, 38%, 0.2);
}

.portal-assessment-workspace--comfort .portal-assessment-question-save--saving[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 213), 93%, 78%);
    border-color: hsla(var(--brand-h, 215), 80%, 71%, 0.3);
    background: hsla(var(--brand-h, 214), 75%, 48%, 0.2);
}

.portal-assessment-workspace--comfort .portal-assessment-question-reset[b-jby6k6qplq] {
    border-color: rgba(253, 164, 175, 0.22);
    color: rgba(253, 164, 175, 0.85);
    background: rgba(190, 18, 60, 0.14);
}

.portal-assessment-workspace--comfort .portal-assessment-question-reset:hover:not(:disabled)[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-question-reset:focus-visible:not(:disabled)[b-jby6k6qplq] {
    border-color: rgba(253, 164, 175, 0.4);
    color: #fda4af;
    background: rgba(190, 18, 60, 0.24);
}

.portal-assessment-workspace--comfort .portal-assessment-question-reset--order[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 198), 70%, 64%, 0.26);
    color: hsl(var(--brand-h, 198), 78%, 74%);
    background: hsla(var(--brand-h, 198), 55%, 38%, 0.16);
}

.portal-assessment-workspace--comfort .portal-assessment-question-reset--order:hover:not(:disabled)[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-question-reset--order:focus-visible:not(:disabled)[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 198), 70%, 64%, 0.44);
    color: hsl(var(--brand-h, 198), 85%, 80%);
    background: hsla(var(--brand-h, 198), 55%, 38%, 0.28);
}

.portal-assessment-workspace--comfort .portal-assessment-question-restore[b-jby6k6qplq] {
    border-color: rgba(94, 234, 212, 0.26);
    color: #5eead4;
    background: rgba(15, 118, 110, 0.18);
}

.portal-assessment-workspace--comfort .portal-assessment-question-restore:hover:not(:disabled)[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-question-restore:focus-visible:not(:disabled)[b-jby6k6qplq] {
    border-color: rgba(94, 234, 212, 0.44);
    color: #99f6e4;
    background: rgba(15, 118, 110, 0.3);
}

/* Comfort: keyboard-shortcuts overlay panel. */
.portal-assessment-workspace--comfort .portal-assessment-shortcuts__panel[b-jby6k6qplq] {
    border-color: var(--assessment-comfort-border);
    background: linear-gradient(150deg, hsla(var(--brand-h, 218), 46%, 15%, 0.98), hsla(var(--brand-h, 219), 48%, 11%, 0.97));
    box-shadow: 0 30px 70px rgba(2, 8, 20, 0.6);
}

.portal-assessment-workspace--comfort .portal-assessment-shortcuts__head span[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 31%, 71%);
}

.portal-assessment-workspace--comfort .portal-assessment-shortcuts__head strong[b-jby6k6qplq] {
    color: var(--assessment-comfort-ink);
}

.portal-assessment-workspace--comfort .portal-assessment-shortcuts__close[b-jby6k6qplq] {
    border-color: var(--assessment-comfort-border);
    color: hsl(var(--brand-h, 215), 31%, 71%);
    background: hsla(var(--brand-h, 219), 50%, 11%, 0.8);
}

.portal-assessment-workspace--comfort .portal-assessment-shortcuts__close:hover[b-jby6k6qplq] {
    color: var(--assessment-comfort-ink);
    background: rgba(231, 238, 250, 0.1);
}

.portal-assessment-workspace--comfort .portal-assessment-shortcuts__list li[b-jby6k6qplq] {
    border-color: var(--assessment-comfort-border);
    color: var(--assessment-comfort-ink);
    background: hsla(var(--brand-h, 219), 50%, 12%, 0.72);
}

.portal-assessment-workspace--comfort .portal-assessment-shortcuts__keys kbd[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 216), 50%, 73%, 0.3);
    color: hsl(var(--brand-h, 213), 93%, 78%);
    background: linear-gradient(180deg, hsla(var(--brand-h, 218), 44%, 20%, 0.96), hsla(var(--brand-h, 219), 48%, 13%, 0.96));
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08);
}

.portal-assessment-workspace--comfort .portal-assessment-shortcuts__hint[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 31%, 71%);
}

/* --------------------------- end comfort extended coverage --------------------------- */

.portal-assessment-workspace--screen-reader .portal-assessment-question__stem[b-jby6k6qplq],
.portal-assessment-workspace--screen-reader .portal-assessment-option span[b-jby6k6qplq],
.portal-assessment-workspace--screen-reader .portal-assessment-textarea[b-jby6k6qplq] {
    line-height: 1.8;
}

.portal-assessment-section-head[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.72rem;
}

.portal-assessment-section-head > span[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.5rem;
    border-radius: 999px;
    color: hsl(var(--brand-h, 214), 70%, 26%);
    background: #e8f1ff;
    font-size: 0.82rem;
    font-weight: 850;
}

.portal-assessment-queue-tools[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 0.72rem;
}

.portal-assessment-queue-search[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    gap: 0.42rem;
    min-width: 0;
    min-height: 2.25rem;
    padding: 0 0.62rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.09);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
}

.portal-assessment-queue-search[b-jby6k6qplq]  .mud-icon-root {
    color: hsl(var(--brand-h, 215), 19%, 46%);
    font-size: 1rem;
}

.portal-assessment-queue-search input[b-jby6k6qplq] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: none;
    background: transparent;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font: inherit;
    font-size: 0.82rem;
}

.portal-assessment-queue-tabs[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.22rem;
    padding: 0.22rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: rgba(243, 246, 251, 0.86);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.72);
}

.portal-assessment-queue-tabs button[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.34rem;
    min-height: 1.9rem;
    padding: 0 0.48rem;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: hsl(var(--brand-h, 214), 20%, 40%);
    font-size: 0.72rem;
    font-weight: 850;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}

.portal-assessment-queue-tabs button span[b-jby6k6qplq] {
    min-width: 0;
}

.portal-assessment-queue-tabs button strong[b-jby6k6qplq] {
    display: inline-grid;
    place-items: center;
    min-width: 1.28rem;
    height: 1.28rem;
    padding: 0 0.32rem;
    border-radius: 999px;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    background: hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    font-size: 0.68rem;
    font-weight: 920;
}

.portal-assessment-queue-tabs button.is-active[b-jby6k6qplq] {
    color: #0f5f55;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 8px 18px hsla(var(--brand-h, 218), 60%, 16%, 0.08);
}

.portal-assessment-queue-tabs button.is-active strong[b-jby6k6qplq] {
    color: #0f5f55;
    background: rgba(15, 118, 110, 0.12);
}

.portal-assessment-queue-sort[b-jby6k6qplq] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 0.28rem;
    min-width: 0;
    padding: 0.24rem;
    overflow-x: auto;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.07);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.66);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.72);
}

.portal-assessment-queue-sort > span[b-jby6k6qplq] {
    flex: 0 0 auto;
    padding: 0 0.34rem;
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.68rem;
    font-weight: 900;
    text-transform: uppercase;
}

.portal-assessment-queue-sort small[b-jby6k6qplq] {
    margin-left: auto;
    padding: 0 0.34rem;
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.66rem;
    font-weight: 820;
    white-space: nowrap;
}

.portal-assessment-queue-sort button[b-jby6k6qplq] {
    flex: 0 0 auto;
    min-height: 1.72rem;
    padding: 0 0.5rem;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: hsl(var(--brand-h, 214), 20%, 40%);
    font-size: 0.7rem;
    font-weight: 850;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}

.portal-assessment-queue-sort button.is-active[b-jby6k6qplq] {
    color: #0f5f55;
    background: rgba(238, 252, 248, 0.9);
    box-shadow: 0 8px 18px hsla(var(--brand-h, 218), 60%, 16%, 0.07);
}

.portal-assessment-briefing[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) minmax(8rem, auto) auto;
    align-items: center;
    gap: 0.58rem;
    min-height: 4.3rem;
    margin-bottom: 0.72rem;
    padding: 0.62rem;
    overflow: hidden;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(246, 250, 253, 0.86)),
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 39), 61%, 46%, 0.12), transparent 38%);
    box-shadow: 0 14px 30px hsla(var(--brand-h, 218), 60%, 16%, 0.08);
}

.portal-assessment-briefing--resume[b-jby6k6qplq],
.portal-assessment-briefing--start[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.2);
    background:
        linear-gradient(135deg, rgba(238, 252, 248, 0.9), rgba(255, 255, 255, 0.9)),
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 39), 61%, 46%, 0.14), transparent 40%);
}

.portal-assessment-briefing--review[b-jby6k6qplq],
.portal-assessment-briefing--practice[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 214), 70%, 26%, 0.16);
    background:
        linear-gradient(135deg, rgba(232, 241, 255, 0.82), rgba(255, 255, 255, 0.92)),
        radial-gradient(circle at top right, rgba(15, 118, 110, 0.12), transparent 42%);
}

.portal-assessment-briefing--upcoming[b-jby6k6qplq],
.portal-assessment-briefing--locked[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.22);
    background:
        linear-gradient(135deg, rgba(255, 249, 235, 0.88), rgba(255, 255, 255, 0.92)),
        radial-gradient(circle at top right, hsla(var(--brand-h, 214), 70%, 26%, 0.08), transparent 42%);
}

.portal-assessment-briefing__icon[b-jby6k6qplq] {
    display: inline-grid;
    place-items: center;
    width: 2.55rem;
    height: 2.55rem;
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(135deg, hsl(var(--brand-h, 214), 70%, 26%), #0f766e);
    box-shadow: 0 12px 26px hsla(var(--brand-h, 218), 60%, 16%, 0.14);
}

.portal-assessment-briefing--upcoming .portal-assessment-briefing__icon[b-jby6k6qplq],
.portal-assessment-briefing--locked .portal-assessment-briefing__icon[b-jby6k6qplq] {
    background: linear-gradient(135deg, #7c3d12, hsl(var(--brand-accent-h, 39), 61%, 46%));
}

.portal-assessment-briefing__content[b-jby6k6qplq] {
    display: grid;
    gap: 0.1rem;
    min-width: 0;
}

.portal-assessment-briefing__content span[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.68rem;
    font-weight: 900;
    text-transform: uppercase;
}

.portal-assessment-briefing__content strong[b-jby6k6qplq] {
    overflow: hidden;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.92rem;
    font-weight: 920;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-briefing__content small[b-jby6k6qplq] {
    display: -webkit-box;
    overflow: hidden;
    color: hsl(var(--brand-h, 214), 20%, 40%);
    font-size: 0.74rem;
    font-weight: 760;
    line-height: 1.28;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.portal-assessment-briefing__meta[b-jby6k6qplq] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.28rem;
    min-width: 0;
}

.portal-assessment-briefing__meta span[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    max-width: 9rem;
    min-height: 1.42rem;
    padding: 0.2rem 0.42rem;
    overflow: hidden;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.06);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.72);
    color: hsl(var(--brand-h, 214), 20%, 40%);
    font-size: 0.68rem;
    font-weight: 840;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-queue[b-jby6k6qplq] {
    display: grid;
    gap: 0.62rem;
    max-height: 68vh;
    overflow: auto;
    padding-right: 0.28rem;
}

.portal-assessment-card[b-jby6k6qplq] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.56rem;
    min-width: 0;
    padding: 0.72rem;
    overflow: hidden;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 12px 28px hsla(var(--brand-h, 218), 60%, 16%, 0.07);
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.portal-assessment-card[b-jby6k6qplq]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 0.18rem;
    background: hsla(var(--brand-h, 214), 20%, 40%, 0.22);
}

.portal-assessment-card.is-open[b-jby6k6qplq]::before {
    background: #0f766e;
}

.portal-assessment-card.is-resume[b-jby6k6qplq]::before {
    background: hsl(var(--brand-h, 214), 70%, 26%);
}

.portal-assessment-card.is-review[b-jby6k6qplq]::before {
    background: hsl(var(--brand-accent-h, 39), 61%, 46%);
}

.portal-assessment-card.is-locked[b-jby6k6qplq]::before {
    background: hsla(var(--brand-h, 214), 20%, 40%, 0.3);
}

.portal-assessment-card:hover[b-jby6k6qplq] {
    transform: translateY(-1px);
    border-color: hsla(var(--brand-h, 214), 70%, 26%, 0.16);
    box-shadow: 0 16px 34px hsla(var(--brand-h, 218), 60%, 16%, 0.09);
}

.portal-assessment-card--active[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.42);
    box-shadow: 0 18px 38px rgba(15, 118, 110, 0.14);
}

.portal-assessment-card.is-expired[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.2);
    background:
        linear-gradient(135deg, rgba(255, 249, 235, 0.72), rgba(255, 255, 255, 0.86)),
        rgba(255, 255, 255, 0.78);
}

.portal-assessment-card.has-local-draft[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.22);
    background:
        linear-gradient(135deg, rgba(238, 252, 248, 0.68), rgba(255, 255, 255, 0.86)),
        rgba(255, 255, 255, 0.78);
}

.portal-assessment-card.has-special-access[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 39), 61%, 46%, 0.34);
    background:
        linear-gradient(135deg, rgba(255, 249, 235, 0.72), rgba(238, 252, 248, 0.5), rgba(255, 255, 255, 0.9)),
        rgba(255, 255, 255, 0.82);
    box-shadow: 0 18px 38px rgba(122, 92, 32, 0.1);
}

.portal-assessment-card.has-special-access[b-jby6k6qplq]::before {
    background: linear-gradient(180deg, hsl(var(--brand-accent-h, 39), 61%, 46%), #0f766e);
}

.portal-assessment-card.is-deadline-soon[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 39), 61%, 46%, 0.24);
    background:
        linear-gradient(135deg, rgba(255, 249, 235, 0.56), rgba(255, 255, 255, 0.88)),
        rgba(255, 255, 255, 0.78);
}

.portal-assessment-card.is-deadline-critical[b-jby6k6qplq] {
    border-color: rgba(180, 35, 65, 0.28);
    background:
        linear-gradient(135deg, rgba(255, 241, 242, 0.64), rgba(255, 249, 235, 0.62), rgba(255, 255, 255, 0.88)),
        rgba(255, 255, 255, 0.8);
}

.portal-assessment-card__top[b-jby6k6qplq],
.portal-assessment-card__progress[b-jby6k6qplq],
.portal-assessment-card__result[b-jby6k6qplq],
.portal-assessment-footer[b-jby6k6qplq],
.portal-assessment-footer__actions[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.72rem;
}

.portal-assessment-card__course[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.74rem;
    font-weight: 800;
    margin-top: 0.18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-card__top > div[b-jby6k6qplq] {
    min-width: 0;
}

.portal-assessment-card h3[b-jby6k6qplq] {
    margin: 0.1rem 0 0;
    display: -webkit-box;
    overflow: hidden;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.98rem;
    font-weight: 850;
    letter-spacing: 0;
    overflow-wrap: anywhere;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.portal-assessment-card__status[b-jby6k6qplq] {
    flex: 0 0 auto;
    padding: 0.32rem 0.55rem;
    border-radius: 8px;
    font-size: 0.72rem;
    font-weight: 850;
}

.portal-assessment-card__status--available[b-jby6k6qplq] {
    color: #0f5f55;
    background: rgba(15, 118, 110, 0.12);
}

.portal-assessment-card__status--resume[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 214), 70%, 26%);
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.12);
}

.portal-assessment-card__status--closed[b-jby6k6qplq] {
    color: #7c3d12;
    background: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.16);
}

.portal-assessment-card__meta[b-jby6k6qplq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.portal-assessment-card__meta span[b-jby6k6qplq],
.portal-assessment-rules__items > span[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    min-width: 0;
    min-height: 1.42rem;
    padding: 0.22rem 0.44rem;
    overflow: hidden;
    border-radius: 8px;
    background: #f3f6fb;
    color: hsl(var(--brand-h, 214), 20%, 40%);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-card__description[b-jby6k6qplq] {
    display: -webkit-box;
    margin: -0.08rem 0 0;
    overflow: hidden;
    color: hsl(var(--brand-h, 214), 20%, 40%);
    font-size: 0.78rem;
    font-weight: 680;
    line-height: 1.38;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.portal-assessment-card__progress[b-jby6k6qplq],
.portal-assessment-card__result[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.12rem 0.62rem;
    padding: 0.46rem 0.52rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.06);
    border-radius: 8px;
    background: rgba(248, 250, 252, 0.78);
}

.portal-assessment-card__progress span[b-jby6k6qplq],
.portal-assessment-card__result span[b-jby6k6qplq] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-card__meter[b-jby6k6qplq],
.portal-assessment-card__score-meter[b-jby6k6qplq] {
    grid-column: 1 / -1;
    height: 0.3rem;
    overflow: hidden;
    border-radius: 999px;
    background: hsla(var(--brand-h, 218), 60%, 16%, 0.08);
}

.portal-assessment-card__meter i[b-jby6k6qplq],
.portal-assessment-card__score-meter i[b-jby6k6qplq] {
    display: block;
    height: 100%;
    border-radius: inherit;
    transition: width 180ms ease;
}

.portal-assessment-card__meter i[b-jby6k6qplq] {
    width: var(--assessment-card-progress, 0%);
    background: linear-gradient(90deg, hsl(var(--brand-h, 214), 70%, 26%), #0f766e);
}

.portal-assessment-card__score-meter i[b-jby6k6qplq] {
    width: var(--assessment-card-score, 0%);
    background: linear-gradient(90deg, #0f766e, hsl(var(--brand-accent-h, 39), 61%, 46%));
}

.portal-assessment-card__access-code[b-jby6k6qplq] {
    gap: 0.28rem;
    border: 1px solid rgba(122, 92, 32, 0.18);
    background: linear-gradient(135deg, rgba(255, 248, 232, 0.96), rgba(243, 251, 249, 0.9)) !important;
    color: #76521d !important;
    box-shadow: 0 8px 18px rgba(122, 92, 32, 0.08);
}

.portal-assessment-card__access-code[b-jby6k6qplq]  .mud-icon-root {
    font-size: 0.92rem;
}

.portal-assessment-card__special-access-chip[b-jby6k6qplq],
.portal-assessment-card__accommodation-chip[b-jby6k6qplq] {
    gap: 0.28rem;
    font-weight: 900 !important;
}

.portal-assessment-card__special-access-chip[b-jby6k6qplq] {
    border: 1px solid hsla(var(--brand-accent-h, 39), 61%, 46%, 0.26);
    background:
        linear-gradient(135deg, rgba(255, 249, 235, 0.96), rgba(238, 252, 248, 0.9)) !important;
    color: #76521d !important;
    box-shadow: 0 8px 18px rgba(122, 92, 32, 0.09);
}

.portal-assessment-card__accommodation-chip[b-jby6k6qplq] {
    border: 1px solid rgba(15, 118, 110, 0.18);
    background: rgba(238, 252, 248, 0.9) !important;
    color: #0f5f55 !important;
}

.portal-assessment-card__special-access-chip[b-jby6k6qplq]  .mud-icon-root,
.portal-assessment-card__accommodation-chip[b-jby6k6qplq]  .mud-icon-root {
    flex: 0 0 auto;
    font-size: 0.92rem;
}

.portal-assessment-card__local-draft[b-jby6k6qplq] {
    gap: 0.28rem;
    border: 1px solid rgba(15, 118, 110, 0.18);
    background:
        linear-gradient(135deg, rgba(238, 252, 248, 0.96), rgba(255, 249, 235, 0.86)) !important;
    color: #0f5f55 !important;
    font-weight: 900;
    box-shadow: 0 8px 18px rgba(15, 118, 110, 0.08);
}

.portal-assessment-card__local-draft[b-jby6k6qplq]  .mud-icon-root {
    font-size: 0.92rem;
}

.portal-assessment-card__deadline[b-jby6k6qplq] {
    gap: 0.26rem;
    border: 1px solid hsla(var(--brand-accent-h, 39), 61%, 46%, 0.24);
    background: rgba(255, 249, 235, 0.9) !important;
    color: #76521d !important;
    font-weight: 920 !important;
    box-shadow: 0 8px 18px rgba(122, 92, 32, 0.08);
}

.portal-assessment-card__deadline--critical[b-jby6k6qplq] {
    border-color: rgba(180, 35, 65, 0.26);
    background: linear-gradient(135deg, rgba(255, 241, 242, 0.96), rgba(255, 249, 235, 0.9)) !important;
    color: #9f1239 !important;
}

.portal-assessment-card__deadline[b-jby6k6qplq]  .mud-icon-root {
    flex: 0 0 auto;
    font-size: 0.92rem;
}

.portal-assessment-card__attempt-pressure[b-jby6k6qplq] {
    gap: 0.26rem;
    border: 1px solid rgba(180, 35, 65, 0.18);
    background: rgba(255, 241, 244, 0.86) !important;
    color: #9f1239 !important;
    font-weight: 920 !important;
    box-shadow: 0 8px 18px rgba(180, 35, 65, 0.06);
}

.portal-assessment-card__attempt-pressure--final[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 39), 61%, 46%, 0.26);
    background: rgba(255, 249, 235, 0.9) !important;
    color: #76521d !important;
}

.portal-assessment-card__attempt-pressure[b-jby6k6qplq]  .mud-icon-root {
    flex: 0 0 auto;
    font-size: 0.92rem;
}

.portal-assessment-card__requirements[b-jby6k6qplq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.32rem;
    min-width: 0;
}

.portal-assessment-card__requirement[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.26rem;
    max-width: 100%;
    min-height: 1.58rem;
    padding: 0.22rem 0.46rem;
    overflow: hidden;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.07);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.76);
    color: hsl(var(--brand-h, 214), 20%, 40%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
    font-size: 0.7rem;
    font-weight: 860;
    line-height: 1;
}

.portal-assessment-card__requirement[b-jby6k6qplq]  .mud-icon-root {
    flex: 0 0 auto;
    font-size: 0.92rem;
}

.portal-assessment-card__requirement span[b-jby6k6qplq] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-card__requirement--code[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 39), 61%, 46%, 0.22);
    background: rgba(255, 249, 235, 0.86);
    color: #76521d;
}

.portal-assessment-card__requirement--secure[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 214), 70%, 26%, 0.18);
    background: rgba(232, 241, 255, 0.78);
    color: hsl(var(--brand-h, 214), 70%, 26%);
}

.portal-assessment-card__requirement--media[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.2);
    background: rgba(238, 252, 248, 0.84);
    color: #0f5f55;
}

.portal-assessment-card__requirement--tool[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 214), 20%, 40%, 0.12);
    background: rgba(243, 246, 251, 0.92);
    color: hsl(var(--brand-h, 214), 20%, 40%);
}

.portal-assessment-card__requirement--appeal[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 39), 61%, 46%, 0.22);
    background: rgba(255, 249, 235, 0.86);
    color: #76521d;
}

.portal-assessment-card__requirement--appeal-live[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 224), 76%, 48%, 0.22);
    background: rgba(232, 241, 255, 0.86);
    color: hsl(var(--brand-h, 214), 70%, 26%);
}

.portal-assessment-card__requirement--appeal-closed[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.2);
    background: rgba(238, 252, 248, 0.86);
    color: #0f5f55;
}

.portal-assessment-card__special-access[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.52rem;
    min-height: 3.6rem;
    padding: 0.54rem 0.58rem;
    overflow: hidden;
    border: 1px solid hsla(var(--brand-accent-h, 39), 61%, 46%, 0.24);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 249, 235, 0.92), rgba(255, 255, 255, 0.86)),
        linear-gradient(90deg, hsla(var(--brand-accent-h, 39), 61%, 46%, 0.1), rgba(15, 118, 110, 0.08));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 10px 22px rgba(122, 92, 32, 0.08);
}

.portal-assessment-card__special-access-icon[b-jby6k6qplq] {
    display: inline-grid;
    place-items: center;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(135deg, #7c3d12, hsl(var(--brand-accent-h, 39), 61%, 46%) 56%, #0f766e);
    box-shadow: 0 10px 20px rgba(122, 92, 32, 0.16);
}

.portal-assessment-card__special-access > div:last-child[b-jby6k6qplq] {
    display: grid;
    gap: 0.05rem;
    min-width: 0;
}

.portal-assessment-card__special-access span[b-jby6k6qplq] {
    color: #76521d;
    font-size: 0.66rem;
    font-weight: 930;
    text-transform: uppercase;
}

.portal-assessment-card__special-access strong[b-jby6k6qplq] {
    overflow: hidden;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.84rem;
    font-weight: 930;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-card__special-access small[b-jby6k6qplq] {
    overflow: hidden;
    color: hsl(var(--brand-h, 214), 20%, 40%);
    font-size: 0.72rem;
    font-weight: 780;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-card__window[b-jby6k6qplq] {
    display: grid;
    gap: 0.32rem;
    padding: 0.48rem 0.52rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.06);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.78), rgba(248, 250, 252, 0.78)),
        rgba(255, 255, 255, 0.72);
}

.portal-assessment-card__window--open[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.14);
    background: rgba(238, 252, 248, 0.64);
}

.portal-assessment-card__window--critical[b-jby6k6qplq] {
    border-color: rgba(180, 35, 65, 0.22);
    background: rgba(255, 241, 244, 0.76);
}

.portal-assessment-card__window--upcoming[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 214), 70%, 26%, 0.14);
    background: rgba(232, 241, 255, 0.68);
}

.portal-assessment-card__window--closed[b-jby6k6qplq] {
    opacity: 0.78;
}

.portal-assessment-card__window-copy[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.62rem;
    min-width: 0;
}

.portal-assessment-card__window-copy span[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.7rem;
    font-weight: 900;
    text-transform: uppercase;
}

.portal-assessment-card__window-copy strong[b-jby6k6qplq] {
    min-width: 0;
    overflow: hidden;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.76rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-card__window-meter[b-jby6k6qplq] {
    height: 0.3rem;
    overflow: hidden;
    border-radius: 999px;
    background: hsla(var(--brand-h, 218), 60%, 16%, 0.08);
}

.portal-assessment-card__window-meter i[b-jby6k6qplq] {
    display: block;
    width: var(--assessment-window-progress, 0%);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, hsl(var(--brand-h, 214), 70%, 26%), #0f766e, hsl(var(--brand-accent-h, 39), 61%, 46%));
    transition: width 180ms ease;
}

.portal-assessment-card__window--critical .portal-assessment-card__window-meter i[b-jby6k6qplq] {
    background: linear-gradient(90deg, hsl(var(--brand-accent-h, 39), 61%, 46%), #b42341);
}

.portal-assessment-card__precondition[b-jby6k6qplq] {
    border: 1px solid hsla(var(--brand-h, 194), 70%, 27%, 0.16);
    font-weight: 850;
}

.portal-assessment-card__precondition.is-met[b-jby6k6qplq] {
    background: rgba(15, 118, 110, 0.1) !important;
    color: #0f5f55 !important;
}

.portal-assessment-card__precondition.is-blocked[b-jby6k6qplq] {
    background: linear-gradient(135deg, rgba(255, 247, 237, 0.96), rgba(255, 241, 242, 0.88)) !important;
    border-color: hsla(var(--brand-accent-h, 22), 74%, 43%, 0.2);
    color: #8a3b12 !important;
}

.portal-assessment-card__history[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    max-width: 100%;
    overflow-x: auto;
    padding-bottom: 0.1rem;
}

.portal-assessment-card__feedback[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    gap: 0.42rem;
    min-height: 2rem;
    padding: 0.42rem 0.56rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.78);
    color: hsl(var(--brand-h, 214), 20%, 40%);
    font-size: 0.76rem;
    font-weight: 850;
    line-height: 1.25;
}

.portal-assessment-card__feedback[b-jby6k6qplq]  .mud-icon-root {
    flex: 0 0 auto;
    font-size: 1rem;
}

.portal-assessment-card__feedback span[b-jby6k6qplq] {
    min-width: 0;
}

.portal-assessment-card__feedback--open[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.22);
    background: rgba(15, 118, 110, 0.08);
    color: #0f5f55;
}

.portal-assessment-card__feedback--score[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 214), 70%, 26%, 0.18);
    background: rgba(232, 241, 255, 0.72);
    color: hsl(var(--brand-h, 214), 70%, 26%);
}

.portal-assessment-card__feedback--locked[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.22);
    background: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.09);
    color: #7c3d12;
}

.portal-assessment-card__appeal-note[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    gap: 0.42rem;
    min-height: 2rem;
    padding: 0.42rem 0.56rem;
    border: 1px solid hsla(var(--brand-accent-h, 39), 61%, 46%, 0.24);
    border-radius: 8px;
    color: #76521d;
    background:
        linear-gradient(135deg, rgba(255, 249, 235, 0.88), rgba(255, 255, 255, 0.78));
    font-size: 0.76rem;
    font-weight: 880;
    line-height: 1.25;
}

.portal-assessment-card__appeal-note[b-jby6k6qplq]  .mud-icon-root {
    flex: 0 0 auto;
    font-size: 1rem;
}

.portal-assessment-card__appeal-note span[b-jby6k6qplq] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-card__appeal-note--review[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 224), 76%, 48%, 0.18);
    background: rgba(232, 241, 255, 0.78);
    color: hsl(var(--brand-h, 214), 70%, 26%);
}

.portal-assessment-card__appeal-note--resolved[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.2);
    background: rgba(238, 252, 248, 0.82);
    color: #0f5f55;
}

.portal-assessment-card__appeal-note--rejected[b-jby6k6qplq] {
    border-color: rgba(180, 35, 65, 0.18);
    background: rgba(255, 241, 244, 0.82);
    color: #9f1d38;
}

.portal-assessment-card__lock-reason[b-jby6k6qplq] {
    display: flex;
    align-items: flex-start;
    gap: 0.44rem;
    min-height: 2.1rem;
    padding: 0.48rem 0.6rem;
    border: 1px solid hsla(var(--brand-accent-h, 37), 63%, 47%, 0.26);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 248, 232, 0.92), rgba(255, 255, 255, 0.82)),
        hsla(var(--brand-accent-h, 37), 63%, 47%, 0.08);
    color: #7c3d12;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 10px 24px rgba(122, 92, 32, 0.08);
    font-size: 0.76rem;
    font-weight: 850;
    line-height: 1.3;
}

.portal-assessment-card__lock-reason[b-jby6k6qplq]  .mud-icon-root {
    flex: 0 0 auto;
    margin-top: 0.02rem;
    font-size: 1rem;
}

.portal-assessment-card__lock-reason span[b-jby6k6qplq] {
    min-width: 0;
}

.portal-assessment-card__lock-content[b-jby6k6qplq] {
    display: flex;
    flex-direction: column;
    gap: 0.34rem;
    min-width: 0;
}

.portal-assessment-card__lock-message[b-jby6k6qplq] {
    min-width: 0;
}

.portal-assessment-card__lock-times[b-jby6k6qplq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem 0.42rem;
    min-width: 0;
    font-size: 0.68rem;
    font-weight: 800;
    color: #6b4a18;
}

.portal-assessment-card__lock-times span[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.22rem;
    max-width: 100%;
    padding: 0.18rem 0.38rem;
    border: 1px solid hsla(var(--brand-accent-h, 37), 63%, 47%, 0.18);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.66);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.portal-assessment-card__lock-times strong[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 214), 70%, 26%);
    font-weight: 900;
}

.portal-assessment-card__history-item[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    flex: 0 0 auto;
    min-height: 2rem;
    padding: 0.32rem 0.52rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.82);
    cursor: pointer;
    transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

.portal-assessment-card__history-item:hover:not(:disabled)[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.34);
    background: rgba(15, 118, 110, 0.08);
    transform: translateY(-1px);
}

.portal-assessment-card__history-item:disabled[b-jby6k6qplq] {
    cursor: not-allowed;
    opacity: 0.72;
}

.portal-assessment-card__history-item span[b-jby6k6qplq] {
    font-size: 0.72rem;
    font-weight: 850;
}

.portal-assessment-card__history-item strong[b-jby6k6qplq] {
    font-size: 0.76rem;
    font-weight: 900;
}

.portal-assessment-card__history-item em[b-jby6k6qplq] {
    max-width: 7.4rem;
    padding: 0.12rem 0.34rem;
    overflow: hidden;
    border-radius: 999px;
    color: #76521d;
    background: rgba(255, 249, 235, 0.86);
    font-size: 0.62rem;
    font-style: normal;
    font-weight: 920;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-card__history-item.is-passed[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.24);
    background: rgba(15, 118, 110, 0.08);
}

.portal-assessment-card__history-item.is-failed[b-jby6k6qplq] {
    border-color: rgba(180, 35, 65, 0.2);
    background: rgba(180, 35, 65, 0.06);
}

.portal-assessment-card__history-item.is-expired[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.28);
    background: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.1);
}

.portal-assessment-card__history-item.has-appeal[b-jby6k6qplq],
.portal-assessment-card__history-item.has-appeal-closed[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 39), 61%, 46%, 0.28);
    box-shadow: inset 0 -2px 0 hsla(var(--brand-accent-h, 39), 61%, 46%, 0.24);
}

.portal-assessment-card__history-item.has-appeal-closed em[b-jby6k6qplq] {
    color: #0f5f55;
    background: rgba(238, 252, 248, 0.86);
}

.portal-assessment-card__history-item.is-locked[b-jby6k6qplq] {
    background: #f3f6fb;
}

.portal-assessment-card__actions[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
    flex-wrap: wrap;
    min-width: 0;
    max-width: 100%;
    padding-top: 0.12rem;
    border-top: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.06);
}

.portal-assessment-card__actions[b-jby6k6qplq]  .mud-button-root {
    min-width: 0;
    max-width: 100%;
}

.portal-assessment-access-code[b-jby6k6qplq] {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: grid;
    place-items: center;
    padding: 1rem;
    background:
        radial-gradient(circle at 50% 20%, rgba(15, 118, 110, 0.14), transparent 34%),
        hsla(var(--brand-h, 217), 62%, 9%, 0.48);
    backdrop-filter: blur(14px);
}

.portal-assessment-access-code__panel[b-jby6k6qplq] {
    width: min(100%, 26rem);
    display: grid;
    gap: 0.72rem;
    padding: 0.82rem;
    border: 1px solid rgba(255, 255, 255, 0.68);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(242, 249, 248, 0.98)),
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 39), 64%, 56%, 0.18), transparent 36%);
    box-shadow: 0 28px 70px hsla(var(--brand-h, 217), 62%, 9%, 0.24);
}

.portal-assessment-access-code__head[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.62rem;
    min-width: 0;
}

.portal-assessment-access-code__head > span[b-jby6k6qplq] {
    display: inline-grid;
    place-items: center;
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 8px;
    color: #0f766e;
    background: rgba(15, 118, 110, 0.12);
}

.portal-assessment-access-code__head h2[b-jby6k6qplq],
.portal-assessment-access-code__head p[b-jby6k6qplq] {
    margin: 0;
}

.portal-assessment-access-code__head h2[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 1rem;
    font-weight: 900;
}

.portal-assessment-access-code__head p[b-jby6k6qplq] {
    margin-top: 0.12rem;
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.82rem;
    font-weight: 760;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-access-code__field[b-jby6k6qplq] {
    display: grid;
    gap: 0.34rem;
}

.portal-assessment-access-code__field span[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.portal-assessment-access-code__field input[b-jby6k6qplq] {
    width: 100%;
    min-height: 2.5rem;
    padding: 0.56rem 0.68rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.13);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.96);
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 1rem;
    font-weight: 850;
    letter-spacing: 0;
    outline: none;
}

.portal-assessment-access-code__field input:focus[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.38);
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.11);
}

.portal-assessment-access-code__error[b-jby6k6qplq] {
    padding: 0.5rem 0.6rem;
    border: 1px solid rgba(180, 35, 65, 0.18);
    border-radius: 8px;
    color: #9f1239;
    background: rgba(255, 241, 244, 0.88);
    font-size: 0.78rem;
    font-weight: 820;
}

.portal-assessment-access-code__actions[b-jby6k6qplq] {
    display: flex;
    justify-content: flex-end;
    gap: 0.42rem;
    flex-wrap: wrap;
    padding-top: 0.08rem;
    border-top: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.06);
}

.portal-assessment-access-code__button[b-jby6k6qplq] {
    min-height: 2.12rem;
    padding: 0 0.76rem;
    border: 1px solid rgba(15, 118, 110, 0.24);
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(135deg, #0f766e, hsl(var(--brand-h, 198), 73%, 32%));
    box-shadow: 0 12px 24px rgba(15, 118, 110, 0.18);
    font-size: 0.8rem;
    font-weight: 900;
    cursor: pointer;
}

.portal-assessment-access-code__button.is-ghost[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 214), 20%, 40%);
    background: rgba(255, 255, 255, 0.86);
    box-shadow: none;
}

.portal-assessment-access-code__button:disabled[b-jby6k6qplq] {
    cursor: wait;
    opacity: 0.66;
}

.portal-assessment-access-code--attestation .portal-assessment-access-code__panel[b-jby6k6qplq] {
    width: min(100%, 31rem);
}

.portal-assessment-attestation[b-jby6k6qplq] {
    gap: 0.64rem;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(246, 251, 249, 0.98)),
        radial-gradient(circle at 100% 0%, hsla(var(--brand-accent-h, 37), 49%, 48%, 0.16), transparent 34%),
        radial-gradient(circle at 0% 100%, rgba(15, 118, 110, 0.1), transparent 32%);
}

.portal-assessment-attestation__proof[b-jby6k6qplq] {
    display: grid;
    gap: 0.24rem;
    padding: 0.62rem 0.68rem;
    border: 1px solid hsla(var(--brand-accent-h, 37), 49%, 48%, 0.18);
    border-radius: 8px;
    background: rgba(255, 252, 246, 0.88);
}

.portal-assessment-attestation__proof span[b-jby6k6qplq],
.portal-assessment-attestation__proof strong[b-jby6k6qplq] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.portal-assessment-attestation__proof span[b-jby6k6qplq] {
    color: #7c5a18;
    font-size: 0.72rem;
    font-weight: 950;
    text-transform: uppercase;
}

.portal-assessment-attestation__proof strong[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.86rem;
    font-weight: 850;
    line-height: 1.36;
}

.portal-assessment-attestation__check[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.52rem;
    padding: 0.56rem 0.62rem;
    border: 1px solid rgba(15, 118, 110, 0.16);
    border-radius: 8px;
    background: rgba(240, 253, 250, 0.72);
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.82rem;
    font-weight: 900;
}

.portal-assessment-attestation__check input[b-jby6k6qplq] {
    width: 1.05rem;
    height: 1.05rem;
    accent-color: #0f766e;
}

.portal-assessment-confirm[b-jby6k6qplq] {
    position: fixed;
    inset: 0;
    z-index: 1320;
    display: grid;
    place-items: center;
    padding: 1rem;
    background:
        radial-gradient(circle at 48% 16%, hsla(var(--brand-accent-h, 39), 64%, 56%, 0.16), transparent 34%),
        radial-gradient(circle at 58% 84%, rgba(15, 118, 110, 0.14), transparent 30%),
        hsla(var(--brand-h, 217), 62%, 9%, 0.54);
    backdrop-filter: blur(16px);
}

.portal-assessment-confirm__panel[b-jby6k6qplq] {
    width: min(100%, 31rem);
    display: grid;
    gap: 0.72rem;
    padding: 0.82rem;
    border: 1px solid rgba(255, 255, 255, 0.68);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(245, 249, 252, 0.98)),
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 39), 64%, 56%, 0.16), transparent 38%);
    box-shadow: 0 30px 74px hsla(var(--brand-h, 217), 62%, 9%, 0.26);
}

.portal-assessment-confirm__panel--submit[b-jby6k6qplq] {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(243, 250, 249, 0.98)),
        radial-gradient(circle at top right, rgba(15, 118, 110, 0.16), transparent 38%);
}

.portal-assessment-confirm__panel--leave[b-jby6k6qplq] {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(255, 248, 248, 0.98)),
        radial-gradient(circle at top right, rgba(180, 35, 65, 0.14), transparent 38%);
}

.portal-assessment-confirm__head[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.62rem;
    min-width: 0;
}

.portal-assessment-confirm__head > span[b-jby6k6qplq] {
    display: inline-grid;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 8px;
    color: #7c4a03;
    background: hsla(var(--brand-accent-h, 39), 64%, 56%, 0.16);
}

.portal-assessment-confirm__panel--submit .portal-assessment-confirm__head > span[b-jby6k6qplq] {
    color: #0f766e;
    background: rgba(15, 118, 110, 0.13);
}

.portal-assessment-confirm__panel--leave .portal-assessment-confirm__head > span[b-jby6k6qplq] {
    color: #b42341;
    background: rgba(180, 35, 65, 0.1);
}

.portal-assessment-confirm__head h2[b-jby6k6qplq],
.portal-assessment-confirm__head p[b-jby6k6qplq] {
    margin: 0;
}

.portal-assessment-confirm__head h2[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 1rem;
    font-weight: 930;
}

.portal-assessment-confirm__head p[b-jby6k6qplq] {
    margin-top: 0.16rem;
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.82rem;
    font-weight: 760;
    line-height: 1.42;
}

.portal-assessment-confirm__summary[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(7.2rem, 1fr));
    gap: 0.42rem;
}

.portal-assessment-confirm__summary article[b-jby6k6qplq] {
    min-width: 0;
    display: grid;
    gap: 0.16rem;
    padding: 0.56rem 0.6rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.portal-assessment-confirm__summary-save--ready[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.18) !important;
    background: linear-gradient(135deg, rgba(236, 253, 245, 0.88), rgba(255, 255, 255, 0.86)) !important;
}

.portal-assessment-confirm__summary-save--pending[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 39), 64%, 56%, 0.28) !important;
    background: linear-gradient(135deg, rgba(255, 251, 235, 0.92), rgba(255, 255, 255, 0.88)) !important;
}

.portal-assessment-confirm__summary-save--draft[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 198), 44%, 31%, 0.24) !important;
    background: linear-gradient(135deg, rgba(232, 247, 249, 0.92), rgba(255, 255, 255, 0.88)) !important;
}

.portal-assessment-confirm__summary-save--saving[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 217), 91%, 60%, 0.24) !important;
    background: linear-gradient(135deg, rgba(239, 246, 255, 0.92), rgba(255, 255, 255, 0.88)) !important;
}

.portal-assessment-confirm__summary-review--ready[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.18) !important;
    background: linear-gradient(135deg, rgba(236, 253, 245, 0.84), rgba(255, 255, 255, 0.86)) !important;
}

.portal-assessment-confirm__summary-review--watch[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 39), 64%, 56%, 0.28) !important;
    background: linear-gradient(135deg, rgba(255, 249, 235, 0.92), rgba(255, 255, 255, 0.88)) !important;
}

.portal-assessment-confirm__summary span[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 17%, 52%);
    font-size: 0.68rem;
    font-weight: 920;
    letter-spacing: 0;
    text-transform: uppercase;
}

.portal-assessment-confirm__summary strong[b-jby6k6qplq] {
    min-width: 0;
    overflow: hidden;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.86rem;
    font-weight: 930;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-confirm__checklist[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9.2rem, 1fr));
    gap: 0.42rem;
    padding: 0.42rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.07);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.82), rgba(246, 249, 253, 0.72)),
        rgba(255, 255, 255, 0.76);
}

.portal-assessment-confirm__check[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.42rem;
    min-width: 0;
    min-height: 3.2rem;
    padding: 0.48rem 0.52rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.portal-assessment-confirm__check--actionable[b-jby6k6qplq] {
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.portal-assessment-confirm__check[b-jby6k6qplq] >  .mud-icon-root {
    display: inline-grid;
    place-items: center;
    width: 1.8rem;
    height: 1.8rem;
    padding: 0.3rem;
    border-radius: 8px;
    color: hsl(var(--brand-h, 214), 20%, 40%);
    background: hsla(var(--brand-h, 214), 20%, 40%, 0.1);
}

.portal-assessment-confirm__check div[b-jby6k6qplq] {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.portal-assessment-confirm__check strong[b-jby6k6qplq],
.portal-assessment-confirm__check span[b-jby6k6qplq] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-confirm__check strong[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.78rem;
    font-weight: 940;
}

.portal-assessment-confirm__check span[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.72rem;
    font-weight: 800;
}

.portal-assessment-confirm__check-action[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.78rem;
    padding: 0 0.5rem;
    border: 1px solid hsla(var(--brand-h, 214), 70%, 26%, 0.12);
    border-radius: 8px;
    color: hsl(var(--brand-h, 214), 70%, 26%);
    background: rgba(232, 241, 255, 0.72);
    font: inherit;
    font-size: 0.68rem;
    font-weight: 930;
    white-space: nowrap;
    cursor: pointer;
    transition: transform 140ms ease, border-color 140ms ease, background 140ms ease, color 140ms ease;
}

.portal-assessment-confirm__check-action:hover[b-jby6k6qplq],
.portal-assessment-confirm__check-action:focus-visible[b-jby6k6qplq] {
    transform: translateY(-1px);
    border-color: rgba(15, 118, 110, 0.24);
    color: #0f5f55;
    background: rgba(238, 252, 248, 0.92);
    outline: none;
}

.portal-assessment-confirm__check--ready[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.18);
    background: rgba(238, 252, 248, 0.72);
}

.portal-assessment-confirm__check--ready[b-jby6k6qplq] >  .mud-icon-root {
    color: #0f5f55;
    background: rgba(15, 118, 110, 0.12);
}

.portal-assessment-confirm__check--watch[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 39), 64%, 56%, 0.26);
    background: rgba(255, 249, 235, 0.9);
}

.portal-assessment-confirm__check--watch[b-jby6k6qplq] >  .mud-icon-root {
    color: #8a5a12;
    background: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.13);
}

.portal-assessment-confirm__check--danger[b-jby6k6qplq] {
    border-color: rgba(180, 35, 65, 0.22);
    background: rgba(255, 241, 244, 0.9);
}

.portal-assessment-confirm__check--danger[b-jby6k6qplq] >  .mud-icon-root {
    color: #b42341;
    background: rgba(180, 35, 65, 0.1);
}

.portal-assessment-confirm__rail[b-jby6k6qplq] {
    display: grid;
    gap: 0.38rem;
    padding: 0.42rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.07);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(248, 250, 252, 0.72)),
        rgba(255, 255, 255, 0.78);
}

.portal-assessment-confirm__rail-group[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: minmax(4.8rem, 0.42fr) minmax(0, 1fr);
    align-items: center;
    gap: 0.42rem;
    min-width: 0;
}

.portal-assessment-confirm__rail-group > span[b-jby6k6qplq] {
    min-width: 0;
    overflow: hidden;
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.66rem;
    font-weight: 920;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.portal-assessment-confirm__rail-group > div[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.28rem;
    min-width: 0;
}

.portal-assessment-confirm__rail-item[b-jby6k6qplq],
.portal-assessment-confirm__rail-group strong[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.9rem;
    min-height: 1.72rem;
    padding: 0 0.42rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.82);
    font: inherit;
    font-size: 0.68rem;
    font-weight: 950;
    line-height: 1;
    white-space: nowrap;
}

.portal-assessment-confirm__rail-item[b-jby6k6qplq] {
    cursor: pointer;
    transition: transform 140ms ease, border-color 140ms ease, background 140ms ease, color 140ms ease;
}

.portal-assessment-confirm__rail-item:hover[b-jby6k6qplq],
.portal-assessment-confirm__rail-item:focus-visible[b-jby6k6qplq] {
    transform: translateY(-1px);
    border-color: rgba(15, 118, 110, 0.24);
    color: #0f5f55;
    background: rgba(238, 252, 248, 0.92);
    outline: none;
}

.portal-assessment-confirm__rail-item--required[b-jby6k6qplq] {
    color: #b42341;
    border-color: rgba(180, 35, 65, 0.16);
    background: rgba(255, 241, 244, 0.82);
}

.portal-assessment-confirm__rail-item--open[b-jby6k6qplq] {
    color: #8a5a12;
    border-color: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.18);
    background: rgba(255, 249, 235, 0.86);
}

.portal-assessment-confirm__rail-item--review[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 214), 70%, 26%);
    border-color: hsla(var(--brand-h, 214), 70%, 26%, 0.16);
    background: rgba(232, 241, 255, 0.82);
}

.portal-assessment-confirm__rail-group strong[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 214), 20%, 40%);
    background: rgba(248, 250, 252, 0.9);
}

.portal-assessment-confirm__sync[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    gap: 0.52rem;
    padding: 0.56rem 0.62rem;
    border: 1px solid hsla(var(--brand-accent-h, 39), 64%, 56%, 0.3);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 251, 235, 0.92), rgba(255, 255, 255, 0.88));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74);
}

.portal-assessment-confirm__sync[b-jby6k6qplq] >  .mud-icon-root {
    flex: 0 0 auto;
    color: #9a5b10;
}

.portal-assessment-confirm__sync--leave[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 198), 44%, 31%, 0.25);
    background:
        linear-gradient(135deg, rgba(232, 247, 249, 0.92), rgba(255, 255, 255, 0.88));
}

.portal-assessment-confirm__sync--leave[b-jby6k6qplq] >  .mud-icon-root {
    color: hsl(var(--brand-h, 198), 44%, 31%);
}

.portal-assessment-confirm__sync--pause[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 39), 64%, 56%, 0.34);
    background:
        linear-gradient(135deg, rgba(255, 249, 235, 0.94), rgba(255, 255, 255, 0.88));
}

.portal-assessment-confirm__sync--pause[b-jby6k6qplq] >  .mud-icon-root {
    color: hsl(var(--brand-accent-h, 36), 77%, 41%);
}

.portal-assessment-confirm__sync > div[b-jby6k6qplq] {
    min-width: 0;
    display: grid;
    flex: 1 1 auto;
    gap: 0.06rem;
}

.portal-assessment-confirm__sync strong[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.78rem;
    font-weight: 940;
    line-height: 1.15;
}

.portal-assessment-confirm__sync span[b-jby6k6qplq] {
    color: #6d5a34;
    font-size: 0.76rem;
    font-weight: 780;
    line-height: 1.34;
}

.portal-assessment-confirm__mini-action[b-jby6k6qplq] {
    min-height: 2rem;
    flex: 0 0 auto;
    padding: 0 0.7rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.1);
    border-radius: 8px;
    color: #214d5a;
    background: rgba(255, 255, 255, 0.88);
    font-size: 0.76rem;
    font-weight: 930;
    cursor: pointer;
    box-shadow: 0 8px 18px hsla(var(--brand-h, 218), 60%, 16%, 0.08);
}

.portal-assessment-confirm__mini-action:disabled[b-jby6k6qplq] {
    cursor: wait;
    opacity: 0.64;
}

.portal-assessment-confirm__actions[b-jby6k6qplq] {
    display: flex;
    justify-content: flex-end;
    gap: 0.42rem;
    flex-wrap: wrap;
    padding-top: 0.08rem;
    border-top: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.06);
}

.portal-assessment-confirm__button[b-jby6k6qplq] {
    min-height: 2.16rem;
    padding: 0 0.78rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.1);
    border-radius: 8px;
    color: hsl(var(--brand-h, 214), 20%, 40%);
    background: rgba(255, 255, 255, 0.88);
    font-size: 0.8rem;
    font-weight: 930;
    cursor: pointer;
}

.portal-assessment-confirm__button--primary[b-jby6k6qplq] {
    color: #fff;
    border-color: rgba(15, 118, 110, 0.24);
    background: linear-gradient(135deg, #0f766e, hsl(var(--brand-h, 198), 73%, 32%));
    box-shadow: 0 12px 24px rgba(15, 118, 110, 0.18);
}

.portal-assessment-confirm__button--pause[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 39), 64%, 56%, 0.36);
    background: linear-gradient(135deg, hsl(var(--brand-accent-h, 39), 64%, 56%), hsl(var(--brand-accent-h, 36), 77%, 41%));
    box-shadow: 0 12px 24px hsla(var(--brand-accent-h, 36), 77%, 41%, 0.16);
}

.portal-assessment-confirm__button--danger[b-jby6k6qplq] {
    color: #fff;
    border-color: rgba(180, 35, 65, 0.26);
    background: linear-gradient(135deg, #b42341, #8a1230);
    box-shadow: 0 12px 24px rgba(180, 35, 65, 0.18);
}

.portal-assessment-confirm__button:disabled[b-jby6k6qplq] {
    cursor: wait;
    opacity: 0.66;
}

.portal-assessment-proctor-gate[b-jby6k6qplq] {
    width: min(100%, 31rem);
}

.portal-assessment-proctor-gate__copy[b-jby6k6qplq] {
    padding: 0.58rem 0.66rem;
    border: 1px solid hsla(var(--brand-accent-h, 39), 64%, 56%, 0.24);
    border-radius: 8px;
    color: #6e5530;
    background:
        linear-gradient(135deg, rgba(255, 251, 240, 0.94), rgba(255, 255, 255, 0.92));
    font-size: 0.84rem;
    font-weight: 800;
    line-height: 1.45;
}

.portal-assessment-proctor-gate__meter[b-jby6k6qplq] {
    height: 0.38rem;
    overflow: hidden;
    border-radius: 999px;
    background: hsla(var(--brand-h, 218), 60%, 16%, 0.08);
}

.portal-assessment-proctor-gate__meter span[b-jby6k6qplq] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, hsl(var(--brand-h, 214), 70%, 26%), #0f766e, hsl(var(--brand-accent-h, 39), 61%, 46%));
    transition: width 0.22s ease;
}

.portal-assessment-proctor-gate .portal-assessment-readiness__items[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    gap: 0.42rem;
}

.portal-assessment-proctor-gate .portal-assessment-readiness__actions[b-jby6k6qplq] {
    justify-content: flex-start;
    padding: 0.42rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.06);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.68);
}

.portal-assessment-workspace__head[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: start;
}

.portal-assessment-workspace__meta[b-jby6k6qplq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.34rem;
    margin-top: 0.34rem;
}

.portal-assessment-workspace__meta span[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    min-height: 1.42rem;
    padding: 0.22rem 0.48rem;
    border-radius: 8px;
    color: hsl(var(--brand-h, 214), 20%, 40%);
    background: #f3f6fb;
    font-size: 0.74rem;
    font-weight: 850;
    white-space: nowrap;
}

.portal-assessment-page--active-attempt .portal-assessment-workspace__head h2[b-jby6k6qplq] {
    overflow: hidden;
    max-width: min(42rem, 100%);
    margin: 0;
    font-size: 0.98rem;
    line-height: 1.12;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-page--active-attempt .portal-assessment-workspace__head[b-jby6k6qplq] {
    align-self: center;
    grid-template-columns: 1fr;
    gap: 0.18rem;
    min-width: 0;
}

.portal-assessment-page--active-attempt .portal-assessment-section-head__eyebrow[b-jby6k6qplq] {
    display: none;
}

.portal-assessment-page--active-attempt .portal-assessment-workspace__meta[b-jby6k6qplq] {
    gap: 0.24rem;
    margin-top: 0.24rem;
}

.portal-assessment-page--active-attempt .portal-assessment-workspace__meta span[b-jby6k6qplq] {
    min-height: 1.18rem;
    padding: 0.14rem 0.38rem;
    font-size: 0.66rem;
}

.portal-assessment-page--active-attempt .portal-assessment-workspace__head p[b-jby6k6qplq] {
    display: none;
}

.portal-assessment-cockpit[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.52rem;
    margin: 0.72rem 0 0.75rem;
    padding: 0.52rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.09);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(246, 249, 252, 0.9)),
        linear-gradient(90deg, rgba(15, 118, 110, 0.08), hsla(var(--brand-accent-h, 39), 61%, 46%, 0.08));
    box-shadow: 0 18px 34px hsla(var(--brand-h, 218), 60%, 16%, 0.09);
}

.portal-assessment-page--active-attempt .portal-assessment-cockpit[b-jby6k6qplq] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.28rem;
    align-self: center;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.portal-assessment-cockpit__tile[b-jby6k6qplq] {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.48rem;
    align-items: center;
    min-width: 0;
    min-height: 4.45rem;
    padding: 0.58rem 0.62rem;
    overflow: hidden;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.portal-assessment-page--active-attempt .portal-assessment-cockpit__tile[b-jby6k6qplq] {
    min-height: 2.72rem;
    padding: 0.28rem 0.4rem;
    gap: 0.34rem;
}

.portal-assessment-cockpit__tile[b-jby6k6qplq] >  .mud-icon-root {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0.34rem;
    border-radius: 8px;
    color: #0f5f55;
    background: rgba(15, 118, 110, 0.11);
}

.portal-assessment-page--active-attempt .portal-assessment-cockpit__tile[b-jby6k6qplq] >  .mud-icon-root {
    width: 1.52rem;
    height: 1.52rem;
    padding: 0.24rem;
}

.portal-assessment-cockpit__tile div[b-jby6k6qplq] {
    min-width: 0;
}

.portal-assessment-cockpit__tile span[b-jby6k6qplq],
.portal-assessment-cockpit__tile small[b-jby6k6qplq] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-cockpit__tile span[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.66rem;
    font-weight: 900;
    text-transform: uppercase;
}

.portal-assessment-cockpit__tile strong[b-jby6k6qplq] {
    display: block;
    margin-top: 0.08rem;
    overflow: hidden;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 1rem;
    font-weight: 950;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-cockpit__tile small[b-jby6k6qplq] {
    margin-top: 0.16rem;
    color: hsl(var(--brand-h, 215), 15%, 51%);
    font-size: 0.68rem;
    font-weight: 780;
}

.portal-assessment-page--active-attempt .portal-assessment-cockpit__tile small[b-jby6k6qplq] {
    display: none;
}

.portal-assessment-page--active-attempt .portal-assessment-cockpit__tile span[b-jby6k6qplq] {
    font-size: 0.58rem;
}

.portal-assessment-page--active-attempt .portal-assessment-cockpit__tile strong[b-jby6k6qplq] {
    font-size: 0.88rem;
}

.portal-assessment-page--active-attempt .portal-assessment-cockpit__bar[b-jby6k6qplq] {
    height: 0.2rem;
}

.portal-assessment-page--active-attempt .portal-assessment-cockpit__note[b-jby6k6qplq] {
    min-height: 1.48rem;
    padding: 0.22rem 0.38rem;
    font-size: 0.66rem;
}

.portal-assessment-page--active-attempt .portal-assessment-pace-strip[b-jby6k6qplq],
.portal-assessment-page--active-attempt .portal-assessment-time-pressure[b-jby6k6qplq],
.portal-assessment-page--active-attempt .portal-assessment-connection-strip[b-jby6k6qplq],
.portal-assessment-page--active-attempt .portal-assessment-health-strip[b-jby6k6qplq],
.portal-assessment-page--active-attempt .portal-assessment-timed-section[b-jby6k6qplq],
.portal-assessment-page--active-attempt .portal-assessment-content-protection-strip[b-jby6k6qplq],
.portal-assessment-page--active-attempt .portal-assessment-draft-recovery[b-jby6k6qplq] {
    grid-column: 1 / -1;
    margin: 0;
    padding: 0.28rem 0.44rem;
    box-shadow: none;
}

.portal-assessment-cockpit__tile--time[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 214), 70%, 26%, 0.14);
    background: linear-gradient(135deg, rgba(232, 241, 255, 0.9), rgba(255, 255, 255, 0.86));
}

.portal-assessment-cockpit__tile--time.is-urgent[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.3);
    background: linear-gradient(135deg, rgba(255, 249, 235, 0.96), rgba(255, 255, 255, 0.88));
}

.portal-assessment-cockpit__tile--time.is-urgent[b-jby6k6qplq] >  .mud-icon-root {
    color: #8a5a12;
    background: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.12);
}

.portal-assessment-cockpit__tile--time.is-urgent strong[b-jby6k6qplq] {
    color: #8a5a12;
}

.portal-assessment-cockpit__tile--time.is-critical[b-jby6k6qplq],
.portal-assessment-cockpit__tile--time.is-expired[b-jby6k6qplq] {
    border-color: rgba(180, 35, 65, 0.34);
    background:
        linear-gradient(135deg, rgba(255, 241, 244, 0.98), rgba(255, 255, 255, 0.9)),
        linear-gradient(90deg, rgba(180, 35, 65, 0.12), transparent);
    box-shadow: inset 0 0 0 1px rgba(180, 35, 65, 0.08);
}

.portal-assessment-cockpit__tile--time.is-critical[b-jby6k6qplq] >  .mud-icon-root,
.portal-assessment-cockpit__tile--time.is-expired[b-jby6k6qplq] >  .mud-icon-root {
    color: #fff;
    background: #b42341;
}

.portal-assessment-cockpit__tile--time.is-critical strong[b-jby6k6qplq],
.portal-assessment-cockpit__tile--time.is-expired strong[b-jby6k6qplq] {
    color: #b42341;
}

/* Premium ring timer — the colored arc depletes as the attempt window is spent. */
.portal-assessment-cockpit__tile--time[b-jby6k6qplq] {
    --assessment-timer-fill: #0f766e;
}

.portal-assessment-cockpit__tile--time.is-urgent[b-jby6k6qplq] {
    --assessment-timer-fill: hsl(var(--brand-accent-h, 39), 61%, 46%);
}

.portal-assessment-cockpit__tile--time.is-critical[b-jby6k6qplq],
.portal-assessment-cockpit__tile--time.is-expired[b-jby6k6qplq] {
    --assessment-timer-fill: #b42341;
}

.portal-assessment-timer-ring[b-jby6k6qplq] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 999px;
    background:
        conic-gradient(
            var(--assessment-timer-fill, #0f766e) calc(var(--assessment-timer-remaining, 100%)),
            hsla(var(--brand-h, 218), 60%, 16%, 0.1) 0
        );
    box-shadow: 0 4px 12px hsla(var(--brand-h, 218), 60%, 16%, 0.12);
}

.portal-assessment-timer-ring[b-jby6k6qplq]::after {
    content: "";
    position: absolute;
    inset: 0.28rem;
    border-radius: inherit;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: inset 0 1px 2px hsla(var(--brand-h, 218), 60%, 16%, 0.08);
}

.portal-assessment-timer-ring[b-jby6k6qplq] >  .mud-icon-root {
    position: relative;
    z-index: 1;
    width: 1.2rem;
    height: 1.2rem;
    color: var(--assessment-timer-fill, #0f766e);
    background: transparent;
}

.portal-assessment-page--active-attempt .portal-assessment-timer-ring[b-jby6k6qplq] {
    width: 1.92rem;
    height: 1.92rem;
}

.portal-assessment-page--active-attempt .portal-assessment-timer-ring[b-jby6k6qplq]::after {
    inset: 0.22rem;
}

.portal-assessment-page--active-attempt .portal-assessment-timer-ring[b-jby6k6qplq] >  .mud-icon-root {
    width: 0.96rem;
    height: 0.96rem;
}

@media (prefers-reduced-motion: no-preference) {
    .portal-assessment-cockpit__tile--time.is-critical .portal-assessment-timer-ring[b-jby6k6qplq] {
        animation: portalAssessmentTimerRingPulse-b-jby6k6qplq 1.4s ease-in-out infinite;
    }
}

@keyframes portalAssessmentTimerRingPulse-b-jby6k6qplq {
    0%,
    100% {
        box-shadow: 0 4px 12px rgba(180, 35, 65, 0.2);
    }

    50% {
        box-shadow: 0 4px 20px rgba(180, 35, 65, 0.45);
    }
}

/* Keyboard shortcut help overlay. */
.portal-assessment-shortcuts[b-jby6k6qplq] {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.2rem;
    background: hsla(var(--brand-h, 218), 60%, 16%, 0.42);
    backdrop-filter: blur(3px);
}

.portal-assessment-shortcuts__panel[b-jby6k6qplq] {
    width: min(26rem, 100%);
    padding: 1.1rem 1.2rem 1rem;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    background: linear-gradient(150deg, rgba(255, 255, 255, 0.98), rgba(238, 245, 255, 0.96));
    box-shadow: 0 30px 70px hsla(var(--brand-h, 218), 60%, 16%, 0.32);
}

.portal-assessment-shortcuts__head[b-jby6k6qplq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.6rem;
    margin-bottom: 0.85rem;
}

.portal-assessment-shortcuts__head span[b-jby6k6qplq] {
    display: block;
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.64rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.portal-assessment-shortcuts__head strong[b-jby6k6qplq] {
    display: block;
    margin-top: 0.12rem;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 1.06rem;
    font-weight: 950;
}

.portal-assessment-shortcuts__close[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.12);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.85);
    color: hsl(var(--brand-h, 215), 22%, 35%);
    cursor: pointer;
    transition: background 0.16s ease, color 0.16s ease;
}

.portal-assessment-shortcuts__close:hover[b-jby6k6qplq] {
    background: hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    color: hsl(var(--brand-h, 218), 60%, 16%);
}

.portal-assessment-shortcuts__list[b-jby6k6qplq] {
    display: flex;
    flex-direction: column;
    gap: 0.34rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.portal-assessment-shortcuts__list li[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0.5rem 0.66rem;
    border-radius: 10px;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.06);
    background: rgba(255, 255, 255, 0.7);
    color: hsl(var(--brand-h, 216), 32%, 24%);
    font-size: 0.82rem;
    font-weight: 720;
}

.portal-assessment-shortcuts__keys[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.22rem;
    flex-shrink: 0;
}

.portal-assessment-shortcuts__keys kbd[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.7rem;
    height: 1.6rem;
    padding: 0 0.42rem;
    border-radius: 7px;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.18);
    border-bottom-width: 2px;
    background: linear-gradient(180deg, #ffffff, #eef2f8);
    color: hsl(var(--brand-h, 214), 70%, 26%);
    font-family: inherit;
    font-size: 0.72rem;
    font-weight: 900;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
}

.portal-assessment-shortcuts__hint[b-jby6k6qplq] {
    margin: 0.85rem 0 0;
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.72rem;
    font-weight: 700;
    text-align: center;
}

@media (prefers-reduced-motion: no-preference) {
    .portal-assessment-shortcuts[b-jby6k6qplq] {
        animation: portalAssessmentShortcutsFade-b-jby6k6qplq 0.18s ease-out;
    }
}

@keyframes portalAssessmentShortcutsFade-b-jby6k6qplq {
    from {
        opacity: 0;
        transform: scale(0.98);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.portal-assessment-cockpit__signal.is-ready[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.22);
    background: linear-gradient(135deg, rgba(238, 252, 248, 0.95), rgba(255, 255, 255, 0.86));
}

.portal-assessment-cockpit__signal.is-saving[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 194), 70%, 27%, 0.2);
    background: linear-gradient(135deg, rgba(235, 248, 255, 0.95), rgba(255, 255, 255, 0.86));
}

.portal-assessment-cockpit__signal.is-draft[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.2);
    background:
        linear-gradient(135deg, rgba(238, 252, 248, 0.92), rgba(255, 249, 235, 0.72)),
        rgba(255, 255, 255, 0.88);
}

.portal-assessment-cockpit__signal.is-draft[b-jby6k6qplq] >  .mud-icon-root {
    color: #0f5f55;
    background: rgba(15, 118, 110, 0.12);
}

.portal-assessment-cockpit__signal.is-watch[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.24);
    background: linear-gradient(135deg, rgba(255, 249, 235, 0.96), rgba(255, 255, 255, 0.86));
}

.portal-assessment-cockpit__signal.is-watch[b-jby6k6qplq] >  .mud-icon-root {
    color: #8a5a12;
    background: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.12);
}

.portal-assessment-cockpit__signal.is-muted[b-jby6k6qplq] {
    opacity: 0.9;
}

.portal-assessment-cockpit__bar[b-jby6k6qplq] {
    grid-column: 1 / -1;
    height: 0.28rem;
    overflow: hidden;
    border-radius: 999px;
    background: hsla(var(--brand-h, 218), 60%, 16%, 0.08);
}

.portal-assessment-cockpit__bar span[b-jby6k6qplq] {
    display: block;
    width: var(--assessment-progress, 0%);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #0f766e, hsl(var(--brand-accent-h, 39), 61%, 46%));
    transition: width 180ms ease;
}

.portal-assessment-cockpit__note[b-jby6k6qplq] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 0.42rem;
    min-width: 0;
    padding: 0.38rem 0.5rem;
    border: 1px solid hsla(var(--brand-accent-h, 37), 63%, 47%, 0.2);
    border-radius: 8px;
    color: #725018;
    background: rgba(255, 249, 235, 0.72);
    font-size: 0.72rem;
    font-weight: 820;
}

.portal-assessment-cockpit__note[b-jby6k6qplq]  .mud-icon-root {
    flex: 0 0 auto;
    font-size: 0.95rem;
}

.portal-assessment-cockpit__note span[b-jby6k6qplq] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.portal-assessment-timed-section[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: auto minmax(13rem, 1fr) minmax(10rem, 0.8fr) auto;
    align-items: center;
    gap: 0.7rem;
    padding: 0.62rem 0.75rem;
    border: 1px solid rgba(30, 122, 96, 0.2);
    border-radius: 8px;
    background: rgba(244, 251, 248, 0.96);
    box-shadow: 0 5px 16px rgba(18, 55, 53, 0.045);
}

.portal-assessment-timed-section__icon[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 8px;
    color: #155f63;
    background: rgba(30, 122, 96, 0.11);
}

.portal-assessment-timed-section__copy[b-jby6k6qplq],
.portal-assessment-timed-section__time[b-jby6k6qplq] {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.portal-assessment-timed-section__copy > span[b-jby6k6qplq],
.portal-assessment-timed-section__time > span[b-jby6k6qplq] {
    color: #68778c;
    font-size: 0.62rem;
    font-weight: 850;
}

.portal-assessment-timed-section__copy strong[b-jby6k6qplq],
.portal-assessment-timed-section__time strong[b-jby6k6qplq] {
    overflow: hidden;
    color: #16324a;
    font-size: 0.8rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-timed-section__copy small[b-jby6k6qplq] {
    color: #6a7a8e;
    font-size: 0.65rem;
    font-weight: 750;
}

.portal-assessment-timed-section__steps[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    min-width: 0;
}

.portal-assessment-timed-section__step[b-jby6k6qplq] {
    display: block;
    width: 100%;
    min-width: 0.8rem;
    max-width: 3.5rem;
    height: 0.32rem;
    border-radius: 999px;
    background: rgba(70, 91, 118, 0.14);
}

.portal-assessment-timed-section__step.is-complete[b-jby6k6qplq] {
    background: #2f8a68;
}

.portal-assessment-timed-section__step.is-current[b-jby6k6qplq] {
    background: #1f6fd6;
    box-shadow: 0 0 0 3px rgba(31, 111, 214, 0.1);
}

.portal-assessment-timed-section__time[b-jby6k6qplq] {
    justify-items: end;
    min-width: 7rem;
}

.portal-assessment-timed-section__time strong[b-jby6k6qplq] {
    color: #155f63;
    font-size: 0.92rem;
    font-variant-numeric: tabular-nums;
}

.portal-assessment-timed-section.is-complete[b-jby6k6qplq] {
    grid-template-columns: auto minmax(0, 1fr);
    border-color: rgba(47, 138, 104, 0.24);
    background: rgba(241, 250, 245, 0.98);
}

.portal-assessment-pace-strip[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    gap: 0.48rem;
    min-width: 0;
    margin: -0.36rem 0 0.68rem;
    padding: 0.5rem 0.62rem;
    border: 1px solid rgba(15, 118, 110, 0.18);
    border-radius: 8px;
    color: #0f5f55;
    background:
        linear-gradient(135deg, rgba(238, 252, 248, 0.92), rgba(255, 255, 255, 0.86)),
        linear-gradient(90deg, rgba(15, 118, 110, 0.08), hsla(var(--brand-h, 214), 70%, 26%, 0.06));
    box-shadow: 0 12px 24px hsla(var(--brand-h, 218), 60%, 16%, 0.06);
}

.portal-assessment-pace-strip[b-jby6k6qplq]  .mud-icon-root {
    flex: 0 0 auto;
    color: #0f5f55;
}

.portal-assessment-pace-strip span[b-jby6k6qplq] {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
    color: inherit;
    font-size: 0.78rem;
    font-weight: 850;
    line-height: 1.35;
}

.portal-assessment-pace-strip strong[b-jby6k6qplq] {
    flex: 0 0 auto;
    padding: 0.24rem 0.46rem;
    border-radius: 999px;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    background: rgba(255, 255, 255, 0.82);
    font-size: 0.76rem;
    font-weight: 950;
    white-space: nowrap;
}

.portal-assessment-pace-strip--watch[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.22);
    color: #725018;
    background:
        linear-gradient(135deg, rgba(255, 249, 235, 0.94), rgba(255, 255, 255, 0.86));
}

.portal-assessment-pace-strip--watch[b-jby6k6qplq]  .mud-icon-root {
    color: #8a5a12;
}

.portal-assessment-pace-strip--danger[b-jby6k6qplq] {
    border-color: rgba(180, 35, 65, 0.24);
    color: #8a1230;
    background:
        linear-gradient(135deg, rgba(255, 241, 244, 0.96), rgba(255, 255, 255, 0.9));
}

.portal-assessment-pace-strip--danger[b-jby6k6qplq]  .mud-icon-root,
.portal-assessment-pace-strip--danger strong[b-jby6k6qplq] {
    color: #b42341;
}

.portal-assessment-pace-strip--review[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 214), 70%, 26%, 0.16);
    color: hsl(var(--brand-h, 214), 70%, 26%);
    background:
        linear-gradient(135deg, rgba(232, 241, 255, 0.9), rgba(255, 255, 255, 0.86));
}

.portal-assessment-pace-strip--review[b-jby6k6qplq]  .mud-icon-root {
    color: hsl(var(--brand-h, 214), 70%, 26%);
}

.portal-assessment-time-pressure[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    gap: 0.48rem;
    min-width: 0;
    margin: -0.36rem 0 0.68rem;
    padding: 0.52rem 0.62rem;
    border: 1px solid hsla(var(--brand-accent-h, 37), 63%, 47%, 0.22);
    border-radius: 8px;
    color: #6d3a00;
    background:
        linear-gradient(135deg, rgba(255, 249, 235, 0.94), rgba(255, 255, 255, 0.86));
    box-shadow: 0 12px 24px hsla(var(--brand-h, 218), 60%, 16%, 0.06);
}

.portal-assessment-time-pressure[b-jby6k6qplq]  .mud-icon-root {
    flex: 0 0 auto;
    color: #8a5a12;
}

.portal-assessment-time-pressure span[b-jby6k6qplq] {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
    font-size: 0.8rem;
    font-weight: 850;
    line-height: 1.35;
}

.portal-assessment-time-pressure strong[b-jby6k6qplq] {
    flex: 0 0 auto;
    padding: 0.24rem 0.46rem;
    border-radius: 999px;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    background: rgba(255, 255, 255, 0.82);
    font-size: 0.78rem;
    font-weight: 950;
}

.portal-assessment-time-pressure--critical[b-jby6k6qplq],
.portal-assessment-time-pressure--submitting[b-jby6k6qplq] {
    border-color: rgba(180, 35, 65, 0.26);
    color: #8a1230;
    background:
        linear-gradient(135deg, rgba(255, 241, 244, 0.98), rgba(255, 255, 255, 0.9));
}

.portal-assessment-time-pressure--critical[b-jby6k6qplq]  .mud-icon-root,
.portal-assessment-time-pressure--submitting[b-jby6k6qplq]  .mud-icon-root {
    color: #b42341;
}

.portal-assessment-time-pressure--critical strong[b-jby6k6qplq],
.portal-assessment-time-pressure--submitting strong[b-jby6k6qplq] {
    color: #b42341;
    background: rgba(255, 241, 244, 0.86);
}

.portal-assessment-connection-strip[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    gap: 0.48rem;
    min-width: 0;
    margin: -0.36rem 0 0.68rem;
    padding: 0.52rem 0.62rem;
    border: 1px solid rgba(180, 35, 65, 0.24);
    border-radius: 8px;
    color: #8a1230;
    background:
        linear-gradient(135deg, rgba(255, 241, 244, 0.98), rgba(255, 255, 255, 0.9));
    box-shadow: 0 12px 24px hsla(var(--brand-h, 218), 60%, 16%, 0.06);
}

.portal-assessment-connection-strip[b-jby6k6qplq]  .mud-icon-root {
    flex: 0 0 auto;
    color: #b42341;
}

.portal-assessment-connection-strip span[b-jby6k6qplq] {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
    font-size: 0.8rem;
    font-weight: 850;
    line-height: 1.35;
}

.portal-assessment-connection-strip strong[b-jby6k6qplq] {
    flex: 0 0 auto;
    padding: 0.24rem 0.46rem;
    border-radius: 999px;
    color: #b42341;
    background: rgba(255, 241, 244, 0.86);
    font-size: 0.78rem;
    font-weight: 950;
}

.portal-assessment-draft-recovery[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    margin: -0.36rem 0 0.68rem;
    padding: 0.5rem 0.58rem;
    border: 1px solid rgba(15, 118, 110, 0.2);
    border-radius: 8px;
    color: #0f5f55;
    background:
        linear-gradient(135deg, rgba(238, 252, 248, 0.96), rgba(255, 249, 235, 0.72)),
        rgba(255, 255, 255, 0.9);
    box-shadow: 0 12px 24px hsla(var(--brand-h, 218), 60%, 16%, 0.06);
}

.portal-assessment-draft-recovery[b-jby6k6qplq] >  .mud-icon-root {
    flex: 0 0 auto;
    color: #0f766e;
}

.portal-assessment-draft-recovery.is-syncing[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 217), 91%, 60%, 0.22);
    color: hsl(var(--brand-h, 214), 66%, 34%);
    background:
        linear-gradient(135deg, rgba(239, 246, 255, 0.96), rgba(255, 255, 255, 0.84));
}

.portal-assessment-draft-recovery.is-syncing[b-jby6k6qplq] >  .mud-icon-root {
    color: hsl(var(--brand-h, 221), 83%, 53%);
}

.portal-assessment-draft-recovery.is-offline[b-jby6k6qplq],
.portal-assessment-draft-recovery.is-blocked[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 39), 64%, 56%, 0.28);
    color: #8a5a12;
    background:
        linear-gradient(135deg, rgba(255, 249, 235, 0.96), rgba(255, 255, 255, 0.84));
}

.portal-assessment-draft-recovery.is-offline[b-jby6k6qplq] >  .mud-icon-root,
.portal-assessment-draft-recovery.is-blocked[b-jby6k6qplq] >  .mud-icon-root {
    color: hsl(var(--brand-accent-h, 36), 77%, 41%);
}

.portal-assessment-draft-recovery > div[b-jby6k6qplq] {
    display: grid;
    gap: 0.06rem;
    min-width: 0;
    flex: 1 1 auto;
}

.portal-assessment-draft-recovery strong[b-jby6k6qplq],
.portal-assessment-draft-recovery span[b-jby6k6qplq] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.portal-assessment-draft-recovery strong[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.78rem;
    font-weight: 950;
}

.portal-assessment-draft-recovery span[b-jby6k6qplq],
.portal-assessment-draft-recovery em[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 214), 20%, 40%);
    font-size: 0.76rem;
    font-style: normal;
    font-weight: 820;
    line-height: 1.35;
}

.portal-assessment-draft-recovery em[b-jby6k6qplq] {
    flex: 0 0 auto;
    padding: 0.24rem 0.46rem;
    border-radius: 999px;
    color: #8a5a12;
    background: rgba(255, 249, 235, 0.88);
    font-weight: 900;
    white-space: nowrap;
}

.portal-assessment-health-strip[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: auto repeat(4, minmax(0, auto));
    align-items: center;
    gap: 0.38rem;
    min-width: 0;
    margin: -0.36rem 0 0.68rem;
    padding: 0.42rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(247, 250, 253, 0.84)),
        rgba(255, 255, 255, 0.9);
    box-shadow: 0 12px 24px hsla(var(--brand-h, 218), 60%, 16%, 0.06);
}

.portal-assessment-health-strip--ready[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.16);
    background:
        linear-gradient(135deg, rgba(236, 253, 245, 0.68), rgba(255, 255, 255, 0.92)),
        rgba(255, 255, 255, 0.9);
}

.portal-assessment-health-strip--watch[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 39), 64%, 56%, 0.22);
    background:
        linear-gradient(135deg, rgba(255, 249, 235, 0.74), rgba(255, 255, 255, 0.92)),
        rgba(255, 255, 255, 0.9);
}

.portal-assessment-health-strip--offline[b-jby6k6qplq] {
    border-color: rgba(180, 35, 65, 0.22);
    background:
        linear-gradient(135deg, rgba(255, 241, 244, 0.82), rgba(255, 255, 255, 0.92)),
        rgba(255, 255, 255, 0.9);
}

.portal-assessment-health-strip__lead[b-jby6k6qplq],
.portal-assessment-health-strip__chip[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    min-height: 1.82rem;
    border-radius: 8px;
}

.portal-assessment-health-strip__lead[b-jby6k6qplq] {
    gap: 0.34rem;
    padding: 0 0.48rem;
    color: hsl(var(--brand-h, 214), 70%, 26%);
    background: rgba(232, 241, 255, 0.72);
    font-size: 0.66rem;
    font-weight: 940;
    text-transform: uppercase;
}

.portal-assessment-health-strip__lead[b-jby6k6qplq]  .mud-icon-root,
.portal-assessment-health-strip__chip[b-jby6k6qplq]  .mud-icon-root {
    flex: 0 0 auto;
    font-size: 0.96rem;
}

.portal-assessment-health-strip__chip[b-jby6k6qplq] {
    gap: 0.3rem;
    padding: 0 0.48rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    background: rgba(255, 255, 255, 0.8);
    color: hsl(var(--brand-h, 214), 20%, 40%);
    font-size: 0.72rem;
    font-weight: 900;
}

.portal-assessment-health-strip__chip strong[b-jby6k6qplq] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-health-strip__chip--ready[b-jby6k6qplq] {
    color: #0f5f55;
    border-color: rgba(15, 118, 110, 0.18);
    background: rgba(238, 252, 248, 0.82);
}

.portal-assessment-health-strip__chip--watch[b-jby6k6qplq] {
    color: #7c3d12;
    border-color: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.22);
    background: rgba(255, 249, 235, 0.9);
}

.portal-assessment-health-strip__chip--danger[b-jby6k6qplq] {
    color: #b42341;
    border-color: rgba(180, 35, 65, 0.22);
    background: rgba(255, 241, 244, 0.9);
}

.portal-assessment-proctor-warning[b-jby6k6qplq] {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.64rem;
    min-width: 0;
    margin: -0.36rem 0 0.68rem;
    padding: 0.54rem;
    overflow: hidden;
    border: 1px solid hsla(var(--brand-accent-h, 29), 78%, 39%, 0.24);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 247, 237, 0.96), rgba(255, 255, 255, 0.92)),
        linear-gradient(90deg, hsla(var(--brand-accent-h, 29), 78%, 39%, 0.13), hsla(var(--brand-h, 214), 70%, 26%, 0.06));
    box-shadow: 0 14px 30px rgba(105, 63, 18, 0.12);
}

.portal-assessment-proctor-warning[b-jby6k6qplq]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 0.22rem;
    background: linear-gradient(180deg, hsl(var(--brand-accent-h, 29), 78%, 39%), hsl(var(--brand-accent-h, 39), 61%, 46%));
}

.portal-assessment-proctor-warning__icon[b-jby6k6qplq] {
    display: inline-grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(135deg, #7c3d12, hsl(var(--brand-accent-h, 39), 61%, 46%));
    box-shadow: 0 10px 18px hsla(var(--brand-accent-h, 29), 78%, 39%, 0.2);
}

.portal-assessment-proctor-warning__icon[b-jby6k6qplq]  .mud-icon-root {
    font-size: 1rem;
}

.portal-assessment-proctor-warning__copy[b-jby6k6qplq] {
    display: grid;
    gap: 0.1rem;
    min-width: 0;
}

.portal-assessment-proctor-warning__copy strong[b-jby6k6qplq] {
    color: #7c3d12;
    font-size: 0.8rem;
    font-weight: 940;
}

.portal-assessment-proctor-warning__copy span[b-jby6k6qplq],
.portal-assessment-proctor-warning__copy small[b-jby6k6qplq] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.portal-assessment-proctor-warning__copy span[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.84rem;
    font-weight: 780;
    line-height: 1.3;
}

.portal-assessment-proctor-warning__copy small[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.68rem;
    font-weight: 820;
}

.portal-assessment-content-protection-strip[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
    min-width: 0;
    margin: -0.36rem 0 0.68rem;
    padding: 0.4rem 0.46rem;
    overflow: hidden;
    border: 1px solid hsla(var(--brand-h, 214), 70%, 26%, 0.12);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(241, 247, 255, 0.92), rgba(255, 255, 255, 0.9)),
        linear-gradient(90deg, hsla(var(--brand-h, 214), 70%, 26%, 0.08), hsla(var(--brand-accent-h, 39), 61%, 46%, 0.08));
    box-shadow: 0 12px 24px hsla(var(--brand-h, 218), 60%, 16%, 0.06);
}

.portal-assessment-content-protection-strip__lead[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.34rem;
    min-height: 1.72rem;
    padding: 0 0.48rem;
    border-radius: 8px;
    color: hsl(var(--brand-h, 214), 70%, 26%);
    background: rgba(232, 241, 255, 0.84);
    font-size: 0.66rem;
    font-weight: 940;
    text-transform: uppercase;
}

.portal-assessment-content-protection-strip__lead[b-jby6k6qplq]  .mud-icon-root {
    flex: 0 0 auto;
    font-size: 0.94rem;
}

.portal-assessment-content-protection-strip strong[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    min-height: 1.72rem;
    padding: 0 0.5rem;
    border-radius: 8px;
    color: #0f5f55;
    background: rgba(238, 252, 248, 0.86);
    font-size: 0.72rem;
    font-weight: 950;
    white-space: nowrap;
}

.portal-assessment-content-protection-strip > span:not(.portal-assessment-content-protection-strip__lead)[b-jby6k6qplq] {
    min-width: 0;
    color: hsl(var(--brand-h, 214), 20%, 40%);
    font-size: 0.72rem;
    font-weight: 850;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-start[b-jby6k6qplq] {
    position: relative;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.72rem;
    min-height: 26rem;
    padding: 1rem;
    overflow: hidden;
    border: 1px dashed hsla(var(--brand-h, 218), 60%, 16%, 0.12);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.82), rgba(247, 250, 253, 0.68)),
        linear-gradient(90deg, rgba(15, 118, 110, 0.06), hsla(var(--brand-accent-h, 39), 61%, 46%, 0.06));
    text-align: center;
}

.portal-assessment-start__icon[b-jby6k6qplq] {
    display: inline-grid;
    place-items: center;
    width: 3.2rem;
    height: 3.2rem;
    border: 1px solid rgba(15, 118, 110, 0.12);
    border-radius: 8px;
    background: rgba(238, 252, 248, 0.76);
    box-shadow: 0 16px 32px hsla(var(--brand-h, 218), 60%, 16%, 0.08);
}

.portal-assessment-start[b-jby6k6qplq]  .mud-icon-root {
    color: #0f766e;
    font-size: 1.65rem;
}

.portal-assessment-start__copy[b-jby6k6qplq] {
    display: grid;
    gap: 0.24rem;
    max-width: 26rem;
}

.portal-assessment-start__metrics[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.42rem;
    width: min(34rem, 100%);
    margin-top: 0.24rem;
}

.portal-assessment-start__metrics article[b-jby6k6qplq] {
    display: grid;
    justify-items: center;
    gap: 0.18rem;
    min-width: 0;
    min-height: 5.2rem;
    padding: 0.58rem 0.48rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.07);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.66);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 10px 24px hsla(var(--brand-h, 218), 60%, 16%, 0.06);
}

.portal-assessment-start__metrics[b-jby6k6qplq]  .mud-icon-root {
    color: hsl(var(--brand-h, 214), 70%, 26%);
    font-size: 1.05rem;
}

.portal-assessment-start__metrics span[b-jby6k6qplq] {
    max-width: 100%;
    overflow: hidden;
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.68rem;
    font-weight: 840;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-start__metrics strong[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 1.18rem;
    font-weight: 920;
}

.portal-assessment-start__next[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    width: min(34rem, 100%);
    padding: 0.58rem;
    border: 1px solid rgba(15, 118, 110, 0.16);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(238, 252, 248, 0.8), rgba(255, 255, 255, 0.78)),
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 39), 61%, 46%, 0.12), transparent 42%);
    box-shadow: 0 14px 30px hsla(var(--brand-h, 218), 60%, 16%, 0.08);
}

.portal-assessment-start__next > div[b-jby6k6qplq] {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
    text-align: left;
}

.portal-assessment-start__next span[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.68rem;
    font-weight: 900;
    text-transform: uppercase;
}

.portal-assessment-start__next strong[b-jby6k6qplq] {
    overflow: hidden;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.86rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-timer[b-jby6k6qplq] {
    display: grid;
    gap: 0.15rem;
    min-width: 8.4rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 14px;
    background: #fbfcff;
    text-align: right;
}

.portal-assessment-timer--urgent[b-jby6k6qplq] {
    border-color: rgba(180, 35, 65, 0.24);
    background: rgba(180, 35, 65, 0.06);
}

.portal-assessment-timer--urgent strong[b-jby6k6qplq] {
    color: #b42341;
}

.portal-assessment-rules[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: minmax(9rem, auto) minmax(0, 1fr);
    gap: 0.46rem;
    align-items: center;
    margin: 0.72rem 0;
    padding: 0.46rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 10px 24px hsla(var(--brand-h, 218), 60%, 16%, 0.05);
}

.portal-assessment-page--active-attempt .portal-assessment-rules[b-jby6k6qplq] {
    grid-column: 1;
    grid-template-columns: minmax(5.8rem, auto) minmax(0, 1fr);
    gap: 0.26rem;
    margin: 0;
    padding: 0.24rem;
    box-shadow: none;
}

.portal-assessment-page--active-attempt .portal-assessment-rules__head[b-jby6k6qplq] {
    min-height: 1.48rem;
    padding: 0.18rem 0.34rem;
}

.portal-assessment-page--active-attempt .portal-assessment-rules__items > span[b-jby6k6qplq],
.portal-assessment-page--active-attempt .portal-assessment-secure-mode[b-jby6k6qplq] {
    min-height: 1.32rem;
    padding: 0.14rem 0.36rem;
    font-size: 0.66rem;
}

.portal-assessment-page--active-attempt .portal-assessment-rules__head span[b-jby6k6qplq] {
    display: none;
}

.portal-assessment-page--active-attempt .portal-assessment-rules__head strong[b-jby6k6qplq] {
    font-size: 0.74rem;
}

.portal-assessment-rules.is-watch[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.2);
    background:
        linear-gradient(135deg, rgba(255, 249, 235, 0.82), rgba(255, 255, 255, 0.92)),
        rgba(255, 255, 255, 0.86);
}

.portal-assessment-rules.is-ready[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.18);
    background:
        linear-gradient(135deg, rgba(236, 253, 245, 0.74), rgba(255, 255, 255, 0.92)),
        rgba(255, 255, 255, 0.86);
}

.portal-assessment-rules__head[b-jby6k6qplq] {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
    padding: 0.34rem 0.42rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.06);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.74);
}

.portal-assessment-rules__head span[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.62rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.portal-assessment-rules__head strong[b-jby6k6qplq] {
    min-width: 0;
    overflow: hidden;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.86rem;
    font-weight: 940;
    line-height: 1.08;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-rules__items[b-jby6k6qplq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    justify-content: flex-end;
    min-width: 0;
}

.portal-assessment-secure-mode[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 1.55rem;
    padding: 0.26rem 0.55rem;
    border: 1px solid hsla(var(--brand-h, 214), 70%, 26%, 0.16);
    border-radius: 999px;
    color: hsl(var(--brand-h, 214), 70%, 26%);
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.09);
    font: inherit;
    font-size: 0.74rem;
    font-weight: 850;
    cursor: pointer;
    transition: border-color 140ms ease, background 140ms ease, color 140ms ease, transform 140ms ease;
}

.portal-assessment-secure-mode:hover:not(:disabled)[b-jby6k6qplq] {
    transform: translateY(-1px);
    border-color: rgba(15, 118, 110, 0.3);
    color: #0f5f55;
    background: rgba(15, 118, 110, 0.09);
}

.portal-assessment-secure-mode:disabled[b-jby6k6qplq] {
    cursor: progress;
    opacity: 0.72;
}

.portal-assessment-secure-mode--active[b-jby6k6qplq] {
    color: #0f5f55;
    border-color: rgba(15, 118, 110, 0.26);
    background: rgba(15, 118, 110, 0.11);
}

.portal-assessment-secure-mode[b-jby6k6qplq]  .mud-icon-root {
    font-size: 1rem;
}

.portal-assessment-secure-mode strong[b-jby6k6qplq] {
    font: inherit;
    font-weight: 900;
}

.portal-assessment-accessibility[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: auto repeat(4, minmax(0, auto));
    align-items: center;
    gap: 0.42rem;
    margin: -0.22rem 0 0.84rem;
    padding: 0.42rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.88), rgba(247, 250, 253, 0.76)),
        rgba(247, 250, 253, 0.74);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
}

.portal-assessment-page--active-attempt .portal-assessment-accessibility[b-jby6k6qplq] {
    grid-column: 2;
    grid-template-columns: auto repeat(4, minmax(0, auto));
    margin: 0;
    padding: 0.24rem;
}

.portal-assessment-page--active-attempt .portal-assessment-accessibility__head[b-jby6k6qplq],
.portal-assessment-page--active-attempt .portal-assessment-accessibility__button[b-jby6k6qplq] {
    min-height: 1.48rem;
}

.portal-assessment-page--active-attempt .portal-assessment-accessibility__button[b-jby6k6qplq] {
    padding: 0.16rem 0.36rem;
    font-size: 0.66rem;
}

.portal-assessment-page--active-attempt .portal-assessment-accessibility__head[b-jby6k6qplq] {
    padding: 0 0.34rem;
}

.portal-assessment-page--active-attempt .portal-assessment-accessibility__head span[b-jby6k6qplq] {
    display: none;
}

.portal-assessment-page--active-attempt .portal-assessment-accessibility__head strong[b-jby6k6qplq] {
    min-width: 1.65rem;
    height: 1.12rem;
    font-size: 0.62rem;
}

.portal-assessment-accessibility__head[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.36rem;
    min-height: 1.92rem;
    padding: 0 0.44rem;
    border-right: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
}

.portal-assessment-accessibility__head span[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.66rem;
    font-weight: 900;
    text-transform: uppercase;
}

.portal-assessment-accessibility__head strong[b-jby6k6qplq] {
    display: inline-grid;
    place-items: center;
    min-width: 2rem;
    height: 1.34rem;
    padding: 0 0.34rem;
    border-radius: 8px;
    color: #0f5f55;
    background: rgba(15, 118, 110, 0.1);
    font-size: 0.68rem;
    font-weight: 950;
}

.portal-assessment-accessibility__button[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.34rem;
    min-height: 1.92rem;
    padding: 0.28rem 0.52rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.1);
    border-radius: 8px;
    color: hsl(var(--brand-h, 214), 20%, 40%);
    background: rgba(255, 255, 255, 0.88);
    font: inherit;
    font-size: 0.73rem;
    font-weight: 850;
    cursor: pointer;
    transition: transform 140ms ease, border-color 140ms ease, background 140ms ease, color 140ms ease;
}

.portal-assessment-accessibility__button:hover:not(:disabled)[b-jby6k6qplq] {
    transform: translateY(-1px);
    border-color: rgba(15, 118, 110, 0.25);
    color: #0f5f55;
    background: rgba(15, 118, 110, 0.08);
}

.portal-assessment-accessibility__button--active[b-jby6k6qplq] {
    color: #0f5f55;
    border-color: rgba(15, 118, 110, 0.28);
    background: rgba(15, 118, 110, 0.12);
}

.portal-assessment-accessibility__button:disabled[b-jby6k6qplq] {
    cursor: default;
    opacity: 0.74;
}

.portal-assessment-accessibility__button[b-jby6k6qplq]  .mud-icon-root {
    font-size: 0.98rem;
}

.portal-assessment-accessibility__button strong[b-jby6k6qplq] {
    font: inherit;
    font-weight: 900;
}

.portal-assessment-accommodation-note[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 0.56rem;
    margin: -0.38rem 0 0.84rem;
    padding: 0.62rem 0.7rem;
    border: 1px solid hsla(var(--brand-accent-h, 37), 49%, 48%, 0.2);
    border-radius: 8px;
    background:
        linear-gradient(135deg, hsla(var(--brand-accent-h, 37), 49%, 48%, 0.13), rgba(255, 255, 255, 0.78)),
        rgba(255, 255, 255, 0.9);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 12px 26px hsla(var(--brand-h, 218), 60%, 16%, 0.07);
}

.portal-assessment-accommodation-note[b-jby6k6qplq]  .mud-icon-root {
    color: #9a6b24;
    margin-top: 0.08rem;
}

.portal-assessment-accommodation-note div[b-jby6k6qplq] {
    display: grid;
    gap: 0.16rem;
    min-width: 0;
}

.portal-assessment-accommodation-note span[b-jby6k6qplq] {
    color: #7a5a2c;
    font-size: 0.66rem;
    font-weight: 900;
    text-transform: uppercase;
}

.portal-assessment-accommodation-note strong[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 219), 37%, 19%);
    font-size: 0.86rem;
    font-weight: 750;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.portal-assessment-calculator[b-jby6k6qplq] {
    display: grid;
    gap: 0.5rem;
    width: min(100%, 18rem);
    margin: 0.2rem 0 0.82rem auto;
    padding: 0.58rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.1);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(246, 249, 253, 0.9)),
        rgba(255, 255, 255, 0.92);
    box-shadow: 0 14px 30px hsla(var(--brand-h, 218), 60%, 16%, 0.1);
}

.portal-assessment-calculator__head[b-jby6k6qplq],
.portal-assessment-formula-sheet__head[b-jby6k6qplq],
.portal-assessment-scratchpad__head[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
}

.portal-assessment-calculator__head > div[b-jby6k6qplq],
.portal-assessment-formula-sheet__head > div[b-jby6k6qplq],
.portal-assessment-scratchpad__head > div[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    gap: 0.38rem;
    min-width: 0;
}

.portal-assessment-calculator__head[b-jby6k6qplq]  .mud-icon-root,
.portal-assessment-formula-sheet__head[b-jby6k6qplq]  .mud-icon-root,
.portal-assessment-scratchpad__head[b-jby6k6qplq]  .mud-icon-root {
    color: #0f5f55;
}

.portal-assessment-calculator__head span[b-jby6k6qplq] {
    overflow: hidden;
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.66rem;
    font-weight: 900;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.portal-assessment-calculator__head button[b-jby6k6qplq],
.portal-assessment-formula-sheet__head button[b-jby6k6qplq],
.portal-assessment-scratchpad__head button[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 1.85rem;
    height: 1.85rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    color: hsl(var(--brand-h, 214), 20%, 40%);
    background: rgba(255, 255, 255, 0.82);
    cursor: pointer;
    transition: transform 140ms ease, border-color 140ms ease, color 140ms ease;
}

.portal-assessment-calculator__head button:hover[b-jby6k6qplq],
.portal-assessment-formula-sheet__head button:hover[b-jby6k6qplq],
.portal-assessment-scratchpad__head button:hover[b-jby6k6qplq] {
    transform: translateY(-1px);
    border-color: rgba(15, 118, 110, 0.22);
    color: #0f5f55;
}

.portal-assessment-calculator__display[b-jby6k6qplq] {
    display: grid;
    min-height: 2.72rem;
    padding: 0.42rem 0.56rem;
    border: 1px solid hsla(var(--brand-h, 214), 70%, 26%, 0.1);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.86);
}

.portal-assessment-calculator__display strong[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 1.24rem;
    font-weight: 900;
    line-height: 1.1;
    text-align: right;
    word-break: break-all;
}

.portal-assessment-calculator__keys[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.32rem;
}

.portal-assessment-calculator__keys button[b-jby6k6qplq] {
    min-height: 2rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    background: rgba(255, 255, 255, 0.9);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 900;
    cursor: pointer;
    transition: transform 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
}

.portal-assessment-calculator__keys button:hover[b-jby6k6qplq] {
    transform: translateY(-1px);
    border-color: rgba(15, 118, 110, 0.24);
    box-shadow: 0 10px 22px hsla(var(--brand-h, 218), 60%, 16%, 0.09);
}

.portal-assessment-calculator__zero[b-jby6k6qplq] {
    grid-column: span 2;
}

.portal-assessment-calculator__equals[b-jby6k6qplq] {
    color: #ffffff !important;
    border-color: hsla(var(--brand-h, 214), 70%, 26%, 0.08) !important;
    background: linear-gradient(135deg, hsl(var(--brand-h, 214), 70%, 26%), #0f766e) !important;
}

.portal-assessment-formula-sheet[b-jby6k6qplq] {
    display: grid;
    gap: 0.56rem;
    margin: 0.2rem 0 0.82rem;
    padding: 0.62rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.1);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(247, 250, 253, 0.92));
    box-shadow: 0 14px 30px hsla(var(--brand-h, 218), 60%, 16%, 0.09);
}

.portal-assessment-formula-sheet__head span[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.66rem;
    font-weight: 900;
    text-transform: uppercase;
}

.portal-assessment-formula-sheet__head strong[b-jby6k6qplq] {
    display: inline-block;
    overflow: hidden;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.9rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-formula-sheet__body[b-jby6k6qplq] {
    max-height: 16rem;
    overflow: auto;
    padding: 0.68rem;
    border: 1px solid hsla(var(--brand-h, 214), 70%, 26%, 0.09);
    border-radius: 8px;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.82)),
        repeating-linear-gradient(0deg, transparent 0, transparent 1.9rem, rgba(15, 118, 110, 0.055) 1.95rem);
    font-size: 0.9rem;
    line-height: 1.58;
}

.portal-assessment-formula-sheet__body :first-child[b-jby6k6qplq] {
    margin-top: 0;
}

.portal-assessment-formula-sheet__body :last-child[b-jby6k6qplq] {
    margin-bottom: 0;
}

.portal-assessment-scratchpad[b-jby6k6qplq] {
    display: grid;
    gap: 0.52rem;
    width: min(100%, 32rem);
    margin: 0.2rem 0 0.82rem auto;
    padding: 0.62rem;
    border: 1px solid rgba(15, 118, 110, 0.16);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(238, 252, 248, 0.9)),
        rgba(255, 255, 255, 0.92);
    box-shadow: 0 14px 30px hsla(var(--brand-h, 218), 60%, 16%, 0.09);
}

.portal-assessment-scratchpad.is-saving[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.28);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(255, 249, 235, 0.9)),
        rgba(255, 255, 255, 0.92);
}

.portal-assessment-scratchpad__head span[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.66rem;
    font-weight: 900;
    text-transform: uppercase;
}

.portal-assessment-scratchpad__head strong[b-jby6k6qplq] {
    overflow: hidden;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.9rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-scratchpad__head small[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.72rem;
    font-weight: 850;
    white-space: nowrap;
}

.portal-assessment-scratchpad textarea[b-jby6k6qplq] {
    width: 100%;
    min-height: 8.5rem;
    max-height: 18rem;
    resize: vertical;
    padding: 0.72rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.1);
    border-radius: 8px;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.86)),
        repeating-linear-gradient(0deg, transparent 0, transparent 1.8rem, rgba(15, 118, 110, 0.052) 1.85rem);
    font: inherit;
    font-size: 0.9rem;
    line-height: 1.55;
    outline: none;
}

.portal-assessment-scratchpad textarea:focus[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.32);
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.08);
}

.portal-assessment-scratchpad__foot[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.portal-assessment-scratchpad__foot span[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.72rem;
    font-weight: 850;
}

.portal-assessment-scratchpad__foot button[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    min-height: 1.95rem;
    padding: 0 0.52rem;
    border: 1px solid rgba(180, 35, 65, 0.14);
    border-radius: 8px;
    color: #9f1239;
    background: rgba(255, 241, 244, 0.76);
    font: inherit;
    font-size: 0.74rem;
    font-weight: 900;
    cursor: pointer;
    transition: transform 140ms ease, border-color 140ms ease, background 140ms ease, opacity 140ms ease;
}

.portal-assessment-scratchpad__foot button:hover:not(:disabled)[b-jby6k6qplq] {
    transform: translateY(-1px);
    border-color: rgba(180, 35, 65, 0.26);
    background: rgba(255, 241, 244, 0.98);
}

.portal-assessment-scratchpad__foot button:disabled[b-jby6k6qplq] {
    cursor: not-allowed;
    opacity: 0.52;
}

.portal-assessment-readiness[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.68rem;
    align-items: start;
    margin: 0.72rem 0;
    padding: 0.76rem;
    border: 1px solid hsla(var(--brand-h, 214), 70%, 26%, 0.12);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(242, 247, 252, 0.92)),
        linear-gradient(90deg, hsla(var(--brand-h, 214), 70%, 26%, 0.08), rgba(15, 118, 110, 0.08));
    box-shadow: 0 16px 34px hsla(var(--brand-h, 218), 60%, 16%, 0.08);
}

.portal-assessment-readiness__lead[b-jby6k6qplq] {
    display: flex;
    align-items: flex-start;
    gap: 0.72rem;
}

.portal-assessment-readiness__lead[b-jby6k6qplq] >  .mud-icon-root {
    flex: 0 0 auto;
    width: 2.35rem;
    height: 2.35rem;
    padding: 0.42rem;
    border-radius: 8px;
    color: #ffffff;
    background: linear-gradient(135deg, hsl(var(--brand-h, 214), 70%, 26%), #0f766e);
    box-shadow: 0 14px 24px hsla(var(--brand-h, 214), 70%, 26%, 0.2);
}

.portal-assessment-readiness__lead span[b-jby6k6qplq] {
    display: block;
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.66rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.portal-assessment-readiness__lead h3[b-jby6k6qplq] {
    margin: 0.1rem 0 0;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 1.02rem;
    font-weight: 900;
}

.portal-assessment-readiness__lead p[b-jby6k6qplq] {
    margin: 0.22rem 0 0;
    color: hsl(var(--brand-h, 214), 20%, 40%);
    font-size: 0.84rem;
    line-height: 1.5;
}

.portal-assessment-readiness__meter[b-jby6k6qplq] {
    height: 0.36rem;
    margin-top: 0.52rem;
    overflow: hidden;
    border-radius: 999px;
    background: hsla(var(--brand-h, 218), 60%, 16%, 0.08);
}

.portal-assessment-readiness__meter span[b-jby6k6qplq] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, hsl(var(--brand-h, 214), 70%, 26%), #0f766e, hsl(var(--brand-accent-h, 39), 61%, 46%));
    transition: width 0.22s ease;
}

.portal-assessment-readiness__items[b-jby6k6qplq] {
    grid-column: 1 / -1;
}

.portal-assessment-readiness__evidence[b-jby6k6qplq] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
    padding: 0.4rem;
    border: 1px solid rgba(15, 118, 110, 0.14);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(236, 253, 245, 0.78), rgba(255, 255, 255, 0.9)),
        rgba(255, 255, 255, 0.76);
}

.portal-assessment-readiness__evidence span[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    min-height: 1.72rem;
    min-width: 0;
    padding: 0.22rem 0.48rem;
    border: 1px solid rgba(15, 118, 110, 0.16);
    border-radius: 999px;
    color: #0f5f55;
    background: rgba(255, 255, 255, 0.78);
    font-size: 0.72rem;
    font-weight: 900;
}

.portal-assessment-readiness__evidence span span[b-jby6k6qplq] {
    display: inline;
    min-height: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

.portal-assessment-readiness__items[b-jby6k6qplq],
.portal-assessment-readiness__actions[b-jby6k6qplq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.48rem;
}

.portal-assessment-readiness__actions[b-jby6k6qplq] {
    justify-content: flex-end;
}

.portal-assessment-readiness__manifest[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.34rem;
    min-height: 2rem;
    padding: 0.36rem 0.68rem;
    border: 1px solid hsla(var(--brand-h, 214), 70%, 26%, 0.16);
    border-radius: 8px;
    color: hsl(var(--brand-h, 214), 70%, 26%);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 10px 22px hsla(var(--brand-h, 214), 56%, 16%, 0.06);
    font-size: 0.74rem;
    font-weight: 900;
    text-decoration: none;
    white-space: nowrap;
}

.portal-assessment-readiness__manifest:hover[b-jby6k6qplq] {
    color: #0f766e;
    border-color: rgba(15, 118, 110, 0.24);
}

.portal-assessment-readiness__item[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 1.96rem;
    padding: 0.36rem 0.56rem;
    border: 1px solid hsla(var(--brand-h, 214), 70%, 26%, 0.12);
    border-radius: 8px;
    color: hsl(var(--brand-h, 214), 20%, 40%);
    background: rgba(255, 255, 255, 0.86);
    font-size: 0.78rem;
    font-weight: 850;
}

.portal-assessment-readiness__item--ready[b-jby6k6qplq] {
    color: #0f5f55;
    border-color: rgba(15, 118, 110, 0.2);
    background: rgba(15, 118, 110, 0.09);
}

.portal-assessment-result[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0.8rem 0;
    padding: 0.7rem 0.8rem;
    border-radius: 14px;
    color: #0f5f55;
    background: rgba(15, 118, 110, 0.1);
    font-weight: 850;
}

.portal-assessment-result em[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-style: normal;
}

.portal-assessment-result--locked[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 214), 20%, 40%);
    background: hsla(var(--brand-h, 214), 20%, 40%, 0.1);
}

.portal-assessment-completion[b-jby6k6qplq] {
    display: grid;
    gap: 0.78rem;
    min-height: clamp(24rem, 52vh, 38rem);
    padding: clamp(0.86rem, 1.4vw, 1.25rem);
    border: 1px solid rgba(15, 118, 110, 0.16);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.94)),
        linear-gradient(120deg, rgba(15, 118, 110, 0.08), hsla(var(--brand-accent-h, 39), 61%, 46%, 0.08));
    box-shadow: 0 18px 42px hsla(var(--brand-h, 218), 60%, 16%, 0.08);
}

.portal-assessment-completion.is-warning[b-jby6k6qplq] {
    border-color: rgba(180, 35, 65, 0.18);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(255, 250, 246, 0.94)),
        linear-gradient(120deg, rgba(180, 35, 65, 0.08), hsla(var(--brand-accent-h, 39), 61%, 46%, 0.08));
}

.portal-assessment-completion__hero[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) minmax(11rem, 15rem);
    gap: 0.8rem;
    align-items: center;
}

.portal-assessment-completion__seal[b-jby6k6qplq] {
    display: grid;
    place-items: center;
    width: 3.2rem;
    aspect-ratio: 1;
    border: 1px solid rgba(15, 118, 110, 0.18);
    border-radius: 8px;
    color: #0f766e;
    background:
        linear-gradient(135deg, rgba(15, 118, 110, 0.13), rgba(255, 255, 255, 0.92)),
        linear-gradient(45deg, hsla(var(--brand-accent-h, 39), 61%, 46%, 0.13), transparent);
}

.portal-assessment-completion__seal[b-jby6k6qplq]  .mud-icon-root {
    font-size: 1.8rem;
}

.portal-assessment-completion__copy[b-jby6k6qplq] {
    min-width: 0;
}

.portal-assessment-completion__copy span[b-jby6k6qplq],
.portal-assessment-completion__metrics span[b-jby6k6qplq],
.portal-assessment-completion__score span[b-jby6k6qplq] {
    display: block;
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.portal-assessment-completion__copy h2[b-jby6k6qplq] {
    margin: 0.12rem 0 0;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: clamp(1.2rem, 1.9vw, 1.72rem);
    font-weight: 950;
    line-height: 1.12;
}

.portal-assessment-completion__copy p[b-jby6k6qplq] {
    max-width: 62rem;
    margin: 0.32rem 0 0;
    color: hsl(var(--brand-h, 214), 20%, 40%);
    font-size: 0.92rem;
    font-weight: 720;
}

.portal-assessment-completion__score[b-jby6k6qplq] {
    position: relative;
    display: grid;
    place-items: center;
    gap: 0.12rem;
    min-height: 7rem;
    padding: 0.72rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    overflow: hidden;
    text-align: center;
    background:
        conic-gradient(from 220deg, rgba(15, 118, 110, 0.92) var(--assessment-result-progress, 0%), hsla(var(--brand-h, 218), 60%, 16%, 0.08) 0),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(246, 249, 253, 0.9));
}

.portal-assessment-completion__score[b-jby6k6qplq]::before {
    content: "";
    position: absolute;
    inset: 0.45rem;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.94);
}

.portal-assessment-completion__score > *[b-jby6k6qplq] {
    position: relative;
    z-index: 1;
}

.portal-assessment-completion__score strong[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 1.42rem;
    font-weight: 950;
    line-height: 1;
}

.portal-assessment-completion__score small[b-jby6k6qplq] {
    color: #0f5f55;
    font-size: 0.86rem;
    font-weight: 900;
}

.portal-assessment-completion__metrics[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.62rem;
}

.portal-assessment-completion__metrics article[b-jby6k6qplq] {
    min-width: 0;
    padding: 0.72rem 0.78rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 10px 28px hsla(var(--brand-h, 218), 60%, 16%, 0.05);
}

.portal-assessment-completion__metrics strong[b-jby6k6qplq] {
    display: block;
    margin-top: 0.22rem;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 1.04rem;
    font-weight: 950;
    line-height: 1.15;
}

.portal-assessment-completion__metrics small[b-jby6k6qplq] {
    display: block;
    margin-top: 0.22rem;
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.74rem;
    font-weight: 760;
    overflow-wrap: anywhere;
}

.portal-assessment-completion__journal.is-synced[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.22);
    background: rgba(15, 118, 110, 0.08);
}

.portal-assessment-completion__journal.is-warning[b-jby6k6qplq] {
    border-color: rgba(180, 35, 65, 0.2);
    background: rgba(180, 35, 65, 0.07);
}

.portal-assessment-completion__diagnostics[b-jby6k6qplq] {
    border: 1px dashed hsla(var(--brand-h, 214), 70%, 26%, 0.24);
    border-radius: 8px;
    background: rgba(246, 249, 253, 0.86);
}

.portal-assessment-completion__diagnostics summary[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    gap: 0.42rem;
    padding: 0.58rem 0.72rem;
    color: hsl(var(--brand-h, 214), 70%, 26%);
    cursor: pointer;
    font-size: 0.8rem;
    font-weight: 900;
}

.portal-assessment-completion__diagnostics pre[b-jby6k6qplq] {
    max-height: 10rem;
    margin: 0;
    padding: 0 0.72rem 0.72rem;
    overflow: auto;
    color: hsl(var(--brand-h, 215), 25%, 27%);
    white-space: pre-wrap;
    word-break: break-word;
    font-size: 0.74rem;
    line-height: 1.45;
}

.portal-assessment-completion__actions[b-jby6k6qplq] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.52rem;
    flex-wrap: wrap;
    padding-top: 0.1rem;
}

.portal-assessment-gradebook[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.68rem 0.78rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 12px 26px hsla(var(--brand-h, 218), 60%, 16%, 0.05);
}

.portal-assessment-gradebook > div:first-child[b-jby6k6qplq] {
    display: grid;
    gap: 0.08rem;
    min-width: 9rem;
}

.portal-assessment-gradebook span[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.portal-assessment-gradebook strong[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.92rem;
    font-weight: 900;
}

.portal-assessment-gradebook__detail[b-jby6k6qplq] {
    display: grid;
    justify-items: end;
    gap: 0.16rem;
    text-align: right;
}

.portal-assessment-gradebook__detail span[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 218), 60%, 16%);
    text-transform: none;
}

.portal-assessment-gradebook__detail small[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-weight: 750;
}

.portal-assessment-gradebook__detail .portal-assessment-gradebook__reconciliation[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 25%, 27%);
    font-weight: 860;
    overflow-wrap: anywhere;
}

.portal-assessment-gradebook.is-synced[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.22);
    background: rgba(15, 118, 110, 0.08);
}

.portal-assessment-gradebook.is-ready[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 224), 76%, 48%, 0.16);
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.07);
}

.portal-assessment-gradebook.is-warning[b-jby6k6qplq] {
    border-color: rgba(180, 35, 65, 0.18);
    background: rgba(180, 35, 65, 0.07);
}

.portal-assessment-score-history[b-jby6k6qplq] {
    display: grid;
    gap: 0.52rem;
    padding: 0.64rem 0.72rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.1);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(246, 250, 255, 0.86)),
        linear-gradient(135deg, rgba(15, 118, 110, 0.08), hsla(var(--brand-accent-h, 39), 73%, 41%, 0.08));
    box-shadow: 0 12px 26px hsla(var(--brand-h, 218), 60%, 16%, 0.05);
}

.portal-assessment-score-history.is-changed[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.2);
    box-shadow: inset 3px 0 0 rgba(15, 118, 110, 0.54), 0 12px 26px hsla(var(--brand-h, 218), 60%, 16%, 0.05);
}

.portal-assessment-score-history.is-warning[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 39), 73%, 41%, 0.24);
    box-shadow: inset 3px 0 0 hsla(var(--brand-accent-h, 39), 73%, 41%, 0.58), 0 12px 26px hsla(var(--brand-h, 218), 60%, 16%, 0.05);
}

.portal-assessment-score-history__head[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
}

.portal-assessment-score-history__head > div[b-jby6k6qplq] {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.portal-assessment-score-history__head span[b-jby6k6qplq],
.portal-assessment-score-history__head small[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.66rem;
    font-weight: 850;
}

.portal-assessment-score-history__head span[b-jby6k6qplq] {
    color: #7c5a18;
    font-weight: 950;
    text-transform: uppercase;
}

.portal-assessment-score-history__head strong[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.9rem;
    font-weight: 950;
}

.portal-assessment-score-history__head[b-jby6k6qplq]  .mud-icon-root {
    color: #0f766e;
}

.portal-assessment-score-history__items[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    gap: 0.4rem;
}

.portal-assessment-score-history__item[b-jby6k6qplq] {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
    padding: 0.44rem 0.5rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.09);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.78);
}

.portal-assessment-score-history__item.is-changed[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.18);
}

.portal-assessment-score-history__item.is-warning[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 39), 73%, 41%, 0.2);
}

.portal-assessment-score-history__item span[b-jby6k6qplq],
.portal-assessment-score-history__item small[b-jby6k6qplq] {
    overflow: hidden;
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.64rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-score-history__item span[b-jby6k6qplq] {
    color: #7c5a18;
    font-weight: 950;
}

.portal-assessment-score-history__item strong[b-jby6k6qplq] {
    overflow: hidden;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.76rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-activity[b-jby6k6qplq] {
    display: grid;
    gap: 0.52rem;
    padding: 0.64rem 0.72rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.09);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.9)),
        radial-gradient(circle at 100% 0, hsla(var(--brand-accent-h, 37), 49%, 48%, 0.1), transparent 34%);
    box-shadow: 0 12px 26px hsla(var(--brand-h, 218), 60%, 16%, 0.05);
}

.portal-assessment-activity__head[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.72rem;
}

.portal-assessment-activity__head > div[b-jby6k6qplq] {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.portal-assessment-activity__head span[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    color: #7c5a18;
    font-size: 0.68rem;
    font-weight: 950;
    text-transform: uppercase;
}

.portal-assessment-activity__head strong[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.9rem;
    font-weight: 950;
}

.portal-assessment-activity__head small[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.72rem;
    font-weight: 850;
    white-space: nowrap;
}

.portal-assessment-activity__items[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: 0.4rem;
}

.portal-assessment-activity__item[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.46rem;
    min-width: 0;
    padding: 0.5rem 0.54rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.78);
}

.portal-assessment-activity__item i[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.64rem;
    height: 1.64rem;
    border-radius: 999px;
    background: rgba(15, 118, 110, 0.09);
    color: #0f766e;
    font-style: normal;
}

.portal-assessment-activity__item > div[b-jby6k6qplq] {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.portal-assessment-activity__item span[b-jby6k6qplq],
.portal-assessment-activity__item strong[b-jby6k6qplq],
.portal-assessment-activity__item small[b-jby6k6qplq] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.portal-assessment-activity__item span[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.78rem;
    font-weight: 950;
    white-space: nowrap;
}

.portal-assessment-activity__item strong[b-jby6k6qplq],
.portal-assessment-activity__item small[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.68rem;
    font-weight: 850;
}

.portal-assessment-activity__item small[b-jby6k6qplq] {
    white-space: normal;
    line-height: 1.32;
}

.portal-assessment-activity__item.is-support[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.18);
}

.portal-assessment-activity__item.is-warning[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 39), 73%, 41%, 0.24);
    background: rgba(255, 251, 235, 0.76);
}

.portal-assessment-activity__item.is-warning i[b-jby6k6qplq] {
    background: hsla(var(--brand-accent-h, 39), 73%, 41%, 0.12);
    color: #8a621f;
}

.portal-assessment-activity__item.is-critical[b-jby6k6qplq] {
    border-color: rgba(180, 35, 65, 0.2);
    background: rgba(255, 241, 242, 0.72);
}

.portal-assessment-activity__item.is-critical i[b-jby6k6qplq] {
    background: rgba(180, 35, 65, 0.12);
    color: #b42341;
}

.portal-assessment-review[b-jby6k6qplq] {
    display: grid;
    gap: 0.7rem;
    min-height: 0;
}

.portal-assessment-review__head[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.72rem;
    align-items: start;
    padding: 0.78rem 0.84rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(246, 250, 255, 0.93)),
        radial-gradient(circle at 100% 0, hsla(var(--brand-h, 214), 70%, 26%, 0.1), transparent 34%);
    box-shadow: 0 14px 32px hsla(var(--brand-h, 218), 60%, 16%, 0.07);
}

.portal-assessment-review__head h2[b-jby6k6qplq] {
    margin: 0.08rem 0 0;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 1.06rem;
    font-weight: 900;
}

.portal-assessment-review__head p[b-jby6k6qplq] {
    margin: 0.28rem 0 0;
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.86rem;
}

.portal-assessment-review__head-actions[b-jby6k6qplq] {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.42rem;
}

.portal-assessment-review__head-actions[b-jby6k6qplq]  .mud-button-root {
    min-height: 2rem;
    border-radius: 8px;
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: none;
}

.portal-assessment-review__mode[b-jby6k6qplq] {
    max-width: 16rem;
    padding: 0.38rem 0.58rem;
    border: 1px solid hsla(var(--brand-h, 224), 76%, 48%, 0.13);
    border-radius: 999px;
    color: hsl(var(--brand-h, 214), 70%, 26%);
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.08);
    font-size: 0.74rem;
    font-weight: 900;
    text-align: center;
}

.portal-assessment-review__metrics[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
    gap: 0.48rem;
}

.portal-assessment-review__metrics article[b-jby6k6qplq] {
    padding: 0.6rem 0.64rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(246, 249, 253, 0.82));
    box-shadow: 0 10px 24px hsla(var(--brand-h, 218), 60%, 16%, 0.05);
}

.portal-assessment-review__metrics span[b-jby6k6qplq] {
    display: block;
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.portal-assessment-review__metrics strong[b-jby6k6qplq] {
    display: block;
    margin-top: 0.2rem;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 1.14rem;
    font-weight: 900;
}

.portal-assessment-review__metric--percent[b-jby6k6qplq] {
    display: grid;
    gap: 0.12rem;
}

.portal-assessment-review__metric--timed[b-jby6k6qplq] {
    border-color: rgba(28, 125, 128, 0.18) !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,0.94), rgba(243,249,250,0.84)),
        linear-gradient(135deg, rgba(29, 142, 137, 0.08), hsla(var(--brand-accent-h, 37), 68%, 44%, 0.08)) !important;
}

.portal-assessment-review__metric--timed strong[b-jby6k6qplq] {
    color: #126264;
}

.portal-assessment-review__meter[b-jby6k6qplq] {
    height: 0.34rem;
    margin-top: 0.12rem;
    overflow: hidden;
    border-radius: 999px;
    background: hsla(var(--brand-h, 218), 60%, 16%, 0.08);
}

.portal-assessment-review__meter i[b-jby6k6qplq] {
    display: block;
    width: var(--review-score-progress, 0%);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #0f766e, hsl(var(--brand-accent-h, 39), 61%, 46%));
    transition: width 180ms ease;
}

.portal-assessment-review-proof[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: 0.46rem;
}

.portal-assessment-review-proof__item[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 0.5rem;
    min-width: 0;
    padding: 0.58rem 0.64rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.09);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(247, 250, 252, 0.86)),
        radial-gradient(circle at 100% 0%, hsla(var(--brand-accent-h, 37), 49%, 48%, 0.1), transparent 36%);
    box-shadow: 0 12px 26px hsla(var(--brand-h, 218), 60%, 16%, 0.05);
}

.portal-assessment-review-proof__item[b-jby6k6qplq]  .mud-icon-root {
    width: 1.5rem;
    height: 1.5rem;
    padding: 0.22rem;
    border-radius: 999px;
    color: #0f766e;
    background: rgba(15, 118, 110, 0.1);
}

.portal-assessment-review-proof__item span[b-jby6k6qplq],
.portal-assessment-review-proof__item strong[b-jby6k6qplq],
.portal-assessment-review-proof__item small[b-jby6k6qplq] {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
}

.portal-assessment-review-proof__item span[b-jby6k6qplq] {
    color: #7c5a18;
    font-size: 0.66rem;
    font-weight: 950;
    text-transform: uppercase;
}

.portal-assessment-review-proof__item strong[b-jby6k6qplq] {
    margin-top: 0.08rem;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.8rem;
    font-weight: 950;
}

.portal-assessment-review-proof__item small[b-jby6k6qplq] {
    margin-top: 0.1rem;
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.68rem;
    font-weight: 820;
    line-height: 1.34;
}

.portal-assessment-review-proof__item.is-verified[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.18);
    box-shadow: inset 3px 0 0 rgba(15, 118, 110, 0.42), 0 12px 26px hsla(var(--brand-h, 218), 60%, 16%, 0.05);
}

.portal-assessment-review-proof__item.is-warning[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 39), 73%, 41%, 0.24);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(255, 250, 235, 0.86)),
        radial-gradient(circle at 100% 0%, hsla(var(--brand-accent-h, 39), 73%, 41%, 0.12), transparent 36%);
    box-shadow: inset 3px 0 0 hsla(var(--brand-accent-h, 39), 73%, 41%, 0.46), 0 12px 26px hsla(var(--brand-h, 218), 60%, 16%, 0.05);
}

.portal-assessment-review-proof__item.is-warning[b-jby6k6qplq]  .mud-icon-root {
    color: #8a621f;
    background: hsla(var(--brand-accent-h, 39), 73%, 41%, 0.12);
}

.portal-assessment-review-proof__item.is-support[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 214), 70%, 26%, 0.16);
}

.portal-assessment-review-proof__item.is-support[b-jby6k6qplq]  .mud-icon-root {
    color: hsl(var(--brand-h, 214), 70%, 26%);
    background: hsla(var(--brand-h, 214), 70%, 26%, 0.09);
}

.portal-assessment-outcomes[b-jby6k6qplq] {
    display: grid;
    gap: 0.52rem;
    padding: 0.64rem 0.72rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.1);
    border-radius: 8px;
    background:
        radial-gradient(circle at 100% 0%, rgba(15, 118, 110, 0.1), transparent 34%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(247, 250, 252, 0.9));
    box-shadow: 0 12px 26px hsla(var(--brand-h, 218), 60%, 16%, 0.05);
}

.portal-assessment-outcomes__head[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
}

.portal-assessment-outcomes__head > div[b-jby6k6qplq] {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.portal-assessment-outcomes__head span[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    color: #0f5f55;
    font-size: 0.68rem;
    font-weight: 950;
    text-transform: uppercase;
}

.portal-assessment-outcomes__head strong[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.9rem;
    font-weight: 950;
}

.portal-assessment-outcomes__head small[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.72rem;
    font-weight: 850;
    white-space: nowrap;
}

.portal-assessment-outcomes__items[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: 0.42rem;
}

.portal-assessment-outcomes__item[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.24rem 0.48rem;
    min-width: 0;
    padding: 0.54rem 0.58rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.78);
}

.portal-assessment-outcomes__item div[b-jby6k6qplq] {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.portal-assessment-outcomes__item span[b-jby6k6qplq],
.portal-assessment-outcomes__item strong[b-jby6k6qplq],
.portal-assessment-outcomes__item small[b-jby6k6qplq] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.portal-assessment-outcomes__item span[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.62rem;
    font-weight: 920;
    text-transform: uppercase;
    white-space: nowrap;
}

.portal-assessment-outcomes__item strong[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.8rem;
    font-weight: 950;
    white-space: nowrap;
}

.portal-assessment-outcomes__item small[b-jby6k6qplq] {
    grid-column: 1 / -1;
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1.34;
}

.portal-assessment-outcomes__item em[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.86rem;
    font-style: normal;
    font-weight: 950;
    white-space: nowrap;
}

.portal-assessment-outcomes__item i[b-jby6k6qplq] {
    grid-column: 1 / -1;
    display: block;
    height: 0.28rem;
    overflow: hidden;
    border-radius: 999px;
    background: hsla(var(--brand-h, 218), 60%, 16%, 0.08);
}

.portal-assessment-outcomes__item i[b-jby6k6qplq]::before {
    content: "";
    display: block;
    width: var(--outcome-progress, 0%);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #0f766e, hsl(var(--brand-accent-h, 39), 61%, 46%));
}

.portal-assessment-outcomes__item button[b-jby6k6qplq] {
    grid-column: 1 / -1;
    justify-self: start;
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    min-height: 1.78rem;
    padding: 0 0.56rem;
    border: 1px solid rgba(15, 118, 110, 0.2);
    border-radius: 8px;
    color: #0f5f55;
    background: rgba(238, 252, 248, 0.86);
    font-size: 0.68rem;
    font-weight: 900;
    cursor: pointer;
}

.portal-assessment-outcomes__item.is-success[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.18);
}

.portal-assessment-outcomes__item.is-warning[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 39), 73%, 41%, 0.24);
    background: rgba(255, 251, 235, 0.76);
}

.portal-assessment-outcomes__item.is-danger[b-jby6k6qplq] {
    border-color: rgba(180, 35, 65, 0.2);
    background: rgba(255, 241, 242, 0.72);
}

.portal-assessment-review__notice[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.68rem 0.78rem;
    border: 1px solid hsla(var(--brand-accent-h, 37), 63%, 47%, 0.22);
    border-radius: 8px;
    color: #7c3d12;
    background: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.1);
    font-weight: 800;
}

.portal-assessment-review__notice--open[b-jby6k6qplq] {
    color: #0f5f55;
    border-color: rgba(15, 118, 110, 0.22);
    background: rgba(15, 118, 110, 0.08);
}

.portal-assessment-appeal[b-jby6k6qplq] {
    display: grid;
    gap: 0.28rem;
    padding: 0.62rem 0.72rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(248, 250, 252, 0.82)),
        rgba(255, 255, 255, 0.72);
    box-shadow: 0 12px 28px hsla(var(--brand-h, 218), 60%, 16%, 0.05);
}

.portal-assessment-appeal > div[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    gap: 0.38rem;
    min-width: 0;
}

.portal-assessment-appeal span[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.66rem;
    font-weight: 950;
    text-transform: uppercase;
}

.portal-assessment-appeal strong[b-jby6k6qplq],
.portal-assessment-appeal small[b-jby6k6qplq],
.portal-assessment-appeal em[b-jby6k6qplq] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-appeal strong[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 214), 47%, 17%);
    font-size: 0.82rem;
    font-weight: 950;
}

.portal-assessment-appeal small[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 218), 16%, 47%);
    font-size: 0.72rem;
    font-weight: 760;
}

.portal-assessment-appeal em[b-jby6k6qplq] {
    width: fit-content;
    max-width: 100%;
    padding: 0.16rem 0.42rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    font-size: 0.64rem;
    font-style: normal;
    font-weight: 900;
}

.portal-assessment-appeal--open[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.22);
    box-shadow: inset 3px 0 0 rgba(15, 118, 110, 0.52), 0 12px 28px hsla(var(--brand-h, 218), 60%, 16%, 0.05);
}

.portal-assessment-appeal--watch[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 39), 61%, 46%, 0.24);
    box-shadow: inset 3px 0 0 hsla(var(--brand-accent-h, 39), 61%, 46%, 0.56), 0 12px 28px hsla(var(--brand-h, 218), 60%, 16%, 0.05);
}

.portal-assessment-appeal--locked[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 214), 20%, 40%, 0.12);
    box-shadow: inset 3px 0 0 hsla(var(--brand-h, 214), 20%, 40%, 0.28), 0 12px 28px hsla(var(--brand-h, 218), 60%, 16%, 0.05);
}

.portal-assessment-appeal .portal-assessment-appeal__state[b-jby6k6qplq] {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.18rem;
    margin-top: 0.16rem;
    padding: 0.5rem 0.58rem;
    border: 1px solid rgba(15, 118, 110, 0.14);
    border-radius: 8px;
    background: rgba(240, 253, 250, 0.64);
}

.portal-assessment-appeal .portal-assessment-appeal__state span[b-jby6k6qplq],
.portal-assessment-appeal .portal-assessment-appeal__state small[b-jby6k6qplq] {
    white-space: normal;
    overflow-wrap: anywhere;
}

.portal-assessment-appeal > .portal-assessment-appeal__timeline[b-jby6k6qplq] {
    display: grid;
    gap: 0.34rem;
    margin-top: 0.18rem;
}

.portal-assessment-appeal__timeline-item[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: 0.58rem minmax(0, 1fr);
    gap: 0.46rem;
    align-items: flex-start;
    padding: 0.48rem 0.56rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.68);
}

.portal-assessment-appeal__timeline-item i[b-jby6k6qplq] {
    width: 0.52rem;
    height: 0.52rem;
    margin-top: 0.22rem;
    border-radius: 999px;
    background: hsl(var(--brand-h, 215), 20%, 65%);
    box-shadow: 0 0 0 4px hsla(var(--brand-h, 215), 20%, 65%, 0.14);
}

.portal-assessment-appeal__timeline-item.is-open i[b-jby6k6qplq] {
    background: #0f766e;
    box-shadow: 0 0 0 4px rgba(15, 118, 110, 0.14);
}

.portal-assessment-appeal__timeline-item.is-watch i[b-jby6k6qplq] {
    background: hsl(var(--brand-accent-h, 36), 71%, 42%);
    box-shadow: 0 0 0 4px hsla(var(--brand-accent-h, 36), 71%, 42%, 0.14);
}

.portal-assessment-appeal__timeline-item.is-terminal i[b-jby6k6qplq] {
    background: hsl(var(--brand-h, 215), 25%, 27%);
    box-shadow: 0 0 0 4px hsla(var(--brand-h, 215), 25%, 27%, 0.14);
}

.portal-assessment-appeal__timeline-item > div[b-jby6k6qplq] {
    min-width: 0;
}

.portal-assessment-appeal__timeline-item span[b-jby6k6qplq],
.portal-assessment-appeal__timeline-item strong[b-jby6k6qplq],
.portal-assessment-appeal__timeline-item small[b-jby6k6qplq],
.portal-assessment-appeal__timeline-item em[b-jby6k6qplq] {
    white-space: normal;
    overflow-wrap: anywhere;
}

.portal-assessment-appeal__timeline-item em[b-jby6k6qplq] {
    margin-top: 0.24rem;
    color: hsl(var(--brand-h, 215), 25%, 28%);
}

.portal-assessment-appeal__request[b-jby6k6qplq] {
    align-items: stretch !important;
    flex-direction: column;
    gap: 0.42rem !important;
    margin-top: 0.18rem;
}

.portal-assessment-appeal__scope[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    gap: 0.34rem;
    padding: 0.42rem 0.52rem;
    border: 1px solid hsla(var(--brand-h, 214), 70%, 26%, 0.12);
    border-radius: 8px;
    color: hsl(var(--brand-h, 214), 70%, 26%);
    background: rgba(232, 241, 255, 0.62);
    font-size: 0.72rem;
    font-weight: 860;
}

.portal-assessment-appeal__scope[b-jby6k6qplq]  .mud-icon-root {
    flex: 0 0 auto;
    font-size: 0.96rem;
}

.portal-assessment-appeal__scope span[b-jby6k6qplq] {
    min-width: 0;
    overflow-wrap: anywhere;
    text-transform: none;
}

.portal-assessment-appeal__request textarea[b-jby6k6qplq] {
    width: 100%;
    min-height: 5.2rem;
    resize: vertical;
    padding: 0.62rem 0.7rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.12);
    border-radius: 8px;
    color: hsl(var(--brand-h, 215), 52%, 16%);
    background: rgba(255, 255, 255, 0.88);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
    font: inherit;
    font-size: 0.78rem;
    font-weight: 760;
    line-height: 1.45;
    outline: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.portal-assessment-appeal__request textarea:focus[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.36);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.1);
}

.portal-assessment-appeal__request textarea[b-jby6k6qplq]::placeholder {
    color: hsl(var(--brand-h, 216), 16%, 59%);
}

.portal-assessment-appeal__request .mud-button-root[b-jby6k6qplq] {
    align-self: flex-end;
    min-height: 2rem;
    border-radius: 8px;
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: none;
}

.portal-assessment-review__tools[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0.54rem 0.6rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(244, 248, 251, 0.82));
    box-shadow: 0 12px 28px hsla(var(--brand-h, 218), 60%, 16%, 0.05);
}

.portal-assessment-review__tools > div:first-child[b-jby6k6qplq] {
    display: grid;
    gap: 0.08rem;
    min-width: 8rem;
}

.portal-assessment-review__tools span[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.portal-assessment-review__tools strong[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.9rem;
    font-weight: 900;
}

.portal-assessment-review__tabs[b-jby6k6qplq] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.38rem;
}

.portal-assessment-review__tabs button[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.34rem;
    min-height: 1.95rem;
    padding: 0.24rem 0.46rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    color: hsl(var(--brand-h, 214), 20%, 40%);
    background: rgba(255, 255, 255, 0.78);
    font-size: 0.74rem;
    font-weight: 900;
    cursor: pointer;
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
}

.portal-assessment-review__tabs button:hover[b-jby6k6qplq],
.portal-assessment-review__tabs button.is-active[b-jby6k6qplq] {
    transform: translateY(-1px);
    border-color: rgba(15, 95, 85, 0.24);
    color: #0f5f55;
    background: rgba(15, 118, 110, 0.1);
}

.portal-assessment-review__tabs button strong[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.32rem;
    height: 1.32rem;
    padding: 0 0.34rem;
    border-radius: 999px;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    background: hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    font-size: 0.68rem;
}

.portal-assessment-review__legend[b-jby6k6qplq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
    padding: 0.5rem 0.56rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.78);
}

.portal-assessment-review__legend-item[b-jby6k6qplq],
.portal-assessment-review-answer__status[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.34rem;
    border-radius: 999px;
    font-weight: 900;
}

.portal-assessment-review__legend-item[b-jby6k6qplq] {
    padding: 0.26rem 0.5rem;
    color: hsl(var(--brand-h, 214), 20%, 40%);
    background: #f3f6fb;
    font-size: 0.72rem;
}

.portal-assessment-review__legend-item--selected[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 214), 70%, 26%);
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.11);
}

.portal-assessment-review__legend-item--correct[b-jby6k6qplq],
.portal-assessment-review-answer__status--correct[b-jby6k6qplq] {
    color: #0f5f55;
    background: rgba(15, 118, 110, 0.1);
}

.portal-assessment-review__legend-item--partial[b-jby6k6qplq],
.portal-assessment-review-answer__status--partial[b-jby6k6qplq] {
    color: #7c3d12;
    background: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.13);
}

.portal-assessment-review__legend-item--wrong[b-jby6k6qplq],
.portal-assessment-review-answer__status--wrong[b-jby6k6qplq] {
    color: #b42341;
    background: rgba(180, 35, 65, 0.09);
}

.portal-assessment-review__legend-item--unanswered[b-jby6k6qplq],
.portal-assessment-review-answer__status--unanswered[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 214), 20%, 40%);
    background: hsla(var(--brand-h, 214), 20%, 40%, 0.1);
}

.portal-assessment-review__legend-item--review[b-jby6k6qplq],
.portal-assessment-review-answer__status--review[b-jby6k6qplq] {
    color: #6d3a00;
    background: hsla(var(--brand-accent-h, 32), 95%, 44%, 0.13);
}

.portal-assessment-review__legend-item--timed[b-jby6k6qplq],
.portal-assessment-review-answer__status--timed[b-jby6k6qplq] {
    color: #126264;
    background: linear-gradient(135deg, rgba(29, 142, 137, 0.12), hsla(var(--brand-accent-h, 37), 68%, 44%, 0.1));
}

.portal-assessment-review__answer-rail[b-jby6k6qplq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.34rem;
    justify-content: flex-end;
    padding: 0.46rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 10px 24px hsla(var(--brand-h, 218), 60%, 16%, 0.05);
}

.portal-assessment-review__rail-item[b-jby6k6qplq] {
    display: inline-grid;
    place-items: center;
    width: 2.05rem;
    height: 2rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.1);
    border-radius: 8px;
    color: hsl(var(--brand-h, 214), 20%, 40%);
    background: #f8fafc;
    font-size: 0.76rem;
    font-weight: 920;
    text-decoration: none;
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease, background 0.16s ease;
}

.portal-assessment-review__rail-item:hover[b-jby6k6qplq],
.portal-assessment-review__rail-item:focus-visible[b-jby6k6qplq] {
    transform: translateY(-1px);
    border-color: hsla(var(--brand-h, 214), 70%, 26%, 0.22);
    background: #fff;
    box-shadow: 0 10px 22px hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    outline: none;
}

.portal-assessment-review__rail-item.is-correct[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.24);
    color: #0f5f55;
    background: rgba(236, 253, 245, 0.92);
}

.portal-assessment-review__rail-item.is-partial[b-jby6k6qplq],
.portal-assessment-review__rail-item.is-review[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.28);
    color: #7c3d12;
    background: rgba(255, 248, 232, 0.96);
}

.portal-assessment-review__rail-item.is-wrong[b-jby6k6qplq] {
    border-color: rgba(180, 35, 65, 0.24);
    color: #b42341;
    background: rgba(255, 241, 244, 0.94);
}

.portal-assessment-review__rail-item.is-unanswered[b-jby6k6qplq] {
    border-style: dashed;
    color: hsl(var(--brand-h, 215), 16%, 48%);
    background: rgba(248, 250, 252, 0.9);
}

.portal-assessment-review__rail-item.is-time-locked[b-jby6k6qplq] {
    border-color: rgba(28, 125, 128, 0.28);
    color: #126264;
    background: linear-gradient(135deg, rgba(238, 252, 248, 0.96), rgba(255, 249, 235, 0.9));
    box-shadow: inset 0 -2px 0 rgba(28, 125, 128, 0.22);
}

.portal-assessment-review__rail-item.is-appeal[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 39), 61%, 46%, 0.34);
    box-shadow: inset 0 -2px 0 hsla(var(--brand-accent-h, 39), 61%, 46%, 0.46);
}

.portal-assessment-review__empty[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.68rem 0.78rem;
    border: 1px dashed hsla(var(--brand-h, 218), 60%, 16%, 0.14);
    border-radius: 8px;
    color: hsl(var(--brand-h, 214), 20%, 40%);
    background: rgba(248, 250, 252, 0.88);
    font-weight: 800;
}

.portal-assessment-review__empty--locked[b-jby6k6qplq] {
    color: #7c3d12;
    border-color: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.24);
    background: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.08);
}

.portal-assessment-review__answers[b-jby6k6qplq] {
    display: grid;
    gap: 0.62rem;
    max-height: 60vh;
    overflow: auto;
    padding-right: 0.32rem;
    scroll-behavior: smooth;
}

.portal-assessment-review-answer[b-jby6k6qplq] {
    display: grid;
    gap: 0.6rem;
    scroll-margin-top: 0.7rem;
    padding: 0.76rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 28px hsla(var(--brand-h, 218), 60%, 16%, 0.055);
}

.portal-assessment-review-answer.is-time-locked[b-jby6k6qplq] {
    border-color: rgba(28, 125, 128, 0.2);
    background:
        linear-gradient(135deg, rgba(255,255,255,0.98), rgba(244,251,250,0.9)),
        linear-gradient(135deg, rgba(29, 142, 137, 0.08), hsla(var(--brand-accent-h, 37), 68%, 44%, 0.06));
    box-shadow: inset 3px 0 0 rgba(28, 125, 128, 0.58), 0 12px 28px hsla(var(--brand-h, 218), 60%, 16%, 0.055);
}

.portal-assessment-review-answer.is-appeal-selected[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 39), 61%, 46%, 0.3);
    background:
        linear-gradient(135deg, rgba(255, 249, 235, 0.9), rgba(255, 255, 255, 0.96));
    box-shadow: inset 3px 0 0 hsla(var(--brand-accent-h, 39), 61%, 46%, 0.58), 0 12px 28px hsla(var(--brand-h, 218), 60%, 16%, 0.055);
}

.portal-assessment-review-answer.is-appealed[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 214), 70%, 26%, 0.22);
    background:
        linear-gradient(135deg, rgba(232, 241, 255, 0.76), rgba(255, 255, 255, 0.96));
    box-shadow: inset 3px 0 0 hsla(var(--brand-h, 214), 70%, 26%, 0.48), 0 12px 28px hsla(var(--brand-h, 218), 60%, 16%, 0.055);
}

.portal-assessment-review-answer__head[b-jby6k6qplq] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 0.8rem;
}

.portal-assessment-review-answer__head span[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.portal-assessment-review-answer__head h3[b-jby6k6qplq] {
    margin: 0.12rem 0 0;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.98rem;
    font-weight: 850;
}

.portal-assessment-review-answer__actions[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.34rem;
    min-width: 0;
}

.portal-assessment-review-answer__appeal-toggle[b-jby6k6qplq],
.portal-assessment-review-answer__appeal-chip[b-jby6k6qplq],
.portal-assessment-review-answer__review-mark[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.24rem;
    min-height: 1.76rem;
    padding: 0.2rem 0.48rem;
    border: 1px solid hsla(var(--brand-accent-h, 39), 61%, 46%, 0.24);
    border-radius: 999px;
    color: #76521d;
    background: rgba(255, 249, 235, 0.84);
    font: inherit;
    font-size: 0.68rem;
    font-weight: 930;
    line-height: 1;
    white-space: nowrap;
}

.portal-assessment-review-answer__appeal-toggle[b-jby6k6qplq] {
    cursor: pointer;
    transition: transform 140ms ease, border-color 140ms ease, background 140ms ease;
}

.portal-assessment-review-answer__appeal-toggle:hover[b-jby6k6qplq],
.portal-assessment-review-answer__appeal-toggle:focus-visible[b-jby6k6qplq] {
    transform: translateY(-1px);
    border-color: hsla(var(--brand-accent-h, 39), 61%, 46%, 0.38);
    background: rgba(255, 246, 220, 0.96);
    outline: none;
}

.portal-assessment-review-answer__appeal-toggle.is-selected[b-jby6k6qplq] {
    color: #0f5f55;
    border-color: rgba(15, 118, 110, 0.24);
    background: rgba(238, 252, 248, 0.9);
}

.portal-assessment-review-answer__appeal-toggle:disabled[b-jby6k6qplq] {
    cursor: wait;
    opacity: 0.68;
}

.portal-assessment-review-answer__appeal-chip[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 214), 70%, 26%);
    border-color: hsla(var(--brand-h, 214), 70%, 26%, 0.18);
    background: rgba(232, 241, 255, 0.84);
}

.portal-assessment-review-answer__review-mark[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 214), 70%, 26%);
    border-color: hsla(var(--brand-h, 214), 70%, 26%, 0.18);
    background: linear-gradient(135deg, rgba(232, 241, 255, 0.88), rgba(238, 252, 248, 0.72));
}

.portal-assessment-review-answer__appeal-toggle[b-jby6k6qplq]  .mud-icon-root,
.portal-assessment-review-answer__appeal-chip[b-jby6k6qplq]  .mud-icon-root,
.portal-assessment-review-answer__review-mark[b-jby6k6qplq]  .mud-icon-root {
    font-size: 0.94rem;
}

.portal-assessment-review-answer__score[b-jby6k6qplq],
.portal-assessment-review-choice[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    font-weight: 900;
}

.portal-assessment-review-answer__score[b-jby6k6qplq] {
    flex: 0 0 auto;
    padding: 0.28rem 0.56rem;
    color: hsl(var(--brand-h, 214), 20%, 40%);
    background: #f3f6fb;
    font-size: 0.76rem;
}

.portal-assessment-review-answer__score--correct[b-jby6k6qplq] {
    color: #0f5f55;
    background: rgba(15, 118, 110, 0.12);
}

.portal-assessment-review-answer__score--wrong[b-jby6k6qplq] {
    color: #b42341;
    background: rgba(180, 35, 65, 0.1);
}

.portal-assessment-review-answer__score--partial[b-jby6k6qplq] {
    color: #7c3d12;
    background: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.14);
}

.portal-assessment-review-answer__score--review[b-jby6k6qplq] {
    color: #7c3d12;
    background: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.14);
}

.portal-assessment-review-answer__score--unanswered[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 214), 20%, 40%);
    background: hsla(var(--brand-h, 214), 20%, 40%, 0.1);
}

.portal-assessment-review-answer__score--timed[b-jby6k6qplq] {
    color: #126264;
    background: rgba(29, 142, 137, 0.12);
}

.portal-assessment-review-answer__status[b-jby6k6qplq] {
    justify-self: start;
    padding: 0.34rem 0.56rem;
    color: hsl(var(--brand-h, 214), 20%, 40%);
    background: #f3f6fb;
    font-size: 0.74rem;
}

.portal-assessment-review-answer__penalty[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    justify-self: start;
    gap: 0.28rem;
    padding: 0.32rem 0.58rem;
    border: 1px solid rgba(180, 35, 65, 0.13);
    border-radius: 999px;
    color: #9f1d38;
    background: rgba(180, 35, 65, 0.08);
    font-size: 0.72rem;
    font-weight: 900;
}

.portal-assessment-review-answer__penalty[b-jby6k6qplq]  .mud-icon-root {
    font-size: 0.96rem;
}

.portal-assessment-review-answer__timer[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.3rem;
    padding: 0.48rem 0.54rem;
    border: 1px solid rgba(28, 125, 128, 0.13);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(242, 250, 249, 0.86), rgba(255, 249, 235, 0.68)),
        rgba(255,255,255,0.72);
}

.portal-assessment-review-answer__timer span[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.22rem;
    min-height: 1.36rem;
    padding: 0.12rem 0.4rem;
    border: 1px solid rgba(28, 125, 128, 0.12);
    border-radius: 999px;
    color: #2d5f67;
    background: rgba(255, 255, 255, 0.68);
    font-size: 0.65rem;
    font-weight: 900;
    white-space: nowrap;
}

.portal-assessment-review-answer__timer-state.is-locked[b-jby6k6qplq] {
    color: #9f2545 !important;
    border-color: rgba(179, 55, 79, 0.18) !important;
    background: rgba(255, 241, 244, 0.86) !important;
}

.portal-assessment-review-choice-list[b-jby6k6qplq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
}

.portal-assessment-review-choice[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    max-width: 100%;
    padding: 0.34rem 0.58rem;
    border-radius: 8px;
    color: hsl(var(--brand-h, 214), 20%, 40%);
    background: #f3f6fb;
    font-size: 0.78rem;
    gap: 0.34rem;
    white-space: normal;
}

.portal-assessment-review-choice__image[b-jby6k6qplq] {
    width: 2.4rem;
    height: 2.1rem;
    object-fit: cover;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
}

.portal-assessment-review-choice--selected[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 214), 70%, 26%);
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.11);
}

.portal-assessment-review-choice--correct[b-jby6k6qplq] {
    color: #0f5f55;
    background: rgba(15, 118, 110, 0.12);
}

.portal-assessment-review-choice--wrong[b-jby6k6qplq] {
    color: #b42341;
    background: rgba(180, 35, 65, 0.1);
}

.portal-assessment-review-text[b-jby6k6qplq],
.portal-assessment-artifact-review[b-jby6k6qplq],
.portal-assessment-review-feedback[b-jby6k6qplq] {
    padding: 0.68rem 0.72rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: #fbfcff;
    color: hsl(var(--brand-h, 218), 60%, 16%);
}

.portal-assessment-review-text--empty[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    border-style: dashed;
    background: rgba(248, 250, 252, 0.86);
    font-weight: 850;
}

.portal-assessment-review-hotspot[b-jby6k6qplq],
.portal-assessment-review-image-targets[b-jby6k6qplq] {
    display: grid;
    gap: 0.54rem;
    padding: 0.58rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background:
        linear-gradient(135deg, #fbfcff, rgba(238, 247, 249, 0.72)),
        rgba(255, 255, 255, 0.9);
}

.portal-assessment-review-hotspot__stage[b-jby6k6qplq],
.portal-assessment-review-image-targets__stage[b-jby6k6qplq] {
    position: relative;
    display: grid;
    place-items: center;
    width: min(100%, 34rem);
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.1);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 14px 30px hsla(var(--brand-h, 218), 60%, 16%, 0.08);
}

.portal-assessment-review-hotspot__stage img[b-jby6k6qplq],
.portal-assessment-review-image-targets__stage img[b-jby6k6qplq] {
    display: block;
    width: 100%;
    max-height: 22rem;
    object-fit: contain;
}

.portal-assessment-review-hotspot__marker[b-jby6k6qplq] {
    position: absolute;
    width: 1.18rem;
    height: 1.18rem;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #0f766e;
    box-shadow: 0 0 0 4px rgba(15, 118, 110, 0.22), 0 10px 20px hsla(var(--brand-h, 218), 60%, 16%, 0.18);
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.portal-assessment-review-image-target[b-jby6k6qplq] {
    position: absolute;
    z-index: 2;
    display: grid;
    gap: 0.12rem;
    min-width: 7.5rem;
    max-width: min(16rem, 42%);
    padding: 0.34rem 0.5rem;
    border: 1px solid hsla(var(--brand-h, 214), 70%, 26%, 0.2);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 12px 24px hsla(var(--brand-h, 218), 60%, 16%, 0.11);
    color: hsl(var(--brand-h, 214), 70%, 26%);
    transform: translate(-50%, -50%);
    backdrop-filter: blur(9px);
}

.portal-assessment-review-image-target.is-selected[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.34);
    background: rgba(238, 252, 248, 0.94);
    color: #0f766e;
}

.portal-assessment-review-image-target em[b-jby6k6qplq],
.portal-assessment-review-image-target strong[b-jby6k6qplq] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.portal-assessment-review-image-target em[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 214), 20%, 40%);
    font-size: 0.66rem;
    font-style: normal;
    font-weight: 880;
    line-height: 1.2;
}

.portal-assessment-review-image-target strong[b-jby6k6qplq] {
    font-size: 0.78rem;
    font-weight: 950;
    line-height: 1.2;
}

.portal-assessment-review-image-targets__list[b-jby6k6qplq] {
    display: grid;
    gap: 0.38rem;
}

.portal-assessment-review-image-targets__row[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(8rem, 0.45fr);
    gap: 0.42rem;
    align-items: center;
    padding: 0.46rem 0.54rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.9);
    color: hsl(var(--brand-h, 218), 60%, 16%);
}

.portal-assessment-review-image-targets__row.is-selected[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.2);
    background: rgba(238, 252, 248, 0.82);
}

.portal-assessment-review-image-targets__row span[b-jby6k6qplq],
.portal-assessment-review-image-targets__row strong[b-jby6k6qplq] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.portal-assessment-review-image-targets__row strong[b-jby6k6qplq] {
    color: #0f766e;
    text-align: right;
}

.portal-assessment-review-hotspot > small[b-jby6k6qplq],
.portal-assessment-review-image-targets > small[b-jby6k6qplq] {
    justify-self: center;
    color: hsl(var(--brand-h, 214), 20%, 40%);
    font-size: 0.74rem;
    font-weight: 840;
}

.portal-assessment-artifact-review[b-jby6k6qplq] {
    display: grid;
    gap: 0.5rem;
    min-width: 0;
}

.portal-assessment-artifact-review a[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 214), 70%, 26%);
    font-weight: 850;
    text-decoration: none;
}

.portal-assessment-artifact-review span[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 214), 20%, 40%);
}

.portal-assessment-artifact-review[b-jby6k6qplq]  .portal-assessment-media,
.portal-assessment-artifact-editor__preview[b-jby6k6qplq]  .portal-assessment-media {
    width: 100%;
}

.portal-assessment-artifact-editor__preview[b-jby6k6qplq] {
    width: min(100%, 38rem);
    min-width: 0;
}

.portal-assessment-review-feedback[b-jby6k6qplq] {
    display: grid;
    gap: 0.35rem;
    color: hsl(var(--brand-h, 214), 20%, 40%);
    background: rgba(15, 118, 110, 0.05);
}

.portal-assessment-review-rubric[b-jby6k6qplq] {
    display: grid;
    gap: 0.45rem;
    padding: 0.66rem;
    border: 1px solid hsla(var(--brand-accent-h, 37), 49%, 48%, 0.2);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(252, 248, 239, 0.86)),
        radial-gradient(circle at 100% 0, hsla(var(--brand-accent-h, 37), 49%, 48%, 0.12), transparent 38%);
    box-shadow: 0 14px 30px hsla(var(--brand-h, 218), 60%, 16%, 0.07);
}

.portal-assessment-review-rubric__head[b-jby6k6qplq],
.portal-assessment-review-rubric__item[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.72rem;
    min-width: 0;
}

.portal-assessment-review-rubric__head span[b-jby6k6qplq],
.portal-assessment-review-rubric__item > span[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    white-space: nowrap;
}

.portal-assessment-review-rubric__head span[b-jby6k6qplq] {
    color: #8a621f;
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
}

.portal-assessment-review-rubric__head strong[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.86rem;
    font-weight: 950;
}

.portal-assessment-review-rubric__items[b-jby6k6qplq] {
    display: grid;
    gap: 0.34rem;
}

.portal-assessment-review-rubric__item[b-jby6k6qplq] {
    padding: 0.52rem 0.56rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.07);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.82);
}

.portal-assessment-review-rubric__item > div[b-jby6k6qplq] {
    display: grid;
    gap: 0.16rem;
    min-width: 0;
}

.portal-assessment-review-rubric__item strong[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.84rem;
    font-weight: 900;
}

.portal-assessment-review-rubric__item small[b-jby6k6qplq],
.portal-assessment-review-rubric__item em[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 214), 20%, 40%);
    font-size: 0.76rem;
    font-style: normal;
    line-height: 1.35;
}

.portal-assessment-review-rubric__item em[b-jby6k6qplq] {
    color: #0f766e;
    font-weight: 800;
}

.portal-assessment-review-rubric__item > span[b-jby6k6qplq] {
    align-self: start;
    padding: 0.2rem 0.42rem;
    border: 1px solid rgba(15, 118, 110, 0.12);
    border-radius: 999px;
    background: rgba(15, 118, 110, 0.07);
    color: #0f766e;
    font-size: 0.76rem;
    font-weight: 950;
}

.portal-assessment-practice[b-jby6k6qplq] {
    display: grid;
    gap: 0.7rem;
    min-width: 0;
}

.portal-assessment-practice__head[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(14rem, 18rem);
    gap: 0.72rem;
    align-items: start;
    padding: 0.78rem 0.84rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(246, 250, 255, 0.93)),
        radial-gradient(circle at 100% 0, hsla(var(--brand-accent-h, 37), 49%, 48%, 0.13), transparent 34%);
    box-shadow: 0 14px 32px hsla(var(--brand-h, 218), 60%, 16%, 0.07);
}

.portal-assessment-practice__head h2[b-jby6k6qplq] {
    margin: 0.08rem 0 0;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 1.05rem;
    font-weight: 900;
    letter-spacing: 0;
}

.portal-assessment-practice__head p[b-jby6k6qplq] {
    margin: 0.28rem 0 0;
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.84rem;
}

.portal-assessment-practice__cockpit[b-jby6k6qplq] {
    display: grid;
    gap: 0.48rem;
    justify-self: stretch;
}

.portal-assessment-practice__mode[b-jby6k6qplq] {
    justify-self: end;
    max-width: 100%;
    padding: 0.36rem 0.56rem;
    border: 1px solid hsla(var(--brand-h, 224), 76%, 48%, 0.13);
    border-radius: 999px;
    color: hsl(var(--brand-h, 214), 70%, 26%);
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.08);
    font-size: 0.74rem;
    font-weight: 900;
    text-align: center;
}

.portal-assessment-practice__progress[b-jby6k6qplq] {
    display: grid;
    gap: 0.28rem;
    padding: 0.5rem 0.56rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.78);
}

.portal-assessment-practice__progress span[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.66rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.portal-assessment-practice__progress strong[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 1rem;
    font-weight: 920;
}

.portal-assessment-practice__progress div[b-jby6k6qplq] {
    height: 0.36rem;
    overflow: hidden;
    border-radius: 999px;
    background: hsla(var(--brand-h, 218), 60%, 16%, 0.08);
}

.portal-assessment-practice__progress i[b-jby6k6qplq] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #0f766e, hsl(var(--brand-accent-h, 37), 49%, 48%));
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.42) inset;
    transition: width 0.22s ease;
}

.portal-assessment-practice__metrics[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.48rem;
}

.portal-assessment-practice__metrics article[b-jby6k6qplq] {
    min-width: 0;
    padding: 0.58rem 0.64rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 10px 24px hsla(var(--brand-h, 218), 60%, 16%, 0.05);
}

.portal-assessment-practice__metrics span[b-jby6k6qplq] {
    display: block;
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.portal-assessment-practice__metrics strong[b-jby6k6qplq] {
    display: block;
    margin-top: 0.14rem;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 1.08rem;
    font-weight: 920;
}

.portal-assessment-practice__notice[b-jby6k6qplq],
.portal-assessment-practice__self-check[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.58rem;
    align-items: center;
    padding: 0.68rem 0.76rem;
    border: 1px solid hsla(var(--brand-accent-h, 37), 63%, 47%, 0.22);
    border-radius: 8px;
    color: #74440f;
    background: linear-gradient(135deg, rgba(255, 249, 235, 0.95), rgba(255, 255, 255, 0.92));
}

.portal-assessment-practice__notice--open[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.22);
    color: #0f5f55;
    background: linear-gradient(135deg, rgba(236, 253, 245, 0.92), rgba(255, 255, 255, 0.94));
}

.portal-assessment-practice__notice strong[b-jby6k6qplq] {
    display: block;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.86rem;
    font-weight: 920;
}

.portal-assessment-practice__notice span[b-jby6k6qplq],
.portal-assessment-practice__self-check-copy > span[b-jby6k6qplq] {
    display: block;
    margin-top: 0.1rem;
    color: hsl(var(--brand-h, 215), 16%, 46%);
    font-size: 0.78rem;
    line-height: 1.38;
}

.portal-assessment-practice__self-check-copy[b-jby6k6qplq] {
    min-width: 0;
}

.portal-assessment-practice__self-check-actions[b-jby6k6qplq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.38rem;
    margin-top: 0.48rem;
}

.portal-assessment-practice__self-check-button[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    min-height: 2.06rem;
    padding: 0 0.64rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.86);
    color: hsl(var(--brand-h, 214), 20%, 40%);
    font: inherit;
    font-size: 0.76rem;
    font-weight: 880;
    cursor: pointer;
    box-shadow: 0 8px 18px hsla(var(--brand-h, 218), 60%, 16%, 0.04);
    transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease, color 0.16s ease;
}

.portal-assessment-practice__self-check-button:hover[b-jby6k6qplq],
.portal-assessment-practice__self-check-button:focus-visible[b-jby6k6qplq] {
    transform: translateY(-1px);
    border-color: hsla(var(--brand-h, 224), 76%, 48%, 0.18);
    box-shadow: 0 12px 24px hsla(var(--brand-h, 218), 60%, 16%, 0.075);
    outline: none;
}

.portal-assessment-practice__self-check-button.is-ready.is-selected[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.26);
    background: rgba(15, 118, 110, 0.1);
    color: #0f5f55;
}

.portal-assessment-practice__self-check-button.is-reviewing.is-selected[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.28);
    background: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.12);
    color: #7c3d12;
}

.portal-assessment-practice__focus-strip[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: minmax(10rem, 0.32fr) minmax(0, 1fr);
    gap: 0.56rem;
    align-items: center;
    padding: 0.56rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 10px 24px hsla(var(--brand-h, 218), 60%, 16%, 0.05);
}

.portal-assessment-practice__focus-copy[b-jby6k6qplq] {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.portal-assessment-practice__focus-copy span[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.66rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.portal-assessment-practice__focus-copy strong[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.92rem;
    font-weight: 920;
}

.portal-assessment-practice__rail[b-jby6k6qplq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.34rem;
    justify-content: flex-end;
}

.portal-assessment-practice__rail-item[b-jby6k6qplq] {
    display: inline-grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.1);
    border-radius: 8px;
    color: hsl(var(--brand-h, 214), 20%, 40%);
    background: #f8fafc;
    font-size: 0.78rem;
    font-weight: 920;
    text-decoration: none;
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease, background 0.16s ease;
}

.portal-assessment-practice__rail-item:hover[b-jby6k6qplq],
.portal-assessment-practice__rail-item:focus-visible[b-jby6k6qplq] {
    transform: translateY(-1px);
    border-color: hsla(var(--brand-h, 224), 76%, 48%, 0.22);
    background: #fff;
    box-shadow: 0 10px 22px hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    outline: none;
}

.portal-assessment-practice__rail-item.is-correct[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.24);
    color: #0f5f55;
    background: rgba(236, 253, 245, 0.92);
}

.portal-assessment-practice__rail-item.is-reviewing[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.28);
    color: #7c3d12;
    background: rgba(255, 248, 232, 0.96);
}

.portal-assessment-practice__outcomes[b-jby6k6qplq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.48rem;
}

.portal-assessment-practice__outcome[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.14rem 0.52rem;
    min-width: min(100%, 13rem);
    padding: 0.52rem 0.62rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.9);
    color: hsl(var(--brand-h, 218), 60%, 16%);
    text-align: left;
    cursor: pointer;
    box-shadow: 0 12px 24px hsla(var(--brand-h, 218), 60%, 16%, 0.055);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.portal-assessment-practice__outcome:hover[b-jby6k6qplq],
.portal-assessment-practice__outcome:focus-visible[b-jby6k6qplq] {
    transform: translateY(-1px);
    box-shadow: 0 16px 32px hsla(var(--brand-h, 218), 60%, 16%, 0.09);
    outline: none;
}

.portal-assessment-practice__outcome span[b-jby6k6qplq] {
    min-width: 0;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.82rem;
    font-weight: 890;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-practice__outcome strong[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.82rem;
    font-weight: 920;
}

.portal-assessment-practice__outcome small[b-jby6k6qplq] {
    grid-column: 1 / -1;
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.72rem;
    font-weight: 780;
}

.portal-assessment-practice__outcome--critical[b-jby6k6qplq] {
    border-color: rgba(180, 35, 65, 0.18);
    background: linear-gradient(135deg, rgba(255, 241, 242, 0.96), rgba(255, 255, 255, 0.92));
}

.portal-assessment-practice__outcome--watch[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.22);
    background: linear-gradient(135deg, rgba(255, 248, 232, 0.96), rgba(255, 255, 255, 0.92));
}

.portal-assessment-practice__outcome--ready[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.18);
    background: linear-gradient(135deg, rgba(236, 253, 245, 0.94), rgba(255, 255, 255, 0.92));
}

.portal-assessment-practice__questions[b-jby6k6qplq] {
    display: grid;
    gap: 0.62rem;
    max-height: 58vh;
    overflow: auto;
    padding-right: 0.32rem;
    scroll-behavior: smooth;
}

.portal-assessment-practice-question[b-jby6k6qplq] {
    display: grid;
    gap: 0.6rem;
    scroll-margin-top: 0.7rem;
    padding: 0.76rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 12px 28px hsla(var(--brand-h, 218), 60%, 16%, 0.06);
}

.portal-assessment-practice-question.is-correct[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.22);
    box-shadow: 0 14px 30px rgba(15, 118, 110, 0.08);
}

.portal-assessment-practice-question.is-reviewing[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.25);
}

.portal-assessment-practice-question__head[b-jby6k6qplq] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 0.8rem;
}

.portal-assessment-practice-question__head span[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.portal-assessment-practice-question__head h3[b-jby6k6qplq] {
    margin: 0.1rem 0 0;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.96rem;
    font-weight: 900;
    letter-spacing: 0;
}

.portal-assessment-practice-question__head strong[b-jby6k6qplq] {
    flex: 0 0 auto;
    padding: 0.28rem 0.52rem;
    border-radius: 999px;
    color: #7c3d12;
    background: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.13);
    font-size: 0.74rem;
    font-weight: 900;
}

.portal-assessment-practice-choice-list[b-jby6k6qplq] {
    display: grid;
    gap: 0.45rem;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
}

.portal-assessment-practice-choice[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.52rem;
    align-items: center;
    min-height: 2.75rem;
    padding: 0.56rem 0.62rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: #fbfcff;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font: inherit;
    font-size: 0.86rem;
    font-weight: 780;
    text-align: left;
    cursor: pointer;
    transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.portal-assessment-practice-choice[b-jby6k6qplq]::before {
    content: "";
    width: 0.78rem;
    height: 0.78rem;
    border-radius: 999px;
    border: 2px solid hsla(var(--brand-h, 214), 20%, 40%, 0.32);
    background: #fff;
}

.portal-assessment-practice-choice:hover[b-jby6k6qplq],
.portal-assessment-practice-choice:focus-visible[b-jby6k6qplq] {
    transform: translateY(-1px);
    border-color: hsla(var(--brand-h, 224), 76%, 48%, 0.22);
    box-shadow: 0 12px 24px hsla(var(--brand-h, 218), 60%, 16%, 0.075);
    outline: none;
}

.portal-assessment-practice-choice.is-selected[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 224), 76%, 48%, 0.26);
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.07);
}

.portal-assessment-practice-choice.is-selected[b-jby6k6qplq]::before {
    border-color: hsl(var(--brand-h, 224), 76%, 48%);
    background: radial-gradient(circle, hsl(var(--brand-h, 224), 76%, 48%) 0 42%, #fff 46%);
}

.portal-assessment-practice-choice.was-selected:not(.is-selected)[b-jby6k6qplq] {
    border-style: dashed;
    color: hsl(var(--brand-h, 214), 20%, 40%);
}

.portal-assessment-practice-choice.is-correct[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.28);
    background: rgba(15, 118, 110, 0.08);
}

.portal-assessment-practice-choice.is-correct[b-jby6k6qplq]::before {
    border-color: #0f766e;
    background: #0f766e;
    box-shadow: inset 0 0 0 3px #fff;
}

.portal-assessment-practice-choice.is-wrong[b-jby6k6qplq] {
    border-color: rgba(180, 35, 65, 0.26);
    background: rgba(180, 35, 65, 0.08);
}

.portal-assessment-practice-choice span[b-jby6k6qplq] {
    min-width: 0;
}

.portal-assessment-practice-result[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    width: fit-content;
    padding: 0.46rem 0.64rem;
    border-radius: 999px;
    color: #7c3d12;
    background: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.12);
    font-size: 0.78rem;
    font-weight: 880;
}

.portal-assessment-practice-result--correct[b-jby6k6qplq] {
    color: #0f5f55;
    background: rgba(15, 118, 110, 0.1);
}

.portal-assessment-practice-question__actions[b-jby6k6qplq] {
    display: flex;
    justify-content: flex-end;
}

.portal-assessment-practice-question__actions button[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.34rem;
    min-height: 2.12rem;
    padding: 0 0.72rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: hsl(var(--brand-h, 214), 20%, 40%);
    font: inherit;
    font-size: 0.78rem;
    font-weight: 860;
    cursor: pointer;
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.portal-assessment-practice-question__actions button:hover[b-jby6k6qplq],
.portal-assessment-practice-question__actions button:focus-visible[b-jby6k6qplq] {
    transform: translateY(-1px);
    border-color: hsla(var(--brand-h, 224), 76%, 48%, 0.18);
    box-shadow: 0 12px 24px hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    outline: none;
}

.portal-assessment-question-grid[b-jby6k6qplq] {
    position: relative;
    display: grid;
    grid-template-columns: 5.35rem minmax(0, 1fr);
    gap: 0.72rem;
    align-items: start;
}

.portal-assessment-watermark[b-jby6k6qplq] {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(11rem, 1fr));
    gap: 3.6rem 1.4rem;
    padding: 2rem 1.25rem;
    overflow: hidden;
    pointer-events: none;
    transform: rotate(-17deg) scale(1.08);
    transform-origin: center;
    opacity: 0.14;
}

.portal-assessment-watermark span[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 214), 70%, 26%);
    font-size: 0.68rem;
    font-weight: 950;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
}

.portal-assessment-question-grid--protected .portal-assessment-navigator-shell[b-jby6k6qplq],
.portal-assessment-question-grid--protected .portal-assessment-question-stack[b-jby6k6qplq] {
    position: relative;
    z-index: 1;
}

.portal-assessment-question-grid--protected .portal-assessment-question__stem[b-jby6k6qplq],
.portal-assessment-question-grid--protected .portal-assessment-question__outcome[b-jby6k6qplq],
.portal-assessment-question-grid--protected .portal-assessment-option__body[b-jby6k6qplq],
.portal-assessment-question-grid--protected .portal-assessment-truefalse label > span:last-child[b-jby6k6qplq] {
    -webkit-user-select: none;
    user-select: none;
}

.portal-assessment-workspace--delivery-focus .portal-assessment-question-grid[b-jby6k6qplq] {
    grid-template-columns: clamp(4.35rem, 4.8vw, 5.35rem) minmax(0, 1fr);
}

.portal-assessment-page--active-attempt .portal-assessment-question-grid[b-jby6k6qplq] {
    grid-template-columns: clamp(4.45rem, 4.6vw, 5.2rem) minmax(0, 1fr);
    flex: 1 1 auto;
    gap: 0.86rem;
    align-items: stretch;
    min-height: 0;
    overflow: hidden;
    scroll-margin-top: calc(var(--portal-frame-gap) + var(--assessment-active-topbar-offset) + var(--assessment-active-chrome-offset) + 0.85rem);
}

.portal-assessment-navigator-shell[b-jby6k6qplq] {
    position: sticky;
    top: 0.72rem;
    display: grid;
    gap: 0.44rem;
    min-width: 0;
    max-height: 58vh;
    padding: 0.38rem;
    overflow: hidden;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 251, 253, 0.9));
    box-shadow: 0 12px 28px hsla(var(--brand-h, 218), 60%, 16%, 0.06);
}

.portal-assessment-workspace--delivery-focus .portal-assessment-navigator-shell[b-jby6k6qplq] {
    top: var(--portal-frame-gap);
    max-height: calc(100vh - 2rem);
}

.portal-assessment-page--active-attempt .portal-assessment-navigator-shell[b-jby6k6qplq] {
    position: static;
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: none;
    min-height: 0;
}

.portal-assessment-navigator-shell__head[b-jby6k6qplq] {
    display: grid;
    gap: 0.16rem;
    min-width: 0;
    padding: 0.38rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.06);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.78);
}

.portal-assessment-navigator-shell__head span[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.62rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-navigator-shell__head strong[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.88rem;
    font-weight: 950;
    line-height: 1.05;
}

.portal-assessment-navigator-shell__head div[b-jby6k6qplq] {
    height: 0.3rem;
    overflow: hidden;
    border-radius: 999px;
    background: hsla(var(--brand-h, 218), 60%, 16%, 0.08);
}

.portal-assessment-navigator-shell__head i[b-jby6k6qplq] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #0f766e, hsl(var(--brand-accent-h, 39), 61%, 46%));
    transition: width 180ms ease;
}

.portal-assessment-section-progress[b-jby6k6qplq] {
    display: grid;
    gap: 0.16rem;
    min-width: 0;
    padding: 0.38rem;
    overflow: hidden;
    border: 1px solid hsla(var(--brand-h, 214), 70%, 26%, 0.1);
    border-radius: 8px;
    color: hsl(var(--brand-h, 214), 70%, 26%);
    background:
        linear-gradient(135deg, rgba(232, 241, 255, 0.86), rgba(255, 255, 255, 0.76)),
        rgba(255, 255, 255, 0.78);
}

.portal-assessment-section-progress span[b-jby6k6qplq],
.portal-assessment-section-progress small[b-jby6k6qplq],
.portal-assessment-section-progress strong[b-jby6k6qplq] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-section-progress span[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.58rem;
    font-weight: 920;
    text-transform: uppercase;
}

.portal-assessment-section-progress strong[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.78rem;
    font-weight: 940;
    line-height: 1.08;
}

.portal-assessment-section-progress small[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 214), 20%, 40%);
    font-size: 0.62rem;
    font-weight: 820;
}

.portal-assessment-section-progress div[b-jby6k6qplq] {
    height: 0.28rem;
    overflow: hidden;
    border-radius: 999px;
    background: hsla(var(--brand-h, 214), 70%, 26%, 0.1);
}

.portal-assessment-section-progress i[b-jby6k6qplq] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, hsl(var(--brand-h, 214), 70%, 26%), #0f766e);
    transition: width 180ms ease;
}

.portal-assessment-navigator-focus[b-jby6k6qplq] {
    display: grid;
    gap: 0.28rem;
}

.portal-assessment-navigator-focus__button[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.26rem;
    min-height: 1.72rem;
    padding: 0 0.38rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    color: hsl(var(--brand-h, 214), 20%, 40%);
    background: rgba(255, 255, 255, 0.72);
    font: inherit;
    cursor: pointer;
    transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease, color 0.16s ease;
}

.portal-assessment-navigator-focus__button:hover:not(:disabled)[b-jby6k6qplq],
.portal-assessment-navigator-focus__button:focus-visible:not(:disabled)[b-jby6k6qplq],
.portal-assessment-navigator-focus__button.is-active[b-jby6k6qplq] {
    transform: translateY(-1px);
    border-color: rgba(15, 118, 110, 0.24);
    color: #0f5f55;
    background: rgba(238, 252, 248, 0.88);
    outline: none;
}

.portal-assessment-navigator-focus__button:disabled[b-jby6k6qplq] {
    cursor: default;
    opacity: 0.54;
}

.portal-assessment-navigator-focus__button span[b-jby6k6qplq] {
    min-width: 0;
    overflow: hidden;
    font-size: 0.62rem;
    font-weight: 900;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.portal-assessment-navigator-focus__button strong[b-jby6k6qplq] {
    display: inline-grid;
    place-items: center;
    min-width: 1.18rem;
    height: 1.18rem;
    padding: 0 0.28rem;
    border-radius: 999px;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    background: hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    font-size: 0.66rem;
    font-weight: 950;
}

.portal-assessment-navigator-focus__button.is-active strong[b-jby6k6qplq] {
    color: #0f5f55;
    background: rgba(15, 118, 110, 0.13);
}

.portal-assessment-navigator-jump[b-jby6k6qplq] {
    display: grid;
    gap: 0.28rem;
}

.portal-assessment-navigator-jump button[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.28rem;
    min-width: 0;
    min-height: 1.78rem;
    padding: 0 0.38rem;
    border: 1px solid hsla(var(--brand-h, 198), 44%, 31%, 0.12);
    border-radius: 8px;
    color: #214d5a;
    background: rgba(232, 247, 249, 0.72);
    font: inherit;
    font-size: 0.66rem;
    font-weight: 920;
    cursor: pointer;
    transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease, color 0.16s ease, opacity 0.16s ease;
}

.portal-assessment-navigator-jump button:hover:not(:disabled)[b-jby6k6qplq],
.portal-assessment-navigator-jump button:focus-visible:not(:disabled)[b-jby6k6qplq] {
    transform: translateY(-1px);
    border-color: rgba(15, 118, 110, 0.24);
    color: #0f5f55;
    background: rgba(238, 252, 248, 0.92);
    outline: none;
}

.portal-assessment-navigator-jump button:disabled[b-jby6k6qplq] {
    cursor: default;
    opacity: 0.48;
}

.portal-assessment-navigator-jump[b-jby6k6qplq]  .mud-icon-root {
    flex: 0 0 auto;
    font-size: 0.9rem;
}

.portal-assessment-navigator-jump span[b-jby6k6qplq] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-navigator[b-jby6k6qplq] {
    display: grid;
    gap: 0.34rem;
    max-height: min(48vh, 34rem);
    overflow: auto;
    padding-right: 0.08rem;
}

.portal-assessment-workspace--delivery-focus .portal-assessment-navigator[b-jby6k6qplq] {
    max-height: calc(100vh - 11rem);
}

.portal-assessment-page--active-attempt .portal-assessment-navigator[b-jby6k6qplq] {
    flex: 1 1 auto;
    max-height: none;
    min-height: 0;
    overflow: auto;
}

.portal-assessment-navigator__item[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 0.34rem;
    align-items: center;
    width: 100%;
    min-height: 2.22rem;
    padding: 0 0.44rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.1);
    border-radius: 8px;
    color: hsl(var(--brand-h, 215), 16%, 48%);
    background: #fff;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 900;
    cursor: pointer;
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease, background 0.16s ease;
}

.portal-assessment-navigator__item:hover:not(:disabled)[b-jby6k6qplq],
.portal-assessment-navigator__item:focus-visible:not(:disabled)[b-jby6k6qplq] {
    transform: translateY(-1px);
    border-color: hsla(var(--brand-h, 214), 70%, 26%, 0.22);
    box-shadow: 0 10px 22px hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    outline: none;
}

.portal-assessment-navigator__item span[b-jby6k6qplq] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-navigator__item i[b-jby6k6qplq] {
    width: 0.34rem;
    height: 0.34rem;
    border-radius: 999px;
    background: hsla(var(--brand-h, 215), 16%, 48%, 0.32);
}

.portal-assessment-navigator__item--active[b-jby6k6qplq] {
    color: #fff;
    background: hsl(var(--brand-h, 214), 70%, 26%);
    border-color: hsl(var(--brand-h, 214), 70%, 26%);
    box-shadow: 0 12px 24px hsla(var(--brand-h, 214), 70%, 26%, 0.18);
}

.portal-assessment-navigator__item--active i[b-jby6k6qplq] {
    background: #fff;
}

.portal-assessment-navigator__item--done:not(.portal-assessment-navigator__item--active)[b-jby6k6qplq] {
    color: #0f5f55;
    border-color: rgba(15, 118, 110, 0.28);
    background: rgba(15, 118, 110, 0.08);
}

.portal-assessment-navigator__item--done:not(.portal-assessment-navigator__item--active) i[b-jby6k6qplq] {
    background: #0f766e;
}

.portal-assessment-navigator__item--dirty:not(.portal-assessment-navigator__item--active)[b-jby6k6qplq] {
    color: #7c3d12;
    border-color: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.3);
    background: rgba(255, 249, 235, 0.94);
}

.portal-assessment-navigator__item--dirty:not(.portal-assessment-navigator__item--active) i[b-jby6k6qplq] {
    background: hsl(var(--brand-accent-h, 39), 61%, 46%);
    box-shadow: 0 0 0 3px hsla(var(--brand-accent-h, 39), 61%, 46%, 0.16);
}

.portal-assessment-navigator__item--local-draft:not(.portal-assessment-navigator__item--active)[b-jby6k6qplq] {
    color: #214d5a;
    border-color: hsla(var(--brand-h, 198), 44%, 31%, 0.28);
    background: rgba(232, 247, 249, 0.9);
}

.portal-assessment-navigator__item--local-draft:not(.portal-assessment-navigator__item--active) i[b-jby6k6qplq] {
    background: hsl(var(--brand-h, 198), 44%, 31%);
    box-shadow: 0 0 0 3px hsla(var(--brand-h, 198), 44%, 31%, 0.15);
}

.portal-assessment-navigator__item--flagged:not(.portal-assessment-navigator__item--active)[b-jby6k6qplq] {
    color: #7c3d12;
    border-color: hsla(var(--brand-accent-h, 32), 95%, 44%, 0.32);
    background:
        linear-gradient(135deg, rgba(255, 248, 232, 0.96), rgba(255, 255, 255, 0.9));
}

.portal-assessment-navigator__item--flagged:not(.portal-assessment-navigator__item--active) i[b-jby6k6qplq] {
    background: hsl(var(--brand-accent-h, 32), 95%, 44%);
    box-shadow: 0 0 0 3px hsla(var(--brand-accent-h, 32), 95%, 44%, 0.15);
}

.portal-assessment-navigator__item--timer-pending:not(.portal-assessment-navigator__item--active)[b-jby6k6qplq] {
    color: #6f4d08;
    border-color: hsla(var(--brand-accent-h, 39), 77%, 40%, 0.28);
    background:
        linear-gradient(135deg, rgba(255, 249, 235, 0.96), rgba(255, 255, 255, 0.9));
}

.portal-assessment-navigator__item--timer-pending:not(.portal-assessment-navigator__item--active) i[b-jby6k6qplq] {
    background: hsl(var(--brand-accent-h, 36), 71%, 42%);
    box-shadow: 0 0 0 3px hsla(var(--brand-accent-h, 36), 71%, 42%, 0.16);
}

.portal-assessment-navigator__item--time-locked:not(.portal-assessment-navigator__item--active)[b-jby6k6qplq] {
    color: #8f1d38;
    border-color: rgba(190, 18, 60, 0.24);
    background: rgba(255, 241, 244, 0.88);
}

.portal-assessment-navigator__item--time-locked:not(.portal-assessment-navigator__item--active) i[b-jby6k6qplq] {
    background: #be123c;
    box-shadow: 0 0 0 3px rgba(190, 18, 60, 0.14);
}

.portal-assessment-navigator__item--active.portal-assessment-navigator__item--dirty i[b-jby6k6qplq] {
    background: hsl(var(--brand-accent-h, 42), 90%, 73%);
    box-shadow: 0 0 0 3px hsla(var(--brand-accent-h, 42), 90%, 73%, 0.22);
}

.portal-assessment-navigator__item--active.portal-assessment-navigator__item--local-draft i[b-jby6k6qplq] {
    background: #a7f3d0;
    box-shadow: 0 0 0 3px rgba(167, 243, 208, 0.22);
}

.portal-assessment-navigator__item--active.portal-assessment-navigator__item--flagged i[b-jby6k6qplq] {
    background: hsl(var(--brand-accent-h, 43), 96%, 56%);
    box-shadow: 0 0 0 3px hsla(var(--brand-accent-h, 43), 96%, 56%, 0.22);
}

.portal-assessment-navigator__item--locked[b-jby6k6qplq] {
    opacity: 0.62;
    cursor: not-allowed;
}

.portal-assessment-navigator-legend[b-jby6k6qplq] {
    display: grid;
    gap: 0.28rem;
    padding: 0.38rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.06);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.72);
}

.portal-assessment-navigator-legend__item[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    min-width: 0;
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.66rem;
    font-weight: 850;
    line-height: 1.2;
}

.portal-assessment-navigator-legend__item i[b-jby6k6qplq] {
    flex: 0 0 auto;
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 999px;
    background: hsla(var(--brand-h, 215), 16%, 48%, 0.32);
}

.portal-assessment-navigator-legend__item--current[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 214), 70%, 26%);
}

.portal-assessment-navigator-legend__item--current i[b-jby6k6qplq] {
    background: hsl(var(--brand-h, 214), 70%, 26%);
}

.portal-assessment-navigator-legend__item--answered[b-jby6k6qplq] {
    color: #0f5f55;
}

.portal-assessment-navigator-legend__item--answered i[b-jby6k6qplq] {
    background: #0f766e;
}

.portal-assessment-navigator-legend__item--unsaved[b-jby6k6qplq] {
    color: #8a5a12;
}

.portal-assessment-navigator-legend__item--unsaved i[b-jby6k6qplq] {
    background: hsl(var(--brand-accent-h, 39), 61%, 46%);
}

.portal-assessment-navigator-legend__item--local-draft[b-jby6k6qplq] {
    color: #214d5a;
}

.portal-assessment-navigator-legend__item--local-draft i[b-jby6k6qplq] {
    background: hsl(var(--brand-h, 198), 44%, 31%);
}

.portal-assessment-navigator-legend__item--flagged[b-jby6k6qplq] {
    color: #7c3d12;
}

.portal-assessment-navigator-legend__item--flagged i[b-jby6k6qplq] {
    background: hsl(var(--brand-accent-h, 32), 95%, 44%);
}

.portal-assessment-navigator-legend__item--timer-pending[b-jby6k6qplq] {
    color: #6f4d08;
}

.portal-assessment-navigator-legend__item--timer-pending i[b-jby6k6qplq] {
    background: hsl(var(--brand-accent-h, 36), 71%, 42%);
}

.portal-assessment-navigator-legend__item--time-locked[b-jby6k6qplq] {
    color: #8f1d38;
}

.portal-assessment-navigator-legend__item--time-locked i[b-jby6k6qplq] {
    background: #be123c;
}

.portal-assessment-navigator-legend__item--locked[b-jby6k6qplq] {
    color: #8a5a12;
}

.portal-assessment-navigator-legend__item--locked i[b-jby6k6qplq] {
    background: hsl(var(--brand-accent-h, 39), 61%, 46%);
}

.portal-assessment-question-stack[b-jby6k6qplq] {
    display: grid;
    gap: 0.64rem;
    max-height: 60vh;
    overflow: auto;
    padding-right: 0.32rem;
    scroll-behavior: smooth;
}

.portal-assessment-workspace--delivery-focus .portal-assessment-question-stack[b-jby6k6qplq] {
    max-height: none;
    min-height: clamp(28rem, calc(100vh - 24rem), 48rem);
    overflow: visible;
    padding-right: 0;
}

.portal-assessment-page--active-attempt .portal-assessment-question-stack[b-jby6k6qplq] {
    align-self: stretch;
    height: 100%;
    max-height: none;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 0.18rem;
    padding-bottom: 0.42rem;
    overscroll-behavior: contain;
    perspective: 1200px;
    scrollbar-gutter: stable;
}

.portal-assessment-workspace--single-question .portal-assessment-question[b-jby6k6qplq] {
    min-height: clamp(24rem, calc(100vh - 26rem), 44rem);
}

.portal-assessment-page--active-attempt .portal-assessment-workspace--single-question .portal-assessment-question[b-jby6k6qplq] {
    grid-template-columns: 1fr;
    align-content: start;
    align-items: start;
    gap: clamp(0.58rem, 0.8vw, 0.82rem);
    min-height: clamp(21rem, calc(100vh - var(--assessment-active-topbar-offset) - var(--assessment-active-chrome-offset) - 8.8rem), 42rem);
    padding: clamp(0.68rem, 0.9vw, 0.92rem);
    border-color: rgba(15, 118, 110, 0.18);
    background:
        linear-gradient(135deg, rgba(236, 253, 245, 0.36), rgba(255, 255, 255, 0.96) 36%, rgba(248, 250, 252, 0.92)),
        #fff;
    box-shadow:
        0 22px 46px hsla(var(--brand-h, 218), 60%, 16%, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.96);
    animation: portalAssessmentQuestionEnter-b-jby6k6qplq 220ms ease-out;
    overflow: visible;
}

.portal-assessment-page--active-attempt .portal-assessment-workspace--single-question .portal-assessment-question[b-jby6k6qplq]::before {
    width: 0.22rem;
    background: linear-gradient(180deg, #0f766e, hsl(var(--brand-h, 214), 70%, 26%) 58%, hsl(var(--brand-accent-h, 39), 61%, 46%));
}

.portal-assessment-page--active-attempt .portal-assessment-question__head[b-jby6k6qplq] {
    grid-column: 1 / -1;
    padding-bottom: 0.14rem;
    border-bottom: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.06);
}

.portal-assessment-page--active-attempt .portal-assessment-question__head h3[b-jby6k6qplq] {
    font-size: clamp(1rem, 1vw, 1.22rem);
    font-weight: 920;
}

.portal-assessment-page--active-attempt .portal-assessment-question__stem[b-jby6k6qplq] {
    grid-column: 1 / -1;
    padding: 0.66rem 0.72rem;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(248, 251, 253, 0.74)),
        rgba(255, 255, 255, 0.82);
}

.portal-assessment-page--active-attempt .portal-assessment-question__outcome[b-jby6k6qplq],
.portal-assessment-page--active-attempt .portal-assessment-question__attachment[b-jby6k6qplq],
.portal-assessment-page--active-attempt .portal-assessment-question__image[b-jby6k6qplq] {
    grid-column: 1 / -1;
}

.portal-assessment-page--active-attempt .portal-assessment-question[b-jby6k6qplq]  .portal-assessment-media--question {
    width: 100%;
    margin: 0.04rem 0;
}

.portal-assessment-page--active-attempt .portal-assessment-question[b-jby6k6qplq]  .portal-assessment-media--question .portal-assessment-media__image {
    width: min(100%, 30rem);
    max-height: min(32vh, 18rem);
}

.portal-assessment-page--active-attempt .portal-assessment-question[b-jby6k6qplq]  .portal-assessment-media--question .portal-assessment-media__video {
    width: min(100%, 34rem);
    max-height: min(34vh, 19rem);
}

.portal-assessment-page--active-attempt .portal-assessment-question[b-jby6k6qplq]  .portal-assessment-media--question .portal-assessment-media__pdf-shell {
    width: min(100%, 38rem);
    max-height: min(34vh, 19.5rem);
}

.portal-assessment-page--active-attempt .portal-assessment-question[b-jby6k6qplq]  .portal-assessment-media--question .portal-assessment-media__pdf-frame {
    height: clamp(12rem, 32vh, 19.5rem);
    max-height: inherit;
}

.portal-assessment-page--active-attempt .portal-assessment-question[b-jby6k6qplq]  .portal-assessment-media--question .portal-assessment-media__caption {
    width: min(100%, 38rem);
}

.portal-assessment-page--active-attempt .portal-assessment-answer-mode[b-jby6k6qplq],
.portal-assessment-page--active-attempt .portal-assessment-options[b-jby6k6qplq],
.portal-assessment-page--active-attempt .portal-assessment-truefalse[b-jby6k6qplq],
.portal-assessment-page--active-attempt .portal-assessment-short-answer[b-jby6k6qplq],
.portal-assessment-page--active-attempt .portal-assessment-numeric-answer[b-jby6k6qplq],
.portal-assessment-page--active-attempt .portal-assessment-essay-answer[b-jby6k6qplq],
.portal-assessment-page--active-attempt .portal-assessment-fill-blanks[b-jby6k6qplq],
.portal-assessment-page--active-attempt .portal-assessment-marker-board[b-jby6k6qplq],
.portal-assessment-page--active-attempt .portal-assessment-image-drag[b-jby6k6qplq],
.portal-assessment-page--active-attempt .portal-assessment-categorization[b-jby6k6qplq],
.portal-assessment-page--active-attempt .portal-assessment-hotspot[b-jby6k6qplq],
.portal-assessment-page--active-attempt .portal-assessment-stimulus-block[b-jby6k6qplq],
.portal-assessment-page--active-attempt .portal-assessment-matching[b-jby6k6qplq],
.portal-assessment-page--active-attempt .portal-assessment-ordering[b-jby6k6qplq],
.portal-assessment-page--active-attempt .portal-assessment-artifact-editor[b-jby6k6qplq],
.portal-assessment-page--active-attempt .portal-assessment-question__actions[b-jby6k6qplq] {
    grid-column: 1 / -1;
}

.portal-assessment-page--active-attempt .portal-assessment-answer-mode[b-jby6k6qplq] {
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 3.15rem;
    padding: 0.48rem 0.56rem;
}

.portal-assessment-page--active-attempt .portal-assessment-answer-mode[b-jby6k6qplq]  .mud-icon-root {
    width: 1.95rem;
    height: 1.95rem;
}

.portal-assessment-page--active-attempt .portal-assessment-answer-mode span[b-jby6k6qplq] {
    font-size: 0.7rem;
    line-height: 1.25;
}

.portal-assessment-page--active-attempt .portal-assessment-options[b-jby6k6qplq] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 16.5rem), 1fr));
    align-items: stretch;
    gap: 0.5rem;
}

.portal-assessment-page--active-attempt .portal-assessment-option[b-jby6k6qplq] {
    min-height: 3rem;
    padding: 0.5rem 0.56rem;
}

.portal-assessment-page--active-attempt .portal-assessment-truefalse[b-jby6k6qplq] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.portal-assessment-page--active-attempt .portal-assessment-truefalse__option[b-jby6k6qplq] {
    min-height: 3.35rem;
    padding: 0.58rem 0.64rem;
}

.portal-assessment-page--active-attempt .portal-assessment-textarea[b-jby6k6qplq] {
    min-height: clamp(8.5rem, 28vh, 16rem);
}

.portal-assessment-page--active-attempt .portal-assessment-question__actions[b-jby6k6qplq] {
    align-self: end;
}

@keyframes portalAssessmentQuestionEnter-b-jby6k6qplq {
    from {
        opacity: 0.72;
        transform: translateY(8px) scale(0.996);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.portal-assessment-question[b-jby6k6qplq] {
    position: relative;
    display: grid;
    gap: 0.64rem;
    padding: 0.78rem;
    overflow: hidden;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 28px hsla(var(--brand-h, 218), 60%, 16%, 0.055);
}

.portal-assessment-question[b-jby6k6qplq]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 0.18rem;
    background: hsla(var(--brand-h, 215), 16%, 48%, 0.22);
}

.portal-assessment-question.is-answered[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.18);
    background:
        linear-gradient(135deg, rgba(238, 252, 248, 0.58), rgba(255, 255, 255, 0.94)),
        #fff;
}

.portal-assessment-question.is-answered[b-jby6k6qplq]::before {
    background: #0f766e;
}

.portal-assessment-question.is-required-missing[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.2);
    background:
        linear-gradient(135deg, rgba(255, 249, 235, 0.66), rgba(255, 255, 255, 0.94)),
        #fff;
}

.portal-assessment-question.is-required-missing[b-jby6k6qplq]::before {
    background: hsl(var(--brand-accent-h, 39), 61%, 46%);
}

.portal-assessment-question.is-local-draft[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 198), 44%, 31%, 0.24);
    background:
        linear-gradient(135deg, rgba(232, 247, 249, 0.68), rgba(255, 255, 255, 0.94)),
        #fff;
}

.portal-assessment-question.is-local-draft[b-jby6k6qplq]::before {
    background: hsl(var(--brand-h, 198), 44%, 31%);
}

.portal-assessment-question.is-flagged[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 32), 95%, 44%, 0.26);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        0 14px 30px rgba(122, 92, 32, 0.08);
}

.portal-assessment-question.is-time-locked[b-jby6k6qplq] {
    border-color: rgba(190, 18, 60, 0.2);
    background:
        linear-gradient(135deg, rgba(255, 241, 244, 0.62), rgba(255, 255, 255, 0.94)),
        #fff;
}

.portal-assessment-question.is-time-locked[b-jby6k6qplq]::before {
    background: #be123c;
}

.portal-assessment-question.is-timer-pending[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 214), 70%, 26%, 0.18);
    background:
        linear-gradient(135deg, rgba(232, 241, 255, 0.58), rgba(255, 255, 255, 0.94)),
        #fff;
}

.portal-assessment-question.is-timer-pending[b-jby6k6qplq]::before {
    background: hsl(var(--brand-h, 214), 70%, 26%);
}

.portal-assessment-question__head[b-jby6k6qplq] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
}

.portal-assessment-question__head span[b-jby6k6qplq],
.portal-assessment-question__outcome[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.74rem;
    font-weight: 800;
}

.portal-assessment-question-type[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.34rem;
    min-width: 0;
}

.portal-assessment-question-type[b-jby6k6qplq]  .mud-icon-root {
    color: #9a6f20;
    flex: 0 0 auto;
}

.portal-assessment-question__head h3[b-jby6k6qplq] {
    margin: 0.12rem 0 0;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 1rem;
    font-weight: 850;
    letter-spacing: 0;
}

.portal-assessment-question__meta[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.38rem;
}

.portal-assessment-question__status[b-jby6k6qplq],
.portal-assessment-question__time[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.26rem;
    min-height: 1.78rem;
    padding: 0 0.46rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    color: hsl(var(--brand-h, 214), 20%, 40%);
    background: rgba(255, 255, 255, 0.82);
    font-size: 0.72rem;
    font-weight: 900;
    white-space: nowrap;
}

.portal-assessment-question__status[b-jby6k6qplq]  .mud-icon-root,
.portal-assessment-question__time[b-jby6k6qplq]  .mud-icon-root {
    font-size: 0.92rem;
}

.portal-assessment-question__status--answered[b-jby6k6qplq] {
    color: #0f5f55;
    border-color: rgba(15, 118, 110, 0.18);
    background: rgba(238, 252, 248, 0.84);
}

.portal-assessment-question__status--required[b-jby6k6qplq] {
    color: #8a5a12;
    border-color: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.2);
    background: rgba(255, 249, 235, 0.9);
}

.portal-assessment-question__status--timer-pending[b-jby6k6qplq] {
    color: #6f4d08;
    border-color: hsla(var(--brand-accent-h, 39), 77%, 40%, 0.2);
    background:
        linear-gradient(135deg, rgba(255, 249, 235, 0.92), rgba(255, 255, 255, 0.78)),
        rgba(255, 255, 255, 0.82);
}

.portal-assessment-question__status--locked[b-jby6k6qplq] {
    color: #8f1d38;
    border-color: rgba(190, 18, 60, 0.16);
    background: rgba(255, 241, 244, 0.88);
}

.portal-assessment-question__time[b-jby6k6qplq] {
    color: #214d5a;
    border-color: hsla(var(--brand-h, 198), 44%, 31%, 0.14);
    background: rgba(232, 247, 249, 0.78);
}

.portal-assessment-question__time.is-active[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 214), 70%, 26%);
    border-color: hsla(var(--brand-h, 214), 70%, 26%, 0.18);
    background:
        linear-gradient(135deg, rgba(232, 241, 255, 0.86), rgba(238, 252, 248, 0.76)),
        rgba(255, 255, 255, 0.82);
}

.portal-assessment-question__time.is-limited[b-jby6k6qplq] {
    color: #6f4d08;
    border-color: hsla(var(--brand-accent-h, 39), 77%, 40%, 0.18);
    background:
        linear-gradient(135deg, rgba(255, 249, 235, 0.9), rgba(255, 255, 255, 0.72)),
        rgba(255, 255, 255, 0.82);
}

.portal-assessment-question__time.is-warning[b-jby6k6qplq] {
    color: #9f1239;
    border-color: rgba(190, 18, 60, 0.2);
    background:
        linear-gradient(135deg, rgba(255, 241, 244, 0.9), rgba(255, 249, 235, 0.78)),
        rgba(255, 255, 255, 0.82);
}

.portal-assessment-question__time.is-expired[b-jby6k6qplq] {
    color: #8f1d38;
    border-color: rgba(190, 18, 60, 0.18);
    background: rgba(255, 241, 244, 0.9);
}

.portal-assessment-question__points[b-jby6k6qplq] {
    flex: 0 0 auto;
    color: #7c3d12;
    font-size: 0.78rem;
    font-weight: 850;
    min-height: 1.78rem;
    display: inline-flex;
    align-items: center;
    padding: 0 0.46rem;
    border-radius: 8px;
    background: rgba(255, 249, 235, 0.88);
}

.portal-assessment-question__speak[b-jby6k6qplq] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.92rem;
    height: 1.78rem;
    padding: 0;
    border: 1px solid hsla(var(--brand-h, 214), 70%, 26%, 0.16);
    border-radius: 8px;
    background: rgba(232, 241, 255, 0.7);
    color: hsl(var(--brand-h, 214), 70%, 26%);
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.portal-assessment-question__speak:hover[b-jby6k6qplq] {
    transform: translateY(-1px);
    border-color: hsla(var(--brand-h, 214), 70%, 26%, 0.3);
}

.portal-assessment-question__speak.is-speaking[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.4);
    background: rgba(15, 118, 110, 0.14);
    color: #0f5f55;
}

.portal-assessment-question__insights[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.36rem;
    margin-top: -0.16rem;
}

.portal-assessment-question-insight[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.26rem;
    min-height: 1.62rem;
    padding: 0 0.48rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    color: hsl(var(--brand-h, 214), 20%, 40%);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(248, 250, 252, 0.72)),
        rgba(255, 255, 255, 0.82);
    box-shadow: 0 10px 20px hsla(var(--brand-h, 218), 60%, 16%, 0.05);
    font-size: 0.68rem;
    font-weight: 900;
    white-space: nowrap;
}

.portal-assessment-question-insight[b-jby6k6qplq]  .mud-icon-root {
    font-size: 0.86rem;
}

.portal-assessment-question-insight--answered[b-jby6k6qplq],
.portal-assessment-question-insight--required-ready[b-jby6k6qplq],
.portal-assessment-question-insight--completion-complete[b-jby6k6qplq],
.portal-assessment-question-insight--ready[b-jby6k6qplq],
.portal-assessment-question-insight--saved[b-jby6k6qplq] {
    color: #0f5f55;
    border-color: rgba(15, 118, 110, 0.16);
    background: rgba(238, 252, 248, 0.78);
}

.portal-assessment-question-insight--required[b-jby6k6qplq],
.portal-assessment-question-insight--required-missing[b-jby6k6qplq],
.portal-assessment-question-insight--completion-partial[b-jby6k6qplq],
.portal-assessment-question-insight--dirty[b-jby6k6qplq],
.portal-assessment-question-insight--saving[b-jby6k6qplq] {
    color: #8a5a12;
    border-color: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.18);
    background: rgba(255, 249, 235, 0.86);
}

.portal-assessment-question-insight--review[b-jby6k6qplq],
.portal-assessment-question-insight--restore[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 214), 70%, 26%);
    border-color: hsla(var(--brand-h, 214), 70%, 26%, 0.16);
    background: rgba(232, 241, 255, 0.82);
}

.portal-assessment-question-insight--confidence-low[b-jby6k6qplq] {
    color: #8f1d38;
    border-color: rgba(190, 18, 60, 0.16);
    background: rgba(255, 241, 244, 0.84);
}

.portal-assessment-question-insight--confidence-medium[b-jby6k6qplq] {
    color: #8a5a12;
    border-color: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.18);
    background: rgba(255, 249, 235, 0.86);
}

.portal-assessment-question-insight--confidence-high[b-jby6k6qplq] {
    color: #0f5f55;
    border-color: rgba(15, 118, 110, 0.16);
    background: rgba(238, 252, 248, 0.78);
}

.portal-assessment-question-insight--time-limit[b-jby6k6qplq] {
    color: #6f4d08;
    border-color: hsla(var(--brand-accent-h, 39), 77%, 40%, 0.16);
    background: rgba(255, 249, 235, 0.84);
}

.portal-assessment-question-insight--penalty[b-jby6k6qplq] {
    color: #8f1d38;
    border-color: rgba(190, 18, 60, 0.16);
    background: rgba(255, 241, 244, 0.84);
}

.portal-assessment-question-insight--time-locked[b-jby6k6qplq] {
    color: #8f1d38;
    border-color: rgba(190, 18, 60, 0.16);
    background: rgba(255, 241, 244, 0.84);
}

.portal-assessment-question-insight--draft[b-jby6k6qplq],
.portal-assessment-question-insight--completion-missing[b-jby6k6qplq],
.portal-assessment-question-insight--blocked[b-jby6k6qplq] {
    color: #8f1d38;
    border-color: rgba(190, 18, 60, 0.16);
    background: rgba(255, 241, 244, 0.84);
}

.portal-assessment-question-insight--open[b-jby6k6qplq],
.portal-assessment-question-insight--empty[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 214), 20%, 40%);
    border-color: hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    background: rgba(248, 250, 252, 0.82);
}

.portal-assessment-question-lock-reason[b-jby6k6qplq] {
    display: inline-flex;
    align-items: flex-start;
    gap: 0.52rem;
    width: fit-content;
    max-width: 100%;
    padding: 0.58rem 0.7rem;
    border: 1px solid rgba(190, 18, 60, 0.16);
    border-radius: 8px;
    color: #7f1d32;
    background:
        linear-gradient(135deg, rgba(255, 241, 244, 0.94), rgba(255, 255, 255, 0.82)),
        rgba(255, 255, 255, 0.88);
    box-shadow: 0 14px 28px rgba(127, 29, 50, 0.08);
}

.portal-assessment-question-lock-reason[b-jby6k6qplq]  .mud-icon-root {
    flex: 0 0 auto;
    margin-top: 0.08rem;
    font-size: 1.04rem;
}

.portal-assessment-question-lock-reason div[b-jby6k6qplq] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.portal-assessment-question-lock-reason strong[b-jby6k6qplq] {
    color: #7f1d32;
    font-size: 0.78rem;
    font-weight: 900;
    line-height: 1.2;
}

.portal-assessment-question-lock-reason span[b-jby6k6qplq] {
    color: #8f5260;
    font-size: 0.72rem;
    font-weight: 760;
    line-height: 1.35;
}

.portal-assessment-answer-hint[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.34rem;
    min-width: 0;
    width: fit-content;
    max-width: 100%;
    min-height: 1.86rem;
    padding: 0 0.56rem;
    border: 1px solid hsla(var(--brand-accent-h, 37), 63%, 47%, 0.18);
    border-radius: 8px;
    color: #725018;
    background: rgba(255, 249, 235, 0.86);
    font-size: 0.72rem;
    font-weight: 860;
}

.portal-assessment-answer-hint[b-jby6k6qplq]  .mud-icon-root {
    flex: 0 0 auto;
    font-size: 0.92rem;
}

.portal-assessment-answer-hint span[b-jby6k6qplq] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-answer-hint--danger[b-jby6k6qplq] {
    color: #8a1230;
    border-color: rgba(180, 35, 65, 0.18);
    background: rgba(255, 241, 244, 0.86);
}

.portal-assessment-answer-hint--danger[b-jby6k6qplq]  .mud-icon-root {
    color: #b42341;
}

.portal-assessment-question-start-gate[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.72rem;
    min-width: 0;
    padding: 0.78rem;
    border: 1px solid hsla(var(--brand-h, 214), 70%, 26%, 0.14);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(232, 241, 255, 0.92), rgba(255, 255, 255, 0.92)),
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 39), 61%, 46%, 0.14), transparent 42%);
    box-shadow: 0 16px 34px hsla(var(--brand-h, 218), 60%, 16%, 0.08);
}

.portal-assessment-question-start-gate__icon[b-jby6k6qplq] {
    display: inline-grid;
    place-items: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 8px;
    color: hsl(var(--brand-h, 214), 70%, 26%);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: inset 0 0 0 1px hsla(var(--brand-h, 214), 70%, 26%, 0.12);
}

.portal-assessment-question-start-gate__icon[b-jby6k6qplq]  .mud-icon-root {
    font-size: 1.2rem;
}

.portal-assessment-question-start-gate > div[b-jby6k6qplq] {
    min-width: 0;
}

.portal-assessment-question-start-gate strong[b-jby6k6qplq] {
    display: block;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.92rem;
    font-weight: 920;
}

.portal-assessment-question-start-gate p[b-jby6k6qplq],
.portal-assessment-question-start-gate small[b-jby6k6qplq] {
    margin: 0.18rem 0 0;
    color: hsl(var(--brand-h, 214), 20%, 40%);
    font-size: 0.78rem;
    font-weight: 760;
    line-height: 1.36;
}

.portal-assessment-question-start-gate small[b-jby6k6qplq] {
    grid-column: 2 / -1;
    color: #8a5a12;
    font-weight: 850;
}

.portal-assessment-question-start-gate[b-jby6k6qplq]  .mud-button-root {
    min-width: 9rem;
}

.portal-assessment-question__stem[b-jby6k6qplq] {
    padding: 0.62rem 0.68rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.06);
    border-radius: 8px;
    background: rgba(248, 250, 252, 0.66);
    color: hsl(var(--brand-h, 218), 60%, 16%);
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.portal-assessment-question__attachment[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.34rem;
    width: fit-content;
    margin-top: 0.35rem;
    padding: 0.42rem 0.68rem;
    border: 1px solid rgba(84, 127, 137, 0.2);
    border-radius: 8px;
    background: rgba(84, 127, 137, 0.08);
    color: #285f69;
    font-size: 0.82rem;
    font-weight: 820;
    text-decoration: none;
}

.portal-assessment-question__attachment:hover[b-jby6k6qplq] {
    background: rgba(84, 127, 137, 0.13);
    color: #173f49;
}

.portal-assessment-question__image[b-jby6k6qplq] {
    width: min(100%, 32rem);
    max-height: 18rem;
    object-fit: contain;
    padding: 0.5rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(242, 247, 251, 0.9));
    box-shadow: 0 16px 40px hsla(var(--brand-h, 218), 60%, 16%, 0.1);
}

.portal-assessment-options[b-jby6k6qplq] {
    display: grid;
    gap: 0.52rem;
}

.portal-assessment-answer-mode[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: 2.35rem minmax(0, 1fr);
    gap: 0.62rem;
    align-items: center;
    padding: 0.62rem 0.72rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(244, 248, 252, 0.9)),
        radial-gradient(circle at 0 0, hsla(var(--brand-accent-h, 39), 61%, 44%, 0.14), transparent 34%);
    box-shadow: 0 14px 30px hsla(var(--brand-h, 218), 60%, 16%, 0.07);
}

.portal-assessment-answer-mode[b-jby6k6qplq]  .mud-icon-root {
    display: inline-grid;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 8px;
    color: #8a641a;
    background: linear-gradient(135deg, rgba(255, 247, 226, 0.98), rgba(239, 247, 255, 0.92));
    box-shadow: inset 0 0 0 1px hsla(var(--brand-accent-h, 40), 60%, 43%, 0.18);
}

.portal-assessment-answer-mode strong[b-jby6k6qplq] {
    display: block;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.84rem;
    font-weight: 900;
}

.portal-assessment-answer-mode span[b-jby6k6qplq] {
    display: block;
    margin-top: 0.12rem;
    color: hsl(var(--brand-h, 215), 16%, 46%);
    font-size: 0.76rem;
    line-height: 1.38;
}

.portal-assessment-answer-mode--numeric[b-jby6k6qplq],
.portal-assessment-answer-mode--fill[b-jby6k6qplq],
.portal-assessment-answer-mode--marker[b-jby6k6qplq],
.portal-assessment-answer-mode--categorization[b-jby6k6qplq],
.portal-assessment-answer-mode--hotspot[b-jby6k6qplq],
.portal-assessment-answer-mode--stimulus[b-jby6k6qplq] {
    border-color: rgba(84, 127, 137, 0.16);
}

.portal-assessment-stimulus-block[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    padding: 0.58rem 0.68rem;
    border: 1px solid hsla(var(--brand-h, 214), 70%, 26%, 0.12);
    border-radius: 8px;
    color: hsl(var(--brand-h, 214), 70%, 26%);
    background:
        linear-gradient(135deg, rgba(232, 241, 255, 0.82), rgba(255, 255, 255, 0.92)),
        rgba(255, 255, 255, 0.86);
    font-size: 0.78rem;
    font-weight: 860;
}

.portal-assessment-stimulus-block[b-jby6k6qplq]  .mud-icon-root {
    flex: 0 0 auto;
    color: hsl(var(--brand-h, 214), 70%, 26%);
}

.portal-assessment-truefalse[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.58rem;
}

.portal-assessment-truefalse__option[b-jby6k6qplq] {
    position: relative;
    display: grid;
    gap: 0.48rem;
    min-height: 4.7rem;
    padding: 0.72rem;
    overflow: hidden;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.1);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(247, 250, 253, 0.84)),
        #fbfcff;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-weight: 900;
    cursor: pointer;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.portal-assessment-truefalse__option[b-jby6k6qplq]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 0.16rem;
    background: transparent;
    transition: background 0.18s ease;
}

.portal-assessment-truefalse__option:hover[b-jby6k6qplq] {
    transform: translateY(-1px);
    border-color: rgba(15, 118, 110, 0.24);
    box-shadow: 0 14px 28px hsla(var(--brand-h, 218), 60%, 16%, 0.08);
}

.portal-assessment-truefalse__option.is-selected[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.42);
    background: linear-gradient(135deg, rgba(15, 118, 110, 0.1), rgba(255, 255, 255, 0.96));
    box-shadow: 0 16px 32px rgba(15, 118, 110, 0.12);
}

.portal-assessment-truefalse__option.is-selected[b-jby6k6qplq]::before {
    background: #0f766e;
}

.portal-assessment-truefalse__option input[b-jby6k6qplq] {
    position: absolute;
    top: 0.78rem;
    right: 0.78rem;
    width: 1rem;
    height: 1rem;
    opacity: 0;
    accent-color: #0f766e;
}

.portal-assessment-truefalse__state[b-jby6k6qplq] {
    position: absolute;
    top: 0.62rem;
    right: 0.62rem;
    display: inline-grid;
    place-items: center;
    width: 1.72rem;
    height: 1.72rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    color: hsl(var(--brand-h, 215), 16%, 48%);
    background: rgba(255, 255, 255, 0.8);
}

.portal-assessment-truefalse__option.is-selected .portal-assessment-truefalse__state[b-jby6k6qplq] {
    color: #0f5f55;
    border-color: rgba(15, 118, 110, 0.18);
    background: rgba(238, 252, 248, 0.92);
}

.portal-assessment-truefalse__option > span:not(.portal-assessment-truefalse__state)[b-jby6k6qplq] {
    padding-right: 2rem;
    overflow-wrap: anywhere;
}

.portal-assessment-short-answer[b-jby6k6qplq],
.portal-assessment-numeric-answer[b-jby6k6qplq],
.portal-assessment-essay-answer[b-jby6k6qplq] {
    display: grid;
    gap: 0.42rem;
    padding: 0.5rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(247, 250, 253, 0.84)),
        rgba(255, 255, 255, 0.82);
}

.portal-assessment-answer-field__head[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    min-width: 0;
}

.portal-assessment-answer-field__head span[b-jby6k6qplq],
.portal-assessment-short-answer > span[b-jby6k6qplq],
.portal-assessment-numeric-answer > span[b-jby6k6qplq],
.portal-assessment-essay-answer > span[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 214), 18%, 45%);
    font-size: 0.74rem;
    font-weight: 850;
    text-transform: uppercase;
}

.portal-assessment-answer-field__head small[b-jby6k6qplq] {
    flex: 0 0 auto;
    padding: 0.2rem 0.38rem;
    border-radius: 8px;
    color: hsl(var(--brand-h, 214), 20%, 40%);
    background: hsla(var(--brand-h, 218), 60%, 16%, 0.06);
    font-size: 0.68rem;
    font-weight: 850;
}

.portal-assessment-short-input[b-jby6k6qplq] {
    width: 100%;
    min-height: 2.55rem;
    padding: 0 0.68rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.12);
    border-radius: 8px;
    background: #fbfcff;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font: inherit;
    outline: none;
}

.portal-assessment-short-input:focus[b-jby6k6qplq],
.portal-assessment-number:focus[b-jby6k6qplq],
.portal-assessment-textarea:focus[b-jby6k6qplq],
.portal-assessment-match-row select:focus[b-jby6k6qplq],
.portal-assessment-fill-blank select:focus[b-jby6k6qplq],
.portal-assessment-marker-row select:focus[b-jby6k6qplq],
.portal-assessment-category-row select:focus[b-jby6k6qplq],
.portal-assessment-token:focus[b-jby6k6qplq],
.portal-assessment-drop-slot:focus[b-jby6k6qplq],
.portal-assessment-drop-clear:focus[b-jby6k6qplq],
.portal-assessment-image-target__slot:focus[b-jby6k6qplq],
.portal-assessment-image-target__clear:focus[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.36);
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.09);
}

.portal-assessment-drag-panel[b-jby6k6qplq] {
    display: grid;
    gap: 0.62rem;
}

.portal-assessment-token-bank[b-jby6k6qplq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.36rem;
    padding: 0.46rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(238, 247, 249, 0.74)),
        rgba(255, 255, 255, 0.82);
}

.portal-assessment-token[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    max-width: 100%;
    padding: 0.28rem 0.58rem;
    border: 1px solid hsla(var(--brand-h, 214), 70%, 26%, 0.13);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.96);
    color: hsl(var(--brand-h, 214), 70%, 26%);
    font: inherit;
    font-size: 0.78rem;
    font-weight: 900;
    line-height: 1.25;
    text-align: center;
    cursor: grab;
    outline: none;
    transition: transform 140ms ease, border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
}

.portal-assessment-token:hover[b-jby6k6qplq] {
    transform: translateY(-1px);
    border-color: rgba(15, 118, 110, 0.28);
    box-shadow: 0 10px 20px hsla(var(--brand-h, 218), 60%, 16%, 0.08);
}

.portal-assessment-token:active[b-jby6k6qplq] {
    cursor: grabbing;
}

.portal-assessment-token.is-used[b-jby6k6qplq] {
    background: rgba(238, 252, 248, 0.88);
    color: #0f766e;
}

.portal-assessment-token.is-active[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.42);
    background: #0f766e;
    color: #fff;
    box-shadow: 0 10px 22px rgba(15, 118, 110, 0.18);
}

.portal-assessment-token:disabled[b-jby6k6qplq] {
    cursor: default;
    opacity: 0.62;
}

.portal-assessment-fill-blanks[b-jby6k6qplq],
.portal-assessment-marker-board[b-jby6k6qplq],
.portal-assessment-categorization[b-jby6k6qplq] {
    display: grid;
    gap: 0.58rem;
}

.portal-assessment-fill-blank[b-jby6k6qplq],
.portal-assessment-marker-row[b-jby6k6qplq],
.portal-assessment-category-row[b-jby6k6qplq] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(12rem, 0.58fr) auto;
    gap: 0.5rem;
    align-items: center;
    padding: 0.56rem 0.62rem;
    overflow: hidden;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background:
        linear-gradient(135deg, #fbfcff, rgba(238, 247, 249, 0.72)),
        rgba(255, 255, 255, 0.86);
    color: hsl(var(--brand-h, 218), 60%, 16%);
    transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.portal-assessment-fill-blank[b-jby6k6qplq]::before,
.portal-assessment-marker-row[b-jby6k6qplq]::before,
.portal-assessment-category-row[b-jby6k6qplq]::before,
.portal-assessment-match-row[b-jby6k6qplq]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 0.16rem;
    background: transparent;
    transition: background 140ms ease;
}

.portal-assessment-fill-blank:hover[b-jby6k6qplq],
.portal-assessment-marker-row:hover[b-jby6k6qplq],
.portal-assessment-category-row:hover[b-jby6k6qplq],
.portal-assessment-match-row:hover[b-jby6k6qplq],
.portal-assessment-order-row:hover[b-jby6k6qplq] {
    transform: translateY(-1px);
    border-color: rgba(15, 118, 110, 0.18);
    box-shadow: 0 12px 24px hsla(var(--brand-h, 218), 60%, 16%, 0.07);
}

.portal-assessment-fill-blank.is-selected[b-jby6k6qplq],
.portal-assessment-marker-row.is-selected[b-jby6k6qplq],
.portal-assessment-category-row.is-selected[b-jby6k6qplq],
.portal-assessment-match-row.is-selected[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.26);
    background:
        linear-gradient(135deg, rgba(238, 252, 248, 0.82), rgba(255, 255, 255, 0.94)),
        #fff;
}

.portal-assessment-fill-blank.is-selected[b-jby6k6qplq]::before,
.portal-assessment-marker-row.is-selected[b-jby6k6qplq]::before,
.portal-assessment-category-row.is-selected[b-jby6k6qplq]::before,
.portal-assessment-match-row.is-selected[b-jby6k6qplq]::before {
    background: #0f766e;
}

.portal-assessment-fill-blank__prompt[b-jby6k6qplq],
.portal-assessment-marker-row__target[b-jby6k6qplq],
.portal-assessment-category-row__item[b-jby6k6qplq] {
    min-width: 0;
    line-height: 1.45;
}

.portal-assessment-marker-row__target[b-jby6k6qplq],
.portal-assessment-category-row__item[b-jby6k6qplq] {
    display: grid;
    gap: 0.42rem;
}

.portal-assessment-fill-blank select[b-jby6k6qplq],
.portal-assessment-marker-row select[b-jby6k6qplq],
.portal-assessment-category-row select[b-jby6k6qplq] {
    width: 100%;
    min-height: 2.32rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.94);
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font: inherit;
    outline: none;
    padding: 0 0.68rem;
}

.portal-assessment-drop-slot[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 2.32rem;
    padding: 0.26rem 0.58rem;
    border: 1px dashed hsla(var(--brand-h, 218), 60%, 16%, 0.18);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.9);
    color: hsl(var(--brand-h, 213), 15%, 49%);
    font: inherit;
    font-size: 0.78rem;
    font-weight: 850;
    line-height: 1.25;
    outline: none;
    cursor: pointer;
    transition: border-color 140ms ease, background 140ms ease, color 140ms ease, box-shadow 140ms ease;
}

.portal-assessment-drop-slot:hover[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.28);
    background: rgba(238, 252, 248, 0.82);
    color: #0f766e;
}

.portal-assessment-drop-slot.is-filled[b-jby6k6qplq] {
    border-style: solid;
    border-color: rgba(15, 118, 110, 0.28);
    background: rgba(238, 252, 248, 0.9);
    color: #0f766e;
}

.portal-assessment-drop-slot strong[b-jby6k6qplq],
.portal-assessment-drop-slot span[b-jby6k6qplq] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.portal-assessment-drop-clear[b-jby6k6qplq] {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid rgba(116, 28, 28, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.9);
    color: #9f1239;
    cursor: pointer;
    outline: none;
    transition: transform 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
}

.portal-assessment-drop-clear:hover[b-jby6k6qplq] {
    transform: translateY(-1px);
    border-color: rgba(159, 18, 57, 0.28);
    box-shadow: 0 10px 20px rgba(159, 18, 57, 0.08);
}

.portal-assessment-image-drag[b-jby6k6qplq] {
    display: grid;
    gap: 0.58rem;
}

.portal-assessment-image-drag__stage[b-jby6k6qplq] {
    position: relative;
    display: grid;
    place-items: center;
    width: min(100%, 42rem);
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.1);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(238, 247, 249, 0.78)),
        rgba(255, 255, 255, 0.9);
    box-shadow: 0 16px 34px hsla(var(--brand-h, 218), 60%, 16%, 0.08);
}

.portal-assessment-image-drag__stage img[b-jby6k6qplq] {
    display: block;
    width: 100%;
    max-height: 27rem;
    object-fit: contain;
}

.portal-assessment-image-target[b-jby6k6qplq] {
    position: absolute;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(8rem, auto) auto;
    gap: 0.3rem;
    align-items: center;
    max-width: min(17rem, 42%);
    transform: translate(-50%, -50%);
}

.portal-assessment-image-target.is-selected[b-jby6k6qplq] {
    z-index: 3;
}

.portal-assessment-image-target__slot[b-jby6k6qplq] {
    width: auto;
    min-width: 8.4rem;
    min-height: 2.62rem;
    padding: 0.3rem 0.55rem;
    border-color: hsla(var(--brand-h, 214), 70%, 26%, 0.24);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 12px 24px hsla(var(--brand-h, 218), 60%, 16%, 0.11);
    backdrop-filter: blur(9px);
}

.portal-assessment-image-target__slot.is-filled[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.34);
    background: rgba(238, 252, 248, 0.94);
}

.portal-assessment-image-target__label[b-jby6k6qplq] {
    display: block;
    min-width: 0;
    color: hsl(var(--brand-h, 214), 70%, 26%);
    font-size: 0.68rem;
    font-weight: 950;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.portal-assessment-image-target__slot small[b-jby6k6qplq],
.portal-assessment-image-target__slot strong[b-jby6k6qplq] {
    display: block;
    min-width: 0;
    margin-top: 0.14rem;
    overflow-wrap: anywhere;
}

.portal-assessment-image-target__slot small[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 213), 15%, 49%);
    font-size: 0.68rem;
    font-weight: 850;
}

.portal-assessment-image-target__clear[b-jby6k6qplq] {
    display: grid;
    place-items: center;
    width: 1.9rem;
    height: 1.9rem;
    border: 1px solid rgba(116, 28, 28, 0.13);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.92);
    color: #9f1239;
    cursor: pointer;
    outline: none;
    box-shadow: 0 10px 20px hsla(var(--brand-h, 218), 60%, 16%, 0.09);
    transition: transform 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
}

.portal-assessment-image-target__clear:hover[b-jby6k6qplq] {
    transform: translateY(-1px);
    border-color: rgba(159, 18, 57, 0.28);
    box-shadow: 0 12px 22px rgba(159, 18, 57, 0.1);
}

.portal-assessment-image-drag__targets[b-jby6k6qplq] {
    display: grid;
    gap: 0.44rem;
}

.portal-assessment-image-drag__targets-title[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    color: hsl(var(--brand-h, 214), 70%, 26%);
    font-size: 0.74rem;
    font-weight: 950;
    text-transform: uppercase;
}

.portal-assessment-marker-board--image-targets[b-jby6k6qplq] {
    gap: 0.48rem;
}

.portal-assessment-image-drag__hint[b-jby6k6qplq] {
    justify-self: center;
    color: hsl(var(--brand-h, 214), 20%, 40%);
    font-size: 0.74rem;
    font-weight: 840;
}

.portal-assessment-categorization__categories[b-jby6k6qplq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.34rem;
}

.portal-assessment-categorization__categories span[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    min-height: 1.68rem;
    padding: 0.22rem 0.5rem;
    border: 1px solid hsla(var(--brand-h, 214), 70%, 26%, 0.12);
    border-radius: 8px;
    color: hsl(var(--brand-h, 214), 70%, 26%);
    background: rgba(232, 241, 255, 0.82);
    font-size: 0.72rem;
    font-weight: 900;
}

.portal-assessment-hotspot[b-jby6k6qplq] {
    display: grid;
    gap: 0.62rem;
    padding: 0.58rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background:
        linear-gradient(135deg, #fbfcff, rgba(238, 247, 249, 0.72)),
        rgba(255, 255, 255, 0.9);
}

.portal-assessment-hotspot__stage[b-jby6k6qplq] {
    position: relative;
    display: grid;
    place-items: center;
    width: min(100%, 38rem);
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.1);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 14px 30px hsla(var(--brand-h, 218), 60%, 16%, 0.08);
}

.portal-assessment-hotspot__image-button[b-jby6k6qplq] {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: crosshair;
    outline: none;
}

.portal-assessment-hotspot__image-button:focus-visible[b-jby6k6qplq] {
    box-shadow: inset 0 0 0 3px rgba(15, 118, 110, 0.28);
}

.portal-assessment-hotspot__image-button:disabled[b-jby6k6qplq] {
    cursor: default;
}

.portal-assessment-hotspot__image-button img[b-jby6k6qplq] {
    display: block;
    width: 100%;
    max-height: 24rem;
    object-fit: contain;
}

.portal-assessment-hotspot__marker[b-jby6k6qplq] {
    position: absolute;
    width: 1.18rem;
    height: 1.18rem;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #0f766e;
    box-shadow: 0 0 0 4px rgba(15, 118, 110, 0.22), 0 10px 20px hsla(var(--brand-h, 218), 60%, 16%, 0.18);
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.portal-assessment-hotspot__controls[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
}

.portal-assessment-hotspot__controls label[b-jby6k6qplq] {
    display: grid;
    gap: 0.28rem;
    min-width: 0;
    color: hsl(var(--brand-h, 214), 18%, 45%);
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.portal-assessment-hotspot__controls input[b-jby6k6qplq] {
    width: 100%;
    accent-color: #0f766e;
}

.portal-assessment-hotspot > small[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 214), 20%, 40%);
    font-size: 0.74rem;
    font-weight: 840;
}

.portal-assessment-matching[b-jby6k6qplq],
.portal-assessment-ordering[b-jby6k6qplq] {
    display: grid;
    gap: 0.52rem;
}

.portal-assessment-match-row[b-jby6k6qplq],
.portal-assessment-order-row[b-jby6k6qplq] {
    position: relative;
    display: grid;
    align-items: center;
    gap: 0.5rem;
    padding: 0.56rem 0.62rem;
    overflow: hidden;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background:
        linear-gradient(135deg, #fbfcff, rgba(247, 250, 253, 0.82)),
        #fbfcff;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.portal-assessment-match-row[b-jby6k6qplq] {
    grid-template-columns: minmax(0, 1fr) minmax(12rem, 0.72fr);
}

.portal-assessment-match-row > span[b-jby6k6qplq],
.portal-assessment-order-row > span[b-jby6k6qplq],
.portal-assessment-match-row__left[b-jby6k6qplq],
.portal-assessment-order-row__content[b-jby6k6qplq] {
    min-width: 0;
    line-height: 1.45;
}

.portal-assessment-match-row__left[b-jby6k6qplq],
.portal-assessment-order-row__content[b-jby6k6qplq],
.portal-assessment-option__body[b-jby6k6qplq] {
    display: grid;
    gap: 0.45rem;
    min-width: 0;
}

.portal-assessment-match-row select[b-jby6k6qplq] {
    width: 100%;
    min-height: 2.32rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.94);
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font: inherit;
    outline: none;
    padding: 0 0.68rem;
}

.portal-assessment-order-row[b-jby6k6qplq] {
    grid-template-columns: 2.45rem minmax(0, 1fr) auto;
}

.portal-assessment-order-row strong[b-jby6k6qplq] {
    display: grid;
    place-items: center;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 8px;
    color: hsl(var(--brand-h, 214), 70%, 26%);
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.1);
    font-size: 0.78rem;
    font-weight: 900;
}

.portal-assessment-order-row__actions[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.18rem;
    padding: 0.16rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.76);
}

.portal-assessment-order-row__actions[b-jby6k6qplq]  .mud-button-root.mud-icon-button {
    width: 1.95rem;
    height: 1.95rem;
    min-width: 1.95rem;
    min-height: 1.95rem;
    padding: 0;
    border-radius: 8px;
    color: hsl(var(--brand-h, 214), 70%, 26%);
    background: rgba(232, 241, 255, 0.66);
    transition: transform 140ms ease, background 140ms ease, color 140ms ease, opacity 140ms ease;
}

.portal-assessment-order-row__actions[b-jby6k6qplq]  .mud-button-root.mud-icon-button:hover:not(.mud-disabled) {
    transform: translateY(-1px);
    color: #0f5f55;
    background: rgba(238, 252, 248, 0.88);
}

.portal-assessment-order-row__actions[b-jby6k6qplq]  .mud-button-root.mud-icon-button.mud-disabled {
    opacity: 0.42;
    background: hsla(var(--brand-h, 218), 60%, 16%, 0.04);
}

.portal-assessment-option[b-jby6k6qplq] {
    position: relative;
    display: grid;
    grid-template-columns: 1.35rem minmax(0, 1fr);
    gap: 0.56rem;
    align-items: start;
    padding: 0.58rem 0.64rem;
    overflow: hidden;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(247, 250, 253, 0.86)),
        #fbfcff;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.92rem;
    transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
}

.portal-assessment-option[b-jby6k6qplq]::after {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 0.16rem;
    background: transparent;
    transition: background 0.16s ease;
}

.portal-assessment-option:hover[b-jby6k6qplq],
.portal-assessment-option:focus-within[b-jby6k6qplq] {
    transform: translateY(-1px);
    border-color: rgba(15, 118, 110, 0.24);
    background: rgba(15, 118, 110, 0.04);
    box-shadow: 0 10px 22px hsla(var(--brand-h, 218), 60%, 16%, 0.06);
}

.portal-assessment-option.is-selected[b-jby6k6qplq],
.portal-assessment-option:has(input:checked)[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.34);
    background:
        linear-gradient(135deg, rgba(236, 253, 245, 0.92), rgba(255, 255, 255, 0.96)),
        #fff;
    box-shadow: 0 12px 24px rgba(15, 118, 110, 0.1);
}

.portal-assessment-option.is-selected[b-jby6k6qplq]::after,
.portal-assessment-option:has(input:checked)[b-jby6k6qplq]::after {
    background: #0f766e;
}

.portal-assessment-option:has(input:disabled)[b-jby6k6qplq] {
    cursor: not-allowed;
    opacity: 0.72;
}

.portal-assessment-option input[b-jby6k6qplq] {
    width: 1.05rem;
    height: 1.05rem;
    margin-top: 0.16rem;
    accent-color: #0f766e;
}

.portal-assessment-option__body span[b-jby6k6qplq] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.portal-assessment-option__image[b-jby6k6qplq] {
    width: min(100%, 16rem);
    max-height: 9rem;
    object-fit: contain;
    padding: 0.35rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 10px 26px hsla(var(--brand-h, 218), 60%, 16%, 0.08);
}

.portal-assessment-textarea[b-jby6k6qplq],
.portal-assessment-number[b-jby6k6qplq],
.portal-assessment-artifact-editor input[b-jby6k6qplq],
.portal-assessment-artifact-editor textarea[b-jby6k6qplq] {
    width: 100%;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.12);
    border-radius: 8px;
    background: #fbfcff;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font: inherit;
    outline: none;
}

.portal-assessment-textarea[b-jby6k6qplq] {
    min-height: 10rem;
    resize: vertical;
    padding: 0.78rem;
}

.portal-assessment-number[b-jby6k6qplq] {
    min-height: 2.85rem;
    padding: 0 0.78rem;
}

.portal-assessment-artifact-editor[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.58rem;
    padding: 0.58rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(247, 250, 253, 0.84)),
        rgba(255, 255, 255, 0.86);
    box-shadow: 0 12px 28px hsla(var(--brand-h, 218), 60%, 16%, 0.07);
}

.portal-assessment-artifact-editor__head[b-jby6k6qplq] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.64rem;
    min-width: 0;
    padding-bottom: 0.48rem;
    border-bottom: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.06);
}

.portal-assessment-artifact-editor__head > div[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    min-width: 0;
}

.portal-assessment-artifact-editor__head[b-jby6k6qplq]  .mud-icon-root {
    flex: 0 0 auto;
    color: #0f5f55;
}

.portal-assessment-artifact-editor__head span[b-jby6k6qplq],
.portal-assessment-artifact-editor__head small[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.66rem;
    font-weight: 900;
    text-transform: uppercase;
}

.portal-assessment-artifact-editor__head strong[b-jby6k6qplq] {
    overflow: hidden;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.9rem;
    font-weight: 920;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-artifact-editor__head small[b-jby6k6qplq] {
    flex: 0 0 auto;
    padding: 0.22rem 0.42rem;
    border-radius: 8px;
    color: #725018;
    background: rgba(255, 249, 235, 0.88);
}

.portal-assessment-artifact-editor__upload[b-jby6k6qplq] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    padding: 0.5rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.1);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(238, 247, 249, 0.9)),
        rgba(255, 255, 255, 0.76);
}

.portal-assessment-artifact-editor__upload-button[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    min-height: 2.15rem;
    padding: 0 0.68rem;
    border-radius: 8px;
    background: linear-gradient(135deg, hsl(var(--brand-h, 214), 70%, 26%), #0f766e);
    color: #fff;
    font-size: 0.78rem;
    font-weight: 900;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: 0 12px 24px rgba(15, 118, 110, 0.18);
    transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
}

.portal-assessment-artifact-editor__upload-button:not(.is-disabled):hover[b-jby6k6qplq] {
    transform: translateY(-1px);
    box-shadow: 0 16px 30px rgba(15, 118, 110, 0.24);
}

.portal-assessment-artifact-editor__upload-button.is-disabled[b-jby6k6qplq] {
    cursor: not-allowed;
    opacity: 0.58;
}

.portal-assessment-artifact-editor__file[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.34rem;
    min-width: 0;
    min-height: 2.15rem;
    padding: 0 0.56rem;
    border: 1px solid rgba(15, 118, 110, 0.16);
    border-radius: 8px;
    color: #0f5f55;
    background: rgba(238, 252, 248, 0.78);
    font-size: 0.8rem;
    font-weight: 860;
    text-decoration: none;
}

.portal-assessment-artifact-editor__file span[b-jby6k6qplq] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-artifact-editor__status[b-jby6k6qplq] {
    justify-self: end;
    display: grid;
    justify-items: end;
    gap: 0.28rem;
    color: hsl(var(--brand-h, 213), 15%, 49%);
    font-size: 0.76rem;
    font-weight: 760;
    text-align: right;
}

.portal-assessment-artifact-editor__retry[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.22rem;
    min-height: 1.75rem;
    padding: 0 0.48rem;
    border: 1px solid rgba(180, 83, 9, 0.22);
    border-radius: 7px;
    color: #92400e;
    background: #fff7ed;
    font: inherit;
    font-weight: 850;
    cursor: pointer;
}

.portal-assessment-artifact-editor__retry:disabled[b-jby6k6qplq] {
    cursor: not-allowed;
    opacity: 0.55;
}

.portal-assessment-artifact-editor label[b-jby6k6qplq] {
    display: grid;
    gap: 0.28rem;
    color: hsl(var(--brand-h, 214), 18%, 45%);
    font-size: 0.74rem;
    font-weight: 850;
    text-transform: uppercase;
}

.portal-assessment-artifact-editor input[b-jby6k6qplq] {
    min-height: 2.55rem;
    padding: 0 0.68rem;
    text-transform: none;
}

.portal-assessment-artifact-editor textarea[b-jby6k6qplq] {
    min-height: 6.3rem;
    padding: 0.68rem;
    resize: vertical;
    text-transform: none;
}

.portal-assessment-artifact-editor__notes[b-jby6k6qplq] {
    grid-column: 1 / -1;
}

/* ============================================================================ */
/* A/V recorded-answer recorder (question types AudioResponse=22 / VideoResponse=23). */
/* ============================================================================ */
.portal-assessment-recorder[b-jby6k6qplq] {
    display: grid;
    gap: 0.6rem;
    padding: 0.7rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.1);
    border-radius: 10px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(247, 250, 253, 0.86)),
        rgba(255, 255, 255, 0.86);
    box-shadow: 0 12px 28px hsla(var(--brand-h, 218), 60%, 16%, 0.07);
}

.portal-assessment-recorder.is-recording[b-jby6k6qplq] {
    border-color: rgba(190, 36, 36, 0.32);
    box-shadow: 0 14px 32px rgba(190, 36, 36, 0.12);
}

.portal-assessment-recorder.is-recorded[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.24);
    background:
        linear-gradient(135deg, rgba(238, 252, 248, 0.6), rgba(255, 255, 255, 0.94)),
        #fff;
}

.portal-assessment-recorder__head[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.64rem;
    min-width: 0;
    padding-bottom: 0.48rem;
    border-bottom: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.06);
}

.portal-assessment-recorder__head > div[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-width: 0;
}

.portal-assessment-recorder__head[b-jby6k6qplq]  .mud-icon-root {
    flex: 0 0 auto;
    color: hsl(var(--brand-h, 214), 70%, 26%);
}

.portal-assessment-recorder__head strong[b-jby6k6qplq] {
    overflow: hidden;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.9rem;
    font-weight: 920;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-recorder__head small[b-jby6k6qplq] {
    flex: 0 0 auto;
    padding: 0.22rem 0.42rem;
    border-radius: 8px;
    color: #725018;
    background: rgba(255, 249, 235, 0.88);
    font-size: 0.66rem;
    font-weight: 900;
    text-transform: uppercase;
}

.portal-assessment-recorder__hint[b-jby6k6qplq] {
    margin: 0;
    color: hsl(var(--brand-h, 214), 18%, 45%);
    font-size: 0.8rem;
    font-weight: 720;
}

.portal-assessment-recorder__stage[b-jby6k6qplq] {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 9rem;
    overflow: hidden;
    border-radius: 10px;
    background: radial-gradient(circle at 50% 30%, rgba(15, 23, 42, 0.06), rgba(15, 23, 42, 0.02));
}

.portal-assessment-recorder__video[b-jby6k6qplq] {
    width: min(100%, 34rem);
    max-height: 22rem;
    border-radius: 10px;
    background: #0b1220;
}

.portal-assessment-recorder__video.is-hidden[b-jby6k6qplq] {
    display: none;
}

.portal-assessment-recorder__placeholder[b-jby6k6qplq] {
    display: grid;
    justify-items: center;
    gap: 0.42rem;
    padding: 1.4rem;
    color: hsl(var(--brand-h, 214), 18%, 52%);
    text-align: center;
}

.portal-assessment-recorder__placeholder[b-jby6k6qplq]  .mud-icon-root {
    width: 2.2rem;
    height: 2.2rem;
    color: hsl(var(--brand-h, 214), 30%, 60%);
}

.portal-assessment-recorder__placeholder span[b-jby6k6qplq] {
    font-size: 0.78rem;
    font-weight: 780;
}

.portal-assessment-recorder__audio-stage[b-jby6k6qplq] {
    display: grid;
    place-items: center;
    min-height: 4.4rem;
    padding: 0.5rem;
    border-radius: 10px;
    background: rgba(15, 118, 110, 0.04);
}

.portal-assessment-recorder__audio-shell[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    max-width: 34rem;
}

.portal-assessment-recorder__audio-shell[b-jby6k6qplq]  .mud-icon-root {
    flex: 0 0 auto;
    color: #0f5f55;
}

.portal-assessment-recorder__audio[b-jby6k6qplq] {
    width: 100%;
}

/* Simple animated level bars while the audio recorder is live. */
.portal-assessment-recorder__level[b-jby6k6qplq] {
    display: inline-flex;
    align-items: flex-end;
    gap: 0.28rem;
    height: 2.6rem;
}

.portal-assessment-recorder__level span[b-jby6k6qplq] {
    width: 0.42rem;
    height: 0.6rem;
    border-radius: 4px;
    background: linear-gradient(180deg, hsl(var(--brand-h, 214), 70%, 38%), #0f766e);
    animation: portalAssessmentRecorderPulse-b-jby6k6qplq 0.9s ease-in-out infinite;
}

.portal-assessment-recorder__level span:nth-child(2)[b-jby6k6qplq] { animation-delay: 0.12s; }
.portal-assessment-recorder__level span:nth-child(3)[b-jby6k6qplq] { animation-delay: 0.24s; }
.portal-assessment-recorder__level span:nth-child(4)[b-jby6k6qplq] { animation-delay: 0.36s; }
.portal-assessment-recorder__level span:nth-child(5)[b-jby6k6qplq] { animation-delay: 0.48s; }

@keyframes portalAssessmentRecorderPulse-b-jby6k6qplq {
    0%, 100% { height: 0.6rem; opacity: 0.7; }
    50% { height: 2.4rem; opacity: 1; }
}

.portal-assessment-recorder__status[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem 0.55rem;
    color: hsl(var(--brand-h, 214), 18%, 42%);
    font-size: 0.82rem;
    font-weight: 840;
}

.portal-assessment-recorder__status[b-jby6k6qplq]  .mud-icon-root {
    color: #0f766e;
}

.portal-assessment-recorder__timer[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    color: #be2424;
    font-variant-numeric: tabular-nums;
    font-weight: 920;
}

.portal-assessment-recorder__timer small[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 214), 18%, 52%);
    font-weight: 760;
}

.portal-assessment-recorder__dot[b-jby6k6qplq] {
    width: 0.62rem;
    height: 0.62rem;
    border-radius: 50%;
    background: #be2424;
    box-shadow: 0 0 0 0 rgba(190, 36, 36, 0.4);
    animation: portalAssessmentRecorderBlink-b-jby6k6qplq 1.1s ease-in-out infinite;
}

@keyframes portalAssessmentRecorderBlink-b-jby6k6qplq {
    0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(190, 36, 36, 0.45); }
    50% { opacity: 0.55; box-shadow: 0 0 0 0.4rem rgba(190, 36, 36, 0); }
}

/* Live countdown bar — mirrors the timer-ring precedent: a slim track that fills
   toward the max-recording budget. --recorder-progress is set inline (0..100%). */
.portal-assessment-recorder__countdown[b-jby6k6qplq] {
    position: relative;
    display: block;
    flex: 1 1 8rem;
    min-width: 6rem;
    height: 0.38rem;
    overflow: hidden;
    border-radius: 999px;
    background: hsla(var(--brand-h, 218), 60%, 16%, 0.1);
}

.portal-assessment-recorder__countdown-fill[b-jby6k6qplq] {
    position: absolute;
    inset: 0 auto 0 0;
    width: var(--recorder-progress, 0%);
    border-radius: 999px;
    background: linear-gradient(90deg, hsl(var(--brand-h, 214), 70%, 38%), #0f766e);
    transition: width 0.5s linear, background 0.3s ease;
}

/* As the budget runs low the timer turns to the record-red and the bar warms up. */
.portal-assessment-recorder__timer--near-limit[b-jby6k6qplq] {
    color: #be2424;
}

.portal-assessment-recorder__timer--near-limit small[b-jby6k6qplq] {
    color: #be2424;
}

.portal-assessment-recorder__timer--near-limit ~ .portal-assessment-recorder__countdown .portal-assessment-recorder__countdown-fill[b-jby6k6qplq] {
    background: linear-gradient(90deg, #d4882a, #be2424);
}

/* Idle record button gently breathes to invite the first take. */
@media (prefers-reduced-motion: no-preference) {
    .portal-assessment-recorder__button--start:not(:disabled)[b-jby6k6qplq] {
        animation: portalAssessmentRecorderInvite-b-jby6k6qplq 2.4s ease-in-out infinite;
    }

    @keyframes portalAssessmentRecorderInvite-b-jby6k6qplq {
        0%, 100% { box-shadow: 0 12px 24px rgba(190, 36, 36, 0.2); }
        50% { box-shadow: 0 12px 24px rgba(190, 36, 36, 0.2), 0 0 0 0.32rem rgba(190, 36, 36, 0.12); }
    }
}

.portal-assessment-recorder__actions[b-jby6k6qplq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.portal-assessment-recorder__button[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 2.45rem;
    padding: 0 0.9rem;
    border: 0;
    border-radius: 9px;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 900;
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
}

.portal-assessment-recorder__button:disabled[b-jby6k6qplq] {
    cursor: not-allowed;
    opacity: 0.55;
}

.portal-assessment-recorder__button--start[b-jby6k6qplq] {
    background: linear-gradient(135deg, #be2424, #921c1c);
    box-shadow: 0 12px 24px rgba(190, 36, 36, 0.2);
}

.portal-assessment-recorder__button--stop[b-jby6k6qplq] {
    background: linear-gradient(135deg, hsl(var(--brand-h, 214), 24%, 30%), #1f2937);
    box-shadow: 0 12px 24px rgba(31, 41, 55, 0.2);
}

.portal-assessment-recorder__button--retake[b-jby6k6qplq] {
    background: linear-gradient(135deg, hsl(var(--brand-h, 214), 70%, 26%), #0f766e);
    box-shadow: 0 12px 24px rgba(15, 118, 110, 0.18);
}

.portal-assessment-recorder__button:not(:disabled):hover[b-jby6k6qplq] {
    transform: translateY(-1px);
}

.portal-assessment-recorder__message[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    gap: 0.42rem;
    padding: 0.5rem 0.64rem;
    border-radius: 9px;
    font-size: 0.78rem;
    font-weight: 800;
}

.portal-assessment-recorder__message--info[b-jby6k6qplq] {
    color: #0f5f55;
    background: rgba(15, 118, 110, 0.08);
}

.portal-assessment-recorder__message--warn[b-jby6k6qplq] {
    color: #725018;
    background: rgba(255, 249, 235, 0.9);
}

.portal-assessment-recorder__message--error[b-jby6k6qplq] {
    color: #921c1c;
    background: rgba(190, 36, 36, 0.08);
}

.portal-assessment-recorder__message[b-jby6k6qplq]  .mud-icon-root {
    flex: 0 0 auto;
}

/* Recorded-answer review playback label. */
.portal-assessment-recorder-review[b-jby6k6qplq] {
    gap: 0.42rem;
}

.portal-assessment-recorder-review__label[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.36rem;
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.66rem;
    font-weight: 900;
    text-transform: uppercase;
}

.portal-assessment-recorder-review__label[b-jby6k6qplq]  .mud-icon-root {
    color: #0f5f55;
}

/* High-contrast: solid borders, no soft gradients. */
.portal-assessment-workspace--high-contrast .portal-assessment-recorder[b-jby6k6qplq],
.portal-assessment-workspace--high-contrast .portal-assessment-recorder__button[b-jby6k6qplq],
.portal-assessment-workspace--high-contrast .portal-assessment-recorder__message[b-jby6k6qplq] {
    border: 2px solid currentColor;
    background: #fff;
    box-shadow: none;
}

.portal-assessment-workspace--high-contrast .portal-assessment-recorder__button[b-jby6k6qplq] {
    color: #111;
    background: #fff;
}

.portal-assessment-workspace--high-contrast .portal-assessment-recorder__countdown[b-jby6k6qplq] {
    border: 2px solid #000;
    background: #fff;
}

.portal-assessment-workspace--high-contrast .portal-assessment-recorder__countdown-fill[b-jby6k6qplq],
.portal-assessment-workspace--high-contrast .portal-assessment-recorder__timer--near-limit ~ .portal-assessment-recorder__countdown .portal-assessment-recorder__countdown-fill[b-jby6k6qplq] {
    background: #000;
}

/* Reduced-motion: kill the level pulse + blink + invite breathing; bars settle instantly. */
.portal-assessment-workspace--reduced-motion .portal-assessment-recorder__level span[b-jby6k6qplq],
.portal-assessment-workspace--reduced-motion .portal-assessment-recorder__dot[b-jby6k6qplq],
.portal-assessment-workspace--reduced-motion .portal-assessment-recorder__button--start[b-jby6k6qplq] {
    animation: none;
}

.portal-assessment-workspace--reduced-motion .portal-assessment-recorder__level span[b-jby6k6qplq] {
    height: 1.6rem;
}

.portal-assessment-workspace--reduced-motion .portal-assessment-recorder__countdown-fill[b-jby6k6qplq] {
    transition: none;
}

/* Comfort (dark) mode: dark surfaces + light text. */
.portal-assessment-workspace--comfort .portal-assessment-recorder[b-jby6k6qplq] {
    border-color: rgba(255, 255, 255, 0.16);
    background: rgba(17, 24, 39, 0.72);
    box-shadow: none;
}

.portal-assessment-workspace--comfort .portal-assessment-recorder__head strong[b-jby6k6qplq] {
    color: #f3f4f6;
}

.portal-assessment-workspace--comfort .portal-assessment-recorder__hint[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-recorder__status[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-recorder__placeholder[b-jby6k6qplq] {
    color: #cbd5e1;
}

.portal-assessment-workspace--comfort .portal-assessment-recorder__countdown[b-jby6k6qplq] {
    background: rgba(148, 163, 184, 0.22);
}

.portal-assessment-workspace--comfort .portal-assessment-recorder__countdown-fill[b-jby6k6qplq] {
    background: linear-gradient(90deg, #38bdf8, #5eead4);
}

.portal-assessment-recorder.is-spanning[b-jby6k6qplq] {
    grid-column: 1 / -1;
}

.portal-assessment-page--active-attempt .portal-assessment-recorder[b-jby6k6qplq] {
    grid-column: 1 / -1;
}

.portal-assessment-question__actions[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    gap: 0.42rem;
    justify-content: flex-end;
    padding-top: 0.52rem;
    border-top: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.06);
}

.portal-assessment-question-confidence[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.18rem;
    min-height: 2rem;
    padding: 0.12rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.portal-assessment-question-confidence__button[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.22rem;
    min-width: 0;
    min-height: 1.68rem;
    padding: 0 0.42rem;
    border: 1px solid transparent;
    border-radius: 7px;
    color: hsl(var(--brand-h, 214), 16%, 42%);
    background: transparent;
    font: inherit;
    font-size: 0.68rem;
    font-weight: 900;
    cursor: pointer;
    transition: transform 140ms ease, border-color 140ms ease, background 140ms ease, color 140ms ease;
}

.portal-assessment-question-confidence__button:hover:not(:disabled)[b-jby6k6qplq],
.portal-assessment-question-confidence__button:focus-visible[b-jby6k6qplq] {
    transform: translateY(-1px);
    outline: none;
    border-color: hsla(var(--brand-h, 192), 58%, 34%, 0.18);
    background: rgba(238, 247, 250, 0.82);
}

.portal-assessment-question-confidence__button.is-active[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 214), 70%, 26%);
    border-color: hsla(var(--brand-h, 214), 70%, 26%, 0.2);
    background: rgba(232, 241, 255, 0.9);
}

.portal-assessment-question-confidence__button.is-confidence-1.is-active[b-jby6k6qplq] {
    color: #8f1d38;
    border-color: rgba(190, 18, 60, 0.18);
    background: rgba(255, 241, 244, 0.9);
}

.portal-assessment-question-confidence__button.is-confidence-2.is-active[b-jby6k6qplq] {
    color: #8a5a12;
    border-color: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.22);
    background: rgba(255, 249, 235, 0.92);
}

.portal-assessment-question-confidence__button.is-confidence-3.is-active[b-jby6k6qplq] {
    color: #0f5f55;
    border-color: rgba(15, 118, 110, 0.2);
    background: rgba(238, 252, 248, 0.88);
}

.portal-assessment-question-confidence__button:disabled[b-jby6k6qplq],
.portal-assessment-question-flag:disabled[b-jby6k6qplq] {
    cursor: wait;
    opacity: 0.68;
}

.portal-assessment-question-confidence__button[b-jby6k6qplq]  .mud-icon-root {
    flex: 0 0 auto;
    font-size: 0.82rem;
}

.portal-assessment-question-confidence__button span[b-jby6k6qplq] {
    max-width: 5.8rem;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-question-flag[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    min-width: 0;
    min-height: 2rem;
    padding: 0 0.56rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    color: hsl(var(--brand-h, 214), 20%, 40%);
    background: rgba(255, 255, 255, 0.8);
    font: inherit;
    font-size: 0.74rem;
    font-weight: 900;
    cursor: pointer;
    transition: transform 140ms ease, border-color 140ms ease, background 140ms ease, color 140ms ease;
}

.portal-assessment-question-flag:hover[b-jby6k6qplq],
.portal-assessment-question-flag:focus-visible[b-jby6k6qplq] {
    transform: translateY(-1px);
    border-color: hsla(var(--brand-accent-h, 32), 95%, 44%, 0.28);
    color: #7c3d12;
    background: rgba(255, 249, 235, 0.9);
    outline: none;
}

.portal-assessment-question-flag--active[b-jby6k6qplq] {
    color: #7c3d12;
    border-color: hsla(var(--brand-accent-h, 32), 95%, 44%, 0.32);
    background: rgba(255, 249, 235, 0.96);
}

.portal-assessment-question-flag.is-saving[b-jby6k6qplq],
.portal-assessment-question-confidence__button.is-saving[b-jby6k6qplq] {
    box-shadow: inset 0 0 0 1px hsla(var(--brand-h, 192), 58%, 34%, 0.12);
}

.portal-assessment-question-flag[b-jby6k6qplq]  .mud-icon-root {
    flex: 0 0 auto;
    font-size: 0.95rem;
}

.portal-assessment-question-flag span[b-jby6k6qplq] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-question-reset[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    min-width: 0;
    min-height: 2rem;
    padding: 0 0.56rem;
    border: 1px solid rgba(180, 35, 65, 0.12);
    border-radius: 8px;
    color: #7a4051;
    background: rgba(255, 241, 244, 0.62);
    font: inherit;
    font-size: 0.74rem;
    font-weight: 900;
    cursor: pointer;
    transition: transform 140ms ease, border-color 140ms ease, background 140ms ease, color 140ms ease, opacity 140ms ease;
}

.portal-assessment-question-reset:hover:not(:disabled)[b-jby6k6qplq],
.portal-assessment-question-reset:focus-visible:not(:disabled)[b-jby6k6qplq] {
    transform: translateY(-1px);
    border-color: rgba(180, 35, 65, 0.24);
    color: #9f1239;
    background: rgba(255, 241, 244, 0.96);
    outline: none;
}

.portal-assessment-question-reset--order[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 198), 44%, 31%, 0.16);
    color: #214d5a;
    background: rgba(232, 247, 249, 0.76);
}

.portal-assessment-question-reset--order:hover:not(:disabled)[b-jby6k6qplq],
.portal-assessment-question-reset--order:focus-visible:not(:disabled)[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 198), 44%, 31%, 0.28);
    color: hsl(var(--brand-h, 214), 70%, 26%);
    background: rgba(232, 247, 249, 0.96);
}

.portal-assessment-question-reset:disabled[b-jby6k6qplq] {
    cursor: not-allowed;
    opacity: 0.52;
}

.portal-assessment-question-reset[b-jby6k6qplq]  .mud-icon-root {
    flex: 0 0 auto;
    font-size: 0.95rem;
}

.portal-assessment-question-reset span[b-jby6k6qplq] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-question-restore[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    min-width: 0;
    min-height: 2rem;
    padding: 0 0.56rem;
    border: 1px solid rgba(15, 118, 110, 0.16);
    border-radius: 8px;
    color: #0f5f55;
    background: rgba(238, 252, 248, 0.78);
    font: inherit;
    font-size: 0.74rem;
    font-weight: 900;
    cursor: pointer;
    transition: transform 140ms ease, border-color 140ms ease, background 140ms ease, color 140ms ease, opacity 140ms ease;
}

.portal-assessment-question-restore:hover:not(:disabled)[b-jby6k6qplq],
.portal-assessment-question-restore:focus-visible:not(:disabled)[b-jby6k6qplq] {
    transform: translateY(-1px);
    border-color: rgba(15, 118, 110, 0.28);
    color: #064e3b;
    background: rgba(236, 253, 245, 0.98);
    outline: none;
}

.portal-assessment-question-restore:disabled[b-jby6k6qplq] {
    cursor: not-allowed;
    opacity: 0.52;
}

.portal-assessment-question-restore[b-jby6k6qplq]  .mud-icon-root {
    flex: 0 0 auto;
    font-size: 0.95rem;
}

.portal-assessment-question-restore span[b-jby6k6qplq] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-question-save[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    min-width: 0;
    min-height: 2rem;
    padding: 0 0.52rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    color: hsl(var(--brand-h, 214), 20%, 40%);
    background: rgba(255, 255, 255, 0.78);
    font: inherit;
    font-size: 0.74rem;
    font-weight: 860;
    cursor: default;
    transition: transform 140ms ease, border-color 140ms ease, background 140ms ease, color 140ms ease;
}

button.portal-assessment-question-save:not(:disabled)[b-jby6k6qplq] {
    cursor: pointer;
}

button.portal-assessment-question-save:hover:not(:disabled)[b-jby6k6qplq],
button.portal-assessment-question-save:focus-visible:not(:disabled)[b-jby6k6qplq] {
    transform: translateY(-1px);
    border-color: rgba(15, 118, 110, 0.24);
    color: #0f5f55;
    background: rgba(238, 252, 248, 0.92);
    outline: none;
}

button.portal-assessment-question-save:disabled[b-jby6k6qplq] {
    opacity: 1;
}

.portal-assessment-question-save[b-jby6k6qplq]  .mud-icon-root {
    flex: 0 0 auto;
    font-size: 0.95rem;
}

.portal-assessment-question-save span[b-jby6k6qplq] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-question-save--ready[b-jby6k6qplq],
.portal-assessment-question-save--saved[b-jby6k6qplq] {
    color: #0f5f55;
    border-color: rgba(15, 118, 110, 0.18);
    background: rgba(238, 252, 248, 0.84);
}

.portal-assessment-question-save--dirty[b-jby6k6qplq] {
    color: #7c3d12;
    border-color: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.24);
    background: rgba(255, 249, 235, 0.92);
}

.portal-assessment-question-save--draft[b-jby6k6qplq] {
    color: #214d5a;
    border-color: hsla(var(--brand-h, 198), 44%, 31%, 0.24);
    background: rgba(232, 247, 249, 0.88);
}

.portal-assessment-question-save--saving[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 214), 70%, 26%);
    border-color: hsla(var(--brand-h, 214), 70%, 26%, 0.16);
    background: rgba(232, 241, 255, 0.84);
}

.portal-assessment-question-save--blocked[b-jby6k6qplq] {
    color: #8a5a12;
    border-color: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.22);
    background: rgba(255, 249, 235, 0.9);
}

.portal-assessment-footer[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: minmax(12rem, 0.32fr) auto minmax(0, 1fr);
    gap: 0.56rem;
    align-items: center;
    margin-top: 0.72rem;
    padding: 0.5rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 12px 28px hsla(var(--brand-h, 218), 60%, 16%, 0.07);
}

.portal-assessment-footer.is-ready[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.18);
    background:
        linear-gradient(135deg, rgba(236, 253, 245, 0.66), rgba(255, 255, 255, 0.94)),
        rgba(255, 255, 255, 0.9);
}

.portal-assessment-footer.is-warning[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.22);
    background:
        linear-gradient(135deg, rgba(255, 249, 235, 0.78), rgba(255, 255, 255, 0.94)),
        rgba(255, 255, 255, 0.9);
}

.portal-assessment-footer.is-review[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 32), 95%, 44%, 0.2);
    background:
        linear-gradient(135deg, rgba(255, 248, 232, 0.78), rgba(255, 255, 255, 0.94)),
        rgba(255, 255, 255, 0.9);
}

.portal-assessment-page--active-attempt .portal-assessment-footer[b-jby6k6qplq] {
    position: static;
    flex: 0 0 auto;
    grid-template-columns: minmax(9.5rem, 13rem) minmax(7.5rem, auto) minmax(0, 1fr);
    gap: 0.38rem;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0.34rem;
    backdrop-filter: blur(16px);
}

.portal-assessment-page--active-attempt .portal-assessment-footer__progress[b-jby6k6qplq] {
    gap: 0.08rem;
    padding: 0.3rem 0.42rem;
}

.portal-assessment-page--active-attempt .portal-assessment-footer__progress small[b-jby6k6qplq] {
    display: none;
}

.portal-assessment-page--active-attempt .portal-assessment-footer__progress div[b-jby6k6qplq] {
    height: 0.28rem;
}

.portal-assessment-page--active-attempt .portal-assessment-footer__status[b-jby6k6qplq] {
    min-width: 7.5rem;
    min-height: 2rem;
    padding: 0 0.5rem;
    font-size: 0.72rem;
}

.portal-assessment-page--active-attempt .portal-assessment-footer__actions[b-jby6k6qplq],
.portal-assessment-page--active-attempt .portal-assessment-footer__nav[b-jby6k6qplq],
.portal-assessment-page--active-attempt .portal-assessment-footer__commit[b-jby6k6qplq] {
    gap: 0.32rem;
}

.portal-assessment-page--active-attempt .portal-assessment-footer__actions[b-jby6k6qplq]  .mud-button-root {
    min-height: 2.08rem;
    padding: 0 0.68rem !important;
}

.portal-assessment-footer__progress[b-jby6k6qplq] {
    display: grid;
    gap: 0.14rem;
    min-width: 0;
    padding: 0.42rem 0.5rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.06);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.76);
}

.portal-assessment-footer__progress small[b-jby6k6qplq] {
    min-width: 0;
    overflow: hidden;
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.68rem;
    font-weight: 780;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-footer__progress div[b-jby6k6qplq] {
    height: 0.32rem;
    overflow: hidden;
    border-radius: 999px;
    background: hsla(var(--brand-h, 218), 60%, 16%, 0.08);
}

.portal-assessment-footer__progress i[b-jby6k6qplq] {
    display: block;
    width: var(--assessment-progress, 0%);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #0f766e, hsl(var(--brand-accent-h, 39), 61%, 46%));
    transition: width 180ms ease;
}

.portal-assessment-footer__status[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.34rem;
    min-width: 10.5rem;
    min-height: 2.32rem;
    padding: 0 0.62rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    color: hsl(var(--brand-h, 214), 20%, 40%);
    background: rgba(255, 255, 255, 0.78);
    font-size: 0.76rem;
    font-weight: 900;
    white-space: nowrap;
}

.portal-assessment-footer__status[b-jby6k6qplq]  .mud-icon-root {
    font-size: 1rem;
}

.portal-assessment-footer__status--ready[b-jby6k6qplq] {
    color: #0f5f55;
    border-color: rgba(15, 118, 110, 0.2);
    background: rgba(238, 252, 248, 0.86);
}

.portal-assessment-footer__status--warning[b-jby6k6qplq] {
    color: #8a5a12;
    border-color: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.22);
    background: rgba(255, 249, 235, 0.9);
}

.portal-assessment-footer__status--offline[b-jby6k6qplq] {
    color: #b42341;
    border-color: rgba(180, 35, 65, 0.22);
    background: rgba(255, 241, 244, 0.9);
}

.portal-assessment-footer__status--draft[b-jby6k6qplq] {
    color: #0f5f55;
    border-color: rgba(15, 118, 110, 0.18);
    background:
        linear-gradient(135deg, rgba(238, 252, 248, 0.88), rgba(255, 249, 235, 0.72)),
        rgba(255, 255, 255, 0.9);
}

.portal-assessment-footer__status--saving[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 214), 70%, 26%);
    border-color: hsla(var(--brand-h, 217), 91%, 60%, 0.2);
    background: rgba(239, 246, 255, 0.88);
}

.portal-assessment-footer__status--review[b-jby6k6qplq] {
    color: #7c3d12;
    border-color: hsla(var(--brand-accent-h, 32), 95%, 44%, 0.22);
    background: rgba(255, 249, 235, 0.9);
}

.portal-assessment-footer__actions[b-jby6k6qplq],
.portal-assessment-footer__nav[b-jby6k6qplq],
.portal-assessment-footer__commit[b-jby6k6qplq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    align-items: center;
}

.portal-assessment-footer__actions[b-jby6k6qplq] {
    justify-content: flex-end;
}

.portal-assessment-footer__nav[b-jby6k6qplq],
.portal-assessment-footer__commit[b-jby6k6qplq] {
    justify-content: flex-end;
}

@media (max-width: 1180px) {
    .portal-assessment-hero[b-jby6k6qplq],
    .portal-assessment-layout[b-jby6k6qplq],
    .portal-assessment-workspace__head[b-jby6k6qplq],
    .portal-assessment-review__head[b-jby6k6qplq],
    .portal-assessment-review__metrics[b-jby6k6qplq],
    .portal-assessment-completion__hero[b-jby6k6qplq],
    .portal-assessment-practice__head[b-jby6k6qplq],
    .portal-assessment-practice__metrics[b-jby6k6qplq],
    .portal-assessment-practice__focus-strip[b-jby6k6qplq],
    .portal-assessment-briefing[b-jby6k6qplq] {
        grid-template-columns: 1fr;
    }

    .portal-assessment-briefing__icon[b-jby6k6qplq] {
        display: none;
    }

    .portal-assessment-briefing__meta[b-jby6k6qplq] {
        justify-content: flex-start;
    }

    .portal-assessment-review__head-actions[b-jby6k6qplq] {
        justify-content: flex-start;
    }

    .portal-assessment-hero__stats[b-jby6k6qplq] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .portal-assessment-cockpit[b-jby6k6qplq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .portal-assessment-start__metrics[b-jby6k6qplq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .portal-assessment-page--active-attempt .portal-assessment-workspace--single-question .portal-assessment-question[b-jby6k6qplq] {
        grid-template-columns: 1fr;
    }

    .portal-assessment-page--active-attempt .portal-assessment-question__head[b-jby6k6qplq],
    .portal-assessment-page--active-attempt .portal-assessment-question__outcome[b-jby6k6qplq],
    .portal-assessment-page--active-attempt .portal-assessment-question__stem[b-jby6k6qplq],
    .portal-assessment-page--active-attempt .portal-assessment-question__attachment[b-jby6k6qplq],
    .portal-assessment-page--active-attempt .portal-assessment-question__image[b-jby6k6qplq],
    .portal-assessment-page--active-attempt .portal-assessment-answer-mode[b-jby6k6qplq],
    .portal-assessment-page--active-attempt .portal-assessment-options[b-jby6k6qplq],
    .portal-assessment-page--active-attempt .portal-assessment-truefalse[b-jby6k6qplq],
    .portal-assessment-page--active-attempt .portal-assessment-short-answer[b-jby6k6qplq],
    .portal-assessment-page--active-attempt .portal-assessment-numeric-answer[b-jby6k6qplq],
    .portal-assessment-page--active-attempt .portal-assessment-essay-answer[b-jby6k6qplq],
    .portal-assessment-page--active-attempt .portal-assessment-fill-blanks[b-jby6k6qplq],
    .portal-assessment-page--active-attempt .portal-assessment-marker-board[b-jby6k6qplq],
    .portal-assessment-page--active-attempt .portal-assessment-image-drag[b-jby6k6qplq],
    .portal-assessment-page--active-attempt .portal-assessment-matching[b-jby6k6qplq],
    .portal-assessment-page--active-attempt .portal-assessment-ordering[b-jby6k6qplq],
    .portal-assessment-page--active-attempt .portal-assessment-artifact-editor[b-jby6k6qplq],
    .portal-assessment-page--active-attempt .portal-assessment-question__actions[b-jby6k6qplq] {
        grid-column: 1;
    }
}

@media (max-width: 760px) {
    .portal-assessment-hero__stats[b-jby6k6qplq],
    .portal-assessment-completion__metrics[b-jby6k6qplq],
    .portal-assessment-cockpit[b-jby6k6qplq],
    .portal-assessment-health-strip[b-jby6k6qplq],
    .portal-assessment-proctor-warning[b-jby6k6qplq],
    .portal-assessment-content-protection-strip[b-jby6k6qplq],
    .portal-assessment-question-grid[b-jby6k6qplq],
    .portal-assessment-footer[b-jby6k6qplq],
    .portal-assessment-rules[b-jby6k6qplq],
    .portal-assessment-readiness[b-jby6k6qplq],
    .portal-assessment-practice-choice-list[b-jby6k6qplq],
    .portal-assessment-queue-tools[b-jby6k6qplq] {
        grid-template-columns: 1fr;
    }

    .portal-assessment-queue-tabs[b-jby6k6qplq] {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        width: 100%;
        overflow: hidden;
    }

    .portal-assessment-queue-tabs button[b-jby6k6qplq] {
        justify-content: center;
        min-width: 0;
        padding: 0 0.34rem;
    }

    .portal-assessment-queue-tabs button span[b-jby6k6qplq] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .portal-assessment-queue-tabs button strong[b-jby6k6qplq] {
        min-width: 1.12rem;
        height: 1.12rem;
        padding: 0 0.24rem;
        font-size: 0.62rem;
    }

    .portal-assessment-queue-sort[b-jby6k6qplq] {
        align-items: stretch;
        flex-wrap: wrap;
        overflow-x: visible;
    }

    .portal-assessment-queue-sort > span[b-jby6k6qplq] {
        width: 100%;
    }

    .portal-assessment-queue-sort small[b-jby6k6qplq] {
        margin-left: 0;
    }

    .portal-assessment-start__metrics[b-jby6k6qplq] {
        grid-template-columns: 1fr;
    }

    .portal-assessment-start__next[b-jby6k6qplq] {
        align-items: stretch;
        flex-direction: column;
    }

    .portal-assessment-start__next > div[b-jby6k6qplq] {
        text-align: center;
    }

    .portal-assessment-start__next[b-jby6k6qplq]  .mud-button-root {
        width: 100%;
    }

    .portal-assessment-briefing[b-jby6k6qplq] {
        align-items: stretch;
    }

    .portal-assessment-briefing__content strong[b-jby6k6qplq] {
        white-space: normal;
    }

    .portal-assessment-briefing__meta span[b-jby6k6qplq] {
        max-width: 100%;
    }

    .portal-assessment-briefing[b-jby6k6qplq]  .mud-button-root {
        width: 100%;
    }

    .portal-assessment-card__meta span[b-jby6k6qplq],
    .portal-assessment-rules__items > span[b-jby6k6qplq] {
        min-height: auto;
        line-height: 1.22;
        overflow-wrap: anywhere;
        text-overflow: clip;
        white-space: normal;
    }

    .portal-assessment-card__requirements[b-jby6k6qplq] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .portal-assessment-card__requirement[b-jby6k6qplq] {
        justify-content: center;
        width: 100%;
    }

    .portal-assessment-card__requirement span[b-jby6k6qplq] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .portal-assessment-calculator[b-jby6k6qplq],
    .portal-assessment-scratchpad[b-jby6k6qplq] {
        width: 100%;
        margin-left: 0;
    }

    .portal-assessment-scratchpad__head[b-jby6k6qplq],
    .portal-assessment-scratchpad__foot[b-jby6k6qplq] {
        align-items: stretch;
        flex-direction: column;
    }

    .portal-assessment-completion[b-jby6k6qplq] {
        min-height: auto;
        padding: 0.72rem;
    }

    .portal-assessment-completion__score[b-jby6k6qplq] {
        min-height: 6rem;
    }

    .portal-assessment-completion__actions[b-jby6k6qplq],
    .portal-assessment-completion__actions[b-jby6k6qplq]  .mud-button-root {
        width: 100%;
    }

    .portal-assessment-navigator[b-jby6k6qplq] {
        grid-template-columns: repeat(auto-fit, minmax(2.6rem, 1fr));
        max-height: none;
    }

    .portal-assessment-navigator-focus[b-jby6k6qplq] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .portal-assessment-navigator-legend[b-jby6k6qplq] {
        grid-template-columns: repeat(auto-fit, minmax(5.5rem, 1fr));
    }

    .portal-assessment-navigator-shell[b-jby6k6qplq] {
        position: static;
        max-height: none;
    }

    .portal-assessment-workspace--delivery-focus .portal-assessment-question-grid[b-jby6k6qplq] {
        align-items: start;
        grid-template-columns: 1fr;
        overflow: visible;
    }

    .portal-assessment-workspace--delivery-focus .portal-assessment-navigator-shell[b-jby6k6qplq],
    .portal-assessment-workspace--delivery-focus .portal-assessment-navigator[b-jby6k6qplq] {
        height: auto;
        max-height: none;
    }

    .portal-assessment-page--active-attempt .portal-assessment-navigator-shell[b-jby6k6qplq],
    .portal-assessment-page--active-attempt .portal-assessment-navigator[b-jby6k6qplq] {
        height: auto;
        max-height: none;
    }

    .portal-assessment-workspace--delivery-focus .portal-assessment-question-stack[b-jby6k6qplq] {
        height: auto;
        min-height: auto;
        overflow: visible;
    }

    .portal-assessment-page--active-attempt .portal-assessment-question-stack[b-jby6k6qplq] {
        height: 100%;
        min-height: 0;
        overflow: auto;
    }

    .portal-assessment-workspace--single-question .portal-assessment-question[b-jby6k6qplq] {
        min-height: auto;
    }

    .portal-assessment-page--active-attempt .portal-assessment-workspace--delivery-focus[b-jby6k6qplq] {
        height: var(--assessment-active-shell-height);
        max-height: var(--assessment-active-shell-height);
        min-height: 0;
        overflow: hidden;
        gap: 0.36rem;
    }

    .portal-assessment-page--active-attempt .portal-assessment-delivery-chrome[b-jby6k6qplq] {
        position: static;
        grid-template-columns: 1fr;
        margin: 0;
        gap: 0.24rem;
        padding: 0.26rem;
    }

    .portal-assessment-page--active-attempt .portal-assessment-workspace__head h2[b-jby6k6qplq] {
        font-size: 0.82rem;
        line-height: 1.05;
    }

    .portal-assessment-page--active-attempt .portal-assessment-workspace__meta[b-jby6k6qplq] {
        display: none;
    }

    .portal-assessment-page--active-attempt .portal-assessment-cockpit[b-jby6k6qplq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.2rem;
    }

    .portal-assessment-page--active-attempt .portal-assessment-cockpit__tile[b-jby6k6qplq] {
        min-height: 2.22rem;
        padding: 0.22rem 0.32rem;
        gap: 0.24rem;
    }

    .portal-assessment-page--active-attempt .portal-assessment-cockpit__tile[b-jby6k6qplq] >  .mud-icon-root {
        width: 1.26rem;
        height: 1.26rem;
        padding: 0.18rem;
    }

    .portal-assessment-page--active-attempt .portal-assessment-cockpit__tile span[b-jby6k6qplq] {
        font-size: 0.54rem;
    }

    .portal-assessment-page--active-attempt .portal-assessment-cockpit__tile strong[b-jby6k6qplq] {
        font-size: 0.78rem;
    }

    .portal-assessment-page--active-attempt .portal-assessment-cockpit__note[b-jby6k6qplq] {
        display: none;
    }

    .portal-assessment-page--active-attempt .portal-assessment-time-pressure[b-jby6k6qplq],
    .portal-assessment-page--active-attempt .portal-assessment-connection-strip[b-jby6k6qplq],
    .portal-assessment-page--active-attempt .portal-assessment-health-strip[b-jby6k6qplq],
    .portal-assessment-page--active-attempt .portal-assessment-proctor-warning[b-jby6k6qplq],
    .portal-assessment-page--active-attempt .portal-assessment-draft-recovery[b-jby6k6qplq] {
        min-height: 1.42rem;
        padding: 0.18rem 0.34rem;
        font-size: 0.64rem;
        line-height: 1.2;
    }

    .portal-assessment-health-strip[b-jby6k6qplq] {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 0.24rem;
    }

    .portal-assessment-page--active-attempt .portal-assessment-proctor-warning[b-jby6k6qplq] {
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 0.34rem;
    }

    .portal-assessment-page--active-attempt .portal-assessment-proctor-warning__icon[b-jby6k6qplq] {
        width: 1.62rem;
        height: 1.62rem;
    }

    .portal-assessment-page--active-attempt .portal-assessment-proctor-warning__copy strong[b-jby6k6qplq] {
        font-size: 0.68rem;
    }

    .portal-assessment-page--active-attempt .portal-assessment-proctor-warning__copy span[b-jby6k6qplq] {
        font-size: 0.72rem;
    }

    .portal-assessment-health-strip__lead[b-jby6k6qplq],
    .portal-assessment-health-strip__chip[b-jby6k6qplq] {
        flex: 0 0 auto;
        min-height: 1.42rem;
        padding: 0 0.36rem;
        font-size: 0.62rem;
    }

    .portal-assessment-page--active-attempt .portal-assessment-rules[b-jby6k6qplq] {
        grid-column: auto;
        grid-template-columns: minmax(3.8rem, auto) minmax(0, 1fr);
        gap: 0.2rem;
        padding: 0.18rem;
    }

    .portal-assessment-page--active-attempt .portal-assessment-rules__head[b-jby6k6qplq] {
        min-height: 1.28rem;
        padding: 0.14rem 0.28rem;
    }

    .portal-assessment-page--active-attempt .portal-assessment-rules__head strong[b-jby6k6qplq] {
        font-size: 0.66rem;
    }

    .portal-assessment-page--active-attempt .portal-assessment-rules__items[b-jby6k6qplq] {
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 0.04rem;
    }

    .portal-assessment-page--active-attempt .portal-assessment-rules__items > span[b-jby6k6qplq],
    .portal-assessment-page--active-attempt .portal-assessment-secure-mode[b-jby6k6qplq] {
        flex: 0 0 auto;
        min-height: 1.22rem;
        padding: 0.1rem 0.28rem;
        font-size: 0.6rem;
    }

    .portal-assessment-page--active-attempt .portal-assessment-accessibility[b-jby6k6qplq] {
        grid-column: auto;
        display: flex;
        gap: 0.2rem;
        min-height: 1.62rem;
        margin: 0;
        padding: 0.18rem;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .portal-assessment-page--active-attempt .portal-assessment-accessibility__head[b-jby6k6qplq] {
        flex: 0 0 auto;
        min-height: 1.28rem;
        padding: 0 0.28rem;
        border-right: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
        border-bottom: 0;
    }

    .portal-assessment-page--active-attempt .portal-assessment-accessibility__button[b-jby6k6qplq] {
        flex: 0 0 auto;
        width: auto;
        min-height: 1.28rem;
        padding: 0.1rem 0.3rem;
        font-size: 0.6rem;
    }

    .portal-assessment-page--active-attempt .portal-assessment-question-grid[b-jby6k6qplq] {
        grid-template-columns: 1fr;
        grid-template-rows: minmax(4.55rem, auto) minmax(0, 1fr);
        flex: 1 1 auto;
        min-height: 0;
        overflow: hidden;
        align-items: stretch;
        gap: 0.42rem;
    }

    .portal-assessment-page--active-attempt .portal-assessment-navigator-shell[b-jby6k6qplq] {
        grid-column: 1;
        grid-row: 1;
        position: static;
        display: grid;
        grid-template-columns: minmax(4.95rem, 5.9rem) minmax(0, 1fr);
        gap: 0.32rem;
        height: auto;
        min-height: 4.55rem;
        max-height: 7rem;
        overflow: hidden;
        padding: 0.28rem;
        z-index: 2;
    }

    .portal-assessment-page--active-attempt .portal-assessment-navigator-focus[b-jby6k6qplq] {
        grid-column: 1 / -1;
        grid-row: 2;
        display: flex;
        gap: 0.24rem;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 0.08rem;
    }

    .portal-assessment-page--active-attempt .portal-assessment-navigator-focus__button[b-jby6k6qplq] {
        flex: 0 0 auto;
        min-width: 4.8rem;
        min-height: 1.42rem;
        padding: 0 0.3rem;
    }

    .portal-assessment-page--active-attempt .portal-assessment-navigator-focus__button span[b-jby6k6qplq] {
        font-size: 0.56rem;
    }

    .portal-assessment-page--active-attempt .portal-assessment-navigator-focus__button strong[b-jby6k6qplq] {
        min-width: 1.05rem;
        height: 1.05rem;
        font-size: 0.58rem;
    }

    .portal-assessment-page--active-attempt .portal-assessment-navigator-shell__head[b-jby6k6qplq] {
        align-self: stretch;
        display: grid;
        gap: 0.1rem;
        padding: 0.32rem;
    }

    .portal-assessment-page--active-attempt .portal-assessment-navigator-shell__head span[b-jby6k6qplq] {
        font-size: 0.58rem;
    }

    .portal-assessment-page--active-attempt .portal-assessment-navigator-shell__head strong[b-jby6k6qplq] {
        font-size: 0.82rem;
        line-height: 1;
    }

    .portal-assessment-page--active-attempt .portal-assessment-navigator-shell__head div[b-jby6k6qplq] {
        grid-column: 1 / -1;
        height: 0.26rem;
    }

    .portal-assessment-page--active-attempt .portal-assessment-navigator[b-jby6k6qplq] {
        grid-column: 2;
        grid-row: 1;
        display: flex;
        align-items: stretch;
        gap: 0.28rem;
        min-height: 0;
        max-height: none;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0.02rem 0.08rem 0.1rem;
    }

    .portal-assessment-page--active-attempt .portal-assessment-navigator__item[b-jby6k6qplq] {
        flex: 0 0 2.9rem;
        width: 2.9rem;
        min-height: 2.12rem;
    }

    .portal-assessment-page--active-attempt .portal-assessment-navigator-legend[b-jby6k6qplq] {
        display: none;
    }

    .portal-assessment-page--active-attempt .portal-assessment-workspace--single-question .portal-assessment-question[b-jby6k6qplq] {
        min-height: auto;
        max-height: none;
        padding: 0.58rem;
        overflow: visible;
    }

    .portal-assessment-page--active-attempt .portal-assessment-question__head[b-jby6k6qplq] {
        gap: 0.28rem;
        padding-bottom: 0.1rem;
    }

    .portal-assessment-page--active-attempt .portal-assessment-question__head h3[b-jby6k6qplq] {
        font-size: 0.92rem;
    }

    .portal-assessment-page--active-attempt .portal-assessment-question__stem[b-jby6k6qplq] {
        padding: 0.52rem 0.58rem;
    }

    .portal-assessment-page--active-attempt .portal-assessment-answer-mode[b-jby6k6qplq] {
        min-height: 2.55rem;
        padding: 0.38rem 0.46rem;
    }

    .portal-assessment-page--active-attempt .portal-assessment-options[b-jby6k6qplq] {
        grid-template-columns: 1fr;
        gap: 0.38rem;
    }

    .portal-assessment-page--active-attempt .portal-assessment-option[b-jby6k6qplq] {
        min-height: 2.65rem;
        padding: 0.42rem 0.5rem;
    }

    .portal-assessment-page--active-attempt .portal-assessment-question-stack[b-jby6k6qplq] {
        grid-column: 1;
        grid-row: 2;
    }

    .portal-assessment-page--active-attempt .portal-assessment-footer[b-jby6k6qplq] {
        grid-template-columns: minmax(5.5rem, 0.44fr) minmax(0, 1fr);
        grid-template-areas: "progress actions";
        align-items: stretch;
        gap: 0.3rem;
        padding: 0.24rem;
    }

    .portal-assessment-page--active-attempt .portal-assessment-footer__progress[b-jby6k6qplq] {
        grid-area: progress;
        min-height: 2.75rem;
        padding: 0.24rem 0.34rem;
    }

    .portal-assessment-page--active-attempt .portal-assessment-footer__status[b-jby6k6qplq] {
        display: none;
    }

    .portal-assessment-page--active-attempt .portal-assessment-footer__actions[b-jby6k6qplq] {
        grid-area: actions;
        display: grid;
        grid-template-columns: 1fr;
        align-content: center;
        gap: 0.24rem;
        min-width: 0;
    }

    .portal-assessment-page--active-attempt .portal-assessment-footer__nav[b-jby6k6qplq],
    .portal-assessment-page--active-attempt .portal-assessment-footer__commit[b-jby6k6qplq] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(5.85rem, 1fr));
        gap: 0.24rem;
        min-width: 0;
    }

    .portal-assessment-page--active-attempt .portal-assessment-footer__actions[b-jby6k6qplq]  .mud-button-root {
        width: 100%;
        min-width: 0;
        min-height: 1.86rem;
        padding: 0 0.46rem !important;
    }

    .portal-assessment-page--active-attempt .portal-assessment-footer__actions[b-jby6k6qplq]  .mud-button-label {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .portal-assessment-page--active-attempt .portal-assessment-rules[b-jby6k6qplq],
    .portal-assessment-page--active-attempt .portal-assessment-accessibility[b-jby6k6qplq] {
        grid-column: auto;
    }

    .portal-assessment-page--active-attempt .portal-assessment-rules[b-jby6k6qplq] {
        grid-template-columns: minmax(3.8rem, auto) minmax(0, 1fr);
    }

    .portal-assessment-navigator-shell__head[b-jby6k6qplq] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
    }

    .portal-assessment-navigator-shell__head div[b-jby6k6qplq] {
        grid-column: 1 / -1;
    }

    .portal-assessment-navigator__item[b-jby6k6qplq] {
        width: 100%;
    }

    .portal-assessment-rules__items[b-jby6k6qplq],
    .portal-assessment-footer__actions[b-jby6k6qplq],
    .portal-assessment-footer__nav[b-jby6k6qplq],
    .portal-assessment-footer__commit[b-jby6k6qplq],
    .portal-assessment-readiness__actions[b-jby6k6qplq] {
        justify-content: flex-start;
    }

    .portal-assessment-footer__status[b-jby6k6qplq] {
        justify-content: flex-start;
        width: 100%;
        min-width: 0;
    }

    .portal-assessment-question__actions[b-jby6k6qplq] {
        align-items: stretch;
        flex-direction: column;
    }

    .portal-assessment-question-start-gate[b-jby6k6qplq] {
        grid-template-columns: 1fr;
        align-items: stretch;
        gap: 0.5rem;
    }

    .portal-assessment-question-start-gate__icon[b-jby6k6qplq] {
        display: none;
    }

    .portal-assessment-question-start-gate small[b-jby6k6qplq] {
        grid-column: auto;
    }

    .portal-assessment-question-start-gate[b-jby6k6qplq]  .mud-button-root {
        width: 100%;
    }

    .portal-assessment-question-save[b-jby6k6qplq] {
        width: 100%;
    }

    .portal-assessment-question-confidence[b-jby6k6qplq] {
        width: 100%;
        justify-content: stretch;
    }

    .portal-assessment-question-confidence__button[b-jby6k6qplq] {
        flex: 1 1 0;
        justify-content: center;
    }

    .portal-assessment-question-flag[b-jby6k6qplq],
    .portal-assessment-question-reset[b-jby6k6qplq],
    .portal-assessment-question-restore[b-jby6k6qplq] {
        width: 100%;
        justify-content: center;
    }

    .portal-assessment-confirm__summary[b-jby6k6qplq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .portal-assessment-confirm__checklist[b-jby6k6qplq] {
        grid-template-columns: 1fr;
        padding: 0.34rem;
    }

    .portal-assessment-confirm__sync[b-jby6k6qplq] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .portal-assessment-confirm__rail-group[b-jby6k6qplq] {
        grid-template-columns: 1fr;
    }

    .portal-assessment-answer-hint[b-jby6k6qplq] {
        width: 100%;
    }

    .portal-assessment-answer-hint span[b-jby6k6qplq] {
        white-space: normal;
    }

    .portal-assessment-confirm__mini-action[b-jby6k6qplq] {
        margin-left: 1.68rem;
    }

    .portal-assessment-confirm__actions[b-jby6k6qplq],
    .portal-assessment-confirm__button[b-jby6k6qplq] {
        width: 100%;
    }

    .portal-assessment-pace-strip[b-jby6k6qplq],
    .portal-assessment-time-pressure[b-jby6k6qplq] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .portal-assessment-pace-strip strong[b-jby6k6qplq],
    .portal-assessment-time-pressure strong[b-jby6k6qplq] {
        margin-left: auto;
    }

    .portal-assessment-connection-strip[b-jby6k6qplq],
    .portal-assessment-health-strip[b-jby6k6qplq],
    .portal-assessment-draft-recovery[b-jby6k6qplq] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .portal-assessment-connection-strip strong[b-jby6k6qplq],
    .portal-assessment-health-strip__lead[b-jby6k6qplq],
    .portal-assessment-health-strip__chip[b-jby6k6qplq],
    .portal-assessment-draft-recovery em[b-jby6k6qplq] {
        margin-left: auto;
    }

    .portal-assessment-artifact-editor[b-jby6k6qplq] {
        grid-template-columns: 1fr;
    }

    .portal-assessment-artifact-editor__head[b-jby6k6qplq],
    .portal-assessment-artifact-editor__upload[b-jby6k6qplq] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .portal-assessment-artifact-editor__head[b-jby6k6qplq] {
        flex-direction: column;
        align-items: flex-start;
    }

    .portal-assessment-artifact-editor__head small[b-jby6k6qplq],
    .portal-assessment-artifact-editor__status[b-jby6k6qplq] {
        justify-self: start;
        text-align: left;
    }

    .portal-assessment-truefalse[b-jby6k6qplq],
    .portal-assessment-fill-blank[b-jby6k6qplq],
    .portal-assessment-marker-row[b-jby6k6qplq],
    .portal-assessment-category-row[b-jby6k6qplq] {
        grid-template-columns: 1fr;
    }

    .portal-assessment-image-drag__stage[b-jby6k6qplq] {
        display: block;
        width: 100%;
    }

    .portal-assessment-image-target[b-jby6k6qplq] {
        position: relative;
        left: auto !important;
        top: auto !important;
        grid-template-columns: minmax(0, 1fr) auto;
        max-width: none;
        margin: 0.38rem;
        transform: none;
    }

    .portal-assessment-image-target__slot[b-jby6k6qplq] {
        width: 100%;
        min-width: 0;
    }

    .portal-assessment-drop-clear[b-jby6k6qplq] {
        justify-self: start;
    }

    .portal-assessment-match-row[b-jby6k6qplq],
    .portal-assessment-order-row[b-jby6k6qplq] {
        grid-template-columns: 1fr;
    }

    .portal-assessment-order-row__actions[b-jby6k6qplq] {
        justify-content: flex-start;
    }

    .portal-assessment-card__top[b-jby6k6qplq],
    .portal-assessment-card__progress[b-jby6k6qplq],
    .portal-assessment-card__result[b-jby6k6qplq],
    .portal-assessment-card__actions[b-jby6k6qplq],
    .portal-assessment-footer[b-jby6k6qplq],
    .portal-assessment-footer__actions[b-jby6k6qplq],
    .portal-assessment-gradebook[b-jby6k6qplq],
    .portal-assessment-question__head[b-jby6k6qplq],
    .portal-assessment-question__meta[b-jby6k6qplq],
    .portal-assessment-practice-question__head[b-jby6k6qplq],
    .portal-assessment-practice-question__actions[b-jby6k6qplq],
    .portal-assessment-review__tools[b-jby6k6qplq],
    .portal-assessment-review-answer__head[b-jby6k6qplq] {
        align-items: stretch;
        flex-direction: column;
    }

    .portal-assessment-card__actions[b-jby6k6qplq]  .mud-button-root {
        width: 100%;
    }

    .portal-assessment-practice__mode[b-jby6k6qplq] {
        justify-self: start;
        max-width: 100%;
    }

    .portal-assessment-practice__cockpit[b-jby6k6qplq] {
        justify-self: stretch;
    }

    .portal-assessment-practice__rail[b-jby6k6qplq] {
        justify-content: flex-start;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 0.08rem;
    }

    .portal-assessment-accessibility[b-jby6k6qplq] {
        grid-template-columns: 1fr;
    }

    .portal-assessment-accessibility__head[b-jby6k6qplq] {
        justify-content: space-between;
        border-right: 0;
        border-bottom: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
        padding: 0 0 0.42rem;
    }

    .portal-assessment-accessibility__button[b-jby6k6qplq] {
        justify-content: flex-start;
        width: 100%;
    }

    .portal-assessment-loading[b-jby6k6qplq],
    .portal-assessment-state[b-jby6k6qplq] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .portal-assessment-loading__spinner[b-jby6k6qplq],
    .portal-assessment-state__icon[b-jby6k6qplq] {
        justify-self: start;
    }

    .portal-assessment-loading__skeleton[b-jby6k6qplq] {
        width: 100%;
    }

    .portal-assessment-loading__copy strong[b-jby6k6qplq],
    .portal-assessment-state__copy strong[b-jby6k6qplq] {
        white-space: normal;
    }

    .portal-assessment-start[b-jby6k6qplq] {
        min-height: 20rem;
    }

    .portal-assessment-gradebook__detail[b-jby6k6qplq] {
        justify-items: start;
        text-align: left;
    }

    .portal-assessment-review__tabs[b-jby6k6qplq] {
        justify-content: flex-start;
        overflow-x: auto;
    }

    .portal-assessment-review__answer-rail[b-jby6k6qplq] {
        justify-content: flex-start;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 0.54rem;
    }

    .portal-assessment-activity__head[b-jby6k6qplq] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.34rem;
    }

    .portal-assessment-activity__items[b-jby6k6qplq] {
        grid-template-columns: 1fr;
    }

    .portal-assessment-review-rubric__head[b-jby6k6qplq],
    .portal-assessment-review-rubric__item[b-jby6k6qplq] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.42rem;
    }

    .portal-assessment-review-rubric__item > span[b-jby6k6qplq] {
        align-self: flex-start;
    }

    .portal-assessment-timer[b-jby6k6qplq] {
        text-align: left;
    }
}

@media (max-width: 760px) {
    .portal-assessment-watermark[b-jby6k6qplq] {
        grid-template-columns: repeat(2, minmax(10rem, 1fr));
        gap: 3rem 1rem;
        padding: 1.4rem 0.7rem;
        opacity: 0.12;
    }

    .portal-assessment-content-protection-strip > span:not(.portal-assessment-content-protection-strip__lead)[b-jby6k6qplq] {
        white-space: normal;
    }

    .portal-assessment-review-image-targets__stage[b-jby6k6qplq] {
        display: block;
        width: 100%;
    }

    .portal-assessment-review-image-target[b-jby6k6qplq] {
        position: relative;
        left: auto !important;
        top: auto !important;
        max-width: none;
        margin: 0.38rem;
        transform: none;
    }

    .portal-assessment-review-image-targets__row[b-jby6k6qplq] {
        grid-template-columns: 1fr;
    }

    .portal-assessment-review-image-targets__row strong[b-jby6k6qplq] {
        text-align: left;
    }
}

@media print {
    .portal-assessment-page--content-protected .portal-assessment-question-grid--protected[b-jby6k6qplq],
    .portal-assessment-page--content-protected .portal-assessment-footer[b-jby6k6qplq] {
        display: none !important;
    }

    .portal-assessment-page--content-protected[b-jby6k6qplq]::after {
        content: "ბეჭდვა ამ ტესტისთვის შეზღუდულია · Printing is disabled for this assessment";
        display: block;
        margin: 2rem;
        padding: 1.2rem;
        border: 1px solid hsl(var(--brand-h, 214), 70%, 26%);
        border-radius: 8px;
        color: hsl(var(--brand-h, 214), 70%, 26%);
        font: 700 14pt/1.4 Arial, sans-serif;
    }
}

/* ------------------------------------------------------------------------- */
/* In-exam answer strategy tools (assessment audit 2026-06-10): choice        */
/* elimination strikethrough + passage highlighter. Client-side annotations   */
/* only — light, comfort and high-contrast variants live together here.       */
/* ------------------------------------------------------------------------- */

/* Choice elimination: a quiet ghost toggle that surfaces on hover/focus and stays visible when armed. */
.portal-assessment-choice-eliminate[b-jby6k6qplq] {
    position: absolute;
    display: inline-grid;
    place-items: center;
    width: 1.58rem;
    height: 1.58rem;
    padding: 0;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.1);
    border-radius: 8px;
    color: hsl(var(--brand-h, 215), 16%, 56%);
    background: rgba(255, 255, 255, 0.82);
    cursor: pointer;
    opacity: 0.55;
    transition: opacity 0.15s ease, border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}

/* Hover-capable fine pointers keep the quiet ghost: hidden until the row is hovered. Touch/coarse pointers keep the resting 0.55 so the control is always discoverable and never an invisible tap target. */
@media (hover: hover) and (pointer: fine) {
    .portal-assessment-choice-eliminate[b-jby6k6qplq] {
        opacity: 0;
    }

    .portal-assessment-option:hover .portal-assessment-choice-eliminate[b-jby6k6qplq],
    .portal-assessment-truefalse__option:hover .portal-assessment-choice-eliminate[b-jby6k6qplq] {
        opacity: 1;
    }
}

.portal-assessment-option:focus-within .portal-assessment-choice-eliminate[b-jby6k6qplq],
.portal-assessment-truefalse__option:focus-within .portal-assessment-choice-eliminate[b-jby6k6qplq],
.portal-assessment-choice-eliminate[aria-pressed="true"][b-jby6k6qplq] {
    opacity: 1;
}

.portal-assessment-choice-eliminate:hover[b-jby6k6qplq],
.portal-assessment-choice-eliminate[aria-pressed="true"][b-jby6k6qplq] {
    border-color: rgba(190, 24, 93, 0.32);
    color: #be185d;
    background: rgba(253, 242, 248, 0.92);
}

.portal-assessment-option__eliminate[b-jby6k6qplq] {
    top: 0.46rem;
    right: 0.46rem;
}

.portal-assessment-option:has(.portal-assessment-option__eliminate)[b-jby6k6qplq] {
    padding-right: 2.35rem;
}

.portal-assessment-truefalse__eliminate[b-jby6k6qplq] {
    top: 2.55rem;
    right: 0.62rem;
}

/* Eliminated rows: struck caption, dimmed and desaturated, with the accent border washed out. */
.portal-assessment-option--eliminated[b-jby6k6qplq],
.portal-assessment-truefalse__option--eliminated[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 218), 20%, 46%, 0.18);
    background: hsla(var(--brand-h, 218), 24%, 96%, 0.7);
    box-shadow: none;
    opacity: 0.7;
    filter: saturate(0.35);
}

.portal-assessment-option--eliminated .portal-assessment-option__body span[b-jby6k6qplq],
.portal-assessment-truefalse__option--eliminated > span:not(.portal-assessment-truefalse__state)[b-jby6k6qplq] {
    text-decoration: line-through;
    text-decoration-thickness: 0.08em;
    color: hsl(var(--brand-h, 215), 18%, 38%);
}

/* If an eliminated row is somehow selected again, keep it readable: selection wins over the wash-out. */
.portal-assessment-option--eliminated.is-selected[b-jby6k6qplq],
.portal-assessment-truefalse__option--eliminated.is-selected[b-jby6k6qplq] {
    opacity: 0.88;
    filter: none;
}

/* High contrast: eliminated rows rely on the strike + strong ink instead of washed-out opacity. */
.portal-assessment-workspace--high-contrast .portal-assessment-option--eliminated[b-jby6k6qplq],
.portal-assessment-workspace--high-contrast .portal-assessment-truefalse__option--eliminated[b-jby6k6qplq] {
    opacity: 0.8;
    filter: none;
    background: #f1f5f9;
}

.portal-assessment-workspace--high-contrast .portal-assessment-option--eliminated .portal-assessment-option__body span[b-jby6k6qplq],
.portal-assessment-workspace--high-contrast .portal-assessment-truefalse__option--eliminated > span:not(.portal-assessment-truefalse__state)[b-jby6k6qplq] {
    color: #07111f;
}

/* Comfort: dark-surface variants of the eliminated state reuse the shared comfort tokens. */
.portal-assessment-workspace--comfort .portal-assessment-option--eliminated[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-truefalse__option--eliminated[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 216), 30%, 60%, 0.14) !important;
    background: hsla(var(--brand-h, 219), 35%, 13%, 0.85) !important;
    opacity: 0.7;
    filter: saturate(0.4);
}

.portal-assessment-workspace--comfort .portal-assessment-option--eliminated .portal-assessment-option__body span[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-truefalse__option--eliminated > span:not(.portal-assessment-truefalse__state)[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 24%, 62%);
}

.portal-assessment-workspace--comfort .portal-assessment-choice-eliminate[b-jby6k6qplq] {
    border-color: var(--assessment-comfort-border);
    color: hsl(var(--brand-h, 215), 31%, 71%);
    background: hsla(var(--brand-h, 219), 50%, 11%, 0.78);
}

.portal-assessment-workspace--comfort .portal-assessment-choice-eliminate:hover[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-choice-eliminate[aria-pressed="true"][b-jby6k6qplq] {
    border-color: rgba(251, 113, 133, 0.4);
    color: #fda4af;
    background: rgba(190, 18, 60, 0.22);
}

/* Passage highlighter: the meta-row toggle turns gold while armed (it shares the speak-button base). */
.portal-assessment-question__highlighter.is-highlighting[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 39), 66%, 38%, 0.45);
    color: #7c3d12;
    background: hsla(var(--brand-accent-h, 42), 88%, 62%, 0.3);
}

/* The clear affordance only appears once the stem actually carries marks. */
.portal-assessment-question__highlight-clear[b-jby6k6qplq] {
    display: none;
}

.portal-assessment-question:has(.portal-assessment-highlight) .portal-assessment-question__highlight-clear[b-jby6k6qplq] {
    display: inline-flex;
}

/* Highlighter mode re-enables a text cursor on the active stem. */
.portal-assessment-question__stem--highlighting[b-jby6k6qplq] {
    cursor: text;
    -webkit-user-select: text;
    user-select: text;
}

/* Marks live inside the MarkupString stem, hence ::deep. Light mode: translucent gold, dark ink. */
.portal-assessment-question__stem[b-jby6k6qplq]  .portal-assessment-highlight {
    padding: 0 0.08em;
    border-radius: 3px;
    background: linear-gradient(180deg, rgba(231, 181, 91, 0.5), rgba(189, 139, 46, 0.34));
    color: #2c1f08;
    box-shadow: inset 0 0 0 1px rgba(189, 139, 46, 0.22);
}

.portal-assessment-question__stem--highlighting[b-jby6k6qplq]  .portal-assessment-highlight {
    cursor: pointer;
}

/* Comfort: brighter gold on the dark stem, still with dark ink for readability. */
.portal-assessment-workspace--comfort .portal-assessment-question__stem[b-jby6k6qplq]  .portal-assessment-highlight {
    background: linear-gradient(180deg, rgba(240, 195, 110, 0.68), rgba(224, 176, 92, 0.62));
    color: #14100a;
    box-shadow: inset 0 0 0 1px rgba(240, 195, 110, 0.35);
}

.portal-assessment-workspace--comfort .portal-assessment-question__highlighter.is-highlighting[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 42), 85%, 72%, 0.5);
    color: hsl(var(--brand-accent-h, 42), 85%, 72%);
    background: hsla(var(--brand-accent-h, 39), 70%, 45%, 0.24);
}

/* High contrast: solid gold with maximum-contrast ink. */
.portal-assessment-workspace--high-contrast .portal-assessment-question__stem[b-jby6k6qplq]  .portal-assessment-highlight {
    background: #ffd34d;
    color: #07111f;
    box-shadow: inset 0 0 0 1px #7c3d12;
}



/* ============================================================================
   B12 offline hardening: degraded-connection strip variant + queued-submit banner
   ============================================================================ */

/* Degraded: the browser still reports online, but the API stopped answering (>=2 consecutive
   failures). Amber instead of the offline red — answers keep saving locally and retry quietly. */
.portal-assessment-connection-strip--degraded[b-jby6k6qplq] {
    border-color: rgba(180, 124, 35, 0.26);
    color: #7c5208;
    background:
        linear-gradient(135deg, rgba(255, 248, 235, 0.98), rgba(255, 255, 255, 0.9));
}

.portal-assessment-connection-strip--degraded[b-jby6k6qplq]  .mud-icon-root {
    color: #b47c23;
}

.portal-assessment-connection-strip--degraded strong[b-jby6k6qplq] {
    color: #8a5e10;
    background: rgba(255, 244, 222, 0.92);
}

/* Queued submit: premium indigo banner in the connection-strip design language. The submission is
   parked on this device and completes automatically when the connection returns. */
.portal-assessment-queued-submit-strip[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    margin: -0.36rem 0 0.68rem;
    padding: 0.5rem 0.62rem;
    border: 1px solid rgba(64, 81, 181, 0.24);
    border-radius: 8px;
    color: #2c3a8f;
    background:
        linear-gradient(135deg, rgba(238, 242, 255, 0.98), rgba(255, 255, 255, 0.9));
    box-shadow: 0 12px 24px hsla(var(--brand-h, 218), 60%, 16%, 0.06);
}

.portal-assessment-queued-submit-strip[b-jby6k6qplq]  .mud-icon-root {
    flex: 0 0 auto;
    color: #3f51b5;
}

.portal-assessment-queued-submit-strip > div[b-jby6k6qplq] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 0.08rem;
    min-width: 0;
}

.portal-assessment-queued-submit-strip > div strong[b-jby6k6qplq] {
    font-size: 0.8rem;
    font-weight: 950;
    line-height: 1.3;
}

.portal-assessment-queued-submit-strip > div span[b-jby6k6qplq] {
    min-width: 0;
    overflow-wrap: anywhere;
    font-size: 0.74rem;
    font-weight: 700;
    line-height: 1.35;
    color: #44509b;
}

.portal-assessment-queued-submit-strip[b-jby6k6qplq]  .mud-button-root {
    flex: 0 0 auto;
}

.portal-assessment-offline-handoff[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.62rem;
    min-width: 0;
    margin: -0.36rem 0 0.68rem;
    padding: 0.56rem 0.62rem;
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 28%, transparent);
    border-radius: 10px;
    background:
        radial-gradient(circle at 0 0, color-mix(in srgb, var(--mud-palette-primary) 12%, transparent), transparent 46%),
        linear-gradient(135deg, color-mix(in srgb, var(--mud-palette-primary) 5%, var(--mud-palette-surface)), var(--mud-palette-surface));
    box-shadow: 0 14px 30px hsla(var(--brand-h, 218), 60%, 16%, 0.08);
}

.portal-assessment-offline-handoff__seal[b-jby6k6qplq] {
    display: grid;
    width: 2.15rem;
    height: 2.15rem;
    place-items: center;
    border-radius: 9px;
    color: var(--mud-palette-primary-text);
    background: linear-gradient(145deg, var(--mud-palette-primary), color-mix(in srgb, var(--mud-palette-primary) 76%, #050817));
    box-shadow: 0 8px 18px color-mix(in srgb, var(--mud-palette-primary) 24%, transparent);
}

.portal-assessment-offline-handoff > div[b-jby6k6qplq] {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.portal-assessment-offline-handoff strong[b-jby6k6qplq] {
    color: var(--mud-palette-text-primary);
    font-size: 0.8rem;
    font-weight: 950;
}

.portal-assessment-offline-handoff > div span[b-jby6k6qplq] {
    color: var(--mud-palette-text-secondary);
    font-size: 0.73rem;
    font-weight: 650;
    line-height: 1.35;
}

.portal-assessment-offline-handoff[b-jby6k6qplq]  .mud-button-root {
    min-width: 8.25rem;
    border-radius: 8px;
    box-shadow: none;
}

/* Completing: connection is back and the parked submission is finishing. */
.portal-assessment-queued-submit-strip--completing[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.26);
    color: #0f5f55;
    background:
        linear-gradient(135deg, rgba(236, 253, 248, 0.98), rgba(255, 255, 255, 0.9));
}

.portal-assessment-queued-submit-strip--completing[b-jby6k6qplq]  .mud-icon-root {
    color: #0f766e;
}

.portal-assessment-queued-submit-strip--completing > div span[b-jby6k6qplq] {
    color: #11695f;
}

@media (prefers-reduced-motion: no-preference) {
    .portal-assessment-queued-submit-strip--completing[b-jby6k6qplq]  .mud-icon-root {
        animation: portal-assessment-queued-submit-pulse-b-jby6k6qplq 1.6s ease-in-out infinite;
    }

    @keyframes portal-assessment-queued-submit-pulse-b-jby6k6qplq {
        0%, 100% {
            opacity: 1;
        }

        50% {
            opacity: 0.45;
        }
    }
}

/* Comfort (dark cockpit) variants follow the connection-strip comfort treatment. */
.portal-assessment-workspace--comfort .portal-assessment-connection-strip--degraded[b-jby6k6qplq] {
    border-color: rgba(240, 195, 110, 0.34);
    color: #f3d9a4;
    background: linear-gradient(135deg, rgba(64, 48, 16, 0.92), rgba(38, 30, 14, 0.88));
}

.portal-assessment-workspace--comfort .portal-assessment-connection-strip--degraded[b-jby6k6qplq]  .mud-icon-root {
    color: #f0c36e;
}

.portal-assessment-workspace--comfort .portal-assessment-connection-strip--degraded strong[b-jby6k6qplq] {
    color: #ffe2ac;
    background: rgba(96, 70, 22, 0.6);
}

.portal-assessment-workspace--comfort .portal-assessment-queued-submit-strip[b-jby6k6qplq] {
    border-color: rgba(156, 170, 255, 0.32);
    color: #ccd4ff;
    background: linear-gradient(135deg, rgba(34, 40, 84, 0.92), rgba(20, 24, 52, 0.88));
    box-shadow: none;
}

.portal-assessment-workspace--comfort .portal-assessment-queued-submit-strip[b-jby6k6qplq]  .mud-icon-root {
    color: #9caaff;
}

.portal-assessment-workspace--comfort .portal-assessment-queued-submit-strip > div span[b-jby6k6qplq] {
    color: #aab4ef;
}

.portal-assessment-workspace--comfort .portal-assessment-queued-submit-strip--completing[b-jby6k6qplq] {
    border-color: rgba(94, 234, 212, 0.3);
    color: #b7f3e4;
    background: linear-gradient(135deg, rgba(16, 64, 56, 0.92), rgba(10, 38, 34, 0.88));
}

.portal-assessment-workspace--comfort .portal-assessment-queued-submit-strip--completing[b-jby6k6qplq]  .mud-icon-root {
    color: #5eead4;
}

.portal-assessment-workspace--comfort .portal-assessment-queued-submit-strip--completing > div span[b-jby6k6qplq] {
    color: #8fe5d2;
}

.portal-assessment-workspace--comfort .portal-assessment-offline-handoff[b-jby6k6qplq] {
    border-color: color-mix(in srgb, var(--mud-palette-primary) 42%, transparent);
    background: linear-gradient(135deg, rgba(22, 29, 56, 0.94), rgba(12, 17, 36, 0.9));
    box-shadow: none;
}

.portal-assessment-workspace--comfort .portal-assessment-offline-handoff strong[b-jby6k6qplq] {
    color: #f4f6ff;
}

.portal-assessment-workspace--comfort .portal-assessment-offline-handoff > div span[b-jby6k6qplq] {
    color: #b9c2dc;
}

@media (max-width: 960px) {
    .portal-assessment-queued-submit-strip[b-jby6k6qplq],
    .portal-assessment-offline-handoff[b-jby6k6qplq] {
        flex-wrap: wrap;
    }

    .portal-assessment-queued-submit-strip > div[b-jby6k6qplq] {
        flex-basis: 100%;
    }

    .portal-assessment-offline-handoff[b-jby6k6qplq] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .portal-assessment-offline-handoff[b-jby6k6qplq]  .mud-button-root {
        grid-column: 1 / -1;
        width: 100%;
    }
}

/* ---------------------------------------------------------------------------------------------
   Pre-exam system check entry links (queue header + briefing banner) — gold/forest pill that
   leads to the standalone /assessment-system-check readiness page.
--------------------------------------------------------------------------------------------- */

.portal-assessment-syscheck-link[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    margin-left: auto;
    padding: 0.32rem 0.62rem;
    border: 1px solid rgba(15, 118, 110, 0.24);
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 900;
    white-space: nowrap;
    color: #0f5f55;
    text-decoration: none;
    background:
        linear-gradient(135deg, rgba(238, 252, 248, 0.95), rgba(255, 250, 238, 0.88));
    transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.portal-assessment-syscheck-link:hover[b-jby6k6qplq] {
    transform: translateY(-1px);
    border-color: rgba(15, 118, 110, 0.4);
    box-shadow: 0 10px 20px hsla(var(--brand-h, 218), 60%, 16%, 0.08);
}

.portal-assessment-syscheck-link[b-jby6k6qplq]  .mud-icon-root {
    font-size: 0.94rem;
    color: #0f766e;
}

.portal-assessment-briefing__syscheck[b-jby6k6qplq] {
    margin-left: 0;
    min-height: 1.42rem;
    padding: 0.2rem 0.5rem;
    font-size: 0.68rem;
}

@media (max-width: 960px) {
    .portal-assessment-syscheck-link[b-jby6k6qplq] {
        margin-left: 0;
    }
}

/* ---------------------------------------------------------------------------------------------
   Inline cloze (types 13/16/18 with [[n]] stem markers): the passage renders inside the answer
   panel with premium underlined gap slots that wrap with the text. Filled slots take the forest
   tint; the row UI styling above stays untouched for non-opted-in questions.
--------------------------------------------------------------------------------------------- */

.portal-assessment-cloze-passage[b-jby6k6qplq] {
    padding: 0.72rem 0.82rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background:
        linear-gradient(135deg, #fbfcff, rgba(238, 247, 249, 0.72)),
        rgba(255, 255, 255, 0.86);
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.92rem;
    font-weight: 600;
    line-height: 2.05;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.portal-assessment-cloze-passage__text[b-jby6k6qplq] {
    white-space: pre-wrap;
}

.portal-assessment-cloze-gap-shell[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.18rem;
    vertical-align: baseline;
    white-space: normal;
    border-radius: 7px;
    transition: box-shadow 140ms ease, background 140ms ease;
}

/* Keyboard drop-target affordance: the whole slot lights up when its control is focused. */
.portal-assessment-cloze-gap-shell:focus-within[b-jby6k6qplq] {
    box-shadow: 0 0 0 2px rgba(15, 118, 110, 0.28);
}

.portal-assessment-cloze-gap[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 4.6rem;
    max-width: 16rem;
    min-height: 1.72rem;
    margin: 0 0.14rem;
    padding: 0.06rem 0.5rem;
    border: 0;
    border-bottom: 2px dashed rgba(196, 148, 58, 0.55);
    border-radius: 6px 6px 0 0;
    vertical-align: baseline;
    background: rgba(255, 248, 233, 0.6);
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font: inherit;
    font-size: 0.84rem;
    font-weight: 850;
    line-height: 1.3;
    white-space: normal;
    outline: none;
    cursor: pointer;
    transition: border-color 140ms ease, background 140ms ease, box-shadow 140ms ease;
}

.portal-assessment-cloze-gap:focus-visible[b-jby6k6qplq] {
    box-shadow: 0 0 0 2px rgba(15, 118, 110, 0.32);
}

.portal-assessment-cloze-gap:hover:not(:disabled)[b-jby6k6qplq] {
    border-bottom-color: rgba(15, 118, 110, 0.55);
    background: rgba(238, 252, 248, 0.7);
}

.portal-assessment-cloze-gap.is-filled[b-jby6k6qplq] {
    border-bottom-style: solid;
    border-bottom-color: #0f766e;
    color: #0f5f55;
    background: rgba(238, 252, 248, 0.85);
}

.portal-assessment-cloze-gap:disabled[b-jby6k6qplq] {
    opacity: 0.62;
    cursor: default;
}

.portal-assessment-cloze-gap--input[b-jby6k6qplq] {
    cursor: text;
    text-align: center;
}

.portal-assessment-cloze-gap--input[b-jby6k6qplq]::placeholder {
    color: #8a5e10;
    font-weight: 900;
    opacity: 0.85;
}

.portal-assessment-cloze-gap--select[b-jby6k6qplq] {
    appearance: none;
    -webkit-appearance: none;
    padding-right: 1.3rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%230f766e' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.42rem center;
}

.portal-assessment-cloze-gap--slot strong[b-jby6k6qplq] {
    min-width: 0;
    overflow-wrap: anywhere;
    font-weight: 900;
}

/* Empty drop slot reads as a target: faint inset well + a touch more reach. */
.portal-assessment-cloze-gap--slot:not(.is-filled)[b-jby6k6qplq] {
    min-width: 5.2rem;
    background: rgba(255, 248, 233, 0.45);
    box-shadow: inset 0 0 0 1px rgba(196, 148, 58, 0.22);
}

.portal-assessment-cloze-gap--slot:not(.is-filled):hover:not(:disabled)[b-jby6k6qplq] {
    background: rgba(238, 252, 248, 0.62);
    box-shadow: inset 0 0 0 1px rgba(15, 118, 110, 0.34);
}

.portal-assessment-cloze-gap__number[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.18rem;
    height: 1.18rem;
    padding: 0 0.26rem;
    border-radius: 999px;
    font-size: 0.66rem;
    font-weight: 950;
    color: #8a5e10;
    background: rgba(255, 244, 222, 0.92);
}

.portal-assessment-cloze-gap__clear[b-jby6k6qplq] {
    display: inline-grid;
    place-items: center;
    width: 1.32rem;
    height: 1.32rem;
    border: 1px solid rgba(116, 28, 28, 0.14);
    border-radius: 999px;
    color: #9f1239;
    background: rgba(255, 255, 255, 0.9);
    cursor: pointer;
    transition: border-color 140ms ease, background 140ms ease;
}

.portal-assessment-cloze-gap__clear:hover[b-jby6k6qplq] {
    border-color: rgba(159, 18, 57, 0.34);
    background: rgba(255, 241, 242, 0.92);
}

.portal-assessment-cloze-gap__clear[b-jby6k6qplq]  .mud-icon-root {
    font-size: 0.82rem;
}

/* Comfort (dark cockpit) variants — reuse the shared comfort tokens. */
.portal-assessment-workspace--comfort .portal-assessment-cloze-passage[b-jby6k6qplq] {
    border-color: var(--assessment-comfort-border);
    background: var(--assessment-comfort-surface);
    color: var(--assessment-comfort-ink);
}

.portal-assessment-workspace--comfort .portal-assessment-cloze-gap[b-jby6k6qplq] {
    border-bottom-color: rgba(240, 195, 110, 0.6);
    background: rgba(96, 70, 22, 0.32);
    color: var(--assessment-comfort-ink);
}

.portal-assessment-workspace--comfort .portal-assessment-cloze-gap.is-filled[b-jby6k6qplq] {
    border-bottom-color: #5eead4;
    background: rgba(16, 64, 56, 0.6);
    color: #b7f3e4;
}

.portal-assessment-workspace--comfort .portal-assessment-cloze-gap--slot:not(.is-filled)[b-jby6k6qplq] {
    background: rgba(96, 70, 22, 0.3);
    box-shadow: inset 0 0 0 1px rgba(240, 195, 110, 0.3);
}

.portal-assessment-workspace--comfort .portal-assessment-cloze-gap-shell:focus-within[b-jby6k6qplq] {
    box-shadow: 0 0 0 2px rgba(94, 234, 212, 0.4);
}

.portal-assessment-workspace--comfort .portal-assessment-cloze-gap--input[b-jby6k6qplq]::placeholder,
.portal-assessment-workspace--comfort .portal-assessment-cloze-gap__number[b-jby6k6qplq] {
    color: #f0c36e;
    background: rgba(96, 70, 22, 0.5);
}

.portal-assessment-workspace--comfort .portal-assessment-cloze-gap--select option[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 218), 60%, 16%);
    background: #fff;
}

/* High-contrast variants — hard borders, no tints. */
.portal-assessment-workspace--high-contrast .portal-assessment-cloze-passage[b-jby6k6qplq] {
    border: 2px solid #000;
    background: #fff;
    color: #000;
}

.portal-assessment-workspace--high-contrast .portal-assessment-cloze-gap[b-jby6k6qplq] {
    border-bottom: 3px dashed #000;
    background: #fff;
    color: #000;
}

.portal-assessment-workspace--high-contrast .portal-assessment-cloze-gap.is-filled[b-jby6k6qplq] {
    border-bottom: 3px solid #000;
    background: #ffec99;
    color: #000;
}

.portal-assessment-workspace--high-contrast .portal-assessment-cloze-gap--slot:not(.is-filled)[b-jby6k6qplq] {
    background: #fff;
    box-shadow: inset 0 0 0 2px #000;
}

.portal-assessment-workspace--high-contrast .portal-assessment-cloze-gap__number[b-jby6k6qplq] {
    color: #000;
    background: #ffec99;
}

@media (max-width: 960px) {
    .portal-assessment-cloze-passage[b-jby6k6qplq] {
        font-size: 0.96rem;
        line-height: 2.2;
    }

    .portal-assessment-cloze-gap[b-jby6k6qplq] {
        min-width: 5.4rem;
        min-height: 2.04rem;
    }
}

/* ------------------------------------------------------------------------- */
/* In-exam two-way support channel (B10): help chip badge + compact docked    */
/* panel. Mirrors the scratchpad tool-card design; comfort and high-contrast  */
/* variants reuse the shared workspace tokens.                                */
/* ------------------------------------------------------------------------- */

.portal-assessment-support-chip[b-jby6k6qplq] {
    position: relative;
}

.portal-assessment-support-chip--unread[b-jby6k6qplq] {
    border-color: rgba(180, 35, 65, 0.34);
    color: #9f1239;
    background: rgba(255, 241, 244, 0.85);
}

.portal-assessment-support-chip__badge[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.06rem;
    height: 1.06rem;
    padding: 0 0.24rem;
    border-radius: 999px;
    color: #ffffff;
    background: linear-gradient(135deg, #be123c, #9f1239);
    font-size: 0.6rem;
    font-style: normal;
    font-weight: 950;
    line-height: 1;
    box-shadow: 0 4px 10px rgba(159, 18, 57, 0.35);
}

.portal-assessment-support[b-jby6k6qplq] {
    display: grid;
    gap: 0.52rem;
    width: min(100%, 34rem);
    margin: 0.2rem 0 0.82rem auto;
    padding: 0.62rem;
    border: 1px solid hsla(var(--brand-h, 214), 70%, 26%, 0.16);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(240, 246, 253, 0.92)),
        rgba(255, 255, 255, 0.92);
    box-shadow: 0 14px 30px hsla(var(--brand-h, 218), 60%, 16%, 0.09);
}

/* Premium docked entrance — settles in from above; disabled under reduced-motion. */
@media (prefers-reduced-motion: no-preference) {
    .portal-assessment-support[b-jby6k6qplq] {
        animation: portalAssessmentSupportDock-b-jby6k6qplq 220ms cubic-bezier(0.22, 1, 0.36, 1);
    }

    @keyframes portalAssessmentSupportDock-b-jby6k6qplq {
        from { opacity: 0; transform: translateY(-0.4rem) scale(0.985); }
        to { opacity: 1; transform: none; }
    }
}

.portal-assessment-support__head[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
}

.portal-assessment-support__head > div[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    gap: 0.38rem;
    min-width: 0;
}

.portal-assessment-support__head[b-jby6k6qplq]  .mud-icon-root {
    color: hsl(var(--brand-h, 214), 70%, 26%);
}

.portal-assessment-support__head span[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.66rem;
    font-weight: 900;
    text-transform: uppercase;
    white-space: nowrap;
}

.portal-assessment-support__head strong[b-jby6k6qplq] {
    overflow: hidden;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.9rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-support__head button[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 1.85rem;
    height: 1.85rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    color: hsl(var(--brand-h, 214), 20%, 40%);
    background: rgba(255, 255, 255, 0.82);
    cursor: pointer;
    transition: transform 140ms ease, border-color 140ms ease, color 140ms ease;
}

.portal-assessment-support__head button:hover[b-jby6k6qplq] {
    transform: translateY(-1px);
    border-color: hsla(var(--brand-h, 214), 70%, 26%, 0.28);
    color: hsl(var(--brand-h, 214), 70%, 26%);
}

.portal-assessment-support__reasons[b-jby6k6qplq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.32rem;
}

.portal-assessment-support__reason[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    min-height: 1.55rem;
    padding: 0.2rem 0.55rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.12);
    border-radius: 999px;
    color: hsl(var(--brand-h, 215), 16%, 42%);
    background: rgba(255, 255, 255, 0.86);
    font: inherit;
    font-size: 0.72rem;
    font-weight: 850;
    cursor: pointer;
    transition: border-color 140ms ease, background 140ms ease, color 140ms ease;
}

.portal-assessment-support__reason:hover:not(:disabled)[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 214), 70%, 26%, 0.3);
    color: hsl(var(--brand-h, 214), 70%, 26%);
}

.portal-assessment-support__reason--active[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 214), 70%, 26%, 0.4);
    color: hsl(var(--brand-h, 214), 70%, 26%);
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.1);
}

.portal-assessment-support__reason:disabled[b-jby6k6qplq] {
    cursor: progress;
    opacity: 0.66;
}

.portal-assessment-support textarea[b-jby6k6qplq] {
    width: 100%;
    min-height: 4.6rem;
    max-height: 10rem;
    resize: vertical;
    padding: 0.62rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.1);
    border-radius: 8px;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    background: rgba(255, 255, 255, 0.94);
    font: inherit;
    font-size: 0.88rem;
    line-height: 1.5;
    outline: none;
}

.portal-assessment-support textarea:focus[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 214), 70%, 26%, 0.36);
    box-shadow: 0 0 0 3px hsla(var(--brand-h, 224), 76%, 48%, 0.09);
}

.portal-assessment-support__notice[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    gap: 0.42rem;
    padding: 0.42rem 0.55rem;
    border-radius: 8px;
    font-size: 0.74rem;
    font-weight: 800;
}

.portal-assessment-support__notice--offline[b-jby6k6qplq] {
    border: 1px solid hsla(var(--brand-accent-h, 37), 63%, 47%, 0.3);
    color: #92600f;
    background: rgba(255, 249, 235, 0.9);
}

.portal-assessment-support__notice--failed[b-jby6k6qplq] {
    border: 1px solid rgba(180, 35, 65, 0.24);
    color: #9f1239;
    background: rgba(255, 241, 244, 0.86);
}

.portal-assessment-support__notice--failed button[b-jby6k6qplq] {
    margin-left: auto;
    min-height: 1.7rem;
    padding: 0 0.5rem;
    border: 1px solid rgba(180, 35, 65, 0.3);
    border-radius: 8px;
    color: #9f1239;
    background: rgba(255, 255, 255, 0.9);
    font: inherit;
    font-size: 0.72rem;
    font-weight: 900;
    cursor: pointer;
    transition: transform 140ms ease, background 140ms ease;
}

.portal-assessment-support__notice--failed button:hover:not(:disabled)[b-jby6k6qplq] {
    transform: translateY(-1px);
    background: rgba(255, 241, 244, 0.98);
}

.portal-assessment-support__notice--failed button:disabled[b-jby6k6qplq] {
    cursor: progress;
    opacity: 0.6;
}

.portal-assessment-support__foot[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.portal-assessment-support__foot > span[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.72rem;
    font-weight: 850;
}

.portal-assessment-support__send[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    gap: 0.34rem;
    min-height: 2rem;
    padding: 0 0.72rem;
    border: 1px solid hsla(var(--brand-h, 214), 70%, 26%, 0.1);
    border-radius: 8px;
    color: #ffffff;
    background: linear-gradient(135deg, hsl(var(--brand-h, 214), 70%, 26%), #0f766e);
    font: inherit;
    font-size: 0.76rem;
    font-weight: 900;
    cursor: pointer;
    transition: transform 140ms ease, box-shadow 140ms ease, opacity 140ms ease;
}

.portal-assessment-support__send:hover:not(:disabled)[b-jby6k6qplq] {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px hsla(var(--brand-h, 218), 60%, 16%, 0.18);
}

.portal-assessment-support__send:disabled[b-jby6k6qplq] {
    cursor: not-allowed;
    opacity: 0.55;
}

.portal-assessment-support__thread[b-jby6k6qplq] {
    display: grid;
    gap: 0.4rem;
    max-height: 13rem;
    overflow: auto;
    padding-right: 0.12rem;
    scrollbar-width: thin;
    scrollbar-color: hsla(var(--brand-h, 214), 70%, 26%, 0.32) transparent;
}

.portal-assessment-support__thread[b-jby6k6qplq]::-webkit-scrollbar {
    width: 0.42rem;
}

.portal-assessment-support__thread[b-jby6k6qplq]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: hsla(var(--brand-h, 214), 70%, 26%, 0.28);
}

.portal-assessment-support__thread[b-jby6k6qplq]::-webkit-scrollbar-track {
    background: transparent;
}

.portal-assessment-support__empty[b-jby6k6qplq] {
    margin: 0;
    padding: 0.45rem 0.2rem;
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.78rem;
    font-weight: 700;
}

.portal-assessment-support__message[b-jby6k6qplq] {
    display: grid;
    gap: 0.22rem;
    padding: 0.46rem 0.56rem;
    border-radius: 8px;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    background: rgba(255, 255, 255, 0.9);
}

.portal-assessment-support__message--student[b-jby6k6qplq] {
    border-color: hsla(var(--brand-h, 214), 70%, 26%, 0.14);
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.06);
}

.portal-assessment-support__message--proctor[b-jby6k6qplq] {
    border-color: rgba(15, 118, 110, 0.2);
    background: rgba(236, 253, 245, 0.78);
}

.portal-assessment-support__message header[b-jby6k6qplq] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    min-width: 0;
}

.portal-assessment-support__message header strong[b-jby6k6qplq] {
    overflow: hidden;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-size: 0.72rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-support__message header small[b-jby6k6qplq] {
    margin-left: auto;
    color: hsl(var(--brand-h, 215), 16%, 48%);
    font-size: 0.66rem;
    font-weight: 800;
    white-space: nowrap;
}

.portal-assessment-support__message p[b-jby6k6qplq] {
    margin: 0;
    color: hsl(var(--brand-h, 218), 40%, 24%);
    font-size: 0.82rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.portal-assessment-support__status[b-jby6k6qplq] {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    padding: 0.08rem 0.4rem;
    border-radius: 999px;
    font-size: 0.6rem;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.portal-assessment-support__status--sent[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 214), 70%, 30%);
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.12);
}

.portal-assessment-support__status--acknowledged[b-jby6k6qplq] {
    color: #92600f;
    background: hsla(var(--brand-accent-h, 37), 63%, 47%, 0.16);
}

.portal-assessment-support__status--resolved[b-jby6k6qplq] {
    color: #0f5f55;
    background: rgba(15, 118, 110, 0.14);
}

/* Comfort (dark cockpit) variants — reuse the shared comfort tokens. */
.portal-assessment-workspace--comfort .portal-assessment-support[b-jby6k6qplq] {
    border-color: var(--assessment-comfort-border) !important;
    background: var(--assessment-comfort-surface) !important;
    box-shadow: none;
}

.portal-assessment-workspace--comfort .portal-assessment-support__head span[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-support__foot > span[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-support__empty[b-jby6k6qplq],
.portal-assessment-workspace--comfort .portal-assessment-support__message header small[b-jby6k6qplq] {
    color: hsl(var(--brand-h, 215), 31%, 71%);
}

.portal-assessment-workspace--comfort .portal-assessment-support__head[b-jby6k6qplq]  .mud-icon-root {
    color: #5eead4;
}

.portal-assessment-workspace--comfort .portal-assessment-support__head button[b-jby6k6qplq] {
    border-color: var(--assessment-comfort-border);
    color: hsl(var(--brand-h, 215), 31%, 71%);
    background: hsla(var(--brand-h, 219), 50%, 11%, 0.78);
}

.portal-assessment-workspace--comfort .portal-assessment-support__head button:hover[b-jby6k6qplq] {
    border-color: rgba(94, 234, 212, 0.34);
    color: #5eead4;
}

.portal-assessment-workspace--comfort .portal-assessment-support__reason[b-jby6k6qplq] {
    border-color: var(--assessment-comfort-border);
    color: hsl(var(--brand-h, 215), 31%, 71%);
    background: hsla(var(--brand-h, 219), 50%, 11%, 0.78);
}

.portal-assessment-workspace--comfort .portal-assessment-support__reason--active[b-jby6k6qplq] {
    border-color: rgba(94, 234, 212, 0.4);
    color: #5eead4;
    background: rgba(16, 64, 56, 0.55);
}

.portal-assessment-workspace--comfort .portal-assessment-support__message[b-jby6k6qplq] {
    border-color: var(--assessment-comfort-border);
    background: hsla(var(--brand-h, 219), 50%, 12%, 0.72);
}

.portal-assessment-workspace--comfort .portal-assessment-support__message--proctor[b-jby6k6qplq] {
    border-color: rgba(94, 234, 212, 0.22);
    background: rgba(16, 64, 56, 0.45);
}

.portal-assessment-workspace--comfort .portal-assessment-support__message p[b-jby6k6qplq] {
    color: var(--assessment-comfort-ink);
}

.portal-assessment-workspace--comfort .portal-assessment-support__notice--offline[b-jby6k6qplq] {
    border-color: hsla(var(--brand-accent-h, 37), 63%, 60%, 0.4);
    color: #f0c36e;
    background: rgba(96, 70, 22, 0.4);
}

.portal-assessment-workspace--comfort .portal-assessment-support__notice--failed[b-jby6k6qplq] {
    border-color: rgba(253, 164, 175, 0.35);
    color: #fda4af;
    background: rgba(76, 18, 33, 0.5);
}

.portal-assessment-workspace--comfort .portal-assessment-support__notice--failed button[b-jby6k6qplq] {
    border-color: rgba(253, 164, 175, 0.4);
    color: #fda4af;
    background: rgba(76, 18, 33, 0.65);
}

/* High-contrast variants — hard borders, no tints. */
.portal-assessment-workspace--high-contrast .portal-assessment-support[b-jby6k6qplq],
.portal-assessment-workspace--high-contrast .portal-assessment-support__message[b-jby6k6qplq],
.portal-assessment-workspace--high-contrast .portal-assessment-support textarea[b-jby6k6qplq],
.portal-assessment-workspace--high-contrast .portal-assessment-support__reason[b-jby6k6qplq] {
    border: 2px solid #000;
    background: #fff;
    color: #000;
    box-shadow: none;
}

.portal-assessment-workspace--high-contrast .portal-assessment-support__head span[b-jby6k6qplq],
.portal-assessment-workspace--high-contrast .portal-assessment-support__head strong[b-jby6k6qplq],
.portal-assessment-workspace--high-contrast .portal-assessment-support__foot > span[b-jby6k6qplq],
.portal-assessment-workspace--high-contrast .portal-assessment-support__empty[b-jby6k6qplq],
.portal-assessment-workspace--high-contrast .portal-assessment-support__message header strong[b-jby6k6qplq],
.portal-assessment-workspace--high-contrast .portal-assessment-support__message header small[b-jby6k6qplq],
.portal-assessment-workspace--high-contrast .portal-assessment-support__message p[b-jby6k6qplq] {
    color: #000;
}

.portal-assessment-workspace--high-contrast .portal-assessment-support__reason--active[b-jby6k6qplq],
.portal-assessment-workspace--high-contrast .portal-assessment-support__status[b-jby6k6qplq] {
    border: 2px solid #000;
    background: #ffec99;
    color: #000;
}

.portal-assessment-workspace--high-contrast .portal-assessment-support__send[b-jby6k6qplq] {
    border: 2px solid #000;
    background: #000;
    color: #fff;
}

.portal-assessment-workspace--high-contrast .portal-assessment-support-chip__badge[b-jby6k6qplq] {
    border: 2px solid #000;
    background: #fff;
    color: #000;
    box-shadow: none;
}

@media (max-width: 960px) {
    .portal-assessment-support[b-jby6k6qplq] {
        width: 100%;
    }

    .portal-assessment-support__thread[b-jby6k6qplq] {
        max-height: 11rem;
    }
}

/* Assessment landing hero — premium compact overview. */

.portal-assessment-hero[b-jby6k6qplq] {
    position: relative;
    isolation: isolate;
    grid-template-columns: minmax(24rem, 1fr) auto auto;
    gap: 0.78rem;
    min-height: 7.25rem;
    padding: 1rem 1.08rem !important;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--color-brand-900) 8%, var(--color-border)) !important;
    border-radius: 18px !important;
    background:
        radial-gradient(circle at 91% 6%, color-mix(in srgb, var(--color-brand-100) 74%, transparent), transparent 24%),
        radial-gradient(circle at 8% 100%, color-mix(in srgb, var(--color-accent-gold-soft) 62%, transparent), transparent 25%),
        var(--color-surface) !important;
    box-shadow: var(--shadow-card) !important;
}

.portal-assessment-hero[b-jby6k6qplq]::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0 0 auto;
    height: 2px;
    background: linear-gradient(90deg, var(--color-brand-900), var(--color-accent-gold), transparent 72%);
    opacity: 0.68;
}

.portal-assessment-hero__lead[b-jby6k6qplq] {
    gap: 0.78rem;
}

.portal-assessment-hero__lead > div[b-jby6k6qplq] {
    min-width: 0;
}

.portal-assessment-hero__icon[b-jby6k6qplq] {
    width: 2.7rem;
    height: 2.7rem;
    flex: 0 0 2.7rem;
    border: 1px solid color-mix(in srgb, var(--color-brand-900) 13%, var(--color-border));
    border-radius: 13px;
    background: var(--color-brand-50);
    color: var(--color-brand-900);
    box-shadow: var(--shadow-xs);
}

.portal-assessment-hero__icon[b-jby6k6qplq]  .mud-icon-root {
    font-size: 1.16rem !important;
}

.portal-assessment-hero__eyebrow[b-jby6k6qplq] {
    color: color-mix(in srgb, var(--color-brand-900) 72%, var(--color-text-secondary));
    font-size: 0.66rem;
    letter-spacing: 0.09em;
}

.portal-assessment-hero__title[b-jby6k6qplq] {
    color: var(--color-text-primary);
    font-size: clamp(1.34rem, 1.5vw, 1.62rem);
    line-height: 1.2;
    letter-spacing: -0.025em;
}

.portal-assessment-hero__copy[b-jby6k6qplq] {
    max-width: 68ch;
    margin-top: 0.24rem;
    color: var(--color-text-secondary);
    font-size: 0.8rem;
    line-height: 1.5;
}

.portal-assessment-hero__stats[b-jby6k6qplq] {
    grid-template-columns: repeat(4, minmax(6.4rem, 1fr));
    gap: 0.46rem;
}

.portal-assessment-hero__stats .portal-assessment-hero__stat[b-jby6k6qplq] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.48rem;
    min-width: 6.4rem;
    min-height: 3.7rem;
    padding: 0.48rem 0.54rem;
    border: 1px solid var(--color-border);
    border-radius: 13px;
    background: linear-gradient(180deg, var(--color-surface), var(--color-surface-subtle));
    box-shadow: var(--shadow-xs);
}

.portal-assessment-hero__stat-icon[b-jby6k6qplq] {
    display: grid;
    place-items: center;
    width: 1.95rem;
    height: 1.95rem;
    border: 1px solid color-mix(in srgb, currentColor 12%, var(--color-border));
    border-radius: 10px;
    background: var(--color-brand-50);
    color: var(--color-brand-900) !important;
}

.portal-assessment-hero__stat-icon[b-jby6k6qplq]  .mud-icon-root {
    font-size: 0.98rem !important;
}

.portal-assessment-hero__stat-copy[b-jby6k6qplq] {
    display: grid;
    min-width: 0;
    gap: 0.08rem;
}

.portal-assessment-hero__stat-copy > span[b-jby6k6qplq] {
    overflow: hidden;
    color: var(--color-text-muted);
    font-size: 0.64rem;
    font-weight: 800;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-assessment-hero__stat-copy > strong[b-jby6k6qplq] {
    color: var(--color-text-primary);
    font-size: 1rem;
    font-weight: 850;
    line-height: 1.1;
}

.portal-assessment-hero__stat--open .portal-assessment-hero__stat-icon[b-jby6k6qplq] {
    border-color: color-mix(in srgb, var(--color-success) 16%, var(--color-border));
    background: var(--color-success-soft);
    color: var(--color-success) !important;
}

.portal-assessment-hero__stat--done .portal-assessment-hero__stat-icon[b-jby6k6qplq] {
    border-color: color-mix(in srgb, var(--color-accent-gold) 18%, var(--color-border));
    background: var(--color-accent-gold-soft);
    color: color-mix(in srgb, var(--color-accent-gold) 84%, #5b461f) !important;
}

.portal-assessment-hero__stat--access .portal-assessment-hero__stat-icon[b-jby6k6qplq] {
    border-color: color-mix(in srgb, var(--color-info) 16%, var(--color-border));
    background: var(--color-info-soft);
    color: var(--color-info) !important;
}

.portal-assessment-hero[b-jby6k6qplq]  .portal-assessment-hero__refresh {
    min-height: 2.55rem;
    padding-inline: 0.98rem !important;
    border-radius: var(--radius-pill) !important;
    background: var(--color-brand-900) !important;
    color: #fff !important;
    font-size: 0.76rem !important;
    font-weight: 850 !important;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--color-brand-900) 18%, transparent);
}

.portal-assessment-hero[b-jby6k6qplq]  .portal-assessment-hero__refresh:hover,
.portal-assessment-hero[b-jby6k6qplq]  .portal-assessment-hero__refresh:focus-visible {
    background: var(--color-brand-950) !important;
    box-shadow: 0 12px 28px color-mix(in srgb, var(--color-brand-900) 24%, transparent);
}

.portal-assessment-hero[b-jby6k6qplq]  .portal-assessment-hero__refresh.mud-disabled {
    opacity: 1;
    background: var(--color-surface-subtle) !important;
    color: var(--color-text-muted) !important;
    box-shadow: none;
}

@media (max-width: 1280px) {
    .portal-assessment-hero[b-jby6k6qplq] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .portal-assessment-hero__stats[b-jby6k6qplq] {
        grid-column: 1 / -1;
        width: 100%;
    }
}

@media (max-width: 760px) {
    .portal-assessment-hero[b-jby6k6qplq] {
        grid-template-columns: 1fr;
        min-height: 0;
        padding: 0.82rem !important;
    }

    .portal-assessment-hero__stats[b-jby6k6qplq] {
        grid-column: auto;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .portal-assessment-hero[b-jby6k6qplq]  .portal-assessment-hero__refresh {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 900px) {
    .portal-assessment-timed-section[b-jby6k6qplq] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .portal-assessment-timed-section__steps[b-jby6k6qplq] {
        grid-column: 2 / -1;
    }
}

@media (max-width: 560px) {
    .portal-assessment-timed-section[b-jby6k6qplq] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .portal-assessment-timed-section__time[b-jby6k6qplq] {
        grid-column: 2;
        justify-items: start;
    }

    .portal-assessment-timed-section__steps[b-jby6k6qplq] {
        grid-column: 1 / -1;
    }
}
/* /Pages/Card.razor.rz.scp.css */
.portal-page--academic-record[b-dqx4vshc6l] {
    min-width: 0;
    gap: var(--space-4);
}

.academic-page-header[b-dqx4vshc6l] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--space-6);
    padding-inline: var(--space-4);
}

.academic-page-header__copy[b-dqx4vshc6l] {
    min-width: 0;
}

.academic-page-header__eyebrow[b-dqx4vshc6l],
.academic-history-card__eyebrow[b-dqx4vshc6l] {
    margin-bottom: var(--space-1);
    color: var(--color-brand-800);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.academic-page-header h1[b-dqx4vshc6l],
.academic-history-card h2[b-dqx4vshc6l],
.academic-page-header p[b-dqx4vshc6l],
.academic-history-card p[b-dqx4vshc6l] {
    margin: 0;
}

.academic-page-header h1[b-dqx4vshc6l] {
    color: var(--color-text-primary);
    font-size: clamp(1.55rem, 2vw, 1.75rem);
    font-weight: 700;
    line-height: 1.25;
}

.academic-page-header p[b-dqx4vshc6l] {
    max-width: 90ch;
    margin-top: var(--space-1);
    color: var(--color-text-secondary);
    font-size: 0.94rem;
    line-height: 1.5;
}

.academic-page-header__actions[b-dqx4vshc6l] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.academic-page-header__actions[b-dqx4vshc6l]  .academic-action {
    min-height: 42px;
    padding-inline: var(--space-4);
    border-radius: var(--radius-md);
    font-size: 0.86rem;
    font-weight: 600;
    text-transform: none;
    transition: background-color var(--motion-fast), border-color var(--motion-fast), color var(--motion-fast);
}

.academic-page-header__actions[b-dqx4vshc6l]  .academic-action--primary {
    background: var(--color-brand-900) !important;
    color: #fff !important;
    box-shadow: var(--shadow-xs);
}

.academic-page-header__actions[b-dqx4vshc6l]  .academic-action--primary:hover {
    background: var(--color-brand-950) !important;
}

.academic-page-header__actions[b-dqx4vshc6l]  .academic-action--secondary {
    border-color: var(--color-border-strong) !important;
    background: var(--color-surface) !important;
    color: var(--color-brand-900) !important;
}

.academic-page-header__actions[b-dqx4vshc6l]  .academic-action:focus-visible,
.academic-row-action:focus-visible[b-dqx4vshc6l],
.academic-semester__header:focus-visible[b-dqx4vshc6l],
.academic-mobile-course[b-dqx4vshc6l]  .mud-button-root:focus-visible {
    outline: 2px solid var(--color-brand-700);
    outline-offset: 2px;
}

.academic-kpi-grid[b-dqx4vshc6l] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-3);
}

.academic-kpi-skeleton[b-dqx4vshc6l] {
    min-height: 90px;
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 14px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
    box-shadow: var(--shadow-card);
}

.academic-kpi-skeleton > span[b-dqx4vshc6l],
.academic-kpi-skeleton i[b-dqx4vshc6l],
.academic-kpi-skeleton b[b-dqx4vshc6l],
.academic-skeleton-line[b-dqx4vshc6l],
.academic-skeleton-table[b-dqx4vshc6l],
.academic-skeleton-row[b-dqx4vshc6l] {
    display: block;
    overflow: hidden;
    background: linear-gradient(90deg, #f0f1f3 20%, #fafafa 38%, #f0f1f3 56%);
    background-size: 200% 100%;
    animation: academic-skeleton-b-dqx4vshc6l 1.4s ease-in-out infinite;
}

.academic-kpi-skeleton > span[b-dqx4vshc6l] {
    width: 36px;
    height: 36px;
    border-radius: var(--radius-md);
}

.academic-kpi-skeleton > div[b-dqx4vshc6l] {
    display: grid;
    gap: var(--space-2);
}

.academic-kpi-skeleton i[b-dqx4vshc6l] {
    width: 42%;
    height: 12px;
    border-radius: var(--radius-sm);
}

.academic-kpi-skeleton b[b-dqx4vshc6l] {
    width: 28%;
    height: 28px;
    border-radius: var(--radius-sm);
}

@keyframes academic-skeleton-b-dqx4vshc6l {
    from { background-position: 100% 0; }
    to { background-position: -100% 0; }
}

.academic-history-card[b-dqx4vshc6l] {
    min-width: 0;
    padding: var(--space-4);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
    box-shadow: var(--shadow-card);
}

.academic-history-card__header[b-dqx4vshc6l] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: var(--space-3);
    margin-bottom: var(--space-4);
}

.academic-history-card__icon[b-dqx4vshc6l],
.academic-state__icon[b-dqx4vshc6l] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: var(--radius-md);
    color: var(--color-brand-900);
    background: var(--color-brand-50);
    border: 1px solid var(--color-brand-100);
}

.academic-history-card h2[b-dqx4vshc6l] {
    color: var(--color-text-primary);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.3;
}

.academic-history-card p[b-dqx4vshc6l] {
    margin-top: var(--space-1);
    color: var(--color-text-secondary);
    font-size: 0.88rem;
    line-height: 1.5;
}

.academic-history-skeleton[b-dqx4vshc6l] {
    display: grid;
    gap: var(--space-3);
}

.academic-skeleton-line[b-dqx4vshc6l] {
    width: 34%;
    height: 18px;
    border-radius: var(--radius-sm);
}

.academic-skeleton-table[b-dqx4vshc6l] {
    height: 180px;
    border-radius: var(--radius-md);
}

.academic-skeleton-row[b-dqx4vshc6l] {
    height: 56px;
    border-radius: var(--radius-md);
}

.academic-state[b-dqx4vshc6l] {
    min-height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-3);
    padding: var(--space-6);
    border: 1px dashed var(--color-border-strong);
    border-radius: var(--radius-md);
    background: var(--color-surface-subtle);
    color: var(--color-text-secondary);
    text-align: left;
}

.academic-state p[b-dqx4vshc6l] {
    max-width: 60ch;
    margin-top: var(--space-1);
    overflow-wrap: anywhere;
}

.academic-state--error .academic-state__icon[b-dqx4vshc6l] {
    color: var(--color-danger);
    background: var(--color-danger-soft);
    border-color: color-mix(in srgb, var(--color-danger) 14%, transparent);
}

.academic-state[b-dqx4vshc6l]  .mud-button-root {
    min-height: 40px;
    margin-left: var(--space-3);
    border-radius: var(--radius-md);
}

.academic-semester-list[b-dqx4vshc6l] {
    display: grid;
    gap: var(--space-2);
}

.academic-semester[b-dqx4vshc6l] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    box-shadow: var(--shadow-xs);
}

.academic-semester--expanded[b-dqx4vshc6l] {
    border-color: color-mix(in srgb, var(--color-brand-900) 25%, var(--color-border));
    box-shadow: inset 3px 0 0 var(--color-brand-800), var(--shadow-xs);
}

.academic-semester__header[b-dqx4vshc6l] {
    width: 100%;
    min-height: 52px;
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto 36px;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-2) var(--space-4);
    border: 0;
    background: var(--color-surface);
    color: var(--color-text-primary);
    text-align: left;
    transition: background-color var(--motion-fast);
}

.academic-semester__header:hover[b-dqx4vshc6l] {
    background: var(--color-surface-hover);
}

.academic-semester--expanded .academic-semester__header[b-dqx4vshc6l] {
    background: var(--color-brand-50);
    border-bottom: 1px solid var(--color-border);
}

.academic-semester__identity[b-dqx4vshc6l] {
    min-width: 0;
    display: flex;
    align-items: baseline;
    gap: var(--space-3);
}

.academic-semester__identity strong[b-dqx4vshc6l] {
    overflow: hidden;
    color: var(--color-text-primary);
    font-size: 0.94rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.academic-semester__identity > span[b-dqx4vshc6l],
.academic-semester__summary[b-dqx4vshc6l] {
    color: var(--color-text-secondary);
    font-size: 0.78rem;
    font-weight: 500;
}

.academic-semester__summary[b-dqx4vshc6l] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--space-4);
    font-variant-numeric: tabular-nums;
}

.academic-semester__summary > span + span[b-dqx4vshc6l] {
    position: relative;
}

.academic-semester__summary > span + span[b-dqx4vshc6l]::before {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(var(--space-2) * -1);
    width: 3px;
    height: 3px;
    border-radius: var(--radius-pill);
    background: var(--color-border-strong);
}

.academic-semester__gpa[b-dqx4vshc6l] {
    color: var(--color-accent-gold);
    font-weight: 700;
}

.academic-semester__chevron[b-dqx4vshc6l] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: var(--radius-sm);
    color: var(--color-text-secondary);
}

.academic-semester__body[b-dqx4vshc6l] {
    min-width: 0;
    padding: var(--space-2);
}

.academic-filter-chips[b-dqx4vshc6l] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    margin-bottom: var(--space-2);
}

.academic-filter-chip[b-dqx4vshc6l] {
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    padding: var(--space-1) var(--space-2);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-pill);
    background: var(--color-surface-subtle);
    color: var(--color-text-secondary);
    font-size: 0.76rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.academic-filter-chip--brand[b-dqx4vshc6l] {
    border-color: var(--color-brand-100);
    background: var(--color-brand-50);
    color: var(--color-brand-900);
}

.academic-filter-chip--success[b-dqx4vshc6l] {
    border-color: color-mix(in srgb, var(--color-success) 16%, transparent);
    background: var(--color-success-soft);
    color: var(--color-success);
}

.academic-filter-chip--gold[b-dqx4vshc6l] {
    border-color: color-mix(in srgb, var(--color-accent-gold) 18%, transparent);
    background: var(--color-accent-gold-soft);
    color: var(--color-accent-gold);
}

.academic-table-region[b-dqx4vshc6l] {
    max-width: 100%;
    max-height: min(62vh, 720px);
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
}

.academic-course-table[b-dqx4vshc6l] {
    width: 100%;
    min-width: 1080px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    color: var(--color-text-primary);
    font-size: 0.9rem;
    font-variant-numeric: tabular-nums;
}

.academic-course-table th[b-dqx4vshc6l],
.academic-course-table td[b-dqx4vshc6l] {
    min-height: 48px;
    padding: 10px var(--space-3);
    border-bottom: 1px solid var(--color-border);
    vertical-align: middle;
}

.academic-course-table thead th[b-dqx4vshc6l] {
    position: sticky;
    top: 0;
    z-index: 3;
    background: var(--color-surface-subtle);
    color: var(--color-text-secondary);
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.35;
    text-align: left;
    white-space: nowrap;
}

.academic-course-table tbody tr[b-dqx4vshc6l] {
    height: 50px;
    transition: background-color var(--motion-fast);
}

.academic-course-table tbody tr:hover[b-dqx4vshc6l] {
    background: var(--color-surface-hover);
}

.academic-course-table tbody tr:last-child td[b-dqx4vshc6l] {
    border-bottom: 0;
}

.academic-course-table th:nth-child(1)[b-dqx4vshc6l],
.academic-course-table td:nth-child(1)[b-dqx4vshc6l] {
    width: 52px;
    text-align: center;
}

.academic-course-table th:nth-child(2)[b-dqx4vshc6l],
.academic-course-table td:nth-child(2)[b-dqx4vshc6l] {
    width: 31%;
}

.academic-course-table th:nth-child(3)[b-dqx4vshc6l],
.academic-course-table td:nth-child(3)[b-dqx4vshc6l] {
    width: 17%;
}

.academic-course-table th:nth-child(4)[b-dqx4vshc6l],
.academic-course-table td:nth-child(4)[b-dqx4vshc6l] {
    width: 142px;
    text-align: center;
}

.academic-course-table th:nth-child(n+5)[b-dqx4vshc6l],
.academic-course-table td:nth-child(n+5)[b-dqx4vshc6l] {
    width: 76px;
    text-align: center;
}

.academic-course-table th:last-child[b-dqx4vshc6l],
.academic-course-table td:last-child[b-dqx4vshc6l] {
    width: 52px;
    text-align: right;
}

.academic-course-table__index[b-dqx4vshc6l] {
    color: var(--color-text-muted);
    font-size: 0.78rem;
    font-weight: 600;
}

.academic-course-table__subject[b-dqx4vshc6l] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.academic-course-table__subject strong[b-dqx4vshc6l],
.academic-course-table__subject span[b-dqx4vshc6l],
.academic-course-table__lecturer[b-dqx4vshc6l] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.academic-course-table__subject strong[b-dqx4vshc6l] {
    color: var(--color-text-primary);
    font-size: 0.9rem;
    font-weight: 650;
}

.academic-course-table__subject span[b-dqx4vshc6l],
.academic-course-table__lecturer[b-dqx4vshc6l] {
    color: var(--color-text-secondary);
    font-size: 0.84rem;
}

.academic-course-table__number[b-dqx4vshc6l] {
    color: var(--color-text-primary);
    font-weight: 600;
}

.academic-course-table__mark[b-dqx4vshc6l] {
    font-weight: 700;
}

.academic-status-badge[b-dqx4vshc6l],
.academic-grade-badge[b-dqx4vshc6l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 var(--space-2);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-pill);
    font-size: 0.74rem;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}

.academic-status-badge[b-dqx4vshc6l] {
    max-width: 130px;
    overflow: hidden;
    background: var(--color-surface-subtle);
    color: var(--color-text-secondary);
    text-overflow: ellipsis;
}

.academic-grade-badge[b-dqx4vshc6l] {
    min-width: 34px;
    border-color: color-mix(in srgb, var(--color-accent-gold) 18%, transparent);
    background: var(--color-accent-gold-soft);
    color: color-mix(in srgb, var(--color-accent-gold) 78%, #4b3510);
    font-variant-numeric: tabular-nums;
}

.portal-card-status[b-dqx4vshc6l] {
    width: 30px;
    height: 30px;
    display: inline-grid;
    place-items: center;
    border-radius: var(--radius-pill);
    background: var(--color-surface-subtle);
    color: var(--color-text-muted);
}

.portal-card-status--done[b-dqx4vshc6l] {
    background: var(--color-success-soft);
    color: var(--color-success);
}

.portal-card-status--failed[b-dqx4vshc6l] {
    background: var(--color-danger-soft);
    color: var(--color-danger);
}

.portal-card-status--pending[b-dqx4vshc6l] {
    background: var(--color-warning-soft);
    color: var(--color-warning);
}

.portal-card-status--improved[b-dqx4vshc6l] {
    background: var(--color-info-soft);
    color: var(--color-info);
}

.academic-course-table__actions[b-dqx4vshc6l]  .academic-row-action {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: var(--color-surface);
    color: var(--color-text-secondary);
}

.academic-course-table__actions[b-dqx4vshc6l]  .academic-row-action:hover {
    border-color: var(--color-border-strong);
    background: var(--color-surface-hover);
    color: var(--color-brand-900);
}

.academic-mobile-courses[b-dqx4vshc6l] {
    display: none;
}

.academic-mobile-course[b-dqx4vshc6l] {
    padding: var(--space-4);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
}

.academic-mobile-course__head[b-dqx4vshc6l] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    gap: var(--space-3);
}

.academic-mobile-course__head > div[b-dqx4vshc6l] {
    min-width: 0;
    display: grid;
    gap: var(--space-1);
}

.academic-mobile-course__head strong[b-dqx4vshc6l],
.academic-mobile-course__head > div > span[b-dqx4vshc6l] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.academic-mobile-course__head strong[b-dqx4vshc6l] {
    color: var(--color-text-primary);
    font-size: 0.92rem;
    line-height: 1.35;
}

.academic-mobile-course__head > div > span[b-dqx4vshc6l],
.academic-mobile-course__index[b-dqx4vshc6l] {
    color: var(--color-text-secondary);
    font-size: 0.78rem;
}

.academic-mobile-course__metrics[b-dqx4vshc6l] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-2);
    margin-top: var(--space-3);
}

.academic-mobile-course__metrics span[b-dqx4vshc6l] {
    padding: var(--space-2);
    border-radius: var(--radius-sm);
    background: var(--color-surface-subtle);
    color: var(--color-text-secondary);
    font-size: 0.74rem;
    font-weight: 600;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.academic-mobile-course__footer[b-dqx4vshc6l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    margin-top: var(--space-3);
    padding-top: var(--space-3);
    border-top: 1px solid var(--color-border);
}

.academic-mobile-course__footer > div[b-dqx4vshc6l] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.academic-mobile-course[b-dqx4vshc6l]  .mud-button-root {
    min-height: 44px;
    border-radius: var(--radius-sm);
    font-size: 0.78rem;
    text-transform: none;
}

.academic-mobile-course__details[b-dqx4vshc6l] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-2);
    margin-top: var(--space-3);
    padding: var(--space-3);
    border-radius: var(--radius-sm);
    background: var(--color-surface-subtle);
}

.academic-mobile-course__details > div[b-dqx4vshc6l] {
    display: grid;
    gap: var(--space-1);
}

.academic-mobile-course__details span[b-dqx4vshc6l] {
    color: var(--color-text-muted);
    font-size: 0.72rem;
}

.academic-mobile-course__details strong[b-dqx4vshc6l] {
    color: var(--color-text-primary);
    font-size: 0.8rem;
    line-height: 1.4;
}

.academic-mobile-course__details-wide[b-dqx4vshc6l] {
    grid-column: 1 / -1;
}

.portal-sr-only[b-dqx4vshc6l] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

@media (max-width: 1200px) {
    .academic-page-header[b-dqx4vshc6l] {
        align-items: flex-start;
    }

    .academic-semester__summary[b-dqx4vshc6l] {
        gap: var(--space-3);
    }
}

@media (max-width: 992px) {
    .academic-kpi-grid[b-dqx4vshc6l] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .academic-kpi-grid[b-dqx4vshc6l]  .portal-kpi-card:last-child {
        grid-column: 1 / -1;
    }

    .academic-semester__header[b-dqx4vshc6l] {
        grid-template-columns: minmax(0, 1fr) 36px;
    }

    .academic-semester__summary[b-dqx4vshc6l] {
        grid-column: 1;
        grid-row: 2;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .academic-semester__chevron[b-dqx4vshc6l] {
        grid-column: 2;
        grid-row: 1 / span 2;
    }
}

@media (max-width: 768px) {
    .portal-page--academic-record[b-dqx4vshc6l] {
        gap: var(--space-4);
    }

    .academic-page-header[b-dqx4vshc6l] {
        display: grid;
        align-items: stretch;
        gap: var(--space-4);
    }

    .academic-page-header__actions[b-dqx4vshc6l] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .academic-page-header__actions[b-dqx4vshc6l]  .academic-action {
        width: 100%;
        min-height: 44px;
    }

    .academic-kpi-grid[b-dqx4vshc6l] {
        grid-template-columns: 1fr;
    }

    .academic-kpi-grid[b-dqx4vshc6l]  .portal-kpi-card:last-child {
        grid-column: auto;
    }

    .academic-history-card[b-dqx4vshc6l] {
        padding: var(--space-4);
    }

    .academic-history-card__header[b-dqx4vshc6l] {
        margin-bottom: var(--space-4);
    }

    .academic-table-region[b-dqx4vshc6l] {
        display: none;
    }

    .academic-mobile-courses[b-dqx4vshc6l] {
        display: grid;
        gap: var(--space-3);
    }

    .academic-state[b-dqx4vshc6l] {
        flex-direction: column;
        text-align: center;
    }

    .academic-state[b-dqx4vshc6l]  .mud-button-root {
        margin-left: 0;
    }
}

@media (max-width: 520px) {
    .academic-page-header h1[b-dqx4vshc6l] {
        font-size: 1.4rem;
    }

    .academic-page-header__actions[b-dqx4vshc6l] {
        grid-template-columns: 1fr;
    }

    .academic-semester__header[b-dqx4vshc6l] {
        padding: var(--space-3);
    }

    .academic-semester__identity[b-dqx4vshc6l] {
        display: grid;
        gap: var(--space-1);
    }

    .academic-semester__summary[b-dqx4vshc6l] {
        display: grid;
        gap: var(--space-1);
    }

    .academic-semester__summary > span + span[b-dqx4vshc6l]::before {
        display: none;
    }

    .academic-filter-chips[b-dqx4vshc6l] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .academic-filter-chip[b-dqx4vshc6l] {
        justify-content: center;
        text-align: center;
    }

    .academic-mobile-course__metrics[b-dqx4vshc6l],
    .academic-mobile-course__details[b-dqx4vshc6l] {
        grid-template-columns: 1fr;
    }

    .academic-mobile-course__details-wide[b-dqx4vshc6l] {
        grid-column: auto;
    }

    .academic-mobile-course__footer[b-dqx4vshc6l] {
        align-items: flex-start;
        flex-direction: column;
    }

    .academic-mobile-course__footer > div[b-dqx4vshc6l] {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .academic-kpi-skeleton > span[b-dqx4vshc6l],
    .academic-kpi-skeleton i[b-dqx4vshc6l],
    .academic-kpi-skeleton b[b-dqx4vshc6l],
    .academic-skeleton-line[b-dqx4vshc6l],
    .academic-skeleton-table[b-dqx4vshc6l],
    .academic-skeleton-row[b-dqx4vshc6l] {
        animation: none;
    }

    .academic-semester__header[b-dqx4vshc6l],
    .academic-course-table tbody tr[b-dqx4vshc6l],
    .academic-page-header__actions[b-dqx4vshc6l]  .academic-action {
        transition: none;
    }
}
/* /Pages/Career.razor.rz.scp.css */
.portal-career-page[b-tsim22a7xx] {
    gap: 0.78rem;
}

.portal-career-hero[b-tsim22a7xx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    background:
        radial-gradient(circle at 12% 0%, hsla(var(--brand-h, 224), 76%, 48%, 0.14), transparent 32%),
        radial-gradient(circle at 92% 10%, hsla(var(--brand-accent-h, 37), 49%, 48%, 0.16), transparent 30%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(244, 248, 255, 0.94));
}

.portal-career-hero__copy[b-tsim22a7xx] {
    display: grid;
    gap: 0.55rem;
}

.portal-career-hero__copy p[b-tsim22a7xx] {
    max-width: 72ch;
    margin: 0;
    color: var(--portal-muted);
    font-size: 0.88rem;
}

.portal-career-score[b-tsim22a7xx] {
    display: grid;
    justify-items: center;
    gap: 0.35rem;
    min-width: 10rem;
    padding: 0.75rem;
    border: 1px solid hsla(var(--brand-h, 224), 76%, 48%, 0.1);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 18px 38px hsla(var(--brand-h, 221), 75%, 31%, 0.1);
}

.portal-career-score__ring[b-tsim22a7xx] {
    --score-angle: calc(var(--career-score) * 3.6deg);
    width: 5.8rem;
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background:
        radial-gradient(circle at center, #fff 0 58%, transparent 59%),
        conic-gradient(var(--portal-accent) var(--score-angle), hsla(var(--brand-h, 224), 76%, 48%, 0.12) 0);
    box-shadow: inset 0 0 0 1px hsla(var(--brand-h, 224), 76%, 48%, 0.08), 0 16px 30px hsla(var(--brand-h, 224), 76%, 48%, 0.15);
}

.portal-career-score__ring span[b-tsim22a7xx] {
    color: var(--portal-ink);
    font-size: 1.45rem;
    font-weight: 900;
}

.portal-career-score strong[b-tsim22a7xx],
.portal-career-score small[b-tsim22a7xx] {
    text-align: center;
}

.portal-career-score small[b-tsim22a7xx] {
    color: var(--portal-muted);
}

.portal-career-metrics[b-tsim22a7xx] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.7rem;
}

.portal-career-roadmap[b-tsim22a7xx] {
    margin-top: 0.72rem;
}

.portal-career-roadmap-grid[b-tsim22a7xx] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.62rem;
}

.portal-career-roadmap-card[b-tsim22a7xx] {
    min-height: 7.8rem;
    padding: 0.82rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(246, 249, 255, 0.92));
    box-shadow: 0 14px 30px hsla(var(--brand-h, 218), 60%, 16%, 0.07);
}

.portal-career-roadmap-card span[b-tsim22a7xx],
.portal-career-roadmap-card em[b-tsim22a7xx],
.portal-career-roadmap-card small[b-tsim22a7xx] {
    color: var(--portal-muted);
    font-size: 0.72rem;
}

.portal-career-roadmap-card strong[b-tsim22a7xx] {
    display: block;
    margin-top: 0.35rem;
    color: var(--portal-ink);
}

.portal-career-roadmap-card p[b-tsim22a7xx] {
    margin: 0.45rem 0;
    color: var(--portal-muted);
    font-size: 0.82rem;
}

.portal-career-roadmap-card div[b-tsim22a7xx] {
    display: flex;
    justify-content: space-between;
}

.portal-metric-card[b-tsim22a7xx] {
    display: grid;
    gap: 0.26rem;
    min-width: 0;
    padding: 0.82rem 0.9rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 249, 255, 0.96));
    box-shadow: 0 14px 30px hsla(var(--brand-h, 218), 60%, 16%, 0.07);
}

.portal-metric-card span[b-tsim22a7xx] {
    color: var(--portal-muted);
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.portal-metric-card strong[b-tsim22a7xx] {
    color: var(--portal-ink);
    font-size: 1.32rem;
    font-weight: 900;
}

.portal-metric-card small[b-tsim22a7xx] {
    color: var(--portal-muted);
    font-size: 0.78rem;
}

.portal-career-layout[b-tsim22a7xx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.36fr);
    gap: 0.78rem;
    align-items: start;
}

.portal-career-main[b-tsim22a7xx],
.portal-career-rail[b-tsim22a7xx],
.portal-career-action-list[b-tsim22a7xx],
.portal-career-opportunity-list[b-tsim22a7xx],
.portal-career-mentor-list[b-tsim22a7xx],
.portal-career-experience-list[b-tsim22a7xx] {
    display: grid;
    gap: 0.78rem;
}

.portal-career-section-head[b-tsim22a7xx] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 0.72rem;
}

.portal-career-section-head span[b-tsim22a7xx] {
    display: block;
    color: var(--portal-muted);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.portal-career-section-head h2[b-tsim22a7xx] {
    margin: 0.12rem 0 0;
    color: var(--portal-ink);
    font-size: 1.02rem;
    font-weight: 850;
}

.portal-career-section-head--rail[b-tsim22a7xx] {
    margin-bottom: 0.58rem;
}

.portal-career-form-grid[b-tsim22a7xx],
.portal-career-add-experience[b-tsim22a7xx] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
}

.portal-career-form-grid__wide[b-tsim22a7xx],
.portal-career-add-experience__wide[b-tsim22a7xx] {
    grid-column: 1 / -1;
}

.portal-career-check[b-tsim22a7xx] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 3rem;
    padding: 0.58rem 0.75rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.1);
    border-radius: 14px;
    background: rgba(248, 250, 252, 0.8);
    color: var(--portal-text);
    font-weight: 800;
}

.portal-career-check input[b-tsim22a7xx] {
    accent-color: var(--portal-accent);
}

.portal-career-sharing[b-tsim22a7xx] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.48rem;
    padding: 0.62rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.76);
}

.portal-career-sharing label[b-tsim22a7xx] {
    display: flex;
    align-items: center;
    gap: 0.38rem;
    color: var(--portal-muted);
    font-size: 0.82rem;
}

.portal-career-cv[b-tsim22a7xx] {
    display: grid;
    gap: 0.32rem;
    min-height: 3rem;
    padding: 0.58rem 0.75rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.1);
    border-radius: 14px;
    background: rgba(248, 250, 252, 0.84);
}

.portal-career-cv span[b-tsim22a7xx] {
    color: var(--portal-muted);
    font-size: 0.7rem;
    font-weight: 900;
    text-transform: uppercase;
}

.portal-career-cv strong[b-tsim22a7xx] {
    color: var(--portal-ink);
    font-size: 0.82rem;
    overflow-wrap: anywhere;
}

.portal-career-cv a[b-tsim22a7xx] {
    color: var(--portal-accent);
    font-size: 0.78rem;
    font-weight: 850;
    text-decoration: none;
}

.portal-career-skills[b-tsim22a7xx] {
    display: grid;
    gap: 0.65rem;
    margin-top: 0.8rem;
}

.portal-career-skills__input[b-tsim22a7xx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.55rem;
    align-items: end;
}

.portal-career-chip-row[b-tsim22a7xx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
}

.portal-career-chip[b-tsim22a7xx] {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    min-height: 2rem;
    padding: 0.25rem 0.58rem;
    border: 1px solid hsla(var(--brand-h, 224), 76%, 48%, 0.12);
    border-radius: 999px;
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.08);
    color: hsl(var(--brand-h, 214), 70%, 26%);
    font-size: 0.78rem;
    font-weight: 850;
    cursor: pointer;
}

.portal-career-competency-grid[b-tsim22a7xx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.portal-career-competency[b-tsim22a7xx],
.portal-career-action[b-tsim22a7xx],
.portal-career-opportunity[b-tsim22a7xx],
.portal-career-mentor[b-tsim22a7xx],
.portal-career-experience-card[b-tsim22a7xx] {
    display: grid;
    gap: 0.55rem;
    padding: 0.78rem;
    border: 1px solid hsla(var(--brand-h, 218), 60%, 16%, 0.08);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 253, 0.94));
}

.portal-career-competency__head[b-tsim22a7xx],
.portal-career-opportunity__top[b-tsim22a7xx],
.portal-career-experience-card[b-tsim22a7xx] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.7rem;
}

.portal-career-competency__head div[b-tsim22a7xx] {
    display: grid;
    gap: 0.18rem;
}

.portal-career-competency strong[b-tsim22a7xx],
.portal-career-opportunity strong[b-tsim22a7xx],
.portal-career-mentor strong[b-tsim22a7xx],
.portal-career-action strong[b-tsim22a7xx],
.portal-career-experience-card strong[b-tsim22a7xx] {
    color: var(--portal-ink);
    font-weight: 900;
}

.portal-career-competency span[b-tsim22a7xx],
.portal-career-opportunity small[b-tsim22a7xx],
.portal-career-mentor span[b-tsim22a7xx],
.portal-career-experience-card small[b-tsim22a7xx],
.portal-career-experience-card span[b-tsim22a7xx] {
    color: var(--portal-muted);
    font-size: 0.78rem;
}

.portal-career-competency em[b-tsim22a7xx],
.portal-career-opportunity__top span[b-tsim22a7xx] {
    flex: 0 0 auto;
    padding: 0.24rem 0.48rem;
    border-radius: 999px;
    background: rgba(19, 132, 95, 0.1);
    color: #0f5f55;
    font-style: normal;
    font-weight: 900;
    font-size: 0.76rem;
}

.portal-career-competency input[type="range"][b-tsim22a7xx] {
    width: 100%;
    accent-color: var(--portal-accent);
}

.portal-career-experience-card p[b-tsim22a7xx],
.portal-career-opportunity p[b-tsim22a7xx],
.portal-career-mentor p[b-tsim22a7xx],
.portal-career-action p[b-tsim22a7xx] {
    margin: 0;
    color: var(--portal-muted);
    font-size: 0.82rem;
}

.portal-career-experience-card > div[b-tsim22a7xx] {
    display: grid;
    gap: 0.18rem;
}

.portal-career-action span[b-tsim22a7xx] {
    justify-self: start;
    padding: 0.22rem 0.48rem;
    border-radius: 999px;
    background: hsla(var(--brand-accent-h, 37), 49%, 48%, 0.13);
    color: #7c5311;
    font-size: 0.68rem;
    font-weight: 900;
    text-transform: uppercase;
}

.portal-career-action__top[b-tsim22a7xx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
}

.portal-career-action__top label[b-tsim22a7xx] {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    color: hsl(var(--brand-h, 214), 70%, 26%);
    font-size: 0.72rem;
    font-weight: 850;
}

.portal-career-action__top input[b-tsim22a7xx] {
    accent-color: var(--portal-accent);
}

.portal-career-action small[b-tsim22a7xx],
.portal-career-action em[b-tsim22a7xx] {
    color: var(--portal-muted);
    font-size: 0.74rem;
    font-style: normal;
}

.portal-career-opportunity em[b-tsim22a7xx] {
    color: #7c5311;
    font-style: normal;
    font-size: 0.76rem;
    font-weight: 850;
}

.portal-career-outcomes[b-tsim22a7xx] {
    display: grid;
    gap: 0.56rem;
}

@media (max-width: 1180px) {
    .portal-career-layout[b-tsim22a7xx],
    .portal-career-hero[b-tsim22a7xx] {
        grid-template-columns: 1fr;
    }

    .portal-career-roadmap-grid[b-tsim22a7xx] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .portal-career-score[b-tsim22a7xx] {
        justify-self: stretch;
    }
}

@media (max-width: 860px) {
    .portal-career-metrics[b-tsim22a7xx],
    .portal-career-roadmap-grid[b-tsim22a7xx],
    .portal-career-sharing[b-tsim22a7xx],
    .portal-career-competency-grid[b-tsim22a7xx],
    .portal-career-form-grid[b-tsim22a7xx],
    .portal-career-add-experience[b-tsim22a7xx] {
        grid-template-columns: 1fr;
    }

    .portal-career-skills__input[b-tsim22a7xx] {
        grid-template-columns: 1fr;
    }

    .portal-career-section-head[b-tsim22a7xx],
    .portal-career-competency__head[b-tsim22a7xx],
    .portal-career-opportunity__top[b-tsim22a7xx],
    .portal-career-experience-card[b-tsim22a7xx] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Pages/Correspondence.razor.rz.scp.css */
.portal-mail-page[b-w3gkv27w0c] {
    gap: 0.72rem;
}

.portal-mail-insight-grid[b-w3gkv27w0c] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.72rem;
    margin-top: 0.8rem;
}

.portal-mail-insight[b-w3gkv27w0c],
.portal-mail-ai[b-w3gkv27w0c] {
    position: relative;
    overflow: hidden;
    border: 1px solid hsla(var(--brand-accent-h, 42), 44%, 55%, 0.24);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.93), rgba(248, 245, 239, 0.74));
    box-shadow: 0 16px 34px hsla(var(--brand-h, 222), 37%, 19%, 0.08);
}

.portal-mail-insight[b-w3gkv27w0c]::before,
.portal-mail-ai[b-w3gkv27w0c]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: linear-gradient(180deg, hsl(var(--brand-accent-h, 43), 50%, 57%), hsl(var(--brand-h, 219), 35%, 57%));
}

.portal-mail-insight[b-w3gkv27w0c] {
    display: grid;
    gap: 0.48rem;
    padding: 0.76rem 0.82rem;
}

.portal-mail-ai[b-w3gkv27w0c] {
    display: grid;
    gap: 0.56rem;
    margin-top: 0.72rem;
    padding: 0.78rem 0.86rem;
}

.portal-mail-insight__head[b-w3gkv27w0c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.58rem;
}

.portal-mail-insight__head span[b-w3gkv27w0c] {
    color: hsl(var(--brand-h, 221), 48%, 23%);
    font-size: 0.78rem;
    font-weight: 900;
}

.portal-mail-insight__head strong[b-w3gkv27w0c] {
    min-width: 1.7rem;
    border-radius: 999px;
    background: hsla(var(--brand-h, 221), 55%, 19%, 0.08);
    color: hsl(var(--brand-h, 221), 48%, 23%);
    font-size: 0.72rem;
    font-weight: 900;
    line-height: 1.55rem;
    text-align: center;
}

.portal-mail-insight__event[b-w3gkv27w0c] {
    display: grid;
    gap: 0.14rem;
    padding: 0.5rem 0.56rem;
    border: 1px solid hsla(var(--brand-h, 221), 48%, 23%, 0.08);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.72);
}

.portal-mail-insight__event small[b-w3gkv27w0c] {
    color: hsl(var(--brand-h, 220), 15%, 53%);
    font-size: 0.64rem;
    font-weight: 800;
}

.portal-mail-insight__event strong[b-w3gkv27w0c] {
    color: hsl(var(--brand-h, 221), 48%, 23%);
    font-size: 0.72rem;
    line-height: 1.25;
}

.portal-mail-insight__event p[b-w3gkv27w0c],
.portal-mail-ai p[b-w3gkv27w0c] {
    margin: 0;
    color: hsl(var(--brand-h, 217), 16%, 44%);
    font-size: 0.7rem;
    line-height: 1.42;
}

.portal-mail-ai__reply[b-w3gkv27w0c] {
    max-height: 12rem;
    overflow: auto;
    padding: 0.62rem 0.68rem;
    border: 1px solid hsla(var(--brand-h, 219), 35%, 57%, 0.16);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.78);
    color: hsl(var(--brand-h, 220), 33%, 28%);
    font-size: 0.72rem;
    line-height: 1.48;
}

@media (max-width: 920px) {
    .portal-mail-insight-grid[b-w3gkv27w0c] {
        grid-template-columns: 1fr;
    }
}

.portal-mail-mobile-hero[b-w3gkv27w0c],
.portal-mail-mobile-filters[b-w3gkv27w0c],
.portal-mail-mobile-list-panel[b-w3gkv27w0c] {
    display: none;
}

.portal-mail-mobile-hero[b-w3gkv27w0c] {
    gap: 0.78rem;
}

.portal-mail-mobile-hero__top[b-w3gkv27w0c] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.72rem;
}

.portal-mail-mobile-hero__badge[b-w3gkv27w0c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.35rem;
    min-height: 2.35rem;
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.08);
    color: hsl(var(--brand-h, 223), 69%, 45%);
    font-size: 0.82rem;
    font-weight: 900;
}

.portal-mail-mobile-mode-switch[b-w3gkv27w0c] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.38rem;
    padding: 0.24rem;
    border-radius: 24px;
    background: hsla(var(--brand-h, 216), 60%, 17%, 0.04);
    border: 1px solid hsla(var(--brand-h, 216), 60%, 17%, 0.06);
}

.portal-mail-mobile-mode-switch__button[b-w3gkv27w0c],
.portal-mail-mobile-hero__action[b-w3gkv27w0c] {
    min-height: 2.2rem !important;
    border-radius: 999px !important;
    justify-content: center !important;
    font-size: 0.78rem !important;
    font-weight: 800 !important;
}

.portal-mail-mobile-hero__actions[b-w3gkv27w0c] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.42rem;
}

.portal-mail-mobile-filters[b-w3gkv27w0c] {
    display: none;
    gap: 0.72rem;
}

.portal-mail-mobile-filters__head[b-w3gkv27w0c] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
}

.portal-mail-mobile-filters__title[b-w3gkv27w0c] {
    color: hsl(var(--brand-h, 219), 60%, 23%);
    font-size: 0.86rem;
    font-weight: 900;
}

.portal-mail-mobile-filters__grid[b-w3gkv27w0c],
.portal-mail-mobile-filters__pager[b-w3gkv27w0c],
.portal-mail-mobile-filters__actions[b-w3gkv27w0c] {
    display: grid;
    gap: 0.62rem;
}

.portal-mail-mobile-filters__pager-actions[b-w3gkv27w0c] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.42rem;
}

.portal-mail-strip[b-w3gkv27w0c],
.portal-mail-controls[b-w3gkv27w0c],
.portal-mail-list-panel[b-w3gkv27w0c],
.portal-mail-detail-panel[b-w3gkv27w0c] {
    overflow: hidden;
}

.portal-mail-strip[b-w3gkv27w0c] {
    position: relative;
    padding: 0.82rem;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-h, 221), 100%, 91%, 0.22), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 249, 255, 0.96));
}

.portal-mail-strip[b-w3gkv27w0c]::after {
    content: "";
    position: absolute;
    inset: auto -4rem -4rem auto;
    width: 11rem;
    height: 11rem;
    border-radius: 999px;
    background: radial-gradient(circle, hsla(var(--brand-h, 224), 66%, 49%, 0.08), transparent 72%);
    pointer-events: none;
}

.portal-mail-strip__top[b-w3gkv27w0c],
.portal-mail-strip__actions[b-w3gkv27w0c],
.portal-mail-controls__bar[b-w3gkv27w0c],
.portal-mail-controls__pager[b-w3gkv27w0c],
.portal-mail-controls__actions[b-w3gkv27w0c],
.portal-mail-detail__actions[b-w3gkv27w0c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.62rem;
}

.portal-mail-strip__top[b-w3gkv27w0c],
.portal-mail-strip__actions[b-w3gkv27w0c],
.portal-mail-controls__bar[b-w3gkv27w0c] {
    flex-wrap: wrap;
}

.portal-mail-strip__actions[b-w3gkv27w0c],
.portal-mail-controls__actions[b-w3gkv27w0c] {
    justify-content: flex-end;
}

.portal-mail-mode-switch[b-w3gkv27w0c] {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    padding: 0.2rem;
    border-radius: 999px;
    background: hsla(var(--brand-h, 216), 60%, 17%, 0.04);
    border: 1px solid hsla(var(--brand-h, 216), 60%, 17%, 0.06);
}

.portal-mail-mobile-filter-toggle[b-w3gkv27w0c] {
    display: none;
}

.portal-mail-mode-switch__button[b-w3gkv27w0c] {
    min-height: 2.15rem;
    border-radius: 999px !important;
    padding-inline: 0.9rem !important;
    font-size: 0.78rem !important;
    font-weight: 800 !important;
}

.portal-mail-controls__actions[b-w3gkv27w0c]  .mud-button-root,
.portal-mail-controls__pager[b-w3gkv27w0c]  .mud-button-root,
.portal-mail-detail__actions[b-w3gkv27w0c]  .mud-button-root {
    min-height: 2.12rem;
    border-radius: 999px;
    padding-inline: 0.88rem;
}

.portal-mail-detail__meta-item[b-w3gkv27w0c] {
    padding: 0.72rem 0.8rem;
    border-radius: 18px;
    border: 1px solid hsla(var(--brand-h, 220), 64%, 34%, 0.08);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 249, 255, 0.96));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.portal-mail-section-head__eyebrow[b-w3gkv27w0c],
.portal-mail-detail__eyebrow[b-w3gkv27w0c],
.portal-mail-detail__meta-item span[b-w3gkv27w0c],
.portal-mail-detail__attachments-head[b-w3gkv27w0c] {
    display: block;
    color: hsl(var(--brand-h, 218), 21%, 56%);
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.portal-mail-section-head__title[b-w3gkv27w0c],
.portal-mail-detail__title[b-w3gkv27w0c],
.portal-mail-detail__meta-item strong[b-w3gkv27w0c] {
    color: var(--portal-ink);
    font-weight: 900;
}

.portal-mail-controls[b-w3gkv27w0c] {
    display: grid;
    gap: 0.7rem;
    padding: 0.82rem;
}

.portal-mail-controls__mode-row[b-w3gkv27w0c] {
    display: flex;
    justify-content: flex-start;
}

.portal-mail-controls__mobile-head[b-w3gkv27w0c],
.portal-mail-mobile-list[b-w3gkv27w0c] {
    display: none;
}

.portal-mail-controls__filters[b-w3gkv27w0c] {
    gap: 0.62rem;
}

.portal-mail-filter[b-w3gkv27w0c] {
    min-width: 0;
}

.portal-mail-page-size[b-w3gkv27w0c] {
    min-width: 7.8rem;
}

.portal-mail-controls__page-status[b-w3gkv27w0c] {
    display: inline-flex;
    align-items: center;
    min-height: 2.05rem;
    padding: 0 0.74rem;
    border-radius: 999px;
    border: 1px solid hsla(var(--brand-h, 217), 51%, 15%, 0.06);
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(244,248,255,0.96));
    color: hsl(var(--brand-h, 217), 21%, 47%);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.portal-mail-shell[b-w3gkv27w0c] {
    display: grid;
    grid-template-columns: minmax(320px, 0.92fr) minmax(0, 1.08fr);
    gap: 0.72rem;
    min-height: 0;
}

.portal-mail-list-panel[b-w3gkv27w0c],
.portal-mail-detail-panel[b-w3gkv27w0c] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding: 0.82rem !important;
}

.portal-mail-section-head[b-w3gkv27w0c] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.56rem;
}

.portal-mail-section-head__actions[b-w3gkv27w0c] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.portal-mail-section-head__button[b-w3gkv27w0c] {
    min-height: 2.08rem !important;
    border-radius: 999px !important;
    padding-inline: 0.88rem !important;
    font-size: 0.74rem !important;
    font-weight: 800 !important;
}

.portal-mail-section-head__title[b-w3gkv27w0c] {
    margin-top: 0.14rem;
    font-size: 0.98rem;
    letter-spacing: -0.03em;
}

.portal-mail-section-head__badge[b-w3gkv27w0c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.2rem;
    min-height: 1.82rem;
    padding: 0.24rem 0.62rem;
    border-radius: 999px;
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.08);
    color: hsl(var(--brand-h, 223), 69%, 45%);
    font-size: 0.72rem;
    font-weight: 800;
    white-space: nowrap;
}

.portal-mail-loading[b-w3gkv27w0c],
.portal-mail-list[b-w3gkv27w0c],
.portal-mail-detail[b-w3gkv27w0c] {
    min-height: 0;
}

.portal-mail-list[b-w3gkv27w0c] {
    display: grid;
    gap: 0.42rem;
    max-height: 70vh;
    overflow: auto;
    padding-right: 0.18rem;
}

.portal-mail-list-row[b-w3gkv27w0c] {
    position: relative;
    width: 100%;
    min-height: 5.2rem;
    padding: 0.62rem 0.88rem 0.62rem 2.7rem;
    border-radius: 18px;
    border: 1px solid hsla(var(--brand-h, 216), 60%, 17%, 0.05);
    background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(247,250,255,0.92));
    text-align: left;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.portal-mail-list-row:hover[b-w3gkv27w0c],
.portal-mail-list-row:focus-visible[b-w3gkv27w0c] {
    border-color: hsla(var(--brand-h, 220), 67%, 44%, 0.15);
    box-shadow: 0 12px 24px hsla(var(--brand-h, 219), 65%, 25%, 0.06);
}

.portal-mail-list-row--active[b-w3gkv27w0c] {
    border-color: hsla(var(--brand-h, 220), 67%, 44%, 0.22);
    background:
        radial-gradient(circle at top right, hsla(var(--brand-h, 217), 100%, 86%, 0.28), transparent 42%),
        linear-gradient(180deg, rgba(239,245,255,0.99), hsla(var(--brand-h, 219), 100%, 95%, 0.96));
    box-shadow:
        inset 3px 0 0 hsl(var(--brand-h, 221), 59%, 45%),
        0 14px 28px hsla(var(--brand-h, 219), 65%, 25%, 0.08);
}

.portal-mail-list-row--unread[b-w3gkv27w0c] {
    border-left: 3px solid hsla(var(--brand-h, 220), 68%, 46%, 0.88);
    padding-left: calc(2.7rem - 3px);
}

.portal-mail-list-row__grid[b-w3gkv27w0c] {
    display: block;
    min-width: 0;
    width: 100%;
}

.portal-mail-list-row__index[b-w3gkv27w0c] {
    position: absolute;
    top: 0.82rem;
    left: 0.72rem;
    display: grid;
    place-items: center;
    width: 1.48rem;
    height: 1.48rem;
    border-radius: 999px;
    background: hsla(var(--brand-h, 220), 67%, 44%, 0.07);
    color: hsl(var(--brand-h, 220), 67%, 44%);
    font-size: 0.64rem;
    font-weight: 900;
}

.portal-mail-list-row--active .portal-mail-list-row__index[b-w3gkv27w0c] {
    background: linear-gradient(180deg, hsl(var(--brand-h, 221), 58%, 51%), hsl(var(--brand-h, 221), 62%, 41%));
    color: #fff;
}

.portal-mail-list-row__copy[b-w3gkv27w0c] {
    display: grid;
    gap: 0.22rem;
    grid-template-rows: auto auto auto;
    align-content: start;
    justify-items: start;
    justify-content: start;
    align-items: start;
    min-width: 0;
    width: 100%;
    text-align: left;
}

.portal-mail-list-row__head[b-w3gkv27w0c] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 8rem;
    align-items: start;
    justify-items: start;
    gap: 0.62rem;
    min-height: 1.2rem;
    width: 100%;
}

.portal-mail-list-row__title[b-w3gkv27w0c] {
    color: hsl(var(--brand-h, 219), 60%, 23%);
    font-size: 0.82rem;
    font-weight: 900;
    line-height: 1.22;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%;
    text-align: left;
}

.portal-mail-list-row__secondary[b-w3gkv27w0c],
.portal-mail-list-row__date[b-w3gkv27w0c],
.portal-mail-detail__subtitle[b-w3gkv27w0c],
.portal-mail-detail__date[b-w3gkv27w0c] {
    color: hsl(var(--brand-h, 217), 18%, 49%);
    font-size: 0.72rem;
    line-height: 1.46;
}

.portal-mail-list-row__secondary[b-w3gkv27w0c] {
    min-height: 1.02rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%;
    text-align: left;
}

.portal-mail-list-row__secondary--placeholder[b-w3gkv27w0c] {
    visibility: hidden;
}

.portal-mail-list-row__meta[b-w3gkv27w0c] {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.18rem;
    min-height: 1.22rem;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    mask-image: linear-gradient(90deg, #000 86%, transparent);
    -webkit-mask-image: linear-gradient(90deg, #000 86%, transparent);
}

.portal-mail-list-row__meta span[b-w3gkv27w0c],
.portal-mail-list-row__badge[b-w3gkv27w0c],
.portal-mail-detail__attachment[b-w3gkv27w0c] {
    display: inline-flex;
    align-items: center;
    min-height: 1.18rem;
    padding: 0.04rem 0.34rem;
    border-radius: 999px;
    background: hsla(var(--brand-h, 216), 58%, 18%, 0.045);
    color: hsl(var(--brand-h, 216), 19%, 46%);
    font-size: 0.58rem;
    font-weight: 800;
    flex: 0 0 auto;
}

.portal-mail-list-row__badge--accent[b-w3gkv27w0c],
.portal-mail-detail__attachment[b-w3gkv27w0c] {
    background: hsla(var(--brand-h, 219), 65%, 40%, 0.08);
    color: hsl(var(--brand-h, 219), 65%, 40%);
}

.portal-mail-list-row__badge--docflow[b-w3gkv27w0c],
.portal-mail-mobile-card__badge--docflow[b-w3gkv27w0c],
.portal-mail-detail__meta-item--docflow[b-w3gkv27w0c] {
    border: 1px solid rgba(23, 118, 129, 0.18);
    background: rgba(232, 247, 249, 0.92);
    color: #21636d;
}

.portal-mail-list-row__date[b-w3gkv27w0c] {
    position: absolute;
    top: 0.82rem;
    right: 0.88rem;
    text-align: right;
    justify-self: end;
    align-self: start;
    line-height: 1.22;
    white-space: nowrap;
}

.portal-mail-detail[b-w3gkv27w0c] {
    display: grid;
    gap: 0.62rem;
    max-height: 70vh;
    overflow: auto;
    padding-right: 0.18rem;
}

.portal-mail-detail__header[b-w3gkv27w0c],
.portal-mail-detail__meta[b-w3gkv27w0c],
.portal-mail-detail__attachments[b-w3gkv27w0c] {
    display: grid;
    gap: 0.52rem;
}

.portal-mail-detail__header[b-w3gkv27w0c] {
    padding: 0.78rem 0.86rem;
    border-radius: 20px;
    border: 1px solid hsla(var(--brand-h, 216), 60%, 17%, 0.06);
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(244,248,255,0.92));
}

.portal-mail-detail__title[b-w3gkv27w0c] {
    margin-top: 0.12rem;
    font-size: 1rem;
    line-height: 1.28;
}

.portal-mail-detail__meta[b-w3gkv27w0c] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.46rem;
}

.portal-mail-detail__meta-item strong[b-w3gkv27w0c] {
    display: block;
    margin-top: 0.18rem;
    font-size: 0.82rem;
    line-height: 1.42;
}

.portal-mail-detail__body[b-w3gkv27w0c] {
    padding: 0.82rem 0.9rem;
    border-radius: 20px;
    border: 1px solid hsla(var(--brand-h, 216), 60%, 17%, 0.06);
    background: rgba(255,255,255,0.92);
    color: hsl(var(--brand-h, 215), 31%, 27%);
    font-size: 0.82rem;
    line-height: 1.66;
}

.portal-mail-detail__attachment-list[b-w3gkv27w0c] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
}

.portal-mail-detail__attachment[b-w3gkv27w0c] {
    min-height: 1.92rem;
    padding: 0.24rem 0.66rem;
    font-size: 0.72rem;
    text-decoration: none;
}

.portal-mail-mobile-card[b-w3gkv27w0c] {
    display: grid;
    gap: 0.42rem;
    padding: 0.72rem 0.76rem;
    border-radius: 18px;
    border: 1px solid hsla(var(--brand-h, 216), 60%, 17%, 0.05);
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,250,255,0.94));
    text-align: left;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.portal-mail-mobile-card--active[b-w3gkv27w0c] {
    border-color: hsla(var(--brand-h, 220), 67%, 44%, 0.2);
    background:
        radial-gradient(circle at top right, hsla(var(--brand-h, 217), 100%, 86%, 0.26), transparent 44%),
        linear-gradient(180deg, rgba(240, 246, 255, 0.99), rgba(233, 241, 255, 0.96));
    box-shadow: 0 12px 24px hsla(var(--brand-h, 219), 65%, 25%, 0.06);
}

.portal-mail-mobile-card--unread[b-w3gkv27w0c] {
    border-left: 3px solid hsla(var(--brand-h, 220), 68%, 46%, 0.88);
    padding-left: calc(0.76rem - 3px);
}

.portal-mail-mobile-card__top[b-w3gkv27w0c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.44rem;
}

.portal-mail-mobile-card__index[b-w3gkv27w0c],
.portal-mail-mobile-card__date[b-w3gkv27w0c],
.portal-mail-mobile-card__meta span[b-w3gkv27w0c],
.portal-mail-mobile-card__badge[b-w3gkv27w0c] {
    display: inline-flex;
    align-items: center;
    min-height: 1.2rem;
    padding: 0.04rem 0.34rem;
    border-radius: 999px;
    background: hsla(var(--brand-h, 216), 58%, 18%, 0.045);
    color: hsl(var(--brand-h, 216), 19%, 46%);
    font-size: 0.58rem;
    font-weight: 800;
}

.portal-mail-mobile-card__index[b-w3gkv27w0c] {
    background: hsla(var(--brand-h, 220), 67%, 44%, 0.08);
    color: hsl(var(--brand-h, 220), 67%, 44%);
}

.portal-mail-mobile-card__date[b-w3gkv27w0c] {
    background: transparent;
    padding: 0;
}

.portal-mail-mobile-card__title[b-w3gkv27w0c] {
    color: hsl(var(--brand-h, 219), 60%, 23%);
    font-size: 0.82rem;
    font-weight: 900;
    line-height: 1.28;
}

.portal-mail-mobile-card__subtitle[b-w3gkv27w0c] {
    color: hsl(var(--brand-h, 217), 18%, 49%);
    font-size: 0.7rem;
    line-height: 1.42;
}

.portal-mail-mobile-card__meta[b-w3gkv27w0c] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.22rem;
}

.portal-mail-mobile-card__actions[b-w3gkv27w0c] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
    margin-top: 0.06rem;
}

.portal-mail-mobile-card__action[b-w3gkv27w0c] {
    min-height: 2rem !important;
    border-radius: 999px !important;
    padding-inline: 0.82rem !important;
    font-size: 0.72rem !important;
    font-weight: 800 !important;
}

.portal-mail-mobile-card__badge--accent[b-w3gkv27w0c] {
    background: hsla(var(--brand-h, 219), 65%, 40%, 0.08);
    color: hsl(var(--brand-h, 219), 65%, 40%);
}

.portal-mail-list[b-w3gkv27w0c]::-webkit-scrollbar,
.portal-mail-detail[b-w3gkv27w0c]::-webkit-scrollbar {
    width: 8px;
}

.portal-mail-list[b-w3gkv27w0c]::-webkit-scrollbar-thumb,
.portal-mail-detail[b-w3gkv27w0c]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: hsla(var(--brand-h, 222), 55%, 48%, 0.22);
}

@media (max-width: 1280px) {
    .portal-mail-controls__filters[b-w3gkv27w0c] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 960px) {
    .portal-mail-mobile-hero[b-w3gkv27w0c],
    .portal-mail-mobile-list-panel[b-w3gkv27w0c] {
        display: grid;
    }

    .portal-mail-mobile-filters[b-w3gkv27w0c] {
        display: grid;
    }

    .portal-mail-shell[b-w3gkv27w0c] {
        grid-template-columns: 1fr;
    }

    .portal-mail-detail-panel[b-w3gkv27w0c] {
        display: none;
    }

    .portal-mail-list--desktop[b-w3gkv27w0c] {
        display: none;
    }

    .portal-mail-mobile-list[b-w3gkv27w0c] {
        display: grid;
        gap: 0.38rem;
    }
}

@media (max-width: 720px) {
    .portal-mail-mobile-hero[b-w3gkv27w0c],
    .portal-mail-mobile-filters[b-w3gkv27w0c],
    .portal-mail-mobile-list-panel[b-w3gkv27w0c] {
        border-radius: 22px;
        padding: 0.76rem !important;
    }

    .portal-mail-mobile-hero__top[b-w3gkv27w0c] {
        gap: 0.56rem;
    }

    .portal-mail-mobile-hero__badge[b-w3gkv27w0c] {
        min-width: 2.1rem;
        min-height: 2.1rem;
        font-size: 0.76rem;
    }

    .portal-mail-mobile-hero__actions[b-w3gkv27w0c],
    .portal-mail-mobile-filters__pager-actions[b-w3gkv27w0c] {
        grid-template-columns: 1fr;
    }

    .portal-mail-mobile-mode-switch[b-w3gkv27w0c] {
        width: fit-content;
        max-width: 100%;
    }

    .portal-mail-mobile-mode-switch__button[b-w3gkv27w0c],
    .portal-mail-mobile-hero__action[b-w3gkv27w0c] {
        width: 100%;
    }

    .portal-mail-controls__filters[b-w3gkv27w0c],
    .portal-mail-detail__meta[b-w3gkv27w0c] {
        grid-template-columns: 1fr;
    }

    .portal-mail-strip__top[b-w3gkv27w0c],
    .portal-mail-controls__bar[b-w3gkv27w0c],
    .portal-mail-controls__pager[b-w3gkv27w0c],
    .portal-mail-controls__actions[b-w3gkv27w0c] {
        align-items: stretch;
        flex-direction: column;
    }

    .portal-mail-strip__actions[b-w3gkv27w0c] {
        display: grid;
        gap: 0.56rem;
        width: 100%;
        justify-content: stretch;
    }

    .portal-mail-list-row__grid[b-w3gkv27w0c] {
        grid-template-columns: 1.48rem minmax(0, 1fr);
    }

    .portal-mail-list-row__date[b-w3gkv27w0c] {
        grid-column: 2;
        justify-self: start;
        text-align: left;
        width: auto;
    }

    .portal-mail-mobile-filter-toggle[b-w3gkv27w0c] {
        display: inline-flex;
    }

    .portal-mail-mode-switch[b-w3gkv27w0c] {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.32rem;
        padding: 0.24rem;
    }

    .portal-mail-mode-switch__button[b-w3gkv27w0c] {
        width: 100%;
        min-width: 0;
        justify-content: center !important;
    }

    .portal-mail-controls__mobile-head[b-w3gkv27w0c] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
    }

    .portal-mail-controls__mobile-title[b-w3gkv27w0c] {
        color: hsl(var(--brand-h, 219), 60%, 23%);
        font-size: 0.84rem;
        font-weight: 900;
    }

    .portal-mail-controls[b-w3gkv27w0c] {
        padding: 0.72rem;
        border-radius: 22px;
    }

    .portal-mail-section-head[b-w3gkv27w0c] {
        align-items: stretch;
        flex-direction: column;
    }

    .portal-mail-section-head__actions[b-w3gkv27w0c] {
        width: 100%;
        justify-content: stretch;
    }

    .portal-mail-section-head__button[b-w3gkv27w0c] {
        width: 100%;
        justify-content: center !important;
    }

    .portal-mail-controls__mode-row[b-w3gkv27w0c] {
        width: 100%;
    }

    .portal-mail-controls__pager[b-w3gkv27w0c],
    .portal-mail-controls__actions[b-w3gkv27w0c] {
        width: 100%;
    }

    .portal-mail-controls__actions[b-w3gkv27w0c]  .mud-button-root,
    .portal-mail-controls__pager[b-w3gkv27w0c]  .mud-button-root {
        width: 100%;
        justify-content: center;
    }

    .portal-mail-page-size[b-w3gkv27w0c] {
        min-width: 100%;
    }

    .portal-mail-list-row[b-w3gkv27w0c] {
        min-height: 0;
        padding: 0.56rem 0.62rem;
        border-radius: 16px;
    }

    .portal-mail-list-row__grid[b-w3gkv27w0c] {
        gap: 0.28rem 0.54rem;
        align-items: start;
    }

    .portal-mail-list-row__copy[b-w3gkv27w0c] {
        display: flex;
        flex-direction: column;
        gap: 0.18rem;
        grid-template-rows: none;
        min-height: 0;
    }

    .portal-mail-list-row__title[b-w3gkv27w0c] {
        font-size: 0.76rem;
        line-height: 1.26;
        -webkit-line-clamp: 2;
    }

    .portal-mail-list-row__secondary[b-w3gkv27w0c],
    .portal-mail-list-row__date[b-w3gkv27w0c] {
        font-size: 0.66rem;
    }

    .portal-mail-list-row__secondary[b-w3gkv27w0c] {
        min-height: 0;
        line-height: 1.28;
    }

    .portal-mail-list-row__meta[b-w3gkv27w0c] {
        flex-wrap: wrap;
        gap: 0.22rem;
        min-height: 0;
        white-space: normal;
        mask-image: none;
        -webkit-mask-image: none;
        overflow: visible;
    }

    .portal-mail-list-row__meta span[b-w3gkv27w0c],
    .portal-mail-list-row__badge[b-w3gkv27w0c] {
        min-height: 1.06rem;
        padding: 0.03rem 0.3rem;
        font-size: 0.54rem;
        line-height: 1.1;
    }

    .portal-mail-mobile-card[b-w3gkv27w0c] {
        gap: 0.34rem;
        padding: 0.66rem 0.68rem;
        border-radius: 16px;
    }

    .portal-mail-mobile-card__title[b-w3gkv27w0c] {
        font-size: 0.76rem;
    }

    .portal-mail-mobile-card__subtitle[b-w3gkv27w0c] {
        font-size: 0.66rem;
    }

    .portal-mail-mobile-card__index[b-w3gkv27w0c],
    .portal-mail-mobile-card__date[b-w3gkv27w0c],
    .portal-mail-mobile-card__meta span[b-w3gkv27w0c],
    .portal-mail-mobile-card__badge[b-w3gkv27w0c] {
        min-height: 1.08rem;
        padding: 0.03rem 0.3rem;
        font-size: 0.54rem;
        line-height: 1.1;
    }

    .portal-mail-mobile-card__actions[b-w3gkv27w0c] {
        flex-direction: column;
        gap: 0.34rem;
    }

    .portal-mail-mobile-card__action[b-w3gkv27w0c] {
        width: 100%;
        justify-content: center !important;
    }
}

/* Mail — compact tenant-aware premium workspace */
.portal-content-shell .portal-page.portal-mail-page[b-w3gkv27w0c] {
    gap: var(--space-4);
}

.portal-content-shell .portal-mail-strip[b-w3gkv27w0c],
.portal-content-shell .portal-mail-controls[b-w3gkv27w0c],
.portal-content-shell .portal-mail-list-panel[b-w3gkv27w0c],
.portal-content-shell .portal-mail-detail-panel[b-w3gkv27w0c] {
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-lg) !important;
    background: var(--color-surface) !important;
    background-image: none !important;
    box-shadow: var(--shadow-card) !important;
}

.portal-content-shell .portal-mail-strip[b-w3gkv27w0c]::before,
.portal-content-shell .portal-mail-strip[b-w3gkv27w0c]::after,
.portal-content-shell .portal-mail-controls[b-w3gkv27w0c]::before,
.portal-content-shell .portal-mail-controls[b-w3gkv27w0c]::after,
.portal-content-shell .portal-mail-list-panel[b-w3gkv27w0c]::before,
.portal-content-shell .portal-mail-list-panel[b-w3gkv27w0c]::after,
.portal-content-shell .portal-mail-detail-panel[b-w3gkv27w0c]::before,
.portal-content-shell .portal-mail-detail-panel[b-w3gkv27w0c]::after {
    display: none !important;
}

.portal-content-shell .portal-mail-strip[b-w3gkv27w0c] {
    padding: var(--space-3) var(--space-4) !important;
}

.portal-content-shell .portal-mail-strip__top[b-w3gkv27w0c] {
    min-height: 44px;
    flex-wrap: nowrap;
}

.portal-content-shell .portal-mail-strip__top[b-w3gkv27w0c]  .portal-title {
    min-width: 0;
    align-items: center;
    gap: var(--space-3);
}

.portal-content-shell .portal-mail-strip__top[b-w3gkv27w0c]  .portal-title__icon {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
    border: 1px solid var(--color-brand-100);
    border-radius: var(--radius-md);
    color: var(--color-brand-900);
    background: var(--color-brand-50);
    box-shadow: none;
}

.portal-content-shell .portal-mail-strip__top[b-w3gkv27w0c]  .portal-title__eyebrow {
    margin-bottom: 2px;
    color: var(--color-brand-800);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.075em;
}

.portal-content-shell .portal-mail-strip__actions[b-w3gkv27w0c]  .portal-mail-mobile-filter-toggle {
    display: none;
}

.portal-content-shell .portal-mail-controls[b-w3gkv27w0c] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas:
        "mode quick"
        "filters filters"
        "bar bar";
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-4) !important;
}

.portal-content-shell .portal-mail-controls__mode-row[b-w3gkv27w0c] {
    grid-area: mode;
}

.portal-content-shell .portal-mail-quick-filters[b-w3gkv27w0c] {
    grid-area: quick;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.portal-content-shell .portal-mail-controls__filters[b-w3gkv27w0c] {
    grid-area: filters;
    gap: var(--space-3);
}

.portal-content-shell .portal-mail-controls__bar[b-w3gkv27w0c] {
    grid-area: bar;
    padding-top: var(--space-3);
    border-top: 1px solid var(--color-border);
}

.portal-content-shell .portal-mail-mode-switch[b-w3gkv27w0c] {
    gap: var(--space-1);
    padding: var(--space-1);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface-subtle);
}

.portal-content-shell .portal-mail-mode-switch[b-w3gkv27w0c]  .portal-mail-mode-switch__button {
    min-height: 36px;
    padding-inline: var(--space-3) !important;
    border-radius: var(--radius-sm) !important;
    box-shadow: none !important;
    font-size: 0.76rem !important;
    font-weight: 700 !important;
    text-transform: none;
}

.portal-content-shell .portal-mail-mode-switch[b-w3gkv27w0c]  .mud-button-filled-primary {
    color: #fff;
    background: var(--color-brand-900);
}

.portal-content-shell .portal-mail-quick-filter[b-w3gkv27w0c] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    color: var(--color-text-secondary);
    background: var(--color-surface);
    box-shadow: none;
    font: inherit;
    font-size: 0.74rem;
    font-weight: 650;
    line-height: 1;
    cursor: pointer;
    transition: color var(--motion-fast), border-color var(--motion-fast), background-color var(--motion-fast);
}

.portal-content-shell .portal-mail-quick-filter[b-w3gkv27w0c]  .mud-icon-root {
    font-size: 1rem;
}

.portal-content-shell .portal-mail-quick-filter:hover[b-w3gkv27w0c],
.portal-content-shell .portal-mail-quick-filter:focus-visible[b-w3gkv27w0c] {
    transform: none;
    outline: none;
    border-color: var(--color-border-strong);
    color: var(--color-brand-900);
    background: var(--color-brand-50);
    box-shadow: none;
}

.portal-content-shell .portal-mail-quick-filter.is-active[b-w3gkv27w0c] {
    border-color: var(--color-brand-100);
    color: var(--color-brand-900);
    background: var(--color-brand-50);
    box-shadow: inset 3px 0 0 var(--color-brand-900);
}

.portal-content-shell .portal-mail-filter .portal-field-stack__label[b-w3gkv27w0c] {
    color: var(--color-text-muted);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.065em;
}

.portal-content-shell .portal-mail-controls[b-w3gkv27w0c]  .portal-field-control .mud-input-root,
.portal-content-shell .portal-mail-controls[b-w3gkv27w0c]  .portal-select-control .mud-input-root {
    min-height: 40px;
    border-radius: var(--radius-md);
}

.portal-content-shell .portal-mail-controls__page-status[b-w3gkv27w0c] {
    min-height: 36px;
    padding-inline: var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    color: var(--color-text-secondary);
    background: var(--color-surface-subtle);
    background-image: none;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.035em;
}

.portal-content-shell .portal-mail-controls__actions[b-w3gkv27w0c],
.portal-content-shell .portal-mail-controls__pager[b-w3gkv27w0c] {
    gap: var(--space-2);
}

.portal-content-shell .portal-mail-controls__actions[b-w3gkv27w0c]  .mud-button-root,
.portal-content-shell .portal-mail-controls__pager[b-w3gkv27w0c]  .mud-button-root,
.portal-content-shell .portal-mail-detail__actions[b-w3gkv27w0c]  .mud-button-root {
    min-height: 36px;
    padding-inline: var(--space-3);
    border-radius: var(--radius-md);
    box-shadow: none;
    font-size: 0.76rem;
    font-weight: 700;
    text-transform: none;
}

.portal-content-shell .portal-mail-controls__actions[b-w3gkv27w0c]  .mud-button-filled-primary {
    background: var(--color-brand-900);
}

.portal-content-shell .portal-mail-shell[b-w3gkv27w0c] {
    grid-template-columns: minmax(360px, 0.94fr) minmax(0, 1.06fr);
    gap: var(--space-4);
    height: clamp(460px, calc(100vh - 410px), 650px);
}

.portal-content-shell .portal-mail-list-panel[b-w3gkv27w0c],
.portal-content-shell .portal-mail-detail-panel[b-w3gkv27w0c] {
    padding: var(--space-4) !important;
}

.portal-content-shell .portal-mail-section-head[b-w3gkv27w0c] {
    min-height: 40px;
    align-items: center;
    gap: var(--space-3);
}

.portal-content-shell .portal-mail-section-head__eyebrow[b-w3gkv27w0c],
.portal-content-shell .portal-mail-detail__eyebrow[b-w3gkv27w0c],
.portal-content-shell .portal-mail-detail__meta-item span[b-w3gkv27w0c],
.portal-content-shell .portal-mail-detail__attachments-head[b-w3gkv27w0c] {
    color: var(--color-brand-800);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.075em;
}

.portal-content-shell .portal-mail-section-head__title[b-w3gkv27w0c] {
    margin-top: 2px;
    color: var(--color-text-primary);
    font-size: 1.05rem;
    font-weight: 750;
    line-height: 1.25;
    letter-spacing: -0.015em;
}

.portal-content-shell .portal-mail-section-head__button[b-w3gkv27w0c]  .mud-button-root,
.portal-content-shell[b-w3gkv27w0c]  .portal-mail-section-head__button {
    min-height: 38px !important;
    padding-inline: var(--space-4) !important;
    border-radius: var(--radius-md) !important;
    box-shadow: none !important;
    font-size: 0.76rem !important;
    font-weight: 700 !important;
    text-transform: none;
}

.portal-content-shell .portal-mail-section-head__badge[b-w3gkv27w0c] {
    min-width: 28px;
    min-height: 28px;
    padding-inline: var(--space-2);
    border: 1px solid var(--color-brand-100);
    color: var(--color-brand-900);
    background: var(--color-brand-50);
    font-size: 0.7rem;
}

.portal-content-shell .portal-mail-list[b-w3gkv27w0c],
.portal-content-shell .portal-mail-detail[b-w3gkv27w0c] {
    flex: 1;
    max-height: none;
    margin-top: var(--space-3) !important;
    padding-right: var(--space-1);
}

.portal-content-shell .portal-mail-list[b-w3gkv27w0c] {
    gap: var(--space-2);
}

.portal-content-shell .portal-mail-list-row[b-w3gkv27w0c] {
    min-height: 70px;
    padding: 10px 12px 10px 42px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    color: var(--color-text-primary);
    background: var(--color-surface);
    background-image: none;
    box-shadow: none;
    transition: border-color var(--motion-fast), background-color var(--motion-fast);
}

.portal-content-shell .portal-mail-list-row:hover[b-w3gkv27w0c],
.portal-content-shell .portal-mail-list-row:focus-visible[b-w3gkv27w0c] {
    border-color: var(--color-border-strong);
    background: var(--color-surface-hover);
    box-shadow: none;
}

.portal-content-shell .portal-mail-list-row--active[b-w3gkv27w0c],
.portal-content-shell .portal-mail-list-row--active:hover[b-w3gkv27w0c] {
    border-color: var(--color-brand-100);
    background: var(--color-brand-50);
    background-image: none;
    box-shadow: inset 3px 0 0 var(--color-brand-900);
}

.portal-content-shell .portal-mail-list-row--unread[b-w3gkv27w0c] {
    border-left-color: var(--color-brand-900);
    padding-left: 39px;
}

.portal-content-shell .portal-mail-list-row__index[b-w3gkv27w0c] {
    top: 12px;
    left: 10px;
    width: 22px;
    height: 22px;
    color: var(--color-brand-900);
    background: var(--color-brand-50);
    font-size: 0.62rem;
}

.portal-content-shell .portal-mail-list-row--active .portal-mail-list-row__index[b-w3gkv27w0c] {
    color: #fff;
    background: var(--color-brand-900);
    background-image: none;
}

.portal-content-shell .portal-mail-list-row__copy[b-w3gkv27w0c] {
    gap: 3px;
}

.portal-content-shell .portal-mail-list-row__head[b-w3gkv27w0c] {
    grid-template-columns: minmax(0, 1fr) 7rem;
    gap: var(--space-2);
}

.portal-content-shell .portal-mail-list-row__title[b-w3gkv27w0c] {
    color: var(--color-text-primary);
    font-size: 0.79rem;
    font-weight: 750;
    line-height: 1.25;
}

.portal-content-shell .portal-mail-list-row__secondary[b-w3gkv27w0c],
.portal-content-shell .portal-mail-list-row__date[b-w3gkv27w0c],
.portal-content-shell .portal-mail-detail__subtitle[b-w3gkv27w0c],
.portal-content-shell .portal-mail-detail__date[b-w3gkv27w0c] {
    color: var(--color-text-secondary);
    font-size: 0.68rem;
}

.portal-content-shell .portal-mail-list-row__date[b-w3gkv27w0c] {
    top: 12px;
    right: 12px;
}

.portal-content-shell .portal-mail-list-row__meta span[b-w3gkv27w0c],
.portal-content-shell .portal-mail-list-row__badge[b-w3gkv27w0c],
.portal-content-shell .portal-mail-detail__attachment[b-w3gkv27w0c] {
    min-height: 18px;
    padding: 2px 6px;
    border-radius: var(--radius-pill);
    color: var(--color-text-secondary);
    background: var(--color-surface-subtle);
    font-size: 0.56rem;
    font-weight: 650;
}

.portal-content-shell .portal-mail-list-row__badge--accent[b-w3gkv27w0c],
.portal-content-shell .portal-mail-detail__attachment[b-w3gkv27w0c] {
    color: var(--color-brand-900);
    background: var(--color-brand-50);
}

.portal-content-shell .portal-mail-list-row__badge--docflow[b-w3gkv27w0c],
.portal-content-shell .portal-mail-mobile-card__badge--docflow[b-w3gkv27w0c],
.portal-content-shell .portal-mail-detail__meta-item--docflow[b-w3gkv27w0c] {
    border-color: color-mix(in srgb, var(--color-info) 18%, var(--color-border));
    color: var(--color-info);
    background: var(--color-info-soft);
}

.portal-content-shell .portal-mail-detail[b-w3gkv27w0c] {
    gap: var(--space-3);
}

.portal-content-shell .portal-mail-detail__header[b-w3gkv27w0c],
.portal-content-shell .portal-mail-detail__meta-item[b-w3gkv27w0c],
.portal-content-shell .portal-mail-detail__body[b-w3gkv27w0c] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface-subtle);
    background-image: none;
    box-shadow: none;
}

.portal-content-shell .portal-mail-detail__header[b-w3gkv27w0c] {
    padding: var(--space-3) var(--space-4);
}

.portal-content-shell .portal-mail-detail__title[b-w3gkv27w0c] {
    color: var(--color-text-primary);
    font-size: 1rem;
    font-weight: 750;
    line-height: 1.3;
}

.portal-content-shell .portal-mail-detail__meta[b-w3gkv27w0c] {
    gap: var(--space-2);
}

.portal-content-shell .portal-mail-detail__meta-item[b-w3gkv27w0c] {
    padding: 10px 12px;
}

.portal-content-shell .portal-mail-detail__meta-item strong[b-w3gkv27w0c] {
    margin-top: 3px;
    color: var(--color-text-primary);
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1.35;
}

.portal-content-shell .portal-mail-detail__body[b-w3gkv27w0c] {
    padding: var(--space-4);
    color: var(--color-text-primary);
    font-size: 0.8rem;
    line-height: 1.6;
}

.portal-content-shell .portal-mail-detail-panel > .portal-empty[b-w3gkv27w0c] {
    flex: 1;
    min-height: 180px;
    display: grid;
    place-items: center;
    margin-top: var(--space-3) !important;
    padding: var(--space-6);
    border: 1px dashed var(--color-border-strong);
    border-radius: var(--radius-md);
    color: var(--color-text-secondary);
    background: var(--color-surface-subtle);
    text-align: center;
}

.portal-content-shell .portal-mail-list[b-w3gkv27w0c]::-webkit-scrollbar-thumb,
.portal-content-shell .portal-mail-detail[b-w3gkv27w0c]::-webkit-scrollbar-thumb {
    background: var(--color-border-strong);
}

@media (max-width: 1400px) {
    .portal-content-shell .portal-mail-controls[b-w3gkv27w0c] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "mode"
            "quick"
            "filters"
            "bar";
    }

    .portal-content-shell .portal-mail-controls__filters[b-w3gkv27w0c] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .portal-content-shell .portal-mail-shell[b-w3gkv27w0c] {
        grid-template-columns: minmax(340px, 0.9fr) minmax(0, 1.1fr);
        height: clamp(460px, calc(100vh - 460px), 620px);
    }
}

@media (max-width: 960px) {
    .portal-content-shell .portal-mail-shell[b-w3gkv27w0c] {
        height: auto;
    }

    .portal-content-shell .portal-mail-mobile-hero[b-w3gkv27w0c],
    .portal-content-shell .portal-mail-mobile-filters[b-w3gkv27w0c],
    .portal-content-shell .portal-mail-mobile-list-panel[b-w3gkv27w0c] {
        padding: var(--space-3) !important;
        border: 1px solid var(--color-border) !important;
        border-radius: var(--radius-lg) !important;
        background: var(--color-surface) !important;
        background-image: none !important;
        box-shadow: var(--shadow-card) !important;
    }

    .portal-content-shell .portal-mail-mobile-card[b-w3gkv27w0c] {
        border-color: var(--color-border);
        border-radius: var(--radius-md);
        background: var(--color-surface);
        background-image: none;
        box-shadow: none;
    }

    .portal-content-shell .portal-mail-mobile-card--active[b-w3gkv27w0c] {
        border-color: var(--color-brand-100);
        background: var(--color-brand-50);
        background-image: none;
        box-shadow: inset 3px 0 0 var(--color-brand-900);
    }
}
/* /Pages/DocumentWorkflow.razor.rz.scp.css */
.doc-portal-page[b-0497gefxu8] {
    display: grid;
    gap: 12px;
    min-width: 0;
    overflow: hidden;
}

.doc-portal-hero[b-0497gefxu8] {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 18px;
    padding: 16px 18px;
    overflow: hidden;
}

.doc-portal-eyebrow[b-0497gefxu8] {
    color: #8a6b1f;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.doc-portal-hero h1[b-0497gefxu8],
.doc-portal-detail h2[b-0497gefxu8] {
    margin: 4px 0;
    color: hsl(var(--brand-h, 221), 38%, 15%);
    font-size: 1.45rem;
    line-height: 1.16;
}

.doc-portal-hero p[b-0497gefxu8],
.doc-portal-summary[b-0497gefxu8] {
    max-width: 720px;
    margin: 0;
    color: hsl(var(--brand-h, 221), 15%, 41%);
    font-size: .92rem;
    line-height: 1.55;
}

.doc-portal-hero__stats[b-0497gefxu8] {
    min-width: 170px;
    border: 1px solid hsla(var(--brand-accent-h, 42), 60%, 44%, .24);
    border-radius: 8px;
    padding: 12px;
    background: linear-gradient(135deg, rgba(255, 255, 255, .88), rgba(247, 239, 218, .66));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
}

.doc-portal-hero__stats span[b-0497gefxu8],
.doc-portal-hero__stats small[b-0497gefxu8],
.doc-portal-metrics span[b-0497gefxu8],
.doc-portal-file small[b-0497gefxu8],
.doc-portal-timeline__item small[b-0497gefxu8],
.doc-portal-row__meta[b-0497gefxu8] {
    color: hsl(var(--brand-h, 221), 10%, 48%);
    font-size: .76rem;
}

.doc-portal-hero__stats strong[b-0497gefxu8] {
    display: block;
    color: hsl(var(--brand-h, 221), 38%, 15%);
    font-size: 1.65rem;
    line-height: 1;
}

.doc-portal-toolbar[b-0497gefxu8] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto auto;
    align-items: center;
    gap: 10px;
    padding: 10px;
}

.doc-portal-personal-cockpit[b-0497gefxu8] {
    display: grid;
    gap: 11px;
    padding: 14px;
    border-color: hsla(var(--brand-accent-h, 42), 49%, 48%, .22);
    border-radius: 20px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(248, 250, 249, .88)),
        linear-gradient(120deg, rgba(29, 136, 125, .07), hsla(var(--brand-accent-h, 42), 60%, 44%, .07));
}

.doc-portal-personal-cockpit__head[b-0497gefxu8] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: start;
}

.doc-portal-personal-cockpit__head h2[b-0497gefxu8],
.doc-portal-personal-cockpit__head p[b-0497gefxu8] {
    margin: 0;
}

.doc-portal-personal-cockpit__head h2[b-0497gefxu8] {
    color: hsl(var(--brand-h, 221), 38%, 15%);
    font-size: 1.02rem;
    font-weight: 950;
}

.doc-portal-personal-cockpit__head p[b-0497gefxu8] {
    max-width: 740px;
    color: hsl(var(--brand-h, 221), 13%, 46%);
    font-size: .76rem;
    line-height: 1.42;
}

.doc-portal-personal-cockpit__risk[b-0497gefxu8] {
    display: grid;
    min-width: 106px;
    justify-items: center;
    gap: 1px;
    border: 1px solid hsla(var(--brand-h, 222), 36%, 15%, .08);
    border-radius: 8px;
    padding: 9px 12px;
    background: rgba(255, 255, 255, .76);
    box-shadow: 0 12px 26px hsla(var(--brand-h, 222), 36%, 15%, .06);
}

.doc-portal-personal-cockpit__risk strong[b-0497gefxu8] {
    color: hsl(var(--brand-h, 221), 38%, 15%);
    font-size: 1.16rem;
    font-weight: 950;
    line-height: 1;
}

.doc-portal-personal-cockpit__risk span[b-0497gefxu8] {
    color: hsl(var(--brand-h, 219), 13%, 46%);
    font-size: .66rem;
    font-weight: 900;
    text-align: center;
}

.doc-portal-personal-cockpit__risk--risk[b-0497gefxu8] {
    border-color: hsla(var(--brand-accent-h, 11), 57%, 47%, .24);
    background: linear-gradient(145deg, rgba(255, 247, 244, .95), rgba(255, 255, 255, .82));
}

.doc-portal-personal-cockpit__risk--warn[b-0497gefxu8] {
    border-color: hsla(var(--brand-accent-h, 42), 49%, 48%, .28);
    background: linear-gradient(145deg, rgba(255, 250, 237, .95), rgba(255, 255, 255, .82));
}

.doc-portal-personal-cockpit__risk--ok[b-0497gefxu8] {
    border-color: rgba(29, 136, 125, .22);
    background: linear-gradient(145deg, rgba(240, 251, 248, .95), rgba(255, 255, 255, .82));
}

.doc-portal-personal-cockpit__signals[b-0497gefxu8] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.doc-portal-personal-cockpit__signals article[b-0497gefxu8] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 7px;
    min-width: 0;
    border: 1px solid hsla(var(--brand-h, 222), 36%, 15%, .08);
    border-radius: 10px;
    padding: 8px 10px;
    background: rgba(255, 255, 255, .76);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75);
}

.doc-portal-personal-cockpit__signals .mud-icon-root[b-0497gefxu8] {
    color: hsl(var(--brand-accent-h, 42), 60%, 44%);
}

.doc-portal-personal-cockpit__signals span[b-0497gefxu8] {
    overflow: hidden;
    color: hsl(var(--brand-h, 221), 13%, 46%);
    font-size: .7rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.doc-portal-personal-cockpit__signals strong[b-0497gefxu8] {
    color: hsl(var(--brand-h, 221), 38%, 15%);
    font-size: .88rem;
    font-weight: 950;
}

.doc-portal-personal-cockpit__items[b-0497gefxu8] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
}

.doc-portal-personal-cockpit__item[b-0497gefxu8] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    min-width: 0;
    border: 1px solid hsla(var(--brand-h, 222), 36%, 15%, .08);
    border-radius: 8px;
    padding: 8px 9px;
    background: rgba(255, 255, 255, .74);
    color: inherit;
    text-align: left;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.doc-portal-personal-cockpit__item:hover[b-0497gefxu8],
.doc-portal-personal-cockpit__item:focus-visible[b-0497gefxu8] {
    border-color: rgba(29, 136, 125, .3);
    box-shadow: 0 12px 26px hsla(var(--brand-h, 222), 36%, 15%, .08);
    transform: translateY(-1px);
}

.doc-portal-personal-cockpit__item span[b-0497gefxu8] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.doc-portal-personal-cockpit__item strong[b-0497gefxu8],
.doc-portal-personal-cockpit__item small[b-0497gefxu8] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.doc-portal-personal-cockpit__item strong[b-0497gefxu8] {
    color: hsl(var(--brand-h, 221), 38%, 15%);
    font-size: .72rem;
    font-weight: 920;
}

.doc-portal-personal-cockpit__item small[b-0497gefxu8] {
    color: hsl(var(--brand-h, 219), 12%, 51%);
    font-size: .63rem;
    font-weight: 760;
}

.doc-portal-personal-cockpit__item em[b-0497gefxu8] {
    border-radius: 999px;
    padding: 4px 7px;
    background: hsla(var(--brand-h, 222), 36%, 15%, .06);
    color: hsl(var(--brand-h, 219), 16%, 37%);
    font-size: .61rem;
    font-style: normal;
    font-weight: 950;
}

.doc-portal-personal-cockpit__item--gold em[b-0497gefxu8] {
    background: rgba(250, 244, 228, .86);
    color: #7a561b;
}

.doc-portal-personal-cockpit__item--risk[b-0497gefxu8] {
    border-color: hsla(var(--brand-accent-h, 11), 57%, 47%, .22);
}

.doc-portal-personal-cockpit__item--risk em[b-0497gefxu8] {
    background: rgba(255, 241, 237, .92);
    color: #a53f2b;
}

.doc-portal-personal-cockpit__empty[b-0497gefxu8] {
    grid-column: 1 / -1;
    border: 1px dashed hsla(var(--brand-h, 222), 36%, 15%, .13);
    border-radius: 8px;
    padding: 12px;
    color: hsl(var(--brand-h, 220), 12%, 53%);
    font-size: .73rem;
    font-weight: 820;
    text-align: center;
}

.doc-portal-dossier[b-0497gefxu8] {
    display: grid;
    gap: 11px;
    padding: 14px;
    border-color: rgba(29, 136, 125, .18);
    border-radius: 20px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(246, 250, 250, .88)),
        linear-gradient(120deg, rgba(29, 136, 125, .08), hsla(var(--brand-accent-h, 42), 60%, 44%, .06));
}

.doc-portal-dossier__head[b-0497gefxu8] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: start;
}

.doc-portal-dossier__head h2[b-0497gefxu8],
.doc-portal-dossier__head p[b-0497gefxu8] {
    margin: 0;
}

.doc-portal-dossier__head h2[b-0497gefxu8] {
    color: hsl(var(--brand-h, 221), 38%, 15%);
    font-size: 1.02rem;
    font-weight: 950;
}

.doc-portal-dossier__head p[b-0497gefxu8] {
    max-width: 760px;
    color: hsl(var(--brand-h, 221), 13%, 46%);
    font-size: .76rem;
    line-height: 1.42;
}

.doc-portal-dossier__score[b-0497gefxu8] {
    display: grid;
    min-width: 106px;
    justify-items: center;
    gap: 1px;
    border: 1px solid hsla(var(--brand-h, 222), 36%, 15%, .08);
    border-radius: 8px;
    padding: 9px 12px;
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 12px 26px hsla(var(--brand-h, 222), 36%, 15%, .06);
}

.doc-portal-dossier__score strong[b-0497gefxu8] {
    color: hsl(var(--brand-h, 221), 38%, 15%);
    font-size: 1.16rem;
    font-weight: 950;
    line-height: 1;
}

.doc-portal-dossier__score small[b-0497gefxu8] {
    color: hsl(var(--brand-h, 219), 13%, 46%);
    font-size: .66rem;
    font-weight: 900;
    text-align: center;
}

.doc-portal-dossier__score--ok[b-0497gefxu8] {
    border-color: rgba(29, 136, 125, .24);
    background: linear-gradient(145deg, rgba(240, 251, 248, .95), rgba(255, 255, 255, .82));
}

.doc-portal-dossier__score--gold[b-0497gefxu8] {
    border-color: hsla(var(--brand-accent-h, 42), 49%, 48%, .28);
    background: linear-gradient(145deg, rgba(255, 250, 237, .95), rgba(255, 255, 255, .82));
}

.doc-portal-readiness-gauge[b-0497gefxu8] {
    position: relative;
}

.doc-portal-readiness-gauge .doc-portal-dossier__score[b-0497gefxu8] {
    cursor: help;
}

.doc-portal-readiness__popover[b-0497gefxu8] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 30;
    width: 250px;
    padding: 10px 12px;
    border: 1px solid hsla(var(--brand-h, 222), 36%, 15%, .1);
    border-radius: 10px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 22px 50px -18px hsla(var(--brand-h, 222), 36%, 15%, .42);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: opacity .2s ease, transform .2s ease, visibility .2s;
    pointer-events: none;
}

.doc-portal-readiness-gauge:hover .doc-portal-readiness__popover[b-0497gefxu8],
.doc-portal-readiness-gauge:focus-within .doc-portal-readiness__popover[b-0497gefxu8] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.doc-portal-readiness__popover header[b-0497gefxu8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
    padding-bottom: 7px;
    border-bottom: 1px solid hsla(var(--brand-h, 222), 36%, 15%, .08);
}

.doc-portal-readiness__popover header span[b-0497gefxu8] {
    color: hsl(var(--brand-h, 217), 17%, 39%);
    font-size: .66rem;
    font-weight: 880;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.doc-portal-readiness__popover header strong[b-0497gefxu8] {
    color: #16877d;
    font-size: .9rem;
    font-weight: 950;
}

.doc-portal-readiness__popover ul[b-0497gefxu8] {
    display: grid;
    gap: 5px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.doc-portal-readiness__popover li[b-0497gefxu8] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
}

.doc-portal-readiness__dot[b-0497gefxu8] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: hsla(var(--brand-h, 218), 12%, 59%, .4);
}

.doc-portal-readiness__popover li.is-met .doc-portal-readiness__dot[b-0497gefxu8] {
    background: linear-gradient(135deg, #14a877, #0a8a61);
    box-shadow: 0 0 0 3px rgba(10, 138, 97, .12);
}

.doc-portal-readiness__label[b-0497gefxu8] {
    color: hsl(var(--brand-h, 219), 19%, 28%);
    font-size: .72rem;
    font-weight: 760;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.doc-portal-readiness__popover li.is-met .doc-portal-readiness__label[b-0497gefxu8] {
    color: hsl(var(--brand-h, 221), 38%, 15%);
    font-weight: 860;
}

.doc-portal-readiness__weight[b-0497gefxu8] {
    color: hsl(var(--brand-h, 217), 16%, 64%);
    font-size: .68rem;
    font-weight: 900;
}

.doc-portal-readiness__popover li.is-met .doc-portal-readiness__weight[b-0497gefxu8] {
    color: #0a8a61;
}

.doc-portal-dossier__grid[b-0497gefxu8] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr);
    gap: 10px;
    align-items: stretch;
}

.doc-portal-dossier__deep-grid[b-0497gefxu8] {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(300px, 1.05fr);
    gap: 10px;
    align-items: start;
}

.doc-portal-dossier__categories[b-0497gefxu8] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
}

.doc-portal-dossier__category[b-0497gefxu8],
.doc-portal-dossier__event[b-0497gefxu8],
.doc-portal-dossier__coverage-item[b-0497gefxu8],
.doc-portal-dossier__impact-item[b-0497gefxu8],
.doc-portal-dossier__empty[b-0497gefxu8] {
    border: 1px solid hsla(var(--brand-h, 222), 36%, 15%, .08);
    border-radius: 8px;
    background: rgba(255, 255, 255, .72);
}

.doc-portal-dossier__category[b-0497gefxu8] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px;
    align-content: start;
    min-width: 0;
    min-height: 96px;
    padding: 9px;
    position: relative;
    overflow: hidden;
}

.doc-portal-dossier__category .mud-icon-root[b-0497gefxu8] {
    color: hsl(var(--brand-h, 221), 13%, 46%);
}

.doc-portal-dossier__category--ok .mud-icon-root[b-0497gefxu8] {
    color: #16877d;
}

.doc-portal-dossier__category--gold .mud-icon-root[b-0497gefxu8] {
    color: hsl(var(--brand-accent-h, 42), 60%, 44%);
}

.doc-portal-dossier__category--risk .mud-icon-root[b-0497gefxu8] {
    color: hsl(var(--brand-accent-h, 11), 57%, 47%);
}

.doc-portal-dossier__category span[b-0497gefxu8],
.doc-portal-dossier__event span[b-0497gefxu8],
.doc-portal-dossier__coverage-item span[b-0497gefxu8],
.doc-portal-dossier__impact-item span[b-0497gefxu8] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.doc-portal-dossier__category strong[b-0497gefxu8],
.doc-portal-dossier__category small[b-0497gefxu8],
.doc-portal-dossier__event strong[b-0497gefxu8],
.doc-portal-dossier__event small[b-0497gefxu8],
.doc-portal-dossier__coverage-item strong[b-0497gefxu8],
.doc-portal-dossier__coverage-item small[b-0497gefxu8],
.doc-portal-dossier__impact-item strong[b-0497gefxu8],
.doc-portal-dossier__impact-item small[b-0497gefxu8] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.doc-portal-dossier__category strong[b-0497gefxu8],
.doc-portal-dossier__event strong[b-0497gefxu8],
.doc-portal-dossier__coverage-item strong[b-0497gefxu8],
.doc-portal-dossier__impact-item strong[b-0497gefxu8] {
    color: hsl(var(--brand-h, 221), 38%, 15%);
    font-size: .72rem;
    font-weight: 930;
}

.doc-portal-dossier__category small[b-0497gefxu8],
.doc-portal-dossier__event small[b-0497gefxu8],
.doc-portal-dossier__event time[b-0497gefxu8],
.doc-portal-dossier__coverage-item small[b-0497gefxu8],
.doc-portal-dossier__impact-item small[b-0497gefxu8],
.doc-portal-dossier__impact-item time[b-0497gefxu8] {
    color: hsl(var(--brand-h, 219), 12%, 51%);
    font-size: .62rem;
    font-weight: 760;
}

.doc-portal-dossier__category em[b-0497gefxu8] {
    position: absolute;
    right: 8px;
    bottom: 8px;
    border-radius: 999px;
    padding: 4px 7px;
    background: hsla(var(--brand-h, 222), 36%, 15%, .06);
    color: hsl(var(--brand-h, 219), 16%, 37%);
    font-size: .62rem;
    font-style: normal;
    font-weight: 950;
}

.doc-portal-dossier__timeline[b-0497gefxu8] {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.doc-portal-dossier__coverage[b-0497gefxu8],
.doc-portal-dossier__impact[b-0497gefxu8] {
    display: grid;
    min-width: 0;
    gap: 7px;
    border: 1px solid rgba(29, 136, 125, .13);
    border-radius: 10px;
    padding: 8px;
    background: rgba(255, 255, 255, .46);
}

.doc-portal-dossier__timeline header[b-0497gefxu8],
.doc-portal-dossier__coverage header[b-0497gefxu8],
.doc-portal-dossier__impact header[b-0497gefxu8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
}

.doc-portal-dossier__timeline header span[b-0497gefxu8],
.doc-portal-dossier__coverage header span[b-0497gefxu8],
.doc-portal-dossier__impact header span[b-0497gefxu8] {
    color: #16877d;
    font-size: .66rem;
    font-weight: 950;
    text-transform: uppercase;
}

.doc-portal-dossier__timeline header strong[b-0497gefxu8],
.doc-portal-dossier__coverage header strong[b-0497gefxu8],
.doc-portal-dossier__impact header strong[b-0497gefxu8] {
    color: hsl(var(--brand-h, 221), 13%, 46%);
    font-size: .68rem;
    font-weight: 850;
}

.doc-portal-dossier__event[b-0497gefxu8],
.doc-portal-dossier__impact-item[b-0497gefxu8] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 42px;
    padding: 8px 9px;
    color: inherit;
    text-align: left;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.doc-portal-dossier__coverage-item[b-0497gefxu8] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 8px 9px;
}

.doc-portal-dossier__coverage-item em[b-0497gefxu8] {
    border-radius: 8px;
    padding: 4px 7px;
    background: hsla(var(--brand-h, 222), 36%, 15%, .06);
    color: hsl(var(--brand-h, 219), 16%, 37%);
    font-size: .62rem;
    font-style: normal;
    font-weight: 950;
}

.doc-portal-dossier__event:not(:disabled):hover[b-0497gefxu8],
.doc-portal-dossier__impact-item:not(:disabled):hover[b-0497gefxu8] {
    border-color: rgba(29, 136, 125, .3);
    box-shadow: 0 12px 26px hsla(var(--brand-h, 222), 36%, 15%, .08);
    transform: translateY(-1px);
}

.doc-portal-dossier__event:disabled[b-0497gefxu8],
.doc-portal-dossier__impact-item:disabled[b-0497gefxu8] {
    cursor: default;
}

.doc-portal-dossier__event--ok .mud-icon-root[b-0497gefxu8],
.doc-portal-dossier__coverage-item--ok .mud-icon-root[b-0497gefxu8],
.doc-portal-dossier__impact-item--ok .mud-icon-root[b-0497gefxu8] {
    color: #16877d;
}

.doc-portal-dossier__event--gold .mud-icon-root[b-0497gefxu8],
.doc-portal-dossier__coverage-item--gold .mud-icon-root[b-0497gefxu8],
.doc-portal-dossier__impact-item--gold .mud-icon-root[b-0497gefxu8] {
    color: hsl(var(--brand-accent-h, 42), 60%, 44%);
}

.doc-portal-dossier__event--risk .mud-icon-root[b-0497gefxu8],
.doc-portal-dossier__coverage-item--risk .mud-icon-root[b-0497gefxu8],
.doc-portal-dossier__impact-item--risk .mud-icon-root[b-0497gefxu8] {
    color: hsl(var(--brand-accent-h, 11), 57%, 47%);
}

.doc-portal-dossier__empty[b-0497gefxu8] {
    padding: 12px;
    color: hsl(var(--brand-h, 220), 12%, 53%);
    font-size: .73rem;
    font-weight: 820;
    text-align: center;
}

.doc-portal-selfservice[b-0497gefxu8] {
    display: block;
    min-width: 0;
}

.doc-portal-intake[b-0497gefxu8],
.doc-portal-intake-status[b-0497gefxu8] {
    display: grid;
    gap: 10px;
    min-width: 0;
    padding: 14px;
    border-radius: 20px;
}

.doc-portal-intake-status[b-0497gefxu8] {
    gap: 8px;
    padding: 12px 14px;
}


.doc-portal-intake-status__tools[b-0497gefxu8] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
}

.doc-portal-intake-status__tools .mud-button-root[b-0497gefxu8] {
    min-width: 0;
    min-height: 32px;
    border-radius: 8px;
    padding-inline: 10px;
    font-size: .72rem;
    font-weight: 900;
}

.doc-portal-intake__head[b-0497gefxu8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.doc-portal-intake__head h2[b-0497gefxu8] {
    margin: 2px 0 0;
    color: hsl(var(--brand-h, 221), 38%, 15%);
    font-size: 1rem;
    line-height: 1.2;
}

.doc-portal-intake__head span[b-0497gefxu8] {
    border: 1px solid hsla(var(--brand-accent-h, 42), 60%, 44%, .22);
    border-radius: 999px;
    padding: 5px 9px;
    background: rgba(250, 244, 228, .8);
    color: #7a5d16;
    font-size: .72rem;
    font-weight: 800;
}


.doc-portal-intake-list[b-0497gefxu8] {
    display: grid;
    gap: 7px;
}

.doc-portal-intake-row[b-0497gefxu8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 9px;
    border: 1px solid hsla(var(--brand-h, 222), 36%, 15%, .08);
    border-radius: 8px;
    padding: 8px 10px;
    background: rgba(255, 255, 255, .72);
    color: hsl(var(--brand-h, 221), 24%, 26%);
    text-align: left;
    transition: .18s ease;
}

.doc-portal-intake-row:not(:disabled):hover[b-0497gefxu8] {
    border-color: hsla(var(--brand-accent-h, 42), 60%, 44%, .35);
    box-shadow: 0 10px 24px hsla(var(--brand-h, 222), 34%, 19%, .08);
}

.doc-portal-intake-row:disabled[b-0497gefxu8] {
    cursor: default;
}

.doc-portal-intake-row span:first-child[b-0497gefxu8] {
    min-width: 0;
}

.doc-portal-intake-row strong[b-0497gefxu8],
.doc-portal-intake-row small[b-0497gefxu8] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.doc-portal-intake-row strong[b-0497gefxu8] {
    color: hsl(var(--brand-h, 221), 38%, 15%);
    font-size: .84rem;
}

.doc-portal-intake-row small[b-0497gefxu8] {
    color: hsl(var(--brand-h, 221), 10%, 48%);
    font-size: .72rem;
}


.doc-portal-mini-loading[b-0497gefxu8] {
    display: grid;
    place-items: center;
    min-height: 64px;
}

.doc-portal-lifecycle[b-0497gefxu8] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
    padding-top: 2px;
}

.doc-portal-lifecycle article[b-0497gefxu8] {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    border: 1px solid hsla(var(--brand-h, 222), 36%, 15%, .08);
    border-radius: 8px;
    padding: 7px 8px;
    background: rgba(255, 255, 255, .62);
}

.doc-portal-intake-status .portal-empty[b-0497gefxu8] {
    min-height: 0;
    padding: 13px 16px;
}

.doc-portal-lifecycle .mud-icon-root[b-0497gefxu8] {
    color: #8a6b1f;
}

.doc-portal-lifecycle strong[b-0497gefxu8],
.doc-portal-lifecycle small[b-0497gefxu8] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.doc-portal-lifecycle strong[b-0497gefxu8] {
    color: hsl(var(--brand-h, 221), 38%, 15%);
    font-size: .76rem;
    font-weight: 880;
}

.doc-portal-lifecycle small[b-0497gefxu8] {
    color: hsl(var(--brand-h, 221), 10%, 48%);
    font-size: .68rem;
}

.doc-portal-search[b-0497gefxu8] {
    min-width: 0;
}

.doc-portal-filter-strip[b-0497gefxu8] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.doc-portal-filter[b-0497gefxu8],
.doc-portal-refresh[b-0497gefxu8] {
    border: 1px solid hsla(var(--brand-h, 222), 36%, 15%, .1);
    border-radius: 8px;
    background: rgba(255, 255, 255, .74);
    color: hsl(var(--brand-h, 222), 19%, 34%);
    min-height: 34px;
    padding: 0 11px;
    font-size: .78rem;
    font-weight: 700;
    transition: .18s ease;
}

.doc-portal-filter:hover[b-0497gefxu8],
.doc-portal-filter--active[b-0497gefxu8] {
    border-color: hsla(var(--brand-accent-h, 42), 60%, 44%, .42);
    background: rgba(249, 241, 221, .92);
    color: #7a5d16;
}

.doc-portal-shell[b-0497gefxu8] {
    display: grid;
    grid-template-columns: minmax(280px, 390px) minmax(0, 1fr);
    gap: 14px;
    align-items: start;
}

.doc-portal-list[b-0497gefxu8],
.doc-portal-detail[b-0497gefxu8] {
    padding: 12px;
}

.doc-portal-list[b-0497gefxu8] {
    display: grid;
    gap: 8px;
    max-height: 670px;
    overflow: auto;
}

.doc-portal-row[b-0497gefxu8] {
    display: grid;
    gap: 6px;
    width: 100%;
    border: 1px solid hsla(var(--brand-h, 222), 36%, 15%, .08);
    border-radius: 8px;
    padding: 11px;
    background: rgba(255, 255, 255, .72);
    text-align: left;
    transition: .18s ease;
}

.doc-portal-row:hover[b-0497gefxu8],
.doc-portal-row--active[b-0497gefxu8] {
    border-color: hsla(var(--brand-accent-h, 42), 60%, 44%, .36);
    background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(248, 241, 224, .72));
    box-shadow: 0 12px 28px hsla(var(--brand-h, 222), 34%, 19%, .08);
}

.doc-portal-row__top[b-0497gefxu8],
.doc-portal-detail__head[b-0497gefxu8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.doc-portal-row__top strong[b-0497gefxu8],
.doc-portal-detail__number[b-0497gefxu8],
.doc-portal-file strong[b-0497gefxu8],
.doc-portal-timeline__item strong[b-0497gefxu8] {
    color: hsl(var(--brand-h, 221), 38%, 15%);
    font-size: .86rem;
}

.doc-portal-row__title[b-0497gefxu8] {
    color: hsl(var(--brand-h, 221), 24%, 26%);
    font-size: .9rem;
    line-height: 1.35;
}

.doc-portal-row__meta[b-0497gefxu8] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.doc-portal-status[b-0497gefxu8] {
    border-radius: 999px;
    padding: 4px 8px;
    background: hsla(var(--brand-h, 220), 12%, 50%, .12);
    color: hsl(var(--brand-h, 221), 15%, 41%);
    font-size: .7rem;
    font-weight: 800;
    white-space: nowrap;
}

.doc-portal-status--active[b-0497gefxu8] {
    background: hsla(var(--brand-h, 215), 63%, 52%, .12);
    color: hsl(var(--brand-h, 216), 68%, 44%);
}

.doc-portal-status--success[b-0497gefxu8] {
    background: rgba(30, 135, 92, .12);
    color: #17724d;
}

.doc-portal-status--danger[b-0497gefxu8] {
    background: rgba(196, 62, 62, .12);
    color: #a33b3b;
}

.doc-portal-detail[b-0497gefxu8] {
    display: grid;
    gap: 14px;
    min-height: 420px;
}

.doc-portal-metrics[b-0497gefxu8] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.doc-portal-metrics div[b-0497gefxu8] {
    border: 1px solid hsla(var(--brand-h, 222), 36%, 15%, .08);
    border-radius: 8px;
    padding: 10px;
    background: rgba(255, 255, 255, .64);
}

.doc-portal-metrics strong[b-0497gefxu8] {
    display: block;
    color: hsl(var(--brand-h, 221), 38%, 15%);
    font-size: .9rem;
}

.doc-portal-evidence-pack[b-0497gefxu8] {
    display: grid;
    gap: 9px;
    border: 1px solid rgba(29, 136, 125, .18);
    border-radius: 8px;
    padding: 10px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(245, 250, 249, .84)),
        linear-gradient(120deg, rgba(29, 136, 125, .07), hsla(var(--brand-accent-h, 42), 60%, 44%, .06));
}

.doc-portal-evidence-pack__hero[b-0497gefxu8] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
}

.doc-portal-evidence-pack__score[b-0497gefxu8] {
    display: grid;
    place-items: center;
    width: 62px;
    height: 54px;
    border: 1px solid hsla(var(--brand-h, 222), 36%, 15%, .08);
    border-radius: 8px;
    background: rgba(255, 255, 255, .76);
}

.doc-portal-evidence-pack__score strong[b-0497gefxu8] {
    color: hsl(var(--brand-h, 221), 38%, 15%);
    font-size: 1.05rem;
    font-weight: 950;
    line-height: 1;
}

.doc-portal-evidence-pack__score small[b-0497gefxu8] {
    color: hsl(var(--brand-h, 221), 13%, 46%);
    font-size: .61rem;
    font-weight: 900;
}

.doc-portal-evidence-pack__score--ok[b-0497gefxu8] {
    border-color: rgba(29, 136, 125, .24);
}

.doc-portal-evidence-pack__score--warn[b-0497gefxu8] {
    border-color: hsla(var(--brand-accent-h, 42), 49%, 48%, .28);
}

.doc-portal-evidence-pack__score--risk[b-0497gefxu8] {
    border-color: hsla(var(--brand-accent-h, 11), 57%, 47%, .26);
}

.doc-portal-evidence-pack__hero h3[b-0497gefxu8],
.doc-portal-evidence-pack__hero p[b-0497gefxu8] {
    margin: 0;
}

.doc-portal-evidence-pack__hero h3[b-0497gefxu8] {
    overflow: hidden;
    color: hsl(var(--brand-h, 221), 38%, 15%);
    font-size: .88rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.doc-portal-evidence-pack__hero p[b-0497gefxu8] {
    overflow: hidden;
    color: hsl(var(--brand-h, 221), 13%, 46%);
    font-size: .7rem;
    font-weight: 760;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.doc-portal-evidence-pack__open[b-0497gefxu8] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid rgba(29, 136, 125, .22);
    border-radius: 8px;
    padding: 8px 10px;
    background: rgba(238, 250, 247, .82);
    color: #116e67;
    font-size: .72rem;
    font-weight: 900;
    text-decoration: none;
}

.doc-portal-evidence-pack__signals[b-0497gefxu8] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
}

.doc-portal-evidence-pack__signal[b-0497gefxu8] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 7px;
    min-width: 0;
    border: 1px solid hsla(var(--brand-h, 222), 36%, 15%, .08);
    border-radius: 8px;
    padding: 7px;
    background: rgba(255, 255, 255, .72);
}

.doc-portal-evidence-pack__signal .mud-icon-root[b-0497gefxu8] {
    color: hsl(var(--brand-h, 221), 13%, 46%);
}

.doc-portal-evidence-pack__signal--ok .mud-icon-root[b-0497gefxu8] {
    color: #16877d;
}

.doc-portal-evidence-pack__signal--gold .mud-icon-root[b-0497gefxu8],
.doc-portal-evidence-pack__signal--warn .mud-icon-root[b-0497gefxu8] {
    color: hsl(var(--brand-accent-h, 42), 60%, 44%);
}

.doc-portal-evidence-pack__signal--risk .mud-icon-root[b-0497gefxu8] {
    color: hsl(var(--brand-accent-h, 11), 57%, 47%);
}

.doc-portal-evidence-pack__signal span[b-0497gefxu8] {
    display: grid;
    min-width: 0;
    gap: 1px;
}

.doc-portal-evidence-pack__signal strong[b-0497gefxu8],
.doc-portal-evidence-pack__signal small[b-0497gefxu8] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.doc-portal-evidence-pack__signal strong[b-0497gefxu8] {
    color: hsl(var(--brand-h, 221), 38%, 15%);
    font-size: .68rem;
    font-weight: 920;
}

.doc-portal-evidence-pack__signal small[b-0497gefxu8] {
    color: hsl(var(--brand-h, 219), 12%, 51%);
    font-size: .61rem;
    font-weight: 760;
}

.doc-portal-evidence-preview[b-0497gefxu8] {
    display: grid;
    gap: 7px;
    border: 1px solid hsla(var(--brand-h, 222), 36%, 15%, .08);
    border-radius: 8px;
    padding: 8px;
    background: rgba(255, 255, 255, .76);
}

.doc-portal-evidence-preview header[b-0497gefxu8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
}

.doc-portal-evidence-preview header span[b-0497gefxu8] {
    color: #16877d;
    font-size: .66rem;
    font-weight: 900;
    text-transform: uppercase;
}

.doc-portal-evidence-preview header strong[b-0497gefxu8] {
    overflow: hidden;
    color: hsl(var(--brand-h, 221), 38%, 15%);
    font-size: .72rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.doc-portal-evidence-preview iframe[b-0497gefxu8],
.doc-portal-evidence-preview img[b-0497gefxu8] {
    width: 100%;
    border: 0;
    border-radius: 8px;
    background: hsla(var(--brand-h, 222), 36%, 15%, .04);
}

.doc-portal-evidence-preview iframe[b-0497gefxu8] {
    height: 360px;
}

.doc-portal-evidence-preview img[b-0497gefxu8] {
    display: block;
    max-height: 360px;
    object-fit: contain;
}

.doc-portal-route-panel[b-0497gefxu8] {
    display: grid;
    grid-template-columns: minmax(120px, .32fr) minmax(0, 1fr);
    gap: 8px;
    align-items: stretch;
}

.doc-portal-route-score[b-0497gefxu8] {
    display: grid;
    gap: 3px;
    align-content: center;
    border: 1px solid hsla(var(--brand-accent-h, 42), 60%, 44%, .22);
    border-radius: 8px;
    padding: 10px;
    background: linear-gradient(135deg, rgba(255, 255, 255, .82), rgba(250, 244, 228, .66));
}

.doc-portal-route-score strong[b-0497gefxu8] {
    color: hsl(var(--brand-h, 221), 38%, 15%);
    font-size: 1.15rem;
    line-height: 1;
}

.doc-portal-route-score span[b-0497gefxu8] {
    color: hsl(var(--brand-h, 221), 10%, 48%);
    font-size: .7rem;
    font-weight: 820;
}

.doc-portal-route-list[b-0497gefxu8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 7px;
}

.doc-portal-route[b-0497gefxu8],
.doc-portal-route-empty[b-0497gefxu8] {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 7px;
    align-items: center;
    border: 1px solid hsla(var(--brand-h, 222), 36%, 15%, .08);
    border-radius: 8px;
    padding: 8px;
    background: rgba(255, 255, 255, .68);
}

.doc-portal-route--active[b-0497gefxu8] {
    border-color: hsla(var(--brand-h, 215), 63%, 52%, .22);
    background: rgba(239, 245, 255, .72);
}

.doc-portal-route--done[b-0497gefxu8] {
    border-color: rgba(30, 135, 92, .18);
    background: rgba(239, 248, 244, .72);
}

.doc-portal-route strong[b-0497gefxu8],
.doc-portal-route small[b-0497gefxu8] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.doc-portal-route strong[b-0497gefxu8] {
    color: hsl(var(--brand-h, 221), 38%, 15%);
    font-size: .76rem;
}

.doc-portal-route small[b-0497gefxu8],
.doc-portal-route-empty[b-0497gefxu8] {
    color: hsl(var(--brand-h, 221), 10%, 48%);
    font-size: .68rem;
}

.doc-portal-section-title[b-0497gefxu8] {
    color: hsl(var(--brand-h, 221), 38%, 15%);
    font-size: .82rem;
    font-weight: 850;
}

.doc-portal-files[b-0497gefxu8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 8px;
}

.doc-portal-file[b-0497gefxu8] {
    display: flex;
    align-items: center;
    gap: 9px;
    border: 1px solid hsla(var(--brand-accent-h, 42), 60%, 44%, .24);
    border-radius: 8px;
    padding: 10px;
    background: rgba(255, 255, 255, .76);
    text-align: left;
    transition: .18s ease;
}

.doc-portal-file:hover[b-0497gefxu8] {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px hsla(var(--brand-h, 222), 34%, 19%, .1);
}

.doc-portal-file span[b-0497gefxu8] {
    min-width: 0;
}

.doc-portal-file strong[b-0497gefxu8] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.doc-portal-timeline[b-0497gefxu8] {
    display: grid;
    gap: 8px;
}

.doc-portal-timeline__item[b-0497gefxu8] {
    display: grid;
    grid-template-columns: 12px minmax(0, 1fr);
    gap: 10px;
}

.doc-portal-timeline__dot[b-0497gefxu8] {
    width: 9px;
    height: 9px;
    margin-top: 5px;
    border-radius: 50%;
    background: hsl(var(--brand-accent-h, 42), 60%, 44%);
    box-shadow: 0 0 0 4px hsla(var(--brand-accent-h, 42), 60%, 44%, .14);
}

.doc-portal-loading[b-0497gefxu8] {
    display: grid;
    place-items: center;
    min-height: 180px;
    padding: 18px;
}

.doc-portal-loading--detail[b-0497gefxu8] {
    min-height: 320px;
}

@media (max-width: 980px) {
    .doc-portal-hero[b-0497gefxu8],
    .doc-portal-toolbar[b-0497gefxu8],
    .doc-portal-personal-cockpit__head[b-0497gefxu8],
    .doc-portal-dossier__head[b-0497gefxu8],
    .doc-portal-dossier__grid[b-0497gefxu8],
    .doc-portal-dossier__deep-grid[b-0497gefxu8],
    .doc-portal-selfservice[b-0497gefxu8],
    .doc-portal-shell[b-0497gefxu8] {
        grid-template-columns: 1fr;
    }

    .doc-portal-personal-cockpit__signals[b-0497gefxu8],
    .doc-portal-personal-cockpit__items[b-0497gefxu8],
    .doc-portal-dossier__categories[b-0497gefxu8],
    .doc-portal-lifecycle[b-0497gefxu8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .doc-portal-personal-cockpit__risk[b-0497gefxu8],
    .doc-portal-dossier__score[b-0497gefxu8] {
        justify-items: start;
    }

    .doc-portal-hero[b-0497gefxu8] {
        display: grid;
    }
}

@media (max-width: 640px) {
    .doc-portal-metrics[b-0497gefxu8] {
        grid-template-columns: 1fr;
    }

    .doc-portal-filter-strip[b-0497gefxu8] {
        width: 100%;
    }

    .doc-portal-intake-intelligence__grid[b-0497gefxu8],
    .doc-portal-evidence-pack__signals[b-0497gefxu8],
    .doc-portal-personal-cockpit__signals[b-0497gefxu8],
    .doc-portal-personal-cockpit__items[b-0497gefxu8],
    .doc-portal-dossier__categories[b-0497gefxu8],
    .doc-portal-lifecycle[b-0497gefxu8],
    .doc-portal-route-panel[b-0497gefxu8] {
        grid-template-columns: 1fr;
    }

    .doc-portal-evidence-pack__hero[b-0497gefxu8] {
        grid-template-columns: 1fr;
    }

    .doc-portal-dossier__coverage-item[b-0497gefxu8],
    .doc-portal-dossier__impact-item[b-0497gefxu8] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .doc-portal-dossier__coverage-item em[b-0497gefxu8],
    .doc-portal-dossier__impact-item time[b-0497gefxu8] {
        grid-column: 2;
        justify-self: start;
    }
}
/* /Pages/Finance.razor.rz.scp.css */
.portal-finance-page[b-og1d1pb2er] {
    gap: 0.72rem;
}

.portal-finance-strip[b-og1d1pb2er],
.portal-finance-sessions[b-og1d1pb2er],
.portal-finance-detail[b-og1d1pb2er],
.portal-finance-grants[b-og1d1pb2er] {
    overflow: hidden;
}

.portal-finance-strip[b-og1d1pb2er] {
    position: relative;
    padding: 0.82rem;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-h, 221), 100%, 91%, 0.22), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 249, 255, 0.96));
}

.portal-finance-strip[b-og1d1pb2er]::after {
    content: "";
    position: absolute;
    inset: auto -4rem -4rem auto;
    width: 11rem;
    height: 11rem;
    border-radius: 999px;
    background: radial-gradient(circle, hsla(var(--brand-h, 224), 66%, 49%, 0.08), transparent 72%);
    pointer-events: none;
}

.portal-finance-strip__top[b-og1d1pb2er],
.portal-finance-strip__actions[b-og1d1pb2er] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.portal-finance-strip__actions[b-og1d1pb2er] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.portal-finance-tabset[b-og1d1pb2er],
.portal-finance-detail__tabs[b-og1d1pb2er] {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.portal-finance-tab[b-og1d1pb2er],
.portal-finance-subtab[b-og1d1pb2er] {
    border: 1px solid hsla(var(--brand-h, 220), 64%, 34%, 0.09);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(243, 247, 255, 0.96));
    color: hsl(var(--brand-h, 214), 28%, 39%);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.portal-finance-tab[b-og1d1pb2er] {
    min-height: 2.2rem;
    padding: 0.45rem 0.9rem;
    border-radius: 999px;
}

.portal-finance-subtab[b-og1d1pb2er] {
    display: inline-flex;
    align-items: center;
    gap: 0.48rem;
    min-height: 2.3rem;
    padding: 0.48rem 0.82rem;
    border-radius: 14px;
}

.portal-finance-subtab span[b-og1d1pb2er] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.4rem;
    height: 1.4rem;
    padding: 0 0.3rem;
    border-radius: 999px;
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.08);
    color: hsl(var(--brand-h, 226), 75%, 48%);
    font-size: 0.68rem;
}

.portal-finance-tab:hover[b-og1d1pb2er],
.portal-finance-tab:focus-visible[b-og1d1pb2er],
.portal-finance-subtab:hover[b-og1d1pb2er],
.portal-finance-subtab:focus-visible[b-og1d1pb2er] {
    transform: translateY(-1px);
    border-color: hsla(var(--brand-h, 224), 76%, 48%, 0.18);
    box-shadow: 0 14px 24px hsla(var(--brand-h, 221), 72%, 29%, 0.08);
}

.portal-finance-tab--active[b-og1d1pb2er],
.portal-finance-subtab--active[b-og1d1pb2er] {
    color: #fff;
    border-color: transparent;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 42), 60%, 60%, 0.28), transparent 34%),
        linear-gradient(135deg, hsl(var(--brand-h, 222), 72%, 33%) 0%, hsl(var(--brand-h, 225), 71%, 50%) 56%, hsl(var(--brand-h, 227), 100%, 72%) 100%);
    box-shadow: 0 18px 28px hsla(var(--brand-h, 222), 73%, 35%, 0.2);
}

.portal-finance-tab--active span[b-og1d1pb2er],
.portal-finance-subtab--active span[b-og1d1pb2er] {
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
}

.portal-finance-button-wrap[b-og1d1pb2er] {
    display: flex;
    align-items: center;
}

.portal-finance-button-wrap[b-og1d1pb2er]  .mud-button-root {
    min-height: 2.25rem;
    padding-inline: 1rem;
    border-radius: 999px;
    box-shadow: 0 16px 24px hsla(var(--brand-h, 223), 76%, 18%, 0.16);
}

.portal-finance-strip__stats[b-og1d1pb2er] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.48rem;
    margin-top: 0.72rem;
}

.portal-finance-summary-card[b-og1d1pb2er],
.portal-finance-mini-stat[b-og1d1pb2er],
.portal-finance-stage-card[b-og1d1pb2er] {
    padding: 0.72rem 0.8rem;
    border-radius: 18px;
    border: 1px solid hsla(var(--brand-h, 220), 64%, 34%, 0.08);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 249, 255, 0.96));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.portal-finance-summary-card span[b-og1d1pb2er],
.portal-finance-mini-stat__label[b-og1d1pb2er],
.portal-finance-stage-card__meta[b-og1d1pb2er] {
    display: block;
    color: hsl(var(--brand-h, 218), 21%, 56%);
    font-size: 0.66rem;
    text-transform: uppercase;
    letter-spacing: 0.13em;
    font-weight: 800;
}

.portal-finance-summary-card strong[b-og1d1pb2er],
.portal-finance-mini-stat strong[b-og1d1pb2er] {
    display: block;
    margin-top: 0.22rem;
    color: var(--portal-ink);
    font-size: 0.96rem;
    letter-spacing: -0.03em;
}

.portal-finance-summary-card small[b-og1d1pb2er] {
    display: block;
    margin-top: 0.16rem;
    color: hsl(var(--brand-h, 217), 22%, 57%);
    font-size: 0.68rem;
    line-height: 1.36;
}

.portal-finance-summary-card--good[b-og1d1pb2er] {
    border-color: rgba(22, 163, 74, 0.18);
    background:
        radial-gradient(circle at top right, rgba(187, 247, 208, 0.34), transparent 44%),
        linear-gradient(180deg, rgba(247, 255, 250, 0.98), rgba(239, 251, 244, 0.96));
}

.portal-finance-summary-card--warn[b-og1d1pb2er] {
    border-color: rgba(220, 38, 38, 0.18);
    background:
        radial-gradient(circle at top right, rgba(254, 226, 226, 0.34), transparent 44%),
        linear-gradient(180deg, rgba(255, 249, 249, 0.98), rgba(254, 242, 242, 0.96));
}

.portal-finance-section-head[b-og1d1pb2er] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.8rem;
}

.portal-finance-section-head__eyebrow[b-og1d1pb2er] {
    color: hsl(var(--brand-h, 218), 20%, 53%);
    font-size: 0.67rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.portal-finance-section-head__title[b-og1d1pb2er] {
    margin-top: 0.16rem;
    color: var(--portal-ink);
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: -0.03em;
}

.portal-finance-section-head__badge[b-og1d1pb2er] {
    flex-shrink: 0;
    padding: 0.3rem 0.64rem;
    border-radius: 999px;
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.08);
    color: hsl(var(--brand-h, 223), 69%, 45%);
    font-size: 0.72rem;
    font-weight: 800;
}

.portal-finance-table-wrap[b-og1d1pb2er] {
    max-height: 22rem;
}

.portal-finance-table[b-og1d1pb2er] {
    min-width: 62rem;
}

.portal-finance-table th[b-og1d1pb2er],
.portal-finance-table td[b-og1d1pb2er] {
    font-size: 0.77rem;
}

.portal-finance-row[b-og1d1pb2er] {
    cursor: pointer;
    transition: background 0.18s ease, box-shadow 0.18s ease;
}

.portal-finance-row--active td[b-og1d1pb2er] {
    background:
        linear-gradient(180deg, rgba(236, 243, 255, 0.98), hsla(var(--brand-h, 215), 100%, 94%, 0.98)) !important;
}

.portal-finance-row--active td:first-child[b-og1d1pb2er] {
    box-shadow: inset 3px 0 0 hsl(var(--brand-h, 225), 71%, 50%);
}

.portal-finance-credit-grid[b-og1d1pb2er],
.portal-finance-stage-grid[b-og1d1pb2er],
.portal-finance-distribution__summary[b-og1d1pb2er] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.48rem;
}

.portal-finance-stage-grid[b-og1d1pb2er] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.portal-finance-stage-card[b-og1d1pb2er] {
    display: grid;
    gap: 0.28rem;
}

.portal-finance-stage-card--done[b-og1d1pb2er] {
    background:
        radial-gradient(circle at top right, rgba(187, 247, 208, 0.42), transparent 44%),
        linear-gradient(180deg, rgba(247, 255, 250, 0.98), rgba(239, 251, 244, 0.96));
    border-color: rgba(22, 163, 74, 0.14);
}

.portal-finance-stage-card__top[b-og1d1pb2er] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.45rem;
}

.portal-finance-stage-card__title[b-og1d1pb2er],
.portal-finance-stage-card__status[b-og1d1pb2er] {
    color: var(--portal-ink);
    font-weight: 800;
    font-size: 0.8rem;
}

.portal-finance-stage-card__status[b-og1d1pb2er] {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    color: hsl(var(--brand-h, 225), 71%, 50%);
    font-size: 0.72rem;
}

.portal-finance-stage-card__status[b-og1d1pb2er]::before{
    content: "";
    display: inline-block;
    width: 0.52rem;
    height: 0.52rem;
    border-radius: 999px;
    background: hsl(var(--brand-h, 225), 71%, 50%);
    box-shadow: 0 0 0 0.22rem hsla(var(--brand-h, 225), 71%, 50%, 0.1);
}

.portal-finance-stage-card--done .portal-finance-stage-card__status[b-og1d1pb2er]{
    color: #157347;
}

.portal-finance-stage-card--done .portal-finance-stage-card__status[b-og1d1pb2er]::before{
    content: "✓";
    display: inline-grid;
    place-items: center;
    width: 0.96rem;
    height: 0.96rem;
    color: #fff;
    font-size: 0.62rem;
    font-weight: 900;
    background: #157347;
    box-shadow: 0 0 0 0.22rem rgba(21, 115, 71, 0.12);
}

.portal-finance-stage-card__amount[b-og1d1pb2er] {
    color: hsl(var(--brand-h, 222), 72%, 33%);
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: -0.03em;
}

.portal-finance-stage-card__meta[b-og1d1pb2er] {
    display: grid;
    gap: 0.18rem;
    line-height: 1.35;
}

.portal-finance-credit-panel[b-og1d1pb2er] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0.9rem 0.96rem;
    border-radius: 20px;
    border: 1px solid hsla(var(--brand-h, 220), 64%, 34%, 0.08);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 249, 255, 0.96));
}

.portal-finance-credit-panel__hint[b-og1d1pb2er],
.portal-finance-cell-meta[b-og1d1pb2er] {
    color: hsl(var(--brand-h, 217), 22%, 57%);
    font-size: 0.68rem;
    line-height: 1.38;
}

.portal-finance-session-table td:nth-child(2)[b-og1d1pb2er],
.portal-finance-table td.portal-wrap[b-og1d1pb2er] {
    white-space: normal;
}

.portal-finance-table-wrap[b-og1d1pb2er]::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.portal-finance-table-wrap[b-og1d1pb2er]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: linear-gradient(180deg, hsla(var(--brand-h, 222), 70%, 56%, 0.62), hsla(var(--brand-h, 223), 69%, 45%, 0.8));
}

.portal-finance-table-wrap[b-og1d1pb2er]::-webkit-scrollbar-track {
    border-radius: 999px;
    background: rgba(226, 233, 245, 0.72);
}

.portal-finance-maui-hero[b-og1d1pb2er]{
    display: grid;
    gap: 0.5rem;
    overflow: hidden;
    border: 0;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 42), 60%, 60%, 0.22), transparent 34%),
        linear-gradient(135deg, hsl(var(--brand-h, 222), 72%, 33%) 0%, hsl(var(--brand-h, 225), 71%, 50%) 58%, hsl(var(--brand-h, 227), 100%, 72%) 100%);
    box-shadow: 0 20px 36px hsla(var(--brand-h, 222), 73%, 35%, 0.2);
}

.portal-finance-maui-hero__eyebrow[b-og1d1pb2er]{
    color: hsl(var(--brand-h, 214), 100%, 93%);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.portal-finance-maui-hero__title[b-og1d1pb2er]{
    color: #fff;
    font-size: 1.35rem;
    font-weight: 900;
    line-height: 1.08;
}

.portal-finance-maui-hero__status[b-og1d1pb2er]{
    font-size: 0.86rem;
    font-weight: 700;
}

.portal-finance-maui-hero__status--good[b-og1d1pb2er]{
    color: #c8f4d7;
}

.portal-finance-maui-hero__status--warn[b-og1d1pb2er]{
    color: #ffd6d6;
}

.portal-finance-maui-summary[b-og1d1pb2er]{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.72rem;
}

.portal-finance-maui-stat[b-og1d1pb2er]{
    display: grid;
    gap: 0.22rem;
    border-radius: 22px;
    border: 1px solid hsla(var(--brand-h, 220), 64%, 34%, 0.08);
    background:
        radial-gradient(circle at top right, hsla(var(--brand-h, 224), 76%, 48%, 0.08), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(245, 248, 255, 0.97));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        0 14px 26px hsla(var(--brand-h, 219), 66%, 15%, 0.06);
}

.portal-finance-maui-stat span[b-og1d1pb2er]{
    color: hsl(var(--brand-h, 218), 21%, 56%);
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.portal-finance-maui-stat strong[b-og1d1pb2er]{
    color: var(--portal-ink);
    font-size: 0.96rem;
    font-weight: 900;
    line-height: 1.3;
}

.portal-finance-maui-stat small[b-og1d1pb2er]{
    color: hsl(var(--brand-h, 218), 20%, 53%);
    font-size: 0.72rem;
    line-height: 1.38;
}

.portal-finance-maui-stat__value--good[b-og1d1pb2er]{
    color: #157347 !important;
}

.portal-finance-maui-stat__value--warn[b-og1d1pb2er]{
    color: hsl(var(--brand-accent-h, 4), 76%, 40%) !important;
}

.portal-finance-maui-section[b-og1d1pb2er]{
    display: grid;
    gap: 0.9rem;
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-h, 224), 76%, 48%, 0.08), transparent 28%),
        radial-gradient(circle at bottom left, hsla(var(--brand-accent-h, 42), 60%, 60%, 0.08), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(245, 248, 255, 0.97));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        0 18px 32px hsla(var(--brand-h, 219), 66%, 15%, 0.06);
}

.portal-finance-maui-section--distribution[b-og1d1pb2er]{
    border-color: hsla(var(--brand-h, 224), 76%, 48%, 0.12);
    background:
        radial-gradient(circle at top right, hsla(var(--brand-h, 224), 76%, 48%, 0.12), transparent 28%),
        radial-gradient(circle at bottom left, hsla(var(--brand-accent-h, 42), 60%, 60%, 0.12), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(241, 246, 255, 0.98));
}

.portal-finance-maui-section__head[b-og1d1pb2er]{
    display: grid;
    gap: 0.22rem;
}

.portal-finance-maui-section__title[b-og1d1pb2er]{
    color: var(--portal-ink);
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: -0.03em;
}

.portal-finance-maui-section__copy[b-og1d1pb2er]{
    color: hsl(var(--brand-h, 218), 21%, 53%);
    font-size: 0.8rem;
    line-height: 1.5;
}

.portal-finance-maui-section__copy--replacement + .portal-finance-maui-section__copy[b-og1d1pb2er]{
    display: none;
}

.portal-finance-maui-session-list[b-og1d1pb2er],
.portal-finance-maui-inline-list[b-og1d1pb2er],
.portal-finance-maui-stage-list[b-og1d1pb2er]{
    display: grid;
    gap: 0.72rem;
}

.portal-finance-maui-session[b-og1d1pb2er]{
    display: grid;
    gap: 0.82rem;
    padding: 0.92rem;
    border-radius: 22px;
    border: 1px solid hsla(var(--brand-h, 216), 61%, 23%, 0.08);
    background:
        radial-gradient(circle at top right, hsla(var(--brand-h, 224), 76%, 48%, 0.08), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,0.99), rgba(245,248,255,0.97));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.96), 0 16px 28px hsla(var(--brand-h, 219), 66%, 15%, 0.06);
}

.portal-finance-maui-session--selected[b-og1d1pb2er]{
    border-color: hsla(var(--brand-h, 224), 76%, 48%, 0.18);
    background:
        radial-gradient(circle at top right, hsla(var(--brand-h, 224), 76%, 48%, 0.14), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,0.99), rgba(239,245,255,0.98));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.96), 0 20px 34px hsla(var(--brand-h, 224), 76%, 48%, 0.12);
}

.portal-finance-maui-session__summary[b-og1d1pb2er],
.portal-finance-maui-action-card[b-og1d1pb2er],
.portal-finance-maui-inline-card__toggle[b-og1d1pb2er]{
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    width: 100%;
    background: none;
    padding: 0;
    text-align: left;
    font: inherit;
    color: inherit;
}

.portal-finance-maui-session__top[b-og1d1pb2er],
.portal-finance-maui-inline-card__top[b-og1d1pb2er]{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: start;
}

.portal-finance-maui-session__copy[b-og1d1pb2er],
.portal-finance-maui-inline-card__copy[b-og1d1pb2er]{
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.portal-finance-maui-session__title[b-og1d1pb2er],
.portal-finance-maui-inline-card__title[b-og1d1pb2er]{
    color: hsl(var(--brand-h, 216), 61%, 23%);
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.28;
}

.portal-finance-maui-session__subtitle[b-og1d1pb2er],
.portal-finance-maui-inline-card__summary[b-og1d1pb2er]{
    color: hsl(var(--brand-h, 218), 21%, 53%);
    font-size: 0.8rem;
    line-height: 1.45;
}

.portal-finance-maui-session__status[b-og1d1pb2er]{
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.24rem 0.72rem;
    border-radius: 999px;
    background: rgba(238, 243, 250, 0.96);
    color: hsl(var(--brand-h, 222), 72%, 33%);
    font-size: 0.72rem;
    font-weight: 800;
    text-align: center;
}

.portal-finance-maui-session__grid[b-og1d1pb2er],
.portal-finance-maui-credit-grid[b-og1d1pb2er]{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.62rem;
}

.portal-finance-maui-soft-card[b-og1d1pb2er],
.portal-finance-maui-stage-card[b-og1d1pb2er],
.portal-finance-maui-inline-card[b-og1d1pb2er]{
    display: grid;
    gap: 0.24rem;
    padding: 0.78rem 0.82rem;
    border-radius: 18px;
    border: 1px solid hsla(var(--brand-h, 220), 64%, 34%, 0.08);
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(246,249,255,0.96));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.86);
}

.portal-finance-maui-inline-card--payment[b-og1d1pb2er],
.portal-finance-maui-inline-card--distribution[b-og1d1pb2er]{
    gap: 0.55rem;
    padding: 0.92rem;
}

.portal-finance-maui-soft-card span[b-og1d1pb2er],
.portal-finance-maui-action-card span[b-og1d1pb2er]{
    color: hsl(var(--brand-h, 218), 21%, 50%);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    line-height: 1.28;
}

.portal-finance-maui-soft-card strong[b-og1d1pb2er],
.portal-finance-maui-action-card strong[b-og1d1pb2er]{
    color: var(--portal-ink);
    font-size: 0.86rem;
    font-weight: 900;
    line-height: 1.22;
}

.portal-finance-maui-action-card[b-og1d1pb2er]{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.08rem;
    min-height: 4.1rem;
    padding: 0.52rem 2.45rem 0.52rem 0.72rem;
    border-radius: 13px;
    border: 1px solid hsla(var(--brand-h, 220), 64%, 34%, 0.1);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.86),
        0 8px 16px hsla(var(--brand-h, 223), 66%, 17%, 0.045);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.portal-finance-maui-soft-card[b-og1d1pb2er]{
    justify-items: start;
    align-content: start;
    gap: 0.14rem;
    padding: 0.58rem 0.66rem;
    border-radius: 14px;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-h, 224), 76%, 48%, 0.05), transparent 36%),
        linear-gradient(180deg, rgba(255,255,255,0.99), rgba(244,248,255,0.98));
}

.portal-finance-maui-action-card em[b-og1d1pb2er]{
    position: absolute;
    top: 50%;
    right: 0.66rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.4rem;
    height: 1.4rem;
    margin-top: -0.7rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92);
    color: currentColor;
    font-style: normal;
    font-size: 0;
    font-weight: 900;
}

.portal-finance-maui-action-card em[b-og1d1pb2er]::before{
    content: "+";
    font-size: 0.9rem;
    line-height: 1;
}

.portal-finance-maui-action-card--open[b-og1d1pb2er]{
    border-color: hsla(var(--brand-h, 225), 71%, 50%, 0.18);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.9),
        0 12px 22px hsla(var(--brand-h, 225), 71%, 50%, 0.08);
}

.portal-finance-maui-action-card--open em[b-og1d1pb2er]::before{
    content: "−";
}

.portal-finance-maui-action-card--paid[b-og1d1pb2er]{
    background:
        radial-gradient(circle at top right, hsla(var(--brand-h, 227), 100%, 72%, 0.14), transparent 40%),
        linear-gradient(180deg, rgba(248, 251, 255, 0.99), rgba(237, 243, 255, 0.98));
    border-color: hsla(var(--brand-h, 225), 71%, 50%, 0.14);
    color: hsl(var(--brand-h, 222), 72%, 33%);
}

.portal-finance-maui-action-card--grant[b-og1d1pb2er]{
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 42), 60%, 60%, 0.14), transparent 40%),
        linear-gradient(180deg, rgba(255, 252, 247, 0.99), rgba(251, 246, 234, 0.98));
    border-color: hsla(var(--brand-accent-h, 37), 49%, 48%, 0.18);
    color: #8b5e17;
}

.portal-finance-maui-session__expanded[b-og1d1pb2er]{
    display: grid;
    gap: 0.82rem;
}

.portal-finance-maui-subsection[b-og1d1pb2er]{
    display: grid;
    gap: 0.6rem;
}

.portal-finance-maui-subsection--hint[b-og1d1pb2er]{
    padding: 0.9rem;
    border-radius: 18px;
    border: 1px dashed hsla(var(--brand-h, 223), 69%, 45%, 0.2);
    background: rgba(239, 245, 255, 0.78);
}

.portal-finance-maui-subsection__title[b-og1d1pb2er]{
    color: hsl(var(--brand-h, 216), 61%, 23%);
    font-size: 0.95rem;
    font-weight: 800;
}

.portal-finance-maui-inline-card__toggle[b-og1d1pb2er]{
    display: inline-flex;
    align-items: center;
    gap: 0.34rem;
    width: auto;
    justify-self: end;
    padding: 0.34rem 0.54rem;
    border-radius: 999px;
    background: rgba(233, 240, 252, 0.92);
    color: hsl(var(--brand-h, 222), 72%, 33%);
    font-size: 0;
    font-weight: 800;
    line-height: 1;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.portal-finance-maui-inline-card__toggle-label[b-og1d1pb2er]{
    font-size: 0.68rem;
    font-weight: 800;
}

.portal-finance-maui-inline-card__toggle-icon[b-og1d1pb2er]{
    font-size: 0.8rem;
    font-weight: 900;
}

.portal-finance-maui-inline-card__toggle > span:last-child[b-og1d1pb2er]{
    display: none;
}

.portal-finance-maui-inline-card__actions[b-og1d1pb2er]{
    display: flex;
    justify-content: flex-end;
}

.portal-finance-maui-inline-card__amount[b-og1d1pb2er]{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: 0.28rem 0.78rem;
    border-radius: 999px;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 42), 60%, 60%, 0.18), transparent 40%),
        linear-gradient(135deg, hsla(var(--brand-h, 222), 72%, 33%, 0.08), hsla(var(--brand-h, 225), 71%, 50%, 0.12));
    color: hsl(var(--brand-h, 222), 72%, 33%);
    font-size: 0.78rem;
    font-weight: 900;
    white-space: nowrap;
    letter-spacing: -0.02em;
}

.portal-finance-maui-inline-card__details[b-og1d1pb2er]{
    display: grid;
    gap: 0.24rem;
    color: hsl(var(--brand-h, 218), 20%, 48%);
    font-size: 0.76rem;
    line-height: 1.42;
}

.portal-finance-maui-inline-card__details--static[b-og1d1pb2er]{
    margin-top: 0.12rem;
}

.portal-finance-maui-inline-card--payment .portal-finance-maui-inline-card__details > div[b-og1d1pb2er]{
    display: none;
}

.portal-finance-maui-detail-list[b-og1d1pb2er]{
    display: grid;
    gap: 0.32rem;
    margin: 0;
}

.portal-finance-maui-detail-list__row[b-og1d1pb2er]{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.65rem;
    align-items: start;
}

.portal-finance-maui-detail-list__row dt[b-og1d1pb2er],
.portal-finance-maui-detail-list__row dd[b-og1d1pb2er]{
    margin: 0;
}

.portal-finance-maui-detail-list__row dt[b-og1d1pb2er]{
    color: hsl(var(--brand-h, 218), 20%, 53%);
    font-size: 0;
    font-weight: 700;
}

.portal-finance-maui-detail-list__row dd[b-og1d1pb2er]{
    color: hsl(var(--brand-h, 216), 61%, 23%);
    font-size: 0.76rem;
    font-weight: 800;
    text-align: right;
}

.portal-finance-maui-detail-list__row dt[b-og1d1pb2er]::before{
    font-size: 0.72rem;
}

.portal-finance-maui-detail-list__row--payer dt[b-og1d1pb2er]::before{
    content: "\10D2\10D0\10D3\10D0\10DB\10EE\10D3\10D4\10DA\10D8";
}

.portal-finance-maui-detail-list__row--identifier dt[b-og1d1pb2er]::before{
    content: "\10D8\10D3\10D4\10DC\10E2\10D8\10E4\10D8\10D9\10D0\10E2\10DD\10E0\10D8";
}

.portal-finance-maui-detail-list__row--currency dt[b-og1d1pb2er]::before{
    content: "\10DB\10D7\10D0\10D5\10D0\10E0 \10D5\10D0\10DA\10E3\10E2\10D0\10E8\10D8";
}

.portal-finance-maui-detail-list__row--rate dt[b-og1d1pb2er]::before{
    content: "\10D9\10E3\10E0\10E1\10D8";
}

.portal-finance-maui-stage-card[b-og1d1pb2er]{
    gap: 0.18rem;
    padding: 0.92rem;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-h, 224), 76%, 48%, 0.09), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,0.99), rgba(244,248,255,0.98));
}

.portal-finance-maui-stage-card--done[b-og1d1pb2er]{
    border-color: rgba(22, 163, 74, 0.14);
    background:
        radial-gradient(circle at top right, rgba(187, 247, 208, 0.34), transparent 44%),
        linear-gradient(180deg, rgba(247, 255, 250, 0.98), rgba(239, 251, 244, 0.96));
}

.portal-finance-maui-stage-card__title[b-og1d1pb2er]{
    color: hsl(var(--brand-h, 216), 61%, 23%);
    font-size: 0.92rem;
    font-weight: 800;
}

.portal-finance-maui-stage-card__header[b-og1d1pb2er]{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.55rem;
}

.portal-finance-maui-stage-card__status[b-og1d1pb2er]{
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    color: hsl(var(--brand-h, 225), 71%, 50%);
    font-size: 0.74rem;
    font-weight: 800;
}

.portal-finance-maui-stage-card__status[b-og1d1pb2er]::before{
    content: "";
    display: inline-block;
    width: 0.52rem;
    height: 0.52rem;
    border-radius: 999px;
    background: hsl(var(--brand-h, 225), 71%, 50%);
    box-shadow: 0 0 0 0.22rem hsla(var(--brand-h, 225), 71%, 50%, 0.1);
}

.portal-finance-maui-stage-card--done .portal-finance-maui-stage-card__status[b-og1d1pb2er]{
    color: #157347;
}

.portal-finance-maui-stage-card--done .portal-finance-maui-stage-card__status[b-og1d1pb2er]::before{
    content: "✓";
    display: inline-grid;
    place-items: center;
    width: 0.96rem;
    height: 0.96rem;
    color: #fff;
    font-size: 0.62rem;
    font-weight: 900;
    background: #157347;
    box-shadow: 0 0 0 0.22rem rgba(21, 115, 71, 0.12);
}

.portal-finance-maui-stage-card__amount[b-og1d1pb2er]{
    color: hsl(var(--brand-h, 222), 72%, 33%);
    font-size: 1.02rem;
    font-weight: 900;
    letter-spacing: -0.03em;
}

.portal-finance-maui-stage-card__meta[b-og1d1pb2er]{
    color: hsl(var(--brand-h, 218), 21%, 53%);
    font-size: 0.78rem;
    line-height: 1.44;
}

.portal-finance-maui-stage-card > div:nth-of-type(6)[b-og1d1pb2er],
.portal-finance-maui-stage-card > div:nth-of-type(7)[b-og1d1pb2er]{
    display: none;
}

.portal-finance-maui-stage-card__meta--fixed[b-og1d1pb2er]{
    color: hsl(var(--brand-h, 218), 22%, 46%);
}

.portal-finance-maui-credit-action[b-og1d1pb2er]{
    display: flex;
    justify-content: flex-start;
}

.portal-finance-maui-credit-action[b-og1d1pb2er]  .mud-button-root{
    min-height: 2.35rem;
    padding-inline: 1rem;
    border-radius: 999px;
    box-shadow: 0 16px 24px hsla(var(--brand-h, 223), 76%, 18%, 0.16);
}

@media (max-width: 1180px) {
    .portal-finance-strip__top[b-og1d1pb2er],
    .portal-finance-strip__actions[b-og1d1pb2er],
    .portal-finance-credit-panel[b-og1d1pb2er] {
        flex-direction: column;
        align-items: stretch;
    }

    .portal-finance-strip__stats[b-og1d1pb2er],
    .portal-finance-credit-grid[b-og1d1pb2er],
    .portal-finance-stage-grid[b-og1d1pb2er],
    .portal-finance-distribution__summary[b-og1d1pb2er] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 780px) {
    .portal-finance-strip__stats[b-og1d1pb2er],
    .portal-finance-credit-grid[b-og1d1pb2er],
    .portal-finance-stage-grid[b-og1d1pb2er],
    .portal-finance-distribution__summary[b-og1d1pb2er] {
        grid-template-columns: 1fr;
    }

    .portal-finance-table th[b-og1d1pb2er],
    .portal-finance-table td[b-og1d1pb2er] {
        font-size: 0.72rem;
    }
}

.portal-finance-mobile-only[b-og1d1pb2er] {
    display: none;
}

.portal-finance-mobile-list[b-og1d1pb2er] {
    display: grid;
    gap: 0.78rem;
}

.portal-finance-mobile-card[b-og1d1pb2er] {
    display: grid;
    gap: 0.72rem;
    width: 100%;
    padding: 0.96rem 1rem;
    border-radius: 24px;
    border: 1px solid hsla(var(--brand-h, 216), 61%, 23%, 0.08);
    background:
        radial-gradient(circle at top right, hsla(var(--brand-h, 224), 76%, 48%, 0.09), transparent 30%),
        radial-gradient(circle at bottom left, hsla(var(--brand-accent-h, 37), 49%, 48%, 0.08), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(245, 248, 255, 0.97));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.96),
        0 18px 32px hsla(var(--brand-h, 219), 66%, 15%, 0.07);
}

.portal-finance-mobile-card--button[b-og1d1pb2er] {
    text-align: left;
    cursor: pointer;
}

.portal-finance-mobile-card--active[b-og1d1pb2er] {
    border-color: hsla(var(--brand-h, 224), 76%, 48%, 0.18);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.97),
        0 22px 36px hsla(var(--brand-h, 224), 76%, 48%, 0.1);
}

.portal-finance-mobile-card__head[b-og1d1pb2er] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.72rem;
}

.portal-finance-mobile-card__copy[b-og1d1pb2er] {
    display: grid;
    gap: 0.16rem;
    min-width: 0;
}

.portal-finance-mobile-card__eyebrow[b-og1d1pb2er] {
    color: hsl(var(--brand-h, 218), 20%, 54%);
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.portal-finance-mobile-card__title[b-og1d1pb2er] {
    color: hsl(var(--brand-h, 216), 61%, 23%);
    font-size: 0.96rem;
    font-weight: 800;
    line-height: 1.28;
}

.portal-finance-mobile-card__meta[b-og1d1pb2er] {
    color: hsl(var(--brand-h, 218), 21%, 53%);
    font-size: 0.78rem;
    line-height: 1.45;
}

.portal-finance-mobile-card__badge[b-og1d1pb2er] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: 0.24rem 0.72rem;
    border-radius: 999px;
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.08);
    color: hsl(var(--brand-h, 224), 71%, 48%);
    font-size: 0.72rem;
    font-weight: 800;
    white-space: nowrap;
}

.portal-finance-mobile-card__badge--icon[b-og1d1pb2er] {
    min-width: 2rem;
    padding: 0.24rem;
}

.portal-finance-mobile-card__badge--icon[b-og1d1pb2er]  .mud-icon-root,
.portal-finance-mobile-card__badge--icon .mud-icon-root[b-og1d1pb2er]{
    width: 1.08rem;
    height: 1.08rem;
    font-size: 1.08rem;
    color: currentColor;
}

.portal-finance-mobile-list--sessions .portal-finance-mobile-card__badge[b-og1d1pb2er] {
    font-size: 0;
    color: transparent;
}

.portal-finance-mobile-list--sessions .portal-finance-mobile-card__badge[b-og1d1pb2er]::before {
    content: "○";
    color: hsl(var(--brand-h, 218), 42%, 42%);
    font-size: 1rem;
    line-height: 1;
}

.portal-finance-mobile-list--sessions .portal-finance-mobile-card--active .portal-finance-mobile-card__badge[b-og1d1pb2er]::before {
    content: "✓";
    color: hsl(var(--brand-h, 224), 71%, 48%);
}

.portal-finance-mobile-card__pills[b-og1d1pb2er] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.38rem;
}

.portal-finance-mobile-card__pill[b-og1d1pb2er] {
    display: inline-flex;
    align-items: center;
    min-height: 1.84rem;
    padding: 0.2rem 0.58rem;
    border-radius: 999px;
    background: hsla(var(--brand-h, 217), 51%, 15%, 0.05);
    color: hsl(var(--brand-h, 217), 48%, 29%);
    font-size: 0.72rem;
    font-weight: 700;
}

.portal-finance-mobile-card__grid[b-og1d1pb2er] {
    display: grid;
    gap: 0.5rem;
}

.portal-finance-mobile-card__row[b-og1d1pb2er] {
    display: grid;
    gap: 0.18rem;
    padding-top: 0.46rem;
    border-top: 1px solid hsla(var(--brand-h, 216), 61%, 23%, 0.06);
}

.portal-finance-mobile-card__row:first-child[b-og1d1pb2er] {
    padding-top: 0;
    border-top: 0;
}

.portal-finance-mobile-card__label[b-og1d1pb2er] {
    color: hsl(var(--brand-h, 218), 20%, 55%);
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.portal-finance-mobile-card__value[b-og1d1pb2er] {
    color: hsl(var(--brand-h, 216), 61%, 23%);
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.45;
}

.portal-finance-mobile-list--sessions[b-og1d1pb2er] {
    gap: 0.56rem;
}

.portal-finance-mobile-list--sessions .portal-finance-mobile-card[b-og1d1pb2er] {
    gap: 0.44rem;
    padding: 0.68rem 0.74rem;
    border-radius: 20px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.96),
        0 8px 18px hsla(var(--brand-h, 219), 66%, 15%, 0.05);
}

.portal-finance-mobile-list--sessions .portal-finance-mobile-card__head[b-og1d1pb2er] {
    align-items: center;
    gap: 0.48rem;
}

.portal-finance-mobile-list--sessions .portal-finance-mobile-card__copy[b-og1d1pb2er] {
    gap: 0.04rem;
}

.portal-finance-mobile-list--sessions .portal-finance-mobile-card__eyebrow[b-og1d1pb2er] {
    font-size: 0.54rem;
    letter-spacing: 0.1em;
}

.portal-finance-mobile-list--sessions .portal-finance-mobile-card__title[b-og1d1pb2er] {
    font-size: 0.76rem;
    line-height: 1.14;
}

.portal-finance-mobile-list--sessions .portal-finance-mobile-card__meta[b-og1d1pb2er] {
    font-size: 0.62rem;
    line-height: 1.16;
}

.portal-finance-mobile-list--sessions .portal-finance-mobile-card__badge[b-og1d1pb2er] {
    flex-shrink: 0;
    min-width: 1.45rem;
    min-height: 1.45rem;
    padding: 0.12rem;
    border-radius: 999px;
    font-size: 0.58rem;
}

.portal-finance-mobile-list--sessions .portal-finance-mobile-card__pills[b-og1d1pb2er] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.28rem;
}

.portal-finance-mobile-list--sessions .portal-finance-mobile-card__pill[b-og1d1pb2er] {
    justify-content: center;
    min-height: 1.46rem;
    padding: 0.1rem 0.24rem;
    text-align: center;
    font-size: 0.59rem;
    line-height: 1.08;
}

.portal-finance-mobile-list--sessions .portal-finance-mobile-card:not(.portal-finance-mobile-card--active) .portal-finance-mobile-card__grid[b-og1d1pb2er] {
    display: none;
}

.portal-finance-mobile-list--sessions .portal-finance-mobile-card--active .portal-finance-mobile-card__grid[b-og1d1pb2er] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.38rem;
}

.portal-finance-mobile-list--sessions .portal-finance-mobile-card--active .portal-finance-mobile-card__row[b-og1d1pb2er] {
    gap: 0.1rem;
    padding: 0.5rem 0.56rem;
    border-top: 0;
    border-radius: 14px;
    background: rgba(241, 245, 255, 0.9);
}

.portal-finance-mobile-list--sessions .portal-finance-mobile-card--active .portal-finance-mobile-card__label[b-og1d1pb2er] {
    font-size: 0.56rem;
    letter-spacing: 0.1em;
}

.portal-finance-mobile-list--sessions .portal-finance-mobile-card--active .portal-finance-mobile-card__value[b-og1d1pb2er] {
    font-size: 0.74rem;
    line-height: 1.28;
}

.portal-finance-mobile-list--payments[b-og1d1pb2er] {
    gap: 0.56rem;
}

.portal-finance-mobile-list--payments .portal-finance-mobile-card[b-og1d1pb2er] {
    gap: 0.52rem;
    padding: 0.76rem 0.82rem;
    border-radius: 22px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.96),
        0 10px 24px hsla(var(--brand-h, 219), 66%, 15%, 0.06);
}

.portal-finance-mobile-list--payments .portal-finance-mobile-card__head[b-og1d1pb2er] {
    align-items: center;
    gap: 0.56rem;
}

.portal-finance-mobile-list--payments .portal-finance-mobile-card__copy[b-og1d1pb2er] {
    gap: 0.08rem;
}

.portal-finance-mobile-list--payments .portal-finance-mobile-card__eyebrow[b-og1d1pb2er] {
    font-size: 0.58rem;
}

.portal-finance-mobile-list--payments .portal-finance-mobile-card__title[b-og1d1pb2er] {
    font-size: 0.84rem;
    line-height: 1.22;
}

.portal-finance-mobile-list--payments .portal-finance-mobile-card__meta[b-og1d1pb2er] {
    font-size: 0.68rem;
    line-height: 1.24;
}

.portal-finance-mobile-list--payments .portal-finance-mobile-card__pills[b-og1d1pb2er] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.34rem;
}

.portal-finance-mobile-list--payments .portal-finance-mobile-card__pill[b-og1d1pb2er] {
    justify-content: center;
    min-height: 1.68rem;
    padding: 0.14rem 0.3rem;
    text-align: center;
    font-size: 0.66rem;
}

.portal-finance-mobile-list--payments .portal-finance-mobile-card__grid[b-og1d1pb2er] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.38rem;
}

.portal-finance-mobile-list--payments .portal-finance-mobile-card__row[b-og1d1pb2er] {
    gap: 0.1rem;
    padding: 0.5rem 0.56rem;
    border-top: 0;
    border-radius: 14px;
    background: rgba(241, 245, 255, 0.9);
}

.portal-finance-mobile-list--payments .portal-finance-mobile-card__label[b-og1d1pb2er] {
    font-size: 0.56rem;
    letter-spacing: 0.1em;
}

.portal-finance-mobile-list--payments .portal-finance-mobile-card__value[b-og1d1pb2er] {
    font-size: 0.74rem;
    line-height: 1.28;
}

@media (max-width: 860px) {
    .portal-finance-desktop-only[b-og1d1pb2er] {
        display: none;
    }

    .portal-finance-mobile-only[b-og1d1pb2er] {
        display: block;
    }

    .portal-finance-mobile-card__head[b-og1d1pb2er] {
        flex-direction: column;
        align-items: flex-start;
    }

    .portal-finance-mobile-card--button[b-og1d1pb2er] {
        width: 100%;
    }

    .portal-finance-mobile-list--sessions .portal-finance-mobile-card__head[b-og1d1pb2er],
    .portal-finance-mobile-list--payments .portal-finance-mobile-card__head[b-og1d1pb2er] {
        flex-direction: row;
        align-items: center;
    }

    .portal-finance-mobile-list--sessions .portal-finance-mobile-card__copy[b-og1d1pb2er],
    .portal-finance-mobile-list--payments .portal-finance-mobile-card__copy[b-og1d1pb2er] {
        min-width: 0;
        flex: 1;
    }

    .portal-finance-mobile-list--sessions .portal-finance-mobile-card__pills[b-og1d1pb2er],
    .portal-finance-mobile-list--sessions .portal-finance-mobile-card--active .portal-finance-mobile-card__grid[b-og1d1pb2er],
    .portal-finance-mobile-list--payments .portal-finance-mobile-card__pills[b-og1d1pb2er],
    .portal-finance-mobile-list--payments .portal-finance-mobile-card__grid[b-og1d1pb2er] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 420px) {
    .portal-finance-maui-summary[b-og1d1pb2er],
    .portal-finance-maui-session__grid[b-og1d1pb2er],
    .portal-finance-maui-credit-grid[b-og1d1pb2er]{
        grid-template-columns: 1fr;
    }

    .portal-finance-mobile-list--payments .portal-finance-mobile-card__grid[b-og1d1pb2er] {
        grid-template-columns: 1fr;
    }
}

/* Finance — compact tenant-aware premium workspace */
.portal-content-shell .portal-page.portal-finance-page[b-og1d1pb2er] {
    gap: var(--space-4);
}

.portal-content-shell .portal-finance-strip[b-og1d1pb2er],
.portal-content-shell .portal-finance-sessions[b-og1d1pb2er],
.portal-content-shell .portal-finance-detail[b-og1d1pb2er],
.portal-content-shell .portal-finance-grants[b-og1d1pb2er] {
    padding: var(--space-4) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-lg) !important;
    background: var(--color-surface) !important;
    background-image: none !important;
    box-shadow: var(--shadow-card) !important;
}

.portal-content-shell .portal-finance-strip[b-og1d1pb2er]::before,
.portal-content-shell .portal-finance-strip[b-og1d1pb2er]::after,
.portal-content-shell .portal-finance-sessions[b-og1d1pb2er]::before,
.portal-content-shell .portal-finance-sessions[b-og1d1pb2er]::after,
.portal-content-shell .portal-finance-detail[b-og1d1pb2er]::before,
.portal-content-shell .portal-finance-detail[b-og1d1pb2er]::after,
.portal-content-shell .portal-finance-grants[b-og1d1pb2er]::before,
.portal-content-shell .portal-finance-grants[b-og1d1pb2er]::after {
    display: none !important;
}

.portal-content-shell .portal-finance-strip__top[b-og1d1pb2er] {
    align-items: center;
    gap: var(--space-4);
}

.portal-content-shell .portal-finance-strip__top[b-og1d1pb2er]  .portal-title {
    min-width: 0;
    align-items: center;
    gap: var(--space-3);
}

.portal-content-shell .portal-finance-strip__top[b-og1d1pb2er]  .portal-title__icon {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
    border: 1px solid var(--color-brand-100);
    border-radius: var(--radius-md);
    color: var(--color-brand-900);
    background: var(--color-brand-50);
    box-shadow: none;
}

.portal-content-shell .portal-finance-strip__top[b-og1d1pb2er]  .portal-title__eyebrow {
    margin-bottom: 2px;
    color: var(--color-brand-800);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.075em;
}

.portal-content-shell .portal-finance-strip__actions[b-og1d1pb2er] {
    align-items: center;
    gap: var(--space-2);
}

.portal-content-shell .portal-finance-tabset[b-og1d1pb2er],
.portal-content-shell .portal-finance-detail__tabs[b-og1d1pb2er] {
    gap: var(--space-2);
}

.portal-content-shell .portal-finance-tab[b-og1d1pb2er],
.portal-content-shell .portal-finance-subtab[b-og1d1pb2er] {
    min-height: 40px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    color: var(--color-text-secondary);
    background: var(--color-surface);
    background-image: none;
    box-shadow: none;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0;
    transition: color var(--motion-fast), border-color var(--motion-fast), background-color var(--motion-fast), transform var(--motion-fast);
}

.portal-content-shell .portal-finance-tab[b-og1d1pb2er] {
    padding: 0.52rem 0.9rem;
}

.portal-content-shell .portal-finance-subtab[b-og1d1pb2er] {
    padding: 0.48rem 0.75rem;
}

.portal-content-shell .portal-finance-tab:hover[b-og1d1pb2er],
.portal-content-shell .portal-finance-tab:focus-visible[b-og1d1pb2er],
.portal-content-shell .portal-finance-subtab:hover[b-og1d1pb2er],
.portal-content-shell .portal-finance-subtab:focus-visible[b-og1d1pb2er] {
    transform: none;
    border-color: var(--color-border-strong);
    color: var(--color-brand-900);
    background: var(--color-brand-50);
    box-shadow: none;
}

.portal-content-shell .portal-finance-tab--active[b-og1d1pb2er] {
    border-color: var(--color-brand-900);
    color: #fff;
    background: var(--color-brand-900);
    background-image: none;
    box-shadow: var(--shadow-xs);
}

.portal-content-shell .portal-finance-subtab--active[b-og1d1pb2er] {
    border-color: var(--color-brand-100);
    color: var(--color-brand-900);
    background: var(--color-brand-50);
    background-image: none;
    box-shadow: inset 3px 0 0 var(--color-brand-900);
}

.portal-content-shell .portal-finance-subtab span[b-og1d1pb2er] {
    min-width: 20px;
    height: 20px;
    padding-inline: 5px;
    color: var(--color-text-secondary);
    background: var(--color-surface-subtle);
    font-size: 0.66rem;
}

.portal-content-shell .portal-finance-subtab--active span[b-og1d1pb2er] {
    color: var(--color-brand-900);
    background: var(--color-surface);
}

.portal-content-shell .portal-finance-button-wrap[b-og1d1pb2er]  .mud-button-root {
    min-height: 40px;
    padding-inline: var(--space-4);
    border-radius: var(--radius-md);
    box-shadow: none;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: none;
}

.portal-content-shell .portal-finance-button-wrap[b-og1d1pb2er]  .mud-button-filled-primary {
    background: var(--color-brand-900);
}

.portal-content-shell .portal-finance-strip__stats[b-og1d1pb2er] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-3);
    margin-top: var(--space-3);
}

.portal-content-shell .portal-finance-summary-card[b-og1d1pb2er] {
    min-height: 88px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: var(--space-3) var(--space-4);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface-subtle);
    background-image: none;
    box-shadow: none;
}

.portal-content-shell .portal-finance-summary-card span[b-og1d1pb2er],
.portal-content-shell .portal-finance-mini-stat__label[b-og1d1pb2er],
.portal-content-shell .portal-finance-stage-card__meta[b-og1d1pb2er] {
    color: var(--color-text-muted);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.075em;
    line-height: 1.3;
}

.portal-content-shell .portal-finance-summary-card strong[b-og1d1pb2er],
.portal-content-shell .portal-finance-mini-stat strong[b-og1d1pb2er] {
    margin-top: var(--space-1);
    color: var(--color-text-primary);
    font-size: 1.35rem;
    font-weight: 750;
    line-height: 1.15;
    letter-spacing: -0.025em;
}

.portal-content-shell .portal-finance-summary-card small[b-og1d1pb2er] {
    margin-top: var(--space-1);
    color: var(--color-text-secondary);
    font-size: 0.7rem;
    line-height: 1.35;
}

.portal-content-shell .portal-finance-summary-card--good[b-og1d1pb2er] {
    border-color: color-mix(in srgb, var(--color-success) 22%, var(--color-border));
    background: var(--color-success-soft);
}

.portal-content-shell .portal-finance-summary-card--warn[b-og1d1pb2er] {
    border-color: color-mix(in srgb, var(--color-danger) 22%, var(--color-border));
    background: var(--color-danger-soft);
}

.portal-content-shell .portal-finance-section-head[b-og1d1pb2er] {
    align-items: center;
    gap: var(--space-3);
}

.portal-content-shell .portal-finance-section-head__eyebrow[b-og1d1pb2er] {
    color: var(--color-brand-800);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.portal-content-shell .portal-finance-section-head__title[b-og1d1pb2er] {
    margin-top: 2px;
    color: var(--color-text-primary);
    font-size: 1.05rem;
    font-weight: 750;
    line-height: 1.3;
    letter-spacing: -0.015em;
}

.portal-content-shell .portal-finance-section-head__badge[b-og1d1pb2er] {
    min-width: 28px;
    min-height: 28px;
    display: inline-grid;
    place-items: center;
    padding: 0 var(--space-2);
    border: 1px solid var(--color-brand-100);
    color: var(--color-brand-900);
    background: var(--color-brand-50);
    font-size: 0.72rem;
}

.portal-content-shell .portal-finance-table-wrap[b-og1d1pb2er] {
    max-height: min(48vh, 540px);
    margin-top: var(--space-3) !important;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
}

.portal-content-shell .portal-finance-detail .portal-finance-table-wrap[b-og1d1pb2er] {
    max-height: min(52vh, 600px);
}

.portal-content-shell .portal-finance-table[b-og1d1pb2er] {
    min-width: 62rem;
    border-collapse: separate;
    border-spacing: 0;
}

.portal-content-shell .portal-finance-table th[b-og1d1pb2er] {
    padding: 9px 12px;
    color: var(--color-text-secondary);
    background: var(--color-surface-subtle);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.035em;
}

.portal-content-shell .portal-finance-table td[b-og1d1pb2er] {
    height: 48px;
    padding: 8px 12px;
    border-bottom-color: var(--color-border);
    color: var(--color-text-primary);
    background: var(--color-surface);
    font-size: 0.79rem;
    line-height: 1.35;
}

.portal-content-shell .portal-finance-table tbody tr:last-child td[b-og1d1pb2er] {
    border-bottom: 0;
}

.portal-content-shell .portal-finance-row:hover td[b-og1d1pb2er] {
    background: var(--color-surface-hover) !important;
}

.portal-content-shell .portal-finance-row--active td[b-og1d1pb2er],
.portal-content-shell .portal-finance-row--active:hover td[b-og1d1pb2er] {
    background: var(--color-brand-50) !important;
    background-image: none !important;
}

.portal-content-shell .portal-finance-row--active td:first-child[b-og1d1pb2er] {
    box-shadow: inset 3px 0 0 var(--color-brand-900);
}

.portal-content-shell .portal-finance-detail__tabs[b-og1d1pb2er] {
    padding-bottom: var(--space-3);
    border-bottom: 1px solid var(--color-border);
}

.portal-content-shell .portal-finance-detail__body[b-og1d1pb2er] {
    margin-top: var(--space-3) !important;
}

.portal-content-shell .portal-finance-credit-grid[b-og1d1pb2er],
.portal-content-shell .portal-finance-stage-grid[b-og1d1pb2er],
.portal-content-shell .portal-finance-distribution__summary[b-og1d1pb2er] {
    gap: var(--space-3);
}

.portal-content-shell .portal-finance-mini-stat[b-og1d1pb2er],
.portal-content-shell .portal-finance-stage-card[b-og1d1pb2er],
.portal-content-shell .portal-finance-credit-panel[b-og1d1pb2er] {
    padding: var(--space-3) var(--space-4);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface-subtle);
    background-image: none;
    box-shadow: none;
}

.portal-content-shell .portal-finance-mini-stat strong[b-og1d1pb2er] {
    font-size: 1rem;
}

.portal-content-shell .portal-finance-stage-card[b-og1d1pb2er] {
    gap: var(--space-2);
}

.portal-content-shell .portal-finance-stage-card--done[b-og1d1pb2er] {
    border-color: color-mix(in srgb, var(--color-success) 22%, var(--color-border));
    background: var(--color-success-soft);
}

.portal-content-shell .portal-finance-stage-card__title[b-og1d1pb2er],
.portal-content-shell .portal-finance-stage-card__status[b-og1d1pb2er] {
    color: var(--color-text-primary);
    font-size: 0.78rem;
    font-weight: 700;
}

.portal-content-shell .portal-finance-stage-card__status[b-og1d1pb2er] {
    color: var(--color-brand-900);
    font-size: 0.7rem;
}

.portal-content-shell .portal-finance-stage-card__amount[b-og1d1pb2er] {
    color: var(--color-brand-900);
    font-size: 1rem;
    font-weight: 750;
}

.portal-content-shell .portal-finance-credit-panel[b-og1d1pb2er] {
    gap: var(--space-3);
}

.portal-content-shell .portal-finance-credit-panel__hint[b-og1d1pb2er],
.portal-content-shell .portal-finance-cell-meta[b-og1d1pb2er] {
    color: var(--color-text-secondary);
    font-size: 0.7rem;
}

@media (max-width: 1200px) {
    .portal-content-shell .portal-finance-strip__top[b-og1d1pb2er] {
        align-items: flex-start;
    }

    .portal-content-shell .portal-finance-strip__actions[b-og1d1pb2er] {
        max-width: 52%;
    }

    .portal-content-shell .portal-finance-strip__stats[b-og1d1pb2er] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 860px) {
    .portal-content-shell .portal-finance-strip[b-og1d1pb2er],
    .portal-content-shell .portal-finance-sessions[b-og1d1pb2er],
    .portal-content-shell .portal-finance-detail[b-og1d1pb2er],
    .portal-content-shell .portal-finance-grants[b-og1d1pb2er] {
        padding: var(--space-3) !important;
    }

    .portal-content-shell .portal-finance-strip__top[b-og1d1pb2er] {
        align-items: stretch;
        flex-direction: column;
    }

    .portal-content-shell .portal-finance-strip__actions[b-og1d1pb2er] {
        max-width: none;
        justify-content: flex-start;
    }

    .portal-content-shell .portal-finance-strip__stats[b-og1d1pb2er] {
        grid-template-columns: 1fr;
    }

    .portal-content-shell .portal-finance-summary-card[b-og1d1pb2er] {
        min-height: 76px;
    }

    .portal-content-shell .portal-finance-detail__tabs[b-og1d1pb2er] {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: var(--space-2);
    }

    .portal-content-shell .portal-finance-subtab[b-og1d1pb2er] {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .portal-content-shell .portal-finance-credit-grid[b-og1d1pb2er],
    .portal-content-shell .portal-finance-stage-grid[b-og1d1pb2er],
    .portal-content-shell .portal-finance-distribution__summary[b-og1d1pb2er] {
        grid-template-columns: 1fr;
    }
}

/* Finance summary — compact icon-led KPI cards */
.portal-content-shell .portal-finance-strip__stats[b-og1d1pb2er] {
    gap: var(--space-2);
    margin-top: var(--space-2);
}

.portal-content-shell .portal-finance-summary-card[b-og1d1pb2er] {
    min-height: 68px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    justify-content: initial;
    flex-direction: initial;
    gap: 10px;
    padding: 9px 12px;
}

.portal-content-shell .portal-finance-summary-card__icon[b-og1d1pb2er] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 1px solid var(--color-brand-100);
    border-radius: 10px;
    color: var(--color-brand-900);
    background: var(--color-brand-50);
}

.portal-content-shell .portal-finance-summary-card__icon[b-og1d1pb2er]  .mud-icon-root {
    font-size: 1.15rem;
}

.portal-content-shell .portal-finance-summary-card__copy[b-og1d1pb2er] {
    min-width: 0;
}

.portal-content-shell .portal-finance-summary-card span[b-og1d1pb2er] {
    overflow: hidden;
    color: var(--color-text-muted);
    font-size: 0.62rem;
    line-height: 1.25;
    letter-spacing: 0.055em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-content-shell .portal-finance-summary-card strong[b-og1d1pb2er] {
    margin-top: 2px;
    font-size: 1.06rem;
    line-height: 1.15;
}

.portal-content-shell .portal-finance-summary-card small[b-og1d1pb2er] {
    margin-top: 2px;
    font-size: 0.62rem;
    line-height: 1.2;
}

.portal-content-shell .portal-finance-summary-card--good[b-og1d1pb2er] {
    border-color: color-mix(in srgb, var(--color-success) 28%, var(--color-border)) !important;
    background: var(--color-success-soft) !important;
}

.portal-content-shell .portal-finance-summary-card--good .portal-finance-summary-card__icon[b-og1d1pb2er] {
    border-color: color-mix(in srgb, var(--color-success) 24%, transparent);
    color: var(--color-success);
    background: color-mix(in srgb, var(--color-success) 12%, #fff);
}

.portal-content-shell .portal-finance-summary-card--good strong[b-og1d1pb2er] {
    color: var(--color-success);
}

.portal-content-shell .portal-finance-summary-card--warn[b-og1d1pb2er] {
    border-color: color-mix(in srgb, var(--color-danger) 30%, var(--color-border)) !important;
    background: var(--color-danger-soft) !important;
}

.portal-content-shell .portal-finance-summary-card--warn .portal-finance-summary-card__icon[b-og1d1pb2er] {
    border-color: color-mix(in srgb, var(--color-danger) 24%, transparent);
    color: var(--color-danger);
    background: color-mix(in srgb, var(--color-danger) 10%, #fff);
}

.portal-content-shell .portal-finance-summary-card--warn strong[b-og1d1pb2er] {
    color: var(--color-danger);
}

@media (max-width: 860px) {
    .portal-content-shell .portal-finance-summary-card[b-og1d1pb2er] {
        min-height: 64px;
    }
}

/* Runtime tenant palette and resilient finance states. */
.portal-finance-error[b-og1d1pb2er],
.portal-finance-inline-error[b-og1d1pb2er] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    border: 1px solid color-mix(in srgb, var(--color-danger) 28%, var(--color-border));
    color: var(--color-text);
    background: var(--color-danger-soft);
}

.portal-finance-payment-status[b-og1d1pb2er] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--space-3);
    border: 1px solid color-mix(in srgb, var(--tenant-primary) 22%, var(--color-border));
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--tenant-primary) 7%, var(--color-surface));
    box-shadow: var(--shadow-card);
}

.portal-finance-payment-status__copy[b-og1d1pb2er] {
    display: grid;
    min-width: 0;
    gap: 0.15rem;
}

.portal-finance-payment-status__copy strong[b-og1d1pb2er] {
    color: var(--color-text);
}

.portal-finance-payment-status__copy span[b-og1d1pb2er],
.portal-finance-payment-status__copy small[b-og1d1pb2er] {
    overflow-wrap: anywhere;
    color: var(--color-text-muted);
}

.portal-finance-payment-status--confirmed[b-og1d1pb2er] {
    border-color: color-mix(in srgb, var(--color-success) 30%, var(--color-border));
    background: var(--color-success-soft);
}

.portal-finance-payment-status--confirmed[b-og1d1pb2er] >  .mud-icon-root {
    color: var(--color-success);
}

.portal-finance-payment-status--failed[b-og1d1pb2er] {
    border-color: color-mix(in srgb, var(--color-danger) 30%, var(--color-border));
    background: var(--color-danger-soft);
}

.portal-finance-payment-status--failed[b-og1d1pb2er] >  .mud-icon-root {
    color: var(--color-danger);
}

.portal-finance-payment-status--pending[b-og1d1pb2er] >  .mud-icon-root {
    color: var(--tenant-action, var(--tenant-primary));
}

.portal-finance-error[b-og1d1pb2er] {
    justify-content: space-between;
    border-radius: var(--radius-lg);
}

.portal-finance-error > div[b-og1d1pb2er] {
    display: grid;
    flex: 1;
    gap: 0.2rem;
}

.portal-finance-error > div > span[b-og1d1pb2er],
.portal-finance-inline-error > span[b-og1d1pb2er] {
    color: var(--color-text-muted);
}

.portal-finance-inline-error[b-og1d1pb2er] {
    margin-bottom: var(--space-3);
    padding: var(--space-3);
    border-radius: var(--radius-md);
}

.portal-finance-inline-error[b-og1d1pb2er]  .mud-button-root {
    margin-left: auto;
}

.portal-finance-maui-hero[b-og1d1pb2er] {
    background:
        radial-gradient(circle at top right, color-mix(in srgb, var(--tenant-accent) 34%, transparent), transparent 36%),
        linear-gradient(135deg, var(--color-brand-950), var(--color-brand-900) 64%, var(--color-brand-700));
    box-shadow: 0 20px 36px color-mix(in srgb, var(--tenant-primary) 24%, transparent);
}

.portal-finance-maui-stat[b-og1d1pb2er],
.portal-finance-maui-section[b-og1d1pb2er],
.portal-finance-maui-session[b-og1d1pb2er] {
    border-color: var(--color-border);
    background: var(--color-surface);
    box-shadow: var(--shadow-card);
}

.portal-finance-maui-session--selected[b-og1d1pb2er],
.portal-finance-maui-action-card--open[b-og1d1pb2er] {
    border-color: color-mix(in srgb, var(--tenant-primary) 28%, var(--color-border));
    background: var(--color-brand-50);
    box-shadow: 0 14px 28px color-mix(in srgb, var(--tenant-primary) 13%, transparent);
}

.portal-finance-maui-session__status[b-og1d1pb2er],
.portal-finance-maui-inline-card__toggle[b-og1d1pb2er],
.portal-finance-maui-stage-card__status[b-og1d1pb2er],
.portal-finance-maui-inline-card__amount[b-og1d1pb2er] {
    color: var(--color-brand-900);
}

@media (max-width: 640px) {
    .portal-finance-error[b-og1d1pb2er],
    .portal-finance-inline-error[b-og1d1pb2er],
    .portal-finance-payment-status[b-og1d1pb2er] {
        align-items: stretch;
        flex-direction: column;
    }

    .portal-finance-payment-status[b-og1d1pb2er] {
        display: flex;
    }

    .portal-finance-inline-error[b-og1d1pb2er]  .mud-button-root {
        margin-left: 0;
        align-self: flex-start;
    }
}

/* Runtime tenant color fidelity for primary, selected and keyboard-focus affordances. */
.portal-finance-page[b-og1d1pb2er] {
    --finance-tenant-primary: var(--tenant-primary, var(--color-brand-900));
    --finance-tenant-action: var(--tenant-action, var(--finance-tenant-primary));
    --finance-tenant-accent: var(--tenant-accent, var(--finance-tenant-primary));
    --finance-tenant-on-action: var(--tenant-on-action, var(--tenant-on-primary, var(--color-surface)));
    --finance-tenant-focus: var(--tenant-focus-ring, var(--finance-tenant-action));
}

.portal-content-shell .portal-finance-strip__top[b-og1d1pb2er]  .portal-title__icon {
    border-color: color-mix(in srgb, var(--finance-tenant-primary) 24%, var(--color-border));
    color: var(--tenant-action-text, var(--finance-tenant-action));
    background: color-mix(in srgb, var(--finance-tenant-primary) 8%, var(--color-surface));
}

.portal-content-shell .portal-finance-strip__top[b-og1d1pb2er]  .portal-title__eyebrow,
.portal-content-shell .portal-finance-section-head__eyebrow[b-og1d1pb2er] {
    color: var(--tenant-action-text, var(--finance-tenant-action));
}

.portal-content-shell .portal-finance-tab:hover[b-og1d1pb2er],
.portal-content-shell .portal-finance-subtab:hover[b-og1d1pb2er] {
    border-color: color-mix(in srgb, var(--finance-tenant-primary) 34%, var(--color-border));
    color: var(--tenant-action-text, var(--finance-tenant-action));
    background: color-mix(in srgb, var(--finance-tenant-primary) 7%, var(--color-surface));
}

.portal-finance-tab:focus-visible[b-og1d1pb2er],
.portal-finance-subtab:focus-visible[b-og1d1pb2er],
.portal-finance-mobile-card--button:focus-visible[b-og1d1pb2er],
.portal-finance-maui-inline-card__toggle:focus-visible[b-og1d1pb2er],
.portal-finance-maui-action-card:focus-visible[b-og1d1pb2er],
.portal-finance-page[b-og1d1pb2er]  .mud-button-root:focus-visible {
    outline: 3px solid var(--finance-tenant-focus);
    outline-offset: 2px;
}

.portal-content-shell .portal-finance-tab--active[b-og1d1pb2er],
.portal-content-shell .portal-finance-tab--active:hover[b-og1d1pb2er],
.portal-finance-tab--active[b-og1d1pb2er] {
    border-color: var(--finance-tenant-action);
    color: var(--finance-tenant-on-action);
    background: var(--finance-tenant-action);
    background-image: none;
    box-shadow: 0 12px 24px color-mix(in srgb, var(--finance-tenant-action) 20%, transparent);
}

.portal-content-shell .portal-finance-subtab--active[b-og1d1pb2er],
.portal-content-shell .portal-finance-subtab--active:hover[b-og1d1pb2er],
.portal-finance-subtab--active[b-og1d1pb2er] {
    border-color: color-mix(in srgb, var(--finance-tenant-primary) 30%, var(--color-border));
    color: var(--tenant-action-text, var(--finance-tenant-action));
    background: color-mix(in srgb, var(--finance-tenant-primary) 8%, var(--color-surface));
    background-image: none;
    box-shadow: inset 3px 0 0 var(--finance-tenant-action);
}

.portal-content-shell .portal-finance-subtab--active span[b-og1d1pb2er],
.portal-finance-subtab--active span[b-og1d1pb2er] {
    color: var(--tenant-action-text, var(--finance-tenant-action));
    background: color-mix(in srgb, var(--finance-tenant-accent) 10%, var(--color-surface));
}

.portal-content-shell .portal-finance-button-wrap[b-og1d1pb2er]  .mud-button-filled-primary,
.portal-finance-maui-credit-action[b-og1d1pb2er]  .mud-button-filled-primary {
    border-color: var(--finance-tenant-action);
    color: var(--finance-tenant-on-action);
    background: var(--finance-tenant-action);
}

.portal-content-shell .portal-finance-row--active td[b-og1d1pb2er],
.portal-content-shell .portal-finance-row--active:hover td[b-og1d1pb2er] {
    background: color-mix(in srgb, var(--finance-tenant-primary) 7%, var(--color-surface)) !important;
}

.portal-content-shell .portal-finance-row--active td:first-child[b-og1d1pb2er] {
    box-shadow: inset 3px 0 0 var(--finance-tenant-action);
}

.portal-finance-mobile-card--active[b-og1d1pb2er],
.portal-finance-maui-session--selected[b-og1d1pb2er],
.portal-finance-maui-action-card--open[b-og1d1pb2er] {
    border-color: color-mix(in srgb, var(--finance-tenant-primary) 32%, var(--color-border));
    background: color-mix(in srgb, var(--finance-tenant-primary) 7%, var(--color-surface));
    box-shadow: 0 14px 28px color-mix(in srgb, var(--finance-tenant-primary) 14%, transparent);
}

.portal-finance-mobile-list--sessions .portal-finance-mobile-card--active .portal-finance-mobile-card__badge[b-og1d1pb2er]::before,
.portal-finance-maui-session__status[b-og1d1pb2er],
.portal-finance-maui-inline-card__toggle[b-og1d1pb2er],
.portal-finance-maui-stage-card__status[b-og1d1pb2er],
.portal-finance-maui-inline-card__amount[b-og1d1pb2er] {
    color: var(--tenant-action-text, var(--finance-tenant-action));
}

.portal-finance-maui-hero[b-og1d1pb2er] {
    background:
        radial-gradient(circle at top right, color-mix(in srgb, var(--finance-tenant-accent) 34%, transparent), transparent 36%),
        linear-gradient(135deg, var(--finance-tenant-primary), var(--finance-tenant-action) 64%, var(--finance-tenant-accent));
    color: var(--tenant-on-primary, var(--finance-tenant-on-action));
    box-shadow: 0 20px 36px color-mix(in srgb, var(--finance-tenant-primary) 24%, transparent);
}
/* /Pages/Home.razor.rz.scp.css */
.portal-student-overview-page[b-p4x3gf3b95],
.portal-student-overview-dashboard[b-p4x3gf3b95],
.portal-student-overview-main[b-p4x3gf3b95],
.portal-student-overview-rail[b-p4x3gf3b95]{
    display: grid;
    gap: 0.72rem;
    min-width: 0;
}



.portal-student-overview-section-head__title[b-p4x3gf3b95],
.portal-student-overview-deadline-lane__title[b-p4x3gf3b95],
.portal-student-overview-deadline-card__title[b-p4x3gf3b95],
.portal-student-overview-feed-card__title[b-p4x3gf3b95]{
    color: var(--portal-text);
    font-weight: 800;
}

.portal-student-overview-feed-card__copy[b-p4x3gf3b95],
.portal-student-overview-feed-card__date[b-p4x3gf3b95],
.portal-student-overview-empty[b-p4x3gf3b95]{
    color: var(--portal-muted);
}


.portal-student-overview-deadline-lane[b-p4x3gf3b95],
.portal-student-overview-deadline-card[b-p4x3gf3b95],
.portal-student-overview-feed-card[b-p4x3gf3b95]{
    padding: 0.78rem;
    border-radius: 18px;
    border: 1px solid hsla(var(--brand-h, 216), 60%, 17%, 0.07);
    background:
        radial-gradient(circle at top left, rgba(255,255,255,0.98), transparent 44%),
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(246,249,255,0.96));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92), 0 10px 22px hsla(var(--brand-h, 217), 68%, 16%, 0.05);
}


.portal-student-overview-dashboard[b-p4x3gf3b95]{
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(22rem, 0.96fr);
    align-items: start;
    gap: 0.72rem;
}

.portal-student-overview-main[b-p4x3gf3b95],
.portal-student-overview-rail[b-p4x3gf3b95]{
    display: grid;
    gap: 0.72rem;
    align-content: start;
}

.portal-student-overview-section-head[b-p4x3gf3b95],
.portal-student-overview-deadline-lane__head[b-p4x3gf3b95],
.portal-student-overview-deadline-card__top[b-p4x3gf3b95],
.portal-student-overview-feed-card__head[b-p4x3gf3b95]{
    display: flex;
    justify-content: space-between;
    gap: 0.72rem;
    align-items: flex-start;
}

.portal-student-overview-section-head--compact[b-p4x3gf3b95]{
    align-items: center;
}

.portal-student-overview-badge[b-p4x3gf3b95],
.portal-student-overview-mini-badge[b-p4x3gf3b95]{
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
}

.portal-student-overview-badge[b-p4x3gf3b95],
.portal-student-overview-mini-badge[b-p4x3gf3b95]{
    padding: 0.34rem 0.55rem;
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.08);
    color: var(--portal-accent-strong);
}

.portal-student-overview-mini-badge--future[b-p4x3gf3b95]{
    background: hsla(var(--brand-accent-h, 37), 49%, 48%, 0.12);
    color: #8b6220;
}

.portal-student-overview-mini-badge--assessment[b-p4x3gf3b95]{
    background: hsla(var(--brand-h, 193), 82%, 31%, 0.12);
    color: #0f6674;
}

.portal-student-overview-mini-badge--resume[b-p4x3gf3b95]{
    background: rgba(15, 118, 110, 0.14);
    color: #0f766e;
}

.portal-student-overview-deadline-columns[b-p4x3gf3b95]{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.72rem;
    align-items: start;
}

.portal-student-overview-deadline-columns--two[b-p4x3gf3b95]{
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.portal-student-overview-deadline-lane[b-p4x3gf3b95]{
    display: grid;
    gap: 0.62rem;
    min-width: 0;
    align-content: start;
    align-self: start;
}

.portal-student-overview-deadline-lane--current[b-p4x3gf3b95]{
    background:
        radial-gradient(circle at top left, hsla(var(--brand-h, 224), 76%, 48%, 0.08), transparent 36%),
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(245,248,255,0.97));
}

.portal-student-overview-deadline-lane--administrative[b-p4x3gf3b95]{
    background:
        radial-gradient(circle at top left, rgba(125, 92, 17, 0.12), transparent 38%),
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(251,248,240,0.97));
}

.portal-student-overview-deadline-lane--future[b-p4x3gf3b95]{
    background:
        radial-gradient(circle at top left, hsla(var(--brand-accent-h, 37), 49%, 48%, 0.1), transparent 38%),
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(250,247,240,0.97));
}

.portal-student-overview-deadline-lane__count[b-p4x3gf3b95]{
    min-width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: rgba(255,255,255,0.82);
    color: var(--portal-accent-strong);
    font-size: 0.84rem;
    font-weight: 800;
}

.portal-student-overview-deadline-stack[b-p4x3gf3b95],
.portal-student-overview-feed-list[b-p4x3gf3b95]{
    display: grid;
    gap: 0.58rem;
}

.portal-student-overview-deadline-stack[b-p4x3gf3b95]{
    max-height: min(34rem, 62vh);
    overflow-y: auto;
    padding-right: 0.2rem;
}

.portal-student-overview-deadline-stack[b-p4x3gf3b95]::-webkit-scrollbar{
    width: 0.45rem;
}

.portal-student-overview-deadline-stack[b-p4x3gf3b95]::-webkit-scrollbar-thumb{
    border-radius: 999px;
    background: hsla(var(--brand-h, 226), 71%, 40%, 0.22);
}

.portal-student-overview-deadline-card__eyebrow[b-p4x3gf3b95],
.portal-student-overview-feed-card__date[b-p4x3gf3b95]{
    font-size: 0.7rem;
}

.portal-student-overview-timeline[b-p4x3gf3b95]{
    margin-top: 0.24rem;
}

.portal-student-overview-timeline__item[b-p4x3gf3b95]{
    display: grid;
    grid-template-columns: 0.92rem minmax(0, 1fr);
    gap: 0.72rem;
    align-items: start;
}

.portal-student-overview-timeline__line[b-p4x3gf3b95]{
    display: flex;
    justify-content: center;
}

.portal-student-overview-timeline__dot[b-p4x3gf3b95]{
    width: 0.7rem;
    height: 0.7rem;
    margin-top: 0.4rem;
    border-radius: 999px;
    background: linear-gradient(180deg, hsl(var(--brand-h, 224), 76%, 48%), hsl(var(--brand-h, 222), 78%, 25%));
    box-shadow: 0 0 0 6px hsla(var(--brand-h, 224), 76%, 48%, 0.08);
}

.portal-student-overview-timeline__dot--future[b-p4x3gf3b95]{
    background: linear-gradient(180deg, hsl(var(--brand-accent-h, 37), 63%, 47%), #8b6220);
    box-shadow: 0 0 0 6px hsla(var(--brand-accent-h, 37), 63%, 47%, 0.14);
}

.portal-student-overview-timeline__dot--administrative[b-p4x3gf3b95]{
    background: linear-gradient(180deg, hsl(var(--brand-accent-h, 40), 55%, 51%), #8a651f);
    box-shadow: 0 0 0 6px hsla(var(--brand-accent-h, 40), 55%, 51%, 0.14);
}


.portal-student-overview-feed-card--important[b-p4x3gf3b95]{
    background:
        radial-gradient(circle at top left, hsla(var(--brand-h, 224), 76%, 48%, 0.08), transparent 44%),
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(245,248,255,0.96));
}

.portal-student-overview-feed-card--guide[b-p4x3gf3b95]{
    background:
        radial-gradient(circle at top left, hsla(var(--brand-accent-h, 37), 49%, 48%, 0.1), transparent 44%),
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(250,247,240,0.96));
}

.portal-student-overview-feed-card__copy[b-p4x3gf3b95]{
    font-size: 0.76rem;
    line-height: 1.42;
}

.portal-student-overview-feed-card[b-p4x3gf3b95]  .portal-student-overview-feed-card__link{
    justify-self: start;
    min-height: 1.85rem;
    padding-inline: 0 !important;
    font-weight: 800 !important;
}


.portal-student-overview-empty[b-p4x3gf3b95]{
    padding: 0.62rem;
    border-radius: 16px;
    border: 1px dashed hsla(var(--brand-h, 216), 60%, 17%, 0.16);
    background: rgba(255,255,255,0.72);
    font-size: 0.72rem;
    line-height: 1.34;
}


.portal-student-overview-deadline-panel[b-p4x3gf3b95],
.portal-student-overview-feed-panel[b-p4x3gf3b95]{
    padding: 0.78rem;
}

.portal-student-overview-feed-panel[b-p4x3gf3b95]{
    display: grid;
    gap: 0.62rem;
    align-content: start;
    min-width: 0;
}

.portal-student-overview-assessment-panel[b-p4x3gf3b95]{
    background:
        radial-gradient(circle at top left, hsla(var(--brand-h, 193), 82%, 31%, 0.08), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(244,250,250,0.96));
}

.portal-student-overview-feed-card--assessment[b-p4x3gf3b95]{
    background:
        radial-gradient(circle at top left, hsla(var(--brand-h, 193), 82%, 31%, 0.08), transparent 42%),
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(246,251,250,0.97));
    border-color: hsla(var(--brand-h, 193), 82%, 31%, 0.1);
}

.portal-student-overview-feed-card--assessment .portal-student-overview-feed-card__copy[b-p4x3gf3b95]{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.portal-student-overview-feed-card[b-p4x3gf3b95]{
    min-width: 0;
}

.portal-student-overview-page[b-p4x3gf3b95]{
    gap: 0.68rem;
}

.portal-student-overview-section-head__title[b-p4x3gf3b95],
.portal-student-overview-deadline-lane__title[b-p4x3gf3b95]{
    font-size: 0.96rem;
    line-height: 1.14;
}

.portal-student-overview-deadline-lane[b-p4x3gf3b95]{
    gap: 0.52rem;
}

.portal-student-overview-deadline-card[b-p4x3gf3b95],
.portal-student-overview-feed-card[b-p4x3gf3b95]{
    padding: 0.68rem 0.74rem;
    border-radius: 16px;
}

.portal-student-overview-deadline-card__range[b-p4x3gf3b95]{
    color: var(--portal-muted);
    font-size: 0.72rem;
    line-height: 1.34;
}

.portal-student-overview-feed-card__head[b-p4x3gf3b95]{
    gap: 0.4rem;
}

.portal-student-overview-feed-card__title[b-p4x3gf3b95]{
    font-size: 0.82rem;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.portal-student-overview-feed-card__date[b-p4x3gf3b95]{
    white-space: nowrap;
    font-size: 0.68rem;
}

.portal-student-overview-feed-card[b-p4x3gf3b95]  .portal-student-overview-feed-card__link{
    min-height: 1.55rem;
    font-size: 0.76rem !important;
}

.portal-student-overview-feed-card__title[b-p4x3gf3b95],
.portal-student-overview-feed-card__copy[b-p4x3gf3b95]{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.portal-student-overview-feed-card__title[b-p4x3gf3b95]{
    -webkit-line-clamp: 2;
}

.portal-student-overview-feed-card__copy[b-p4x3gf3b95]{
    -webkit-line-clamp: 4;
}


.portal-student-overview-mini-badge--administrative[b-p4x3gf3b95]{
    background: hsla(var(--brand-accent-h, 37), 49%, 48%, 0.14);
    color: #8b6220;
}

@media (max-width: 1320px) {
    .portal-student-overview-dashboard[b-p4x3gf3b95]{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 980px) {
    .portal-student-overview-deadline-columns[b-p4x3gf3b95]{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .portal-student-overview-deadline-columns--two[b-p4x3gf3b95]{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .portal-student-overview-deadline-stack[b-p4x3gf3b95]{
        max-height: 26rem;
    }
}

@media (max-width: 720px) {
    .portal-student-overview-deadline-columns[b-p4x3gf3b95]{
        grid-template-columns: 1fr;
    }

    .portal-student-overview-deadline-columns--two[b-p4x3gf3b95]{
        grid-template-columns: 1fr;
    }

    .portal-student-overview-page[b-p4x3gf3b95]{
        gap: 0.58rem;
    }

    .portal-student-overview-deadline-panel[b-p4x3gf3b95],
    .portal-student-overview-feed-panel[b-p4x3gf3b95]{
        padding: 0.72rem;
    }

    .portal-student-overview-section-head[b-p4x3gf3b95],
    .portal-student-overview-deadline-lane__head[b-p4x3gf3b95],
    .portal-student-overview-feed-card__head[b-p4x3gf3b95]{
        gap: 0.5rem;
    }

    .portal-student-overview-section-head[b-p4x3gf3b95]{
        flex-direction: column;
        align-items: stretch;
    }

    .portal-student-overview-section-head--compact[b-p4x3gf3b95]{
        align-items: stretch;
    }

    .portal-student-overview-badge[b-p4x3gf3b95]{
        align-self: flex-start;
    }

    .portal-student-overview-deadline-lane__head[b-p4x3gf3b95]{
        align-items: center;
    }

    .portal-student-overview-deadline-columns[b-p4x3gf3b95]{
        gap: 0.58rem;
    }

    .portal-student-overview-deadline-card[b-p4x3gf3b95],
    .portal-student-overview-feed-card[b-p4x3gf3b95]{
        padding: 0.62rem 0.68rem;
        border-radius: 14px;
    }

    .portal-student-overview-deadline-stack[b-p4x3gf3b95]{
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }

    .portal-student-overview-deadline-card__range[b-p4x3gf3b95],
    .portal-student-overview-feed-card__date[b-p4x3gf3b95],
    .portal-student-overview-empty[b-p4x3gf3b95]{
        font-size: 0.7rem;
    }

}

@media (max-width: 560px) {
    .portal-student-overview-deadline-lane__count[b-p4x3gf3b95]{
        min-width: 1.8rem;
        height: 1.8rem;
        border-radius: 12px;
        font-size: 0.78rem;
    }

    .portal-student-overview-timeline__item[b-p4x3gf3b95]{
        gap: 0.58rem;
    }

    .portal-student-overview-feed-card__head[b-p4x3gf3b95],
    .portal-student-overview-deadline-card__top[b-p4x3gf3b95]{
        flex-direction: column;
        align-items: stretch;
    }

    .portal-student-overview-mini-badge[b-p4x3gf3b95],
    .portal-student-overview-mini-badge--future[b-p4x3gf3b95],
    .portal-student-overview-mini-badge--administrative[b-p4x3gf3b95]{
        align-self: flex-start;
    }
}
/* /Pages/InternshipPractice.razor.rz.scp.css */
.internship-page[b-rgi13ich79] {
    display: grid;
    gap: 14px;
}

.internship-hero[b-rgi13ich79],
.internship-card[b-rgi13ich79],
.internship-column--rail[b-rgi13ich79],
.internship-metrics article[b-rgi13ich79],
.internship-loading[b-rgi13ich79],
.internship-empty[b-rgi13ich79] {
    border: 1px solid hsla(var(--brand-accent-h, 45), 56%, 78%, .22);
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(19, 24, 32, .96), rgba(34, 34, 38, .92));
    box-shadow: 0 18px 44px rgba(0, 0, 0, .24);
}

.internship-hero[b-rgi13ich79] {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    padding: 22px;
    color: #f7f2e6;
    overflow: hidden;
}

.internship-hero span[b-rgi13ich79],
.internship-card__top p[b-rgi13ich79],
.internship-card p[b-rgi13ich79],
.internship-progress small[b-rgi13ich79],
.internship-metrics span[b-rgi13ich79],
.internship-application span[b-rgi13ich79],
.internship-application small[b-rgi13ich79] {
    color: rgba(247, 242, 230, .68);
}

.internship-hero h1[b-rgi13ich79] {
    margin: 4px 0 8px;
    font-size: clamp(1.45rem, 2vw, 2.25rem);
    letter-spacing: 0;
}

.internship-hero p[b-rgi13ich79] {
    max-width: 720px;
    margin: 0;
}

.internship-progress[b-rgi13ich79] {
    min-width: 138px;
    display: grid;
    place-items: center;
    align-content: center;
    border: 1px solid hsla(var(--brand-accent-h, 45), 56%, 78%, .28);
    border-radius: 999px;
    aspect-ratio: 1;
    background: radial-gradient(circle, hsla(var(--brand-accent-h, 45), 56%, 78%, .2), hsla(var(--brand-accent-h, 45), 56%, 78%, .03) 58%, transparent 62%);
}

.internship-progress strong[b-rgi13ich79] {
    font-size: 2.2rem;
}

.internship-metrics[b-rgi13ich79] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.internship-metrics article[b-rgi13ich79] {
    padding: 14px;
    display: grid;
    gap: 4px;
}

.internship-metrics strong[b-rgi13ich79] {
    color: hsl(var(--brand-accent-h, 45), 81%, 75%);
    font-size: 1.45rem;
}

.internship-grid[b-rgi13ich79] {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(320px, .8fr);
    gap: 14px;
}

.internship-column[b-rgi13ich79] {
    display: grid;
    gap: 12px;
    align-content: start;
}

.internship-column--rail[b-rgi13ich79] {
    padding: 14px;
}

.internship-section-head[b-rgi13ich79] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.internship-section-head h2[b-rgi13ich79] {
    margin: 0;
    font-size: 1.05rem;
}

.internship-section-head button[b-rgi13ich79],
.internship-button[b-rgi13ich79] {
    border: 0;
    border-radius: 7px;
    padding: 9px 12px;
    color: #19170f;
    background: linear-gradient(135deg, hsl(var(--brand-accent-h, 46), 89%, 72%), hsl(var(--brand-accent-h, 41), 54%, 55%));
    font-weight: 700;
}

.internship-card[b-rgi13ich79] {
    padding: 14px;
    display: grid;
    gap: 10px;
}

.internship-card__top[b-rgi13ich79] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.internship-card h3[b-rgi13ich79],
.internship-report-box h3[b-rgi13ich79],
.internship-timeline h3[b-rgi13ich79] {
    margin: 0;
}

.internship-card__details[b-rgi13ich79] {
    display: grid;
    gap: 5px;
    padding: 9px 10px;
    border: 1px solid hsla(var(--brand-accent-h, 45), 56%, 78%, .14);
    border-radius: 7px;
    color: rgba(247, 242, 230, .7);
    background: rgba(255, 255, 255, .035);
}

.internship-card__details strong[b-rgi13ich79] {
    color: hsl(var(--brand-accent-h, 45), 75%, 78%);
    font-weight: 700;
}

.internship-tags[b-rgi13ich79] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.internship-tags span[b-rgi13ich79] {
    border: 1px solid hsla(var(--brand-accent-h, 45), 56%, 78%, .2);
    border-radius: 999px;
    padding: 5px 9px;
    color: hsl(var(--brand-accent-h, 45), 75%, 78%);
    background: hsla(var(--brand-accent-h, 45), 56%, 78%, .06);
}

.internship-card textarea[b-rgi13ich79],
.internship-report-box textarea[b-rgi13ich79],
.internship-report-box input[b-rgi13ich79] {
    width: 100%;
    border: 1px solid hsla(var(--brand-accent-h, 45), 56%, 78%, .2);
    border-radius: 7px;
    padding: 10px;
    color: #f7f2e6;
    background: rgba(255, 255, 255, .06);
}

.internship-card textarea[b-rgi13ich79],
.internship-report-box textarea[b-rgi13ich79] {
    min-height: 78px;
    resize: vertical;
}

.internship-button--muted[b-rgi13ich79] {
    opacity: .55;
}

.internship-application[b-rgi13ich79] {
    display: grid;
    gap: 4px;
    width: 100%;
    text-align: left;
    border: 1px solid hsla(var(--brand-accent-h, 45), 56%, 78%, .16);
    border-radius: 8px;
    padding: 12px;
    color: #f7f2e6;
    background: rgba(255, 255, 255, .04);
}

.internship-application--active[b-rgi13ich79] {
    border-color: hsla(var(--brand-accent-h, 46), 89%, 72%, .65);
    background: hsla(var(--brand-accent-h, 46), 89%, 72%, .1);
}

.internship-report-box[b-rgi13ich79],
.internship-timeline[b-rgi13ich79] {
    display: grid;
    gap: 10px;
    margin-top: 4px;
}

.internship-timeline div[b-rgi13ich79] {
    display: grid;
    gap: 2px;
    padding: 10px;
    border-radius: 7px;
    background: rgba(255, 255, 255, .04);
}

.internship-loading[b-rgi13ich79],
.internship-empty[b-rgi13ich79] {
    padding: 24px;
}

@media (max-width: 980px) {
    .internship-grid[b-rgi13ich79],
    .internship-metrics[b-rgi13ich79] {
        grid-template-columns: 1fr;
    }

    .internship-hero[b-rgi13ich79] {
        flex-direction: column;
    }

    .internship-progress[b-rgi13ich79] {
        width: 132px;
    }
}
/* /Pages/Library.razor.rz.scp.css */
.student-library-page[b-3ffch2gd88] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.student-library-hero[b-3ffch2gd88] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 16px;
    color: #fbf7ec;
    background:
        linear-gradient(135deg, rgba(19, 27, 24, .98), rgba(35, 58, 52, .94)),
        linear-gradient(90deg, hsla(var(--brand-accent-h, 43), 65%, 62%, .22), rgba(70, 127, 113, .18));
}

.student-library-hero span[b-3ffch2gd88],
.student-library-head span[b-3ffch2gd88],
.student-library-metrics span[b-3ffch2gd88],
.student-library-resource span[b-3ffch2gd88] {
    display: block;
    color: hsl(var(--brand-accent-h, 42), 60%, 62%);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.student-library-hero h1[b-3ffch2gd88] {
    margin: 4px 0 5px;
    font-size: 1.55rem;
}

.student-library-hero p[b-3ffch2gd88] {
    margin: 0;
    max-width: 720px;
    color: rgba(251, 247, 236, .78);
}

.student-library-metrics[b-3ffch2gd88] {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 10px;
}

.student-library-metrics article[b-3ffch2gd88] {
    border: 1px solid rgba(32, 47, 40, .1);
    border-radius: 8px;
    padding: 12px;
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 16px 34px rgba(24, 36, 31, .08);
}

.student-library-metrics strong[b-3ffch2gd88] {
    display: block;
    margin-top: 4px;
    color: #18342c;
    font-size: 1.45rem;
}

.student-library-console[b-3ffch2gd88] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(220px, .95fr) auto auto;
    gap: 10px;
    align-items: stretch;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(240, 248, 244, .84)),
        linear-gradient(90deg, hsla(var(--brand-accent-h, 42), 60%, 62%, .1), rgba(63, 125, 109, .08));
    box-shadow: 0 16px 34px rgba(24, 36, 31, .08);
}

.student-library-console__copy[b-3ffch2gd88],
.student-library-console__resume[b-3ffch2gd88],
.student-library-console__comfort[b-3ffch2gd88],
.student-library-console__actions[b-3ffch2gd88] {
    min-width: 0;
}

.student-library-console__copy span[b-3ffch2gd88],
.student-library-console__resume span[b-3ffch2gd88] {
    display: block;
    color: hsl(var(--brand-accent-h, 41), 49%, 48%);
    font-size: .68rem;
    font-weight: 900;
    text-transform: uppercase;
}

.student-library-console__copy h2[b-3ffch2gd88] {
    margin: 3px 0 0;
    color: #18251f;
    font-size: 1.02rem;
    line-height: 1.15;
}

.student-library-console__copy p[b-3ffch2gd88] {
    margin: 4px 0 0;
    color: #66766e;
    font-size: .76rem;
    font-weight: 800;
    line-height: 1.35;
}

.student-library-console__resume[b-3ffch2gd88] {
    display: grid;
    gap: 5px;
    border: 1px solid rgba(34, 50, 43, .08);
    border-radius: 8px;
    padding: 8px;
    background: rgba(255, 255, 255, .62);
}

.student-library-console__resume button[b-3ffch2gd88] {
    min-width: 0;
    border: 1px solid rgba(34, 50, 43, .08);
    border-radius: 8px;
    padding: 7px 8px;
    text-align: left;
    color: #18342c;
    background: rgba(255, 255, 255, .72);
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.student-library-console__resume button:hover[b-3ffch2gd88] {
    transform: translateY(-1px);
    border-color: hsla(var(--brand-accent-h, 41), 49%, 48%, .42);
    box-shadow: 0 12px 26px rgba(24, 36, 31, .08);
}

.student-library-console__resume strong[b-3ffch2gd88],
.student-library-console__resume small[b-3ffch2gd88] {
    display: block;
    overflow-wrap: anywhere;
}

.student-library-console__resume strong[b-3ffch2gd88] {
    color: #18342c;
    font-size: .78rem;
    line-height: 1.18;
}

.student-library-console__resume small[b-3ffch2gd88] {
    margin-top: 2px;
    color: #66766e;
    font-size: .68rem;
    font-weight: 850;
}

.student-library-console__comfort[b-3ffch2gd88],
.student-library-console__actions[b-3ffch2gd88] {
    display: inline-flex;
    align-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

.student-library-comfort-option[b-3ffch2gd88],
.student-library-console__actions button[b-3ffch2gd88] {
    border: 1px solid rgba(34, 50, 43, .1);
    border-radius: 8px;
    padding: 7px 10px;
    color: #25372f;
    background: rgba(255, 255, 255, .74);
    font-size: .72rem;
    font-weight: 900;
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}

.student-library-comfort-option:hover[b-3ffch2gd88],
.student-library-console__actions button:hover:not(:disabled)[b-3ffch2gd88] {
    transform: translateY(-1px);
    border-color: hsla(var(--brand-accent-h, 41), 49%, 48%, .45);
}

.student-library-comfort-option.is-active[b-3ffch2gd88] {
    border-color: hsla(var(--brand-accent-h, 41), 49%, 48%, .5);
    color: #fbf7ec;
    background: linear-gradient(135deg, #21342d, #3f7d6d);
}

.student-library-console__actions button:disabled[b-3ffch2gd88] {
    cursor: default;
    opacity: .48;
}

.student-library-page.is-comfort-comfort .portal-panel[b-3ffch2gd88],
.student-library-page.is-comfort-comfort .student-library-metrics article[b-3ffch2gd88] {
    background-color: rgba(255, 252, 244, .88);
}

.student-library-page.is-comfort-contrast .portal-panel[b-3ffch2gd88],
.student-library-page.is-comfort-contrast .student-library-metrics article[b-3ffch2gd88] {
    border-color: rgba(24, 37, 31, .22);
}

.student-library-page.is-comfort-contrast .student-library-console__copy p[b-3ffch2gd88],
.student-library-page.is-comfort-contrast .student-library-brief__copy p[b-3ffch2gd88],
.student-library-page.is-comfort-contrast .student-library-today-card em[b-3ffch2gd88],
.student-library-page.is-comfort-contrast .student-library-calendar-card em[b-3ffch2gd88],
.student-library-page.is-comfort-contrast .student-library-recommendation-card em[b-3ffch2gd88] {
    color: #31433a;
}

.student-library-page.is-comfort-dyslexia .student-library-console__copy p[b-3ffch2gd88],
.student-library-page.is-comfort-dyslexia .student-library-brief__copy p[b-3ffch2gd88],
.student-library-page.is-comfort-dyslexia .student-library-today-card small[b-3ffch2gd88],
.student-library-page.is-comfort-dyslexia .student-library-today-card em[b-3ffch2gd88],
.student-library-page.is-comfort-dyslexia .student-library-calendar-card small[b-3ffch2gd88],
.student-library-page.is-comfort-dyslexia .student-library-calendar-card em[b-3ffch2gd88],
.student-library-page.is-comfort-dyslexia .student-library-recommendation-card small[b-3ffch2gd88],
.student-library-page.is-comfort-dyslexia .student-library-recommendation-card em[b-3ffch2gd88] {
    line-height: 1.55;
}

.student-library-brief[b-3ffch2gd88] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 12px;
    align-items: center;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 42), 60%, 62%, .14), transparent 32%),
        linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(239, 248, 242, .78));
    box-shadow: 0 16px 34px rgba(24, 36, 31, .08);
}

.student-library-brief.is-risk[b-3ffch2gd88] {
    border-color: rgba(166, 78, 57, .22);
    background:
        linear-gradient(90deg, rgba(166, 78, 57, .12), transparent 4px),
        rgba(255, 247, 244, .92);
}

.student-library-brief.is-strong[b-3ffch2gd88] {
    border-color: rgba(55, 126, 110, .24);
    background:
        linear-gradient(90deg, rgba(55, 126, 110, .12), transparent 4px),
        rgba(241, 250, 247, .92);
}

.student-library-brief__copy[b-3ffch2gd88] {
    min-width: 0;
}

.student-library-brief__copy span[b-3ffch2gd88],
.student-library-brief__stats span[b-3ffch2gd88] {
    display: block;
    color: hsl(var(--brand-accent-h, 41), 49%, 48%);
    font-size: .68rem;
    font-weight: 900;
    text-transform: uppercase;
}

.student-library-brief__copy h2[b-3ffch2gd88] {
    margin: 3px 0 0;
    color: #18251f;
    font-size: 1.02rem;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.student-library-brief__copy p[b-3ffch2gd88] {
    margin: 4px 0 0;
    color: #66766e;
    font-size: .76rem;
    font-weight: 800;
    line-height: 1.35;
}

.student-library-brief__stats[b-3ffch2gd88],
.student-library-brief__actions[b-3ffch2gd88] {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

.student-library-brief__stats article[b-3ffch2gd88] {
    min-width: 78px;
    border: 1px solid rgba(34, 50, 43, .08);
    border-radius: 8px;
    padding: 7px 8px;
    background: rgba(255, 255, 255, .68);
}

.student-library-brief__stats strong[b-3ffch2gd88] {
    display: block;
    margin-top: 2px;
    color: #17342c;
    font-size: .95rem;
    line-height: 1.1;
}

.student-library-brief__actions button[b-3ffch2gd88] {
    min-height: 30px;
    border: 1px solid hsla(var(--brand-accent-h, 41), 49%, 48%, .3);
    border-radius: 8px;
    padding: 0 10px;
    color: #17342c;
    background: rgba(255, 248, 226, .78);
    font-size: .74rem;
    font-weight: 900;
    cursor: pointer;
}

.student-library-brief__actions button:disabled[b-3ffch2gd88] {
    opacity: .48;
    cursor: default;
}

.student-library-checkpoints[b-3ffch2gd88] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
}

.student-library-checkpoint[b-3ffch2gd88] {
    min-width: 0;
    border: 1px solid rgba(34, 50, 43, .08);
    border-radius: 8px;
    padding: 8px 9px;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 42), 60%, 62%, .1), transparent 32%),
        rgba(255, 255, 255, .72);
}

.student-library-checkpoint.is-risk[b-3ffch2gd88] {
    border-color: rgba(166, 78, 57, .22);
    background:
        linear-gradient(90deg, rgba(166, 78, 57, .11), transparent 4px),
        rgba(255, 247, 244, .9);
}

.student-library-checkpoint.is-strong[b-3ffch2gd88] {
    border-color: rgba(55, 126, 110, .22);
    background:
        linear-gradient(90deg, rgba(55, 126, 110, .1), transparent 4px),
        rgba(241, 250, 247, .9);
}

.student-library-checkpoint span[b-3ffch2gd88],
.student-library-checkpoint strong[b-3ffch2gd88],
.student-library-checkpoint small[b-3ffch2gd88] {
    display: block;
}

.student-library-checkpoint span[b-3ffch2gd88] {
    color: hsl(var(--brand-accent-h, 41), 49%, 48%);
    font-size: .65rem;
    font-weight: 900;
    text-transform: uppercase;
}

.student-library-checkpoint strong[b-3ffch2gd88] {
    margin-top: 2px;
    color: #17342c;
    font-size: .8rem;
    line-height: 1.18;
}

.student-library-checkpoint small[b-3ffch2gd88] {
    margin-top: 3px;
    color: #66766e;
    font-size: .7rem;
    font-weight: 800;
    line-height: 1.3;
}

.student-library-today[b-3ffch2gd88] {
    display: grid;
    gap: 10px;
    color: #fbf7ec;
    border-color: hsla(var(--brand-accent-h, 42), 60%, 62%, .22);
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 42), 60%, 62%, .2), transparent 30%),
        linear-gradient(135deg, rgba(19, 27, 24, .98), rgba(35, 58, 52, .95));
    box-shadow: 0 18px 42px rgba(24, 36, 31, .13);
}

.student-library-today__head[b-3ffch2gd88],
.student-library-today__actions[b-3ffch2gd88],
.student-library-today__metrics[b-3ffch2gd88],
.student-library-today__slots[b-3ffch2gd88] {
    min-width: 0;
}

.student-library-today__head[b-3ffch2gd88],
.student-library-today__actions[b-3ffch2gd88] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.student-library-today__head[b-3ffch2gd88] {
    justify-content: space-between;
}

.student-library-today__head span[b-3ffch2gd88],
.student-library-today__metrics span[b-3ffch2gd88],
.student-library-today-card span[b-3ffch2gd88] {
    display: block;
    color: hsl(var(--brand-accent-h, 42), 60%, 62%);
    font-size: .68rem;
    font-weight: 900;
    text-transform: uppercase;
}

.student-library-today__head h2[b-3ffch2gd88] {
    margin: 2px 0 0;
    font-size: 1.04rem;
    line-height: 1.12;
    overflow-wrap: anywhere;
}

.student-library-today__head p[b-3ffch2gd88] {
    margin: 3px 0 0;
    max-width: 720px;
    color: rgba(251, 247, 236, .74);
    font-size: .76rem;
    font-weight: 800;
    line-height: 1.35;
}

.student-library-today__actions[b-3ffch2gd88] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.student-library-today__actions button[b-3ffch2gd88],
.student-library-today-card button[b-3ffch2gd88] {
    min-height: 30px;
    border: 1px solid hsla(var(--brand-accent-h, 42), 60%, 62%, .28);
    border-radius: 8px;
    padding: 0 10px;
    color: #fbf7ec;
    background: rgba(255, 255, 255, .08);
    font-size: .72rem;
    font-weight: 900;
    cursor: pointer;
}

.student-library-today__actions button:last-child[b-3ffch2gd88] {
    color: #1a2a24;
    background: linear-gradient(135deg, hsl(var(--brand-accent-h, 43), 81%, 75%), hsl(var(--brand-accent-h, 42), 60%, 62%));
}

.student-library-today__actions button:disabled[b-3ffch2gd88] {
    opacity: .48;
    cursor: default;
}

.student-library-today__metrics[b-3ffch2gd88] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.student-library-today__metrics article[b-3ffch2gd88] {
    min-width: 0;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 8px;
    padding: 8px 9px;
    background: rgba(255, 255, 255, .06);
}

.student-library-today__metrics strong[b-3ffch2gd88] {
    display: block;
    margin-top: 2px;
    color: #fffaf0;
    font-size: 1rem;
    line-height: 1.1;
}

.student-library-today__metrics small[b-3ffch2gd88] {
    display: block;
    margin-top: 2px;
    color: rgba(251, 247, 236, .66);
    font-size: .7rem;
    font-weight: 800;
    line-height: 1.25;
}

.student-library-today__slots[b-3ffch2gd88] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.student-library-today-card[b-3ffch2gd88] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 8px;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 42), 60%, 62%, .12), transparent 34%),
        rgba(255, 255, 255, .07);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.student-library-today-card:hover[b-3ffch2gd88] {
    transform: translateY(-1px);
    border-color: hsla(var(--brand-accent-h, 42), 60%, 62%, .42);
    box-shadow: 0 16px 34px rgba(0, 0, 0, .12);
}

.student-library-today-card.is-risk[b-3ffch2gd88] {
    border-color: hsla(var(--brand-accent-h, 19), 72%, 63%, .36);
    background:
        linear-gradient(90deg, hsla(var(--brand-accent-h, 19), 72%, 63%, .16), transparent 4px),
        rgba(255, 255, 255, .07);
}

.student-library-today-card.is-strong[b-3ffch2gd88],
.student-library-today-card.is-continue[b-3ffch2gd88] {
    border-color: rgba(105, 188, 167, .34);
    background:
        linear-gradient(90deg, rgba(105, 188, 167, .13), transparent 4px),
        rgba(255, 255, 255, .07);
}

.student-library-today-card button[b-3ffch2gd88] {
    width: 100%;
    min-height: 126px;
    border: 0;
    padding: 10px;
    text-align: left;
    background: transparent;
}

.student-library-today-card strong[b-3ffch2gd88],
.student-library-today-card small[b-3ffch2gd88],
.student-library-today-card em[b-3ffch2gd88] {
    display: block;
    overflow-wrap: anywhere;
}

.student-library-today-card strong[b-3ffch2gd88] {
    margin-top: 2px;
    color: #fffaf0;
    font-size: .9rem;
    line-height: 1.18;
}

.student-library-today-card small[b-3ffch2gd88] {
    margin-top: 3px;
    color: rgba(251, 247, 236, .74);
    font-size: .72rem;
    font-weight: 850;
    line-height: 1.3;
}

.student-library-today-card em[b-3ffch2gd88] {
    margin-top: 6px;
    color: rgba(251, 247, 236, .66);
    font-size: .69rem;
    font-style: normal;
    line-height: 1.3;
}

.student-library-today__meter[b-3ffch2gd88] {
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    margin-top: 8px;
    background: rgba(255, 255, 255, .1);
}

.student-library-today__meter i[b-3ffch2gd88] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, hsl(var(--brand-accent-h, 42), 60%, 62%), #69bca7);
    box-shadow: 0 0 16px hsla(var(--brand-accent-h, 42), 60%, 62%, .26);
}

.student-library-rhythm[b-3ffch2gd88] {
    display: grid;
    gap: 10px;
    border-color: rgba(34, 50, 43, .1);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(247, 242, 229, .82)),
        linear-gradient(90deg, rgba(63, 125, 109, .08), hsla(var(--brand-accent-h, 42), 60%, 62%, .08));
    box-shadow: 0 16px 38px rgba(24, 36, 31, .08);
}

.student-library-rhythm.is-risk[b-3ffch2gd88] {
    border-color: rgba(166, 78, 57, .2);
}

.student-library-rhythm.is-strong[b-3ffch2gd88] {
    border-color: rgba(55, 126, 110, .2);
}

.student-library-rhythm__head[b-3ffch2gd88],
.student-library-rhythm__actions[b-3ffch2gd88],
.student-library-rhythm__grid[b-3ffch2gd88],
.student-library-rhythm__due[b-3ffch2gd88] {
    min-width: 0;
}

.student-library-rhythm__head[b-3ffch2gd88],
.student-library-rhythm__actions[b-3ffch2gd88] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.student-library-rhythm__head[b-3ffch2gd88] {
    justify-content: space-between;
}

.student-library-rhythm__head span[b-3ffch2gd88],
.student-library-rhythm-card span[b-3ffch2gd88],
.student-library-rhythm-due-card span[b-3ffch2gd88] {
    display: block;
    color: hsl(var(--brand-accent-h, 41), 49%, 48%);
    font-size: .67rem;
    font-weight: 900;
    text-transform: uppercase;
}

.student-library-rhythm__head h2[b-3ffch2gd88] {
    margin: 2px 0 0;
    color: #17342c;
    font-size: 1.05rem;
    line-height: 1.12;
    overflow-wrap: anywhere;
}

.student-library-rhythm__head p[b-3ffch2gd88] {
    margin: 3px 0 0;
    max-width: 720px;
    color: #5f7168;
    font-size: .76rem;
    font-weight: 850;
    line-height: 1.35;
}

.student-library-rhythm__actions[b-3ffch2gd88] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.student-library-rhythm__actions button[b-3ffch2gd88] {
    min-height: 30px;
    border: 1px solid rgba(34, 50, 43, .12);
    border-radius: 8px;
    padding: 0 10px;
    color: #1c332c;
    background: rgba(255, 255, 255, .72);
    font-size: .72rem;
    font-weight: 900;
    cursor: pointer;
}

.student-library-rhythm__actions button:first-child[b-3ffch2gd88] {
    border-color: hsla(var(--brand-accent-h, 41), 49%, 48%, .28);
    background: linear-gradient(135deg, hsl(var(--brand-accent-h, 43), 81%, 75%), hsl(var(--brand-accent-h, 42), 60%, 62%));
}

.student-library-rhythm__actions button:disabled[b-3ffch2gd88] {
    opacity: .48;
    cursor: default;
}

.student-library-rhythm__grid[b-3ffch2gd88] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
}

.student-library-rhythm-card[b-3ffch2gd88],
.student-library-rhythm-due-card[b-3ffch2gd88] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(34, 50, 43, .1);
    border-radius: 8px;
    background: rgba(255, 255, 255, .78);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.student-library-rhythm-card:hover[b-3ffch2gd88],
.student-library-rhythm-due-card:hover[b-3ffch2gd88] {
    transform: translateY(-1px);
    border-color: hsla(var(--brand-accent-h, 41), 49%, 48%, .4);
    box-shadow: 0 14px 30px rgba(24, 36, 31, .08);
}

.student-library-rhythm-card.is-risk[b-3ffch2gd88],
.student-library-rhythm-due-card.is-risk[b-3ffch2gd88] {
    border-color: rgba(166, 78, 57, .25);
    background:
        linear-gradient(90deg, rgba(166, 78, 57, .12), transparent 4px),
        rgba(255, 247, 244, .9);
}

.student-library-rhythm-card.is-strong[b-3ffch2gd88],
.student-library-rhythm-due-card.is-strong[b-3ffch2gd88] {
    border-color: rgba(55, 126, 110, .24);
    background:
        linear-gradient(90deg, rgba(55, 126, 110, .12), transparent 4px),
        rgba(241, 250, 247, .92);
}

.student-library-rhythm-card button[b-3ffch2gd88],
.student-library-rhythm-due-card button[b-3ffch2gd88] {
    width: 100%;
    border: 0;
    padding: 10px;
    text-align: left;
    color: inherit;
    background: transparent;
    cursor: pointer;
}

.student-library-rhythm-card button[b-3ffch2gd88] {
    min-height: 132px;
}

.student-library-rhythm-due-card button[b-3ffch2gd88] {
    min-height: 92px;
}

.student-library-rhythm-card strong[b-3ffch2gd88],
.student-library-rhythm-card small[b-3ffch2gd88],
.student-library-rhythm-card em[b-3ffch2gd88],
.student-library-rhythm-due-card strong[b-3ffch2gd88],
.student-library-rhythm-due-card small[b-3ffch2gd88],
.student-library-rhythm-due-card em[b-3ffch2gd88] {
    display: block;
    overflow-wrap: anywhere;
}

.student-library-rhythm-card strong[b-3ffch2gd88] {
    margin-top: 2px;
    color: #18342c;
    font-size: 1.05rem;
    line-height: 1.08;
}

.student-library-rhythm-card small[b-3ffch2gd88],
.student-library-rhythm-due-card small[b-3ffch2gd88] {
    margin-top: 3px;
    color: #30453c;
    font-size: .72rem;
    font-weight: 900;
    line-height: 1.28;
}

.student-library-rhythm-card em[b-3ffch2gd88],
.student-library-rhythm-due-card em[b-3ffch2gd88] {
    margin-top: 6px;
    color: #66766e;
    font-size: .69rem;
    font-style: normal;
    line-height: 1.3;
}

.student-library-rhythm-due-card strong[b-3ffch2gd88] {
    margin-top: 2px;
    color: #18342c;
    font-size: .86rem;
    line-height: 1.16;
}

.student-library-rhythm__meter[b-3ffch2gd88] {
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    margin-top: 8px;
    background: rgba(31, 45, 39, .1);
}

.student-library-rhythm__meter i[b-3ffch2gd88] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #3f7d6d, hsl(var(--brand-accent-h, 42), 60%, 62%));
    box-shadow: 0 0 16px rgba(63, 125, 109, .18);
}

.student-library-rhythm__due[b-3ffch2gd88] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.student-library-launch[b-3ffch2gd88] {
    display: grid;
    grid-template-columns: minmax(148px, .24fr) minmax(0, 1fr);
    gap: 10px;
    border-color: rgba(34, 50, 43, .1);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(247, 242, 229, .82)),
        linear-gradient(90deg, rgba(26, 52, 44, .08), hsla(var(--brand-accent-h, 42), 60%, 62%, .1));
    box-shadow: 0 18px 40px rgba(24, 36, 31, .08);
}

.student-library-launch.is-risk[b-3ffch2gd88] {
    border-color: rgba(166, 78, 57, .22);
}

.student-library-launch.is-strong[b-3ffch2gd88] {
    border-color: rgba(55, 126, 110, .24);
}

.student-library-launch__score[b-3ffch2gd88],
.student-library-launch__body[b-3ffch2gd88],
.student-library-launch__head[b-3ffch2gd88],
.student-library-launch__actions[b-3ffch2gd88],
.student-library-launch__cards[b-3ffch2gd88],
.student-library-launch__queue[b-3ffch2gd88] {
    min-width: 0;
}

.student-library-launch__score[b-3ffch2gd88] {
    display: grid;
    align-content: center;
    border: 1px solid hsla(var(--brand-accent-h, 42), 60%, 62%, .18);
    border-radius: 8px;
    padding: 12px;
    color: #fbf7ec;
    background:
        linear-gradient(135deg, rgba(24, 37, 31, .98), rgba(49, 82, 73, .94)),
        linear-gradient(90deg, hsla(var(--brand-accent-h, 42), 60%, 62%, .16), transparent);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05);
}

.student-library-launch__score span[b-3ffch2gd88],
.student-library-launch__head span[b-3ffch2gd88],
.student-library-launch-card span[b-3ffch2gd88],
.student-library-launch-queue-card span[b-3ffch2gd88] {
    display: block;
    color: hsl(var(--brand-accent-h, 42), 60%, 62%);
    font-size: .67rem;
    font-weight: 900;
    text-transform: uppercase;
}

.student-library-launch__score strong[b-3ffch2gd88] {
    display: block;
    margin-top: 3px;
    font-size: 1.85rem;
    line-height: 1;
}

.student-library-launch__score small[b-3ffch2gd88],
.student-library-launch__score em[b-3ffch2gd88] {
    display: block;
    overflow-wrap: anywhere;
}

.student-library-launch__score small[b-3ffch2gd88] {
    margin-top: 4px;
    color: rgba(251, 247, 236, .86);
    font-size: .78rem;
    font-weight: 900;
    line-height: 1.25;
}

.student-library-launch__score div[b-3ffch2gd88] {
    height: 7px;
    overflow: hidden;
    border-radius: 999px;
    margin-top: 10px;
    background: rgba(255, 255, 255, .12);
}

.student-library-launch__score i[b-3ffch2gd88] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, hsl(var(--brand-accent-h, 42), 60%, 62%), #70c2ad);
    box-shadow: 0 0 18px hsla(var(--brand-accent-h, 42), 60%, 62%, .34);
}

.student-library-launch__score em[b-3ffch2gd88] {
    margin-top: 8px;
    color: rgba(251, 247, 236, .68);
    font-size: .7rem;
    font-style: normal;
    font-weight: 800;
    line-height: 1.32;
}

.student-library-launch__body[b-3ffch2gd88] {
    display: grid;
    gap: 9px;
}

.student-library-launch__head[b-3ffch2gd88],
.student-library-launch__actions[b-3ffch2gd88] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.student-library-launch__head[b-3ffch2gd88] {
    justify-content: space-between;
}

.student-library-launch__head h2[b-3ffch2gd88] {
    margin: 2px 0 0;
    color: #17342c;
    font-size: 1.04rem;
    line-height: 1.12;
    overflow-wrap: anywhere;
}

.student-library-launch__head p[b-3ffch2gd88] {
    margin: 3px 0 0;
    max-width: 720px;
    color: #5f7168;
    font-size: .76rem;
    font-weight: 850;
    line-height: 1.34;
}

.student-library-launch__actions[b-3ffch2gd88] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.student-library-launch__actions button[b-3ffch2gd88] {
    min-height: 30px;
    border: 1px solid rgba(34, 50, 43, .12);
    border-radius: 8px;
    padding: 0 10px;
    color: #1c332c;
    background: rgba(255, 255, 255, .72);
    font-size: .72rem;
    font-weight: 900;
    cursor: pointer;
}

.student-library-launch__actions button:first-child[b-3ffch2gd88] {
    border-color: hsla(var(--brand-accent-h, 41), 49%, 48%, .3);
    background: linear-gradient(135deg, hsl(var(--brand-accent-h, 43), 81%, 75%), hsl(var(--brand-accent-h, 42), 60%, 62%));
}

.student-library-launch__actions button:disabled[b-3ffch2gd88] {
    opacity: .48;
    cursor: default;
}

.student-library-launch__cards[b-3ffch2gd88] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
}

.student-library-launch__queue[b-3ffch2gd88] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.student-library-launch-card[b-3ffch2gd88],
.student-library-launch-queue-card[b-3ffch2gd88] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(34, 50, 43, .1);
    border-radius: 8px;
    background: rgba(255, 255, 255, .78);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.student-library-launch-card:hover[b-3ffch2gd88],
.student-library-launch-queue-card:hover[b-3ffch2gd88] {
    transform: translateY(-1px);
    border-color: hsla(var(--brand-accent-h, 41), 49%, 48%, .4);
    box-shadow: 0 14px 30px rgba(24, 36, 31, .08);
}

.student-library-launch-card.is-risk[b-3ffch2gd88],
.student-library-launch-queue-card.is-risk[b-3ffch2gd88] {
    border-color: rgba(166, 78, 57, .25);
    background:
        linear-gradient(90deg, rgba(166, 78, 57, .12), transparent 4px),
        rgba(255, 247, 244, .9);
}

.student-library-launch-card.is-strong[b-3ffch2gd88],
.student-library-launch-queue-card.is-strong[b-3ffch2gd88] {
    border-color: rgba(55, 126, 110, .24);
    background:
        linear-gradient(90deg, rgba(55, 126, 110, .12), transparent 4px),
        rgba(241, 250, 247, .92);
}

.student-library-launch-card button[b-3ffch2gd88],
.student-library-launch-queue-card button[b-3ffch2gd88] {
    width: 100%;
    border: 0;
    padding: 10px;
    text-align: left;
    color: inherit;
    background: transparent;
    cursor: pointer;
}

.student-library-launch-card button[b-3ffch2gd88] {
    min-height: 136px;
}

.student-library-launch-queue-card button[b-3ffch2gd88] {
    min-height: 104px;
}

.student-library-launch-card strong[b-3ffch2gd88],
.student-library-launch-card small[b-3ffch2gd88],
.student-library-launch-card em[b-3ffch2gd88],
.student-library-launch-queue-card strong[b-3ffch2gd88],
.student-library-launch-queue-card small[b-3ffch2gd88],
.student-library-launch-queue-card em[b-3ffch2gd88] {
    display: block;
    overflow-wrap: anywhere;
}

.student-library-launch-card strong[b-3ffch2gd88] {
    margin-top: 2px;
    color: #18342c;
    font-size: 1.08rem;
    line-height: 1.08;
}

.student-library-launch-card small[b-3ffch2gd88],
.student-library-launch-queue-card small[b-3ffch2gd88] {
    margin-top: 3px;
    color: #30453c;
    font-size: .72rem;
    font-weight: 900;
    line-height: 1.28;
}

.student-library-launch-card em[b-3ffch2gd88],
.student-library-launch-queue-card em[b-3ffch2gd88] {
    margin-top: 6px;
    color: #66766e;
    font-size: .69rem;
    font-style: normal;
    line-height: 1.3;
}

.student-library-launch-queue-card strong[b-3ffch2gd88] {
    margin-top: 2px;
    color: #18342c;
    font-size: .88rem;
    line-height: 1.16;
}

.student-library-launch__meter[b-3ffch2gd88] {
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    margin-top: 8px;
    background: rgba(31, 45, 39, .1);
}

.student-library-launch__meter i[b-3ffch2gd88] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, hsl(var(--brand-accent-h, 42), 60%, 62%), #3f7d6d);
    box-shadow: 0 0 16px hsla(var(--brand-accent-h, 42), 60%, 62%, .26);
}

.student-library-runway[b-3ffch2gd88] {
    background:
        radial-gradient(circle at top right, rgba(79, 143, 128, .12), transparent 32%),
        linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(255, 248, 226, .76));
}

.student-library-runway-grid[b-3ffch2gd88] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
}

.student-library-runway-card[b-3ffch2gd88] {
    min-width: 0;
    border: 1px solid rgba(34, 50, 43, .1);
    border-radius: 8px;
    overflow: hidden;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 42), 60%, 62%, .1), transparent 30%),
        rgba(255, 255, 255, .8);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.student-library-runway-card:hover[b-3ffch2gd88] {
    transform: translateY(-1px);
    border-color: hsla(var(--brand-accent-h, 41), 49%, 48%, .42);
    box-shadow: 0 14px 30px rgba(24, 36, 31, .08);
}

.student-library-runway-card.is-risk[b-3ffch2gd88] {
    border-color: rgba(166, 78, 57, .24);
    background:
        linear-gradient(90deg, rgba(166, 78, 57, .12), transparent 4px),
        rgba(255, 247, 244, .9);
}

.student-library-runway-card.is-strong[b-3ffch2gd88] {
    border-color: rgba(55, 126, 110, .24);
    background:
        linear-gradient(90deg, rgba(55, 126, 110, .12), transparent 4px),
        rgba(241, 250, 247, .92);
}

.student-library-runway-card button[b-3ffch2gd88] {
    width: 100%;
    min-height: 126px;
    border: 0;
    padding: 11px;
    text-align: left;
    color: inherit;
    background: transparent;
    cursor: pointer;
}

.student-library-runway-card span[b-3ffch2gd88],
.student-library-runway-card strong[b-3ffch2gd88],
.student-library-runway-card small[b-3ffch2gd88],
.student-library-runway-card em[b-3ffch2gd88] {
    display: block;
}

.student-library-runway-card span[b-3ffch2gd88] {
    color: hsl(var(--brand-accent-h, 41), 49%, 48%);
    font-size: .68rem;
    font-weight: 900;
    text-transform: uppercase;
}

.student-library-runway-card strong[b-3ffch2gd88] {
    margin-top: 2px;
    color: #18342c;
    font-size: 1.25rem;
    line-height: 1.05;
}

.student-library-runway-card small[b-3ffch2gd88] {
    margin-top: 2px;
    color: #30453c;
    font-size: .76rem;
    font-weight: 900;
}

.student-library-runway-card em[b-3ffch2gd88] {
    margin-top: 5px;
    color: #66766e;
    font-size: .72rem;
    font-style: normal;
    line-height: 1.34;
}

.student-library-runway__meter[b-3ffch2gd88] {
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    margin-top: 8px;
    background: rgba(31, 45, 39, .1);
}

.student-library-runway__meter i[b-3ffch2gd88] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, hsl(var(--brand-accent-h, 42), 60%, 62%), #3f7d6d);
    box-shadow: 0 0 16px hsla(var(--brand-accent-h, 42), 60%, 62%, .3);
}

.student-library-command[b-3ffch2gd88] {
    background:
        radial-gradient(circle at top left, rgba(55, 126, 110, .12), transparent 30%),
        radial-gradient(circle at bottom right, hsla(var(--brand-accent-h, 42), 60%, 62%, .13), transparent 32%),
        linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(246, 251, 248, .82));
}

.student-library-command-grid[b-3ffch2gd88] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 9px;
}

.student-library-command-card[b-3ffch2gd88] {
    min-width: 0;
    border: 1px solid rgba(34, 50, 43, .1);
    border-radius: 8px;
    overflow: hidden;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 42), 60%, 62%, .1), transparent 30%),
        rgba(255, 255, 255, .82);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.student-library-command-card:hover[b-3ffch2gd88] {
    transform: translateY(-1px);
    border-color: hsla(var(--brand-accent-h, 41), 49%, 48%, .42);
    box-shadow: 0 14px 30px rgba(24, 36, 31, .08);
}

.student-library-command-card.is-risk[b-3ffch2gd88] {
    border-color: rgba(166, 78, 57, .24);
    background:
        linear-gradient(90deg, rgba(166, 78, 57, .12), transparent 4px),
        rgba(255, 247, 244, .9);
}

.student-library-command-card.is-strong[b-3ffch2gd88] {
    border-color: rgba(55, 126, 110, .24);
    background:
        linear-gradient(90deg, rgba(55, 126, 110, .12), transparent 4px),
        rgba(241, 250, 247, .92);
}

.student-library-command-card button[b-3ffch2gd88] {
    width: 100%;
    min-height: 112px;
    border: 0;
    padding: 10px;
    text-align: left;
    color: inherit;
    background: transparent;
    cursor: pointer;
}

.student-library-command-card span[b-3ffch2gd88],
.student-library-command-card strong[b-3ffch2gd88],
.student-library-command-card small[b-3ffch2gd88],
.student-library-command-card em[b-3ffch2gd88] {
    display: block;
}

.student-library-command-card span[b-3ffch2gd88] {
    color: hsl(var(--brand-accent-h, 41), 49%, 48%);
    font-size: .66rem;
    font-weight: 900;
    text-transform: uppercase;
}

.student-library-command-card strong[b-3ffch2gd88] {
    margin-top: 2px;
    color: #18342c;
    font-size: 1.18rem;
    line-height: 1.08;
    overflow-wrap: anywhere;
}

.student-library-command-card small[b-3ffch2gd88] {
    margin-top: 3px;
    color: #30453c;
    font-size: .75rem;
    font-weight: 900;
    line-height: 1.25;
}

.student-library-command-card em[b-3ffch2gd88] {
    margin-top: 5px;
    color: #66766e;
    font-size: .7rem;
    font-style: normal;
    line-height: 1.32;
}

.student-library-calendar[b-3ffch2gd88] {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(242, 249, 246, .84)),
        linear-gradient(90deg, hsla(var(--brand-accent-h, 42), 60%, 62%, .08), rgba(63, 125, 109, .07));
}

.student-library-calendar-grid[b-3ffch2gd88] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 9px;
}

.student-library-calendar-card[b-3ffch2gd88],
.student-library-recommendation-card[b-3ffch2gd88] {
    min-width: 0;
    border: 1px solid rgba(34, 50, 43, .1);
    border-radius: 8px;
    overflow: hidden;
    background: rgba(255, 255, 255, .82);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.student-library-calendar-card:hover[b-3ffch2gd88],
.student-library-recommendation-card:hover[b-3ffch2gd88] {
    transform: translateY(-1px);
    border-color: hsla(var(--brand-accent-h, 41), 49%, 48%, .42);
    box-shadow: 0 14px 30px rgba(24, 36, 31, .08);
}

.student-library-calendar-card.is-today[b-3ffch2gd88] {
    border-color: hsla(var(--brand-accent-h, 41), 49%, 48%, .45);
    box-shadow: inset 0 0 0 1px hsla(var(--brand-accent-h, 41), 49%, 48%, .14), 0 14px 30px rgba(24, 36, 31, .07);
}

.student-library-calendar-card.is-risk[b-3ffch2gd88],
.student-library-recommendation-card.is-risk[b-3ffch2gd88] {
    border-color: rgba(166, 78, 57, .24);
    background:
        linear-gradient(90deg, rgba(166, 78, 57, .12), transparent 4px),
        rgba(255, 247, 244, .92);
}

.student-library-calendar-card.is-strong[b-3ffch2gd88],
.student-library-recommendation-card.is-strong[b-3ffch2gd88] {
    border-color: rgba(55, 126, 110, .24);
    background:
        linear-gradient(90deg, rgba(55, 126, 110, .12), transparent 4px),
        rgba(241, 250, 247, .92);
}

.student-library-calendar-card button[b-3ffch2gd88],
.student-library-recommendation-card button[b-3ffch2gd88] {
    width: 100%;
    min-height: 118px;
    border: 0;
    padding: 10px;
    text-align: left;
    color: inherit;
    background: transparent;
    cursor: pointer;
}

.student-library-calendar-card span[b-3ffch2gd88],
.student-library-calendar-card strong[b-3ffch2gd88],
.student-library-calendar-card small[b-3ffch2gd88],
.student-library-calendar-card em[b-3ffch2gd88],
.student-library-recommendation-card span[b-3ffch2gd88],
.student-library-recommendation-card strong[b-3ffch2gd88],
.student-library-recommendation-card small[b-3ffch2gd88],
.student-library-recommendation-card em[b-3ffch2gd88] {
    display: block;
}

.student-library-calendar-card span[b-3ffch2gd88],
.student-library-recommendation-card span[b-3ffch2gd88] {
    color: hsl(var(--brand-accent-h, 41), 49%, 48%);
    font-size: .66rem;
    font-weight: 900;
    text-transform: uppercase;
}

.student-library-calendar-card strong[b-3ffch2gd88],
.student-library-recommendation-card strong[b-3ffch2gd88] {
    margin-top: 2px;
    color: #18342c;
    font-size: 1.05rem;
    line-height: 1.08;
    overflow-wrap: anywhere;
}

.student-library-recommendation-card strong[b-3ffch2gd88] {
    font-size: 1.15rem;
}

.student-library-calendar-card small[b-3ffch2gd88],
.student-library-recommendation-card small[b-3ffch2gd88] {
    margin-top: 3px;
    color: #30453c;
    font-size: .73rem;
    font-weight: 900;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.student-library-calendar-card em[b-3ffch2gd88],
.student-library-recommendation-card em[b-3ffch2gd88] {
    margin-top: 5px;
    color: #66766e;
    font-size: .69rem;
    font-style: normal;
    line-height: 1.32;
}

.student-library-calendar__meter[b-3ffch2gd88] {
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    margin-top: 8px;
    background: rgba(31, 45, 39, .1);
}

.student-library-calendar__meter i[b-3ffch2gd88] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, hsl(var(--brand-accent-h, 42), 60%, 62%), #3f7d6d);
    box-shadow: 0 0 16px hsla(var(--brand-accent-h, 42), 60%, 62%, .28);
}

.student-library-intelligence[b-3ffch2gd88] {
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 42), 60%, 62%, .13), transparent 34%),
        linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(239, 248, 242, .78));
}

.student-library-intelligence-card[b-3ffch2gd88] {
    border: 1px solid rgba(34, 50, 43, .1);
    border-radius: 8px;
    overflow: hidden;
    background:
        radial-gradient(circle at top right, rgba(79, 143, 128, .1), transparent 32%),
        rgba(255, 255, 255, .82);
    box-shadow: 0 14px 30px rgba(24, 36, 31, .07);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.student-library-intelligence-card:hover[b-3ffch2gd88] {
    transform: translateY(-1px);
    border-color: hsla(var(--brand-accent-h, 41), 49%, 48%, .42);
    box-shadow: 0 18px 34px rgba(24, 36, 31, .1);
}

.student-library-intelligence-card.is-risk[b-3ffch2gd88] {
    border-color: rgba(166, 78, 57, .24);
    background:
        linear-gradient(90deg, rgba(166, 78, 57, .12), transparent 4px),
        rgba(255, 247, 244, .9);
}

.student-library-intelligence-card.is-strong[b-3ffch2gd88] {
    border-color: rgba(55, 126, 110, .24);
    background:
        linear-gradient(90deg, rgba(55, 126, 110, .12), transparent 4px),
        rgba(241, 250, 247, .92);
}

.student-library-intelligence-card button[b-3ffch2gd88] {
    width: 100%;
    min-height: 132px;
    border: 0;
    padding: 11px;
    text-align: left;
    color: inherit;
    background: transparent;
    cursor: pointer;
}

.student-library-intelligence-card span[b-3ffch2gd88],
.student-library-intelligence-card small[b-3ffch2gd88],
.student-library-intelligence-card em[b-3ffch2gd88] {
    display: block;
}

.student-library-intelligence-card span[b-3ffch2gd88] {
    color: hsl(var(--brand-accent-h, 41), 49%, 48%);
    font-size: .68rem;
    font-weight: 900;
    text-transform: uppercase;
}

.student-library-intelligence-card strong[b-3ffch2gd88] {
    display: block;
    margin-top: 3px;
    color: #18342c;
    font-size: 1.35rem;
}

.student-library-intelligence-card small[b-3ffch2gd88] {
    margin-top: 2px;
    color: #30453c;
    font-size: .78rem;
    font-weight: 900;
}

.student-library-intelligence-card em[b-3ffch2gd88] {
    margin-top: 5px;
    color: #66766e;
    font-size: .72rem;
    font-style: normal;
    line-height: 1.35;
}

.student-library-queue[b-3ffch2gd88] {
    background:
        radial-gradient(circle at top right, rgba(79, 143, 128, .12), transparent 32%),
        linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(255, 248, 226, .76));
}

.student-library-queue-list[b-3ffch2gd88] {
    display: grid;
    gap: 8px;
}

.student-library-queue-item[b-3ffch2gd88] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    border: 1px solid rgba(34, 50, 43, .1);
    border-radius: 8px;
    padding: 10px;
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 12px 26px rgba(24, 36, 31, .06);
}

.student-library-queue-item.is-risk[b-3ffch2gd88] {
    border-color: rgba(166, 78, 57, .24);
    background:
        linear-gradient(90deg, rgba(166, 78, 57, .12), transparent 4px),
        rgba(255, 247, 244, .92);
}

.student-library-queue-item.is-strong[b-3ffch2gd88] {
    border-color: rgba(55, 126, 110, .24);
    background:
        linear-gradient(90deg, rgba(55, 126, 110, .12), transparent 4px),
        rgba(241, 250, 247, .92);
}

.student-library-queue__main[b-3ffch2gd88] {
    width: 100%;
    border: 0;
    padding: 0;
    text-align: left;
    color: inherit;
    background: transparent;
    cursor: pointer;
}

.student-library-queue__main span[b-3ffch2gd88],
.student-library-queue__main strong[b-3ffch2gd88],
.student-library-queue__main small[b-3ffch2gd88] {
    display: block;
}

.student-library-queue__main span[b-3ffch2gd88] {
    color: hsl(var(--brand-accent-h, 41), 49%, 48%);
    font-size: .68rem;
    font-weight: 900;
    text-transform: uppercase;
}

.student-library-queue__main strong[b-3ffch2gd88] {
    margin-top: 3px;
    color: #18251f;
    font-size: .92rem;
}

.student-library-queue__main small[b-3ffch2gd88] {
    margin-top: 3px;
    color: #66766e;
    font-size: .75rem;
}

.student-library-queue__actions[b-3ffch2gd88] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

.student-library-queue__actions button[b-3ffch2gd88] {
    min-height: 28px;
    border: 1px solid hsla(var(--brand-accent-h, 41), 49%, 48%, .28);
    border-radius: 8px;
    padding: 0 8px;
    color: #17342c;
    background: rgba(255, 248, 226, .74);
    font-size: .72rem;
    font-weight: 800;
    cursor: pointer;
}

.student-library-head[b-3ffch2gd88],
.student-library-course__head[b-3ffch2gd88] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.student-library-head h2[b-3ffch2gd88] {
    margin: 2px 0 0;
    font-size: 1rem;
}

.student-library-head small[b-3ffch2gd88] {
    color: #66766e;
    font-size: .78rem;
    font-weight: 800;
}

.student-library-search-actions[b-3ffch2gd88] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
}

.student-library-search-actions small[b-3ffch2gd88] {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    border: 1px solid hsla(var(--brand-accent-h, 42), 60%, 62%, .28);
    border-radius: 8px;
    padding: 0 9px;
    color: #4c5e56;
    background: rgba(255, 248, 226, .64);
}

.student-library-modebar[b-3ffch2gd88] {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

.student-library-modebar button[b-3ffch2gd88] {
    min-height: 30px;
    border: 1px solid rgba(34, 50, 43, .12);
    border-radius: 8px;
    padding: 0 10px;
    color: #31554c;
    font-size: .74rem;
    font-weight: 800;
    background: rgba(255, 255, 255, .74);
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease, color .16s ease;
}

.student-library-modebar button:hover[b-3ffch2gd88],
.student-library-modebar button.is-active[b-3ffch2gd88] {
    border-color: hsla(var(--brand-accent-h, 41), 49%, 48%, .42);
    color: #17342c;
    background: rgba(255, 248, 226, .88);
}

.student-library-modebar button.is-plan-filter[b-3ffch2gd88] {
    display: inline-grid;
    grid-template-columns: auto auto;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    border-color: rgba(65, 127, 105, .34);
    background:
        linear-gradient(90deg, rgba(65, 127, 105, .14), rgba(255, 248, 226, .84));
}

.student-library-modebar button.is-plan-filter span[b-3ffch2gd88] {
    display: inline-block;
    color: #8a6b29;
    font-size: .63rem;
    font-weight: 900;
    text-transform: uppercase;
}

.student-library-modebar button.is-plan-filter strong[b-3ffch2gd88] {
    display: inline-block;
    color: #17342c;
    font-size: .72rem;
}

.student-library-course-lens[b-3ffch2gd88] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 10px;
}

.student-library-course-lens button[b-3ffch2gd88] {
    min-height: 30px;
    border: 1px solid rgba(34, 50, 43, .12);
    border-radius: 999px;
    padding: 0 10px;
    color: #31554c;
    background: rgba(255, 255, 255, .74);
    cursor: pointer;
}

.student-library-course-lens button:hover[b-3ffch2gd88],
.student-library-course-lens button.is-active[b-3ffch2gd88] {
    border-color: hsla(var(--brand-accent-h, 41), 49%, 48%, .42);
    color: #17342c;
    background: rgba(255, 248, 226, .88);
}

.student-library-course-lens span[b-3ffch2gd88],
.student-library-course-lens strong[b-3ffch2gd88] {
    display: inline-block;
    font-size: .7rem;
    font-weight: 900;
}

.student-library-course-lens strong[b-3ffch2gd88] {
    margin-left: 6px;
    color: #8a6b29;
}

.student-library-sprint[b-3ffch2gd88] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 10px;
    align-items: center;
    margin-bottom: 10px;
    border: 1px solid rgba(34, 50, 43, .1);
    border-radius: 8px;
    padding: 10px;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 42), 60%, 62%, .13), transparent 32%),
        linear-gradient(135deg, rgba(255, 255, 255, .9), rgba(241, 250, 247, .78));
    box-shadow: 0 14px 30px rgba(24, 36, 31, .07);
}

.student-library-sprint > div:first-child span[b-3ffch2gd88],
.student-library-sprint__stats span[b-3ffch2gd88] {
    display: block;
    color: hsl(var(--brand-accent-h, 41), 49%, 48%);
    font-size: .68rem;
    font-weight: 900;
    text-transform: uppercase;
}

.student-library-sprint > div:first-child strong[b-3ffch2gd88] {
    display: block;
    margin-top: 2px;
    color: #18251f;
    font-size: .95rem;
}

.student-library-sprint > div:first-child small[b-3ffch2gd88] {
    display: block;
    margin-top: 2px;
    color: #66766e;
    font-size: .74rem;
    font-weight: 800;
}

.student-library-sprint__stats[b-3ffch2gd88],
.student-library-sprint__actions[b-3ffch2gd88] {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

.student-library-sprint__stats article[b-3ffch2gd88] {
    min-width: 76px;
    border: 1px solid rgba(34, 50, 43, .08);
    border-radius: 8px;
    padding: 7px 8px;
    background: rgba(255, 255, 255, .68);
}

.student-library-sprint__stats strong[b-3ffch2gd88] {
    display: block;
    margin-top: 2px;
    color: #17342c;
    font-size: .96rem;
}

.student-library-sprint__actions button[b-3ffch2gd88] {
    min-height: 30px;
    border: 1px solid hsla(var(--brand-accent-h, 41), 49%, 48%, .3);
    border-radius: 8px;
    padding: 0 10px;
    color: #17342c;
    background: rgba(255, 248, 226, .78);
    font-size: .74rem;
    font-weight: 900;
    cursor: pointer;
}

.student-library-sprint__actions button:disabled[b-3ffch2gd88] {
    opacity: .48;
    cursor: default;
}

.student-library-empty[b-3ffch2gd88] {
    border: 1px dashed rgba(34, 50, 43, .22);
    border-radius: 8px;
    padding: 18px;
    color: #64756d;
    background: rgba(248, 250, 247, .7);
}

.student-library-filter-empty[b-3ffch2gd88] {
    border: 1px dashed rgba(34, 50, 43, .16);
    border-radius: 8px;
    padding: 10px;
    color: #64756d;
    font-size: .82rem;
    background: rgba(255, 255, 255, .62);
}

.student-library-course-list[b-3ffch2gd88],
.student-library-resource-list[b-3ffch2gd88],
.student-library-results[b-3ffch2gd88] {
    display: grid;
    gap: 9px;
}

.student-library-course[b-3ffch2gd88] {
    border: 1px solid rgba(34, 50, 43, .1);
    border-radius: 8px;
    padding: 12px;
    background: rgba(248, 250, 247, .76);
}

.student-library-course.is-focused[b-3ffch2gd88] {
    border-color: hsla(var(--brand-accent-h, 41), 49%, 48%, .44);
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 42), 60%, 62%, .16), transparent 32%),
        linear-gradient(135deg, rgba(255, 248, 226, .9), rgba(255, 255, 255, .82));
    box-shadow: 0 16px 34px rgba(86, 66, 26, .1);
}

.student-library-course.has-required[b-3ffch2gd88] {
    border-color: hsla(var(--brand-accent-h, 41), 49%, 48%, .28);
}

.student-library-course.has-digital-gap[b-3ffch2gd88] {
    background:
        linear-gradient(90deg, rgba(166, 78, 57, .1), transparent 4px),
        rgba(255, 247, 244, .78);
}

.student-library-course__head strong[b-3ffch2gd88] {
    color: #18251f;
    font-size: 1rem;
}

.student-library-course__head span[b-3ffch2gd88],
.student-library-course__head small[b-3ffch2gd88] {
    display: block;
    margin-top: 3px;
    color: #66766e;
    font-size: .78rem;
}

.student-library-course__tools[b-3ffch2gd88] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    min-width: 0;
}

.student-library-course__tools small[b-3ffch2gd88] {
    display: inline-flex;
    min-width: 32px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border: 1px solid hsla(var(--brand-accent-h, 42), 60%, 62%, .32);
    border-radius: 8px;
    color: #18342c;
    background: rgba(255, 248, 226, .78);
    font-weight: 900;
}

.student-library-course-readiness[b-3ffch2gd88] {
    display: grid;
    grid-template-columns: auto minmax(90px, 1fr) auto;
    gap: 8px;
    align-items: center;
    margin-bottom: 9px;
    border: 1px solid rgba(34, 50, 43, .08);
    border-radius: 8px;
    padding: 8px;
    background: rgba(255, 255, 255, .58);
}

.student-library-course-readiness > div:first-child span[b-3ffch2gd88],
.student-library-course-readiness__chips span[b-3ffch2gd88] {
    display: block;
    color: hsl(var(--brand-accent-h, 41), 49%, 48%);
    font-size: .66rem;
    font-weight: 900;
    text-transform: uppercase;
}

.student-library-course-readiness > div:first-child strong[b-3ffch2gd88] {
    display: block;
    margin-top: 2px;
    color: #17342c;
    font-size: .92rem;
}

.student-library-course-readiness__meter[b-3ffch2gd88] {
    height: 7px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(31, 45, 39, .1);
}

.student-library-course-readiness__meter span[b-3ffch2gd88] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, hsl(var(--brand-accent-h, 42), 60%, 62%), #3f7d6d);
    box-shadow: 0 0 16px hsla(var(--brand-accent-h, 42), 60%, 62%, .32);
}

.student-library-course-readiness__chips[b-3ffch2gd88] {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 5px;
}

.student-library-course-readiness__chips span[b-3ffch2gd88] {
    border: 1px solid hsla(var(--brand-accent-h, 41), 49%, 48%, .22);
    border-radius: 999px;
    padding: 4px 7px;
    color: #4b4030;
    background: rgba(255, 248, 226, .68);
    white-space: nowrap;
}

.student-library-bibliography-format[b-3ffch2gd88] {
    width: 116px;
}

.student-library-resource[b-3ffch2gd88] {
    width: 100%;
    border: 1px solid rgba(34, 50, 43, .1);
    border-radius: 8px;
    padding: 10px;
    text-align: left;
    color: #1a2621;
    background: rgba(255, 255, 255, .78);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.student-library-resource:hover[b-3ffch2gd88] {
    transform: translateY(-1px);
    border-color: hsla(var(--brand-accent-h, 41), 49%, 48%, .58);
    box-shadow: 0 12px 24px rgba(28, 42, 36, .1);
}

.student-library-resource.is-saved[b-3ffch2gd88] {
    border-color: hsla(var(--brand-accent-h, 41), 49%, 48%, .45);
    background: linear-gradient(135deg, rgba(255, 248, 226, .92), rgba(255, 255, 255, .84));
}

.student-library-resource.is-completed[b-3ffch2gd88] {
    border-color: rgba(65, 127, 105, .42);
}

.student-library-resource__main[b-3ffch2gd88] {
    width: 100%;
    border: 0;
    padding: 0;
    text-align: left;
    color: inherit;
    background: transparent;
    cursor: pointer;
}

.student-library-resource strong[b-3ffch2gd88] {
    display: block;
    margin-top: 3px;
}

.student-library-resource small[b-3ffch2gd88],
.student-library-resource em[b-3ffch2gd88],
.student-library-resource__main span[b-3ffch2gd88] {
    display: block;
    margin-top: 3px;
    color: #66766e;
    font-size: .78rem;
    font-style: normal;
}

.student-library-resource__actions[b-3ffch2gd88] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 9px;
}

.student-library-resource__actions button[b-3ffch2gd88] {
    border: 1px solid hsla(var(--brand-accent-h, 41), 49%, 48%, .32);
    border-radius: 8px;
    padding: 6px 9px;
    color: #17342c;
    font-size: .78rem;
    font-weight: 800;
    background: rgba(255, 248, 226, .72);
    cursor: pointer;
}

.student-library-result-discovery[b-3ffch2gd88] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 7px;
}

.student-library-result-discovery span[b-3ffch2gd88],
.student-library-result-discovery i[b-3ffch2gd88],
.student-library-result-discovery small[b-3ffch2gd88] {
    border: 1px solid rgba(65, 127, 105, .18);
    border-radius: 999px;
    padding: 2px 7px;
    color: #2f5f52;
    background: rgba(239, 248, 242, .82);
    font-size: .67rem;
    font-style: normal;
    font-weight: 900;
}

.student-library-result-discovery span[b-3ffch2gd88] {
    color: #74582a;
    background: rgba(255, 248, 226, .88);
}

.student-library-result-discovery i.is-text[b-3ffch2gd88] {
    border-color: hsla(var(--brand-accent-h, 41), 49%, 48%, .24);
    color: #61491f;
    background: rgba(255, 248, 226, .9);
}

.student-library-result-discovery small[b-3ffch2gd88] {
    flex: 1 1 100%;
    border-radius: 8px;
    color: #4c5e56;
    background: rgba(255, 255, 255, .72);
    font-size: .69rem;
    line-height: 1.35;
    text-transform: none;
}

.student-library-search-grid[b-3ffch2gd88] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 12px;
}

.student-library-search-intel[b-3ffch2gd88] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 12px;
    border: 1px solid rgba(34, 50, 43, .08);
    border-radius: 8px;
    padding: 8px;
    background: rgba(248, 250, 247, .72);
}

.student-library-search-intel button[b-3ffch2gd88] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    border: 1px solid hsla(var(--brand-accent-h, 42), 60%, 62%, .24);
    border-radius: 999px;
    padding: 0 10px;
    color: #17342c;
    background: rgba(255, 248, 226, .78);
    cursor: pointer;
}

.student-library-search-intel button:hover[b-3ffch2gd88] {
    border-color: hsla(var(--brand-accent-h, 41), 49%, 48%, .46);
    box-shadow: 0 10px 20px rgba(86, 66, 26, .08);
}

.student-library-search-intel span[b-3ffch2gd88] {
    display: block;
    color: hsl(var(--brand-accent-h, 41), 49%, 48%);
    font-size: .68rem;
    font-weight: 900;
    text-transform: uppercase;
}

.student-library-search-intel i[b-3ffch2gd88],
.student-library-search-intel small[b-3ffch2gd88] {
    display: block;
    color: #4c5e56;
    font-size: .76rem;
    font-style: normal;
    font-weight: 800;
}

.student-library-search-intel i[b-3ffch2gd88] {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.student-library-discovery[b-3ffch2gd88],
.student-library-saved-searches[b-3ffch2gd88] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
    border: 1px solid rgba(34, 50, 43, .08);
    border-radius: 8px;
    padding: 10px;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 42), 60%, 62%, .14), transparent 34%),
        linear-gradient(135deg, rgba(255, 255, 255, .9), rgba(239, 248, 242, .76));
}

.student-library-discovery span[b-3ffch2gd88],
.student-library-saved-searches span[b-3ffch2gd88] {
    display: block;
    color: hsl(var(--brand-accent-h, 41), 49%, 48%);
    font-size: .68rem;
    font-weight: 900;
    text-transform: uppercase;
}

.student-library-discovery strong[b-3ffch2gd88],
.student-library-discovery small[b-3ffch2gd88] {
    display: block;
}

.student-library-discovery strong[b-3ffch2gd88] {
    margin-top: 3px;
    color: #17342c;
    font-size: .9rem;
}

.student-library-discovery small[b-3ffch2gd88] {
    color: #4c5e56;
    font-size: .76rem;
    font-weight: 800;
}

.student-library-discovery__chips[b-3ffch2gd88],
.student-library-saved-searches[b-3ffch2gd88] {
    flex-wrap: wrap;
}

.student-library-discovery__chips[b-3ffch2gd88] {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
}

.student-library-saved-searches__items[b-3ffch2gd88] {
    display: flex;
    flex: 1 1 240px;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
    min-width: 0;
}

.student-library-saved-searches__item[b-3ffch2gd88] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    border: 1px solid hsla(var(--brand-accent-h, 41), 49%, 48%, .24);
    border-radius: 999px;
    background: rgba(255, 248, 226, .8);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .52);
}

.student-library-saved-searches__item.is-pinned[b-3ffch2gd88] {
    border-color: rgba(116, 88, 42, .36);
    background: linear-gradient(135deg, rgba(255, 248, 226, .92), rgba(239, 248, 242, .82));
}

.student-library-saved-searches__item.is-global[b-3ffch2gd88] {
    border-color: rgba(65, 127, 105, .34);
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, .58),
        0 10px 18px rgba(32, 78, 62, .08);
}

.student-library-saved-searches__item.is-merged[b-3ffch2gd88] {
    background: linear-gradient(135deg, rgba(255, 248, 226, .92), rgba(239, 248, 242, .88));
}

.student-library-discovery__chips button[b-3ffch2gd88],
.student-library-saved-searches button[b-3ffch2gd88] {
    border: 1px solid hsla(var(--brand-accent-h, 41), 49%, 48%, .24);
    border-radius: 999px;
    padding: 5px 10px;
    color: #17342c;
    background: rgba(255, 248, 226, .8);
    font-size: .72rem;
    font-weight: 900;
    cursor: pointer;
}

.student-library-saved-searches__item button[b-3ffch2gd88] {
    border: 0;
    background: transparent;
    box-shadow: none;
}

.student-library-saved-searches__item .is-query[b-3ffch2gd88] {
    display: grid;
    gap: 1px;
    max-width: min(260px, 54vw);
    text-align: left;
}

.student-library-saved-searches__item .is-query strong[b-3ffch2gd88],
.student-library-saved-searches__item .is-query small[b-3ffch2gd88] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.student-library-saved-searches__item .is-query strong[b-3ffch2gd88] {
    color: #17342c;
    font-size: .72rem;
}

.student-library-saved-searches__item .is-query small[b-3ffch2gd88] {
    color: #4c5e56;
    font-size: .62rem;
    font-weight: 900;
    text-transform: uppercase;
}

.student-library-saved-searches__item .is-remove[b-3ffch2gd88] {
    width: 22px;
    min-width: 22px;
    height: 22px;
    margin-right: 2px;
    padding: 0;
    color: #61491f;
    background: hsla(var(--brand-accent-h, 41), 49%, 48%, .14);
}

.student-library-discovery__chips button.is-suggested[b-3ffch2gd88] {
    border-color: rgba(65, 127, 105, .22);
    background: rgba(239, 248, 242, .86);
}

.student-library-discovery__chips button.is-correction[b-3ffch2gd88] {
    border-color: hsla(var(--brand-accent-h, 41), 49%, 48%, .36);
    color: #61491f;
    background: linear-gradient(135deg, rgba(255, 248, 226, .95), rgba(239, 248, 242, .82));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .62);
}

.student-library-discovery__chips button.is-save[b-3ffch2gd88] {
    color: #fffaf0;
    background: linear-gradient(135deg, #17342c, #74582a);
}

.student-library-discovery__chips button:disabled[b-3ffch2gd88] {
    opacity: .48;
    cursor: default;
}

.student-library-focus-strip[b-3ffch2gd88],
.student-library-request-strip[b-3ffch2gd88],
.student-library-collection-strip[b-3ffch2gd88] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
}

.student-library-focus-strip article[b-3ffch2gd88],
.student-library-request-strip article[b-3ffch2gd88] {
    border: 1px solid hsla(var(--brand-accent-h, 41), 49%, 48%, .22);
    border-radius: 8px;
    padding: 10px;
    background: linear-gradient(135deg, rgba(255, 248, 226, .9), rgba(255, 255, 255, .82));
}

.student-library-focus-strip article[b-3ffch2gd88] {
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 42), 60%, 62%, .14), transparent 32%),
        linear-gradient(135deg, rgba(248, 250, 247, .92), rgba(255, 255, 255, .82));
}

.student-library-focus-strip button[b-3ffch2gd88] {
    width: 100%;
    border: 0;
    padding: 0;
    text-align: left;
    color: inherit;
    background: transparent;
    cursor: pointer;
}

.student-library-plan[b-3ffch2gd88] {
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 42), 60%, 62%, .12), transparent 30%),
        linear-gradient(135deg, rgba(255, 255, 255, .9), rgba(239, 248, 242, .74));
}

.student-library-plan-grid[b-3ffch2gd88] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.student-library-plan-card[b-3ffch2gd88] {
    display: grid;
    gap: 10px;
    border: 1px solid rgba(34, 50, 43, .1);
    border-radius: 8px;
    padding: 12px;
    background:
        radial-gradient(circle at top right, rgba(79, 143, 128, .1), transparent 32%),
        linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(248, 250, 247, .84));
    box-shadow: 0 16px 34px rgba(24, 36, 31, .08);
}

.student-library-plan-card.has-required[b-3ffch2gd88] {
    border-color: hsla(var(--brand-accent-h, 41), 49%, 48%, .34);
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 42), 60%, 62%, .14), transparent 32%),
        linear-gradient(135deg, rgba(255, 248, 226, .9), rgba(255, 255, 255, .84));
}

.student-library-plan-card.is-complete[b-3ffch2gd88] {
    border-color: rgba(65, 127, 105, .34);
}

.student-library-plan-card.is-active[b-3ffch2gd88] {
    border-color: hsla(var(--brand-accent-h, 41), 49%, 48%, .52);
    box-shadow: 0 18px 36px rgba(86, 66, 26, .14);
}

.student-library-plan-card__head[b-3ffch2gd88] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    border: 0;
    padding: 0;
    text-align: left;
    color: inherit;
    background: transparent;
    cursor: pointer;
}

.student-library-plan-card__head span[b-3ffch2gd88],
.student-library-plan-item span[b-3ffch2gd88] {
    display: block;
    color: hsl(var(--brand-accent-h, 41), 49%, 48%);
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.student-library-plan-card__head strong[b-3ffch2gd88] {
    display: block;
    margin-top: 3px;
    color: #18251f;
    font-size: .96rem;
}

.student-library-plan-card__head small[b-3ffch2gd88] {
    color: #66766e;
    font-size: .76rem;
    font-weight: 800;
    white-space: nowrap;
}

.student-library-plan-card__meter[b-3ffch2gd88] {
    height: 7px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(31, 45, 39, .1);
}

.student-library-plan-card__meter span[b-3ffch2gd88] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, hsl(var(--brand-accent-h, 42), 60%, 62%), #3f7d6d);
    box-shadow: 0 0 16px hsla(var(--brand-accent-h, 42), 60%, 62%, .34);
}

.student-library-plan-card__meta[b-3ffch2gd88] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.student-library-plan-card__meta span[b-3ffch2gd88] {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    border: 1px solid rgba(79, 143, 128, .18);
    border-radius: 999px;
    padding: 0 8px;
    color: #31554c;
    background: rgba(231, 247, 242, .78);
    font-size: .7rem;
    font-weight: 800;
}

.student-library-plan-card__items[b-3ffch2gd88] {
    display: grid;
    gap: 7px;
}

.student-library-plan-item[b-3ffch2gd88] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    border: 1px solid rgba(34, 50, 43, .08);
    border-radius: 8px;
    padding: 9px;
    background: rgba(255, 255, 255, .74);
}

.student-library-plan-item.is-required[b-3ffch2gd88] {
    border-color: hsla(var(--brand-accent-h, 41), 49%, 48%, .28);
}

.student-library-plan-item.is-progress[b-3ffch2gd88] {
    background:
        linear-gradient(90deg, hsla(var(--brand-accent-h, 42), 60%, 62%, .14), transparent 5px),
        rgba(255, 255, 255, .78);
}

.student-library-plan-item.is-complete[b-3ffch2gd88] {
    border-color: rgba(65, 127, 105, .28);
    background:
        linear-gradient(90deg, rgba(65, 127, 105, .16), transparent 5px),
        rgba(255, 255, 255, .78);
}

.student-library-plan-item > button[b-3ffch2gd88] {
    width: 100%;
    border: 0;
    padding: 0;
    text-align: left;
    color: inherit;
    background: transparent;
    cursor: pointer;
}

.student-library-plan-item strong[b-3ffch2gd88],
.student-library-plan-item small[b-3ffch2gd88] {
    display: block;
}

.student-library-plan-item strong[b-3ffch2gd88] {
    margin-top: 3px;
    color: #18251f;
    font-size: .88rem;
}

.student-library-plan-item small[b-3ffch2gd88] {
    margin-top: 3px;
    color: #66766e;
    font-size: .74rem;
}

.student-library-plan-item div[b-3ffch2gd88] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
}

.student-library-plan-item div button[b-3ffch2gd88] {
    min-height: 28px;
    border: 1px solid hsla(var(--brand-accent-h, 41), 49%, 48%, .28);
    border-radius: 8px;
    padding: 0 8px;
    color: #17342c;
    background: rgba(255, 248, 226, .7);
    font-size: .72rem;
    font-weight: 800;
    cursor: pointer;
}

.student-library-request-strip article.is-overdue[b-3ffch2gd88] {
    border-color: rgba(165, 65, 65, .32);
    background: linear-gradient(135deg, rgba(255, 241, 238, .94), rgba(255, 255, 255, .84));
}

.student-library-request-strip article.is-due-soon[b-3ffch2gd88] {
    border-color: hsla(var(--brand-accent-h, 41), 49%, 48%, .34);
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 42), 60%, 62%, .16), transparent 32%),
        linear-gradient(135deg, rgba(255, 248, 226, .94), rgba(255, 255, 255, .84));
}

.student-library-collection-strip article[b-3ffch2gd88] {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 10px;
    overflow: hidden;
    border: 1px solid rgba(34, 50, 43, .1);
    border-radius: 8px;
    padding: 10px;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 42), 60%, 62%, .14), transparent 34%),
        linear-gradient(135deg, rgba(255, 255, 255, .9), rgba(239, 248, 242, .78));
}

.student-library-collection-strip article.has-featured[b-3ffch2gd88] {
    border-color: hsla(var(--brand-accent-h, 42), 60%, 62%, .34);
    background:
        linear-gradient(90deg, hsla(var(--brand-accent-h, 42), 60%, 62%, .16), transparent 4px),
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 42), 60%, 62%, .16), transparent 34%),
        linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(255, 249, 234, .82));
}

.student-library-collection__cover[b-3ffch2gd88] {
    display: grid;
    width: 72px;
    aspect-ratio: 3 / 4;
    place-items: center;
    overflow: hidden;
    border-radius: 8px;
    color: #fbf7ec;
    background: linear-gradient(145deg, #18251f, #3f6d60);
    font-weight: 900;
}

.student-library-collection__cover img[b-3ffch2gd88] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.student-library-collection__body span[b-3ffch2gd88],
.student-library-collection__body small[b-3ffch2gd88] {
    display: block;
    color: #66766e;
    font-size: .76rem;
}

.student-library-collection__body strong[b-3ffch2gd88] {
    display: block;
    margin: 3px 0;
    color: #18251f;
    font-size: .92rem;
}

.student-library-collection__resources[b-3ffch2gd88] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 8px;
}

.student-library-collection__resources button[b-3ffch2gd88] {
    border: 1px solid hsla(var(--brand-accent-h, 42), 60%, 62%, .3);
    border-radius: 999px;
    padding: 4px 8px;
    color: #4b4030;
    background: rgba(255, 248, 226, .78);
    font-size: .72rem;
    cursor: pointer;
}

.student-library-collection__resources button.is-featured[b-3ffch2gd88] {
    border-color: hsla(var(--brand-accent-h, 42), 60%, 62%, .48);
    color: #6f5520;
    background: rgba(255, 244, 212, .95);
    font-weight: 800;
}

.student-library-collection__resources button span[b-3ffch2gd88] {
    display: inline-block;
    margin-right: 4px;
    color: #9a742d;
    font-size: .66rem;
    font-weight: 900;
    text-transform: uppercase;
}

.student-library-collection__open[b-3ffch2gd88] {
    margin-top: 8px;
    border: 1px solid rgba(79, 143, 128, .28);
    border-radius: 999px;
    padding: 5px 10px;
    color: #236f61;
    background: rgba(231, 247, 242, .9);
    font-size: .74rem;
    font-weight: 800;
    cursor: pointer;
}

.student-library-focus-strip span[b-3ffch2gd88],
.student-library-focus-strip strong[b-3ffch2gd88],
.student-library-focus-strip small[b-3ffch2gd88],
.student-library-request-strip span[b-3ffch2gd88],
.student-library-request-strip strong[b-3ffch2gd88],
.student-library-request-strip small[b-3ffch2gd88] {
    display: block;
}

.student-library-focus-strip span[b-3ffch2gd88],
.student-library-request-strip span[b-3ffch2gd88] {
    color: hsl(var(--brand-accent-h, 41), 49%, 48%);
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.student-library-focus-strip strong[b-3ffch2gd88],
.student-library-request-strip strong[b-3ffch2gd88] {
    margin-top: 4px;
    color: #18251f;
    font-size: .9rem;
}

.student-library-focus-strip small[b-3ffch2gd88],
.student-library-request-strip small[b-3ffch2gd88] {
    margin-top: 3px;
    color: #66766e;
    font-size: .78rem;
}

.student-library-ai[b-3ffch2gd88] {
    display: grid;
    gap: 10px;
    border-color: hsla(var(--brand-accent-h, 41), 49%, 48%, .18);
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 42), 60%, 62%, .18), transparent 30%),
        linear-gradient(135deg, rgba(21, 31, 28, .96), rgba(36, 63, 56, .92));
    color: #fbf7ec;
    box-shadow: 0 18px 40px rgba(24, 36, 31, .12);
}

.student-library-ai__head[b-3ffch2gd88],
.student-library-ai__controls[b-3ffch2gd88],
.student-library-ai__summary[b-3ffch2gd88],
.student-library-ai__card-actions[b-3ffch2gd88] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.student-library-ai__head[b-3ffch2gd88] {
    justify-content: space-between;
}

.student-library-ai__head span[b-3ffch2gd88],
.student-library-ai-card span[b-3ffch2gd88] {
    display: block;
    color: hsl(var(--brand-accent-h, 42), 60%, 62%);
    font-size: .68rem;
    font-weight: 900;
    text-transform: uppercase;
}

.student-library-ai__head h2[b-3ffch2gd88] {
    margin: 2px 0 0;
    font-size: 1.02rem;
    line-height: 1.12;
}

.student-library-ai__head p[b-3ffch2gd88],
.student-library-ai-card p[b-3ffch2gd88] {
    margin: 3px 0 0;
    color: rgba(251, 247, 236, .72);
    font-size: .76rem;
    font-weight: 800;
    line-height: 1.35;
}

.student-library-ai__actions[b-3ffch2gd88],
.student-library-ai__modes[b-3ffch2gd88],
.student-library-ai__queries[b-3ffch2gd88],
.student-library-ai__chips[b-3ffch2gd88] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

.student-library-ai__actions button[b-3ffch2gd88],
.student-library-ai__modes button[b-3ffch2gd88],
.student-library-ai__queries button[b-3ffch2gd88],
.student-library-ai__card-actions button[b-3ffch2gd88] {
    min-height: 30px;
    border: 1px solid hsla(var(--brand-accent-h, 42), 60%, 62%, .3);
    border-radius: 8px;
    padding: 0 10px;
    color: #fbf7ec;
    background: rgba(255, 255, 255, .08);
    font-size: .72rem;
    font-weight: 900;
    cursor: pointer;
}

.student-library-ai__actions button:first-child[b-3ffch2gd88],
.student-library-ai__modes button.is-active[b-3ffch2gd88],
.student-library-ai__card-actions button[b-3ffch2gd88] {
    color: #1a2a24;
    background: linear-gradient(135deg, hsl(var(--brand-accent-h, 43), 81%, 75%), hsl(var(--brand-accent-h, 42), 60%, 62%));
}

.student-library-ai__actions button:disabled[b-3ffch2gd88],
.student-library-ai__card-actions button:disabled[b-3ffch2gd88] {
    opacity: .5;
    cursor: default;
}

.student-library-ai__controls[b-3ffch2gd88] {
    align-items: stretch;
}

.student-library-ai__controls[b-3ffch2gd88]  .mud-input-root,
.student-library-ai__controls[b-3ffch2gd88]  .mud-input-control {
    min-width: min(360px, 100%);
    color: #fbf7ec;
}

.student-library-ai__toggle[b-3ffch2gd88] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 30px;
    border: 1px solid hsla(var(--brand-accent-h, 42), 60%, 62%, .22);
    border-radius: 8px;
    padding: 0 10px;
    color: rgba(251, 247, 236, .84);
    font-size: .72rem;
    font-weight: 900;
    white-space: nowrap;
}

.student-library-ai__summary[b-3ffch2gd88] {
    justify-content: space-between;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 8px;
    padding: 8px 10px;
    background: rgba(255, 255, 255, .06);
}

.student-library-ai__summary strong[b-3ffch2gd88],
.student-library-ai__summary small[b-3ffch2gd88] {
    display: block;
}

.student-library-ai__summary small[b-3ffch2gd88] {
    color: hsl(var(--brand-accent-h, 42), 60%, 62%);
    font-weight: 900;
}

.student-library-ai__error[b-3ffch2gd88],
.student-library-ai__warnings span[b-3ffch2gd88] {
    border-radius: 8px;
    padding: 7px 9px;
    color: #fff4ef;
    background: rgba(166, 78, 57, .22);
    font-size: .74rem;
    font-weight: 800;
}

.student-library-ai__warnings[b-3ffch2gd88] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.student-library-ai__grid[b-3ffch2gd88] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.student-library-ai-card[b-3ffch2gd88] {
    display: grid;
    gap: 8px;
    min-width: 0;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 8px;
    padding: 10px;
    background: rgba(255, 255, 255, .07);
}

.student-library-ai-card.is-risk[b-3ffch2gd88] {
    border-color: hsla(var(--brand-accent-h, 18), 80%, 71%, .34);
    background: rgba(166, 78, 57, .14);
}

.student-library-ai-card.is-alternative[b-3ffch2gd88] {
    border-color: hsla(var(--brand-accent-h, 42), 60%, 62%, .28);
}

.student-library-ai-card strong[b-3ffch2gd88],
.student-library-ai-card small[b-3ffch2gd88] {
    display: block;
}

.student-library-ai-card strong[b-3ffch2gd88] {
    margin-top: 2px;
    font-size: .88rem;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.student-library-ai-card small[b-3ffch2gd88] {
    margin-top: 2px;
    color: rgba(251, 247, 236, .66);
    font-size: .72rem;
    font-weight: 800;
    line-height: 1.3;
}

.student-library-ai__chips[b-3ffch2gd88] {
    justify-content: flex-start;
}

.student-library-ai__chips em[b-3ffch2gd88] {
    border-radius: 999px;
    padding: 3px 7px;
    color: hsl(var(--brand-accent-h, 44), 84%, 83%);
    background: hsla(var(--brand-accent-h, 42), 60%, 62%, .13);
    font-size: .64rem;
    font-style: normal;
    font-weight: 900;
}

.student-library-ai__card-actions[b-3ffch2gd88] {
    justify-content: space-between;
    align-items: flex-end;
}

.student-library-ai__queries[b-3ffch2gd88] {
    justify-content: flex-start;
}

@media (max-width: 980px) {
    .student-library-brief[b-3ffch2gd88] {
        grid-template-columns: 1fr;
    }

    .student-library-console[b-3ffch2gd88] {
        grid-template-columns: 1fr;
    }

    .student-library-metrics[b-3ffch2gd88],
    .student-library-checkpoints[b-3ffch2gd88],
    .student-library-today__metrics[b-3ffch2gd88],
    .student-library-today__slots[b-3ffch2gd88],
    .student-library-rhythm__grid[b-3ffch2gd88],
    .student-library-rhythm__due[b-3ffch2gd88],
    .student-library-launch[b-3ffch2gd88],
    .student-library-launch__cards[b-3ffch2gd88],
    .student-library-launch__queue[b-3ffch2gd88],
    .student-library-command-grid[b-3ffch2gd88],
    .student-library-runway-grid[b-3ffch2gd88],
    .student-library-calendar-grid[b-3ffch2gd88],
    .student-library-focus-strip[b-3ffch2gd88],
    .student-library-plan-grid[b-3ffch2gd88],
    .student-library-search-grid[b-3ffch2gd88],
    .student-library-request-strip[b-3ffch2gd88],
    .student-library-ai__grid[b-3ffch2gd88],
    .student-library-collection-strip[b-3ffch2gd88] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .student-library-hero[b-3ffch2gd88] {
        align-items: stretch;
        flex-direction: column;
    }

    .student-library-metrics[b-3ffch2gd88],
    .student-library-checkpoints[b-3ffch2gd88],
    .student-library-today__metrics[b-3ffch2gd88],
    .student-library-today__slots[b-3ffch2gd88],
    .student-library-rhythm__grid[b-3ffch2gd88],
    .student-library-rhythm__due[b-3ffch2gd88],
    .student-library-launch[b-3ffch2gd88],
    .student-library-launch__cards[b-3ffch2gd88],
    .student-library-launch__queue[b-3ffch2gd88],
    .student-library-command-grid[b-3ffch2gd88],
    .student-library-runway-grid[b-3ffch2gd88],
    .student-library-calendar-grid[b-3ffch2gd88],
    .student-library-focus-strip[b-3ffch2gd88],
    .student-library-plan-grid[b-3ffch2gd88],
    .student-library-search-grid[b-3ffch2gd88],
    .student-library-request-strip[b-3ffch2gd88],
    .student-library-ai__grid[b-3ffch2gd88],
    .student-library-collection-strip[b-3ffch2gd88] {
        grid-template-columns: 1fr;
    }

    .student-library-ai__head[b-3ffch2gd88],
    .student-library-ai__controls[b-3ffch2gd88],
    .student-library-ai__summary[b-3ffch2gd88],
    .student-library-today__head[b-3ffch2gd88],
    .student-library-rhythm__head[b-3ffch2gd88],
    .student-library-launch__head[b-3ffch2gd88] {
        align-items: flex-start;
        flex-direction: column;
    }

    .student-library-ai__actions[b-3ffch2gd88],
    .student-library-ai__modes[b-3ffch2gd88] {
        justify-content: flex-start;
    }

    .student-library-head[b-3ffch2gd88] {
        align-items: flex-start;
        flex-direction: column;
    }

    .student-library-search-actions[b-3ffch2gd88] {
        justify-content: flex-start;
    }

    .student-library-sprint[b-3ffch2gd88] {
        grid-template-columns: 1fr;
    }

    .student-library-sprint__stats[b-3ffch2gd88],
    .student-library-sprint__actions[b-3ffch2gd88],
    .student-library-brief__stats[b-3ffch2gd88],
    .student-library-brief__actions[b-3ffch2gd88],
    .student-library-today__actions[b-3ffch2gd88],
    .student-library-rhythm__actions[b-3ffch2gd88],
    .student-library-launch__actions[b-3ffch2gd88],
    .student-library-console__comfort[b-3ffch2gd88],
    .student-library-console__actions[b-3ffch2gd88] {
        justify-content: flex-start;
    }

    .student-library-modebar[b-3ffch2gd88] {
        justify-content: flex-start;
    }

    .student-library-course__head[b-3ffch2gd88] {
        align-items: flex-start;
        flex-direction: column;
    }

    .student-library-course__tools[b-3ffch2gd88] {
        justify-content: flex-start;
        width: 100%;
    }

    .student-library-course-readiness[b-3ffch2gd88] {
        grid-template-columns: 1fr;
    }

    .student-library-course-readiness__chips[b-3ffch2gd88] {
        justify-content: flex-start;
    }

    .student-library-bibliography-format[b-3ffch2gd88] {
        flex: 1 1 116px;
    }

    .student-library-plan-item[b-3ffch2gd88] {
        grid-template-columns: 1fr;
    }

    .student-library-queue-item[b-3ffch2gd88] {
        grid-template-columns: 1fr;
    }

    .student-library-plan-item div[b-3ffch2gd88] {
        justify-content: flex-start;
    }

    .student-library-queue__actions[b-3ffch2gd88] {
        justify-content: flex-start;
    }
}

/* ===== Premium surface navigation (refactor) ===== */
.student-library-tabs[b-3ffch2gd88] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 6px;
    border-radius: 16px;
    border: 1px solid rgba(32, 47, 40, .1);
    background: rgba(255, 255, 255, .62);
    backdrop-filter: blur(16px);
    box-shadow: 0 16px 34px rgba(24, 36, 31, .06);
    position: sticky;
    top: 6px;
    z-index: 6;
}

.student-library-tab[b-3ffch2gd88] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 14px;
    border: 1px solid transparent;
    border-radius: 11px;
    background: transparent;
    color: #52645d;
    font-size: .82rem;
    font-weight: 800;
    cursor: pointer;
    transition: background .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.student-library-tab:hover[b-3ffch2gd88] {
    color: #18342c;
    background: rgba(255, 248, 226, .72);
    transform: translateY(-1px);
}

.student-library-tab .mud-icon-root[b-3ffch2gd88] {
    font-size: 1.08rem;
    width: 1.08rem;
    height: 1.08rem;
}

.student-library-tab.is-active[b-3ffch2gd88] {
    color: #1c2a23;
    background: linear-gradient(135deg, hsla(var(--brand-accent-h, 43), 81%, 75%, .96), hsla(var(--brand-accent-h, 42), 60%, 62%, .92));
    border-color: hsla(var(--brand-accent-h, 41), 49%, 48%, .5);
    box-shadow: 0 10px 22px hsla(var(--brand-accent-h, 41), 50%, 48%, .28);
}

.student-library-tab__badge[b-3ffch2gd88] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: rgba(24, 52, 44, .12);
    color: #18342c;
    font-size: .64rem;
    font-weight: 900;
}

.student-library-tab.is-active .student-library-tab__badge[b-3ffch2gd88] {
    background: rgba(24, 52, 44, .85);
    color: hsl(var(--brand-accent-h, 44), 76%, 87%);
}

/* ===== Surface stage + entrance motion ===== */
.student-library-stage[b-3ffch2gd88] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    animation: libStageIn-b-3ffch2gd88 .3s cubic-bezier(.2, .7, .2, 1);
}

@keyframes libStageIn-b-3ffch2gd88 {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.student-library-empty-surface[b-3ffch2gd88] {
    text-align: center;
    color: #66766e;
    font-weight: 700;
    font-size: .9rem;
    border: 1px dashed rgba(34, 50, 43, .2);
    background: rgba(255, 255, 255, .6);
}

/* ===== Compact metric ribbon ===== */
.student-library-metrics[b-3ffch2gd88] {
    gap: 8px;
}

.student-library-metrics article[b-3ffch2gd88] {
    padding: 8px 11px;
    border-radius: 10px;
}

.student-library-metrics strong[b-3ffch2gd88] {
    font-size: 1.15rem;
}

.student-library-metrics span[b-3ffch2gd88] {
    font-size: .66rem;
    letter-spacing: .02em;
}

/* ===== Loading skeleton ===== */
.student-library-skeleton[b-3ffch2gd88] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.student-library-skeleton__ribbon[b-3ffch2gd88] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
}

.student-library-skeleton__tabs[b-3ffch2gd88] {
    display: flex;
    gap: 6px;
}

.student-library-skeleton__grid[b-3ffch2gd88] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.student-library-skel-box[b-3ffch2gd88],
.student-library-skel-pill[b-3ffch2gd88],
.student-library-skel-card[b-3ffch2gd88],
.student-library-skeleton__hero[b-3ffch2gd88] {
    border-radius: 10px;
    background: linear-gradient(90deg, rgba(232, 224, 205, .5) 25%, rgba(247, 240, 224, .9) 37%, rgba(232, 224, 205, .5) 63%);
    background-size: 400% 100%;
    animation: libSkel-b-3ffch2gd88 1.4s ease infinite;
}

.student-library-skel-box[b-3ffch2gd88] {
    height: 58px;
}

.student-library-skel-pill[b-3ffch2gd88] {
    height: 34px;
    width: 104px;
    border-radius: 999px;
}

.student-library-skeleton__hero[b-3ffch2gd88] {
    height: 148px;
}

.student-library-skel-card[b-3ffch2gd88] {
    height: 116px;
}

@keyframes libSkel-b-3ffch2gd88 {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: 0 0;
    }
}

/* ===== Accessibility: visible focus ===== */
.student-library-tab:focus-visible[b-3ffch2gd88],
.student-library-stage button:focus-visible[b-3ffch2gd88],
.student-library-hero button:focus-visible[b-3ffch2gd88] {
    outline: 2px solid hsl(var(--brand-accent-h, 41), 49%, 48%);
    outline-offset: 2px;
    border-radius: 9px;
}

@media (prefers-reduced-motion: reduce) {

    .student-library-stage[b-3ffch2gd88],
    .student-library-skel-box[b-3ffch2gd88],
    .student-library-skel-pill[b-3ffch2gd88],
    .student-library-skel-card[b-3ffch2gd88],
    .student-library-skeleton__hero[b-3ffch2gd88] {
        animation: none;
    }

    .student-library-tab:hover[b-3ffch2gd88] {
        transform: none;
    }
}

@media (max-width: 1080px) {
    .student-library-metrics[b-3ffch2gd88] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .student-library-tabs[b-3ffch2gd88] {
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .student-library-tab[b-3ffch2gd88] {
        flex: 0 0 auto;
    }

    .student-library-tab__label[b-3ffch2gd88] {
        white-space: nowrap;
    }
}

@media (max-width: 640px) {
    .student-library-metrics[b-3ffch2gd88] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ===== Overdue fine line (refactor) ===== */
.student-library-loan-fine[b-3ffch2gd88] {
    display: block;
    margin-top: 5px;
    font-size: .72rem;
    font-weight: 800;
    font-style: normal;
    color: #a6543e;
}

.student-library-fines[b-3ffch2gd88] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid rgba(166, 78, 57, .22);
    background:
        linear-gradient(90deg, rgba(166, 78, 57, .12), transparent 6px),
        rgba(255, 247, 244, .92);
}

.student-library-fines span[b-3ffch2gd88] {
    display: block;
    color: #a6543e;
    font-size: .66rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.student-library-fines strong[b-3ffch2gd88] {
    display: block;
    margin-top: 2px;
    color: #8f3f2b;
    font-size: 1.3rem;
}

.student-library-fines small[b-3ffch2gd88] {
    color: #a6543e;
    font-size: .74rem;
    font-weight: 700;
}

/* ========================================================================== */
/* 2026 premium discovery experience                                          */
/* ========================================================================== */

.student-library-page[b-3ffch2gd88] {
    --library-ink-950: #101815;
    --library-ink-900: #17231f;
    --library-ink-800: #23342e;
    --library-ink-600: #52635c;
    --library-ivory-50: #fffdf8;
    --library-ivory-100: #faf6ec;
    --library-ivory-200: #f1eadb;
    --library-champagne-300: #ead39b;
    --library-champagne-400: #d9b96f;
    --library-champagne-500: #806025;
    --library-emerald-500: #3f7868;
    --library-line: rgba(22, 35, 30, .11);
    --library-shadow-sm: 0 8px 22px rgba(18, 29, 25, .065);
    --library-shadow-md: 0 20px 48px rgba(18, 29, 25, .11);
    --library-focus: #9b6d1e;
    position: relative;
    isolation: isolate;
    gap: 10px;
    color: var(--library-ink-900);
}

.student-library-page[b-3ffch2gd88]::before {
    position: absolute;
    inset: -22px -18px auto;
    z-index: -1;
    height: 440px;
    border-radius: 32px;
    background:
        radial-gradient(circle at 12% 12%, rgba(217, 185, 111, .11), transparent 34%),
        radial-gradient(circle at 88% 8%, rgba(63, 120, 104, .09), transparent 28%);
    content: "";
    pointer-events: none;
}

.student-library-skip-link[b-3ffch2gd88] {
    position: fixed;
    top: 12px;
    left: 12px;
    z-index: 1000;
    max-width: calc(100vw - 24px);
    border: 2px solid var(--library-champagne-400);
    border-radius: 10px;
    padding: 9px 13px;
    color: var(--library-ivory-50);
    background: var(--library-ink-950);
    box-shadow: var(--library-shadow-md);
    font-size: .8rem;
    font-weight: 850;
    text-decoration: none;
    transform: translateY(-160%);
    transition: transform .18s ease;
}

.student-library-skip-link:focus[b-3ffch2gd88] {
    transform: translateY(0);
}

.student-library-hero[b-3ffch2gd88] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(280px, .9fr) minmax(400px, 1.1fr);
    align-items: center;
    gap: clamp(18px, 3vw, 42px);
    min-height: 132px;
    overflow: hidden;
    border: 1px solid rgba(234, 211, 155, .24);
    border-radius: 22px;
    padding: 18px !important;
    background:
        radial-gradient(circle at 7% 15%, rgba(234, 211, 155, .15), transparent 27%),
        radial-gradient(circle at 93% 8%, rgba(101, 157, 140, .18), transparent 26%),
        linear-gradient(125deg, #101815 0%, #192822 54%, #263d35 100%);
    box-shadow: 0 24px 60px rgba(15, 24, 21, .2), inset 0 1px rgba(255, 255, 255, .05);
}

.student-library-hero[b-3ffch2gd88]::after {
    position: absolute;
    inset: 0 0 0 auto;
    width: 42%;
    opacity: .28;
    background-image:
        linear-gradient(rgba(234, 211, 155, .07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(234, 211, 155, .07) 1px, transparent 1px);
    background-size: 22px 22px;
    content: "";
    mask-image: linear-gradient(90deg, transparent, #000);
    pointer-events: none;
}

.student-library-hero__identity[b-3ffch2gd88],
.student-library-hero__actions[b-3ffch2gd88],
.student-library-hero-search[b-3ffch2gd88] {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.student-library-hero__identity[b-3ffch2gd88] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.student-library-hero__monogram[b-3ffch2gd88] {
    display: grid;
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    place-items: center;
    border: 1px solid rgba(234, 211, 155, .35);
    border-radius: 15px;
    color: var(--library-champagne-300);
    background: linear-gradient(145deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .025));
    box-shadow: inset 0 1px rgba(255, 255, 255, .08), 0 14px 30px rgba(0, 0, 0, .16);
}

.student-library-hero__monogram[b-3ffch2gd88]  .mud-icon-root {
    font-size: 1.55rem;
}

.student-library-hero h1[b-3ffch2gd88] {
    margin: 3px 0 4px;
    color: var(--library-ivory-50);
    font-size: clamp(1.35rem, 2.2vw, 1.8rem);
    font-weight: 760;
    letter-spacing: -.025em;
    line-height: 1.08;
}

.student-library-hero p[b-3ffch2gd88] {
    max-width: 590px;
    color: rgba(255, 253, 248, .67);
    font-size: .78rem;
    line-height: 1.45;
}

.student-library-hero > .student-library-hero__identity span[b-3ffch2gd88] {
    color: var(--library-champagne-300);
    font-size: .64rem;
    letter-spacing: .12em;
}

.student-library-hero__actions[b-3ffch2gd88] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 8px;
}

.student-library-hero-search[b-3ffch2gd88] {
    display: grid;
    gap: 5px;
}

.student-library-hero-search > label[b-3ffch2gd88] {
    color: rgba(255, 253, 248, .72);
    font-size: .64rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.student-library-hero-search__field[b-3ffch2gd88] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-height: 46px;
    border: 1px solid rgba(234, 211, 155, .32);
    border-radius: 14px;
    padding: 4px 4px 4px 12px;
    background: rgba(255, 253, 248, .965);
    box-shadow: 0 15px 36px rgba(0, 0, 0, .2), inset 0 1px #fff;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.student-library-hero-search__field:focus-within[b-3ffch2gd88] {
    border-color: var(--library-champagne-300);
    box-shadow: 0 0 0 3px rgba(234, 211, 155, .17), 0 18px 40px rgba(0, 0, 0, .22);
    transform: translateY(-1px);
}

.student-library-hero-search__field[b-3ffch2gd88]  .mud-icon-root {
    color: var(--library-champagne-500);
    font-size: 1.15rem;
}

.student-library-hero-search__field input[b-3ffch2gd88] {
    min-width: 0;
    width: 100%;
    border: 0;
    outline: 0;
    color: var(--library-ink-950);
    background: transparent;
    font: inherit;
    font-size: .84rem;
    font-weight: 650;
}

.student-library-hero-search__field input[b-3ffch2gd88]::placeholder {
    color: #7d8984;
    font-weight: 550;
}

.student-library-hero-search__field input[b-3ffch2gd88]::-webkit-search-cancel-button {
    opacity: .55;
}

.student-library-hero-search__field button[b-3ffch2gd88] {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    gap: 7px;
    border: 0;
    border-radius: 10px;
    padding: 0 12px;
    color: #1c211d;
    background: linear-gradient(135deg, #efdcae, #d4ad59);
    box-shadow: 0 7px 18px rgba(143, 103, 33, .22), inset 0 1px rgba(255, 255, 255, .45);
    font-size: .75rem;
    font-weight: 900;
    cursor: pointer;
    transition: filter .18s ease, transform .18s ease;
}

.student-library-hero-search__field button:hover:not(:disabled)[b-3ffch2gd88] {
    filter: brightness(1.045);
    transform: translateX(1px);
}

.student-library-hero-search__field button:disabled[b-3ffch2gd88] {
    cursor: progress;
    opacity: .55;
}

.student-library-hero-search > small[b-3ffch2gd88] {
    overflow: hidden;
    color: rgba(255, 253, 248, .58);
    font-size: .66rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.student-library-page[b-3ffch2gd88]  .student-library-hero__refresh.mud-button-root {
    min-width: 42px;
    min-height: 42px;
    border: 1px solid rgba(234, 211, 155, .2);
    border-radius: 12px;
    color: rgba(255, 253, 248, .8);
    background: rgba(255, 255, 255, .055);
    font-size: .7rem;
    font-weight: 800;
    backdrop-filter: blur(10px);
}

.student-library-metrics[b-3ffch2gd88] {
    gap: 6px;
}

.student-library-metrics article[b-3ffch2gd88] {
    position: relative;
    overflow: hidden;
    border-color: var(--library-line);
    border-radius: 12px;
    padding: 8px 10px;
    background: linear-gradient(145deg, rgba(255, 253, 248, .96), rgba(250, 246, 236, .82));
    box-shadow: var(--library-shadow-sm);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.student-library-metrics article[b-3ffch2gd88]::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 2px;
    background: linear-gradient(var(--library-champagne-300), var(--library-champagne-500));
    content: "";
    opacity: .7;
}

.student-library-metrics article:hover[b-3ffch2gd88] {
    border-color: rgba(184, 141, 62, .28);
    box-shadow: 0 12px 28px rgba(18, 29, 25, .09);
    transform: translateY(-1px);
}

.student-library-metrics span[b-3ffch2gd88] {
    color: #6f6040;
    font-size: .6rem;
    letter-spacing: .065em;
}

.student-library-metrics strong[b-3ffch2gd88] {
    margin-top: 2px;
    color: var(--library-ink-900);
    font-size: 1.05rem;
    font-weight: 820;
    line-height: 1;
}

.student-library-tabs[b-3ffch2gd88] {
    top: 72px;
    gap: 4px;
    overflow: hidden;
    border: 1px solid rgba(234, 211, 155, .17);
    border-radius: 15px;
    padding: 5px;
    background: rgba(16, 24, 21, .93);
    box-shadow: 0 16px 36px rgba(15, 24, 21, .16), inset 0 1px rgba(255, 255, 255, .04);
    backdrop-filter: blur(18px) saturate(1.2);
}

.student-library-tab[b-3ffch2gd88] {
    min-height: 34px;
    gap: 6px;
    border-radius: 10px;
    padding: 0 11px;
    color: rgba(255, 253, 248, .68);
    font-size: .72rem;
    letter-spacing: .01em;
}

.student-library-tab:hover[b-3ffch2gd88] {
    color: var(--library-ivory-50);
    background: rgba(255, 255, 255, .07);
}

.student-library-tab.is-active[b-3ffch2gd88] {
    border-color: rgba(234, 211, 155, .58);
    color: var(--library-ink-950);
    background: linear-gradient(135deg, #f2e1b8, #d8b467);
    box-shadow: 0 7px 18px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .5);
}

.student-library-tab.is-search:not(.is-active)[b-3ffch2gd88] {
    border-color: rgba(234, 211, 155, .22);
    color: var(--library-champagne-300);
    background: rgba(234, 211, 155, .07);
}

.student-library-tab__badge[b-3ffch2gd88] {
    min-width: 17px;
    height: 17px;
    color: var(--library-champagne-300);
    background: rgba(234, 211, 155, .11);
    font-size: .6rem;
}

.student-library-stage[b-3ffch2gd88] {
    gap: 10px;
    scroll-margin-top: 68px;
}

.student-library-stage:focus-visible[b-3ffch2gd88] {
    outline: 2px solid var(--library-focus);
    outline-offset: 4px;
    border-radius: 18px;
}

.student-library-stage > section[b-3ffch2gd88],
.student-library-stage > .portal-panel[b-3ffch2gd88] {
    border-radius: 17px;
}

.student-library-search[b-3ffch2gd88] {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--library-line);
    border-radius: 20px !important;
    padding: 15px !important;
    background:
        radial-gradient(circle at 100% 0, rgba(234, 211, 155, .12), transparent 26%),
        linear-gradient(145deg, rgba(255, 253, 248, .98), rgba(249, 246, 238, .93));
    box-shadow: var(--library-shadow-md);
}

.student-library-search[b-3ffch2gd88]::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: linear-gradient(180deg, var(--library-champagne-300), var(--library-emerald-500));
    content: "";
}

.student-library-head[b-3ffch2gd88] {
    margin-bottom: 12px;
}

.student-library-head h2[b-3ffch2gd88] {
    color: var(--library-ink-950);
    font-size: 1.08rem;
    font-weight: 790;
    letter-spacing: -.016em;
}

.student-library-head > div:first-child > span[b-3ffch2gd88] {
    color: var(--library-champagne-500);
    font-size: .61rem;
    letter-spacing: .1em;
}

.student-library-search-actions small[b-3ffch2gd88] {
    min-height: 28px;
    border-color: rgba(184, 141, 62, .2);
    border-radius: 9px;
    color: #6b5b3d;
    background: rgba(239, 220, 174, .19);
    font-size: .69rem;
}

.student-library-search-grid[b-3ffch2gd88] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
    margin-bottom: 10px;
}

.student-library-search-grid[b-3ffch2gd88]  .mud-input-control,
.student-library-search-grid[b-3ffch2gd88]  .mud-input-root {
    font-size: .76rem;
}

.student-library-search-grid[b-3ffch2gd88]  .mud-input-outlined-border {
    border-color: rgba(23, 35, 31, .14);
    border-radius: 10px;
}

.student-library-search-grid[b-3ffch2gd88]  .mud-input-control:focus-within .mud-input-outlined-border {
    border-color: var(--library-champagne-500);
    box-shadow: 0 0 0 3px rgba(217, 185, 111, .12);
}

.student-library-search-grid[b-3ffch2gd88]  .mud-switch {
    min-height: 34px;
    border: 1px solid rgba(23, 35, 31, .09);
    border-radius: 10px;
    padding: 0 7px;
    background: rgba(255, 255, 255, .5);
}

.student-library-search-intel[b-3ffch2gd88],
.student-library-discovery[b-3ffch2gd88],
.student-library-saved-searches[b-3ffch2gd88] {
    border-color: rgba(23, 35, 31, .09);
    border-radius: 11px;
    margin-bottom: 9px;
    background: rgba(255, 253, 248, .7);
}

.student-library-search-intel[b-3ffch2gd88] {
    min-height: 38px;
    padding: 5px 7px;
}

.student-library-search-intel button[b-3ffch2gd88],
.student-library-discovery__chips button[b-3ffch2gd88],
.student-library-saved-searches button[b-3ffch2gd88] {
    transition: border-color .16s ease, box-shadow .16s ease, color .16s ease, transform .16s ease;
}

.student-library-results[b-3ffch2gd88] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.student-library-results > .student-library-filter-empty[b-3ffch2gd88] {
    grid-column: 1 / -1;
}

.student-library-results .student-library-resource[b-3ffch2gd88] {
    display: flex;
    min-height: 138px;
    flex-direction: column;
    overflow: hidden;
    border-color: rgba(23, 35, 31, .105);
    border-radius: 13px;
    padding: 11px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(250, 246, 236, .78));
    box-shadow: 0 7px 20px rgba(18, 29, 25, .055);
    content-visibility: auto;
    contain-intrinsic-size: auto 138px;
}

.student-library-results .student-library-resource[b-3ffch2gd88]::before {
    display: block;
    width: 34px;
    height: 2px;
    margin-bottom: 7px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--library-champagne-400), transparent);
    content: "";
}

.student-library-results .student-library-resource:hover[b-3ffch2gd88] {
    border-color: rgba(184, 141, 62, .38);
    box-shadow: 0 16px 34px rgba(18, 29, 25, .1);
    transform: translateY(-2px);
}

.student-library-results .student-library-resource__main[b-3ffch2gd88] {
    flex: 1 1 auto;
}

.student-library-results .student-library-resource strong[b-3ffch2gd88] {
    color: var(--library-ink-950);
    font-size: .9rem;
    font-weight: 780;
    line-height: 1.25;
}

.student-library-results .student-library-resource small[b-3ffch2gd88],
.student-library-results .student-library-resource em[b-3ffch2gd88],
.student-library-results .student-library-resource__main span[b-3ffch2gd88] {
    color: var(--library-ink-600);
    font-size: .72rem;
    line-height: 1.35;
}

.student-library-results .student-library-resource__actions[b-3ffch2gd88] {
    gap: 5px;
    margin-top: 8px;
}

.student-library-results .student-library-resource__actions button[b-3ffch2gd88] {
    min-height: 28px;
    border-color: rgba(184, 141, 62, .24);
    border-radius: 8px;
    padding: 3px 8px;
    color: #4e4025;
    background: rgba(239, 220, 174, .22);
    font-size: .68rem;
}

.student-library-page button[b-3ffch2gd88],
.student-library-page a[b-3ffch2gd88],
.student-library-page input[b-3ffch2gd88] {
    -webkit-tap-highlight-color: transparent;
}

.student-library-page button:focus-visible[b-3ffch2gd88],
.student-library-page a:focus-visible[b-3ffch2gd88],
.student-library-page input:focus-visible[b-3ffch2gd88],
.student-library-page[b-3ffch2gd88]  .mud-button-root:focus-visible,
.student-library-page[b-3ffch2gd88]  .mud-input-root:focus-within {
    outline: 2px solid var(--library-focus);
    outline-offset: 2px;
}

.student-library-request-strip article[b-3ffch2gd88] {
    display: flex;
    min-height: 142px;
    flex-direction: column;
    border-color: rgba(184, 141, 62, .22);
    border-radius: 13px;
    background:
        radial-gradient(circle at 100% 0, rgba(234, 211, 155, .12), transparent 34%),
        linear-gradient(145deg, rgba(255, 253, 248, .97), rgba(250, 246, 236, .83));
    box-shadow: 0 7px 20px rgba(18, 29, 25, .055);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.student-library-request-strip article:hover[b-3ffch2gd88] {
    border-color: rgba(184, 141, 62, .38);
    box-shadow: 0 14px 30px rgba(18, 29, 25, .09);
    transform: translateY(-1px);
}

.student-library-borrowing-actions[b-3ffch2gd88] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: auto;
    padding-top: 10px;
}

.student-library-borrowing-actions button[b-3ffch2gd88] {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    gap: 6px;
    border: 1px solid rgba(184, 141, 62, .3);
    border-radius: 9px;
    padding: 4px 9px;
    color: #493b21;
    background: rgba(239, 220, 174, .28);
    font-size: .68rem;
    font-weight: 850;
    cursor: pointer;
    transition: border-color .16s ease, box-shadow .16s ease, filter .16s ease, transform .16s ease;
}

.student-library-borrowing-actions button.is-primary[b-3ffch2gd88] {
    color: #18211d;
    background: linear-gradient(135deg, #f1dfb3, #d6b260);
    box-shadow: 0 6px 15px rgba(143, 103, 33, .15);
}

.student-library-borrowing-actions button.is-danger[b-3ffch2gd88] {
    border-color: rgba(150, 74, 57, .24);
    color: #884532;
    background: rgba(166, 78, 57, .075);
}

.student-library-borrowing-actions button:hover:not(:disabled)[b-3ffch2gd88] {
    border-color: rgba(184, 141, 62, .52);
    box-shadow: 0 8px 18px rgba(18, 29, 25, .09);
    filter: brightness(1.025);
    transform: translateY(-1px);
}

.student-library-borrowing-actions button:disabled[b-3ffch2gd88] {
    cursor: wait;
    opacity: .56;
}

.student-library-borrowing-actions button > span[b-3ffch2gd88] {
    display: inline;
    margin: 0;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: 0;
    text-transform: none;
}

.student-library-borrowing-actions button.is-busy[b-3ffch2gd88]  .mud-icon-root {
    animation: libraryBorrowingSpin-b-3ffch2gd88 .8s linear infinite;
}

@keyframes libraryBorrowingSpin-b-3ffch2gd88 {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 1180px) {
    .student-library-hero[b-3ffch2gd88] {
        grid-template-columns: minmax(240px, .8fr) minmax(340px, 1.2fr);
    }

    .student-library-search-grid[b-3ffch2gd88] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .student-library-hero[b-3ffch2gd88] {
        grid-template-columns: 1fr;
        gap: 13px;
    }

    .student-library-hero__actions[b-3ffch2gd88] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .student-library-search-grid[b-3ffch2gd88] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .student-library-hero[b-3ffch2gd88] {
        align-items: stretch;
        border-radius: 18px;
        padding: 15px !important;
    }

    .student-library-hero__identity[b-3ffch2gd88] {
        align-items: flex-start;
    }

    .student-library-hero__monogram[b-3ffch2gd88] {
        flex-basis: 43px;
        width: 43px;
        height: 43px;
        border-radius: 13px;
    }

    .student-library-tabs[b-3ffch2gd88] {
        scrollbar-width: thin;
        scrollbar-color: rgba(234, 211, 155, .35) transparent;
    }

    .student-library-metrics[b-3ffch2gd88] {
        display: flex;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        padding: 1px 1px 6px;
        scroll-snap-type: inline proximity;
        scrollbar-width: thin;
    }

    .student-library-metrics article[b-3ffch2gd88] {
        flex: 0 0 112px;
        scroll-snap-align: start;
    }

    .student-library-search[b-3ffch2gd88] {
        border-radius: 16px !important;
        padding: 12px !important;
    }

    .student-library-results[b-3ffch2gd88] {
        grid-template-columns: 1fr;
    }

    .student-library-results .student-library-resource[b-3ffch2gd88] {
        min-height: 0;
        content-visibility: visible;
    }
}

.student-library-fulltext[b-3ffch2gd88] {
    display: grid;
    gap: 10px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(128, 96, 37, .18);
}

.student-library-fulltext h3[b-3ffch2gd88] {
    margin: 2px 0 0;
    color: #17251f;
    font: 700 1.05rem Georgia, serif;
}

.student-library-fulltext__grid[b-3ffch2gd88] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
}

.student-library-fulltext__grid article[b-3ffch2gd88] {
    min-width: 0;
    border: 1px solid rgba(128, 96, 37, .16);
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(249,245,235,.88));
}

.student-library-fulltext__grid button[b-3ffch2gd88] {
    display: grid;
    width: 100%;
    gap: 4px;
    padding: 12px;
    border: 0;
    color: #17251f;
    text-align: left;
    background: transparent;
    cursor: pointer;
}

.student-library-fulltext__grid span[b-3ffch2gd88] {
    color: #806025;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.student-library-fulltext__grid small[b-3ffch2gd88],
.student-library-fulltext__grid p[b-3ffch2gd88] {
    margin: 0;
    color: #64726b;
    font-size: .76rem;
    line-height: 1.4;
}

.student-library-fulltext__grid p[b-3ffch2gd88] {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

@media (max-width: 900px) {
    .student-library-fulltext__grid[b-3ffch2gd88] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 520px) {
    .student-library-fulltext__grid[b-3ffch2gd88] { grid-template-columns: 1fr; }
    .student-library-hero__actions[b-3ffch2gd88] {
        grid-template-columns: 1fr;
    }

    .student-library-hero__refresh[b-3ffch2gd88] {
        justify-self: start;
    }

    .student-library-hero-search__field button span[b-3ffch2gd88] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }

    .student-library-hero-search__field button[b-3ffch2gd88] {
        width: 38px;
        justify-content: center;
        padding: 0;
    }

    .student-library-search-grid[b-3ffch2gd88] {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .student-library-page *[b-3ffch2gd88],
    .student-library-page *[b-3ffch2gd88]::before,
    .student-library-page *[b-3ffch2gd88]::after,
    .student-library-page[b-3ffch2gd88]  *,
    .student-library-page[b-3ffch2gd88]  *::before,
    .student-library-page[b-3ffch2gd88]  *::after {
        scroll-behavior: auto !important;
        transition-duration: .001ms !important;
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
    }

    .student-library-results .student-library-resource:hover[b-3ffch2gd88],
    .student-library-metrics article:hover[b-3ffch2gd88],
    .student-library-hero-search__field:focus-within[b-3ffch2gd88] {
        transform: none;
    }
}

@media (forced-colors: active) {
    .student-library-hero[b-3ffch2gd88],
    .student-library-tabs[b-3ffch2gd88],
    .student-library-search[b-3ffch2gd88],
    .student-library-results .student-library-resource[b-3ffch2gd88] {
        border: 1px solid CanvasText;
        color: CanvasText;
        background: Canvas;
    }

    .student-library-tab[b-3ffch2gd88],
    .student-library-hero h1[b-3ffch2gd88],
    .student-library-hero p[b-3ffch2gd88],
    .student-library-hero-search > label[b-3ffch2gd88],
    .student-library-hero-search > small[b-3ffch2gd88] {
        color: CanvasText;
    }

    .student-library-tab.is-active[b-3ffch2gd88],
    .student-library-hero-search__field button[b-3ffch2gd88] {
        border: 2px solid Highlight;
        color: HighlightText;
        background: Highlight;
    }
}
/* /Pages/LibraryCard.razor.rz.scp.css */
.library-card-page[b-dg2j2uaupu]{--ink:#17201f;--gold:#bc9652;--gold-dark:#725215;min-height:calc(100vh - 5rem);padding:clamp(.7rem,2vw,1.5rem);color:var(--ink);background:radial-gradient(circle at 88% 0,rgba(188,150,82,.2),transparent 25rem),#f7f4ec}.library-card-page__hero[b-dg2j2uaupu]{max-width:1100px;margin:0 auto .8rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem 1.15rem;border:1px solid rgba(82,66,38,.16);border-radius:1.2rem;color:#fff;background:linear-gradient(135deg,#151e1c,#2b3632);box-shadow:0 18px 48px rgba(28,35,32,.1)}.library-card-page__hero>div[b-dg2j2uaupu]{width:3.2rem;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:.95rem;color:#edce94;font:700 .8rem Georgia,serif;letter-spacing:.14em}.library-card-page__hero section>span[b-dg2j2uaupu],.library-card-actions>span[b-dg2j2uaupu]{color:#e7c98e;font-size:.7rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.library-card-page h1[b-dg2j2uaupu],.library-card-page h2[b-dg2j2uaupu]{margin:.15rem 0;font-family:Georgia,serif}.library-card-page__hero h1[b-dg2j2uaupu]{font-size:clamp(1.4rem,3vw,2.2rem)}.library-card-page__hero p[b-dg2j2uaupu]{max-width:720px;margin:.25rem 0 0;color:rgba(255,255,255,.72);font-size:.86rem}.library-card-page__hero button[b-dg2j2uaupu]{border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:.5rem .75rem;color:#fff;background:transparent;cursor:pointer}.library-card-page__loading[b-dg2j2uaupu],.library-card-page__alert[b-dg2j2uaupu]{max-width:1100px;margin:auto;padding:1rem;border-radius:.9rem;background:#fff}.library-card-page__alert[b-dg2j2uaupu]{display:grid;gap:.25rem;border-left:4px solid #a23f3b;color:#702a27}.library-card-page__shell[b-dg2j2uaupu]{max-width:1100px;margin:auto;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:.8rem;align-items:start}.library-card[b-dg2j2uaupu]{position:relative;overflow:hidden;min-height:23rem;padding:1.2rem;border:1px solid rgba(255,255,255,.18);border-radius:1.45rem;color:#fff;background:radial-gradient(circle at 80% 12%,rgba(214,178,109,.32),transparent 16rem),linear-gradient(145deg,#111917,#27342f 65%,#1b2723);box-shadow:0 28px 65px rgba(25,31,29,.24)}.library-card[b-dg2j2uaupu]::after{content:"";position:absolute;inset:auto -5rem -7rem auto;width:18rem;aspect-ratio:1;border:1px solid rgba(226,196,137,.2);border-radius:50%;box-shadow:0 0 0 2.5rem rgba(226,196,137,.04),0 0 0 5rem rgba(226,196,137,.025)}.library-card header[b-dg2j2uaupu]{display:flex;justify-content:space-between;color:#edcd91;font-size:.7rem;font-weight:850;letter-spacing:.13em}.library-card header strong[b-dg2j2uaupu]{font-family:Georgia,serif}.library-card__monogram[b-dg2j2uaupu]{position:absolute;right:1.3rem;top:4rem;width:5rem;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:1.35rem;color:#edcd91;background:rgba(255,255,255,.05);font:700 2.2rem Georgia,serif}.library-card__identity[b-dg2j2uaupu]{margin-top:3.2rem}.library-card__identity small[b-dg2j2uaupu],.library-card__code small[b-dg2j2uaupu]{display:block;color:rgba(255,255,255,.58);font-size:.66rem;text-transform:uppercase;letter-spacing:.09em}.library-card__identity h2[b-dg2j2uaupu]{font-size:clamp(1.5rem,4vw,2.25rem);letter-spacing:.05em}.library-card__identity span[b-dg2j2uaupu]{display:inline-block;padding:.3rem .55rem;border-radius:999px;color:#aee1cf;background:rgba(46,116,91,.28);font-size:.7rem;font-weight:800}.library-card__identity span.is-offline[b-dg2j2uaupu]{color:#f1d79f;background:rgba(164,115,32,.28)}.library-card__barcode[b-dg2j2uaupu]{height:3.5rem;margin:1.3rem 0 .55rem;display:flex;align-items:stretch;gap:3px}.library-card__barcode i[b-dg2j2uaupu]{width:calc(var(--bar) * 2px);background:linear-gradient(#edcf95,#fff3d8);opacity:.9}.library-card__code strong[b-dg2j2uaupu]{font:700 1.05rem Georgia,serif;letter-spacing:.16em}.library-card footer[b-dg2j2uaupu]{position:absolute;left:1.2rem;right:1.2rem;bottom:1rem;display:flex;justify-content:space-between;gap:.7rem;color:rgba(255,255,255,.58);font-size:.67rem}.library-card-actions[b-dg2j2uaupu]{padding:1rem;border:1px solid rgba(82,66,38,.16);border-radius:1.15rem;background:rgba(255,255,255,.9);box-shadow:0 18px 48px rgba(28,35,32,.08)}.library-card-actions>span[b-dg2j2uaupu]{color:var(--gold-dark)}.library-card-actions p[b-dg2j2uaupu]{color:#5a6561;font-size:.82rem}.library-card-actions>div[b-dg2j2uaupu]{display:grid;gap:.45rem}.library-card-actions button[b-dg2j2uaupu]{min-height:2.45rem;border:1px solid #c8bba5;border-radius:.72rem;padding:.5rem .7rem;color:var(--ink);background:#fff;font-weight:750;cursor:pointer}.library-card-actions button.is-primary[b-dg2j2uaupu]{border:0;color:#fff;background:linear-gradient(135deg,#896426,#bd9752)}.library-card-actions>small[b-dg2j2uaupu]{display:block;margin-top:.6rem;color:#285c49;font-weight:800}.library-card-actions dl[b-dg2j2uaupu]{margin:.8rem 0 0}.library-card-actions dl div[b-dg2j2uaupu]{display:flex;justify-content:space-between;gap:.6rem;padding:.45rem 0;border-top:1px solid rgba(82,66,38,.12);font-size:.72rem}.library-card-actions dt[b-dg2j2uaupu]{color:#69736f}.library-card-actions dd[b-dg2j2uaupu]{margin:0;font-weight:750;text-align:right}button:focus-visible[b-dg2j2uaupu]{outline:3px solid #b88124;outline-offset:3px}@media(max-width:760px){.library-card-page__hero[b-dg2j2uaupu]{grid-template-columns:auto 1fr}.library-card-page__hero button[b-dg2j2uaupu]{grid-column:1/-1;justify-self:start}.library-card-page__shell[b-dg2j2uaupu]{grid-template-columns:1fr}.library-card[b-dg2j2uaupu]{min-height:21rem}.library-card footer[b-dg2j2uaupu]{position:relative;left:auto;right:auto;bottom:auto;margin-top:1rem}}@media(max-width:480px){.library-card-page[b-dg2j2uaupu]{padding:.4rem}.library-card-page__hero>div[b-dg2j2uaupu]{display:none}.library-card-page__hero section[b-dg2j2uaupu]{grid-column:1/-1}.library-card[b-dg2j2uaupu]{padding:.9rem}.library-card__monogram[b-dg2j2uaupu]{width:3.5rem}.library-card footer[b-dg2j2uaupu]{display:grid}.library-card__barcode[b-dg2j2uaupu]{gap:2px}}
/* /Pages/LibraryDiscovery.razor.rz.scp.css */
.public-library[b-t0d01qq0lx] {
    min-height: 100vh;
    display: grid;
    align-content: start;
    gap: 0.78rem;
    padding: clamp(0.75rem, 2vw, 1.2rem);
    color: #17211f;
    background:
        linear-gradient(135deg, #f8faf8 0%, #eef4f1 45%, #f8f1e5 100%);
}

.public-library__topbar[b-t0d01qq0lx],
.public-library__hero[b-t0d01qq0lx],
.public-library__metrics article[b-t0d01qq0lx],
.public-library__search[b-t0d01qq0lx],
.public-library__collections[b-t0d01qq0lx],
.public-library__selected[b-t0d01qq0lx],
.public-library__suggestions[b-t0d01qq0lx],
.public-library__results[b-t0d01qq0lx],
.public-library__state[b-t0d01qq0lx] {
    border: 1px solid rgba(36, 55, 50, 0.11);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 18px 44px rgba(36, 55, 50, 0.08);
    backdrop-filter: blur(16px);
}

.public-library__topbar[b-t0d01qq0lx] {
    position: sticky;
    top: 0.5rem;
    z-index: 5;
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: center;
    padding: 0.56rem 0.66rem;
}

.public-library__brand[b-t0d01qq0lx],
.public-library__nav button[b-t0d01qq0lx],
.public-library__hero-actions button[b-t0d01qq0lx],
.public-library__search button[b-t0d01qq0lx],
.public-library__collection[b-t0d01qq0lx],
.public-library__selected-copy button[b-t0d01qq0lx],
.public-library__suggestions button[b-t0d01qq0lx],
.public-library__resource-actions button[b-t0d01qq0lx],
.public-library__state button[b-t0d01qq0lx] {
    border: 1px solid rgba(36, 55, 50, 0.12);
    border-radius: 999px;
    color: #17211f;
    background: rgba(255, 255, 255, 0.72);
    font-weight: 850;
    cursor: pointer;
    transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.public-library__brand[b-t0d01qq0lx] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.2rem;
    padding: 0.2rem 0.72rem 0.2rem 0.24rem;
}

.public-library__brand span[b-t0d01qq0lx] {
    display: grid;
    place-items: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    color: #fffaf0;
    background: linear-gradient(145deg, #17211f, #486960);
    font-size: 0.68rem;
    letter-spacing: 0.04em;
}

.public-library__brand strong[b-t0d01qq0lx] {
    font-size: 0.86rem;
}

.public-library__nav[b-t0d01qq0lx],
.public-library__hero-actions[b-t0d01qq0lx],
.public-library__selected-copy div[b-t0d01qq0lx],
.public-library__resource-actions[b-t0d01qq0lx],
.public-library__suggestions[b-t0d01qq0lx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
    align-items: center;
}

.public-library__nav button[b-t0d01qq0lx],
.public-library__hero-actions button[b-t0d01qq0lx],
.public-library__search button[b-t0d01qq0lx],
.public-library__selected-copy button[b-t0d01qq0lx],
.public-library__suggestions button[b-t0d01qq0lx],
.public-library__resource-actions button[b-t0d01qq0lx],
.public-library__state button[b-t0d01qq0lx] {
    min-height: 2.05rem;
    padding: 0.34rem 0.7rem;
    font-size: 0.78rem;
}

.public-library__primary[b-t0d01qq0lx],
.public-library__hero-actions button:first-child[b-t0d01qq0lx] {
    border-color: rgba(36, 55, 50, 0.28) !important;
    color: #fffaf0 !important;
    background: linear-gradient(135deg, #1c2b28, #56786d) !important;
    box-shadow: 0 12px 28px rgba(36, 55, 50, 0.16);
}

.public-library button:hover[b-t0d01qq0lx] {
    transform: translateY(-1px);
    border-color: hsla(var(--brand-accent-h, 37), 42%, 55%, 0.38);
    box-shadow: 0 12px 26px rgba(36, 55, 50, 0.11);
}

.public-library__suggestions button.is-correction[b-t0d01qq0lx] {
    border-color: hsla(var(--brand-accent-h, 37), 42%, 55%, 0.34);
    color: #6f5735;
    background: linear-gradient(135deg, rgba(255, 252, 246, 0.96), rgba(239, 248, 242, 0.86));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.66);
}

.public-library__hero[b-t0d01qq0lx] {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.92fr);
    gap: 0.8rem;
    align-items: stretch;
    min-height: 17rem;
    padding: 0.84rem;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(23, 33, 31, 0.97), rgba(55, 83, 75, 0.94) 55%, rgba(136, 112, 74, 0.9));
}

.public-library__hero-copy[b-t0d01qq0lx] {
    display: grid;
    align-content: center;
    gap: 0.42rem;
    min-width: 0;
    padding: clamp(0.7rem, 2vw, 1.2rem);
}

.public-library__hero-copy span[b-t0d01qq0lx],
.public-library__section-title span[b-t0d01qq0lx],
.public-library__selected-copy span[b-t0d01qq0lx],
.public-library__selected-picks span[b-t0d01qq0lx],
.public-library__resource-head span[b-t0d01qq0lx],
.public-library__metrics span[b-t0d01qq0lx],
.public-library__showcase span[b-t0d01qq0lx],
.public-library__suggestions > span[b-t0d01qq0lx] {
    display: block;
    color: #9f8150;
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.045em;
    text-transform: uppercase;
}

.public-library__hero-copy span[b-t0d01qq0lx],
.public-library__showcase span[b-t0d01qq0lx] {
    color: hsl(var(--brand-accent-h, 41), 47%, 67%);
}

.public-library__hero-copy h1[b-t0d01qq0lx] {
    max-width: 13ch;
    margin: 0;
    color: #fffaf0;
    font-size: clamp(2rem, 5vw, 4.2rem);
    line-height: 0.98;
    letter-spacing: 0;
}

.public-library__hero-copy p[b-t0d01qq0lx] {
    max-width: 42rem;
    margin: 0;
    color: rgba(255, 250, 240, 0.76);
    font-size: 0.95rem;
    line-height: 1.5;
}

.public-library__showcase[b-t0d01qq0lx] {
    position: relative;
    display: grid;
    align-content: end;
    min-height: 15rem;
    overflow: hidden;
    border-radius: 16px;
    background:
        linear-gradient(135deg, rgba(255, 250, 240, 0.12), rgba(255, 250, 240, 0.04)),
        linear-gradient(160deg, rgba(28, 43, 40, 0.72), hsla(var(--brand-accent-h, 37), 42%, 55%, 0.38));
}

.public-library__showcase img[b-t0d01qq0lx] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.74;
}

.public-library__showcase[b-t0d01qq0lx]::after {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(180deg, transparent 22%, rgba(18, 25, 24, 0.78));
}

.public-library__showcase div[b-t0d01qq0lx] {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.16rem;
    padding: 0.85rem;
}

.public-library__showcase strong[b-t0d01qq0lx] {
    color: #fffaf0;
    font-size: 1.02rem;
    line-height: 1.2;
}

.public-library__showcase small[b-t0d01qq0lx] {
    color: rgba(255, 250, 240, 0.76);
    font-size: 0.78rem;
    line-height: 1.42;
}

.public-library__metrics[b-t0d01qq0lx] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.55rem;
}

.public-library__metrics article[b-t0d01qq0lx] {
    min-height: 4rem;
    padding: 0.58rem 0.7rem;
}

.public-library__metrics strong[b-t0d01qq0lx] {
    display: block;
    margin-top: 0.16rem;
    color: #17211f;
    font-size: 1.24rem;
}

.public-library__search[b-t0d01qq0lx] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(130px, 0.3fr) minmax(130px, 0.3fr) auto auto auto;
    gap: 0.5rem;
    align-items: center;
    padding: 0.62rem;
}

.public-library__search-field[b-t0d01qq0lx] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 2.3rem;
    border: 1px solid rgba(36, 55, 50, 0.12);
    border-radius: 999px;
    padding: 0 0.72rem;
    background: rgba(255, 255, 255, 0.82);
}

.public-library__search-field input[b-t0d01qq0lx],
.public-library__search select[b-t0d01qq0lx] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    color: #17211f;
    background: transparent;
    font-size: 0.85rem;
}

.public-library__search select[b-t0d01qq0lx] {
    min-height: 2.3rem;
    border: 1px solid rgba(36, 55, 50, 0.12);
    border-radius: 999px;
    padding: 0 0.62rem;
    background: rgba(255, 255, 255, 0.82);
}

.public-library__toggles[b-t0d01qq0lx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.32rem;
}

.public-library__toggles label[b-t0d01qq0lx] {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    min-height: 2.1rem;
    border: 1px solid rgba(36, 55, 50, 0.1);
    border-radius: 999px;
    padding: 0.25rem 0.56rem;
    color: #50665f;
    background: rgba(255, 255, 255, 0.7);
    font-size: 0.76rem;
    font-weight: 800;
}

.public-library__collections[b-t0d01qq0lx],
.public-library__results[b-t0d01qq0lx],
.public-library__selected[b-t0d01qq0lx] {
    display: grid;
    gap: 0.6rem;
    padding: 0.68rem;
}

.public-library__section-title[b-t0d01qq0lx] {
    display: flex;
    justify-content: space-between;
    gap: 0.7rem;
    align-items: end;
}

.public-library__section-title strong[b-t0d01qq0lx] {
    color: #17211f;
    font-size: 0.98rem;
    line-height: 1.2;
}

.public-library__collection-track[b-t0d01qq0lx] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.5rem;
}

.public-library__collection[b-t0d01qq0lx] {
    position: relative;
    min-height: 8.5rem;
    display: grid;
    align-content: end;
    overflow: hidden;
    padding: 0.62rem;
    border-radius: 15px;
    text-align: left;
}

.public-library__collection img[b-t0d01qq0lx] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.42;
}

.public-library__collection[b-t0d01qq0lx]::after {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(180deg, transparent 10%, rgba(255, 255, 255, 0.92));
}

.public-library__collection > *[b-t0d01qq0lx] {
    position: relative;
    z-index: 1;
}

.public-library__collection strong[b-t0d01qq0lx] {
    margin-top: 0.14rem;
    color: #17211f;
    font-size: 0.92rem;
    line-height: 1.18;
}

.public-library__collection small[b-t0d01qq0lx] {
    margin-top: 0.12rem;
    color: #526a63;
    font-size: 0.72rem;
}

.public-library__collection.is-active[b-t0d01qq0lx] {
    border-color: hsla(var(--brand-accent-h, 37), 42%, 55%, 0.45);
    box-shadow: 0 16px 34px rgba(136, 112, 74, 0.16);
}

.public-library__selected[b-t0d01qq0lx] {
    grid-template-columns: minmax(0, 0.9fr) minmax(280px, 1.1fr);
    align-items: stretch;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(241, 247, 244, 0.86));
}

.public-library__selected-copy[b-t0d01qq0lx] {
    display: grid;
    align-content: center;
    gap: 0.35rem;
    min-width: 0;
}

.public-library__selected-copy h2[b-t0d01qq0lx] {
    margin: 0;
    color: #17211f;
    font-size: 1.3rem;
    line-height: 1.12;
}

.public-library__selected-copy p[b-t0d01qq0lx] {
    margin: 0;
    color: #526a63;
    font-size: 0.84rem;
    line-height: 1.48;
}

.public-library__selected-picks[b-t0d01qq0lx] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.44rem;
}

.public-library__selected-picks article[b-t0d01qq0lx] {
    min-width: 0;
    border: 1px solid rgba(36, 55, 50, 0.1);
    border-radius: 14px;
    padding: 0.56rem;
    background: rgba(255, 255, 255, 0.74);
}

.public-library__selected-picks strong[b-t0d01qq0lx] {
    display: block;
    margin-top: 0.12rem;
    color: #17211f;
    font-size: 0.86rem;
    line-height: 1.24;
}

.public-library__selected-picks small[b-t0d01qq0lx] {
    display: block;
    margin-top: 0.12rem;
    color: #526a63;
    font-size: 0.72rem;
    line-height: 1.35;
}

.public-library__suggestions[b-t0d01qq0lx] {
    padding: 0.58rem 0.66rem;
}

.public-library__resource-grid[b-t0d01qq0lx] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.56rem;
}

.public-library__resource[b-t0d01qq0lx] {
    display: grid;
    grid-template-rows: auto minmax(4.2rem, 1fr) auto auto;
    gap: 0.42rem;
    min-width: 0;
    border: 1px solid rgba(36, 55, 50, 0.1);
    border-radius: 16px;
    padding: 0.68rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 250, 248, 0.92));
    box-shadow: 0 12px 28px rgba(36, 55, 50, 0.06);
}

.public-library__resource.is-digital[b-t0d01qq0lx] {
    border-color: rgba(74, 123, 112, 0.22);
}

.public-library__resource.is-physical[b-t0d01qq0lx] {
    border-color: hsla(var(--brand-accent-h, 37), 42%, 55%, 0.24);
}

.public-library__resource-head strong[b-t0d01qq0lx] {
    display: block;
    margin-top: 0.16rem;
    color: #17211f;
    font-size: 0.98rem;
    line-height: 1.2;
}

.public-library__resource-head small[b-t0d01qq0lx],
.public-library__resource p[b-t0d01qq0lx] {
    display: block;
    margin: 0.14rem 0 0;
    color: #526a63;
    font-size: 0.76rem;
    line-height: 1.42;
}

.public-library__resource-tags[b-t0d01qq0lx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.public-library__resource-tags em[b-t0d01qq0lx] {
    border: 1px solid rgba(36, 55, 50, 0.1);
    border-radius: 999px;
    padding: 0.22rem 0.5rem;
    color: #4a675f;
    background: rgba(238, 246, 243, 0.78);
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 850;
}

.public-library__resource-actions[b-t0d01qq0lx] {
    justify-content: space-between;
    padding-top: 0.05rem;
}

.public-library__resource-actions span[b-t0d01qq0lx] {
    color: #7a623e;
    font-size: 0.75rem;
    font-weight: 850;
}

.public-library__state[b-t0d01qq0lx] {
    display: grid;
    gap: 0.35rem;
    justify-items: start;
    padding: 0.9rem;
}

.public-library__state strong[b-t0d01qq0lx] {
    color: #17211f;
    font-size: 0.96rem;
}

.public-library__state span[b-t0d01qq0lx] {
    color: #526a63;
    font-size: 0.82rem;
}

.public-library__state--error[b-t0d01qq0lx] {
    border-color: rgba(166, 72, 72, 0.24);
}

@media (max-width: 1080px) {
    .public-library__hero[b-t0d01qq0lx],
    .public-library__selected[b-t0d01qq0lx],
    .public-library__search[b-t0d01qq0lx] {
        grid-template-columns: 1fr;
    }

    .public-library__collection-track[b-t0d01qq0lx],
    .public-library__resource-grid[b-t0d01qq0lx],
    .public-library__selected-picks[b-t0d01qq0lx] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .public-library[b-t0d01qq0lx] {
        padding: 0.55rem;
    }

    .public-library__topbar[b-t0d01qq0lx],
    .public-library__section-title[b-t0d01qq0lx] {
        align-items: flex-start;
        flex-direction: column;
    }

    .public-library__hero-copy h1[b-t0d01qq0lx] {
        max-width: 100%;
        font-size: 2rem;
    }

    .public-library__metrics[b-t0d01qq0lx],
    .public-library__collection-track[b-t0d01qq0lx],
    .public-library__resource-grid[b-t0d01qq0lx],
    .public-library__selected-picks[b-t0d01qq0lx] {
        grid-template-columns: 1fr;
    }
}

/* ===== New arrivals rail (refactor) ===== */
.public-library__newarrivals[b-t0d01qq0lx] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.public-library__newarrivals-track[b-t0d01qq0lx] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(218px, 1fr);
    gap: 12px;
    overflow-x: auto;
    padding-bottom: 6px;
    scroll-snap-type: x proximity;
}

.public-library__newarrivals-track > article[b-t0d01qq0lx] {
    scroll-snap-align: start;
}

.public-library__newarrivals-track[b-t0d01qq0lx]::-webkit-scrollbar {
    height: 8px;
}

.public-library__newarrivals-track[b-t0d01qq0lx]::-webkit-scrollbar-thumb {
    background: hsla(var(--brand-accent-h, 41), 49%, 48%, .4);
    border-radius: 999px;
}

.public-library__newarrivals-track[b-t0d01qq0lx]::-webkit-scrollbar-track {
    background: transparent;
}

/* ===== Browse by subject (refactor) ===== */
.public-library__subjects[b-t0d01qq0lx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.public-library__subjects-label[b-t0d01qq0lx] {
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #9f8150;
}

.public-library__subjects-chips[b-t0d01qq0lx] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.public-library__subjects-chips button[b-t0d01qq0lx] {
    border: 1px solid rgba(34, 50, 43, .14);
    border-radius: 999px;
    padding: 5px 13px;
    background: rgba(255, 255, 255, .7);
    color: #3f4a44;
    font-size: .78rem;
    font-weight: 700;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.public-library__subjects-chips button:hover[b-t0d01qq0lx] {
    transform: translateY(-1px);
    border-color: hsla(var(--brand-accent-h, 41), 49%, 48%, .45);
    background: rgba(255, 248, 226, .8);
}

.public-library__subjects-chips button.is-active[b-t0d01qq0lx] {
    color: #1c2a23;
    border-color: hsla(var(--brand-accent-h, 41), 49%, 48%, .5);
    background: linear-gradient(135deg, hsla(var(--brand-accent-h, 43), 81%, 75%, .95), hsla(var(--brand-accent-h, 42), 60%, 62%, .9));
}

.public-library__subjects-chips button:focus-visible[b-t0d01qq0lx] {
    outline: 2px solid hsl(var(--brand-accent-h, 41), 49%, 48%);
    outline-offset: 2px;
}
/* /Pages/LibraryFineCheckout.razor.rz.scp.css */
.library-fine-checkout[b-rmeojxeii7]{min-height:calc(100vh - 4rem);display:grid;place-items:center;padding:clamp(1rem,4vw,3rem);background:radial-gradient(circle at 15% 10%,rgba(198,159,83,.16),transparent 34%),linear-gradient(145deg,#f8f5ed,#edf1ed)}
.library-fine-checkout__card[b-rmeojxeii7]{position:relative;width:min(100%,36rem);overflow:hidden;padding:clamp(1.25rem,4vw,2.5rem);border:1px solid rgba(128,97,38,.22);border-radius:1.5rem;background:rgba(255,255,255,.9);box-shadow:0 1.8rem 4rem rgba(30,39,35,.14);backdrop-filter:blur(18px)}
.library-fine-checkout__card[b-rmeojxeii7]:before{content:"";position:absolute;inset:0 0 auto;height:.26rem;background:linear-gradient(90deg,#806020,#d9ba71,#806020)}
.library-fine-checkout__mark[b-rmeojxeii7]{display:grid;place-items:center;width:2.7rem;height:2.7rem;margin-bottom:1rem;border-radius:.85rem;background:#172420;color:#e5c77d;font:700 1.35rem Georgia,serif;box-shadow:0 .7rem 1.4rem rgba(23,36,32,.2)}
.library-fine-checkout__eyebrow[b-rmeojxeii7]{margin:0;color:#8a692c;font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.library-fine-checkout h1[b-rmeojxeii7]{margin:.4rem 0 1.4rem;color:#172420;font:700 clamp(1.75rem,5vw,2.5rem)/1.05 Georgia,serif}
.library-fine-checkout__amount[b-rmeojxeii7]{display:flex;align-items:baseline;gap:.55rem;margin:1rem 0;padding:1rem 1.1rem;border-radius:1rem;background:#172420;color:#fff}
.library-fine-checkout__amount span[b-rmeojxeii7]{font:700 2.2rem Georgia,serif}.library-fine-checkout__amount small[b-rmeojxeii7]{color:#e5c77d;font-weight:800}
.library-fine-checkout dl[b-rmeojxeii7]{display:grid;gap:.6rem;margin:1rem 0}.library-fine-checkout dl div[b-rmeojxeii7]{display:flex;justify-content:space-between;gap:1rem}.library-fine-checkout dt[b-rmeojxeii7]{color:#64706b}.library-fine-checkout dd[b-rmeojxeii7]{margin:0;text-align:right;font-weight:700;color:#23312d}
.library-fine-checkout__notice[b-rmeojxeii7]{display:grid;gap:.35rem;padding:1rem;border:1px solid rgba(167,115,23,.25);border-radius:1rem;background:#fff8e8;color:#5d451b}.library-fine-checkout__notice--success[b-rmeojxeii7]{border-color:rgba(42,119,82,.2);background:#edf8f2;color:#245c40}
.library-fine-checkout__actions[b-rmeojxeii7]{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:1.25rem}.library-fine-checkout__actions button[b-rmeojxeii7]{min-height:2.8rem;border:0;border-radius:.8rem;background:#172420;color:#fff;font-weight:800;cursor:pointer}.library-fine-checkout__actions button:focus-visible[b-rmeojxeii7]{outline:3px solid #d2ad59;outline-offset:3px}.library-fine-checkout__actions button:disabled[b-rmeojxeii7]{opacity:.55;cursor:wait}.library-fine-checkout__actions .library-fine-checkout__secondary[b-rmeojxeii7]{border:1px solid rgba(23,36,32,.2);background:transparent;color:#172420}
@media(max-width:34rem){.library-fine-checkout__actions[b-rmeojxeii7]{grid-template-columns:1fr}.library-fine-checkout dl div[b-rmeojxeii7]{display:grid;gap:.1rem}.library-fine-checkout dd[b-rmeojxeii7]{text-align:left}}
@media(prefers-reduced-motion:reduce){.library-fine-checkout__card[b-rmeojxeii7]{backdrop-filter:none}}
/* /Pages/LibraryResearch.razor.rz.scp.css */
.research-page[b-10uy85cdog] {
    --ink: #17201f;
    --ink-soft: #53605d;
    --ivory: #fbf8f0;
    --champagne: #c5a46a;
    --champagne-deep: #7b5c1f;
    min-height: calc(100vh - 5rem);
    color: var(--ink);
    padding: clamp(.75rem, 2vw, 1.5rem);
    background: radial-gradient(circle at 88% 0, rgba(197,164,106,.2), transparent 24rem), linear-gradient(145deg, #f8f4ea, #fff 52%, #f5f0e6);
}

.research-hero[b-10uy85cdog], .research-composer[b-10uy85cdog], .research-output[b-10uy85cdog] { border: 1px solid rgba(96,77,43,.16); box-shadow: 0 18px 50px rgba(31,37,34,.09); }
.research-hero[b-10uy85cdog] { display: grid; grid-template-columns: auto 1fr auto; gap: 1rem; align-items: center; max-width: 1180px; margin: 0 auto .8rem; padding: 1rem 1.2rem; border-radius: 1.25rem; background: linear-gradient(135deg, #17201f, #25302e); color: #fff; }
.research-mark[b-10uy85cdog] { width: 3.25rem; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.25); border-radius: 1rem; color: #f2d79e; font: 700 .85rem/1 Georgia,serif; letter-spacing: .12em; background: rgba(255,255,255,.06); }
.research-copy span[b-10uy85cdog], .research-composer__heading span[b-10uy85cdog], .research-sources > div > span[b-10uy85cdog] { color: #a68038; font-size: .7rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.research-copy span[b-10uy85cdog] { color: #e9cd93; }
.research-copy h1[b-10uy85cdog], .research-composer h2[b-10uy85cdog], .research-output h2[b-10uy85cdog], .research-sources h3[b-10uy85cdog] { margin: .15rem 0; font-family: Georgia,serif; }
.research-copy h1[b-10uy85cdog] { font-size: clamp(1.45rem, 3vw, 2.25rem); }
.research-copy p[b-10uy85cdog] { max-width: 720px; margin: .25rem 0 0; color: rgba(255,255,255,.72); font-size: .88rem; }
.research-back[b-10uy85cdog] { border: 1px solid rgba(255,255,255,.25); border-radius: 999px; padding: .55rem .85rem; color: #fff; background: transparent; font-weight: 750; cursor: pointer; }
.research-shell[b-10uy85cdog] { display: grid; grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr); gap: .8rem; max-width: 1180px; margin: auto; align-items: start; }
.research-composer[b-10uy85cdog], .research-output[b-10uy85cdog] { border-radius: 1.15rem; background: rgba(255,255,255,.88); backdrop-filter: blur(18px); }
.research-composer[b-10uy85cdog] { position: sticky; top: 5rem; padding: 1rem; }
.research-composer__heading[b-10uy85cdog] { display: flex; justify-content: space-between; gap: .75rem; align-items: start; margin-bottom: .8rem; }
.research-composer h2[b-10uy85cdog] { font-size: 1.25rem; }
.research-private[b-10uy85cdog] { color: #326253 !important; letter-spacing: 0 !important; text-transform: none !important; background: #edf6f1; padding: .3rem .55rem; border-radius: 999px; }
.research-composer label[b-10uy85cdog] { display: block; font-size: .78rem; font-weight: 800; margin-bottom: .35rem; }
.research-composer textarea[b-10uy85cdog] { width: 100%; min-height: 11rem; resize: vertical; border: 1px solid #cfc8b9; border-radius: .9rem; padding: .85rem; color: var(--ink); background: var(--ivory); font: inherit; line-height: 1.55; }
.research-composer__footer[b-10uy85cdog], .research-answer__meta[b-10uy85cdog], .research-evaluation[b-10uy85cdog] { display: flex; align-items: center; gap: .5rem; margin-top: .65rem; }
.research-composer__footer[b-10uy85cdog] { justify-content: space-between; }
.research-submit[b-10uy85cdog] { border: 0; border-radius: .8rem; padding: .68rem 1rem; background: linear-gradient(135deg, #9a7430, #c4a162); color: #fff; font-weight: 800; cursor: pointer; }
.research-submit:disabled[b-10uy85cdog] { opacity: .55; cursor: not-allowed; }
.research-spinner[b-10uy85cdog] { display: inline-block; width: .85rem; aspect-ratio: 1; margin-right: .35rem; border: 2px solid rgba(255,255,255,.4); border-top-color: #fff; border-radius: 50%; animation: research-spin-b-10uy85cdog .8s linear infinite; }
.research-output[b-10uy85cdog] { min-height: 25rem; padding: 1.1rem; }
.research-empty[b-10uy85cdog] { min-height: 23rem; display: grid; place-content: center; text-align: center; max-width: 580px; margin: auto; }
.research-empty > div[b-10uy85cdog] { color: var(--champagne-deep); font: 700 .8rem/1 Georgia,serif; letter-spacing: .2em; }
.research-empty p[b-10uy85cdog] { color: var(--ink-soft); }
.research-alert[b-10uy85cdog] { display: grid; gap: .3rem; border-left: 4px solid #a94442; border-radius: .7rem; padding: .8rem; background: #fff1ef; color: #772a28; }
.research-answer__meta[b-10uy85cdog] { justify-content: space-between; flex-wrap: wrap; margin: 0 0 .65rem; }
.research-confidence[b-10uy85cdog], .research-review[b-10uy85cdog] { padding: .35rem .6rem; border-radius: 999px; background: #edf6f1; color: #245949; font-size: .72rem; font-weight: 800; }
.research-review.is-pending[b-10uy85cdog] { background: #fff4dc; color: #755311; }
.research-answer__text[b-10uy85cdog] { white-space: pre-wrap; overflow-wrap: anywhere; padding: .85rem; border: 1px solid rgba(96,77,43,.12); border-radius: .85rem; background: var(--ivory); line-height: 1.65; }
.research-sources[b-10uy85cdog] { margin-top: 1rem; }
.research-sources ol[b-10uy85cdog] { display: grid; gap: .5rem; list-style: none; padding: 0; }
.research-sources li[b-10uy85cdog] { display: grid; grid-template-columns: auto 1fr auto; gap: .7rem; align-items: start; padding: .75rem; border: 1px solid rgba(96,77,43,.13); border-radius: .85rem; }
.research-source__index[b-10uy85cdog] { display: grid; place-items: center; min-width: 2.2rem; height: 2.2rem; border-radius: .65rem; background: #17201f; color: #f0d393; font: 700 .75rem/1 Georgia,serif; }
.research-sources li div[b-10uy85cdog] { display: grid; gap: .15rem; min-width: 0; }
.research-sources li span[b-10uy85cdog], .research-sources li small[b-10uy85cdog] { color: var(--ink-soft); overflow-wrap: anywhere; }
.research-sources li small[b-10uy85cdog] { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.research-sources a[b-10uy85cdog] { color: var(--champagne-deep); font-weight: 800; }
.research-evaluation[b-10uy85cdog] { flex-wrap: wrap; padding-top: .8rem; border-top: 1px solid rgba(96,77,43,.14); }
.research-evaluation button[b-10uy85cdog] { border: 1px solid #c8beaa; border-radius: 999px; padding: .42rem .68rem; color: var(--ink); background: #fff; cursor: pointer; }
.research-evaluation button.is-selected[b-10uy85cdog] { border-color: var(--champagne-deep); background: #fff4dc; }
.research-evaluation small[b-10uy85cdog] { color: #245949; font-weight: 750; }
button:focus-visible[b-10uy85cdog], textarea:focus-visible[b-10uy85cdog], a:focus-visible[b-10uy85cdog] { outline: 3px solid #be8d30; outline-offset: 3px; }
@keyframes research-spin-b-10uy85cdog { to { transform: rotate(360deg); } }
@media (max-width: 800px) { .research-hero[b-10uy85cdog] { grid-template-columns: auto 1fr; } .research-back[b-10uy85cdog] { grid-column: 1 / -1; justify-self: start; } .research-shell[b-10uy85cdog] { grid-template-columns: 1fr; } .research-composer[b-10uy85cdog] { position: static; } }
@media (max-width: 520px) { .research-page[b-10uy85cdog] { padding: .45rem; } .research-hero[b-10uy85cdog] { border-radius: 1rem; } .research-mark[b-10uy85cdog] { display: none; } .research-copy[b-10uy85cdog] { grid-column: 1 / -1; } .research-sources li[b-10uy85cdog] { grid-template-columns: auto 1fr; } .research-sources a[b-10uy85cdog] { grid-column: 2; } }
@media (prefers-reduced-motion: reduce) { .research-spinner[b-10uy85cdog] { animation: none; } *[b-10uy85cdog] { scroll-behavior: auto !important; } }
@media (forced-colors: active) { .research-submit[b-10uy85cdog], .research-source__index[b-10uy85cdog] { forced-color-adjust: none; } }
/* /Pages/Login.razor.rz.scp.css */
.portal-auth[b-zjvqljpd11] {
    position: relative;
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: clamp(0.8rem, 2vw, 1.4rem);
    overflow: hidden;
    background:
        radial-gradient(circle at 13% 18%, hsla(var(--brand-h, 220), 74%, 40%, 0.18), transparent 28%),
        radial-gradient(circle at 86% 18%, hsla(var(--brand-accent-h, 37), 44%, 55%, 0.16), transparent 24%),
        linear-gradient(135deg, #f9fbff 0%, #edf2f9 54%, #f8f4ed 100%);
}

.portal-auth[b-zjvqljpd11]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, hsla(var(--brand-h, 218), 70%, 23%, 0.055) 1px, transparent 1px),
        linear-gradient(180deg, hsla(var(--brand-h, 218), 70%, 23%, 0.045) 1px, transparent 1px);
    background-size: 5rem 5rem;
    mask-image: linear-gradient(115deg, rgba(0,0,0,0.36), transparent 72%);
}

.portal-auth__scene[b-zjvqljpd11] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
}

.portal-auth__beam[b-zjvqljpd11] {
    position: absolute;
    height: 1px;
    width: 60rem;
    background: linear-gradient(90deg, transparent, hsla(var(--brand-h, 224), 76%, 48%, 0.22), hsla(var(--brand-accent-h, 37), 49%, 48%, 0.26), transparent);
    transform: rotate(-24deg);
    opacity: 0.75;
}

.portal-auth__beam--one[b-zjvqljpd11] {
    top: 18%;
    left: -15rem;
}

.portal-auth__beam--two[b-zjvqljpd11] {
    right: -17rem;
    bottom: 17%;
}

.portal-auth__ring[b-zjvqljpd11] {
    position: absolute;
    border-radius: 999px;
    border: 1px solid hsla(var(--brand-h, 224), 76%, 48%, 0.12);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5);
}

.portal-auth__ring--one[b-zjvqljpd11] {
    width: 24rem;
    height: 24rem;
    left: -8rem;
    bottom: -8rem;
}

.portal-auth__ring--two[b-zjvqljpd11] {
    width: 31rem;
    height: 31rem;
    right: -11rem;
    top: -12rem;
    border-color: hsla(var(--brand-accent-h, 37), 49%, 48%, 0.12);
}

.portal-auth__experience[b-zjvqljpd11] {
    position: relative;
    z-index: 1;
    width: min(63rem, 100%);
    min-height: min(35rem, calc(100vh - 2rem));
    display: grid;
    grid-template-columns: minmax(18rem, 0.82fr) minmax(25rem, 1fr);
    align-items: center;
    gap: clamp(1rem, 3vw, 2.4rem);
}

.portal-auth__identity[b-zjvqljpd11] {
    position: relative;
    display: grid;
    gap: 1rem;
    padding: clamp(1rem, 2vw, 1.35rem);
}

.portal-auth__identity[b-zjvqljpd11]::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 30px;
    background:
        radial-gradient(circle at 10% 8%, rgba(255,255,255,0.98), transparent 28%),
        radial-gradient(circle at 88% 20%, hsla(var(--brand-h, 224), 76%, 48%, 0.12), transparent 30%),
        radial-gradient(circle at 72% 92%, hsla(var(--brand-accent-h, 37), 44%, 55%, 0.14), transparent 28%),
        linear-gradient(150deg, rgba(255,255,255,0.9), rgba(239,245,255,0.78));
    border: 1px solid rgba(255,255,255,0.86);
    box-shadow:
        0 28px 74px hsla(var(--brand-h, 219), 70%, 13%, 0.11),
        inset 0 1px 0 rgba(255,255,255,0.9);
    transform: none;
    backdrop-filter: blur(18px);
}

.portal-auth__identity[b-zjvqljpd11]::after {
    content: "";
    position: absolute;
    left: 1.1rem;
    right: 1.1rem;
    bottom: 1.05rem;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, hsla(var(--brand-h, 224), 76%, 48%, 0.18), hsla(var(--brand-accent-h, 37), 44%, 55%, 0.58), hsla(var(--brand-h, 224), 76%, 48%, 0.12));
    box-shadow: 0 0 28px hsla(var(--brand-accent-h, 37), 44%, 55%, 0.22);
}

.portal-auth__identity > *[b-zjvqljpd11] {
    position: relative;
    z-index: 1;
}

.portal-auth__identity-logo img[b-zjvqljpd11] {
    display: block;
    height: 2.65rem;
    width: auto;
    max-width: 13.5rem;
    object-fit: contain;
    filter:
        drop-shadow(0 14px 22px hsla(var(--brand-h, 224), 76%, 48%, 0.12))
        drop-shadow(0 2px 0 rgba(255,255,255,0.7));
}

@media (min-width: 981px) {
    .portal-auth__experience[b-zjvqljpd11] {
        width: min(66rem, calc(100vw - 2rem));
        grid-template-columns: minmax(25rem, 0.96fr) minmax(29rem, 1.04fr);
        min-height: min(36rem, calc(100vh - 2rem));
    }

    .portal-auth__identity[b-zjvqljpd11] {
        min-height: 100%;
        display: grid;
        grid-template-rows: auto minmax(0, 1fr) auto;
        justify-content: stretch;
        align-content: stretch;
        padding: 2rem 2.15rem;
    }

    .portal-auth__identity-logo[b-zjvqljpd11] {
        align-self: start;
        margin-bottom: 0;
    }

    .portal-auth__identity-logo img[b-zjvqljpd11] {
        height: 2.75rem;
    }

    .portal-auth__identity-copy[b-zjvqljpd11] {
        align-self: center;
        max-width: 28rem;
    }

    .portal-auth__identity-title[b-zjvqljpd11] {
        font-size: 2.72rem;
    }


    .portal-auth__access[b-zjvqljpd11] {
        justify-items: start;
        padding: 2rem 2.15rem;
    }

    .portal-auth__access-card[b-zjvqljpd11] {
        width: min(28rem, 100%);
    }
}

/* Final login polish overrides. */
.portal-auth[b-zjvqljpd11] {
    padding: clamp(1rem, 2.4vw, 1.8rem);
}

.portal-auth__scene[b-zjvqljpd11] {
    opacity: 0.42;
}

.portal-auth__experience[b-zjvqljpd11] {
    width: min(58rem, 100%);
    min-height: min(32rem, calc(100vh - 2rem));
    gap: clamp(0.8rem, 2vw, 1.4rem);
}

.portal-auth__identity[b-zjvqljpd11]::before {
    border-radius: 24px;
}

.portal-auth__identity-copy[b-zjvqljpd11] {
    gap: 0.62rem;
}

.portal-auth__identity-eyebrow[b-zjvqljpd11],
.portal-auth__badge[b-zjvqljpd11],
.portal-auth-input__label[b-zjvqljpd11] {
    text-transform: none;
}

.portal-auth__identity-title[b-zjvqljpd11],
.portal-auth__headline[b-zjvqljpd11] {
    font-family: "Manrope", "Segoe UI", sans-serif;
    font-weight: 900;
}

.portal-auth__identity-title[b-zjvqljpd11] {
    max-width: 16ch;
    font-size: clamp(1.85rem, 3.2vw, 2.35rem);
    line-height: 1.12;
}


.portal-auth__access-card[b-zjvqljpd11] {
    width: min(27rem, 100%);
    gap: 0.92rem;
    padding: clamp(1rem, 2vw, 1.28rem);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255,255,255,0.94), rgba(255,255,255,0.78));
    box-shadow:
        0 24px 62px hsla(var(--brand-h, 219), 70%, 13%, 0.12),
        inset 0 1px 0 rgba(255,255,255,0.9);
}

.portal-auth__card-shine[b-zjvqljpd11],
.portal-auth__access-card[b-zjvqljpd11]::after {
    display: none;
}

.portal-auth__topbar[b-zjvqljpd11] {
    align-items: center;
}

.portal-auth__headline[b-zjvqljpd11] {
    font-size: clamp(1.45rem, 2.2vw, 1.75rem);
    line-height: 1.18;
}

.portal-auth__subcopy[b-zjvqljpd11] {
    color: hsl(var(--brand-h, 216), 16%, 40%);
    font-size: 0.84rem;
    line-height: 1.52;
}

.portal-auth-input[b-zjvqljpd11] {
    min-height: 3.52rem;
    border-radius: 18px;
}

.portal-auth-input__label[b-zjvqljpd11] {
    font-size: 0.68rem;
}

.portal-auth-input__body[b-zjvqljpd11]  .portal-auth-input__control {
    font-size: 0.92rem;
    font-weight: 750;
}

.portal-auth-input__body[b-zjvqljpd11]  .portal-auth-input__control::placeholder {
    color: hsla(var(--brand-h, 216), 14%, 38%, 0.78);
}

@media (min-width: 981px) {
    .portal-auth__experience[b-zjvqljpd11] {
        width: min(58rem, calc(100vw - 2rem));
        min-height: min(32rem, calc(100vh - 2rem));
        grid-template-columns: minmax(22rem, 0.92fr) minmax(25rem, 1fr);
    }

    .portal-auth__identity[b-zjvqljpd11] {
        min-height: 32rem;
        padding: 2rem;
    }

    .portal-auth__access[b-zjvqljpd11] {
        padding: 1.6rem;
    }
}

@media (max-width: 720px) {
    .portal-auth[b-zjvqljpd11] {
        padding: 0.55rem;
        overflow-y: auto;
    }

    .portal-auth__experience[b-zjvqljpd11] {
        min-height: calc(100svh - 1.1rem);
        grid-template-rows: auto 1fr;
    }

    .portal-auth__identity[b-zjvqljpd11] {
        min-height: auto;
        padding: 0.92rem 1rem 1.1rem;
        gap: 0.52rem;
    }

    .portal-auth__identity-title[b-zjvqljpd11] {
        max-width: 100%;
        font-size: 1rem;
        line-height: 1.18;
    }

    .portal-auth__access[b-zjvqljpd11] {
        padding: 0.8rem;
        grid-template-rows: 1fr;
        place-items: center;
    }

    .portal-auth__access-card[b-zjvqljpd11] {
        grid-row: auto;
        margin: 0 auto;
        padding: 0.82rem;
        border-radius: 20px;
    }

    .portal-auth__topbar[b-zjvqljpd11] {
        display: grid;
        grid-template-columns: 1fr;
    }
}

.portal-auth__identity-copy[b-zjvqljpd11] {
    display: grid;
    gap: 0.55rem;
    padding-top: 0.35rem;
}

.portal-auth__identity-eyebrow[b-zjvqljpd11] {
    width: fit-content;
    padding: 0.34rem 0.64rem;
    border-radius: 999px;
    color: hsl(var(--brand-h, 219), 76%, 38%);
    background: linear-gradient(180deg, hsla(var(--brand-h, 224), 76%, 48%, 0.1), hsla(var(--brand-h, 224), 76%, 48%, 0.04));
    border: 1px solid hsla(var(--brand-h, 224), 76%, 48%, 0.12);
    font-size: 0.68rem;
    font-weight: 850;
    text-transform: uppercase;
    box-shadow: 0 10px 22px hsla(var(--brand-h, 224), 76%, 48%, 0.08);
}

.portal-auth__identity-title[b-zjvqljpd11] {
    margin: 0;
    max-width: 15ch;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-family: "Fraunces", Georgia, serif;
    font-size: 2.05rem;
    line-height: 1.04;
    letter-spacing: 0;
    text-wrap: balance;
    text-shadow: 0 12px 24px rgba(255,255,255,0.72);
}



.portal-auth__access[b-zjvqljpd11] {
    display: grid;
    place-items: center;
    min-width: 0;
}

.portal-auth__access-card[b-zjvqljpd11] {
    position: relative;
    width: min(30rem, 100%);
    display: grid;
    gap: 0.78rem;
    padding: clamp(1rem, 2.2vw, 1.35rem);
    border-radius: 30px;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.86), rgba(255,255,255,0.64));
    border: 1px solid rgba(255,255,255,0.86);
    box-shadow:
        0 32px 80px hsla(var(--brand-h, 219), 70%, 13%, 0.14),
        inset 0 1px 0 rgba(255,255,255,0.88);
    overflow: hidden;
    backdrop-filter: blur(22px);
}

.portal-auth__access-card[b-zjvqljpd11]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 12% 8%, hsla(var(--brand-h, 224), 76%, 48%, 0.12), transparent 28%),
        radial-gradient(circle at 88% 8%, hsla(var(--brand-accent-h, 37), 44%, 55%, 0.13), transparent 24%),
        linear-gradient(135deg, transparent 0%, rgba(255,255,255,0.46) 42%, transparent 64%);
}

.portal-auth__card-shine[b-zjvqljpd11] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,0.55) 45%, transparent 64%);
    transform: translateX(-58%);
    opacity: 0;
    animation: portal-auth-card-shine-b-zjvqljpd11 7s ease-in-out infinite;
}

.portal-auth__access-card > *:not(.portal-auth__card-shine)[b-zjvqljpd11] {
    position: relative;
    z-index: 1;
}

.portal-auth__topbar[b-zjvqljpd11] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.8rem;
}

.portal-auth__badge[b-zjvqljpd11] {
    display: inline-flex;
    align-items: center;
    gap: 0.46rem;
    min-height: 2.15rem;
    padding: 0.38rem 0.7rem;
    border-radius: 999px;
    color: hsl(var(--brand-h, 220), 77%, 38%);
    background: linear-gradient(180deg, hsla(var(--brand-h, 224), 76%, 48%, 0.1), hsla(var(--brand-h, 224), 76%, 48%, 0.04));
    border: 1px solid hsla(var(--brand-h, 224), 76%, 48%, 0.09);
    box-shadow: 0 10px 24px hsla(var(--brand-h, 224), 76%, 48%, 0.08);
    font-size: 0.76rem;
    font-weight: 900;
}

.portal-auth__language[b-zjvqljpd11] {
    display: inline-flex;
    align-items: stretch;
    gap: 0.22rem;
    padding: 0.28rem;
    border-radius: 18px;
    background: rgba(255,255,255,0.74);
    border: 1px solid hsla(var(--brand-h, 216), 60%, 17%, 0.08);
    box-shadow: 0 12px 28px hsla(var(--brand-h, 219), 70%, 13%, 0.075);
}

.portal-auth__language-option[b-zjvqljpd11] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.38rem;
    min-height: 1.95rem;
    padding: 0.36rem 0.68rem;
    border: 0;
    border-radius: 13px;
    color: hsl(var(--brand-h, 218), 21%, 46%);
    background: transparent;
    cursor: pointer;
    transition: transform 0.18s ease, color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.portal-auth__language-option:hover[b-zjvqljpd11],
.portal-auth__language-option:focus-visible[b-zjvqljpd11] {
    color: hsl(var(--brand-h, 219), 60%, 23%);
    transform: translateY(-1px);
    outline: none;
}

.portal-auth__language-option--active[b-zjvqljpd11] {
    color: hsl(var(--brand-h, 217), 81%, 31%);
    background: linear-gradient(135deg, hsla(var(--brand-h, 224), 76%, 48%, 0.18), hsla(var(--brand-h, 224), 76%, 48%, 0.06));
    box-shadow:
        inset 0 0 0 1px hsla(var(--brand-h, 224), 76%, 48%, 0.12),
        0 10px 20px hsla(var(--brand-h, 224), 76%, 48%, 0.1);
}

.portal-auth__language-code[b-zjvqljpd11],
.portal-auth__language-label[b-zjvqljpd11] {
    letter-spacing: 0;
}

.portal-auth__language-code[b-zjvqljpd11] {
    font-size: 0.64rem;
    font-weight: 900;
}

.portal-auth__language-label[b-zjvqljpd11] {
    font-size: 0.78rem;
    font-weight: 850;
}

.portal-auth__title-row[b-zjvqljpd11] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.8rem;
    align-items: start;
    margin-top: 0.24rem;
}

.portal-auth__headline[b-zjvqljpd11] {
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-family: "Fraunces", Georgia, serif;
    font-size: 1.95rem;
    line-height: 1.08;
    letter-spacing: 0;
}

.portal-auth__subcopy[b-zjvqljpd11] {
    margin-top: 0.34rem;
    color: hsl(var(--brand-h, 216), 18%, 48%);
    font-size: 0.8rem;
    line-height: 1.42;
    font-weight: 650;
}


.portal-auth__form[b-zjvqljpd11] {
    margin-top: 0.22rem;
}

.portal-auth-input[b-zjvqljpd11] {
    position: relative;
    display: grid;
    grid-template-columns: 2.7rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.62rem;
    min-height: 3.88rem;
    padding: 0.56rem 0.66rem;
    border-radius: 21px;
    border: 1px solid hsla(var(--brand-h, 216), 60%, 17%, 0.1);
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,250,255,0.96));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.96),
        0 14px 30px hsla(var(--brand-h, 221), 61%, 12%, 0.075);
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.portal-auth-input:hover[b-zjvqljpd11],
.portal-auth-input:focus-within[b-zjvqljpd11] {
    transform: translateY(-1px);
    border-color: hsla(var(--brand-h, 224), 76%, 48%, 0.22);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.96),
        0 20px 38px hsla(var(--brand-h, 224), 76%, 48%, 0.13);
}

.portal-auth-input__icon[b-zjvqljpd11] {
    width: 2.7rem;
    height: 2.7rem;
    display: grid;
    place-items: center;
    border-radius: 17px;
    color: hsl(var(--brand-h, 217), 81%, 31%);
    background: linear-gradient(180deg, hsla(var(--brand-h, 219), 100%, 95%, 0.98), hsla(var(--brand-h, 219), 100%, 93%, 0.94));
}

.portal-auth-input__body[b-zjvqljpd11] {
    min-width: 0;
    display: grid;
    gap: 0.2rem;
}

.portal-auth-input__label[b-zjvqljpd11] {
    color: hsla(var(--brand-h, 218), 23%, 37%, 0.88);
    font-size: 0.64rem;
    font-weight: 900;
    text-transform: uppercase;
}

.portal-auth-input__body[b-zjvqljpd11]  .portal-auth-input__control {
    width: 100%;
    min-width: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    font-family: "Manrope", "Segoe UI", sans-serif;
    font-size: 0.95rem;
    font-weight: 800;
}

.portal-auth-input__body[b-zjvqljpd11]  .portal-auth-input__control::placeholder {
    color: hsla(var(--brand-h, 216), 14%, 50%, 0.66);
    font-weight: 650;
}

.portal-auth-input__action[b-zjvqljpd11] {
    width: 2.08rem;
    height: 2.08rem;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 14px;
    color: hsl(var(--brand-h, 218), 21%, 45%);
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.06);
    cursor: pointer;
    transition: transform 0.18s ease, color 0.18s ease, background 0.18s ease;
}

.portal-auth-input__action:hover[b-zjvqljpd11],
.portal-auth-input__action:focus-visible[b-zjvqljpd11] {
    color: hsl(var(--brand-h, 217), 81%, 31%);
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.11);
    transform: translateY(-1px);
    outline: none;
}

.portal-auth__utility-row[b-zjvqljpd11] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    flex-wrap: wrap;
    margin-top: -0.08rem;
}

.portal-auth__remember[b-zjvqljpd11] {
    display: inline-flex;
    align-items: center;
    gap: 0.52rem;
    color: hsl(var(--brand-h, 218), 60%, 16%);
    cursor: pointer;
    user-select: none;
}

.portal-auth__remember-input[b-zjvqljpd11] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

.portal-auth__remember-indicator[b-zjvqljpd11] {
    width: 1.18rem;
    height: 1.18rem;
    display: grid;
    place-items: center;
    border-radius: 7px;
    color: transparent;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(244,247,253,0.98));
    border: 1px solid hsla(var(--brand-h, 216), 60%, 17%, 0.16);
    transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

.portal-auth__remember-input:checked + .portal-auth__remember-indicator[b-zjvqljpd11] {
    color: #ffffff;
    background: linear-gradient(135deg, hsla(var(--brand-h, 218), 79%, 42%, 0.94), hsla(var(--brand-h, 221), 83%, 53%, 0.98));
    border-color: hsla(var(--brand-h, 224), 76%, 48%, 0.3);
}

.portal-auth__remember-label[b-zjvqljpd11],
.portal-auth__text-link[b-zjvqljpd11] {
    font-size: 0.78rem;
    font-weight: 850;
}

.portal-auth__remember-label[b-zjvqljpd11] {
    color: hsl(var(--brand-h, 218), 19%, 44%);
}

.portal-auth__text-link[b-zjvqljpd11] {
    padding: 0;
    border: 0;
    color: hsl(var(--brand-h, 218), 79%, 42%);
    background: transparent;
    text-decoration: underline;
    text-decoration-color: hsla(var(--brand-h, 218), 79%, 42%, 0.28);
    text-underline-offset: 0.22rem;
    cursor: pointer;
}

.portal-auth__text-link:hover[b-zjvqljpd11] {
    color: hsl(var(--brand-h, 217), 81%, 31%);
}

.portal-auth__text-link--inline[b-zjvqljpd11] {
    white-space: nowrap;
}

.portal-auth[b-zjvqljpd11]  .portal-auth__submit {
    position: relative;
    min-height: 3.08rem !important;
    border-radius: 19px !important;
    overflow: hidden;
    color: #ffffff !important;
    background: linear-gradient(135deg, hsl(var(--brand-h, 222), 75%, 26%) 0%, hsl(var(--brand-h, 224), 76%, 48%) 52%, hsl(var(--brand-h, 221), 87%, 56%) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.22),
        0 20px 40px hsla(var(--brand-h, 224), 76%, 48%, 0.3) !important;
    font-size: 0.94rem !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

.portal-auth[b-zjvqljpd11]  .portal-auth__submit::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,0.24) 42%, transparent 66%);
    transform: translateX(-100%);
    transition: transform 0.42s ease;
}

.portal-auth[b-zjvqljpd11]  .portal-auth__submit:hover::before {
    transform: translateX(100%);
}

.portal-auth[b-zjvqljpd11]  .portal-auth__public-library {
    min-height: 2.75rem !important;
    border-radius: 16px !important;
    border-color: hsla(var(--brand-accent-h, 37), 49%, 48%, 0.36) !important;
    color: #174a42 !important;
    background: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(247,241,228,0.86)) !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

.portal-auth__submit-content[b-zjvqljpd11] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.58rem;
}

.portal-auth__submit-loader[b-zjvqljpd11] {
    width: 1rem;
    height: 1rem;
    border-radius: 999px;
    border: 2px solid rgba(255,255,255,0.35);
    border-top-color: #ffffff;
    animation: portal-auth-spin-b-zjvqljpd11 0.72s linear infinite;
}


.portal-auth__form[b-zjvqljpd11]  .portal-field-error {
    display: block;
    margin: -0.76rem 0 0.12rem 0.18rem;
    color: #b3374f;
    font-size: 0.78rem;
    font-weight: 800;
}

.portal-auth__form[b-zjvqljpd11]  .mud-alert {
    border-radius: 16px;
    box-shadow: 0 14px 28px rgba(179,55,79,0.11);
}

@keyframes portal-auth-card-shine-b-zjvqljpd11 {
    0%, 42% { opacity: 0; transform: translateX(-58%); }
    55% { opacity: 0.55; }
    100% { opacity: 0; transform: translateX(58%); }
}

@keyframes portal-auth-spin-b-zjvqljpd11 {
    to { transform: rotate(360deg); }
}

@media (max-width: 980px) {
    .portal-auth__experience[b-zjvqljpd11] {
        width: min(36rem, 100%);
        min-height: auto;
        grid-template-columns: 1fr;
        gap: 0.8rem;
    }

    .portal-auth__identity[b-zjvqljpd11] {
        padding: 0.82rem;
    }

    .portal-auth__identity[b-zjvqljpd11]::before {
        border-radius: 24px;
        transform: none;
    }

    .portal-auth__identity[b-zjvqljpd11]::after {
        display: block;
        left: 0;
        right: 0;
        top: auto;
        bottom: 0;
        width: auto;
        height: 3px;
        background: linear-gradient(90deg, rgba(255,255,255,0.1), hsla(var(--brand-accent-h, 37), 44%, 55%, 0.82), hsla(var(--brand-h, 219), 100%, 62%, 0.52));
        box-shadow: 0 0 22px hsla(var(--brand-accent-h, 37), 44%, 55%, 0.22);
    }

    .portal-auth__identity-logo img[b-zjvqljpd11] {
        height: 2.25rem;
    }

    .portal-auth__identity-title[b-zjvqljpd11] {
        max-width: none;
        font-size: 1.72rem;
    }


    .portal-auth__access-card[b-zjvqljpd11] {
        width: 100%;
    }
}

@media (max-width: 560px) {
    .portal-auth[b-zjvqljpd11] {
        min-height: 100svh;
        padding: 0.5rem;
    }

    .portal-auth__identity[b-zjvqljpd11] {
        padding: 0.68rem;
    }

    .portal-auth__identity-logo img[b-zjvqljpd11] {
        height: 2rem;
    }

    .portal-auth__identity-eyebrow[b-zjvqljpd11] {
        display: none;
    }

    .portal-auth__identity-title[b-zjvqljpd11] {
        font-size: 1.28rem;
    }

    .portal-auth__access-card[b-zjvqljpd11] {
        padding: 0.78rem;
        border-radius: 22px;
    }

    .portal-auth__topbar[b-zjvqljpd11] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.58rem;
    }

    .portal-auth__badge[b-zjvqljpd11] {
        width: fit-content;
    }

    .portal-auth__language[b-zjvqljpd11] {
        width: 100%;
        justify-content: space-between;
    }

    .portal-auth__language-option[b-zjvqljpd11] {
        flex: 1 1 0;
        padding-inline: 0.42rem;
    }

    .portal-auth__language-label[b-zjvqljpd11] {
        display: none;
    }

    .portal-auth__title-row[b-zjvqljpd11] {
        grid-template-columns: 1fr;
    }

    .portal-auth__subcopy[b-zjvqljpd11] {
        font-size: 0.74rem;
    }

    .portal-auth-input[b-zjvqljpd11] {
        grid-template-columns: 2.35rem minmax(0, 1fr) auto;
        min-height: 3.44rem;
        padding: 0.48rem 0.56rem;
        border-radius: 18px;
    }

    .portal-auth-input__icon[b-zjvqljpd11] {
        width: 2.35rem;
        height: 2.35rem;
        border-radius: 14px;
    }

    .portal-auth-input__body[b-zjvqljpd11]  .portal-auth-input__control {
        font-size: 0.88rem;
    }

    .portal-auth__utility-row[b-zjvqljpd11] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.55rem;
    }

    .portal-auth__text-link--inline[b-zjvqljpd11] {
        white-space: normal;
        text-align: left;
    }

    .portal-auth[b-zjvqljpd11]  .portal-auth__submit {
        min-height: 2.9rem !important;
    }

    .portal-auth__card-shine[b-zjvqljpd11],
    .portal-auth__submit-loader[b-zjvqljpd11] {
        animation: none;
    }

    .portal-auth-input[b-zjvqljpd11],
    .portal-auth__language-option[b-zjvqljpd11],
    .portal-auth-input__action[b-zjvqljpd11] {
        transition: none;
    }
}

/* Integrated premium shell: one composed surface, not separate floating cards. */
.portal-auth__experience[b-zjvqljpd11] {
    width: min(72rem, calc(100vw - 2rem));
    min-height: min(38rem, calc(100vh - 2rem));
    grid-template-columns: minmax(22rem, 0.88fr) minmax(27rem, 1.12fr);
    gap: 0;
    align-items: stretch;
    border-radius: 32px;
    overflow: hidden;
    background:
        linear-gradient(90deg, hsla(var(--brand-h, 219), 76%, 19%, 0.98) 0%, hsla(var(--brand-h, 218), 79%, 38%, 0.9) 42%, rgba(255,255,255,0.86) 42.2%, rgba(255,255,255,0.78) 100%);
    border: 1px solid rgba(255,255,255,0.88);
    box-shadow:
        0 34px 92px hsla(var(--brand-h, 219), 70%, 13%, 0.16),
        inset 0 1px 0 rgba(255,255,255,0.82);
}

.portal-auth__identity[b-zjvqljpd11],
.portal-auth__access[b-zjvqljpd11] {
    min-height: 100%;
}

.portal-auth__identity[b-zjvqljpd11] {
    align-content: center;
    padding: clamp(1.35rem, 3vw, 2.25rem);
    background:
        radial-gradient(circle at 16% 10%, rgba(255,255,255,0.22), transparent 22%),
        radial-gradient(circle at 90% 82%, hsla(var(--brand-h, 218), 100%, 72%, 0.28), transparent 24%),
        linear-gradient(130deg, rgba(255,255,255,0.12), transparent 32%),
        linear-gradient(155deg, hsl(var(--brand-h, 219), 70%, 10%) 0%, hsl(var(--brand-h, 219), 77%, 30%) 58%, hsl(var(--brand-h, 219), 76%, 47%) 100%);
}

.portal-auth__identity[b-zjvqljpd11]::before {
    inset: 0;
    border-radius: 0;
    background:
        linear-gradient(90deg, rgba(255,255,255,0.075) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255,255,255,0.055) 1px, transparent 1px),
        linear-gradient(118deg, transparent 0 62%, rgba(255,255,255,0.12) 62% 62.15%, transparent 62.15% 100%);
    background-size: 4rem 4rem, 4rem 4rem, 100% 100%;
    border: 0;
    box-shadow: none;
    backdrop-filter: none;
}

.portal-auth__identity[b-zjvqljpd11]::after {
    left: auto;
    right: 0;
    top: 8%;
    bottom: 8%;
    width: 1px;
    height: auto;
    background: linear-gradient(180deg, transparent, rgba(255,255,255,0.42), hsla(var(--brand-accent-h, 37), 44%, 55%, 0.5), transparent);
    box-shadow: 0 0 30px rgba(255,255,255,0.18);
}

.portal-auth__identity-logo img[b-zjvqljpd11] {
    height: 3rem;
    filter: drop-shadow(0 16px 24px rgba(0,0,0,0.2));
}

.portal-auth__identity-eyebrow[b-zjvqljpd11] {
    color: rgba(255,255,255,0.86);
    background: rgba(255,255,255,0.13);
    border-color: rgba(255,255,255,0.16);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 12px 24px hsla(var(--brand-h, 219), 83%, 7%, 0.12);
}

.portal-auth__identity-title[b-zjvqljpd11] {
    max-width: 11ch;
    color: #ffffff;
    font-size: 2.85rem;
    text-shadow: 0 20px 34px rgba(0,0,0,0.22);
}

.portal-auth__access-card[b-zjvqljpd11] {
    width: min(31rem, 100%);
    padding: clamp(1rem, 2vw, 1.32rem);
    border-radius: 28px;
    background: rgba(255,255,255,0.58);
    border: 1px solid rgba(255,255,255,0.72);
    box-shadow:
        0 24px 64px hsla(var(--brand-h, 219), 70%, 13%, 0.1),
        inset 0 1px 0 rgba(255,255,255,0.82);
}

@media (max-width: 980px) {
    .portal-auth__experience[b-zjvqljpd11] {
        width: min(38rem, calc(100vw - 1rem));
        min-height: auto;
        grid-template-columns: 1fr;
        border-radius: 28px;
        background: rgba(255,255,255,0.82);
    }

    .portal-auth__identity[b-zjvqljpd11] {
        min-height: 12rem;
        padding: 1rem;
    }

    .portal-auth__identity[b-zjvqljpd11]::after {
        left: 1rem;
        right: 1rem;
        top: auto;
        bottom: 0;
        width: auto;
        height: 1px;
    }

    .portal-auth__identity-title[b-zjvqljpd11] {
        max-width: none;
        font-size: 1.85rem;
    }

    .portal-auth__access[b-zjvqljpd11] {
        padding: 0.85rem;
    }
}

@media (max-width: 560px) {
    .portal-auth__experience[b-zjvqljpd11] {
        width: 100%;
        min-height: calc(100svh - 1rem);
        border-radius: 24px;
    }

    .portal-auth__identity[b-zjvqljpd11] {
        min-height: 8.8rem;
        padding: 0.78rem;
    }

    .portal-auth__identity-logo img[b-zjvqljpd11] {
        height: 2rem;
    }

    .portal-auth__identity-title[b-zjvqljpd11] {
        font-size: 1.3rem;
    }

    .portal-auth__access[b-zjvqljpd11] {
        padding: 0.55rem;
    }

    .portal-auth__access-card[b-zjvqljpd11] {
        border-radius: 20px;
        padding: 0.72rem;
    }
}

/* Mobile refinement: compact hero, no empty band, cleaner logo placement. */
@media (max-width: 720px) {
    .portal-auth[b-zjvqljpd11] {
        align-items: start;
        min-height: 100svh;
        padding: 0;
        background:
            radial-gradient(circle at 50% -10%, hsla(var(--brand-h, 224), 76%, 48%, 0.16), transparent 36%),
            linear-gradient(180deg, #edf3fb 0%, #f8fafc 100%);
    }

    .portal-auth[b-zjvqljpd11]::before {
        background-size: 3.6rem 3.6rem;
        opacity: 0.55;
    }

    .portal-auth__experience[b-zjvqljpd11] {
        width: 100%;
        min-height: 100svh;
        border-radius: 0;
        border: 0;
        box-shadow: none;
        background:
            linear-gradient(180deg, hsl(var(--brand-h, 219), 78%, 30%) 0%, hsl(var(--brand-h, 219), 76%, 47%) 7.9rem, rgba(255,255,255,0.9) 7.95rem, rgba(255,255,255,0.76) 100%);
    }

    .portal-auth__identity[b-zjvqljpd11] {
        min-height: 8.05rem;
        align-content: start;
        gap: 0.34rem;
        padding: 0.58rem 0.78rem 0.82rem;
        background:
            radial-gradient(circle at 86% 78%, hsla(var(--brand-h, 218), 100%, 70%, 0.34), transparent 24%),
            linear-gradient(135deg, rgba(255,255,255,0.12), transparent 31%),
            linear-gradient(155deg, hsl(var(--brand-h, 219), 70%, 10%) 0%, hsl(var(--brand-h, 219), 78%, 32%) 68%, hsl(var(--brand-h, 218), 75%, 51%) 100%);
    }

    .portal-auth__identity[b-zjvqljpd11]::before {
        background-size: 3.2rem 3.2rem, 3.2rem 3.2rem, 100% 100%;
        opacity: 0.58;
    }

    .portal-auth__identity[b-zjvqljpd11]::after {
        left: 0.78rem;
        right: 0.78rem;
        bottom: 0;
        height: 1px;
        opacity: 0.72;
    }

    .portal-auth__identity-logo img[b-zjvqljpd11] {
        height: 1.42rem;
        max-width: 8.2rem;
    }

    .portal-auth__identity-copy[b-zjvqljpd11] {
        gap: 0;
        padding-top: 0.12rem;
    }

    .portal-auth__identity-eyebrow[b-zjvqljpd11] {
        display: none;
    }

    .portal-auth__identity-title[b-zjvqljpd11] {
        max-width: 100%;
        font-size: 0.98rem;
        line-height: 1.1;
        text-shadow: 0 12px 22px rgba(0,0,0,0.2);
    }

    .portal-auth__access[b-zjvqljpd11] {
        padding: 0;
        min-height: auto;
        align-items: start;
        background: transparent;
    }

    .portal-auth__access-card[b-zjvqljpd11] {
        width: 100%;
        margin-top: -0.38rem;
        padding: 0.68rem;
        border-radius: 22px 22px 0 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        background:
            linear-gradient(180deg, rgba(255,255,255,0.88), rgba(255,255,255,0.7));
        box-shadow:
            0 -14px 34px hsla(var(--brand-h, 219), 70%, 13%, 0.09),
            inset 0 1px 0 rgba(255,255,255,0.88);
    }

    .portal-auth__topbar[b-zjvqljpd11] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.52rem;
    }

    .portal-auth__badge[b-zjvqljpd11] {
        width: fit-content;
        min-height: 1.9rem;
        padding: 0.28rem 0.56rem;
    }

    .portal-auth__language[b-zjvqljpd11] {
        width: 100%;
        justify-content: space-between;
    }

    .portal-auth__language-option[b-zjvqljpd11] {
        flex: 1 1 0;
        min-height: 1.84rem;
    }

    .portal-auth__language-label[b-zjvqljpd11] {
        display: none;
    }

    .portal-auth__title-row[b-zjvqljpd11] {
        grid-template-columns: 1fr;
        margin-top: 0.08rem;
    }

    }

    .portal-auth__subcopy[b-zjvqljpd11] {
        margin-top: 0.18rem;
        font-size: 0.7rem;
    }

    .portal-auth-input[b-zjvqljpd11] {
        grid-template-columns: 2.3rem minmax(0, 1fr) auto;
        min-height: 3.22rem;
        padding: 0.42rem 0.52rem;
        border-radius: 17px;
    }

    .portal-auth-input__icon[b-zjvqljpd11] {
        width: 2.3rem;
        height: 2.3rem;
        border-radius: 14px;
    }

    .portal-auth-input__body[b-zjvqljpd11]  .portal-auth-input__control {
        font-size: 0.88rem;
    }

    .portal-auth__utility-row[b-zjvqljpd11] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.48rem;
    }

    .portal-auth__text-link--inline[b-zjvqljpd11] {
        text-align: left;
        white-space: normal;
    }

    .portal-auth[b-zjvqljpd11]  .portal-auth__submit {
        min-height: 2.82rem !important;
    }

@media (max-width: 720px) {
    .portal-auth[b-zjvqljpd11] {
        display: block;
        min-height: 100svh;
        padding: 0.42rem;
        overflow-y: auto;
        background: linear-gradient(180deg, #eef4fb 0%, #f8fafc 100%);
    }

    .portal-auth[b-zjvqljpd11]::before,
    .portal-auth__scene[b-zjvqljpd11] {
        display: none;
    }

    .portal-auth__experience[b-zjvqljpd11] {
        display: block;
        width: 100%;
        min-height: calc(100svh - 0.84rem);
        border: 1px solid rgba(255,255,255,0.82);
        border-radius: 24px;
        box-shadow: 0 22px 52px hsla(var(--brand-h, 219), 70%, 13%, 0.13);
        background: transparent;
        overflow: hidden;
    }

    .portal-auth__identity[b-zjvqljpd11] {
        min-height: 6.25rem;
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
        column-gap: 0.72rem;
        padding: 0.7rem 0.9rem;
        background:
            radial-gradient(circle at 88% 28%, hsla(var(--brand-h, 219), 100%, 64%, 0.38), transparent 34%),
            linear-gradient(135deg, hsl(var(--brand-h, 218), 72%, 10%) 0%, hsl(var(--brand-h, 219), 77%, 30%) 56%, hsl(var(--brand-h, 218), 75%, 51%) 100%);
        border-radius: 0;
        box-shadow: 0 10px 24px hsla(var(--brand-h, 219), 78%, 19%, 0.16);
    }

    .portal-auth__identity[b-zjvqljpd11]::before {
        inset: 0;
        border-radius: 0;
        background:
            linear-gradient(90deg, rgba(255,255,255,0.07) 1px, transparent 1px),
            linear-gradient(180deg, rgba(255,255,255,0.05) 1px, transparent 1px);
        background-size: 3rem 3rem;
        opacity: 0.55;
    }

    .portal-auth__identity[b-zjvqljpd11]::after,
    .portal-auth__identity-eyebrow[b-zjvqljpd11] {
        display: none;
    }

    .portal-auth__identity-logo[b-zjvqljpd11] {
        min-width: 0;
    }

    .portal-auth__identity-logo img[b-zjvqljpd11] {
        height: 1.55rem;
        width: auto;
        max-width: 7.8rem;
        filter: drop-shadow(0 8px 14px rgba(0,0,0,0.18));
    }

    .portal-auth__identity-copy[b-zjvqljpd11] {
        min-width: 0;
        padding: 0;
        gap: 0;
    }

    .portal-auth__identity-title[b-zjvqljpd11] {
        max-width: 100%;
        margin: 0;
        color: #ffffff;
        font-size: 1.06rem;
        line-height: 1.08;
        white-space: normal;
        text-wrap: balance;
        text-shadow: 0 10px 18px rgba(0,0,0,0.2);
    }

    .portal-auth__access[b-zjvqljpd11] {
        position: relative;
        display: grid;
        min-height: calc(100svh - 6.25rem - 0.84rem);
        padding: 0.72rem;
        place-items: center;
        overflow: hidden;
        background:
            radial-gradient(circle at 16% 0%, hsla(var(--brand-h, 224), 76%, 48%, 0.08), transparent 28%),
            radial-gradient(circle at 86% 18%, hsla(var(--brand-accent-h, 37), 44%, 55%, 0.12), transparent 24%),
            linear-gradient(180deg, rgba(255,255,255,0.86), rgba(239,245,252,0.92));
    }

    .portal-auth__access[b-zjvqljpd11]::before {
        content: "";
        position: absolute;
        left: -18%;
        right: -18%;
        bottom: -18%;
        height: 42%;
        pointer-events: none;
        background:
            radial-gradient(circle at 50% 100%, hsla(var(--brand-h, 224), 76%, 48%, 0.12), transparent 58%),
            linear-gradient(90deg, hsla(var(--brand-h, 224), 76%, 48%, 0.06) 1px, transparent 1px),
            linear-gradient(180deg, hsla(var(--brand-h, 224), 76%, 48%, 0.045) 1px, transparent 1px);
        background-size: 100% 100%, 3.2rem 3.2rem, 3.2rem 3.2rem;
        mask-image: linear-gradient(0deg, rgba(0,0,0,0.8), transparent 88%);
    }

    .portal-auth__access-card[b-zjvqljpd11] {
        position: relative;
        z-index: 1;
        width: 100%;
        margin: 0;
        padding: 0.72rem 0.78rem 0.78rem;
        border-radius: 0;
        border: 1px solid rgba(255,255,255,0.86);
        border-top: 0;
        background: rgba(255,255,255,0.86);
        box-shadow:
            0 18px 46px hsla(var(--brand-h, 219), 70%, 13%, 0.09),
            inset 0 1px 0 rgba(255,255,255,0.9);
    }

    .portal-auth__access-card[b-zjvqljpd11]::after {
        content: "";
        position: absolute;
        top: 0.58rem;
        right: 0.78rem;
        width: 4.6rem;
        height: 0.22rem;
        border-radius: 999px;
        background: linear-gradient(90deg, hsla(var(--brand-h, 224), 76%, 48%, 0.18), hsla(var(--brand-accent-h, 37), 44%, 55%, 0.58));
        opacity: 0.72;
        pointer-events: none;
    }

    .portal-auth__topbar[b-zjvqljpd11] {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
        gap: 0.54rem;
        padding-top: 0.18rem;
    }

    .portal-auth__badge[b-zjvqljpd11] {
        min-height: 1.85rem;
        padding: 0.28rem 0.55rem;
        font-size: 0.72rem;
    }

    .portal-auth__language[b-zjvqljpd11] {
        width: 100%;
        min-width: 0;
        justify-content: stretch;
        padding: 0.24rem;
        border-radius: 16px;
    }

    .portal-auth__language-option[b-zjvqljpd11] {
        flex: 1 1 0;
        min-height: 1.78rem;
        padding: 0.3rem 0.42rem;
    }

    .portal-auth__language-label[b-zjvqljpd11] {
        display: none;
    }

    .portal-auth__title-row[b-zjvqljpd11] {
        display: block;
        margin-top: 0.58rem;
    }

    .portal-auth__headline[b-zjvqljpd11] {
        font-size: 1.34rem;
        line-height: 1.1;
    }

    .portal-auth__subcopy[b-zjvqljpd11] {
        margin-top: 0.18rem;
        font-size: 0.72rem;
        line-height: 1.35;
    }

    .portal-auth__form[b-zjvqljpd11] {
        margin-top: 0.45rem;
    }

    .portal-auth-input[b-zjvqljpd11] {
        grid-template-columns: 2.28rem minmax(0, 1fr) auto;
        min-height: 3.18rem;
        gap: 0.46rem;
        padding: 0.42rem 0.52rem;
        border-radius: 17px;
    }

    .portal-auth-input__icon[b-zjvqljpd11] {
        width: 2.28rem;
        height: 2.28rem;
        border-radius: 14px;
    }

    .portal-auth-input__label[b-zjvqljpd11] {
        font-size: 0.6rem;
    }

    .portal-auth-input__body[b-zjvqljpd11]  .portal-auth-input__control {
        font-size: 0.88rem;
    }

    .portal-auth-input__action[b-zjvqljpd11] {
        width: 1.92rem;
        height: 1.92rem;
    }

    .portal-auth__utility-row[b-zjvqljpd11] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.46rem;
        align-items: start;
    }

    .portal-auth__text-link--inline[b-zjvqljpd11] {
        text-align: left;
        white-space: normal;
    }

    .portal-auth[b-zjvqljpd11]  .portal-auth__submit {
        min-height: 2.78rem !important;
        border-radius: 17px !important;
    }

}

@media (max-width: 380px) {
    .portal-auth__identity[b-zjvqljpd11] {
        grid-template-columns: 1fr;
        min-height: 6.4rem;
        align-content: center;
        row-gap: 0.34rem;
    }

    .portal-auth__identity-title[b-zjvqljpd11] {
        font-size: 0.98rem;
    }

    .portal-auth__topbar[b-zjvqljpd11] {
        grid-template-columns: 1fr;
    }
}

/* Final mobile composition: extended header, overlapped access card, finished footer. */
@media (max-width: 720px) {
    .portal-auth[b-zjvqljpd11] {
        min-height: 100svh;
        padding: 0.4rem;
        background:
            radial-gradient(circle at 50% -8%, hsla(var(--brand-h, 224), 76%, 48%, 0.18), transparent 34%),
            linear-gradient(180deg, #eaf1fb 0%, #f8fafc 100%);
    }

    .portal-auth__experience[b-zjvqljpd11] {
        min-height: calc(100svh - 0.8rem);
        display: grid;
        grid-template-rows: auto 1fr;
        border-radius: 26px;
        overflow: hidden;
        background:
            linear-gradient(180deg, hsl(var(--brand-h, 220), 81%, 22%) 0 11.2rem, #eef4fb 11.25rem 100%);
        box-shadow:
            0 24px 56px hsla(var(--brand-h, 219), 70%, 13%, 0.16),
            inset 0 1px 0 rgba(255,255,255,0.78);
    }

    .portal-auth__identity[b-zjvqljpd11] {
        min-height: 10.2rem;
        grid-template-columns: 1fr;
        align-content: start;
        gap: 0.72rem;
        padding: 0.85rem 1rem 1.75rem;
        border-radius: 0 0 28px 28px;
        background:
            radial-gradient(circle at 88% 62%, hsla(var(--brand-h, 218), 100%, 66%, 0.46), transparent 28%),
            linear-gradient(135deg, rgba(255,255,255,0.12), transparent 30%),
            linear-gradient(155deg, hsl(var(--brand-h, 219), 70%, 10%) 0%, hsl(var(--brand-h, 219), 78%, 32%) 64%, hsl(var(--brand-h, 218), 85%, 55%) 100%);
        box-shadow: none;
    }

    .portal-auth__identity[b-zjvqljpd11]::before {
        border-radius: 0 0 28px 28px;
        background:
            linear-gradient(90deg, rgba(255,255,255,0.075) 1px, transparent 1px),
            linear-gradient(180deg, rgba(255,255,255,0.055) 1px, transparent 1px);
        background-size: 3.4rem 3.4rem;
        opacity: 0.58;
    }

    .portal-auth__identity[b-zjvqljpd11]::after {
        left: 1rem;
        right: 1rem;
        bottom: 0.7rem;
        height: 1px;
        background: linear-gradient(90deg, transparent, hsla(var(--brand-accent-h, 37), 44%, 55%, 0.66), hsla(var(--brand-h, 218), 100%, 66%, 0.48), transparent);
        box-shadow: 0 0 20px hsla(var(--brand-accent-h, 37), 44%, 55%, 0.18);
    }

    .portal-auth__identity-logo img[b-zjvqljpd11] {
        height: 1.55rem;
        max-width: 8.6rem;
    }

    .portal-auth__identity-copy[b-zjvqljpd11] {
        padding: 0;
    }

    .portal-auth__identity-title[b-zjvqljpd11] {
        max-width: 17ch;
        font-size: 1.04rem;
        line-height: 1.12;
    }

    .portal-auth__access[b-zjvqljpd11] {
        display: grid;
        min-height: auto;
        padding: 0.98rem 0.72rem 0.82rem;
        grid-template-rows: auto auto minmax(4.8rem, 1fr) auto;
        background:
            radial-gradient(circle at 50% 0%, rgba(255,255,255,0.92), transparent 18rem),
            linear-gradient(180deg, rgba(238,244,252,0.98), rgba(248,250,252,0.96));
        overflow: visible;
    }

    .portal-auth__access[b-zjvqljpd11]::before {
        left: -10%;
        right: -10%;
        bottom: -3rem;
        height: 10rem;
        background:
            radial-gradient(circle at 50% 100%, hsla(var(--brand-h, 224), 76%, 48%, 0.1), transparent 58%),
            linear-gradient(90deg, hsla(var(--brand-h, 224), 76%, 48%, 0.045) 1px, transparent 1px),
            linear-gradient(180deg, hsla(var(--brand-h, 224), 76%, 48%, 0.035) 1px, transparent 1px);
        background-size: 100% 100%, 3rem 3rem, 3rem 3rem;
        opacity: 0.8;
    }

    .portal-auth__access-card[b-zjvqljpd11] {
        max-width: 31rem;
        margin: 0.28rem auto 0;
        grid-row: 2;
        padding: 0.76rem;
        border-radius: 24px;
        border: 1px solid rgba(255,255,255,0.88);
        background:
            radial-gradient(circle at 90% 4%, hsla(var(--brand-accent-h, 37), 44%, 55%, 0.12), transparent 24%),
            linear-gradient(180deg, rgba(255,255,255,0.94), rgba(255,255,255,0.76));
        box-shadow:
            0 18px 42px hsla(var(--brand-h, 219), 70%, 13%, 0.14),
            inset 0 1px 0 rgba(255,255,255,0.92);
    }

    .portal-auth__access-card[b-zjvqljpd11]::after {
        top: 0.62rem;
        right: 0.82rem;
        width: 4.2rem;
    }

}

@media (max-width: 380px) {
    .portal-auth[b-zjvqljpd11] {
        padding: 0.25rem;
    }

    .portal-auth__experience[b-zjvqljpd11] {
        min-height: calc(100svh - 0.5rem);
        border-radius: 22px;
    }

    .portal-auth__identity[b-zjvqljpd11] {
        min-height: 9.5rem;
        padding: 0.72rem 0.82rem 1.55rem;
    }

    .portal-auth__identity-title[b-zjvqljpd11] {
        font-size: 0.94rem;
    }

    .portal-auth__access[b-zjvqljpd11] {
        padding-inline: 0.52rem;
        padding-top: 0.82rem;
        grid-template-rows: auto auto minmax(4.2rem, 1fr) auto;
    }

    .portal-auth__access-card[b-zjvqljpd11] {
        margin-top: 0.2rem;
        padding: 0.64rem;
    }

}

/* Desktop balance: reduce empty right side and place brand deliberately. */
@media (min-width: 981px) {
    .portal-auth__experience[b-zjvqljpd11] {
        width: min(66rem, calc(100vw - 2rem));
        min-height: min(36rem, calc(100vh - 2rem));
        grid-template-columns: minmax(25rem, 0.98fr) minmax(28rem, 1.02fr);
    }

    .portal-auth__identity[b-zjvqljpd11] {
        justify-content: center;
        align-content: center;
        padding: 2rem 2.15rem;
    }

    .portal-auth__identity-logo[b-zjvqljpd11] {
        margin-bottom: 0.65rem;
    }

    .portal-auth__identity-logo img[b-zjvqljpd11] {
        height: 2.7rem;
    }

    .portal-auth__identity-copy[b-zjvqljpd11] {
        max-width: 28rem;
    }

    .portal-auth__identity-title[b-zjvqljpd11] {
        font-size: 2.28rem;
    }


    .portal-auth__access[b-zjvqljpd11] {
        justify-items: start;
        padding: 2rem 2.1rem;
    }

    .portal-auth__access-card[b-zjvqljpd11] {
        width: min(28rem, 100%);
    }
}

/* User requested final login scale fixes. */
.portal-auth__identity-eyebrow[b-zjvqljpd11] {
    display: none !important;
}

.portal-auth__identity-copy[b-zjvqljpd11] {
    align-self: center !important;
    gap: 0.62rem !important;
    max-width: 22rem !important;
}

.portal-auth__identity-title[b-zjvqljpd11] {
    max-width: 14ch !important;
    font-family: "Manrope", "Segoe UI", sans-serif !important;
    font-size: clamp(1.45rem, 2.1vw, 1.82rem) !important;
    line-height: 1.18 !important;
    font-weight: 900 !important;
}


.portal-auth__headline[b-zjvqljpd11] {
    font-family: "Manrope", "Segoe UI", sans-serif !important;
    font-size: clamp(1.2rem, 1.55vw, 1.42rem) !important;
    line-height: 1.24 !important;
    font-weight: 900 !important;
    max-width: 18rem !important;
}

.portal-auth__subcopy[b-zjvqljpd11] {
    font-size: 0.78rem !important;
    line-height: 1.45 !important;
    max-width: 23rem !important;
}

.portal-auth-input[b-zjvqljpd11] {
    min-height: 3.28rem !important;
    border-radius: 17px !important;
}

.portal-auth-input__icon[b-zjvqljpd11] {
    width: 2.36rem !important;
    height: 2.36rem !important;
    border-radius: 15px !important;
}

.portal-auth-input__label[b-zjvqljpd11] {
    font-size: 0.62rem !important;
    text-transform: none !important;
}

.portal-auth-input__body[b-zjvqljpd11]  .portal-auth-input__control {
    font-size: 0.86rem !important;
    font-weight: 750 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.portal-auth-input__body[b-zjvqljpd11]  .portal-auth-input__control::placeholder {
    color: hsla(var(--brand-h, 216), 14%, 38%, 0.78) !important;
}

@media (min-width: 981px) {
    .portal-auth__experience[b-zjvqljpd11] {
        grid-template-columns: minmax(22rem, 0.88fr) minmax(25rem, 1fr) !important;
        width: min(58rem, calc(100vw - 2rem)) !important;
    }

    .portal-auth__identity[b-zjvqljpd11] {
        padding: 2rem 2.35rem !important;
    }

    .portal-auth__access-card[b-zjvqljpd11] {
        width: min(26.5rem, 100%) !important;
    }
}

@media (max-width: 720px) {
    .portal-auth__identity-title[b-zjvqljpd11] {
        max-width: 100% !important;
        font-size: 0.95rem !important;
    }

    .portal-auth__headline[b-zjvqljpd11] {
        max-width: 100% !important;
        font-size: 1.12rem !important;
    }
}

/* Premium floating-label fields. */
.portal-auth-input[b-zjvqljpd11] {
    min-height: 3.44rem !important;
    align-items: center !important;
}

.portal-auth-input__body[b-zjvqljpd11] {
    position: relative !important;
    display: block !important;
    min-height: 2.36rem !important;
}

.portal-auth-input__label[b-zjvqljpd11] {
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    z-index: 2 !important;
    max-width: 100% !important;
    transform: translateY(-50%) !important;
    color: hsla(var(--brand-h, 218), 18%, 36%, 0.72) !important;
    font-size: 0.95rem !important;
    line-height: 1.15 !important;
    font-weight: 850 !important;
    pointer-events: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    transition: top 0.18s ease, transform 0.18s ease, color 0.18s ease, font-size 0.18s ease, font-weight 0.18s ease !important;
}

.portal-auth-input:focus-within .portal-auth-input__label[b-zjvqljpd11],
.portal-auth-input--filled .portal-auth-input__label[b-zjvqljpd11] {
    top: 0.18rem !important;
    transform: translateY(0) !important;
    color: hsl(var(--brand-h, 218), 32%, 32%) !important;
    font-size: 0.62rem !important;
    font-weight: 900 !important;
}

.portal-auth-input__body[b-zjvqljpd11]  .portal-auth-input__control {
    height: 2.36rem !important;
    padding: 0.52rem 0 0 !important;
    color: hsl(var(--brand-h, 218), 52%, 18%) !important;
    font-size: 0.94rem !important;
    font-weight: 820 !important;
    line-height: 1.2 !important;
}

.portal-auth-input:not(:focus-within):not(.portal-auth-input--filled) .portal-auth-input__body[b-zjvqljpd11]  .portal-auth-input__control {
    color: transparent !important;
}

.portal-auth-input__body[b-zjvqljpd11]  .portal-auth-input__control::placeholder {
    color: transparent !important;
}

.portal-auth-input:focus-within[b-zjvqljpd11] {
    border-color: hsla(var(--brand-h, 224), 76%, 48%, 0.3) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.96),
        0 18px 36px hsla(var(--brand-h, 224), 76%, 48%, 0.12) !important;
}

@media (max-width: 720px) {
    .portal-auth-input__label[b-zjvqljpd11] {
        font-size: 0.9rem !important;
    }

    .portal-auth-input:focus-within .portal-auth-input__label[b-zjvqljpd11],
    .portal-auth-input--filled .portal-auth-input__label[b-zjvqljpd11] {
        font-size: 0.6rem !important;
    }
}

/* Final forced floating-label states: empty = large centered, focus/filled = compact top. */
.portal-auth-input.portal-auth-input--empty:not(:focus-within) .portal-auth-input__label[b-zjvqljpd11] {
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: hsl(var(--brand-h, 218), 22%, 34%) !important;
    font-size: 1.02rem !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

.portal-auth-input:focus-within .portal-auth-input__label[b-zjvqljpd11],
.portal-auth-input.portal-auth-input--filled .portal-auth-input__label[b-zjvqljpd11] {
    top: 0.12rem !important;
    transform: translateY(0) !important;
    color: hsla(var(--brand-h, 218), 24%, 34%, 0.82) !important;
    font-size: 0.62rem !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
}

.portal-auth-input.portal-auth-input--empty:not(:focus-within) .portal-auth-input__body[b-zjvqljpd11]  .portal-auth-input__control {
    color: transparent !important;
    caret-color: transparent !important;
}

.portal-auth-input:focus-within .portal-auth-input__body[b-zjvqljpd11]  .portal-auth-input__control,
.portal-auth-input.portal-auth-input--filled .portal-auth-input__body[b-zjvqljpd11]  .portal-auth-input__control {
    color: hsl(var(--brand-h, 218), 52%, 18%) !important;
    caret-color: hsl(var(--brand-h, 224), 76%, 48%) !important;
    padding-top: 0.58rem !important;
}

.portal-auth-input.portal-auth-input--empty:not(:focus-within) .portal-auth-input__body[b-zjvqljpd11] {
    display: grid !important;
    align-items: center !important;
}

@media (max-width: 720px) {
    .portal-auth-input.portal-auth-input--empty:not(:focus-within) .portal-auth-input__label[b-zjvqljpd11] {
        font-size: 0.96rem !important;
    }
}

/* Premium hero composition: lighter glass, refined spacing, no pasted-on blocks. */
.portal-auth__identity-logo[b-zjvqljpd11] {
    display: inline-flex !important;
    width: max-content !important;
    max-width: min(12rem, 72%) !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    opacity: 0.96 !important;
    position: absolute !important;
    top: clamp(1.65rem, 3.2vw, 2.35rem) !important;
    left: clamp(1.85rem, 3.6vw, 2.75rem) !important;
}

.portal-auth__identity-logo img[b-zjvqljpd11] {
    height: 3.15rem !important;
    max-width: 100% !important;
    object-fit: contain !important;
    filter:
        drop-shadow(0 12px 22px rgba(42, 0, 0, 0.28))
        drop-shadow(0 1px 0 rgba(255,255,255,0.18)) !important;
}

.portal-auth__identity-copy[b-zjvqljpd11] {
    display: block !important;
    position: absolute !important;
    left: clamp(2.05rem, 4vw, 3rem) !important;
    top: clamp(11rem, 31vh, 13.4rem) !important;
    max-width: 22rem !important;
    padding: 0.48rem 0 0.58rem 1.05rem !important;
    background: linear-gradient(90deg, rgba(255,255,255,0.075), rgba(255,255,255,0.018) 60%, transparent) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

.portal-auth__identity-copy[b-zjvqljpd11]::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0.42rem !important;
    bottom: 0.42rem !important;
    width: 2px !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, rgba(245,214,143,0.95), rgba(255,255,255,0.24)) !important;
    box-shadow: 0 0 18px rgba(245,214,143,0.28) !important;
}

.portal-auth__identity-title[b-zjvqljpd11] {
    max-width: 17ch !important;
    font-size: clamp(1.36rem, 2.05vw, 1.72rem) !important;
    line-height: 1.12 !important;
    font-weight: 900 !important;
    color: #fff !important;
    text-shadow:
        0 12px 26px rgba(45, 0, 0, 0.32),
        0 1px 0 rgba(255,255,255,0.08) !important;
}


@media (min-width: 981px) {
    .portal-auth__identity[b-zjvqljpd11] {
        justify-content: start !important;
        align-content: start !important;
        padding-top: 2.65rem !important;
        padding-left: clamp(2.4rem, 4.2vw, 3.35rem) !important;
    }
}

@media (max-width: 720px) {
    .portal-auth__identity-logo[b-zjvqljpd11] {
        padding: 0 !important;
        border-radius: 14px !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
    }

    .portal-auth__identity-logo img[b-zjvqljpd11] {
        height: 1.95rem !important;
    }

    .portal-auth__identity-copy[b-zjvqljpd11] {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        padding: 0.42rem 0 0.5rem 0.86rem !important;
    }
}

/* Login 2026 — compact premium tenant welcome experience. */
.portal-auth[b-zjvqljpd11] {
    background:
        radial-gradient(circle at 14% 12%, hsla(var(--brand-h, 220), 72%, 35%, 0.11), transparent 29rem),
        radial-gradient(circle at 86% 78%, hsla(var(--brand-accent-h, 38), 48%, 48%, 0.08), transparent 25rem),
        linear-gradient(135deg, #f7f8fb 0%, #eef2f7 55%, #f8f6f2 100%) !important;
}

.portal-auth[b-zjvqljpd11]::before {
    opacity: 0.34 !important;
    background-size: 6rem 6rem !important;
}

.portal-auth__scene[b-zjvqljpd11] {
    opacity: 0.18 !important;
}

.portal-auth__experience[b-zjvqljpd11] {
    width: min(62rem, calc(100vw - 2rem)) !important;
    min-height: min(35rem, calc(100vh - 2rem)) !important;
    grid-template-columns: minmax(23rem, 0.92fr) minmax(27rem, 1.08fr) !important;
    gap: 0 !important;
    align-items: stretch !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, 0.92) !important;
    border-radius: 28px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow:
        0 34px 90px hsla(var(--brand-h, 219), 52%, 14%, 0.17),
        0 8px 24px rgba(19, 29, 44, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.portal-auth__identity[b-zjvqljpd11] {
    min-height: 100% !important;
    padding: 2rem 2.35rem !important;
    background:
        radial-gradient(circle at 6% 4%, rgba(255, 255, 255, 0.17), transparent 26%),
        radial-gradient(circle at 92% 86%, hsla(var(--brand-accent-h, 38), 62%, 58%, 0.16), transparent 30%),
        linear-gradient(145deg, hsl(var(--brand-h, 219), 66%, 13%) 0%, hsl(var(--brand-h, 219), 72%, 24%) 58%, hsl(var(--brand-h, 219), 72%, 34%) 100%) !important;
}

.portal-auth__identity[b-zjvqljpd11]::before {
    inset: 0 !important;
    border-radius: 0 !important;
    opacity: 0.68 !important;
    background:
        linear-gradient(90deg, rgba(255,255,255,0.055) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255,255,255,0.045) 1px, transparent 1px),
        linear-gradient(118deg, transparent 0 67%, rgba(255,255,255,0.1) 67% 67.12%, transparent 67.12%) !important;
    background-size: 4.6rem 4.6rem, 4.6rem 4.6rem, 100% 100% !important;
    border: 0 !important;
    box-shadow: none !important;
}

.portal-auth__identity[b-zjvqljpd11]::after {
    top: 9% !important;
    right: 0 !important;
    bottom: 9% !important;
    left: auto !important;
    width: 1px !important;
    height: auto !important;
    background: linear-gradient(180deg, transparent, rgba(255,255,255,0.28), hsla(var(--brand-accent-h, 38), 52%, 58%, 0.52), transparent) !important;
    box-shadow: 0 0 24px rgba(255,255,255,0.12) !important;
}

.portal-auth__identity-logo[b-zjvqljpd11] {
    top: 2rem !important;
    left: 2.35rem !important;
    max-width: min(13.5rem, 72%) !important;
}

.portal-auth__identity-logo img[b-zjvqljpd11] {
    height: 3rem !important;
    filter: drop-shadow(0 13px 22px rgba(27, 0, 0, 0.28)) !important;
}

.portal-auth__identity-copy[b-zjvqljpd11] {
    top: clamp(10.5rem, 29vh, 12.2rem) !important;
    left: 2.35rem !important;
    display: grid !important;
    gap: 0.62rem !important;
    max-width: 23rem !important;
    padding: 0.42rem 0.45rem 0.5rem 1rem !important;
    background: linear-gradient(90deg, rgba(255,255,255,0.07), transparent 82%) !important;
}

.portal-auth__identity-copy[b-zjvqljpd11]::before {
    top: 0.32rem !important;
    bottom: 0.32rem !important;
    width: 2px !important;
    background: linear-gradient(180deg, hsla(var(--brand-accent-h, 38), 65%, 70%, 0.96), rgba(255,255,255,0.28)) !important;
}

.portal-auth__identity-title[b-zjvqljpd11] {
    max-width: 18ch !important;
    margin: 0 !important;
    color: #fff !important;
    font-family: "Manrope", "Segoe UI", sans-serif !important;
    font-size: clamp(1.38rem, 2vw, 1.72rem) !important;
    line-height: 1.16 !important;
    font-weight: 900 !important;
    letter-spacing: -0.025em !important;
    text-shadow: 0 12px 26px rgba(24, 0, 0, 0.28) !important;
}

.portal-auth__identity-slogan[b-zjvqljpd11] {
    max-width: 34ch;
    margin: 0;
    color: rgba(255,255,255,0.76);
    font-size: 0.8rem;
    line-height: 1.55;
    font-weight: 650;
    text-wrap: balance;
}

.portal-auth__access[b-zjvqljpd11] {
    padding: 1.75rem 2rem !important;
    background:
        radial-gradient(circle at 92% 7%, hsla(var(--brand-accent-h, 38), 48%, 52%, 0.08), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #f8f9fb 100%) !important;
}

.portal-auth__access[b-zjvqljpd11]::before {
    opacity: 0.26 !important;
}

.portal-auth__access-card[b-zjvqljpd11] {
    width: min(28rem, 100%) !important;
    gap: 0.8rem !important;
    padding: 1.22rem !important;
    overflow: visible !important;
    border: 1px solid hsla(var(--brand-h, 218), 25%, 22%, 0.1) !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,0.88) !important;
    box-shadow:
        0 22px 52px hsla(var(--brand-h, 219), 42%, 14%, 0.1),
        inset 0 1px 0 rgba(255,255,255,0.96) !important;
    backdrop-filter: blur(16px) !important;
}

.portal-auth__access-card[b-zjvqljpd11]::before {
    opacity: 0.32 !important;
}

.portal-auth__badge[b-zjvqljpd11] {
    min-height: 2rem !important;
    padding: 0.32rem 0.62rem !important;
    border-radius: 11px !important;
    box-shadow: none !important;
}

.portal-auth__language[b-zjvqljpd11] {
    padding: 0.2rem !important;
    border-radius: 13px !important;
    box-shadow: none !important;
}

.portal-auth__language-option[b-zjvqljpd11] {
    min-height: 1.85rem !important;
    padding: 0.28rem 0.55rem !important;
    border-radius: 9px !important;
}

.portal-auth__language-option--active[b-zjvqljpd11] {
    background: hsla(var(--brand-h, 219), 58%, 26%, 0.09) !important;
    box-shadow: inset 0 0 0 1px hsla(var(--brand-h, 219), 58%, 26%, 0.1) !important;
}

.portal-auth__headline[b-zjvqljpd11] {
    font-size: clamp(1.22rem, 1.55vw, 1.42rem) !important;
    letter-spacing: -0.025em !important;
}

.portal-auth__subcopy[b-zjvqljpd11] {
    margin-top: 0.28rem !important;
    font-size: 0.76rem !important;
}

.portal-auth__form[b-zjvqljpd11]  .mud-stack {
    gap: 0.68rem !important;
}

.portal-auth-input[b-zjvqljpd11] {
    min-height: 3.28rem !important;
    padding: 0.45rem 0.56rem !important;
    border-radius: 14px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.96), 0 8px 20px rgba(21,29,42,0.045) !important;
}

.portal-auth-input__icon[b-zjvqljpd11] {
    width: 2.3rem !important;
    height: 2.3rem !important;
    border-radius: 11px !important;
}

.portal-auth[b-zjvqljpd11]  .portal-auth__submit {
    min-height: 2.9rem !important;
    border-radius: 13px !important;
    background: linear-gradient(135deg, hsl(var(--brand-h, 219), 70%, 22%), hsl(var(--brand-h, 219), 72%, 34%)) !important;
    box-shadow: 0 14px 28px hsla(var(--brand-h, 219), 64%, 24%, 0.2) !important;
}

.portal-auth[b-zjvqljpd11]  .portal-auth__public-library {
    min-height: 2.7rem !important;
    border-radius: 13px !important;
    border-color: hsla(var(--brand-h, 219), 48%, 30%, 0.2) !important;
    color: hsl(var(--brand-h, 219), 55%, 25%) !important;
    background: rgba(255,255,255,0.72) !important;
    box-shadow: none !important;
}

@media (max-width: 980px) {
    .portal-auth__experience[b-zjvqljpd11] {
        width: min(38rem, calc(100vw - 1rem)) !important;
        min-height: auto !important;
        grid-template-columns: 1fr !important;
        border-radius: 24px !important;
    }

    .portal-auth__identity[b-zjvqljpd11] {
        min-height: 11.5rem !important;
        padding: 1.1rem 1.2rem 1.45rem !important;
    }

    .portal-auth__identity-logo[b-zjvqljpd11] {
        top: 1.15rem !important;
        left: 1.2rem !important;
    }

    .portal-auth__identity-copy[b-zjvqljpd11] {
        top: 5.3rem !important;
        left: 1.2rem !important;
        max-width: calc(100% - 2.4rem) !important;
    }

    .portal-auth__identity-title[b-zjvqljpd11] {
        font-size: 1.08rem !important;
    }

    .portal-auth__identity-slogan[b-zjvqljpd11] {
        max-width: 52ch;
        font-size: 0.72rem;
    }

    .portal-auth__access[b-zjvqljpd11] {
        padding: 0.85rem !important;
    }
}

@media (max-width: 720px) {
    .portal-auth__experience[b-zjvqljpd11] {
        min-height: calc(100svh - 0.8rem) !important;
    }

    .portal-auth__identity-logo[b-zjvqljpd11],
    .portal-auth__identity-copy[b-zjvqljpd11] {
        position: absolute !important;
    }

    .portal-auth__identity-logo img[b-zjvqljpd11] {
        height: 1.8rem !important;
    }

    .portal-auth__identity-copy[b-zjvqljpd11] {
        padding-left: 0.82rem !important;
    }

    .portal-auth__identity-slogan[b-zjvqljpd11] {
        max-width: 38ch;
        line-height: 1.42;
    }

    .portal-auth__access-card[b-zjvqljpd11] {
        padding: 0.82rem !important;
        border-radius: 18px !important;
    }
}
/* /Pages/ManualEnrollment.razor.rz.scp.css */
.portal-preparation-page[b-l9mubeww8c]{
    display: grid;
    gap: 0.88rem;
}

.portal-preparation-hero[b-l9mubeww8c],
.portal-preparation-candidate[b-l9mubeww8c],
.portal-preparation-workspace[b-l9mubeww8c]{
    padding: 0.98rem 1.04rem !important;
}

.portal-preparation-hero[b-l9mubeww8c]{
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(18rem, 0.9fr);
    gap: 0.82rem;
    align-items: start;
}

.portal-preparation-hero__eyebrow[b-l9mubeww8c],
.portal-preparation-section-head__eyebrow[b-l9mubeww8c],
.portal-preparation-note__title[b-l9mubeww8c]{
    color: hsl(var(--brand-h, 220), 24%, 55%);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.portal-preparation-hero__title[b-l9mubeww8c],
.portal-preparation-section-head__title[b-l9mubeww8c]{
    margin: 0.18rem 0 0;
    color: hsl(var(--brand-h, 217), 62%, 24%);
    font-size: 1.14rem;
    font-weight: 900;
    line-height: 1.14;
}

.portal-preparation-hero__description[b-l9mubeww8c],
.portal-preparation-section-head__copy[b-l9mubeww8c],
.portal-preparation-note__copy[b-l9mubeww8c]{
    color: hsl(var(--brand-h, 218), 21%, 55%);
    font-size: 0.79rem;
    line-height: 1.52;
}

.portal-preparation-hero__stats[b-l9mubeww8c]{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.48rem;
}

.portal-preparation-hero__stat[b-l9mubeww8c],
.portal-preparation-summary__item[b-l9mubeww8c],
.portal-preparation-selection__item[b-l9mubeww8c],
.portal-preparation-note[b-l9mubeww8c]{
    border-radius: 22px;
    border: 1px solid hsla(var(--brand-h, 216), 60%, 17%, 0.07);
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 40), 89%, 72%, 0.12), transparent 36%),
        linear-gradient(180deg, rgba(255,255,255,0.99), rgba(244,248,255,0.95));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92);
}

.portal-preparation-hero__stat[b-l9mubeww8c]{
    display: grid;
    gap: 0.16rem;
    padding: 0.72rem 0.82rem;
}

.portal-preparation-hero__stat span[b-l9mubeww8c],
.portal-preparation-summary__item span[b-l9mubeww8c],
.portal-preparation-selection__item span[b-l9mubeww8c]{
    color: hsl(var(--brand-h, 218), 21%, 58%);
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.portal-preparation-hero__stat strong[b-l9mubeww8c],
.portal-preparation-summary__item strong[b-l9mubeww8c],
.portal-preparation-selection__item strong[b-l9mubeww8c]{
    color: hsl(var(--brand-h, 216), 61%, 23%);
    font-size: 0.88rem;
    font-weight: 900;
    line-height: 1.36;
}

.portal-preparation-shell[b-l9mubeww8c]{
    display: grid;
    grid-template-columns: minmax(18rem, 0.72fr) minmax(0, 1.28fr);
    gap: 0.88rem;
    align-items: start;
}

.portal-preparation-candidate[b-l9mubeww8c],
.portal-preparation-workspace[b-l9mubeww8c]{
    display: grid;
    gap: 0.78rem;
}

.portal-preparation-section-head[b-l9mubeww8c]{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.7rem;
}

.portal-preparation-badge[b-l9mubeww8c]{
    display: inline-flex;
    align-items: center;
    min-height: 1.72rem;
    padding: 0.08rem 0.56rem;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(236,243,255,0.98), hsla(var(--brand-h, 219), 100%, 95%, 0.94));
    color: hsl(var(--brand-h, 221), 56%, 44%);
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
}

.portal-preparation-profile[b-l9mubeww8c]{
    display: grid;
    gap: 0.18rem;
    padding: 0.84rem 0.9rem;
    border-radius: 24px;
    border: 1px solid hsla(var(--brand-h, 216), 60%, 17%, 0.06);
    background:
        radial-gradient(circle at top left, hsla(var(--brand-h, 219), 100%, 75%, 0.16), transparent 38%),
        linear-gradient(180deg, rgba(245,249,255,0.99), rgba(235,242,255,0.94));
}

.portal-preparation-profile__name[b-l9mubeww8c]{
    color: hsl(var(--brand-h, 216), 61%, 23%);
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.28;
}

.portal-preparation-profile__meta[b-l9mubeww8c]{
    color: hsl(var(--brand-h, 218), 23%, 54%);
    font-size: 0.78rem;
}

.portal-preparation-summary[b-l9mubeww8c]{
    display: grid;
    gap: 0.54rem;
}

.portal-preparation-summary__item[b-l9mubeww8c],
.portal-preparation-selection__item[b-l9mubeww8c]{
    display: grid;
    gap: 0.18rem;
    padding: 0.74rem 0.82rem;
}

.portal-preparation-filters[b-l9mubeww8c]{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.74rem;
}

.portal-preparation-select--wide[b-l9mubeww8c]{
    grid-column: 1 / -1;
}

.portal-preparation-select[b-l9mubeww8c]  .mud-input-control{
    margin-top: 0;
}

.portal-preparation-selection[b-l9mubeww8c]{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.56rem;
}

.portal-preparation-selection__item--wide[b-l9mubeww8c]{
    grid-column: span 3;
}

.portal-preparation-actions[b-l9mubeww8c]{
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.portal-preparation-button[b-l9mubeww8c]{
    min-height: 2.86rem;
    padding-inline: 1.3rem !important;
    border-radius: 999px !important;
    font-size: 0.76rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.portal-preparation-button--ghost[b-l9mubeww8c]{
    background: hsla(var(--brand-h, 220), 65%, 25%, 0.04);
}

.portal-preparation-note[b-l9mubeww8c]{
    display: grid;
    gap: 0.28rem;
    padding: 0.84rem 0.9rem;
}

@media (max-width: 1080px) {
    .portal-preparation-hero[b-l9mubeww8c],
    .portal-preparation-shell[b-l9mubeww8c]{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .portal-preparation-hero[b-l9mubeww8c],
    .portal-preparation-candidate[b-l9mubeww8c],
    .portal-preparation-workspace[b-l9mubeww8c]{
        padding: 0.82rem !important;
    }

    .portal-preparation-hero__stats[b-l9mubeww8c],
    .portal-preparation-filters[b-l9mubeww8c],
    .portal-preparation-selection[b-l9mubeww8c]{
        grid-template-columns: 1fr;
    }

    .portal-preparation-selection__item--wide[b-l9mubeww8c]{
        grid-column: auto;
    }

    .portal-preparation-section-head[b-l9mubeww8c]{
        display: grid;
    }

    .portal-preparation-actions[b-l9mubeww8c]{
        display: grid;
    }

    .portal-preparation-button[b-l9mubeww8c]{
        width: 100%;
    }
}
/* /Pages/MentorshipNetwork.razor.rz.scp.css */
.student-mentorship-page[b-odmiemzgzp] {
    display: grid;
    gap: 14px;
}

.student-mentorship-hero[b-odmiemzgzp] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    color: #f8f4e8;
    background:
        linear-gradient(135deg, rgba(18, 31, 27, .96), rgba(39, 65, 56, .92)),
        linear-gradient(90deg, hsla(var(--brand-accent-h, 41), 59%, 60%, .2), rgba(72, 133, 113, .18));
}

.student-mentorship-hero span[b-odmiemzgzp],
.student-mentorship-head span[b-odmiemzgzp],
.student-mentorship-metrics span[b-odmiemzgzp],
.student-mentorship-list small[b-odmiemzgzp] {
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.student-mentorship-hero h1[b-odmiemzgzp] {
    margin: 5px 0 6px;
    font-size: 1.5rem;
}

.student-mentorship-hero p[b-odmiemzgzp] {
    max-width: 760px;
    margin: 0;
    color: rgba(248, 244, 232, .78);
}

.student-mentorship-score[b-odmiemzgzp] {
    min-width: 128px;
    border-radius: 8px;
    padding: 12px;
    text-align: center;
    color: #18231f;
    background: linear-gradient(135deg, hsl(var(--brand-accent-h, 42), 71%, 67%), hsl(var(--brand-accent-h, 41), 47%, 49%));
}

.student-mentorship-score strong[b-odmiemzgzp] {
    display: block;
    font-size: 1.8rem;
}

.student-mentorship-metrics[b-odmiemzgzp],
.student-mentorship-grid[b-odmiemzgzp] {
    display: grid;
    gap: 12px;
}

.student-mentorship-metrics[b-odmiemzgzp] {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}

.student-mentorship-metrics article[b-odmiemzgzp] {
    border: 1px solid rgba(35, 48, 41, .1);
    border-radius: 8px;
    padding: 12px;
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 14px 34px rgba(26, 38, 32, .08);
}

.student-mentorship-metrics strong[b-odmiemzgzp] {
    display: block;
    margin-top: 5px;
    font-size: 1.3rem;
}

.student-mentorship-grid[b-odmiemzgzp] {
    grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr);
    align-items: start;
}

.student-mentorship-grid--records[b-odmiemzgzp] {
    grid-template-columns: minmax(0, 1fr) minmax(300px, .8fr);
}

.student-mentorship-head[b-odmiemzgzp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.student-mentorship-head h2[b-odmiemzgzp] {
    margin: 0;
    font-size: 1rem;
}

.student-mentorship-form[b-odmiemzgzp],
.student-mentorship-feedback-form[b-odmiemzgzp],
.student-mentorship-list[b-odmiemzgzp] {
    display: grid;
    gap: 8px;
}

.student-mentorship-feedback-form[b-odmiemzgzp] {
    margin-bottom: 12px;
    border: 1px solid hsla(var(--brand-accent-h, 41), 47%, 49%, .24);
    border-radius: 8px;
    padding: 10px;
    background: linear-gradient(135deg, rgba(255, 250, 236, .9), rgba(241, 248, 244, .76));
}

.student-mentorship-list article[b-odmiemzgzp],
.student-mentorship-list button[b-odmiemzgzp] {
    width: 100%;
    border: 1px solid rgba(36, 51, 44, .1);
    border-radius: 8px;
    padding: 10px;
    text-align: left;
    color: #1a2621;
    background: rgba(248, 250, 247, .74);
}

.student-mentorship-list button[b-odmiemzgzp] {
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.student-mentorship-list button:hover[b-odmiemzgzp] {
    transform: translateY(-1px);
    border-color: hsla(var(--brand-accent-h, 41), 47%, 49%, .58);
    box-shadow: 0 12px 22px rgba(30, 44, 38, .1);
}

.student-mentorship-request--active[b-odmiemzgzp] {
    border-color: hsla(var(--brand-accent-h, 41), 47%, 49%, .72) !important;
    background: linear-gradient(135deg, rgba(255, 248, 226, .94), rgba(238, 247, 242, .84)) !important;
}

.student-mentorship-list strong[b-odmiemzgzp],
.student-mentorship-list span[b-odmiemzgzp],
.student-mentorship-list small[b-odmiemzgzp],
.student-mentorship-list p[b-odmiemzgzp] {
    display: block;
    overflow-wrap: anywhere;
}

.student-mentorship-list span[b-odmiemzgzp] {
    margin-top: 3px;
    color: #65746d;
    font-size: .82rem;
}

.student-mentorship-list small[b-odmiemzgzp] {
    margin-top: 7px;
    color: #94722c;
}

.student-mentorship-list p[b-odmiemzgzp] {
    margin: 7px 0 0;
    color: #53615b;
    font-size: .84rem;
}

@media (max-width: 980px) {
    .student-mentorship-grid[b-odmiemzgzp],
    .student-mentorship-grid--records[b-odmiemzgzp] {
        grid-template-columns: 1fr;
    }

    .student-mentorship-hero[b-odmiemzgzp],
    .student-mentorship-head[b-odmiemzgzp] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Pages/Mobility.razor.rz.scp.css */
.portal-mobility-page[b-8qhv8gni53]{
    display: grid;
    gap: 0.9rem;
}

.portal-mobility-hero[b-8qhv8gni53],
.portal-mobility-phase[b-8qhv8gni53],
.portal-mobility-panel[b-8qhv8gni53]{
    padding: 0.9rem 0.96rem !important;
}

.portal-mobility-hero[b-8qhv8gni53]{
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(16rem, 0.9fr);
    gap: 0.82rem;
    align-items: start;
}

.portal-mobility-hero__eyebrow[b-8qhv8gni53],
.portal-mobility-phase__eyebrow[b-8qhv8gni53],
.portal-mobility-section-head__eyebrow[b-8qhv8gni53],
.portal-mobility-empty__eyebrow[b-8qhv8gni53]{
    color: hsl(var(--brand-h, 219), 24%, 53%);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.portal-mobility-hero__title[b-8qhv8gni53]{
    margin: 0.22rem 0 0;
    color: hsl(var(--brand-h, 217), 58%, 24%);
    font-size: clamp(1.7rem, 2vw, 2.15rem);
    font-weight: 900;
    line-height: 1.04;
}

.portal-mobility-hero__description[b-8qhv8gni53],
.portal-mobility-phase__description[b-8qhv8gni53],
.portal-mobility-section-head__copy[b-8qhv8gni53],
.portal-mobility-empty__copy[b-8qhv8gni53]{
    color: hsl(var(--brand-h, 218), 21%, 54%);
    font-size: 0.8rem;
    line-height: 1.5;
}

.portal-mobility-hero__meta[b-8qhv8gni53]{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.52rem;
}

.portal-mobility-hero__meta-item[b-8qhv8gni53],
.portal-mobility-phase__stat[b-8qhv8gni53],
.portal-mobility-result-card[b-8qhv8gni53]{
    display: grid;
    gap: 0.16rem;
    padding: 0.76rem 0.82rem;
    border-radius: 20px;
    border: 1px solid hsla(var(--brand-h, 218), 63%, 21%, 0.06);
    background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(244,248,255,0.9));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
}

.portal-mobility-hero__meta-item span[b-8qhv8gni53],
.portal-mobility-phase__stat span[b-8qhv8gni53],
.portal-mobility-result-card span[b-8qhv8gni53]{
    color: hsl(var(--brand-h, 218), 21%, 57%);
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.portal-mobility-hero__meta-item strong[b-8qhv8gni53],
.portal-mobility-phase__stat strong[b-8qhv8gni53],
.portal-mobility-result-card strong[b-8qhv8gni53]{
    color: hsl(var(--brand-h, 217), 58%, 24%);
    font-size: 0.86rem;
    font-weight: 900;
    line-height: 1.3;
}

.portal-mobility-empty[b-8qhv8gni53]{
    display: grid;
    gap: 0.36rem;
    padding: 1.05rem !important;
}

.portal-mobility-empty__title[b-8qhv8gni53],
.portal-mobility-phase__title[b-8qhv8gni53],
.portal-mobility-section-head__title[b-8qhv8gni53]{
    margin: 0.14rem 0 0;
    color: hsl(var(--brand-h, 217), 58%, 24%);
    font-size: 1.08rem;
    font-weight: 900;
    line-height: 1.18;
}

.portal-mobility-phase[b-8qhv8gni53]{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.72rem;
    align-items: center;
}

.portal-mobility-phase__stats[b-8qhv8gni53]{
    display: grid;
    grid-template-columns: repeat(3, minmax(8rem, 1fr));
    gap: 0.48rem;
}

.portal-mobility-shell[b-8qhv8gni53]{
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(22rem, 0.88fr);
    gap: 0.82rem;
    align-items: start;
}

.portal-mobility-panel[b-8qhv8gni53]{
    display: grid;
    gap: 0.76rem;
}

.portal-mobility-section-head[b-8qhv8gni53]{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.7rem;
}

.portal-mobility-section-head__badge[b-8qhv8gni53]{
    display: inline-flex;
    align-items: center;
    min-height: 1.72rem;
    padding: 0.12rem 0.58rem;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(236,243,255,0.98), hsla(var(--brand-h, 219), 100%, 95%, 0.94));
    color: hsl(var(--brand-h, 221), 56%, 44%);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
}

.portal-mobility-toolbar[b-8qhv8gni53]{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.72rem;
    flex-wrap: wrap;
}

.portal-mobility-toolbar__select[b-8qhv8gni53]{
    min-width: min(100%, 16rem);
}

.portal-mobility-toolbar__chips[b-8qhv8gni53]{
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
}

.portal-mobility-chip[b-8qhv8gni53]{
    display: inline-flex;
    align-items: center;
    min-height: 1.68rem;
    padding: 0.1rem 0.56rem;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(252,253,255,0.98), rgba(239,244,253,0.92));
    color: hsl(var(--brand-h, 216), 27%, 46%);
    font-size: 0.68rem;
    font-weight: 800;
}

.portal-mobility-program-list[b-8qhv8gni53],
.portal-mobility-queue[b-8qhv8gni53]{
    display: grid;
    gap: 0.58rem;
}

.portal-mobility-program-card[b-8qhv8gni53],
.portal-mobility-queue-card[b-8qhv8gni53]{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.7rem;
    padding: 0.82rem 0.88rem;
    border-radius: 24px;
    border: 1px solid hsla(var(--brand-h, 217), 63%, 20%, 0.06);
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(246,249,255,0.92));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.88);
}

.portal-mobility-program-card--disabled[b-8qhv8gni53]{
    opacity: 0.72;
}

.portal-mobility-program-card__main[b-8qhv8gni53],
.portal-mobility-queue-card__body[b-8qhv8gni53]{
    display: grid;
    gap: 0.42rem;
}

.portal-mobility-program-card__header[b-8qhv8gni53]{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.72rem;
}

.portal-mobility-program-card__title[b-8qhv8gni53],
.portal-mobility-queue-card__title[b-8qhv8gni53]{
    margin: 0;
    color: hsl(var(--brand-h, 217), 60%, 23%);
    font-size: 0.94rem;
    font-weight: 900;
    line-height: 1.28;
}

.portal-mobility-program-card__subtitle[b-8qhv8gni53],
.portal-mobility-queue-card__meta[b-8qhv8gni53]{
    color: hsl(var(--brand-h, 218), 21%, 55%);
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.4;
}

.portal-mobility-program-card__volume[b-8qhv8gni53],
.portal-mobility-queue-card__priority[b-8qhv8gni53]{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3rem;
    min-height: 2.08rem;
    padding: 0.12rem 0.7rem;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(236,243,255,0.98), hsla(var(--brand-h, 219), 100%, 95%, 0.94));
    color: hsl(var(--brand-h, 221), 56%, 44%);
    font-size: 0.74rem;
    font-weight: 900;
}

.portal-mobility-program-card__stats[b-8qhv8gni53],
.portal-mobility-queue-card__stats[b-8qhv8gni53]{
    display: flex;
    flex-wrap: wrap;
    gap: 0.38rem;
}

.portal-mobility-program-card__stat[b-8qhv8gni53],
.portal-mobility-queue-card__stat[b-8qhv8gni53]{
    display: inline-flex;
    align-items: center;
    min-height: 1.78rem;
    padding: 0.14rem 0.58rem;
    border-radius: 999px;
    background: rgba(239,244,252,0.9);
    color: hsl(var(--brand-h, 214), 24%, 43%);
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1.3;
}

.portal-mobility-program-card__comment[b-8qhv8gni53],
.portal-mobility-queue-card__comment[b-8qhv8gni53]{
    padding: 0.62rem 0.72rem;
    border-radius: 18px;
    background: rgba(246,249,255,0.88);
    color: hsl(var(--brand-h, 213), 26%, 42%);
    font-size: 0.75rem;
    line-height: 1.55;
}

.portal-mobility-program-card__actions[b-8qhv8gni53],
.portal-mobility-queue-card__actions[b-8qhv8gni53]{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 0.3rem;
}

.portal-mobility-action[b-8qhv8gni53]{
    min-width: 7rem;
    min-height: 2.3rem;
    border-radius: 999px !important;
    font-size: 0.74rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.portal-mobility-link[b-8qhv8gni53]{
    min-width: 0;
    padding-inline: 0.2rem !important;
    font-size: 0.72rem !important;
    font-weight: 800 !important;
}

.portal-mobility-result[b-8qhv8gni53],
.portal-mobility-recognition[b-8qhv8gni53]{
    gap: 0.82rem;
}

.portal-mobility-result-grid[b-8qhv8gni53]{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    gap: 0.52rem;
}

.portal-mobility-table thead th[b-8qhv8gni53]{
    white-space: nowrap;
}


@media (max-width: 1080px) {
    .portal-mobility-shell[b-8qhv8gni53],
    .portal-mobility-hero[b-8qhv8gni53],
    .portal-mobility-phase[b-8qhv8gni53]{
        grid-template-columns: 1fr;
    }

    .portal-mobility-phase__stats[b-8qhv8gni53],
    .portal-mobility-hero__meta[b-8qhv8gni53]{
        grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    }
}

@media (max-width: 720px) {
    .portal-mobility-hero[b-8qhv8gni53],
    .portal-mobility-phase[b-8qhv8gni53],
    .portal-mobility-panel[b-8qhv8gni53]{
        padding: 0.8rem !important;
    }

    .portal-mobility-program-card[b-8qhv8gni53],
    .portal-mobility-queue-card[b-8qhv8gni53]{
        grid-template-columns: 1fr;
    }

    .portal-mobility-program-card__actions[b-8qhv8gni53],
    .portal-mobility-queue-card__actions[b-8qhv8gni53]{
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
    }

}

.portal-mobility-topbar[b-8qhv8gni53],
.portal-mobility-statusbar[b-8qhv8gni53],
.portal-mobility-panel[b-8qhv8gni53]{
    padding: 0.82rem 0.92rem !important;
}

.portal-mobility-topbar[b-8qhv8gni53]{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.72rem;
    align-items: center;
}

.portal-mobility-topbar__eyebrow[b-8qhv8gni53],
.portal-mobility-statusbar__eyebrow[b-8qhv8gni53]{
    color: hsl(var(--brand-h, 219), 24%, 54%);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.portal-mobility-topbar__title[b-8qhv8gni53]{
    margin: 0.12rem 0 0;
    color: hsl(var(--brand-h, 218), 59%, 24%);
    font-size: clamp(1.45rem, 1.8vw, 1.95rem);
    font-weight: 900;
    line-height: 1.04;
}

.portal-mobility-topbar__description[b-8qhv8gni53],
.portal-mobility-statusbar__description[b-8qhv8gni53]{
    margin-top: 0.18rem;
    color: hsl(var(--brand-h, 218), 22%, 55%);
    font-size: 0.78rem;
    line-height: 1.45;
}

.portal-mobility-topbar__chips[b-8qhv8gni53]{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.42rem;
}

.portal-mobility-topbar__chip[b-8qhv8gni53],
.portal-mobility-statusbar__stat[b-8qhv8gni53]{
    display: grid;
    gap: 0.14rem;
    min-width: 8.7rem;
    padding: 0.62rem 0.72rem;
    border-radius: 18px;
    border: 1px solid hsla(var(--brand-h, 218), 63%, 21%, 0.06);
    background: linear-gradient(180deg, rgba(255,255,255,0.97), rgba(245,249,255,0.92));
}

.portal-mobility-topbar__chip span[b-8qhv8gni53],
.portal-mobility-statusbar__stat span[b-8qhv8gni53]{
    color: hsl(var(--brand-h, 218), 21%, 57%);
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.portal-mobility-topbar__chip strong[b-8qhv8gni53],
.portal-mobility-statusbar__stat strong[b-8qhv8gni53],
.portal-mobility-statusbar__title[b-8qhv8gni53]{
    color: hsl(var(--brand-h, 217), 58%, 24%);
    font-size: 0.9rem;
    font-weight: 900;
    line-height: 1.22;
}

.portal-mobility-statusbar[b-8qhv8gni53]{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.72rem;
    align-items: center;
}

.portal-mobility-statusbar__stats[b-8qhv8gni53]{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.42rem;
}

.portal-mobility-shell[b-8qhv8gni53]{
    grid-template-columns: 1fr;
    gap: 0.72rem;
}

.portal-mobility-panel--queue[b-8qhv8gni53]{
    height: fit-content;
}

.portal-mobility-section-head__title[b-8qhv8gni53]{
    font-size: 0.96rem;
}

.portal-mobility-section-head__copy[b-8qhv8gni53]{
    font-size: 0.74rem;
    max-width: 56ch;
}

.portal-mobility-section-head__badge[b-8qhv8gni53]{
    min-height: 1.62rem;
    padding: 0.08rem 0.54rem;
    font-size: 0.66rem;
}

.portal-mobility-toolbar[b-8qhv8gni53]{
    display: flex !important;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0;
    flex-wrap: nowrap;
    width: auto;
}

.portal-mobility-toolbar-card[b-8qhv8gni53]{
    display: inline-flex;
    width: auto !important;
    max-width: 100%;
    padding: 0.72rem 0.78rem;
    border-radius: 24px;
    border: 1px solid hsla(var(--brand-h, 217), 63%, 20%, 0.06);
    background: linear-gradient(180deg, rgba(249,251,255,0.98), rgba(242,247,255,0.94));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
}

.portal-mobility-toolbar__field[b-8qhv8gni53]{
    display: grid;
    gap: 0.32rem;
    width: min(100%, 38rem);
    min-width: 0;
}

.portal-mobility-toolbar__controls[b-8qhv8gni53]{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.54rem;
    min-width: 0;
}

.portal-mobility-toolbar__label[b-8qhv8gni53]{
    color: hsl(var(--brand-h, 218), 22%, 54%);
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding-inline-start: 0.22rem;
}

.portal-mobility-toolbar__select[b-8qhv8gni53]{
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
}

.portal-mobility-toolbar__select[b-8qhv8gni53]  .mud-input-slot{
    min-height: 2.54rem !important;
    height: 2.54rem !important;
    padding: 0.22rem 0.86rem 0.22rem 0.88rem !important;
    border-radius: 18px !important;
    border-color: hsla(var(--brand-h, 218), 58%, 26%, 0.12) !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.99), rgba(246,249,255,0.95)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 8px 18px hsla(var(--brand-h, 217), 60%, 24%, 0.04);
}

.portal-mobility-toolbar__select[b-8qhv8gni53]  .mud-select-input{
    min-height: 1.2rem !important;
    font-size: 0.84rem !important;
    font-weight: 800 !important;
    color: hsl(var(--brand-h, 217), 56%, 26%) !important;
    display: flex !important;
    align-items: center !important;
    padding-inline-start: 0.34rem !important;
    line-height: 1.2 !important;
}

.portal-mobility-toolbar__select[b-8qhv8gni53]  .mud-input-adornment-end{
    height: 100%;
    display: flex;
    align-items: center;
    margin-inline-start: 0.32rem;
    padding-inline-end: 0.08rem;
}

.portal-mobility-toolbar__select[b-8qhv8gni53]  .mud-input-adornment-end .mud-icon-root{
    font-size: 0.96rem;
}

.portal-mobility-toolbar__search[b-8qhv8gni53]{
    min-height: 2.54rem;
    height: 2.54rem;
    padding-inline: 1.06rem !important;
    border-radius: 999px !important;
    font-size: 0.72rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    align-self: stretch;
    flex: 0 0 auto;
    box-shadow: 0 14px 28px hsla(var(--brand-h, 222), 66%, 42%, 0.22);
}

.portal-mobility-table[b-8qhv8gni53]{
    min-width: 54rem;
}

.portal-mobility-table th[b-8qhv8gni53],
.portal-mobility-table td[b-8qhv8gni53]{
    vertical-align: top;
}

.portal-mobility-table td[b-8qhv8gni53]{
    font-size: 0.76rem;
    line-height: 1.45;
}

.portal-mobility-table__program strong[b-8qhv8gni53]{
    color: hsl(var(--brand-h, 218), 59%, 24%);
    font-size: 0.79rem;
    font-weight: 900;
    line-height: 1.35;
}

.portal-mobility-table__subrow[b-8qhv8gni53]{
    color: hsl(var(--brand-h, 213), 20%, 48%);
    font-size: 0.7rem;
    line-height: 1.45;
}

.portal-mobility-table__comment[b-8qhv8gni53]{
    color: hsl(var(--brand-h, 215), 21%, 47%);
    font-size: 0.72rem;
    line-height: 1.48;
}

.portal-mobility-table__action[b-8qhv8gni53],
.portal-mobility-table__icon[b-8qhv8gni53]{
    white-space: nowrap;
    text-align: right;
}

.portal-mobility-action[b-8qhv8gni53]{
    min-width: 6.4rem;
    min-height: 2.05rem;
    padding-inline: 0.88rem !important;
    font-size: 0.7rem !important;
}

.portal-mobility-result-grid[b-8qhv8gni53]{
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    gap: 0.46rem;
}

.portal-mobility-result-card[b-8qhv8gni53]{
    padding: 0.66rem 0.72rem;
    border-radius: 18px;
}

.portal-mobility-result-card strong[b-8qhv8gni53]{
    font-size: 0.82rem;
}

@media (max-width: 1100px) {
    .portal-mobility-topbar[b-8qhv8gni53],
    .portal-mobility-statusbar[b-8qhv8gni53],
    .portal-mobility-shell[b-8qhv8gni53]{
        grid-template-columns: 1fr;
    }

    .portal-mobility-topbar__chips[b-8qhv8gni53],
    .portal-mobility-statusbar__stats[b-8qhv8gni53]{
        justify-content: flex-start;
    }

    .portal-mobility-panel--queue[b-8qhv8gni53]{
        position: static;
    }
}

@media (max-width: 720px) {
    .portal-mobility-topbar[b-8qhv8gni53],
    .portal-mobility-statusbar[b-8qhv8gni53],
    .portal-mobility-panel[b-8qhv8gni53]{
        padding: 0.78rem !important;
    }

    .portal-mobility-topbar__chip[b-8qhv8gni53],
    .portal-mobility-statusbar__stat[b-8qhv8gni53]{
        min-width: 0;
    }

    .portal-mobility-toolbar-card[b-8qhv8gni53]{
        padding: 0.66rem;
        width: 100%;
        display: block;
    }

    .portal-mobility-toolbar[b-8qhv8gni53]{
        width: 100%;
    }

    .portal-mobility-toolbar__field[b-8qhv8gni53]{
        width: 100%;
    }

    .portal-mobility-toolbar__controls[b-8qhv8gni53]{
        grid-template-columns: 1fr;
    }
}

.portal-mobility-list[b-8qhv8gni53],
.portal-mobility-queue-list[b-8qhv8gni53]{
    display: grid;
    gap: 0.58rem;
}

.portal-mobility-list-item[b-8qhv8gni53],
.portal-mobility-queue-item[b-8qhv8gni53]{
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.78rem;
    align-items: start;
    padding: 0.82rem 0.88rem;
    border-radius: 22px;
    border: 1px solid hsla(var(--brand-h, 217), 63%, 20%, 0.06);
    background: linear-gradient(180deg, rgba(255,255,255,0.99), rgba(246,249,255,0.93));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.88);
}

.portal-mobility-list-item--disabled[b-8qhv8gni53]{
    opacity: 0.68;
}

.portal-mobility-list-item__index[b-8qhv8gni53],
.portal-mobility-queue-item__priority[b-8qhv8gni53]{
    width: 2.3rem;
    height: 2.3rem;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(235,243,255,0.98), hsla(var(--brand-h, 218), 100%, 94%, 0.94));
    color: hsl(var(--brand-h, 221), 56%, 44%);
    font-size: 0.78rem;
    font-weight: 900;
}

.portal-mobility-list-item__main[b-8qhv8gni53],
.portal-mobility-queue-item__main[b-8qhv8gni53]{
    display: grid;
    gap: 0.38rem;
    min-width: 0;
}

.portal-mobility-list-item__head[b-8qhv8gni53]{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.72rem;
}

.portal-mobility-list-item__title[b-8qhv8gni53],
.portal-mobility-queue-item__title[b-8qhv8gni53]{
    margin: 0;
    color: hsl(var(--brand-h, 215), 61%, 23%);
    font-size: 0.9rem;
    font-weight: 900;
    line-height: 1.28;
}

.portal-mobility-list-item__subhead[b-8qhv8gni53],
.portal-mobility-queue-item__subhead[b-8qhv8gni53]{
    color: hsl(var(--brand-h, 217), 21%, 55%);
    font-size: 0.73rem;
    font-weight: 700;
    line-height: 1.45;
}

.portal-mobility-list-item__places[b-8qhv8gni53]{
    display: inline-flex;
    align-items: center;
    min-height: 1.8rem;
    padding: 0.1rem 0.56rem;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(238,244,255,0.98), hsla(var(--brand-h, 220), 100%, 95%, 0.94));
    color: hsl(var(--brand-h, 221), 56%, 44%);
    font-size: 0.68rem;
    font-weight: 800;
    white-space: nowrap;
}

.portal-mobility-list-item__stats[b-8qhv8gni53],
.portal-mobility-queue-item__stats[b-8qhv8gni53]{
    display: flex;
    flex-wrap: wrap;
    gap: 0.34rem;
}

.portal-mobility-list-item__stat[b-8qhv8gni53],
.portal-mobility-queue-item__stat[b-8qhv8gni53]{
    display: inline-flex;
    align-items: center;
    min-height: 1.74rem;
    padding: 0.14rem 0.56rem;
    border-radius: 999px;
    background: rgba(239,244,252,0.9);
    color: hsl(var(--brand-h, 214), 25%, 45%);
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1.35;
}

.portal-mobility-list-item__description[b-8qhv8gni53],
.portal-mobility-queue-item__description[b-8qhv8gni53]{
    color: hsl(var(--brand-h, 215), 21%, 47%);
    font-size: 0.73rem;
    line-height: 1.52;
}

.portal-mobility-list-item__actions[b-8qhv8gni53],
.portal-mobility-queue-item__actions[b-8qhv8gni53]{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.18rem;
}

@media (max-width: 900px) {
    .portal-mobility-list-item[b-8qhv8gni53],
    .portal-mobility-queue-item[b-8qhv8gni53]{
        grid-template-columns: auto minmax(0, 1fr);
    }

    .portal-mobility-list-item__actions[b-8qhv8gni53],
    .portal-mobility-queue-item__actions[b-8qhv8gni53]{
        grid-column: 1 / -1;
        justify-content: flex-start;
        padding-top: 0.12rem;
    }
}

@media (max-width: 640px) {
.portal-mobility-list-item__head[b-8qhv8gni53]{
    flex-direction: column;
    align-items: flex-start;
}
}

.portal-mobility-filterbar[b-8qhv8gni53]{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.72rem;
    align-items: end;
    padding: 0.74rem 0.82rem;
    border-radius: 22px;
    border: 1px solid hsla(var(--brand-h, 217), 63%, 20%, 0.06);
    background:
        radial-gradient(circle at top right, hsla(var(--brand-h, 220), 61%, 48%, 0.08), transparent 34%),
        linear-gradient(180deg, rgba(249,251,255,0.98), rgba(242,247,255,0.94));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
}

.portal-mobility-filterbar__field[b-8qhv8gni53]{
    display: grid;
    gap: 0.34rem;
    min-width: 0;
}

.portal-mobility-filterbar__label[b-8qhv8gni53]{
    color: hsl(var(--brand-h, 218), 22%, 54%);
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding-inline-start: 0.22rem;
}

.portal-mobility-filterbar__controls[b-8qhv8gni53]{
    display: grid;
    grid-template-columns: minmax(0, 17rem) auto;
    gap: 0.52rem;
    align-items: center;
}

.portal-mobility-filterbar__select-shell[b-8qhv8gni53]{
    min-width: 0;
}

.portal-mobility-filterbar__select-shell[b-8qhv8gni53]  .portal-mobility-filterbar__select .mud-input-control{
    margin-top: 0 !important;
}

.portal-mobility-filterbar__select-shell[b-8qhv8gni53]  .portal-mobility-filterbar__select .mud-input-outlined{
    min-height: 2.54rem;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.99), rgba(246,249,255,0.95));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 8px 18px hsla(var(--brand-h, 217), 60%, 24%, 0.04);
}

.portal-mobility-filterbar__select-shell[b-8qhv8gni53]  .portal-mobility-filterbar__select .mud-input-outlined-border{
    border-color: hsla(var(--brand-h, 218), 58%, 26%, 0.12) !important;
}

.portal-mobility-filterbar__select-shell[b-8qhv8gni53]  .portal-mobility-filterbar__select .mud-input-slot{
    min-height: 2.54rem !important;
    height: 2.54rem !important;
    padding: 0.22rem 0.86rem 0.22rem 0.88rem !important;
    display: flex;
    align-items: center;
}

.portal-mobility-filterbar__select-shell[b-8qhv8gni53]  .portal-mobility-filterbar__select .mud-select-input{
    min-height: 1.2rem !important;
    font-size: 0.84rem !important;
    font-weight: 800 !important;
    color: hsl(var(--brand-h, 217), 56%, 26%) !important;
    display: flex !important;
    align-items: center !important;
    padding-inline-start: 0.34rem !important;
    line-height: 1.2 !important;
}

.portal-mobility-filterbar__select-shell[b-8qhv8gni53]  .portal-mobility-filterbar__select .mud-input-adornment-end{
    height: 100%;
    display: flex;
    align-items: center;
    margin-inline-start: 0.32rem;
    padding-inline-end: 0.08rem;
}

.portal-mobility-filterbar__hint[b-8qhv8gni53]{
    align-self: center;
    max-width: 22rem;
    color: hsl(var(--brand-h, 218), 22%, 54%);
    font-size: 0.72rem;
    line-height: 1.45;
    text-align: right;
}

.portal-mobility-filterbar[b-8qhv8gni53]  .portal-mobility-filterbar__search{
    min-height: 2.54rem;
    height: 2.54rem;
    padding-inline: 1.06rem !important;
    border-radius: 999px !important;
    font-size: 0.72rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    box-shadow: 0 14px 28px hsla(var(--brand-h, 222), 66%, 42%, 0.22);
}

.portal-mobility-program-table-wrap[b-8qhv8gni53]{
    max-height: 29rem;
}

.portal-mobility-queue-table-wrap[b-8qhv8gni53]{
    max-height: 24rem;
}

.portal-mobility-program-table[b-8qhv8gni53],
.portal-mobility-queue-table[b-8qhv8gni53]{
    min-width: 64rem;
}

.portal-mobility-program-table td[b-8qhv8gni53],
.portal-mobility-queue-table td[b-8qhv8gni53]{
    vertical-align: top;
    font-size: 0.76rem;
    line-height: 1.45;
}

.portal-mobility-program-table__row--disabled td[b-8qhv8gni53]{
    opacity: 0.64;
}

.portal-mobility-program-table__program[b-8qhv8gni53]{
    display: grid;
    gap: 0.22rem;
    min-width: 0;
}

.portal-mobility-program-table__program strong[b-8qhv8gni53]{
    color: hsl(var(--brand-h, 218), 59%, 24%);
    font-size: 0.79rem;
    font-weight: 900;
    line-height: 1.35;
}

.portal-mobility-program-table__subrow[b-8qhv8gni53]{
    color: hsl(var(--brand-h, 213), 20%, 48%);
    font-size: 0.7rem;
    line-height: 1.45;
}

.portal-mobility-program-table__comment[b-8qhv8gni53]{
    color: hsl(var(--brand-h, 215), 21%, 47%);
    font-size: 0.72rem;
    line-height: 1.48;
}

.portal-mobility-program-table__places[b-8qhv8gni53],
.portal-mobility-queue-table__priority[b-8qhv8gni53]{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.78rem;
    padding: 0.08rem 0.56rem;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(238,244,255,0.98), hsla(var(--brand-h, 220), 100%, 95%, 0.94));
    color: hsl(var(--brand-h, 221), 56%, 44%);
    font-size: 0.68rem;
    font-weight: 800;
    white-space: nowrap;
}

.portal-mobility-program-table__stats[b-8qhv8gni53]{
    display: flex;
    flex-wrap: wrap;
    gap: 0.34rem;
}

.portal-mobility-program-table__stat[b-8qhv8gni53]{
    display: inline-flex;
    align-items: center;
    min-height: 1.68rem;
    padding: 0.12rem 0.54rem;
    border-radius: 999px;
    background: rgba(239,244,252,0.9);
    color: hsl(var(--brand-h, 214), 25%, 45%);
    font-size: 0.67rem;
    font-weight: 800;
    line-height: 1.35;
}

.portal-mobility-program-table__actions[b-8qhv8gni53],
.portal-mobility-queue-table__actions[b-8qhv8gni53]{
    white-space: nowrap;
    text-align: right;
}

.portal-mobility-program-table__action-col[b-8qhv8gni53]{
    text-align: right;
}

.portal-mobility-program-table__actions[b-8qhv8gni53]  .portal-mobility-table__action-btn{
    min-width: 6.2rem;
    min-height: 2.02rem;
    padding-inline: 0.82rem !important;
    border-radius: 999px !important;
    font-size: 0.7rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.portal-mobility-queue-table__actions[b-8qhv8gni53]  .portal-mobility-queue-table__icon{
    color: hsl(var(--brand-h, 221), 56%, 44%);
}

.portal-mobility-queue-table__actions[b-8qhv8gni53]  .mud-icon-button{
    width: 2rem;
    height: 2rem;
}

@media (max-width: 900px) {
    .portal-mobility-filterbar[b-8qhv8gni53]{
        grid-template-columns: 1fr;
    }

    .portal-mobility-filterbar__hint[b-8qhv8gni53]{
        max-width: none;
        text-align: left;
    }
}

@media (max-width: 720px) {
    .portal-mobility-filterbar[b-8qhv8gni53]{
        padding: 0.68rem;
    }

    .portal-mobility-filterbar__controls[b-8qhv8gni53]{
        grid-template-columns: 1fr;
    }
}

.portal-mobility-mobile-only[b-8qhv8gni53]{
    display: none;
}

.portal-mobility-recognition-list[b-8qhv8gni53]{
    display: grid;
    gap: 0.7rem;
}

.portal-mobility-recognition-card[b-8qhv8gni53]{
    display: grid;
    gap: 0.72rem;
    padding: 0.86rem 0.92rem;
    border-radius: 24px;
    border: 1px solid hsla(var(--brand-h, 217), 63%, 20%, 0.06);
    background:
        radial-gradient(circle at top right, hsla(var(--brand-h, 220), 61%, 48%, 0.08), transparent 30%),
        radial-gradient(circle at bottom left, hsla(var(--brand-accent-h, 37), 49%, 48%, 0.08), transparent 24%),
        linear-gradient(180deg, rgba(255,255,255,0.99), rgba(246,249,255,0.94));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 18px 32px hsla(var(--brand-h, 219), 62%, 16%, 0.06);
}

.portal-mobility-recognition-card__head[b-8qhv8gni53]{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.72rem;
}

.portal-mobility-recognition-card__title[b-8qhv8gni53]{
    margin: 0.12rem 0 0;
    color: hsl(var(--brand-h, 217), 60%, 23%);
    font-size: 0.92rem;
    font-weight: 900;
    line-height: 1.3;
}

.portal-mobility-recognition-card__meta[b-8qhv8gni53]{
    color: hsl(var(--brand-h, 218), 21%, 55%);
    font-size: 0.74rem;
    font-weight: 700;
    line-height: 1.45;
}

.portal-mobility-recognition-card__index[b-8qhv8gni53]{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.1rem;
    min-height: 2.1rem;
    padding: 0.12rem 0.6rem;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(236,243,255,0.98), hsla(var(--brand-h, 219), 100%, 95%, 0.94));
    color: hsl(var(--brand-h, 221), 56%, 44%);
    font-size: 0.74rem;
    font-weight: 900;
}

.portal-mobility-recognition-card__stats[b-8qhv8gni53]{
    display: flex;
    flex-wrap: wrap;
    gap: 0.38rem;
}

.portal-mobility-recognition-card__stat[b-8qhv8gni53]{
    display: inline-flex;
    align-items: center;
    min-height: 1.8rem;
    padding: 0.14rem 0.56rem;
    border-radius: 999px;
    background: rgba(239,244,252,0.9);
    color: hsl(var(--brand-h, 214), 25%, 45%);
    font-size: 0.69rem;
    font-weight: 800;
    line-height: 1.35;
}

.portal-mobility-recognition-card__source[b-8qhv8gni53]{
    display: grid;
    gap: 0.18rem;
    padding: 0.66rem 0.74rem;
    border-radius: 18px;
    border: 1px solid hsla(var(--brand-h, 217), 63%, 20%, 0.05);
    background: rgba(248, 251, 255, 0.88);
}

.portal-mobility-recognition-card__source span[b-8qhv8gni53]{
    color: hsl(var(--brand-h, 218), 22%, 54%);
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.portal-mobility-recognition-card__source strong[b-8qhv8gni53]{
    color: hsl(var(--brand-h, 217), 57%, 25%);
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1.45;
}

.portal-mobility-recognition-sources[b-8qhv8gni53]{
    display: grid;
    gap: 0.24rem;
}

.portal-mobility-recognition-sources__item[b-8qhv8gni53]{
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.35rem;
    align-items: start;
    color: hsl(var(--brand-h, 217), 57%, 25%);
    font-size: 0.76rem;
    line-height: 1.45;
}

.portal-mobility-recognition-sources__index[b-8qhv8gni53]{
    color: hsl(var(--brand-h, 218), 22%, 54%);
    font-weight: 800;
}

.portal-mobility-recognition-sources--mobile .portal-mobility-recognition-sources__item[b-8qhv8gni53]{
    font-size: 0.78rem;
    font-weight: 800;
}

@media (max-width: 860px) {
    .portal-mobility-desktop-only[b-8qhv8gni53]{
        display: none;
    }

    .portal-mobility-mobile-only[b-8qhv8gni53]{
        display: block;
    }
}

@media (max-width: 640px) {
    .portal-mobility-recognition-card__head[b-8qhv8gni53]{
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Pages/Notice.razor.rz.scp.css */
.portal-certificates-page[b-dq01hqqxvd]{
    display: grid;
    gap: 0.72rem;
}

.portal-certificates-hero[b-dq01hqqxvd]{
    padding: 0.92rem 1rem !important;
}

.portal-certificates-hero__layout[b-dq01hqqxvd]{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.8rem;
    align-items: end;
}

.portal-certificates-hero__eyebrow[b-dq01hqqxvd],
.portal-certificates-section-head__eyebrow[b-dq01hqqxvd]{
    color: hsl(var(--brand-h, 217), 20%, 52%);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.portal-certificates-hero__title[b-dq01hqqxvd]{
    margin: 0.22rem 0 0;
    color: hsl(var(--brand-h, 219), 60%, 23%);
    font-size: clamp(1.2rem, 1.08rem + 0.35vw, 1.58rem);
    line-height: 1.05;
}

.portal-certificates-hero__text[b-dq01hqqxvd]{
    margin-top: 0.34rem;
    max-width: 56rem;
    color: hsl(var(--brand-h, 217), 19%, 52%);
    font-size: 0.84rem;
    line-height: 1.55;
}

.portal-certificates-hero__student[b-dq01hqqxvd]{
    min-width: 18rem;
    display: grid;
    gap: 0.14rem;
    padding: 0.7rem 0.82rem;
    border-radius: 20px;
    border: 1px solid hsla(var(--brand-h, 217), 59%, 23%, 0.07);
    background: linear-gradient(180deg, rgba(253,254,255,0.96), rgba(241,246,255,0.92));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
}

.portal-certificates-hero__student-label[b-dq01hqqxvd]{
    color: hsl(var(--brand-h, 217), 20%, 52%);
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.portal-certificates-hero__student-name[b-dq01hqqxvd]{
    color: hsl(var(--brand-h, 218), 53%, 24%);
    font-size: 0.92rem;
    font-weight: 900;
}

.portal-certificates-hero__student-meta[b-dq01hqqxvd]{
    color: hsl(var(--brand-h, 217), 21%, 54%);
    font-size: 0.75rem;
    line-height: 1.42;
}

.portal-certificates-loading[b-dq01hqqxvd]{
    min-height: 12rem;
    display: grid;
    place-items: center;
}

.portal-certificates-shell[b-dq01hqqxvd]{
    display: grid;
    grid-template-columns: minmax(16rem, 18rem) minmax(0, 1fr);
    gap: 0.72rem;
    align-items: start;
}

.portal-certificates-sidebar[b-dq01hqqxvd],
.portal-certificates-summary[b-dq01hqqxvd],
.portal-certificates-preview[b-dq01hqqxvd]{
    padding: 0.86rem 0.92rem !important;
}

.portal-certificates-sidebar[b-dq01hqqxvd]{
    position: sticky;
    top: 0.72rem;
    display: grid;
    gap: 0.72rem;
}

.portal-certificates-section-head[b-dq01hqqxvd]{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.6rem;
}

.portal-certificates-section-head__title[b-dq01hqqxvd]{
    margin-top: 0.18rem;
    color: hsl(var(--brand-h, 218), 55%, 25%);
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.16;
}

.portal-certificates-section-head__badge[b-dq01hqqxvd]{
    display: inline-flex;
    align-items: center;
    min-height: 1.7rem;
    padding: 0.12rem 0.56rem;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(236,243,255,0.98), hsla(var(--brand-h, 218), 100%, 95%, 0.95));
    color: hsl(var(--brand-h, 222), 56%, 45%);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.88);
}

.portal-certificates-list[b-dq01hqqxvd]{
    display: grid;
    gap: 0.42rem;
}

.portal-certificates-list__item[b-dq01hqqxvd]{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
    padding: 0.76rem 0.82rem;
    border-radius: 18px;
    border: 1px solid hsla(var(--brand-h, 216), 60%, 17%, 0.06);
    background: linear-gradient(180deg, rgba(255,255,255,0.99), rgba(246,249,255,0.95));
    color: hsl(var(--brand-h, 217), 54%, 24%);
    text-align: left;
    cursor: pointer;
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease, background 0.16s ease;
}

.portal-certificates-list__item:hover[b-dq01hqqxvd],
.portal-certificates-list__item:focus-visible[b-dq01hqqxvd]{
    transform: translateY(-1px);
    border-color: hsla(var(--brand-h, 221), 67%, 45%, 0.14);
    box-shadow: 0 14px 26px hsla(var(--brand-h, 219), 68%, 23%, 0.08);
}

.portal-certificates-list__item--active[b-dq01hqqxvd]{
    border-color: hsla(var(--brand-h, 221), 67%, 45%, 0.18);
    background: linear-gradient(180deg, rgba(242,247,255,0.99), hsla(var(--brand-h, 219), 100%, 95%, 0.94));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 16px 30px hsla(var(--brand-h, 219), 68%, 28%, 0.08);
}

.portal-certificates-list__title[b-dq01hqqxvd]{
    font-size: 0.84rem;
    font-weight: 800;
    line-height: 1.34;
}

.portal-certificates-main[b-dq01hqqxvd]{
    display: grid;
    gap: 0.72rem;
}

.portal-certificates-summary[b-dq01hqqxvd],
.portal-certificates-preview[b-dq01hqqxvd]{
    display: grid;
    gap: 0.72rem;
}

.portal-certificates-flags[b-dq01hqqxvd]{
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
}

.portal-certificates-flag[b-dq01hqqxvd]{
    display: inline-flex;
    align-items: center;
    min-height: 1.62rem;
    padding: 0.12rem 0.58rem;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255,249,239,0.98), rgba(248,240,224,0.94));
    color: #8a6120;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.86);
}

.portal-certificates-actions[b-dq01hqqxvd]{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: 0.52rem;
}

.portal-certificates-action[b-dq01hqqxvd]{
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.62rem;
    width: 100%;
    padding: 0.74rem 0.82rem;
    border-radius: 20px;
    border: 1px solid hsla(var(--brand-h, 220), 67%, 44%, 0.1);
    background: linear-gradient(180deg, rgba(250,252,255,0.99), rgba(234,241,255,0.92));
    color: hsl(var(--brand-h, 215), 49%, 27%);
    text-align: left;
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.88);
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.portal-certificates-action:hover[b-dq01hqqxvd],
.portal-certificates-action:focus-visible[b-dq01hqqxvd]{
    transform: translateY(-1px);
    border-color: hsla(var(--brand-h, 220), 67%, 44%, 0.16);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 16px 28px hsla(var(--brand-h, 219), 68%, 28%, 0.08);
}

.portal-certificates-action:disabled[b-dq01hqqxvd]{
    cursor: progress;
    opacity: 0.72;
    transform: none;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.82);
}

.portal-certificates-action__lang[b-dq01hqqxvd]{
    width: 2.4rem;
    height: 2.4rem;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: hsla(var(--brand-h, 220), 67%, 44%, 0.08);
    color: hsl(var(--brand-h, 221), 61%, 43%);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
}

.portal-certificates-action__copy[b-dq01hqqxvd]{
    min-width: 0;
    display: grid;
    gap: 0.08rem;
}

.portal-certificates-action__title[b-dq01hqqxvd]{
    font-size: 0.8rem;
    font-weight: 800;
    line-height: 1.34;
}

.portal-certificates-action__hint[b-dq01hqqxvd]{
    color: hsl(var(--brand-h, 217), 21%, 54%);
    font-size: 0.68rem;
    font-weight: 700;
}


.portal-certificates-preview__language[b-dq01hqqxvd]{
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 1.62rem;
    padding: 0.12rem 0.56rem;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(236,243,255,0.98), hsla(var(--brand-h, 218), 100%, 95%, 0.95));
    color: hsl(var(--brand-h, 222), 56%, 45%);
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.portal-certificates-preview__body[b-dq01hqqxvd]{
    padding: 1rem 1.06rem;
    border-radius: 22px;
    border: 1px solid hsla(var(--brand-h, 216), 60%, 17%, 0.06);
    background: rgba(255,255,255,0.92);
    min-height: 16rem;
}

@media (max-width: 980px) {
    .portal-certificates-shell[b-dq01hqqxvd],
    .portal-certificates-hero__layout[b-dq01hqqxvd]{
        grid-template-columns: 1fr;
    }

    .portal-certificates-hero__student[b-dq01hqqxvd]{
        min-width: 0;
    }

    .portal-certificates-sidebar[b-dq01hqqxvd]{
        position: static;
    }
}

@media (max-width: 640px) {
    .portal-certificates-hero[b-dq01hqqxvd],
    .portal-certificates-sidebar[b-dq01hqqxvd],
    .portal-certificates-summary[b-dq01hqqxvd],
    .portal-certificates-preview[b-dq01hqqxvd]{
        padding: 0.76rem !important;
    }

    .portal-certificates-actions[b-dq01hqqxvd]{
        grid-template-columns: 1fr;
    }
}

/* Mobility */
/* /Pages/Profile.razor.rz.scp.css */
.portal-student-profile-page[b-venfvcfb0f],
.portal-student-profile__hero-copy[b-venfvcfb0f]{
    display: grid;
    gap: 0.85rem;
}

.portal-student-profile__hero[b-venfvcfb0f]{
    display: grid;
    grid-template-columns: minmax(13rem, 15rem) minmax(0, 1fr);
    gap: 1rem;
    padding: 1rem 1.05rem;
    overflow: hidden;
    position: relative;
}

.portal-student-profile__hero[b-venfvcfb0f]::before{
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top left, hsla(var(--brand-h, 224), 74%, 49%, 0.11), transparent 24%),
        radial-gradient(circle at bottom right, hsla(var(--brand-accent-h, 37), 49%, 48%, 0.12), transparent 20%);
    pointer-events: none;
}

.portal-student-profile__hero > *[b-venfvcfb0f]{
    position: relative;
    z-index: 1;
}

.portal-student-profile__hero-media[b-venfvcfb0f]{
    display: grid;
    align-content: start;
    gap: 0.75rem;
}

.portal-student-profile__portrait-shell[b-venfvcfb0f]{
    width: 100%;
    min-height: 13rem;
    display: grid;
    place-items: center;
    padding: 0.85rem;
    border-radius: 32px;
    border: 1px solid hsla(var(--brand-h, 218), 65%, 20%, 0.08);
    background:
        radial-gradient(circle at top, rgba(255,255,255,0.95), transparent 54%),
        linear-gradient(180deg, rgba(246,249,255,0.96), rgba(236,243,255,0.9));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92), 0 22px 46px hsla(var(--brand-h, 219), 59%, 14%, 0.08);
}

.portal-student-profile__portrait[b-venfvcfb0f]{
    width: 100%;
    aspect-ratio: 1 / 1;
    max-width: 11.8rem;
    border-radius: 28px;
    object-fit: cover;
    object-position: center;
    box-shadow: 0 18px 36px hsla(var(--brand-h, 219), 59%, 14%, 0.16);
}

.portal-student-profile__avatar[b-venfvcfb0f]{
    width: 10.2rem !important;
    height: 10.2rem !important;
    font-size: 2.7rem !important;
    font-weight: 800 !important;
    border-radius: 28px !important;
    box-shadow: 0 18px 36px hsla(var(--brand-h, 219), 59%, 14%, 0.16);
}

.portal-student-profile__upload[b-venfvcfb0f]{
    justify-self: stretch;
}

.portal-student-profile__hero-stats[b-venfvcfb0f]{
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.58rem;
}

.portal-student-profile__layout[b-venfvcfb0f]{
    display: grid;
    grid-template-columns: minmax(13rem, 15rem) minmax(0, 1fr);
    gap: 0.95rem;
    min-width: 0;
}

.portal-student-profile__nav[b-venfvcfb0f],
.portal-student-profile__content[b-venfvcfb0f],
.portal-student-profile__section-card[b-venfvcfb0f]{
    display: grid;
    gap: 0.75rem;
}

.portal-student-profile__nav[b-venfvcfb0f]{
    align-content: start;
    padding: 0.95rem 0.85rem;
    position: sticky;
    top: 0.8rem;
}

.portal-student-profile__nav-label[b-venfvcfb0f],
.portal-student-profile__section-title[b-venfvcfb0f],
.portal-student-profile__order-title[b-venfvcfb0f]{
    color: var(--portal-text);
    font-weight: 800;
}

.portal-student-profile__nav-label[b-venfvcfb0f]{
    font-size: 0.72rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--portal-muted-strong);
}

.portal-student-profile__nav-item[b-venfvcfb0f]{
    display: flex;
    align-items: center;
    gap: 0.66rem;
    width: 100%;
    padding: 0.78rem 0.86rem;
    border: 1px solid hsla(var(--brand-h, 218), 62%, 20%, 0.07);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255,255,255,0.94), rgba(244,247,255,0.92));
    color: var(--portal-text);
    font-size: 0.89rem;
    font-weight: 700;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92), 0 10px 22px hsla(var(--brand-h, 218), 64%, 15%, 0.05);
}

.portal-student-profile__nav-item--active[b-venfvcfb0f]{
    background: linear-gradient(135deg, hsla(var(--brand-h, 225), 75%, 48%, 0.14), rgba(255,255,255,0.98));
    border-color: hsla(var(--brand-h, 223), 74%, 49%, 0.26);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.98), 0 16px 30px hsla(var(--brand-h, 218), 66%, 21%, 0.1);
}

.portal-student-profile__content[b-venfvcfb0f]{
    padding: 1rem;
    min-width: 0;
}

.portal-student-profile__section-header[b-venfvcfb0f]{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.85rem;
}

.portal-student-profile__section-card[b-venfvcfb0f]{
    padding: 0.95rem 1rem;
    border-radius: 28px;
    border: 1px solid hsla(var(--brand-h, 216), 62%, 21%, 0.07);
    background:
        radial-gradient(circle at top right, hsla(var(--brand-h, 224), 69%, 50%, 0.06), transparent 24%),
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(245,248,255,0.95));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.95), 0 18px 36px hsla(var(--brand-h, 218), 63%, 16%, 0.05);
}

.portal-student-profile__section-title[b-venfvcfb0f]{
    font-size: 1rem;
}

.portal-student-profile__section-copy[b-venfvcfb0f],
.portal-student-profile__order-copy[b-venfvcfb0f]{
    color: var(--portal-muted);
    font-size: 0.84rem;
    line-height: 1.6;
}

.portal-student-profile__fields[b-venfvcfb0f]{
    display: grid;
    gap: 0.68rem;
}

.portal-student-profile__field-grid[b-venfvcfb0f]{
    display: grid;
    gap: 0.68rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.portal-student-profile__document-upload[b-venfvcfb0f]{
    min-width: 0;
}

.portal-student-profile__table-action[b-venfvcfb0f]{
    width: 4.2rem;
    text-align: right;
}

.portal-student-profile__order-title[b-venfvcfb0f]{
    font-size: 0.92rem;
}

.portal-student-profile__order-copy[b-venfvcfb0f]{
    margin-top: 0.16rem;
}

@media (max-width: 1200px) {
    .portal-student-profile__hero[b-venfvcfb0f],
    .portal-student-profile__layout[b-venfvcfb0f]{
        grid-template-columns: 1fr;
    }

    .portal-student-profile__nav[b-venfvcfb0f]{
        position: static;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 0.6rem;
    }

    .portal-student-profile__hero-stats[b-venfvcfb0f]{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .portal-student-profile__section-header[b-venfvcfb0f],
    .portal-student-profile__field-grid[b-venfvcfb0f],
    .portal-student-profile__nav[b-venfvcfb0f]{
        grid-template-columns: 1fr;
    }

    .portal-student-profile__section-header[b-venfvcfb0f]{
        display: grid;
    }

    .portal-student-profile__hero[b-venfvcfb0f],
    .portal-student-profile__content[b-venfvcfb0f]{
        padding: 0.82rem;
    }

    .portal-student-profile__hero-stats[b-venfvcfb0f]{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.portal-student-profile__hero[b-venfvcfb0f]{
    display: grid;
    grid-template-columns: minmax(12.2rem, 13.4rem) minmax(0, 1fr);
    gap: 0.92rem;
    padding: 0.94rem;
    border-radius: 32px;
    overflow: hidden;
    align-items: start;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 37), 55%, 47%, 0.16), transparent 34%),
        radial-gradient(circle at bottom left, hsla(var(--brand-h, 220), 61%, 48%, 0.14), transparent 42%),
        linear-gradient(180deg, rgba(255,255,255,0.99), rgba(244,248,255,0.97));
    border: 1px solid hsla(var(--brand-h, 216), 60%, 17%, 0.06);
    box-shadow: 0 24px 48px hsla(var(--brand-h, 216), 60%, 17%, 0.08);
}

.portal-student-profile__hero-media[b-venfvcfb0f]{
    display: grid;
    align-content: start;
    justify-items: start;
}

.portal-student-profile__portrait-shell[b-venfvcfb0f]{
    position: relative;
    display: grid;
    place-items: center;
    width: min(100%, 11.5rem);
    min-height: 0;
    aspect-ratio: 1;
    padding: 0.34rem;
    border-radius: 28px;
    background:
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.28)),
        linear-gradient(145deg, hsla(var(--brand-h, 219), 83%, 93%, 0.86), rgba(245, 248, 255, 0.96));
    border: 1px solid hsla(var(--brand-h, 220), 61%, 48%, 0.08);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.82), 0 16px 32px hsla(var(--brand-h, 216), 60%, 17%, 0.08);
}

.portal-student-profile__portrait[b-venfvcfb0f],
.portal-student-profile__avatar[b-venfvcfb0f]{
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1;
    max-width: none;
    border-radius: 22px;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    border: 1px solid hsla(var(--brand-h, 216), 60%, 17%, 0.08);
    box-shadow: 0 20px 36px hsla(var(--brand-h, 216), 60%, 17%, 0.14);
}

.portal-student-profile__avatar[b-venfvcfb0f]{
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at top left, rgba(255,255,255,0.24), transparent 34%),
        linear-gradient(145deg, hsla(var(--brand-h, 219), 64%, 31%, 0.96), hsla(var(--brand-h, 220), 61%, 48%, 0.92)) !important;
    font-size: 2.8rem !important;
}

.portal-student-profile__upload[b-venfvcfb0f]{
    width: min(100%, 11.5rem);
    min-height: 4.15rem;
    padding: 0.72rem 0.8rem;
    border-radius: 20px;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 37), 55%, 47%, 0.1), transparent 36%),
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,250,255,0.96));
    border-color: hsla(var(--brand-h, 220), 61%, 48%, 0.12);
    box-shadow: 0 16px 30px hsla(var(--brand-h, 216), 60%, 17%, 0.08);
}

.portal-student-profile__hero-copy[b-venfvcfb0f]{
    display: grid;
    gap: 0.72rem;
    align-content: start;
    min-width: 0;
}

.portal-student-profile__hero-top[b-venfvcfb0f]{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.72rem;
    flex-wrap: wrap;
}

.portal-student-profile__hero-actions[b-venfvcfb0f]{
    display: flex;
    gap: 0.58rem;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    margin-left: auto;
}

.portal-student-profile__hero-stats[b-venfvcfb0f]{
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.58rem;
}

.portal-student-profile__hero-stats .portal-note-card[b-venfvcfb0f]{
    min-height: 4.3rem;
    padding: 0.72rem 0.78rem;
}

.portal-student-profile__layout[b-venfvcfb0f]{
    display: grid;
    grid-template-columns: minmax(15rem, 16.8rem) minmax(0, 1fr);
    gap: 0.82rem;
    align-items: start;
}

.portal-student-profile__nav[b-venfvcfb0f]{
    position: sticky;
    top: 0.7rem;
    display: grid;
    gap: 0.82rem;
    padding: 0.82rem;
    border-radius: 28px;
    background:
        radial-gradient(circle at top left, hsla(var(--brand-accent-h, 37), 55%, 47%, 0.08), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,0.99), rgba(245,248,255,0.96));
}

.portal-student-profile__nav-section[b-venfvcfb0f]{
    display: grid;
    gap: 0.42rem;
}

.portal-student-profile__nav-label[b-venfvcfb0f]{
    padding: 0 0.18rem;
    font-size: 0.68rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--portal-muted);
    font-weight: 900;
}

.portal-student-profile__nav-group[b-venfvcfb0f]{
    display: grid;
    gap: 0.28rem;
}

.portal-student-profile__nav-group-title[b-venfvcfb0f]{
    padding: 0.18rem 0.18rem 0.06rem;
    font-size: 0.8rem;
    color: var(--portal-text);
    font-weight: 800;
    line-height: 1.35;
}

.portal-student-profile__nav-item[b-venfvcfb0f]{
    display: grid;
    grid-template-columns: 1.1rem minmax(0, 1fr);
    align-items: center;
    column-gap: 0.7rem;
    width: 100%;
    min-height: 2.7rem;
    padding: 0.58rem 0.82rem;
    border: 1px solid hsla(var(--brand-h, 216), 60%, 17%, 0.04);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.56);
    color: var(--portal-text);
    font-size: 0.82rem;
    font-weight: 800;
    text-align: left;
    cursor: pointer;
    transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.portal-student-profile__nav-item[b-venfvcfb0f]  .mud-icon-root{
    justify-self: center;
    font-size: 1.15rem !important;
}

.portal-student-profile__nav-item span:last-child[b-venfvcfb0f]{
    min-width: 0;
    line-height: 1.28;
}

.portal-student-profile__nav-item:hover[b-venfvcfb0f]{
    transform: translateY(-1px);
    background: rgba(247, 250, 255, 0.96);
    border-color: hsla(var(--brand-h, 220), 61%, 48%, 0.16);
    box-shadow: 0 12px 24px hsla(var(--brand-h, 216), 60%, 17%, 0.06);
}

.portal-student-profile__nav-item--child[b-venfvcfb0f]{
    min-height: 2.56rem;
    padding-inline-start: 0.96rem;
    font-size: 0.79rem;
}

.portal-student-profile__nav-item--active[b-venfvcfb0f]{
    background:
        radial-gradient(circle at top left, hsla(var(--brand-accent-h, 37), 55%, 47%, 0.18), transparent 42%),
        linear-gradient(135deg, hsla(var(--brand-h, 219), 100%, 95%, 0.98), rgba(244, 248, 255, 0.96));
    border-color: hsla(var(--brand-h, 220), 61%, 48%, 0.22);
    box-shadow: 0 16px 28px hsla(var(--brand-h, 218), 60%, 21%, 0.1);
}

.portal-student-profile__content[b-venfvcfb0f]{
    display: grid;
    gap: 0.82rem;
    padding: 0.9rem;
    border-radius: 30px;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-h, 220), 61%, 48%, 0.05), transparent 26%),
        linear-gradient(180deg, rgba(255,255,255,0.99), rgba(247,250,255,0.96));
}

.portal-student-profile__section-header[b-venfvcfb0f]{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.72rem;
    flex-wrap: wrap;
}

.portal-student-profile__section-card[b-venfvcfb0f]{
    display: grid;
    gap: 0.82rem;
    padding: 0.9rem;
    border-radius: 26px;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-h, 220), 61%, 48%, 0.08), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,0.99), rgba(245,248,255,0.96));
    border: 1px solid hsla(var(--brand-h, 216), 60%, 17%, 0.05);
}

.portal-student-profile__section-title[b-venfvcfb0f],
.portal-student-profile__order-title[b-venfvcfb0f]{
    color: var(--portal-text);
    font-size: 0.98rem;
    font-weight: 900;
}

.portal-student-profile__section-copy[b-venfvcfb0f],
.portal-student-profile__order-copy[b-venfvcfb0f]{
    color: var(--portal-muted);
    font-size: 0.79rem;
    line-height: 1.52;
}

.portal-student-profile__fields[b-venfvcfb0f]{
    display: grid;
    gap: 0.72rem;
}

.portal-student-profile__field-grid[b-venfvcfb0f]{
    display: grid;
    gap: 0.72rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.portal-student-profile__document-upload[b-venfvcfb0f]{
    min-width: 0;
}

.portal-student-profile__toolbar-actions[b-venfvcfb0f]{
    display: flex;
    flex-wrap: wrap;
    gap: 0.52rem;
}

.portal-student-profile__structured-summary[b-venfvcfb0f]{
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
}

.portal-student-profile__table-row--active[b-venfvcfb0f]{
    background:
        radial-gradient(circle at top left, hsla(var(--brand-accent-h, 37), 55%, 47%, 0.08), transparent 34%),
        linear-gradient(135deg, hsla(var(--brand-h, 220), 100%, 95%, 0.94), rgba(248, 250, 255, 0.92));
}

.portal-student-profile__table-action[b-venfvcfb0f]{
    width: 4.2rem;
    text-align: right;
}

.portal-student-profile__order-title[b-venfvcfb0f]{
    font-size: 0.92rem;
}

.portal-student-profile__order-copy[b-venfvcfb0f]{
    margin-top: 0.16rem;
}

@media (max-width: 1400px) {
    .portal-student-profile__hero-stats[b-venfvcfb0f]{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

}

@media (max-width: 1180px) {
    .portal-student-profile__hero[b-venfvcfb0f],
    .portal-student-profile__layout[b-venfvcfb0f]{
        grid-template-columns: 1fr;
    }

    .portal-student-profile__nav[b-venfvcfb0f]{
        position: static;
    }

    .portal-student-profile__hero-stats[b-venfvcfb0f]{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 860px) {
    .portal-student-profile__hero[b-venfvcfb0f]{
        grid-template-columns: 1fr;
    }

    .portal-student-profile__hero-media[b-venfvcfb0f]{
        justify-items: start;
    }

    .portal-student-profile__portrait-shell[b-venfvcfb0f]{
        width: min(100%, 8.6rem);
        border-radius: 24px;
    }

    .portal-student-profile__portrait[b-venfvcfb0f],
    .portal-student-profile__avatar[b-venfvcfb0f]{
        border-radius: 22px;
    }

    .portal-student-profile__upload[b-venfvcfb0f]{
        width: min(100%, 14rem);
    }

    .portal-student-profile__hero-actions[b-venfvcfb0f]{
        width: 100%;
        justify-content: flex-start;
        margin-left: 0;
    }

    .portal-student-profile__hero-stats[b-venfvcfb0f],
    .portal-student-profile__field-grid[b-venfvcfb0f]{
        grid-template-columns: 1fr;
    }
}

.portal-profile-contact__editor[b-venfvcfb0f]{
    display: grid;
    gap: 0.82rem;
    padding: 0.9rem;
    border-radius: 26px;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-h, 220), 61%, 48%, 0.08), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,0.99), rgba(245,248,255,0.96));
    border: 1px solid hsla(var(--brand-h, 216), 60%, 17%, 0.05);
}

.portal-profile-contact__editor-head[b-venfvcfb0f]{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.72rem;
    flex-wrap: wrap;
}

.portal-profile-contact__editor-title[b-venfvcfb0f]{
    font-size: 0.96rem;
    font-weight: 900;
    color: var(--portal-text);
}

.portal-profile-contact__editor-copy[b-venfvcfb0f]{
    margin-top: 0.16rem;
    max-width: 72ch;
    font-size: 0.78rem;
    line-height: 1.5;
    color: var(--portal-muted);
}

.portal-profile-contact__editor-badges[b-venfvcfb0f]{
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
}

.portal-profile-contact__field[b-venfvcfb0f]{
    padding: 0.24rem;
    border-radius: 20px;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.82), rgba(247,250,255,0.74));
    border: 1px solid hsla(var(--brand-h, 216), 60%, 17%, 0.05);
}

.portal-profile-contact__field[b-venfvcfb0f]  .mud-input-control{
    margin-top: 0 !important;
}

.portal-student-profile__hero-stats[b-venfvcfb0f]{
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.portal-student-profile-page[b-venfvcfb0f]  .portal-profile-control .mud-input-control{
    margin-top: 0 !important;
}

.portal-student-profile-page[b-venfvcfb0f]  .portal-profile-control .mud-input-root,
.portal-student-profile-page[b-venfvcfb0f]  .portal-profile-control .mud-select{
    min-height: 2.18rem;
    border-radius: 16px;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.96), rgba(247,250,255,0.92));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.82),
        0 8px 18px hsla(var(--brand-h, 216), 60%, 17%, 0.04);
}

.portal-student-profile-page[b-venfvcfb0f]  .portal-profile-control .mud-input.mud-input-outlined .mud-input-slot{
    min-height: 2.18rem !important;
    padding: 0.44rem 0.82rem !important;
    display: flex;
    align-items: center;
}

.portal-student-profile-page[b-venfvcfb0f]  .portal-profile-control input.mud-input-slot,
.portal-student-profile-page[b-venfvcfb0f]  .portal-profile-control textarea.mud-input-slot,
.portal-student-profile-page[b-venfvcfb0f]  .portal-profile-control .mud-select-input{
    color: hsl(var(--brand-h, 216), 49%, 25%) !important;
    font-size: 0.84rem !important;
    font-weight: 700;
    line-height: 1.35 !important;
}

.portal-student-profile-page[b-venfvcfb0f]  .portal-profile-control textarea.mud-input-slot{
    align-items: flex-start;
    padding-top: 0.66rem !important;
}

.portal-student-profile-page[b-venfvcfb0f]  .portal-profile-control .mud-input-label{
    color: hsl(var(--brand-h, 217), 17%, 52%) !important;
    font-size: 0.76rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em;
}

.portal-student-profile-page[b-venfvcfb0f]  .portal-profile-control .mud-input-outlined-border{
    border-color: hsla(var(--brand-h, 217), 51%, 15%, 0.08) !important;
}

.portal-student-profile-page[b-venfvcfb0f]  .portal-profile-control:hover .mud-input-outlined-border,
.portal-student-profile-page[b-venfvcfb0f]  .portal-profile-control .mud-input-focused .mud-input-outlined-border{
    border-color: hsla(var(--brand-h, 220), 61%, 48%, 0.18) !important;
}

.portal-student-profile-page[b-venfvcfb0f]  .portal-profile-select .mud-select-icon{
    color: hsl(var(--brand-h, 218), 20%, 52%);
    font-size: 0.9rem;
    right: 0.62rem !important;
}

.portal-student-profile-page[b-venfvcfb0f]  .portal-profile-control--readonly .mud-input-root,
.portal-student-profile-page[b-venfvcfb0f]  .portal-profile-control--readonly .mud-select{
    background:
        linear-gradient(180deg, rgba(250,252,255,0.96), rgba(244,247,252,0.92));
}

@media (max-width: 1400px) {
    .portal-student-profile__hero-stats[b-venfvcfb0f]{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 860px) {
    .portal-profile-contact__editor[b-venfvcfb0f]{
        padding: 0.82rem;
    }

    .portal-student-profile__hero-stats[b-venfvcfb0f]{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.portal-student-profile__hero-media[b-venfvcfb0f]{
    gap: 0.78rem;
}

.portal-student-profile__upload[b-venfvcfb0f]{
    display: grid;
    gap: 0.08rem;
    width: min(100%, 11.5rem);
    min-height: 4.8rem;
    padding: 0.82rem 0.86rem;
    border-radius: 20px;
    border: 1px solid hsla(var(--brand-h, 220), 61%, 48%, 0.12);
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 37), 55%, 47%, 0.1), transparent 36%),
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,250,255,0.96));
    box-shadow: 0 16px 30px hsla(var(--brand-h, 216), 60%, 17%, 0.08);
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.portal-student-profile__upload:hover[b-venfvcfb0f]{
    transform: translateY(-1px);
    border-color: hsla(var(--brand-h, 220), 61%, 48%, 0.2);
    box-shadow: 0 18px 34px hsla(var(--brand-h, 216), 60%, 17%, 0.1);
}

.portal-student-profile__upload-title[b-venfvcfb0f]{
    display: block;
    color: var(--portal-text);
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.portal-student-profile__upload-copy[b-venfvcfb0f]{
    display: block;
    margin-top: 0.28rem;
    color: var(--portal-muted);
    font-size: 0.9rem;
    line-height: 1.48;
}

.portal-student-profile__hero-copy[b-venfvcfb0f]{
    gap: 0.78rem;
}

.portal-student-profile__hero-summary[b-venfvcfb0f]{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.68rem;
}

.portal-student-profile__hero-summary-card[b-venfvcfb0f]{
    display: grid;
    gap: 0.5rem;
    min-height: 8.3rem;
    padding: 0.88rem 0.96rem;
    border-radius: 24px;
    border: 1px solid hsla(var(--brand-h, 216), 60%, 17%, 0.06);
    background:
        radial-gradient(circle at top right, hsla(var(--brand-h, 220), 61%, 48%, 0.08), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,0.99), rgba(245,248,255,0.96));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.86), 0 14px 28px hsla(var(--brand-h, 216), 60%, 17%, 0.06);
}

.portal-student-profile__hero-summary-eyebrow[b-venfvcfb0f]{
    color: var(--portal-muted);
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.portal-student-profile__hero-summary-title[b-venfvcfb0f]{
    color: var(--portal-text);
    font-size: 1.08rem;
    font-weight: 900;
    line-height: 1.28;
}

.portal-student-profile__hero-summary-copy[b-venfvcfb0f]{
    color: var(--portal-muted);
    font-size: 0.88rem;
    line-height: 1.55;
}

.portal-student-profile__hero-summary-meta[b-venfvcfb0f]{
    display: flex;
    flex-wrap: wrap;
    gap: 0.38rem;
    margin-top: auto;
}

.portal-student-profile__hero-stats[b-venfvcfb0f]{
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.portal-student-profile__stat-card[b-venfvcfb0f]{
    display: grid;
    gap: 0.18rem;
    min-height: 4.56rem;
    padding: 0.78rem 0.86rem;
    border-radius: 22px;
    border: 1px solid hsla(var(--brand-h, 216), 60%, 17%, 0.06);
    background:
        radial-gradient(circle at top left, hsla(var(--brand-accent-h, 37), 55%, 47%, 0.1), transparent 36%),
        linear-gradient(180deg, rgba(255,255,255,0.99), rgba(246,249,255,0.96));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.86), 0 12px 24px hsla(var(--brand-h, 216), 60%, 17%, 0.06);
}

.portal-student-profile__stat-label[b-venfvcfb0f]{
    color: var(--portal-muted);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.portal-student-profile__stat-value[b-venfvcfb0f]{
    color: var(--portal-text);
    font-size: 1.24rem;
    font-weight: 900;
    line-height: 1.18;
    letter-spacing: -0.02em;
}

.portal-student-profile__snapshot-grid[b-venfvcfb0f]{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.72rem;
}

.portal-student-profile__snapshot-card[b-venfvcfb0f]{
    display: grid;
    gap: 0.72rem;
    min-height: 100%;
    padding: 0.96rem 1rem;
    border-radius: 24px;
    border: 1px solid hsla(var(--brand-h, 216), 60%, 17%, 0.06);
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 37), 55%, 47%, 0.08), transparent 32%),
        linear-gradient(180deg, rgba(255,255,255,0.99), rgba(246,249,255,0.96));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.84), 0 16px 30px hsla(var(--brand-h, 216), 60%, 17%, 0.06);
}

.portal-student-profile__snapshot-card-title[b-venfvcfb0f]{
    color: var(--portal-text);
    font-size: 0.9rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.portal-student-profile__snapshot-items[b-venfvcfb0f]{
    display: grid;
    gap: 0.62rem;
}

.portal-student-profile__snapshot-item[b-venfvcfb0f]{
    display: grid;
    gap: 0.16rem;
    padding-bottom: 0.62rem;
    border-bottom: 1px solid hsla(var(--brand-h, 216), 60%, 17%, 0.06);
}

.portal-student-profile__snapshot-item:last-child[b-venfvcfb0f]{
    padding-bottom: 0;
    border-bottom: 0;
}

.portal-student-profile__snapshot-item span[b-venfvcfb0f],
.portal-student-profile__snapshot-metric span[b-venfvcfb0f]{
    color: var(--portal-muted);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.portal-student-profile__snapshot-item strong[b-venfvcfb0f],
.portal-student-profile__snapshot-metric strong[b-venfvcfb0f]{
    color: var(--portal-text);
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.42;
}

.portal-student-profile__snapshot-metrics[b-venfvcfb0f]{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.72rem;
}

.portal-student-profile__snapshot-metric[b-venfvcfb0f]{
    display: grid;
    gap: 0.22rem;
    padding: 0.78rem 0.82rem;
    border-radius: 18px;
    background:
        radial-gradient(circle at top left, hsla(var(--brand-h, 220), 61%, 48%, 0.08), transparent 34%),
        rgba(255,255,255,0.78);
    border: 1px solid hsla(var(--brand-h, 216), 60%, 17%, 0.05);
}

.portal-student-profile__dossier-grid[b-venfvcfb0f]{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.72rem;
}

.portal-student-profile__dossier-card[b-venfvcfb0f]{
    display: grid;
    gap: 0.72rem;
    min-height: 100%;
    padding: 0.96rem 1rem;
    border-radius: 24px;
    border: 1px solid hsla(var(--brand-h, 216), 60%, 17%, 0.06);
    background:
        radial-gradient(circle at top right, hsla(var(--brand-h, 220), 61%, 48%, 0.07), transparent 32%),
        linear-gradient(180deg, rgba(255,255,255,0.99), rgba(246,249,255,0.96));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.84), 0 16px 30px hsla(var(--brand-h, 216), 60%, 17%, 0.06);
}

.portal-student-profile__dossier-card-title[b-venfvcfb0f]{
    color: var(--portal-text);
    font-size: 0.88rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.portal-student-profile__dossier-list[b-venfvcfb0f]{
    display: grid;
    gap: 0.62rem;
}

.portal-student-profile__dossier-item[b-venfvcfb0f]{
    display: grid;
    gap: 0.16rem;
    padding-bottom: 0.62rem;
    border-bottom: 1px solid hsla(var(--brand-h, 216), 60%, 17%, 0.06);
}

.portal-student-profile__dossier-item:last-child[b-venfvcfb0f]{
    padding-bottom: 0;
    border-bottom: 0;
}

.portal-student-profile__dossier-item span[b-venfvcfb0f]{
    color: var(--portal-muted);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.portal-student-profile__dossier-item strong[b-venfvcfb0f]{
    color: var(--portal-text);
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.42;
}

@media (max-width: 1180px) {
    .portal-student-profile__hero-summary[b-venfvcfb0f],
    .portal-student-profile__snapshot-grid[b-venfvcfb0f],
    .portal-student-profile__dossier-grid[b-venfvcfb0f]{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .portal-student-profile__hero-stats[b-venfvcfb0f]{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 860px) {
    .portal-student-profile__hero-summary[b-venfvcfb0f],
    .portal-student-profile__hero-stats[b-venfvcfb0f],
    .portal-student-profile__snapshot-grid[b-venfvcfb0f],
    .portal-student-profile__snapshot-metrics[b-venfvcfb0f],
    .portal-student-profile__dossier-grid[b-venfvcfb0f]{
        grid-template-columns: 1fr;
    }

    .portal-student-profile__hero-media[b-venfvcfb0f]{
        width: 100%;
    }

    .portal-student-profile__portrait-shell[b-venfvcfb0f],
    .portal-student-profile__upload[b-venfvcfb0f]{
        width: min(100%, 14rem);
    }
}


[b-venfvcfb0f] .mud-table .mud-table-container{
    overflow-x: auto;
}

/* Profile — compact tenant-aware premium workspace */
.portal-content-shell .portal-page.portal-student-profile-page[b-venfvcfb0f] {
    gap: var(--space-4);
}

.portal-content-shell .portal-student-profile__hero[b-venfvcfb0f],
.portal-content-shell .portal-student-profile__nav[b-venfvcfb0f],
.portal-content-shell .portal-student-profile__content[b-venfvcfb0f] {
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-lg) !important;
    background: var(--color-surface) !important;
    background-image: none !important;
    box-shadow: var(--shadow-card) !important;
}

.portal-content-shell .portal-student-profile__hero[b-venfvcfb0f]::before,
.portal-content-shell .portal-student-profile__hero[b-venfvcfb0f]::after,
.portal-content-shell .portal-student-profile__nav[b-venfvcfb0f]::before,
.portal-content-shell .portal-student-profile__nav[b-venfvcfb0f]::after,
.portal-content-shell .portal-student-profile__content[b-venfvcfb0f]::before,
.portal-content-shell .portal-student-profile__content[b-venfvcfb0f]::after {
    display: none !important;
}

.portal-content-shell .portal-student-profile__hero[b-venfvcfb0f] {
    grid-template-columns: 176px minmax(0, 1fr);
    align-items: start;
    gap: var(--space-4);
    padding: var(--space-4) !important;
}

.portal-content-shell .portal-student-profile__hero-media[b-venfvcfb0f] {
    gap: var(--space-3);
    justify-items: stretch;
}

.portal-content-shell .portal-student-profile__portrait-shell[b-venfvcfb0f] {
    width: 164px;
    height: 164px;
    min-height: 164px;
    aspect-ratio: auto;
    padding: var(--space-1);
    border: 1px solid var(--color-brand-100);
    border-radius: var(--radius-lg);
    background: var(--color-brand-50);
    background-image: none;
    box-shadow: none;
}

.portal-content-shell .portal-student-profile__portrait[b-venfvcfb0f],
.portal-content-shell .portal-student-profile__avatar[b-venfvcfb0f] {
    border: 0;
    border-radius: var(--radius-md) !important;
    box-shadow: none;
}

.portal-content-shell .portal-student-profile__upload[b-venfvcfb0f] {
    width: 164px;
    min-height: 54px;
    gap: 2px;
    padding: 9px 10px;
    border: 1px dashed var(--color-border-strong);
    border-radius: var(--radius-md);
    color: var(--color-text-secondary);
    background: var(--color-surface-subtle);
    background-image: none;
    box-shadow: none;
}

.portal-content-shell .portal-student-profile__upload:hover[b-venfvcfb0f] {
    transform: none;
    border-color: var(--color-brand-700);
    background: var(--color-brand-50);
    box-shadow: none;
}

.portal-content-shell .portal-student-profile__upload-title[b-venfvcfb0f] {
    color: var(--color-brand-800);
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.065em;
}

.portal-content-shell .portal-student-profile__upload-copy[b-venfvcfb0f] {
    margin-top: 0;
    color: var(--color-text-secondary);
    font-size: 0.68rem;
    line-height: 1.3;
}

.portal-content-shell .portal-student-profile__hero-copy[b-venfvcfb0f] {
    gap: var(--space-3);
}

.portal-content-shell .portal-student-profile__hero-top[b-venfvcfb0f] {
    align-items: center;
    gap: var(--space-4);
}

.portal-content-shell .portal-student-profile__hero-top[b-venfvcfb0f]  .portal-title {
    min-width: 0;
    align-items: center;
    gap: var(--space-3);
}

.portal-content-shell .portal-student-profile__hero-top[b-venfvcfb0f]  .portal-title__icon {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
    border: 1px solid var(--color-brand-100);
    border-radius: var(--radius-md);
    color: var(--color-brand-900);
    background: var(--color-brand-50);
    box-shadow: none;
}

.portal-content-shell .portal-student-profile__hero-top[b-venfvcfb0f]  .portal-title__eyebrow {
    margin-bottom: 2px;
    color: var(--color-brand-800);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.075em;
}

.portal-content-shell .portal-student-profile__hero-top[b-venfvcfb0f]  .portal-title__copy {
    max-width: 68rem;
    margin-top: var(--space-1);
    color: var(--color-text-secondary);
    font-size: 0.8rem;
    line-height: 1.42;
}

.portal-content-shell .portal-student-profile__hero-actions[b-venfvcfb0f]  .mud-button-root {
    min-height: 40px;
    padding-inline: var(--space-4);
    border-radius: var(--radius-md);
    background: var(--color-brand-900);
    box-shadow: none;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: none;
}

.portal-content-shell .portal-student-profile__hero-summary[b-venfvcfb0f] {
    gap: var(--space-3);
}

.portal-content-shell .portal-student-profile__hero-summary-card[b-venfvcfb0f] {
    min-height: 94px !important;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-rows: auto auto auto auto;
    align-content: start;
    column-gap: var(--space-2);
    row-gap: 3px;
    padding: 11px 12px !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-md) !important;
    background: var(--color-surface-subtle) !important;
    background-image: none !important;
    box-shadow: none !important;
}

.portal-content-shell .portal-student-profile__hero-summary-icon[b-venfvcfb0f] {
    grid-column: 1;
    grid-row: 1 / -1;
    align-self: start;
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border: 1px solid var(--color-brand-100);
    border-radius: 9px;
    color: var(--color-brand-900);
    background: var(--color-brand-50);
}

.portal-content-shell .portal-student-profile__hero-summary-icon[b-venfvcfb0f]  .mud-icon-root {
    font-size: 1rem;
}

.portal-content-shell .portal-student-profile__hero-summary-eyebrow[b-venfvcfb0f] {
    grid-column: 2;
    overflow: hidden;
    color: var(--color-text-muted);
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.055em;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-content-shell .portal-student-profile__hero-summary-title[b-venfvcfb0f] {
    grid-column: 2;
    overflow: hidden;
    color: var(--color-text-primary);
    font-size: 0.88rem;
    font-weight: 750;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-content-shell .portal-student-profile__hero-summary-copy[b-venfvcfb0f] {
    grid-column: 2;
    overflow: hidden;
    color: var(--color-text-secondary);
    font-size: 0.7rem;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-content-shell .portal-student-profile__hero-summary-meta[b-venfvcfb0f] {
    grid-column: 2;
    gap: var(--space-1);
    margin-top: var(--space-1);
}

.portal-content-shell .portal-student-profile__hero-summary-meta .portal-chip[b-venfvcfb0f] {
    min-height: 20px;
    padding: 2px 7px;
    border: 1px solid var(--color-brand-100);
    color: var(--color-brand-900);
    background: var(--color-brand-50);
    font-size: 0.58rem;
    font-weight: 650;
}

.portal-content-shell .portal-student-profile__hero-stats[b-venfvcfb0f] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: var(--space-2);
}

.portal-content-shell .portal-student-profile__stat-card[b-venfvcfb0f] {
    min-height: 62px !important;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    gap: var(--space-2);
    padding: 8px 10px !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-md) !important;
    background: var(--color-surface-subtle) !important;
    background-image: none !important;
    box-shadow: none !important;
}

.portal-content-shell .portal-student-profile__stat-icon[b-venfvcfb0f] {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border: 1px solid var(--color-brand-100);
    border-radius: 9px;
    color: var(--color-brand-900);
    background: var(--color-brand-50);
}

.portal-content-shell .portal-student-profile__stat-icon[b-venfvcfb0f]  .mud-icon-root {
    font-size: 1rem;
}

.portal-content-shell .portal-student-profile__stat-icon--gold[b-venfvcfb0f] {
    border-color: color-mix(in srgb, var(--color-accent-gold) 24%, var(--color-border));
    color: var(--color-accent-gold);
    background: var(--color-accent-gold-soft);
}

.portal-content-shell .portal-student-profile__stat-icon--success[b-venfvcfb0f] {
    border-color: color-mix(in srgb, var(--color-success) 24%, var(--color-border));
    color: var(--color-success);
    background: var(--color-success-soft);
}

.portal-content-shell .portal-student-profile__stat-copy[b-venfvcfb0f] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.portal-content-shell .portal-student-profile__stat-label[b-venfvcfb0f] {
    overflow: hidden;
    color: var(--color-text-muted);
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.045em;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-content-shell .portal-student-profile__stat-value[b-venfvcfb0f] {
    color: var(--color-text-primary);
    font-size: 1rem;
    font-weight: 750;
    line-height: 1.1;
}

.portal-content-shell .portal-student-profile__layout[b-venfvcfb0f] {
    grid-template-columns: 232px minmax(0, 1fr);
    gap: var(--space-4);
}

.portal-content-shell .portal-student-profile__nav[b-venfvcfb0f] {
    top: var(--space-3);
    max-height: calc(100vh - 110px);
    align-content: start;
    gap: var(--space-3);
    padding: var(--space-3) !important;
    overflow-y: auto;
}

.portal-content-shell .portal-student-profile__nav-section[b-venfvcfb0f] {
    gap: var(--space-1);
}

.portal-content-shell .portal-student-profile__nav-label[b-venfvcfb0f] {
    padding: 2px var(--space-2) var(--space-1);
    color: var(--color-text-muted);
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.075em;
}

.portal-content-shell .portal-student-profile__nav-group[b-venfvcfb0f] {
    gap: 2px;
}

.portal-content-shell .portal-student-profile__nav-group-title[b-venfvcfb0f] {
    padding: var(--space-2) var(--space-2) var(--space-1);
    color: var(--color-text-secondary);
    font-size: 0.7rem;
    font-weight: 700;
}

.portal-content-shell .portal-student-profile__nav-item[b-venfvcfb0f] {
    grid-template-columns: 18px minmax(0, 1fr);
    column-gap: var(--space-2);
    min-height: 38px;
    padding: 7px 9px;
    border: 1px solid transparent;
    border-radius: var(--radius-md);
    color: var(--color-text-secondary);
    background: transparent;
    background-image: none;
    box-shadow: none;
    font-size: 0.74rem;
    font-weight: 650;
}

.portal-content-shell .portal-student-profile__nav-item[b-venfvcfb0f]  .mud-icon-root {
    color: var(--color-text-muted);
    font-size: 1rem !important;
}

.portal-content-shell .portal-student-profile__nav-item:hover[b-venfvcfb0f] {
    transform: none;
    border-color: var(--color-border);
    color: var(--color-text-primary);
    background: var(--color-surface-hover);
    box-shadow: none;
}

.portal-content-shell .portal-student-profile__nav-item--active[b-venfvcfb0f],
.portal-content-shell .portal-student-profile__nav-item--active:hover[b-venfvcfb0f] {
    border-color: var(--color-brand-100);
    color: var(--color-brand-900);
    background: var(--color-brand-50);
    background-image: none;
    box-shadow: inset 3px 0 0 var(--color-brand-900);
}

.portal-content-shell .portal-student-profile__nav-item--active[b-venfvcfb0f]  .mud-icon-root {
    color: var(--color-brand-900);
}

.portal-content-shell .portal-student-profile__nav-item--child[b-venfvcfb0f] {
    min-height: 36px;
    padding-inline-start: 12px;
    font-size: 0.7rem;
}

.portal-content-shell .portal-student-profile__content[b-venfvcfb0f] {
    gap: var(--space-4);
    padding: var(--space-4) !important;
}

.portal-content-shell .portal-student-profile__content .portal-stack[b-venfvcfb0f] {
    gap: var(--space-4);
}

.portal-content-shell .portal-student-profile__content .portal-grid-2--compact[b-venfvcfb0f] {
    grid-template-columns: minmax(360px, 0.8fr) minmax(0, 1.2fr);
    gap: var(--space-4);
}

.portal-content-shell .portal-student-profile__section-header[b-venfvcfb0f] {
    align-items: center;
    gap: var(--space-3);
}

.portal-content-shell .portal-student-profile__section-header[b-venfvcfb0f]  .portal-title__icon {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
    border-radius: var(--radius-md);
}

.portal-content-shell .portal-student-profile__section-header[b-venfvcfb0f]  .portal-title__heading {
    font-size: 1.2rem;
    font-weight: 750;
}

.portal-content-shell .portal-student-profile__section-header[b-venfvcfb0f]  .portal-title__copy {
    margin-top: 2px;
    font-size: 0.76rem;
    line-height: 1.4;
}

.portal-content-shell .portal-student-profile__toolbar-actions[b-venfvcfb0f]  .mud-button-root {
    min-height: 36px;
    padding-inline: var(--space-3);
    border-radius: var(--radius-md);
    box-shadow: none;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: none;
}

.portal-content-shell .portal-student-profile__section-card[b-venfvcfb0f],
.portal-content-shell .portal-profile-contact__editor[b-venfvcfb0f] {
    gap: var(--space-3);
    padding: var(--space-4);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
    background-image: none;
    box-shadow: none;
}

.portal-content-shell .portal-student-profile__section-title[b-venfvcfb0f],
.portal-content-shell .portal-profile-contact__editor-title[b-venfvcfb0f] {
    color: var(--color-text-primary);
    font-size: 0.96rem;
    font-weight: 750;
    line-height: 1.3;
}

.portal-content-shell .portal-student-profile__section-copy[b-venfvcfb0f],
.portal-content-shell .portal-profile-contact__editor-copy[b-venfvcfb0f],
.portal-content-shell .portal-student-profile__order-copy[b-venfvcfb0f] {
    color: var(--color-text-secondary);
    font-size: 0.74rem;
    line-height: 1.45;
}

.portal-content-shell .portal-student-profile__fields[b-venfvcfb0f],
.portal-content-shell .portal-student-profile__field-grid[b-venfvcfb0f] {
    gap: var(--space-3);
}

.portal-content-shell .portal-student-profile-page[b-venfvcfb0f]  .portal-profile-control .mud-input-root,
.portal-content-shell .portal-student-profile-page[b-venfvcfb0f]  .portal-profile-control .mud-select {
    min-height: 40px;
    border-radius: var(--radius-md);
    background: var(--color-surface);
    background-image: none;
    box-shadow: none;
}

.portal-content-shell .portal-student-profile-page[b-venfvcfb0f]  .portal-profile-control .mud-input.mud-input-outlined .mud-input-slot {
    min-height: 40px !important;
    padding: 8px 12px !important;
}

.portal-content-shell .portal-student-profile-page[b-venfvcfb0f]  .portal-profile-control .mud-input-outlined-border {
    border-color: var(--color-border-strong) !important;
}

.portal-content-shell .portal-student-profile__snapshot-grid[b-venfvcfb0f],
.portal-content-shell .portal-student-profile__dossier-grid[b-venfvcfb0f] {
    gap: var(--space-3);
}

.portal-content-shell .portal-student-profile__snapshot-card[b-venfvcfb0f],
.portal-content-shell .portal-student-profile__dossier-card[b-venfvcfb0f] {
    gap: var(--space-3);
    padding: var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface-subtle);
    background-image: none;
    box-shadow: none;
}

.portal-content-shell .portal-student-profile__snapshot-card-title[b-venfvcfb0f],
.portal-content-shell .portal-student-profile__dossier-card-title[b-venfvcfb0f] {
    color: var(--color-text-primary);
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.055em;
}

.portal-content-shell .portal-student-profile__snapshot-items[b-venfvcfb0f],
.portal-content-shell .portal-student-profile__dossier-list[b-venfvcfb0f] {
    gap: var(--space-2);
}

.portal-content-shell .portal-student-profile__snapshot-item[b-venfvcfb0f],
.portal-content-shell .portal-student-profile__dossier-item[b-venfvcfb0f] {
    gap: 2px;
    padding-bottom: var(--space-2);
    border-bottom-color: var(--color-border);
}

.portal-content-shell .portal-student-profile__snapshot-item span[b-venfvcfb0f],
.portal-content-shell .portal-student-profile__snapshot-metric span[b-venfvcfb0f],
.portal-content-shell .portal-student-profile__dossier-item span[b-venfvcfb0f] {
    color: var(--color-text-muted);
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.045em;
}

.portal-content-shell .portal-student-profile__snapshot-item strong[b-venfvcfb0f],
.portal-content-shell .portal-student-profile__snapshot-metric strong[b-venfvcfb0f],
.portal-content-shell .portal-student-profile__dossier-item strong[b-venfvcfb0f] {
    color: var(--color-text-primary);
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.35;
}

.portal-content-shell .portal-student-profile__snapshot-metrics[b-venfvcfb0f] {
    gap: var(--space-2);
}

.portal-content-shell .portal-student-profile__snapshot-metric[b-venfvcfb0f] {
    gap: 2px;
    padding: 8px 9px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: var(--color-surface);
    background-image: none;
}

.portal-content-shell .portal-profile-contact__field[b-venfvcfb0f] {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    background-image: none;
}

@media (max-width: 1400px) {
    .portal-content-shell .portal-student-profile__hero-stats[b-venfvcfb0f] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .portal-content-shell .portal-student-profile__content .portal-grid-2--compact[b-venfvcfb0f] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1180px) {
    .portal-content-shell .portal-student-profile__hero[b-venfvcfb0f],
    .portal-content-shell .portal-student-profile__layout[b-venfvcfb0f] {
        grid-template-columns: 1fr;
    }

    .portal-content-shell .portal-student-profile__hero-media[b-venfvcfb0f] {
        grid-template-columns: 164px minmax(0, 1fr);
        align-items: start;
    }

    .portal-content-shell .portal-student-profile__nav[b-venfvcfb0f] {
        position: static;
        max-height: none;
    }
}

@media (max-width: 860px) {
    .portal-content-shell .portal-student-profile__hero[b-venfvcfb0f],
    .portal-content-shell .portal-student-profile__content[b-venfvcfb0f],
    .portal-content-shell .portal-student-profile__nav[b-venfvcfb0f] {
        padding: var(--space-3) !important;
    }

    .portal-content-shell .portal-student-profile__hero-media[b-venfvcfb0f] {
        grid-template-columns: 1fr;
    }

    .portal-content-shell .portal-student-profile__portrait-shell[b-venfvcfb0f],
    .portal-content-shell .portal-student-profile__upload[b-venfvcfb0f] {
        width: min(100%, 164px);
    }

    .portal-content-shell .portal-student-profile__hero-summary[b-venfvcfb0f],
    .portal-content-shell .portal-student-profile__hero-stats[b-venfvcfb0f],
    .portal-content-shell .portal-student-profile__snapshot-grid[b-venfvcfb0f],
    .portal-content-shell .portal-student-profile__dossier-grid[b-venfvcfb0f] {
        grid-template-columns: 1fr;
    }

    .portal-content-shell .portal-student-profile__hero-top[b-venfvcfb0f] {
        align-items: flex-start;
    }
}
/* /Pages/PublicSurvey.razor.rz.scp.css */
.public-survey[b-s3qsfmw4ry] {
    --survey-primary: var(--tenant-primary, #18314f);
    --survey-accent: var(--tenant-accent, #b89146);
    --survey-action: var(--tenant-action, #18314f);
    --survey-on-action: var(--tenant-on-action, #fff);
    --survey-action-text: var(--tenant-action-text, #18314f);
    --survey-accent-text: var(--tenant-accent-text, #80652d);
    --survey-focus-ring: var(--tenant-focus-ring, #18314f);
    --survey-radius: 18px;
    --survey-gap: 16px;
    --survey-max: 920px;
    --survey-font: 1;
    --survey-elevation: 1;
    min-height: 100vh;
    padding: clamp(18px, 4vw, 52px);
    color: #102235;
    font-size: calc(1rem * var(--survey-font));
    background:
        radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--survey-accent) 18%, transparent), transparent 34rem),
        radial-gradient(circle at 92% 12%, color-mix(in srgb, var(--survey-primary) 16%, transparent), transparent 36rem),
        linear-gradient(145deg, #f7f9fc, #edf2f7);
}

.public-survey__brand[b-s3qsfmw4ry],
.public-survey__hero[b-s3qsfmw4ry],
.public-survey__form[b-s3qsfmw4ry],
.public-survey__state[b-s3qsfmw4ry] {
    width: min(100%, var(--survey-max));
    margin-inline: auto;
}

.public-survey__brand[b-s3qsfmw4ry] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 26px;
}

.public-survey__brand img[b-s3qsfmw4ry] {
    width: 42px;
    height: 42px;
    object-fit: contain;
}

.public-survey__brand div[b-s3qsfmw4ry] {
    display: grid;
    gap: 2px;
}

.public-survey__brand div span[b-s3qsfmw4ry] {
    color: #617286;
    font-size: .75rem;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.public-survey__brand div strong[b-s3qsfmw4ry] {
    color: var(--survey-action-text);
}

.public-survey__privacy[b-s3qsfmw4ry] {
    margin-left: auto;
    padding: 8px 12px;
    border: 1px solid color-mix(in srgb, var(--survey-action) 22%, transparent);
    border-radius: 999px;
    color: var(--survey-action-text);
    background: rgba(255, 255, 255, .72);
    font-size: .78rem;
    font-weight: 750;
}

.public-survey__hero[b-s3qsfmw4ry] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 28px;
    align-items: end;
    padding: clamp(24px, 4vw, 40px);
    margin-bottom: 20px;
    border-radius: calc(var(--survey-radius) + 8px);
    color: var(--survey-on-action);
    background: var(--survey-action);
    box-shadow: 0 24px 70px rgba(18, 40, 64, .18);
}

.public-survey__eyebrow[b-s3qsfmw4ry] {
    display: block;
    margin-bottom: 9px;
    color: var(--survey-on-action);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.public-survey__hero h1[b-s3qsfmw4ry] {
    margin: 0;
    font-size: clamp(1.7rem, 4vw, 2.75rem);
    line-height: 1.08;
}

.public-survey__hero p[b-s3qsfmw4ry] {
    max-width: 68ch;
    margin: 14px 0 0;
    color: var(--survey-on-action);
    line-height: 1.65;
}

.public-survey__progress[b-s3qsfmw4ry] {
    display: grid;
    min-width: 150px;
    gap: 4px;
}

.public-survey__progress strong[b-s3qsfmw4ry] {
    font-size: 1.55rem;
}

.public-survey__progress span[b-s3qsfmw4ry] {
    color: var(--survey-on-action);
    font-size: .78rem;
}

.public-survey__progress progress[b-s3qsfmw4ry] {
    width: 100%;
    height: 7px;
    margin-top: 8px;
    accent-color: var(--survey-on-action);
}

.public-survey__form[b-s3qsfmw4ry] {
    display: grid;
    gap: var(--survey-gap);
}

.public-survey__question[b-s3qsfmw4ry] {
    padding: clamp(20px, 3vw, 30px);
    border: 1px solid rgba(26, 54, 81, .09);
    border-radius: var(--survey-radius);
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 calc(5px * var(--survey-elevation)) calc(18px * var(--survey-elevation)) rgba(18, 40, 64, .07);
}

.public-survey__question-head[b-s3qsfmw4ry] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 14px;
}

.public-survey__question-head > span[b-s3qsfmw4ry] {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 12px;
    color: var(--survey-on-action);
    background: var(--survey-action);
    font-size: .75rem;
    font-weight: 850;
}

.public-survey__question-head small[b-s3qsfmw4ry] {
    color: var(--survey-action-text);
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.public-survey__question h2[b-s3qsfmw4ry] {
    margin: 3px 0 0;
    font-size: 1.08rem;
    line-height: 1.5;
}

.public-survey__required[b-s3qsfmw4ry] {
    display: inline-flex;
    margin-top: 7px;
    padding: 3px 8px;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--survey-action) 28%, #fff);
    color: var(--survey-action-text);
    background: #fff;
    font-size: .7rem;
    font-weight: 800;
}

.public-survey__description[b-s3qsfmw4ry] {
    margin: 12px 0 0 56px;
    color: #66778a;
    line-height: 1.65;
}

.public-survey__options[b-s3qsfmw4ry],
.public-survey__text-list[b-s3qsfmw4ry],
.public-survey__ranking[b-s3qsfmw4ry],
.public-survey__matrix[b-s3qsfmw4ry] {
    display: grid;
    gap: 10px;
    margin-top: 18px;
}

.public-survey__option[b-s3qsfmw4ry] {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 13px 15px;
    border: 1px solid #dbe3ec;
    border-radius: 13px;
    background: #fbfcfe;
    cursor: pointer;
    transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}

.public-survey__option:hover[b-s3qsfmw4ry],
.public-survey__option:focus-within[b-s3qsfmw4ry] {
    border-color: color-mix(in srgb, var(--survey-action) 55%, #dbe3ec);
    box-shadow: 0 8px 22px rgba(18, 40, 64, .08);
    transform: translateY(-1px);
}

.public-survey__option input[b-s3qsfmw4ry],
.public-survey__matrix input[b-s3qsfmw4ry] {
    margin-top: 3px;
    accent-color: var(--survey-action);
}

.public-survey__select[b-s3qsfmw4ry],
.public-survey__input[b-s3qsfmw4ry],
.public-survey__text[b-s3qsfmw4ry],
.public-survey__ranking select[b-s3qsfmw4ry] {
    width: 100%;
    padding: 12px 13px;
    border: 1px solid #cfdae6;
    border-radius: 12px;
    color: #102235;
    background: #fff;
    font: inherit;
}

.public-survey__select[b-s3qsfmw4ry] {
    margin-top: 18px;
}

.public-survey__text-list label[b-s3qsfmw4ry],
.public-survey__text-entry[b-s3qsfmw4ry] {
    display: grid;
    gap: 8px;
    color: #4b5d70;
    font-weight: 650;
}

.public-survey__special[b-s3qsfmw4ry] {
    display: grid;
    gap: 9px;
}

.public-survey__special > button[b-s3qsfmw4ry] {
    display: inline-flex;
    width: fit-content;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 15px;
    border: 0;
    border-radius: 13px;
    color: var(--survey-on-action);
    background: var(--survey-action);
    box-shadow: 0 12px 28px color-mix(in srgb, var(--survey-action) 22%, transparent);
    font: inherit;
    font-size: .84rem;
    font-weight: 800;
    cursor: pointer;
}

.public-survey__special > button:disabled[b-s3qsfmw4ry] {
    cursor: wait;
    opacity: .58;
}

.public-survey__special > small[b-s3qsfmw4ry] {
    color: #66778a;
    font-size: .74rem;
    line-height: 1.45;
}

.public-survey__special-result[b-s3qsfmw4ry] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--survey-action) 22%, #dbe3ec);
    border-radius: 13px;
    background: color-mix(in srgb, var(--survey-action) 7%, #fff);
}

.public-survey__special-result > span[b-s3qsfmw4ry] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.public-survey__special-result strong[b-s3qsfmw4ry] {
    color: #102235;
    overflow-wrap: anywhere;
}

.public-survey__special-result small[b-s3qsfmw4ry] {
    color: #66778a;
    font-size: .72rem;
}

.public-survey__special-result button[b-s3qsfmw4ry] {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border: 1px solid var(--survey-action);
    border-radius: 50%;
    color: var(--survey-action-text);
    background: #fff;
    cursor: pointer;
}

.public-survey__ranking label[b-s3qsfmw4ry] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 88px;
    gap: 14px;
    align-items: center;
}

.public-survey__slider[b-s3qsfmw4ry] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 48px;
    gap: 12px;
    align-items: center;
}

.public-survey__slider input[b-s3qsfmw4ry] {
    width: 100%;
    accent-color: var(--survey-action);
}

.public-survey__matrix fieldset[b-s3qsfmw4ry] {
    padding: 14px;
    border: 1px solid #dbe3ec;
    border-radius: 13px;
}

.public-survey__matrix legend[b-s3qsfmw4ry] {
    padding: 0 7px;
    font-weight: 750;
}

.public-survey__matrix fieldset > div[b-s3qsfmw4ry] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 16px;
}

.public-survey__matrix label[b-s3qsfmw4ry] {
    display: flex;
    gap: 7px;
}

.public-survey__validation[b-s3qsfmw4ry] {
    width: min(100%, var(--survey-max));
    margin: 0 auto 14px;
    padding: 13px 15px;
    border: 1px solid rgba(183, 72, 60, .25);
    border-radius: 12px;
    color: #8d3028;
    background: #fff1ef;
}

.public-survey__footer[b-s3qsfmw4ry] {
    position: sticky;
    bottom: 14px;
    display: flex;
    align-items: center;
    gap: 18px;
    justify-content: space-between;
    padding: 15px 17px;
    border: 1px solid rgba(26, 54, 81, .1);
    border-radius: var(--survey-radius);
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 18px 50px rgba(18, 40, 64, .16);
    backdrop-filter: blur(18px);
}

.public-survey__footer div[b-s3qsfmw4ry] {
    display: grid;
    gap: 2px;
}

.public-survey__footer span[b-s3qsfmw4ry] {
    color: #5f6877;
    font-size: .8rem;
}

.public-survey__footer button[b-s3qsfmw4ry] {
    min-width: 170px;
    padding: 13px 19px;
    border: 0;
    border-radius: 12px;
    color: var(--survey-on-action);
    background: var(--survey-action);
    box-shadow: 0 10px 24px color-mix(in srgb, var(--survey-action) 24%, transparent);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.public-survey__footer button:disabled[b-s3qsfmw4ry] {
    cursor: wait;
    opacity: .65;
}

.public-survey__continue[b-s3qsfmw4ry] {
    display: inline-flex;
    justify-content: center;
    min-width: 150px;
    margin-top: 22px;
    padding: 12px 18px;
    border-radius: 12px;
    color: var(--survey-on-action);
    background: var(--survey-action);
    font-weight: 800;
    text-decoration: none;
}

.public-survey__select:focus-visible[b-s3qsfmw4ry],
.public-survey__input:focus-visible[b-s3qsfmw4ry],
.public-survey__text:focus-visible[b-s3qsfmw4ry],
.public-survey__ranking select:focus-visible[b-s3qsfmw4ry],
.public-survey__option:focus-within[b-s3qsfmw4ry],
.public-survey__footer button:focus-visible[b-s3qsfmw4ry],
.public-survey__continue:focus-visible[b-s3qsfmw4ry],
.public-survey__validation:focus-visible[b-s3qsfmw4ry] {
    outline: 3px solid var(--survey-focus-ring);
    outline-offset: 3px;
}

.public-survey__sr[b-s3qsfmw4ry] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.public-survey__state[b-s3qsfmw4ry] {
    display: grid;
    min-height: 420px;
    place-items: center;
    align-content: center;
    padding: 44px;
    border: 1px solid rgba(26, 54, 81, .09);
    border-radius: calc(var(--survey-radius) + 8px);
    text-align: center;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 24px 70px rgba(18, 40, 64, .12);
}

.public-survey__state h1[b-s3qsfmw4ry] {
    margin: 18px 0 6px;
}

.public-survey__state p[b-s3qsfmw4ry] {
    max-width: 58ch;
    margin: 0;
    color: #5f6877;
    line-height: 1.6;
}

.public-survey__state-icon[b-s3qsfmw4ry] {
    display: grid;
    width: 62px;
    height: 62px;
    place-items: center;
    border-radius: 20px;
    color: var(--survey-on-action);
    background: var(--survey-action);
    font-size: 1.7rem;
    font-weight: 850;
}

.public-survey__state--error .public-survey__state-icon[b-s3qsfmw4ry] {
    background: #a13c34;
}

.public-survey__spinner[b-s3qsfmw4ry] {
    width: 46px;
    height: 46px;
    border: 4px solid color-mix(in srgb, var(--survey-action) 16%, transparent);
    border-top-color: var(--survey-action);
    border-radius: 50%;
    animation: public-survey-spin-b-s3qsfmw4ry .8s linear infinite;
}

.public-survey--density-compact .public-survey__question[b-s3qsfmw4ry] {
    padding-block: clamp(17px, 2.5vw, 24px);
}

.public-survey--density-spacious .public-survey__question[b-s3qsfmw4ry] {
    padding: clamp(26px, 4vw, 38px);
}

.public-survey--surface-solid .public-survey__question[b-s3qsfmw4ry],
.public-survey--surface-solid .public-survey__footer[b-s3qsfmw4ry],
.public-survey--surface-solid .public-survey__state[b-s3qsfmw4ry] {
    background: #fff;
    backdrop-filter: none;
}

.public-survey--surface-glass .public-survey__question[b-s3qsfmw4ry],
.public-survey--surface-glass .public-survey__footer[b-s3qsfmw4ry],
.public-survey--surface-glass .public-survey__state[b-s3qsfmw4ry] {
    background: rgba(255, 255, 255, .8);
    backdrop-filter: blur(20px);
}

.public-survey--progress-minimal .public-survey__progress progress[b-s3qsfmw4ry] {
    display: none;
}

.public-survey--progress-steps .public-survey__progress progress[b-s3qsfmw4ry] {
    height: 10px;
    border-radius: 2px;
}

.public-survey--matrix-linear .public-survey__matrix fieldset > div[b-s3qsfmw4ry] {
    display: grid;
    grid-template-columns: 1fr;
}

.public-survey--matrix-linear .public-survey__matrix label[b-s3qsfmw4ry] {
    padding: 9px 10px;
    border: 1px solid #dbe3ec;
    border-radius: 10px;
    background: #fbfcfe;
}

.public-survey--high-contrast[b-s3qsfmw4ry] {
    color: #06111c;
    background: #fff;
}

.public-survey--high-contrast .public-survey__question[b-s3qsfmw4ry],
.public-survey--high-contrast .public-survey__footer[b-s3qsfmw4ry],
.public-survey--high-contrast .public-survey__state[b-s3qsfmw4ry],
.public-survey--high-contrast .public-survey__option[b-s3qsfmw4ry],
.public-survey--high-contrast .public-survey__matrix fieldset[b-s3qsfmw4ry] {
    border-color: #06111c;
    box-shadow: none;
}

.public-survey--high-contrast .public-survey__description[b-s3qsfmw4ry],
.public-survey--high-contrast .public-survey__footer span[b-s3qsfmw4ry],
.public-survey--high-contrast .public-survey__state p[b-s3qsfmw4ry] {
    color: #172838;
}

.public-survey--reduced-motion *[b-s3qsfmw4ry],
.public-survey--reduced-motion *[b-s3qsfmw4ry]::before,
.public-survey--reduced-motion *[b-s3qsfmw4ry]::after,
.public-survey--motion-none *[b-s3qsfmw4ry],
.public-survey--motion-none *[b-s3qsfmw4ry]::before,
.public-survey--motion-none *[b-s3qsfmw4ry]::after {
    scroll-behavior: auto !important;
    transition: none !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
}

@keyframes public-survey-spin-b-s3qsfmw4ry {
    to { transform: rotate(360deg); }
}

@media (max-width: 720px) {
    .public-survey[b-s3qsfmw4ry] {
        padding: 14px;
    }

    .public-survey__privacy[b-s3qsfmw4ry] {
        display: none;
    }

    .public-survey__hero[b-s3qsfmw4ry] {
        grid-template-columns: 1fr;
    }

    .public-survey__progress[b-s3qsfmw4ry] {
        min-width: 0;
    }

    .public-survey__description[b-s3qsfmw4ry] {
        margin-left: 0;
    }

    .public-survey__footer[b-s3qsfmw4ry] {
        align-items: stretch;
        flex-direction: column;
    }

    .public-survey__footer button[b-s3qsfmw4ry] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .public-survey *[b-s3qsfmw4ry],
    .public-survey *[b-s3qsfmw4ry]::before,
    .public-survey *[b-s3qsfmw4ry]::after {
        scroll-behavior: auto !important;
        transition: none !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}
/* /Pages/Registration.razor.rz.scp.css */

.portal-page--registration[b-ke2sh43j3k]{
    gap: 0.82rem;
}

.portal-registration-columns[b-ke2sh43j3k]{
    display: grid;
    gap: 0.82rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
}

.portal-registration-hero[b-ke2sh43j3k]{
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 37), 49%, 48%, 0.1), transparent 24%),
        radial-gradient(circle at left center, hsla(var(--brand-h, 224), 76%, 48%, 0.1), transparent 26%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 248, 255, 0.96));
    padding: 0.9rem !important;
}

.portal-registration-hero .portal-title[b-ke2sh43j3k]{
    gap: 0.85rem;
    align-items: flex-start;
}

.portal-registration-hero[b-ke2sh43j3k]  .portal-title__icon{
    width: 2.55rem;
    height: 2.55rem;
    border-radius: 16px;
}

.portal-registration-hero[b-ke2sh43j3k]  .portal-title__eyebrow{
    font-size: 0.72rem;
    letter-spacing: 0.16em;
}

.portal-registration-hero[b-ke2sh43j3k]  .portal-title__copy{
    margin-top: 0.24rem;
    max-width: 43rem;
    font-size: 0.76rem;
    line-height: 1.42;
}

.portal-registration-summary[b-ke2sh43j3k],
.portal-registration-toolbar[b-ke2sh43j3k],
.portal-registration-search[b-ke2sh43j3k],
.portal-registration-selection[b-ke2sh43j3k],
.portal-registration-selected[b-ke2sh43j3k]{
    overflow: hidden;
}

.portal-registration-summary[b-ke2sh43j3k]{
    padding: 0 !important;
    background: transparent;
    border: 0;
    box-shadow: none;
    backdrop-filter: none;
    overflow: visible;
}

.portal-registration-summary[b-ke2sh43j3k]::before{
    display: none;
}

.portal-registration-toolbar[b-ke2sh43j3k]{
    padding: 0.8rem !important;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 37), 49%, 48%, 0.08), transparent 22%),
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(245, 248, 254, 0.97));
}

.portal-registration-search[b-ke2sh43j3k],
.portal-registration-selected[b-ke2sh43j3k]{
    padding: 0.9rem !important;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    align-content: start;
    min-height: 0;
    height: min(46rem, calc(100vh - 15rem));
}

.portal-registration-toolbar-head[b-ke2sh43j3k]{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.9rem;
}

.portal-registration-search .portal-title[b-ke2sh43j3k],
.portal-registration-selected .portal-title[b-ke2sh43j3k]{
    gap: 0.68rem;
    align-items: center;
}

.portal-registration-search[b-ke2sh43j3k]  .portal-title__icon,
.portal-registration-selected[b-ke2sh43j3k]  .portal-title__icon{
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 14px;
}

.portal-registration-search[b-ke2sh43j3k]  .portal-title__eyebrow,
.portal-registration-selected[b-ke2sh43j3k]  .portal-title__eyebrow{
    font-size: 0.68rem;
    letter-spacing: 0.14em;
}

.portal-registration-search[b-ke2sh43j3k]  .portal-title__heading,
.portal-registration-selected[b-ke2sh43j3k]  .portal-title__heading{
    font-size: 0.98rem;
    line-height: 1.08;
}

.portal-registration-search[b-ke2sh43j3k]  .portal-title__copy,
.portal-registration-selected[b-ke2sh43j3k]  .portal-title__copy{
    margin-top: 0.14rem;
    font-size: 0.72rem;
    line-height: 1.3;
    max-width: 36rem;
}

.portal-registration-selected[b-ke2sh43j3k]{
    position: sticky;
    top: calc(var(--portal-frame-gap) + 5.85rem);
}

.portal-registration-panel-head[b-ke2sh43j3k]{
    min-height: 3.4rem;
}

.portal-registration-panel-head--available[b-ke2sh43j3k]{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.9rem;
}

.portal-registration-panel-toggle[b-ke2sh43j3k]{
    display: none;
    align-items: center;
    gap: 0.46rem;
    flex: 0 0 auto;
    appearance: none;
    cursor: pointer;
    min-height: 2.45rem;
    padding: 0.38rem 0.82rem;
    border: 1px solid hsla(var(--brand-h, 217), 51%, 15%, 0.08);
    border-radius: 999px;
    background:
        radial-gradient(circle at top left, hsla(var(--brand-h, 224), 76%, 48%, 0.1), transparent 42%),
        linear-gradient(180deg, rgba(255,255,255,0.99), rgba(244,248,255,0.96));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.92),
        0 16px 30px hsla(var(--brand-h, 219), 62%, 16%, 0.08);
    color: hsl(var(--brand-h, 220), 65%, 32%);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.portal-registration-panel-toggle:hover[b-ke2sh43j3k]{
    transform: translateY(-1px);
    border-color: hsla(var(--brand-h, 224), 76%, 48%, 0.2);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.94),
        0 18px 32px hsla(var(--brand-h, 219), 62%, 16%, 0.1);
}

.portal-registration-panel-toggle:focus-visible[b-ke2sh43j3k]{
    outline: 2px solid hsla(var(--brand-h, 224), 76%, 48%, 0.22);
    outline-offset: 2px;
}

.portal-registration-panel-toggle__count[b-ke2sh43j3k]{
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

.portal-registration-toolbar-preview[b-ke2sh43j3k],
.portal-registration-panel-preview[b-ke2sh43j3k]{
    display: none;
    flex-wrap: wrap;
    gap: 0.48rem;
    padding: 0.74rem 0.82rem;
    border: 1px solid hsla(var(--brand-h, 217), 51%, 15%, 0.07);
    border-radius: 18px;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 37), 49%, 48%, 0.08), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,0.99), rgba(245,248,255,0.96));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92);
}

.portal-registration-panel-preview[b-ke2sh43j3k]{
    background:
        radial-gradient(circle at top right, hsla(var(--brand-h, 224), 76%, 48%, 0.08), transparent 26%),
        linear-gradient(180deg, rgba(255,255,255,0.99), rgba(245,248,255,0.96));
}

.portal-registration-toolbar-preview__item[b-ke2sh43j3k],
.portal-registration-panel-preview__item[b-ke2sh43j3k]{
    display: inline-flex;
    align-items: center;
    min-height: 1.95rem;
    padding: 0.24rem 0.72rem;
    border-radius: 999px;
    background: hsla(var(--brand-h, 217), 51%, 15%, 0.05);
    color: hsl(var(--brand-h, 217), 46%, 30%);
    font-size: 0.72rem;
    font-weight: 700;
}

.portal-registration-toolbar-body[b-ke2sh43j3k],
.portal-registration-panel-content[b-ke2sh43j3k]{
    display: block;
}

.portal-registration-desktop-only[b-ke2sh43j3k]{
    min-height: 0;
}

.portal-registration-search .portal-empty[b-ke2sh43j3k],
.portal-registration-selected .portal-empty[b-ke2sh43j3k]{
    align-self: start;
}

.portal-registration-search[b-ke2sh43j3k]  .portal-title__heading{
    font-size: 0.93rem;
}

.portal-registration-selected[b-ke2sh43j3k]  .portal-title__heading{
    font-size: 1.03rem;
}

.portal-registration-kpis[b-ke2sh43j3k]{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.52rem;
    max-width: 70rem;
    margin-inline: auto;
    width: 100%;
    align-items: stretch;
}

.portal-registration-kpi[b-ke2sh43j3k]{
    position: relative;
    overflow: hidden;
    border: 1px solid hsla(var(--brand-h, 217), 51%, 15%, 0.07);
    background:
        radial-gradient(circle at top right, hsla(var(--brand-h, 224), 76%, 48%, 0.09), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,0.99), rgba(245,248,255,0.97));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.94),
        0 12px 24px hsla(var(--brand-h, 219), 62%, 16%, 0.05);
    padding: 0.64rem 0.82rem 0.68rem;
    min-height: 3.36rem;
    border-radius: 20px;
}

.portal-registration-kpi[b-ke2sh43j3k]  .portal-kpi__label,
.portal-registration-kpi[b-ke2sh43j3k]  .portal-kpi__value{
    position: relative;
    z-index: 1;
    color: hsl(var(--brand-h, 219), 58%, 20%);
}

.portal-registration-kpi[b-ke2sh43j3k]  .portal-kpi__label{
    font-size: 0.64rem;
    opacity: 1;
    color: hsl(var(--brand-h, 217), 20%, 52%);
}

.portal-registration-kpi[b-ke2sh43j3k]  .portal-kpi__value{
    margin-top: 0.2rem;
    font-size: clamp(1.02rem, 1.2vw, 1.34rem);
    line-height: 1;
}

@media (min-width: 1300px){
    .portal-registration-kpis[b-ke2sh43j3k]{
        max-width: 62rem;
    }
}

.portal-registration-filters[b-ke2sh43j3k]{
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(14rem, 0.92fr);
    gap: 0.54rem;
    padding: 0.42rem;
    border-radius: 22px;
    border: 1px solid hsla(var(--brand-h, 217), 51%, 15%, 0.06);
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 37), 49%, 48%, 0.08), transparent 24%),
        linear-gradient(180deg, rgba(251, 253, 255, 0.98), rgba(244, 247, 253, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.92),
        0 16px 32px hsla(var(--brand-h, 221), 39%, 11%, 0.05);
}

.portal-registration-filter[b-ke2sh43j3k]{
    min-width: 0;
    padding: 0.38rem 0.42rem 0.42rem;
    border-radius: 18px;
    border: 1px solid hsla(var(--brand-h, 217), 51%, 15%, 0.05);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.99), rgba(248, 250, 255, 0.97));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.96),
        0 8px 18px hsla(var(--brand-h, 222), 47%, 11%, 0.035);
}

.portal-registration-filter--search[b-ke2sh43j3k]{
    background:
        radial-gradient(circle at top right, hsla(var(--brand-h, 224), 76%, 48%, 0.06), transparent 26%),
        linear-gradient(180deg, rgba(255,255,255,0.99), rgba(247, 250, 255, 0.97));
}

.portal-registration-filter__label[b-ke2sh43j3k]{
    display: inline-flex;
    align-items: center;
    margin: 0 0 0.24rem 0.2rem;
    color: hsl(var(--brand-h, 219), 20%, 48%);
    font-size: 0.67rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.portal-registration-filter-field[b-ke2sh43j3k]{
    min-width: 0;
}

.portal-registration-toolbar__actions[b-ke2sh43j3k]{
    justify-content: flex-end;
}

.portal-registration-filters[b-ke2sh43j3k]  .mud-input-control{
    min-width: 0;
}

.portal-registration-filters[b-ke2sh43j3k]  .mud-input-root,
.portal-registration-filters[b-ke2sh43j3k]  .mud-input.mud-input-outlined,
.portal-registration-filters[b-ke2sh43j3k]  .mud-select{
    min-height: 2.05rem;
    border-radius: 14px;
    background: rgba(255,255,255,0.88);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.98),
        0 4px 12px hsla(var(--brand-h, 222), 47%, 11%, 0.025);
}

.portal-registration-filters[b-ke2sh43j3k]  .mud-input.mud-input-outlined .mud-input-slot{
    padding: 0.48rem 0.72rem;
}

.portal-registration-filters[b-ke2sh43j3k]  .mud-input-slot,
.portal-registration-filters[b-ke2sh43j3k]  .mud-select-input{
    font-size: 0.84rem;
    line-height: 1.1;
    font-weight: 600;
    color: hsl(var(--brand-h, 219), 40%, 24%);
}

.portal-registration-filters[b-ke2sh43j3k]  .mud-input-outlined-border,
.portal-registration-filters[b-ke2sh43j3k]  .mud-select-outlined .mud-input-outlined-border{
    border-color: hsla(var(--brand-h, 217), 51%, 15%, 0.07) !important;
}

.portal-registration-filters[b-ke2sh43j3k]  input.mud-input-slot::placeholder{
    color: hsla(var(--brand-h, 219), 19%, 44%, 0.64);
    opacity: 1;
}

.portal-registration-filters[b-ke2sh43j3k]  .mud-select-icon{
    color: hsl(var(--brand-h, 217), 20%, 52%);
    right: 0.55rem;
}

.portal-registration-filters[b-ke2sh43j3k]  .mud-input-adornment-start{
    margin-right: 0.2rem;
    color: hsla(var(--brand-h, 224), 76%, 48%, 0.82);
}

.portal-registration-filters[b-ke2sh43j3k]  .mud-input-root:focus-within,
.portal-registration-filters[b-ke2sh43j3k]  .mud-input.mud-input-outlined:focus-within{
    background: rgba(255,255,255,0.98);
    box-shadow:
        0 0 0 3px hsla(var(--brand-h, 224), 76%, 48%, 0.075),
        0 12px 22px hsla(var(--brand-h, 224), 76%, 48%, 0.07);
}

.portal-registration-filters[b-ke2sh43j3k]  .mud-shrink ~ label,
.portal-registration-filters[b-ke2sh43j3k]  .mud-input-label,
.portal-registration-filters[b-ke2sh43j3k]  .mud-input-label-inputcontrol{
    display: none;
}

.portal-registration-table-wrap[b-ke2sh43j3k]{
    min-height: 0;
    height: 100%;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: hsla(var(--brand-h, 224), 76%, 48%, 0.32) rgba(226, 233, 245, 0.45);
}

.portal-registration-table-wrap--available[b-ke2sh43j3k]{
    max-height: 100%;
}

.portal-registration-table-wrap--selected[b-ke2sh43j3k]{
    max-height: 100%;
}

.portal-registration-table-wrap[b-ke2sh43j3k]::-webkit-scrollbar{
    width: 10px;
    height: 10px;
}

.portal-registration-table-wrap[b-ke2sh43j3k]::-webkit-scrollbar-track{
    background: rgba(226, 233, 245, 0.45);
    border-radius: 999px;
}

.portal-registration-table-wrap[b-ke2sh43j3k]::-webkit-scrollbar-thumb{
    background: linear-gradient(180deg, hsla(var(--brand-h, 224), 76%, 48%, 0.54), hsla(var(--brand-h, 224), 76%, 48%, 0.26));
    border-radius: 999px;
    border: 2px solid rgba(246, 249, 253, 0.9);
}

.portal-registration-table[b-ke2sh43j3k]{
    min-width: 42rem;
}

.portal-registration-table th[b-ke2sh43j3k]{
    top: 0;
}

.portal-registration-table td[b-ke2sh43j3k]  .mud-button-root{
    min-width: 0;
}

.portal-registration-table .portal-wrap[b-ke2sh43j3k]{
    line-height: 1.34;
}

.portal-registration-action-cell[b-ke2sh43j3k]{
    width: 1%;
    text-align: center;
    white-space: nowrap;
}

.portal-registration-icon-button[b-ke2sh43j3k]{
    width: 2rem;
    height: 2rem;
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(248, 250, 255, 0.98), rgba(241, 246, 255, 0.98));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 10px 18px hsla(var(--brand-h, 221), 39%, 11%, 0.06);
}

.portal-registration-icon-button[b-ke2sh43j3k]  .mud-disabled{
    background: rgba(237, 241, 247, 0.86);
    box-shadow: none;
}

.portal-registration-table--selected th:nth-child(1)[b-ke2sh43j3k],
.portal-registration-table--selected td:nth-child(1)[b-ke2sh43j3k]{
    width: 2.25rem;
}

.portal-registration-table--selected th:nth-child(3)[b-ke2sh43j3k],
.portal-registration-table--selected td:nth-child(3)[b-ke2sh43j3k]{
    width: 3rem;
}

.portal-registration-table--selected th:nth-child(n+4)[b-ke2sh43j3k],
.portal-registration-table--selected td:nth-child(n+4)[b-ke2sh43j3k]{
    width: 3.15rem;
}

.portal-registration-countdown[b-ke2sh43j3k]{
    display: grid;
    gap: 0.7rem;
    padding: 0.78rem 0.82rem;
    border-radius: 21px;
    border: 1px solid hsla(var(--brand-h, 224), 76%, 48%, 0.12);
    background:
        radial-gradient(circle at top right, rgba(255,255,255,0.22), transparent 26%),
        linear-gradient(135deg, hsla(var(--brand-h, 219), 73%, 24%, 0.98), hsla(var(--brand-h, 224), 76%, 48%, 0.92));
    box-shadow: 0 18px 36px hsla(var(--brand-h, 221), 75%, 31%, 0.16);
}

.portal-registration-countdown__lead[b-ke2sh43j3k]{
    display: grid;
    gap: 0.1rem;
}

.portal-registration-countdown__eyebrow[b-ke2sh43j3k]{
    font-size: 0.68rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-weight: 800;
    color: rgba(255,255,255,0.72);
}

.portal-registration-countdown__copy[b-ke2sh43j3k]{
    font-size: 0.72rem;
    line-height: 1.34;
    color: rgba(255,255,255,0.9);
    max-width: 34rem;
}

.portal-registration-countdown__grid[b-ke2sh43j3k]{
    display: grid;
    gap: 0.55rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.portal-registration-countdown__cell[b-ke2sh43j3k]{
    display: grid;
    gap: 0.12rem;
    padding: 0.56rem 0.72rem;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.08);
    backdrop-filter: blur(12px);
}

.portal-registration-countdown__value[b-ke2sh43j3k]{
    font-family: "Fraunces", Georgia, serif;
    font-size: 1.12rem;
    line-height: 1;
    color: rgba(255,255,255,0.98);
}

.portal-registration-countdown__label[b-ke2sh43j3k]{
    font-size: 0.64rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-weight: 800;
    color: rgba(255,255,255,0.72);
}

.portal-html[b-ke2sh43j3k]{
    font-size: 0.92rem;
    line-height: 1.65;
}

.portal-html p:first-child[b-ke2sh43j3k]{
    margin-top: 0;
}


.portal-registration-mobile-only[b-ke2sh43j3k]{
    display: none;
}

.portal-registration-mobile-list[b-ke2sh43j3k]{
    display: grid;
    gap: 0.78rem;
}

.portal-registration-mobile-card[b-ke2sh43j3k]{
    display: grid;
    gap: 0.78rem;
    padding: 0.94rem 1rem;
    border-radius: 24px;
    border: 1px solid hsla(var(--brand-h, 217), 51%, 15%, 0.08);
    background:
        radial-gradient(circle at top right, hsla(var(--brand-h, 224), 76%, 48%, 0.08), transparent 28%),
        radial-gradient(circle at bottom left, hsla(var(--brand-accent-h, 37), 49%, 48%, 0.08), transparent 24%),
        linear-gradient(180deg, rgba(255,255,255,0.99), rgba(245,248,255,0.97));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.95),
        0 18px 34px hsla(var(--brand-h, 219), 62%, 16%, 0.07);
}

.portal-registration-mobile-card--selected[b-ke2sh43j3k]{
    background:
        radial-gradient(circle at top right, rgba(36, 149, 96, 0.08), transparent 26%),
        radial-gradient(circle at bottom left, hsla(var(--brand-h, 224), 76%, 48%, 0.07), transparent 22%),
        linear-gradient(180deg, rgba(255,255,255,0.99), rgba(245,249,255,0.97));
}

.portal-registration-mobile-card__head[b-ke2sh43j3k]{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.72rem;
}

.portal-registration-mobile-card__copy[b-ke2sh43j3k]{
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.portal-registration-mobile-card__eyebrow[b-ke2sh43j3k]{
    color: hsl(var(--brand-h, 217), 21%, 54%);
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.portal-registration-mobile-card__title[b-ke2sh43j3k]{
    color: hsl(var(--brand-h, 216), 61%, 23%);
    font-size: 0.94rem;
    font-weight: 800;
    line-height: 1.32;
}

.portal-registration-mobile-card__meta[b-ke2sh43j3k]{
    color: hsl(var(--brand-h, 217), 21%, 53%);
    font-size: 0.77rem;
    line-height: 1.45;
}

.portal-registration-mobile-card__badge[b-ke2sh43j3k]{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.05rem;
    min-height: 2.05rem;
    padding: 0.26rem 0.62rem;
    border-radius: 999px;
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.08);
    color: hsl(var(--brand-h, 224), 71%, 48%);
    font-size: 0.74rem;
    font-weight: 800;
    white-space: nowrap;
}

.portal-registration-mobile-card__chips[b-ke2sh43j3k]{
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
}

.portal-registration-mobile-card__chip[b-ke2sh43j3k]{
    display: inline-flex;
    align-items: center;
    min-height: 1.92rem;
    padding: 0.24rem 0.62rem;
    border-radius: 999px;
    background: hsla(var(--brand-h, 217), 51%, 15%, 0.05);
    color: hsl(var(--brand-h, 217), 46%, 30%);
    font-size: 0.71rem;
    font-weight: 700;
    line-height: 1.2;
}

.portal-registration-mobile-card__actions[b-ke2sh43j3k]{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.48rem;
}

.portal-registration-mobile-action[b-ke2sh43j3k]{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.38rem;
    width: 100%;
    min-height: 2.5rem;
    padding: 0.54rem 0.72rem;
    border: 1px solid hsla(var(--brand-h, 218), 58%, 22%, 0.08);
    border-radius: 17px;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(244,247,253,0.96));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.94),
        0 10px 20px hsla(var(--brand-h, 219), 62%, 16%, 0.05);
    color: hsl(var(--brand-h, 216), 61%, 23%);
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.portal-registration-mobile-action:hover:not(:disabled)[b-ke2sh43j3k]{
    transform: translateY(-1px);
    border-color: hsla(var(--brand-h, 224), 76%, 48%, 0.16);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.96),
        0 16px 26px hsla(var(--brand-h, 221), 75%, 31%, 0.08);
}

.portal-registration-mobile-action:disabled[b-ke2sh43j3k]{
    opacity: 0.52;
    cursor: not-allowed;
    box-shadow: none;
}

.portal-registration-mobile-action--primary[b-ke2sh43j3k]{
    color: hsl(var(--brand-h, 224), 71%, 46%);
    background:
        radial-gradient(circle at top right, hsla(var(--brand-h, 224), 76%, 48%, 0.08), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,0.99), rgba(242,247,255,0.97));
}

.portal-registration-mobile-action--success[b-ke2sh43j3k]{
    color: #237a56;
    background:
        radial-gradient(circle at top right, rgba(36, 149, 96, 0.08), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,0.99), rgba(243,250,247,0.97));
}

.portal-registration-mobile-action--warning[b-ke2sh43j3k]{
    color: #9b6b18;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 37), 49%, 48%, 0.11), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,0.99), rgba(252,248,241,0.97));
}

.portal-registration-mobile-action--danger[b-ke2sh43j3k]{
    color: #b34b62;
    background:
        radial-gradient(circle at top right, rgba(200, 86, 109, 0.1), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,0.99), rgba(253,245,247,0.97));
}

.portal-registration-mobile-action[b-ke2sh43j3k]  .mud-icon-root{
    font-size: 1rem;
}

@media (min-width: 861px){
    .portal-registration-panel-content[b-ke2sh43j3k]{
        min-height: 0;
        height: 100%;
        display: grid;
    }

    .portal-registration-desktop-only[b-ke2sh43j3k]{
        min-height: 0;
        height: 100%;
        display: grid;
    }

    .portal-registration-desktop-only > .portal-registration-table-wrap[b-ke2sh43j3k]{
        min-height: 0;
        height: 100%;
        margin-top: 0.82rem !important;
    }
}

@media (max-width: 1180px){
    .portal-registration-columns[b-ke2sh43j3k]{
        grid-template-columns: 1fr;
    }

    .portal-registration-search[b-ke2sh43j3k],
    .portal-registration-selected[b-ke2sh43j3k]{
        height: auto;
    }

    .portal-registration-selected[b-ke2sh43j3k]{
        position: static;
        top: auto;
    }
}

@media (max-width: 860px){
    .portal-registration-desktop-only[b-ke2sh43j3k]{
        display: none;
    }

    .portal-registration-mobile-only[b-ke2sh43j3k]{
        display: block;
    }

    .portal-registration-toolbar[b-ke2sh43j3k]{
        padding: 0.78rem !important;
    }

    .portal-registration-toolbar-head[b-ke2sh43j3k],
    .portal-registration-panel-head--available[b-ke2sh43j3k]{
        flex-direction: column;
        align-items: stretch;
    }

    .portal-registration-panel-toggle--mobile[b-ke2sh43j3k]{
        display: inline-flex;
        align-self: flex-start;
    }

    .portal-registration-toolbar-body--collapsed[b-ke2sh43j3k],
    .portal-registration-panel-content--collapsed[b-ke2sh43j3k]{
        display: none;
    }

    .portal-registration-toolbar-preview[b-ke2sh43j3k],
    .portal-registration-panel-preview[b-ke2sh43j3k]{
        display: flex;
    }

    .portal-registration-filters[b-ke2sh43j3k]{
        grid-template-columns: 1fr;
    }

    .portal-registration-toolbar__actions[b-ke2sh43j3k]{
        justify-content: stretch;
    }

    .portal-registration-toolbar__actions[b-ke2sh43j3k]  .mud-button-root{
        width: 100%;
    }

    .portal-registration-kpis[b-ke2sh43j3k]{
        grid-template-columns: 1fr;
    }

    .portal-registration-countdown__grid[b-ke2sh43j3k]{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .portal-registration-mobile-card__head[b-ke2sh43j3k]{
        flex-direction: column;
        align-items: flex-start;
    }

    .portal-registration-mobile-card__actions[b-ke2sh43j3k]{
        grid-template-columns: 1fr;
    }
}

/* Registration — compact academic workspace */
.portal-content-shell .portal-page.portal-page--registration[b-ke2sh43j3k] {
    gap: var(--space-4);
}

.portal-content-shell .portal-page.portal-page--registration .portal-panel.portal-registration-hero[b-ke2sh43j3k] {
    padding: var(--space-1) var(--space-4) 0 !important;
}

.portal-content-shell .portal-page--registration .portal-registration-hero[b-ke2sh43j3k]  .portal-title__icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: var(--radius-md) !important;
}

.portal-content-shell .portal-page--registration .portal-registration-hero[b-ke2sh43j3k]  .portal-title__copy {
    max-width: 90ch !important;
    font-size: 0.88rem !important;
    line-height: 1.5 !important;
}

.portal-content-shell .portal-page--registration .portal-registration-hero[b-ke2sh43j3k]  .mud-alert {
    min-height: 44px;
    margin-top: var(--space-3) !important;
    padding-block: var(--space-2);
    border-color: color-mix(in srgb, var(--color-danger) 45%, var(--color-border)) !important;
    color: var(--color-danger);
    background: var(--color-danger-soft) !important;
}

.portal-content-shell .portal-page.portal-page--registration .portal-panel.portal-registration-summary[b-ke2sh43j3k] {
    overflow: visible;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.portal-content-shell .portal-page--registration .portal-registration-kpis[b-ke2sh43j3k] {
    width: 100%;
    max-width: none !important;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: var(--space-3);
    margin: 0 !important;
}

.portal-content-shell .portal-page.portal-page--registration .portal-panel.portal-registration-toolbar[b-ke2sh43j3k],
.portal-content-shell .portal-page.portal-page--registration .portal-panel.portal-registration-search[b-ke2sh43j3k],
.portal-content-shell .portal-page.portal-page--registration .portal-panel.portal-registration-selected[b-ke2sh43j3k] {
    padding: var(--space-4) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-lg) !important;
    background: var(--color-surface) !important;
    box-shadow: var(--shadow-card) !important;
}

.portal-content-shell .portal-page--registration .portal-registration-toolbar-head[b-ke2sh43j3k],
.portal-content-shell .portal-page--registration .portal-registration-panel-head[b-ke2sh43j3k] {
    min-height: 0 !important;
    margin: 0;
}

.portal-content-shell .portal-page--registration .portal-registration-toolbar-head[b-ke2sh43j3k]  .portal-title__icon,
.portal-content-shell .portal-page--registration .portal-registration-panel-head[b-ke2sh43j3k]  .portal-title__icon {
    width: 36px !important;
    height: 36px !important;
    border-radius: var(--radius-md) !important;
}

.portal-content-shell .portal-page--registration .portal-registration-toolbar-head[b-ke2sh43j3k]  .portal-title__heading,
.portal-content-shell .portal-page--registration .portal-registration-panel-head[b-ke2sh43j3k]  .portal-title__heading {
    font-size: 1.08rem !important;
    line-height: 1.3 !important;
}

.portal-content-shell .portal-page--registration .portal-registration-toolbar-head[b-ke2sh43j3k]  .portal-title__copy,
.portal-content-shell .portal-page--registration .portal-registration-panel-head[b-ke2sh43j3k]  .portal-title__copy {
    max-width: 72ch !important;
    font-size: 0.82rem !important;
    line-height: 1.45 !important;
}

.portal-content-shell .portal-page--registration .portal-registration-columns[b-ke2sh43j3k] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
    align-items: start !important;
    gap: var(--space-4);
}

.portal-content-shell .portal-page--registration .portal-registration-columns--closed[b-ke2sh43j3k] {
    grid-template-columns: minmax(0, 1fr);
}

.portal-content-shell .portal-page--registration :is(.portal-registration-search, .portal-registration-selected)[b-ke2sh43j3k] {
    position: relative !important;
    top: auto !important;
    height: auto !important;
    min-height: 0 !important;
    align-content: start;
}

.portal-content-shell .portal-page--registration .portal-registration-table-wrap[b-ke2sh43j3k] {
    max-height: min(62vh, 680px);
    margin-top: var(--space-3) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-md) !important;
    background: var(--color-surface) !important;
    box-shadow: none !important;
}

.portal-content-shell .portal-page--registration .portal-registration-columns--closed .portal-registration-table-wrap[b-ke2sh43j3k] {
    max-height: none;
}

.portal-content-shell .portal-page--registration .portal-registration-table[b-ke2sh43j3k] {
    min-width: 760px;
    font-size: 0.86rem;
}

.portal-content-shell .portal-page--registration .portal-registration-table th[b-ke2sh43j3k],
.portal-content-shell .portal-page--registration .portal-registration-table td[b-ke2sh43j3k] {
    height: 48px;
    padding: 9px var(--space-3) !important;
}

.portal-content-shell .portal-page--registration .portal-registration-table .portal-wrap[b-ke2sh43j3k] {
    color: var(--color-text-primary);
    font-weight: 600;
    line-height: 1.4;
}

.portal-content-shell .portal-page--registration .portal-registration-action-cell[b-ke2sh43j3k] {
    width: 48px;
    padding-inline: var(--space-1) !important;
    text-align: center;
}

.portal-content-shell .portal-page--registration[b-ke2sh43j3k]  .portal-registration-icon-button {
    width: 36px !important;
    height: 36px !important;
    border-color: var(--color-border) !important;
    border-radius: var(--radius-md) !important;
    background: var(--color-surface) !important;
    box-shadow: none !important;
}

.portal-content-shell .portal-page--registration[b-ke2sh43j3k]  .portal-registration-icon-button:disabled {
    opacity: 0.38;
    background: var(--color-surface-subtle) !important;
}

.portal-content-shell .portal-page--registration .portal-registration-columns--closed .portal-registration-table--selected :is(th, td):nth-last-child(-n + 2)[b-ke2sh43j3k],
.portal-content-shell .portal-page--registration .portal-registration-columns--closed .portal-registration-mobile-action:disabled[b-ke2sh43j3k] {
    display: none;
}

.portal-content-shell .portal-page--registration .portal-registration-filters[b-ke2sh43j3k] {
    gap: var(--space-3);
    margin-top: var(--space-3) !important;
}

.portal-content-shell .portal-page--registration .portal-registration-toolbar__actions[b-ke2sh43j3k] {
    margin-top: var(--space-3) !important;
}

.portal-content-shell .portal-page--registration .portal-empty[b-ke2sh43j3k] {
    margin-top: var(--space-3) !important;
    padding: var(--space-4);
}

@media (max-width: 992px) {
    .portal-content-shell .portal-page--registration .portal-registration-columns[b-ke2sh43j3k] {
        grid-template-columns: minmax(0, 1fr);
    }

    .portal-content-shell .portal-page--registration .portal-registration-kpis[b-ke2sh43j3k] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .portal-content-shell .portal-page--registration .portal-registration-kpis[b-ke2sh43j3k]  article.portal-kpi-card:last-child {
        grid-column: 1 / -1;
    }
}

@media (max-width: 768px) {
    .portal-content-shell .portal-page--registration .portal-registration-kpis[b-ke2sh43j3k] {
        grid-template-columns: minmax(0, 1fr);
    }

    .portal-content-shell .portal-page--registration .portal-registration-kpis[b-ke2sh43j3k]  article.portal-kpi-card:last-child {
        grid-column: auto;
    }

    .portal-content-shell .portal-page.portal-page--registration .portal-panel.portal-registration-toolbar[b-ke2sh43j3k],
    .portal-content-shell .portal-page.portal-page--registration .portal-panel.portal-registration-search[b-ke2sh43j3k],
    .portal-content-shell .portal-page.portal-page--registration .portal-panel.portal-registration-selected[b-ke2sh43j3k] {
        padding: var(--space-3) !important;
    }
}

/* Registration hero — premium compact status overview. */
.portal-content-shell .portal-page.portal-page--registration .portal-panel.portal-registration-hero[b-ke2sh43j3k] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 18px 20px !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-lg) !important;
    background:
        radial-gradient(circle at 96% 4%, hsla(var(--brand-accent-h, 38), 52%, 52%, 0.09), transparent 24rem),
        radial-gradient(circle at 2% 100%, hsla(var(--brand-h, 219), 58%, 34%, 0.05), transparent 20rem),
        var(--color-surface) !important;
    box-shadow: var(--shadow-card) !important;
}

.portal-content-shell .portal-page.portal-page--registration .portal-panel.portal-registration-hero[b-ke2sh43j3k]::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 20px;
    left: 20px;
    height: 2px;
    border-radius: 0 0 var(--radius-pill) var(--radius-pill);
    background: linear-gradient(90deg, transparent, var(--color-accent-gold), var(--color-brand-800), transparent);
    opacity: 0.42;
}

.portal-content-shell .portal-page--registration .portal-registration-hero[b-ke2sh43j3k]  .portal-title {
    min-width: 0;
    gap: 14px;
}

.portal-content-shell .portal-page--registration .portal-registration-hero[b-ke2sh43j3k]  .portal-title__icon {
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px;
    border: 1px solid hsla(var(--brand-h, 219), 48%, 30%, 0.11) !important;
    border-radius: 14px !important;
    color: var(--color-brand-900) !important;
    background: var(--color-brand-50) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.94) !important;
}

.portal-content-shell .portal-page--registration .portal-registration-hero[b-ke2sh43j3k]  .portal-title__eyebrow {
    margin-bottom: 2px;
    color: var(--color-brand-800) !important;
    font-size: 0.68rem !important;
    line-height: 1.2 !important;
    font-weight: 750 !important;
    letter-spacing: 0.08em !important;
}

.portal-content-shell .portal-page--registration .portal-registration-hero[b-ke2sh43j3k]  .portal-title__heading {
    margin: 0 !important;
}

.portal-content-shell .portal-page--registration .portal-registration-hero[b-ke2sh43j3k]  .portal-title__copy {
    max-width: 76ch !important;
    margin-top: 5px !important;
    color: var(--color-text-secondary) !important;
    font-size: 0.79rem !important;
    line-height: 1.45 !important;
    font-weight: 500 !important;
}

.portal-content-shell .portal-page--registration .portal-registration-status[b-ke2sh43j3k] {
    position: relative;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    min-height: 64px;
    margin-top: 15px;
    padding: 10px 12px;
    border: 1px solid var(--color-border);
    border-radius: 15px;
    background: rgba(255,255,255,0.72);
    box-shadow: 0 7px 18px rgba(24,31,44,0.035);
}

.portal-content-shell .portal-page--registration .portal-registration-status[b-ke2sh43j3k]::before {
    content: "";
    position: absolute;
    inset-block: 10px;
    inset-inline-start: 0;
    width: 3px;
    border-radius: 0 var(--radius-pill) var(--radius-pill) 0;
    background: currentColor;
    opacity: 0.78;
}

.portal-content-shell .portal-page--registration .portal-registration-status--closed[b-ke2sh43j3k] {
    border-color: color-mix(in srgb, var(--color-danger) 22%, var(--color-border));
    color: var(--color-danger);
    background: linear-gradient(90deg, var(--color-danger-soft), rgba(255,255,255,0.76) 58%);
}

.portal-content-shell .portal-page--registration .portal-registration-status--info[b-ke2sh43j3k] {
    border-color: color-mix(in srgb, var(--color-brand-800) 18%, var(--color-border));
    color: var(--color-brand-800);
    background: linear-gradient(90deg, var(--color-brand-50), rgba(255,255,255,0.76) 58%);
}

.portal-content-shell .portal-page--registration .portal-registration-status__icon[b-ke2sh43j3k] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid currentColor;
    border-radius: 12px;
    background: rgba(255,255,255,0.68);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92);
}

.portal-content-shell .portal-page--registration .portal-registration-status__icon[b-ke2sh43j3k]  .mud-icon-root {
    font-size: 1.08rem !important;
}

.portal-content-shell .portal-page--registration .portal-registration-status__body[b-ke2sh43j3k] {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.portal-content-shell .portal-page--registration .portal-registration-status__eyebrow[b-ke2sh43j3k] {
    color: currentColor;
    font-size: 0.63rem;
    line-height: 1.2;
    font-weight: 750;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.8;
}

.portal-content-shell .portal-page--registration .portal-registration-status__messages[b-ke2sh43j3k] {
    display: grid;
    gap: 2px;
    color: var(--color-text-primary);
    font-size: 0.8rem;
    line-height: 1.4;
    font-weight: 650;
}

.portal-content-shell .portal-page--registration .portal-registration-status__badge[b-ke2sh43j3k] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 5px 10px;
    border: 1px solid currentColor;
    border-radius: var(--radius-pill);
    color: currentColor;
    background: rgba(255,255,255,0.64);
    font-size: 0.67rem;
    line-height: 1;
    font-weight: 700;
    white-space: nowrap;
}

@media (max-width: 720px) {
    .portal-content-shell .portal-page.portal-page--registration .portal-panel.portal-registration-hero[b-ke2sh43j3k] {
        padding: 14px !important;
        border-radius: var(--radius-md) !important;
    }

    .portal-content-shell .portal-page--registration .portal-registration-status[b-ke2sh43j3k] {
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 10px;
    }

    .portal-content-shell .portal-page--registration .portal-registration-status__badge[b-ke2sh43j3k] {
        grid-column: 2;
        justify-self: start;
    }
}
/* /Pages/Schedule.razor.rz.scp.css */
.portal-schedule-page[b-1b882cia1e]{
    gap: 0.7rem;
    align-content: start;
}

.portal-schedule-hero[b-1b882cia1e]{
    overflow: hidden;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 40), 48%, 54%, 0.1), transparent 22%),
        linear-gradient(180deg, rgba(255,255,255,0.985), rgba(245,248,255,0.96));
}

.portal-schedule-hero__layout[b-1b882cia1e]{
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.72rem;
    align-items: start;
}

.portal-schedule-hero__copy[b-1b882cia1e]{
    display: grid;
    gap: 0.62rem;
}

.portal-schedule-mode-switch[b-1b882cia1e]{
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
}

.portal-schedule-mode-switch[b-1b882cia1e]  .portal-schedule-mode-switch__button{
    border-radius: 999px !important;
    padding-inline: 0.88rem !important;
    min-height: 2.28rem;
    font-size: 0.74rem !important;
    font-weight: 800 !important;
    box-shadow: 0 10px 22px hsla(var(--brand-h, 219), 70%, 22%, 0.08);
}

.portal-schedule-hero__highlights[b-1b882cia1e]{
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.portal-schedule-hero__pill[b-1b882cia1e]{
    display: inline-flex;
    align-items: center;
    min-height: 1.88rem;
    padding: 0.18rem 0.62rem;
    border-radius: 999px;
    border: 1px solid hsla(var(--brand-h, 219), 68%, 33%, 0.08);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(245,248,255,0.94));
    color: hsl(var(--brand-h, 214), 28%, 39%);
    font-size: 0.72rem;
    font-weight: 800;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92), 0 8px 18px hsla(var(--brand-h, 219), 68%, 17%, 0.05);
}

.portal-schedule-control-panel[b-1b882cia1e]{
    display: grid;
    gap: 0.58rem;
    background:
        radial-gradient(circle at top left, hsla(var(--brand-h, 224), 76%, 48%, 0.05), transparent 22%),
        linear-gradient(180deg, rgba(255,255,255,0.985), rgba(246,249,255,0.965));
}

.portal-schedule-toolbar[b-1b882cia1e]{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.62rem;
}

.portal-schedule-toolbar__cluster[b-1b882cia1e]{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
}

.portal-schedule-toolbar__cluster--grow[b-1b882cia1e]{
    flex: 1 1 26rem;
    justify-content: flex-end;
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(15rem, 0.78fr) auto auto;
    align-items: center;
    max-width: 66rem;
    margin-left: auto;
}

.portal-schedule-toolbar__cluster[b-1b882cia1e]  .portal-schedule-toolbar__toggle,
.portal-schedule-toolbar__cluster--grow[b-1b882cia1e]  .portal-schedule-toolbar__search .mud-input-root,
.portal-schedule-toolbar__cluster--grow[b-1b882cia1e]  .portal-schedule-toolbar__week .mud-input-root{
    border-radius: 999px !important;
}

.portal-schedule-toolbar__cluster[b-1b882cia1e]  .portal-schedule-toolbar__toggle{
    min-height: 2.18rem;
    padding-inline: 0.86rem !important;
    font-size: 0.74rem !important;
    font-weight: 800 !important;
    box-shadow: 0 10px 22px hsla(var(--brand-h, 222), 59%, 14%, 0.06);
}

.portal-schedule-toolbar__cluster--grow[b-1b882cia1e]  .portal-schedule-toolbar__search{
    min-width: 0;
    width: 100%;
    max-width: 31rem;
}

.portal-schedule-toolbar__cluster--grow[b-1b882cia1e]  .portal-schedule-toolbar__week{
    min-width: 0;
    width: 100%;
    max-width: 23rem;
}

.portal-schedule-toolbar__cluster--grow[b-1b882cia1e]  .portal-schedule-toolbar__search .mud-input-outlined,
.portal-schedule-toolbar__cluster--grow[b-1b882cia1e]  .portal-schedule-toolbar__week .mud-input-outlined{
    min-height: 2.48rem;
    height: 2.48rem;
    border-radius: 22px !important;
    background:
        radial-gradient(circle at top left, hsla(var(--brand-accent-h, 41), 47%, 54%, 0.08), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,0.985), rgba(246,249,255,0.955));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.94),
        0 10px 20px hsla(var(--brand-h, 220), 63%, 18%, 0.05);
}

.portal-schedule-toolbar__cluster--grow[b-1b882cia1e]  .portal-schedule-toolbar__search .mud-input-slot,
.portal-schedule-toolbar__cluster--grow[b-1b882cia1e]  .portal-schedule-toolbar__week .mud-input-slot{
    min-height: 2.48rem !important;
    height: 2.48rem !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex;
    align-items: center;
    font-size: 0.78rem !important;
    padding-left: 0.82rem !important;
    padding-right: 0.82rem !important;
    color: hsl(var(--brand-h, 219), 49%, 25%) !important;
    font-weight: 700;
    line-height: 1 !important;
    box-sizing: border-box;
}

.portal-schedule-toolbar__cluster--grow[b-1b882cia1e]  .portal-schedule-toolbar__week .mud-select-input{
    min-height: 2.48rem !important;
    height: 2.48rem !important;
    display: flex !important;
    align-items: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.portal-schedule-toolbar__cluster--grow[b-1b882cia1e]  .portal-schedule-toolbar__search .mud-input-root,
.portal-schedule-toolbar__cluster--grow[b-1b882cia1e]  .portal-schedule-toolbar__week .mud-input-root{
    min-height: 2.48rem !important;
    height: 2.48rem !important;
    border-radius: 22px !important;
    display: flex;
    align-items: center;
}

.portal-schedule-toolbar__cluster--grow[b-1b882cia1e]  .portal-schedule-toolbar__search .mud-input-outlined-border,
.portal-schedule-toolbar__cluster--grow[b-1b882cia1e]  .portal-schedule-toolbar__week .mud-input-outlined-border{
    border-color: hsla(var(--brand-h, 221), 66%, 33%, 0.1) !important;
}

.portal-schedule-toolbar__cluster--grow[b-1b882cia1e]  .portal-schedule-toolbar__search .mud-input-adornment,
.portal-schedule-toolbar__cluster--grow[b-1b882cia1e]  .portal-schedule-toolbar__week .mud-input-adornment{
    color: hsl(var(--brand-h, 218), 18%, 56%) !important;
}

.portal-schedule-toolbar__cluster--grow[b-1b882cia1e]  .portal-schedule-toolbar__search .mud-input-root:hover .mud-input-outlined-border,
.portal-schedule-toolbar__cluster--grow[b-1b882cia1e]  .portal-schedule-toolbar__week .mud-input-root:hover .mud-input-outlined-border{
    border-color: hsla(var(--brand-accent-h, 37), 49%, 48%, 0.18) !important;
}

.portal-schedule-toolbar__cluster--grow[b-1b882cia1e]  .portal-schedule-toolbar__search .mud-input-root.mud-input-focused,
.portal-schedule-toolbar__cluster--grow[b-1b882cia1e]  .portal-schedule-toolbar__week .mud-input-root.mud-input-focused,
.portal-schedule-toolbar__cluster--grow[b-1b882cia1e]  .portal-schedule-toolbar__search .mud-input-root:focus-within,
.portal-schedule-toolbar__cluster--grow[b-1b882cia1e]  .portal-schedule-toolbar__week .mud-input-root:focus-within{
    background:
        radial-gradient(circle at top left, hsla(var(--brand-accent-h, 41), 47%, 54%, 0.09), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,0.995), rgba(247,249,255,0.97));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.96),
        0 0 0 2px hsla(var(--brand-accent-h, 37), 49%, 48%, 0.08),
        0 14px 28px hsla(var(--brand-h, 220), 63%, 18%, 0.08) !important;
}

.portal-schedule-toolbar__cluster--grow[b-1b882cia1e]  .portal-schedule-toolbar__search .mud-input-root.mud-input-focused .mud-input-outlined-border,
.portal-schedule-toolbar__cluster--grow[b-1b882cia1e]  .portal-schedule-toolbar__week .mud-input-root.mud-input-focused .mud-input-outlined-border,
.portal-schedule-toolbar__cluster--grow[b-1b882cia1e]  .portal-schedule-toolbar__search .mud-input-root:focus-within .mud-input-outlined-border,
.portal-schedule-toolbar__cluster--grow[b-1b882cia1e]  .portal-schedule-toolbar__week .mud-input-root:focus-within .mud-input-outlined-border{
    border-color: hsla(var(--brand-accent-h, 37), 49%, 48%, 0.24) !important;
}

.portal-schedule-nav[b-1b882cia1e]{
    display: inline-flex;
    align-items: center;
    gap: 0.15rem;
    min-height: 2.82rem;
    height: 2.82rem;
    padding: 0.14rem;
    border-radius: 999px;
    border: 1px solid hsla(var(--brand-h, 219), 66%, 33%, 0.08);
    background: rgba(255,255,255,0.78);
    box-shadow: 0 12px 24px hsla(var(--brand-h, 222), 59%, 14%, 0.06);
}

.portal-schedule-nav[b-1b882cia1e]  .mud-icon-button{
    width: 2.48rem;
    height: 2.48rem;
    min-width: 2.48rem;
    padding: 0;
}

.portal-schedule-filter-strip[b-1b882cia1e]{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.62rem;
    padding: 0.28rem 0.04rem 0;
}

.portal-schedule-filter-strip__copy[b-1b882cia1e]{
    display: grid;
    gap: 0.16rem;
}

.portal-schedule-filter-strip__eyebrow[b-1b882cia1e]{
    color: hsl(var(--brand-h, 220), 20%, 57%);
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.portal-schedule-filter-strip__title[b-1b882cia1e]{
    color: hsl(var(--brand-h, 219), 60%, 23%);
    font-size: 0.84rem;
    font-weight: 800;
}

.portal-schedule-filter-strip__chips[b-1b882cia1e]{
    display: flex;
    flex-wrap: wrap;
    gap: 0.48rem;
}

.portal-schedule-filter-chip[b-1b882cia1e]{
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    min-height: 1.92rem;
    padding: 0.24rem 0.7rem;
    border-radius: 999px;
    border: 1px solid hsla(var(--brand-h, 220), 63%, 33%, 0.08);
    background: linear-gradient(180deg, rgba(255,255,255,0.9), rgba(244,248,255,0.88));
    color: hsl(var(--brand-h, 217), 26%, 35%);
    font-size: 0.72rem;
    font-weight: 800;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.85), 0 10px 18px hsla(var(--brand-h, 219), 68%, 17%, 0.05);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.portal-schedule-filter-chip:hover[b-1b882cia1e]{
    transform: translateY(-1px);
    box-shadow: 0 14px 24px hsla(var(--brand-h, 219), 68%, 17%, 0.08);
}

.portal-schedule-filter-chip strong[b-1b882cia1e]{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.48rem;
    min-height: 1.48rem;
    padding-inline: 0.28rem;
    border-radius: 999px;
    background: rgba(255,255,255,0.74);
    font-size: 0.72rem;
}

.portal-schedule-filter-chip.is-active[b-1b882cia1e]{
    color: hsl(var(--brand-h, 219), 60%, 23%);
    border-color: hsla(var(--brand-h, 219), 66%, 33%, 0.14);
    box-shadow: 0 16px 28px hsla(var(--brand-h, 219), 68%, 17%, 0.1);
}

.portal-schedule-filter-chip--exam[b-1b882cia1e]{
    background: linear-gradient(180deg, rgba(246,242,255,0.94), hsla(var(--brand-h, 259), 100%, 95%, 0.9));
    color: hsl(var(--brand-h, 255), 45%, 52%);
}

.portal-schedule-filter-chip--remote[b-1b882cia1e]{
    background: linear-gradient(180deg, rgba(241,252,247,0.94), rgba(230,246,239,0.9));
    color: #237e5b;
}

.portal-schedule-filter-chip--recovery[b-1b882cia1e]{
    background: linear-gradient(180deg, rgba(255,251,241,0.94), rgba(248,239,216,0.9));
    color: #9b6d1f;
}

.portal-schedule-toolbar__cluster--grow[b-1b882cia1e]  .portal-schedule-toolbar__download{
    min-height: 2.82rem;
    height: 2.82rem;
    padding-inline: 0.86rem !important;
    border-radius: 999px !important;
    font-size: 0.74rem !important;
    font-weight: 800 !important;
    white-space: nowrap;
    box-shadow: 0 10px 22px hsla(var(--brand-h, 222), 59%, 14%, 0.06);
}

.portal-schedule-filter-chip--additional[b-1b882cia1e]{
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 40), 48%, 54%, 0.14), transparent 45%),
        linear-gradient(180deg, rgba(251,246,255,0.98), rgba(241,231,255,0.94));
    color: hsl(var(--brand-h, 273), 62%, 46%);
}

.portal-schedule-filter-chip--missed[b-1b882cia1e]{
    background: linear-gradient(180deg, rgba(255,246,248,0.94), rgba(247,233,238,0.9));
    color: #a44256;
}

.portal-schedule-filter-chip--holiday[b-1b882cia1e]{
    background: linear-gradient(180deg, rgba(241,252,245,0.94), rgba(231,246,236,0.9));
    color: #28794a;
}

.portal-schedule-filter-chip--overlap[b-1b882cia1e]{
    background: linear-gradient(180deg, rgba(243,246,250,0.94), rgba(232,237,243,0.9));
    color: hsl(var(--brand-h, 217), 26%, 34%);
}

.portal-schedule-filter-chip--clear[b-1b882cia1e]{
    color: hsl(var(--brand-h, 217), 20%, 44%);
    background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(246,248,252,0.92));
}

.portal-schedule-workspace[b-1b882cia1e]{
    display: grid;
    grid-template-columns: minmax(0, 1.24fr) minmax(16rem, 0.42fr);
    gap: 0.7rem;
    align-items: start;
}

.portal-schedule-main[b-1b882cia1e],
.portal-schedule-side[b-1b882cia1e]{
    display: grid;
    gap: 0.7rem;
}

.portal-schedule-panel-head[b-1b882cia1e]{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.8rem;
}

.portal-schedule-panel-head__eyebrow[b-1b882cia1e],
.portal-schedule-side__eyebrow[b-1b882cia1e]{
    color: hsl(var(--brand-h, 219), 22%, 57%);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.portal-schedule-panel-head__title[b-1b882cia1e],
.portal-schedule-side__title[b-1b882cia1e]{
    color: hsl(var(--brand-h, 219), 59%, 23%);
    font-size: 0.98rem;
    font-weight: 900;
    line-height: 1.08;
}

.portal-schedule-panel-head__copy[b-1b882cia1e]{
    margin-top: 0.25rem;
    color: hsl(var(--brand-h, 218), 19%, 46%);
    font-size: 0.8rem;
    line-height: 1.46;
}

.portal-schedule-board__frame[b-1b882cia1e]{
    overflow: auto;
    scrollbar-gutter: stable both-edges;
    border: 1px solid hsla(var(--brand-h, 219), 57%, 29%, 0.09);
    border-radius: 24px;
    background: rgba(255,255,255,0.82);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.78), 0 12px 26px hsla(var(--brand-h, 219), 68%, 17%, 0.05);
}

.portal-schedule-board__layout[b-1b882cia1e]{
    display: grid;
    grid-template-columns: 4.55rem minmax(0, 1fr);
    min-width: 0;
    width: 100%;
}

.portal-schedule-board__stage[b-1b882cia1e]{
    min-width: 0;
    padding-inline-end: 0.34rem;
}

.portal-schedule-board__time-rail[b-1b882cia1e]{
    border-right: 1px solid hsla(var(--brand-h, 219), 50%, 30%, 0.08);
    background: linear-gradient(180deg, rgba(248,251,255,0.98), rgba(239,245,255,0.94));
}

.portal-schedule-board__time-header[b-1b882cia1e]{
    height: 3.95rem;
    border-bottom: 1px solid hsla(var(--brand-h, 219), 50%, 30%, 0.08);
}

.portal-schedule-board__time-label[b-1b882cia1e]{
    height: 4.1rem;
    padding: 0.4rem 0.55rem 0;
    border-bottom: 1px solid hsla(var(--brand-h, 219), 50%, 30%, 0.06);
    color: hsl(var(--brand-h, 218), 19%, 54%);
    font-size: 0.72rem;
    font-weight: 700;
}

.portal-schedule-board__header-row[b-1b882cia1e]{
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.portal-schedule-board__day-header[b-1b882cia1e]{
    min-height: 3.95rem;
    padding: 0.72rem 0.76rem 0.64rem;
    border-right: 1px solid hsla(var(--brand-h, 219), 50%, 30%, 0.08);
    border-bottom: 1px solid hsla(var(--brand-h, 219), 50%, 30%, 0.08);
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(244,248,255,0.94));
}

.portal-schedule-board__day-header:last-child[b-1b882cia1e]{
    border-right: 0;
}

.portal-schedule-board__day-name[b-1b882cia1e]{
    color: hsl(var(--brand-h, 220), 53%, 24%);
    font-size: 0.84rem;
    font-weight: 800;
    padding-inline-end: 0.2rem;
}

.portal-schedule-board__day-date[b-1b882cia1e]{
    margin-top: 0.16rem;
    color: hsl(var(--brand-h, 218), 22%, 55%);
    font-size: 0.72rem;
}

.portal-schedule-board__columns[b-1b882cia1e]{
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.portal-schedule-board__day-column[b-1b882cia1e]{
    position: relative;
    min-height: calc(var(--schedule-hour-count) * 4.1rem);
    border-right: 1px solid hsla(var(--brand-h, 219), 50%, 30%, 0.06);
}

.portal-schedule-board__day-column:last-child[b-1b882cia1e]{
    border-right: 0;
}

.portal-schedule-board__hour-line[b-1b882cia1e]{
    height: 4.1rem;
    border-bottom: 1px solid hsla(var(--brand-h, 219), 50%, 30%, 0.05);
}

.portal-schedule-board__day-empty[b-1b882cia1e]{
    position: absolute;
    inset: 0.75rem auto auto 0.75rem;
    color: hsl(var(--brand-h, 218), 23%, 67%);
    font-size: 0.76rem;
    font-weight: 700;
}

.portal-schedule-board__appointment[b-1b882cia1e]{
    position: absolute;
    z-index: 2;
    display: grid;
    gap: 0.16rem;
    padding: 0.38rem 0.44rem;
    border: 0;
    border-radius: 18px;
    text-align: left;
    overflow: hidden;
    color: hsl(var(--brand-h, 218), 60%, 23%);
    background: linear-gradient(180deg, rgba(237,245,255,0.98), hsla(var(--brand-h, 216), 100%, 93%, 0.94));
    border-left: 4px solid hsl(var(--brand-h, 218), 65%, 48%);
    box-shadow: 0 12px 22px hsla(var(--brand-h, 218), 61%, 34%, 0.16);
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
    align-content: start;
}

.portal-schedule-board__appointment:hover[b-1b882cia1e]{
    transform: translateY(-1px);
    box-shadow: 0 18px 30px hsla(var(--brand-h, 218), 61%, 34%, 0.2);
}

.portal-schedule-board__appointment--exam[b-1b882cia1e]{
    background: linear-gradient(180deg, rgba(245,240,255,0.98), hsla(var(--brand-h, 255), 100%, 94%, 0.94));
    border-left-color: hsl(var(--brand-h, 256), 56%, 55%);
    box-shadow: 0 14px 24px hsla(var(--brand-h, 254), 47%, 47%, 0.16);
}

.portal-schedule-board__appointment--remote[b-1b882cia1e]{
    background: linear-gradient(180deg, rgba(240,252,246,0.98), rgba(223,245,234,0.94));
    border-left-color: #248b63;
}

.portal-schedule-board__appointment--recovery[b-1b882cia1e]{
    background: linear-gradient(180deg, rgba(255,250,239,0.98), rgba(248,237,209,0.94));
    border-left-color: hsl(var(--brand-accent-h, 38), 65%, 47%);
}

.portal-schedule-board__appointment--additional[b-1b882cia1e]{
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 40), 48%, 54%, 0.16), transparent 42%),
        linear-gradient(180deg, rgba(251,247,255,0.99), rgba(241,231,255,0.95));
    border-left-color: hsl(var(--brand-h, 271), 61%, 53%);
    box-shadow: 0 14px 24px hsla(var(--brand-h, 273), 62%, 46%, 0.14);
}

.portal-schedule-board__appointment--missed[b-1b882cia1e]{
    background: linear-gradient(180deg, rgba(255,245,248,0.98), rgba(245,227,234,0.94));
    border-left-color: #be4f67;
}

.portal-schedule-board__appointment--holiday[b-1b882cia1e]{
    box-shadow: inset 0 0 0 1px rgba(44, 152, 88, 0.22), 0 14px 24px rgba(31, 103, 61, 0.13);
}

.portal-schedule-board__appointment--overlap[b-1b882cia1e]{
    outline: 2px solid hsla(var(--brand-h, 219), 36%, 23%, 0.18);
}

.portal-schedule-board__appointment-time-row[b-1b882cia1e]{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.3rem;
    min-width: 0;
}

.portal-schedule-board__appointment-time[b-1b882cia1e]{
    color: hsl(var(--brand-h, 218), 17%, 50%);
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.portal-schedule-board__computer-icon[b-1b882cia1e]{
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: 1.18rem;
    height: 1.18rem;
    border-radius: 999px;
    color: hsl(var(--brand-h, 210), 67%, 37%);
    background: linear-gradient(180deg, rgba(236,247,255,0.98), hsla(var(--brand-h, 206), 77%, 91%, 0.94));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 6px 12px hsla(var(--brand-h, 210), 67%, 37%, 0.12);
}

.portal-schedule-board__computer-icon[b-1b882cia1e]  .mud-icon-root{
    font-size: 0.86rem !important;
}

.portal-schedule-board__appointment-title[b-1b882cia1e]{
    color: hsl(var(--brand-h, 219), 60%, 23%);
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1.22;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.portal-schedule-board__appointment-meta[b-1b882cia1e]{
    color: hsl(var(--brand-h, 217), 20%, 43%);
    font-size: 0.66rem;
    line-height: 1.22;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.portal-schedule-board__appointment--compact[b-1b882cia1e]{
    gap: 0.08rem;
    padding: 0.32rem 0.4rem;
    border-radius: 16px;
}

.portal-schedule-board__appointment--compact .portal-schedule-board__appointment-time[b-1b882cia1e]{
    font-size: 0.6rem;
}

.portal-schedule-board__appointment--compact .portal-schedule-board__appointment-title[b-1b882cia1e]{
    font-size: 0.73rem;
    line-height: 1.18;
    -webkit-line-clamp: 1;
}

.portal-schedule-board__appointment--cozy[b-1b882cia1e]{
    gap: 0.1rem;
    padding: 0.36rem 0.42rem;
}

.portal-schedule-board__appointment--cozy .portal-schedule-board__appointment-title[b-1b882cia1e]{
    font-size: 0.75rem;
    line-height: 1.2;
    -webkit-line-clamp: 2;
}

.portal-schedule-board__appointment--cozy .portal-schedule-board__appointment-meta[b-1b882cia1e]{
    font-size: 0.64rem;
    line-height: 1.24;
}

.portal-schedule-board__appointment--full[b-1b882cia1e]{
    gap: 0.12rem;
}

.portal-schedule-board__appointment--full .portal-schedule-board__appointment-title[b-1b882cia1e]{
    -webkit-line-clamp: 2;
}

.portal-schedule-board__appointment--full .portal-schedule-board__appointment-meta:last-child[b-1b882cia1e]{
    -webkit-line-clamp: 2;
}

.portal-schedule-agenda[b-1b882cia1e]{
    display: grid;
    gap: 0.72rem;
}

.portal-schedule-agenda__day[b-1b882cia1e]{
    display: grid;
    gap: 0.72rem;
}

.portal-schedule-agenda__head[b-1b882cia1e]{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.6rem;
}

.portal-schedule-agenda__title[b-1b882cia1e]{
    color: hsl(var(--brand-h, 219), 60%, 23%);
    font-size: 0.95rem;
    font-weight: 800;
}

.portal-schedule-agenda__meta[b-1b882cia1e]{
    margin-top: 0.16rem;
    color: hsl(var(--brand-h, 219), 20%, 55%);
    font-size: 0.8rem;
}

.portal-schedule-agenda__grid[b-1b882cia1e]{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 0.7rem;
}

.portal-schedule-agenda__card[b-1b882cia1e]{
    display: grid;
    gap: 0.22rem;
    padding: 0.8rem 0.88rem;
    border-radius: 20px;
    border: 1px solid hsla(var(--brand-h, 218), 58%, 31%, 0.1);
    text-align: left;
    cursor: pointer;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(245,249,255,0.94));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.86), 0 16px 28px hsla(var(--brand-h, 218), 67%, 18%, 0.07);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.portal-schedule-agenda__card:hover[b-1b882cia1e],
.portal-schedule-side__upcoming-card:hover[b-1b882cia1e]{
    transform: translateY(-1px);
    box-shadow: 0 18px 32px hsla(var(--brand-h, 218), 67%, 18%, 0.1);
}

.portal-schedule-agenda__card--remote[b-1b882cia1e]{
    background: linear-gradient(180deg, rgba(243,252,248,0.98), rgba(233,246,239,0.94));
}

.portal-schedule-agenda__card--recovery[b-1b882cia1e]{
    background: linear-gradient(180deg, rgba(255,251,240,0.98), rgba(248,239,216,0.94));
}

.portal-schedule-agenda__card--additional[b-1b882cia1e]{
    border-color: hsla(var(--brand-h, 271), 61%, 53%, 0.16);
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 40), 48%, 54%, 0.13), transparent 38%),
        linear-gradient(180deg, rgba(252,248,255,0.99), rgba(244,236,255,0.95));
}

.portal-schedule-agenda__card--missed[b-1b882cia1e]{
    background: linear-gradient(180deg, rgba(255,246,248,0.98), rgba(246,232,237,0.94));
}

.portal-schedule-agenda__card--exam[b-1b882cia1e]{
    background: linear-gradient(180deg, rgba(247,243,255,0.98), hsla(var(--brand-h, 257), 100%, 95%, 0.94));
}

.portal-schedule-agenda__card--holiday[b-1b882cia1e]{
    border-color: rgba(40, 121, 74, 0.16);
}

.portal-schedule-agenda__card--overlap[b-1b882cia1e]{
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 10px 24px hsla(var(--brand-h, 217), 26%, 34%, 0.08);
}

.portal-schedule-agenda__time[b-1b882cia1e]{
    color: hsl(var(--brand-h, 219), 17%, 50%);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.portal-schedule-agenda__card-title[b-1b882cia1e]{
    color: hsl(var(--brand-h, 219), 60%, 23%);
    font-size: 0.94rem;
    font-weight: 800;
}

.portal-schedule-agenda__card-meta[b-1b882cia1e]{
    color: hsl(var(--brand-h, 219), 19%, 44%);
    font-size: 0.8rem;
    line-height: 1.45;
}

.portal-schedule-agenda__flags[b-1b882cia1e]{
    display: flex;
    flex-wrap: wrap;
    gap: 0.38rem;
    margin-top: 0.32rem;
}

.portal-schedule-agenda__flag[b-1b882cia1e]{
    display: inline-flex;
    align-items: center;
    padding: 0.18rem 0.55rem;
    border-radius: 999px;
    background: hsla(var(--brand-h, 219), 76%, 29%, 0.08);
    color: hsl(var(--brand-h, 217), 53%, 32%);
    font-size: 0.7rem;
    font-weight: 700;
}

.portal-schedule-agenda__flag.portal-schedule-badge--default[b-1b882cia1e],
.portal-schedule-mobile-card__flag.portal-schedule-badge--default[b-1b882cia1e]{
    background: hsla(var(--brand-h, 219), 76%, 29%, 0.08);
    color: hsl(var(--brand-h, 217), 53%, 32%);
}

.portal-schedule-agenda__flag.portal-schedule-badge--exam[b-1b882cia1e],
.portal-schedule-mobile-card__flag.portal-schedule-badge--exam[b-1b882cia1e]{
    background: linear-gradient(180deg, rgba(246,242,255,0.94), hsla(var(--brand-h, 259), 100%, 95%, 0.9));
    color: hsl(var(--brand-h, 255), 45%, 52%);
}

.portal-schedule-agenda__flag.portal-schedule-badge--remote[b-1b882cia1e],
.portal-schedule-mobile-card__flag.portal-schedule-badge--remote[b-1b882cia1e]{
    background: linear-gradient(180deg, rgba(241,252,247,0.94), rgba(230,246,239,0.9));
    color: #237e5b;
}

.portal-schedule-agenda__flag.portal-schedule-badge--recovery[b-1b882cia1e],
.portal-schedule-mobile-card__flag.portal-schedule-badge--recovery[b-1b882cia1e]{
    background: linear-gradient(180deg, rgba(255,251,241,0.94), rgba(248,239,216,0.9));
    color: #9b6d1f;
}

.portal-schedule-agenda__flag.portal-schedule-badge--additional[b-1b882cia1e],
.portal-schedule-mobile-card__flag.portal-schedule-badge--additional[b-1b882cia1e]{
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 40), 48%, 54%, 0.14), transparent 46%),
        linear-gradient(180deg, rgba(251,246,255,0.98), rgba(241,231,255,0.94));
    color: hsl(var(--brand-h, 273), 62%, 46%);
}

.portal-schedule-agenda__flag.portal-schedule-badge--computer[b-1b882cia1e],
.portal-schedule-mobile-card__flag.portal-schedule-badge--computer[b-1b882cia1e]{
    gap: 0.24rem;
    background: linear-gradient(180deg, rgba(236,247,255,0.96), hsla(var(--brand-h, 206), 77%, 91%, 0.92));
    color: hsl(var(--brand-h, 210), 67%, 37%);
}

.portal-schedule-agenda__flag.portal-schedule-badge--computer[b-1b882cia1e]  .mud-icon-root,
.portal-schedule-mobile-card__flag.portal-schedule-badge--computer[b-1b882cia1e]  .mud-icon-root{
    font-size: 0.9rem !important;
}

.portal-schedule-agenda__flag.portal-schedule-badge--missed[b-1b882cia1e],
.portal-schedule-mobile-card__flag.portal-schedule-badge--missed[b-1b882cia1e]{
    background: linear-gradient(180deg, rgba(255,246,248,0.94), rgba(247,233,238,0.9));
    color: #a44256;
}

.portal-schedule-agenda__flag.portal-schedule-badge--holiday[b-1b882cia1e],
.portal-schedule-mobile-card__flag.portal-schedule-badge--holiday[b-1b882cia1e]{
    background: linear-gradient(180deg, rgba(241,252,245,0.94), rgba(231,246,236,0.9));
    color: #28794a;
}

.portal-schedule-agenda__flag.portal-schedule-badge--overlap[b-1b882cia1e],
.portal-schedule-mobile-card__flag.portal-schedule-badge--overlap[b-1b882cia1e]{
    background: linear-gradient(180deg, rgba(243,246,250,0.94), rgba(232,237,243,0.9));
    color: hsl(var(--brand-h, 217), 26%, 34%);
}

.portal-schedule-side__section[b-1b882cia1e]{
    display: grid;
    gap: 0.56rem;
    padding: 0.82rem 0.86rem;
    border-radius: 24px;
    border: 1px solid hsla(var(--brand-h, 220), 63%, 33%, 0.08);
    background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(245,248,255,0.92));
    box-shadow: 0 18px 30px hsla(var(--brand-h, 219), 68%, 17%, 0.06);
}

.portal-schedule-side__stats[b-1b882cia1e]{
    display: grid;
    gap: 0.46rem;
}

.portal-schedule-side__stat[b-1b882cia1e]{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    padding: 0.62rem 0.72rem;
    border-radius: 18px;
    background: rgba(255,255,255,0.78);
    color: hsl(var(--brand-h, 218), 19%, 45%);
    font-size: 0.76rem;
}

.portal-schedule-side__stat strong[b-1b882cia1e]{
    color: hsl(var(--brand-h, 219), 60%, 23%);
    font-size: 0.92rem;
}

.portal-schedule-side__upcoming[b-1b882cia1e]{
    display: grid;
    gap: 0.48rem;
}

.portal-schedule-side__upcoming-card[b-1b882cia1e]{
    display: grid;
    gap: 0.18rem;
    padding: 0.72rem 0.76rem;
    border-radius: 17px;
    border: 1px solid hsla(var(--brand-h, 219), 59%, 31%, 0.08);
    text-align: left;
    cursor: pointer;
    background: rgba(255,255,255,0.8);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.84);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.portal-schedule-side__upcoming-time[b-1b882cia1e]{
    color: hsl(var(--brand-h, 219), 17%, 50%);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.portal-schedule-side__upcoming-title[b-1b882cia1e]{
    color: hsl(var(--brand-h, 219), 60%, 23%);
    font-size: 0.86rem;
    font-weight: 800;
}

.portal-schedule-side__upcoming-meta[b-1b882cia1e],
.portal-schedule-side__empty[b-1b882cia1e]{
    color: hsl(var(--brand-h, 218), 18%, 47%);
    font-size: 0.79rem;
    line-height: 1.5;
}

.portal-schedule-empty[b-1b882cia1e]{
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 1.1rem 1.15rem;
    border-radius: 24px;
    border: 1px dashed hsla(var(--brand-h, 220), 56%, 38%, 0.18);
    background: linear-gradient(180deg, rgba(255,255,255,0.86), rgba(247,250,255,0.82));
}

.portal-schedule-empty__icon[b-1b882cia1e]{
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: 18px;
    color: hsl(var(--brand-h, 219), 64%, 47%);
    background: hsla(var(--brand-h, 219), 64%, 47%, 0.1);
}

.portal-schedule-empty__title[b-1b882cia1e]{
    color: hsl(var(--brand-h, 219), 60%, 23%);
    font-size: 0.95rem;
    font-weight: 800;
}

.portal-schedule-empty__copy[b-1b882cia1e]{
    margin-top: 0.18rem;
    color: hsl(var(--brand-h, 218), 18%, 49%);
    font-size: 0.82rem;
    line-height: 1.55;
}


.portal-schedule-mobile-hero[b-1b882cia1e],
.portal-schedule-mobile-controls[b-1b882cia1e],
.portal-schedule-mobile-list-panel[b-1b882cia1e]{
    display: grid;
    gap: 0.82rem;
    background:
        radial-gradient(circle at top left, hsla(var(--brand-h, 219), 65%, 46%, 0.06), transparent 24%),
        linear-gradient(180deg, rgba(255,255,255,0.985), rgba(245,248,255,0.965));
}

.portal-schedule-mobile-hero[b-1b882cia1e]{
    gap: 0.9rem;
}

.portal-schedule-mobile-hero__eyebrow[b-1b882cia1e]{
    color: hsl(var(--brand-h, 220), 19%, 57%);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.portal-schedule-mobile-hero__title[b-1b882cia1e]{
    color: hsl(var(--brand-h, 219), 60%, 23%);
    font-size: 1.3rem;
    font-weight: 900;
    line-height: 1.08;
}

.portal-schedule-mobile-hero__copy[b-1b882cia1e]{
    color: hsl(var(--brand-h, 218), 19%, 47%);
    font-size: 0.84rem;
    line-height: 1.55;
}

.portal-schedule-mobile-mode-switch[b-1b882cia1e]{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.34rem;
}

.portal-schedule-mobile-mode-switch[b-1b882cia1e]  .portal-schedule-mobile-mode-switch__button{
    width: 100%;
    min-height: 2.18rem;
    border-radius: 999px !important;
    padding-inline: 0.28rem !important;
    font-size: 0.63rem !important;
    font-weight: 800 !important;
}

.portal-schedule-mobile-hero__stats[b-1b882cia1e]{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.44rem;
}

.portal-schedule-mobile-stat[b-1b882cia1e]{
    display: grid;
    gap: 0.18rem;
    padding: 0.72rem 0.76rem;
    border-radius: 18px;
    border: 1px solid hsla(var(--brand-h, 219), 66%, 35%, 0.08);
    background: rgba(255,255,255,0.82);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
}

.portal-schedule-mobile-stat span[b-1b882cia1e]{
    color: hsl(var(--brand-h, 220), 18%, 56%);
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.portal-schedule-mobile-stat strong[b-1b882cia1e]{
    color: hsl(var(--brand-h, 219), 60%, 23%);
    font-size: 1rem;
    font-weight: 900;
}

.portal-schedule-mobile-controls__search[b-1b882cia1e],
.portal-schedule-mobile-controls__week[b-1b882cia1e]{
    width: 100%;
}

.portal-schedule-mobile-controls[b-1b882cia1e]  .portal-schedule-mobile-controls__search .mud-input-root,
.portal-schedule-mobile-controls[b-1b882cia1e]  .portal-schedule-mobile-controls__week .mud-input-root{
    min-height: 2.48rem !important;
    height: 2.48rem !important;
    border-radius: 22px !important;
    display: flex;
    align-items: center;
}

.portal-schedule-mobile-controls[b-1b882cia1e]  .portal-schedule-mobile-controls__search .mud-input-outlined,
.portal-schedule-mobile-controls[b-1b882cia1e]  .portal-schedule-mobile-controls__week .mud-input-outlined{
    min-height: 2.48rem;
    height: 2.48rem;
    border-radius: 22px !important;
    background:
        radial-gradient(circle at top left, hsla(var(--brand-accent-h, 41), 47%, 54%, 0.08), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,0.985), rgba(246,249,255,0.955));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.94),
        0 10px 18px hsla(var(--brand-h, 220), 63%, 18%, 0.05);
}

.portal-schedule-mobile-controls[b-1b882cia1e]  .portal-schedule-mobile-controls__search .mud-input-slot,
.portal-schedule-mobile-controls[b-1b882cia1e]  .portal-schedule-mobile-controls__week .mud-input-slot,
.portal-schedule-mobile-controls[b-1b882cia1e]  .portal-schedule-mobile-controls__week .mud-select-input{
    min-height: 2.48rem !important;
    height: 2.48rem !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex;
    align-items: center;
    font-size: 0.82rem !important;
    line-height: 1 !important;
    color: hsl(var(--brand-h, 219), 49%, 25%) !important;
    font-weight: 700;
    box-sizing: border-box;
}

.portal-schedule-mobile-controls[b-1b882cia1e]  .portal-schedule-mobile-controls__search .mud-input-slot,
.portal-schedule-mobile-controls[b-1b882cia1e]  .portal-schedule-mobile-controls__week .mud-input-slot{
    padding-left: 0.82rem !important;
    padding-right: 0.82rem !important;
}

.portal-schedule-mobile-controls[b-1b882cia1e]  .portal-schedule-mobile-controls__week .mud-select-input{
    margin: 0 !important;
    min-height: 2.48rem !important;
    height: 2.48rem !important;
    display: flex !important;
    align-items: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1 !important;
}

.portal-schedule-mobile-controls[b-1b882cia1e]  .portal-schedule-mobile-controls__search .mud-input-adornment,
.portal-schedule-mobile-controls[b-1b882cia1e]  .portal-schedule-mobile-controls__week .mud-input-adornment{
    color: hsl(var(--brand-h, 218), 18%, 56%) !important;
}

.portal-schedule-mobile-controls[b-1b882cia1e]  .portal-schedule-mobile-controls__search .mud-input-outlined-border,
.portal-schedule-mobile-controls[b-1b882cia1e]  .portal-schedule-mobile-controls__week .mud-input-outlined-border{
    border-color: hsla(var(--brand-h, 221), 66%, 33%, 0.1) !important;
}

.portal-schedule-mobile-nav[b-1b882cia1e]{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
}

.portal-schedule-mobile-nav[b-1b882cia1e]  .portal-schedule-mobile-nav__button{
    width: 100%;
    min-height: 2.46rem;
    border-radius: 999px !important;
    padding-inline: 0.4rem !important;
    font-size: 0.76rem !important;
    font-weight: 800 !important;
    border: 1px solid hsla(var(--brand-h, 219), 68%, 33%, 0.08);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(245,248,255,0.94));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92), 0 8px 16px hsla(var(--brand-h, 219), 68%, 17%, 0.05);
}

.portal-schedule-filter-strip--mobile[b-1b882cia1e]{
    align-items: flex-start;
}

.portal-schedule-filter-strip--mobile .portal-schedule-filter-strip__chips[b-1b882cia1e]{
    width: 100%;
}

.portal-schedule-panel-head--mobile[b-1b882cia1e]{
    align-items: start;
}

.portal-schedule-mobile-days[b-1b882cia1e]{
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.22rem;
    width: 100%;
}

.portal-schedule-mobile-days__chip[b-1b882cia1e]{
    display: grid;
    justify-items: center;
    gap: 0.14rem;
    min-width: 0;
    padding: 0.5rem 0.18rem 0.44rem;
    border-radius: 18px;
    border: 1px solid hsla(var(--brand-h, 219), 66%, 35%, 0.08);
    background: rgba(255,255,255,0.84);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92);
    transition: border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.portal-schedule-mobile-days__chip.is-active[b-1b882cia1e]{
    border-color: hsla(var(--brand-h, 219), 64%, 47%, 0.3);
    background:
        radial-gradient(circle at top center, hsla(var(--brand-h, 220), 64%, 56%, 0.12), transparent 40%),
        linear-gradient(180deg, rgba(245,249,255,0.99), rgba(237,244,255,0.95));
    box-shadow: 0 12px 24px hsla(var(--brand-h, 219), 69%, 29%, 0.12);
}

.portal-schedule-mobile-days__chip.is-today:not(.is-active)[b-1b882cia1e]{
    border-color: hsla(var(--brand-accent-h, 40), 48%, 54%, 0.18);
}

.portal-schedule-mobile-days__chip-day[b-1b882cia1e]{
    color: hsl(var(--brand-h, 219), 19%, 56%);
    font-size: 0.55rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    line-height: 1.05;
}

.portal-schedule-mobile-days__chip-date[b-1b882cia1e]{
    color: hsl(var(--brand-h, 219), 60%, 23%);
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1.1;
    text-align: center;
    white-space: nowrap;
}

.portal-schedule-mobile-days__chip-count[b-1b882cia1e]{
    color: hsl(var(--brand-h, 218), 20%, 47%);
    font-size: 0.66rem;
    font-weight: 800;
    line-height: 1;
}

.portal-schedule-mobile-day[b-1b882cia1e]{
    display: grid;
    gap: 0.68rem;
    padding: 0.78rem 0.82rem;
    border-radius: 24px;
    border: 1px solid hsla(var(--brand-h, 219), 68%, 33%, 0.08);
    background:
        radial-gradient(circle at top right, hsla(var(--brand-h, 219), 65%, 46%, 0.06), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,250,255,0.95));
}

.portal-schedule-mobile-day__head[b-1b882cia1e]{
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 0.8rem;
}

.portal-schedule-mobile-day__title[b-1b882cia1e]{
    color: hsl(var(--brand-h, 219), 60%, 23%);
    font-size: 0.96rem;
    font-weight: 800;
}

.portal-schedule-mobile-day__meta[b-1b882cia1e]{
    margin-top: 0.1rem;
    color: hsl(var(--brand-h, 218), 18%, 53%);
    font-size: 0.76rem;
    font-weight: 700;
}

.portal-schedule-mobile-day__stack[b-1b882cia1e]{
    display: grid;
    gap: 0.6rem;
}

.portal-schedule-mobile-card[b-1b882cia1e]{
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.34rem;
    width: 100%;
    justify-items: stretch;
    align-items: start;
    padding: 0.88rem 0.92rem;
    border-radius: 20px;
    border: 1px solid hsla(var(--brand-h, 219), 66%, 35%, 0.08);
    text-align: left;
    background: rgba(255,255,255,0.84);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
    appearance: none;
    -webkit-appearance: none;
    font: inherit;
    line-height: inherit;
    box-sizing: border-box;
}

.portal-schedule-mobile-card__time-row[b-1b882cia1e]{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.6rem;
    width: 100%;
    justify-self: stretch;
}

.portal-schedule-mobile-card__time[b-1b882cia1e]{
    color: hsl(var(--brand-h, 221), 57%, 46%);
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.03em;
    text-align: left;
    margin: 0;
}

.portal-schedule-mobile-card__type[b-1b882cia1e]{
    color: hsl(var(--brand-h, 220), 17%, 53%);
    font-size: 0.72rem;
    font-weight: 800;
    text-align: right;
    justify-self: end;
    margin: 0;
}

.portal-schedule-mobile-card__title[b-1b882cia1e]{
    color: hsl(var(--brand-h, 219), 60%, 23%);
    font-size: 0.95rem;
    font-weight: 800;
    line-height: 1.34;
    width: 100%;
    text-align: left;
    justify-self: stretch;
    margin: 0;
}

.portal-schedule-mobile-card__meta[b-1b882cia1e]{
    color: hsl(var(--brand-h, 218), 18%, 47%);
    font-size: 0.8rem;
    line-height: 1.45;
    width: 100%;
    text-align: left;
    justify-self: stretch;
    margin: 0;
}

.portal-schedule-mobile-card__flags[b-1b882cia1e]{
    display: flex;
    flex-wrap: wrap;
    gap: 0.36rem;
    margin-top: 0.16rem;
    width: 100%;
    justify-self: stretch;
    align-items: center;
}

.portal-schedule-mobile-card__flag[b-1b882cia1e]{
    display: inline-flex;
    align-items: center;
    min-height: 1.58rem;
    padding: 0.16rem 0.54rem;
    border-radius: 999px;
    background: hsla(var(--brand-h, 220), 62%, 35%, 0.08);
    color: hsl(var(--brand-h, 218), 41%, 36%);
    font-size: 0.66rem;
    font-weight: 800;
}

.portal-schedule-mobile-card.portal-schedule-agenda__card--exam[b-1b882cia1e]{
    border-color: hsla(var(--brand-h, 259), 49%, 53%, 0.14);
    background: linear-gradient(180deg, rgba(250,247,255,0.98), rgba(244,239,255,0.94));
}

.portal-schedule-mobile-card.portal-schedule-agenda__card--remote[b-1b882cia1e]{
    border-color: rgba(28, 148, 104, 0.14);
    background: linear-gradient(180deg, rgba(245,255,250,0.98), rgba(238,252,245,0.94));
}

.portal-schedule-mobile-card.portal-schedule-agenda__card--recovery[b-1b882cia1e]{
    border-color: hsla(var(--brand-accent-h, 40), 75%, 43%, 0.16);
    background: linear-gradient(180deg, rgba(255,250,240,0.98), rgba(255,246,228,0.94));
}

.portal-schedule-mobile-card.portal-schedule-agenda__card--additional[b-1b882cia1e]{
    border-color: hsla(var(--brand-h, 271), 61%, 53%, 0.16);
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 40), 48%, 54%, 0.13), transparent 38%),
        linear-gradient(180deg, rgba(252,248,255,0.99), rgba(244,236,255,0.95));
}

.portal-schedule-mobile-card.portal-schedule-agenda__card--missed[b-1b882cia1e]{
    border-color: rgba(191, 77, 100, 0.15);
    background: linear-gradient(180deg, rgba(255,247,249,0.98), rgba(255,239,243,0.94));
}

.portal-schedule-mobile-card.portal-schedule-agenda__card--holiday[b-1b882cia1e]{
    border-color: rgba(40, 121, 74, 0.16);
}

.portal-schedule-mobile-card.portal-schedule-agenda__card--overlap[b-1b882cia1e]{
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 10px 24px hsla(var(--brand-h, 217), 26%, 34%, 0.08);
}

@media (max-width: 430px) {
    .portal-schedule-mobile-hero__stats[b-1b882cia1e]{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .portal-schedule-mobile-nav[b-1b882cia1e]{
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.34rem;
    }

    .portal-schedule-mobile-nav[b-1b882cia1e]  .portal-schedule-mobile-nav__button{
        min-height: 2.32rem;
        font-size: 0.7rem !important;
    }

    .portal-schedule-mobile-mode-switch[b-1b882cia1e]{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .portal-schedule-mobile-mode-switch[b-1b882cia1e]  .portal-schedule-mobile-mode-switch__button{
        min-height: 2.04rem;
        font-size: 0.58rem !important;
        padding-inline: 0.18rem !important;
    }
}

@media (max-width: 1320px) {
    .portal-schedule-workspace[b-1b882cia1e],
    .portal-schedule-hero__layout[b-1b882cia1e]{
        grid-template-columns: 1fr;
    }

    .portal-schedule-toolbar__cluster--grow[b-1b882cia1e]{
        justify-content: flex-start;
    }
}

@media (max-width: 920px) {
    .portal-schedule-toolbar[b-1b882cia1e]{
        align-items: stretch;
    }

    .portal-schedule-toolbar__cluster[b-1b882cia1e],
    .portal-schedule-toolbar__cluster--grow[b-1b882cia1e]{
        width: 100%;
    }

    .portal-schedule-toolbar__cluster--grow[b-1b882cia1e]{
        grid-template-columns: 1fr;
        max-width: none;
    }

    .portal-schedule-toolbar__search[b-1b882cia1e],
    .portal-schedule-toolbar__week[b-1b882cia1e]{
        min-width: 0;
        width: 100%;
    }

    .portal-schedule-toolbar__cluster--grow[b-1b882cia1e]  .portal-schedule-toolbar__download{
        width: 100%;
        justify-content: center;
    }

    .portal-schedule-nav[b-1b882cia1e]{
        margin-left: auto;
    }

    .portal-schedule-filter-strip[b-1b882cia1e]{
        align-items: flex-start;
    }

    .portal-schedule-filter-strip__chips[b-1b882cia1e]{
        width: 100%;
    }
}

@media (max-width: 760px) {
    .portal-schedule-board__layout[b-1b882cia1e]{
        min-width: max(100%, 54rem);
    }

    .portal-schedule-agenda__grid[b-1b882cia1e]{
        grid-template-columns: 1fr;
    }
}

/* Month overview */
.portal-schedule-month[b-1b882cia1e]{ display:flex; flex-direction:column; gap:0.75rem; }
.portal-schedule-month__nav[b-1b882cia1e]{ display:flex; align-items:center; gap:0.4rem; flex-wrap:wrap; }
.portal-schedule-month__label[b-1b882cia1e]{
    font-weight:700; font-size:1.05rem; min-width:11rem; text-align:center;
    text-transform:capitalize; color:hsl(var(--brand-h, 218), 38%, 22%);
}
.portal-schedule-month__weekdays[b-1b882cia1e]{ display:grid; grid-template-columns:repeat(7, 1fr); gap:0.4rem; }
.portal-schedule-month__weekday[b-1b882cia1e]{
    text-align:center; font-size:0.75rem; font-weight:700; text-transform:uppercase;
    letter-spacing:0.04em; color:hsl(var(--brand-h, 218), 18%, 48%); padding:0.2rem 0;
}
.portal-schedule-month__grid[b-1b882cia1e]{
    display:grid; grid-template-columns:repeat(7, 1fr); grid-auto-rows:minmax(6.5rem, auto); gap:0.4rem;
}
.portal-schedule-month__cell[b-1b882cia1e]{
    display:flex; flex-direction:column; gap:0.25rem; padding:0.4rem; border-radius:14px;
    background:rgba(255,255,255,0.96); border:1px solid hsla(var(--brand-h, 218), 30%, 60%, 0.16);
    min-height:6.5rem; overflow:hidden;
}
.portal-schedule-month__cell--muted[b-1b882cia1e]{ background:hsla(var(--brand-h, 218), 20%, 96%, 0.6); opacity:0.6; }
.portal-schedule-month__cell--today[b-1b882cia1e]{
    border-color:hsl(var(--brand-accent-h, 38), 65%, 47%);
    box-shadow:0 0 0 1px hsl(var(--brand-accent-h, 38), 65%, 47%);
}
.portal-schedule-month__date[b-1b882cia1e]{ font-size:0.8rem; font-weight:700; color:hsl(var(--brand-h, 218), 30%, 30%); }
.portal-schedule-month__events[b-1b882cia1e]{ display:flex; flex-direction:column; gap:0.2rem; }
.portal-schedule-month__chip[b-1b882cia1e]{
    display:flex; align-items:baseline; gap:0.3rem; width:100%; text-align:left; border:none;
    border-left:3px solid hsl(var(--brand-h, 218), 40%, 45%); border-radius:6px; padding:0.15rem 0.35rem;
    background:hsla(var(--brand-h, 218), 45%, 95%, 0.9); cursor:pointer; font:inherit; overflow:hidden;
}
.portal-schedule-month__chip:hover[b-1b882cia1e]{ filter:brightness(0.97); }
.portal-schedule-month__chip-time[b-1b882cia1e]{
    font-size:0.68rem; font-weight:700; color:hsl(var(--brand-h, 218), 30%, 35%); flex:none;
}
.portal-schedule-month__chip-title[b-1b882cia1e]{
    font-size:0.72rem; color:hsl(var(--brand-h, 218), 25%, 25%);
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.portal-schedule-month__chip--exam[b-1b882cia1e]{
    border-left-color:hsl(var(--brand-h, 256), 56%, 55%); background:hsla(var(--brand-h, 255), 100%, 95%, 0.9);
}
.portal-schedule-month__chip--remote[b-1b882cia1e]{ border-left-color:#248b63; background:rgba(223,245,234,0.8); }
.portal-schedule-month__chip--lecture[b-1b882cia1e]{ border-left-color:hsl(var(--brand-h, 218), 50%, 45%); }
.portal-schedule-month__more[b-1b882cia1e]{
    font-size:0.68rem; font-weight:600; color:hsl(var(--brand-h, 218), 18%, 48%); padding-left:0.35rem;
}
@media (max-width: 720px){
    .portal-schedule-month__grid[b-1b882cia1e]{ grid-auto-rows:minmax(4.5rem, auto); }
    .portal-schedule-month__chip-title[b-1b882cia1e]{ display:none; }
}

/* Schedule — compact weekly academic planner */
.portal-content-shell .portal-page.portal-schedule-page[b-1b882cia1e] {
    gap: var(--space-4);
}

.portal-content-shell .portal-page.portal-schedule-page .portal-panel.portal-schedule-hero[b-1b882cia1e] {
    padding: var(--space-1) var(--space-4) 0 !important;
}

.portal-content-shell .portal-schedule-page .portal-schedule-hero__copy[b-1b882cia1e] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    align-items: end;
    gap: var(--space-2) var(--space-6);
}

.portal-content-shell .portal-schedule-page .portal-schedule-hero__copy[b-1b882cia1e]  .portal-title {
    grid-column: 1;
    grid-row: 1 / 3;
    align-self: center;
}

.portal-content-shell .portal-schedule-page .portal-schedule-hero[b-1b882cia1e]  .portal-title__icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: var(--radius-md) !important;
}

.portal-content-shell .portal-schedule-page .portal-schedule-hero[b-1b882cia1e]  .portal-title__copy {
    max-width: 90ch !important;
    font-size: 0.88rem !important;
    line-height: 1.5 !important;
}

.portal-content-shell .portal-schedule-page .portal-schedule-mode-switch[b-1b882cia1e] {
    grid-column: 2;
    grid-row: 1;
    justify-content: flex-end;
    gap: var(--space-2);
}

.portal-content-shell .portal-schedule-page .portal-schedule-mode-switch[b-1b882cia1e]  .portal-schedule-mode-switch__button {
    min-height: 40px !important;
    padding-inline: var(--space-4) !important;
    border: 1px solid transparent;
    border-radius: var(--radius-md) !important;
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

.portal-content-shell .portal-schedule-page .portal-schedule-mode-switch[b-1b882cia1e]  .mud-button-text {
    color: var(--color-text-secondary) !important;
    background: transparent !important;
}

.portal-content-shell .portal-schedule-page .portal-schedule-mode-switch[b-1b882cia1e]  .mud-button-filled {
    border-color: var(--color-brand-900);
}

.portal-content-shell .portal-schedule-page .portal-schedule-hero__highlights[b-1b882cia1e] {
    grid-column: 2;
    grid-row: 2;
    justify-content: flex-end;
    gap: var(--space-2);
}

.portal-content-shell .portal-schedule-page .portal-schedule-hero__pill[b-1b882cia1e] {
    min-height: 28px;
    padding: var(--space-1) var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-pill);
    color: var(--color-text-secondary);
    background: var(--color-surface) !important;
    background-image: none !important;
    font-size: 0.75rem;
    font-weight: 600;
    box-shadow: none !important;
}

.portal-content-shell .portal-page.portal-schedule-page .portal-panel.portal-schedule-control-panel[b-1b882cia1e] {
    padding: var(--space-3) var(--space-4) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-lg) !important;
    background: var(--color-surface) !important;
    box-shadow: var(--shadow-card) !important;
}

.portal-content-shell .portal-schedule-page .portal-schedule-control-panel[b-1b882cia1e] {
    gap: var(--space-3);
}

.portal-content-shell .portal-schedule-page .portal-schedule-toolbar[b-1b882cia1e] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: var(--space-3);
}

.portal-content-shell .portal-schedule-page .portal-schedule-toolbar__cluster[b-1b882cia1e] {
    gap: var(--space-1);
}

.portal-content-shell .portal-schedule-page .portal-schedule-toolbar__cluster[b-1b882cia1e]  .portal-schedule-toolbar__toggle {
    min-height: 40px !important;
    padding-inline: var(--space-3) !important;
    border-radius: var(--radius-md) !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

.portal-content-shell .portal-schedule-page .portal-schedule-toolbar__cluster--grow[b-1b882cia1e] {
    width: 100%;
    max-width: none;
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(190px, 0.72fr) auto auto;
    align-items: center;
    gap: var(--space-2);
    margin-left: 0;
}

.portal-content-shell .portal-schedule-page .portal-schedule-toolbar__cluster--grow .portal-schedule-toolbar__search[b-1b882cia1e],
.portal-content-shell .portal-schedule-page .portal-schedule-toolbar__cluster--grow .portal-schedule-toolbar__week[b-1b882cia1e] {
    width: 100%;
    max-width: none;
}

.portal-content-shell .portal-schedule-page .portal-schedule-toolbar__cluster--grow :is(
    .portal-schedule-toolbar__search,
    .portal-schedule-toolbar__week
)[b-1b882cia1e]  :is(.mud-input-root, .mud-input-outlined, .mud-input-slot, .mud-select-input) {
    min-height: 40px !important;
    height: 40px !important;
    border-radius: var(--radius-md) !important;
    background: var(--color-surface) !important;
    background-image: none !important;
    box-shadow: none !important;
}

.portal-content-shell .portal-schedule-page .portal-schedule-nav[b-1b882cia1e] {
    min-height: 40px;
    height: 40px;
    padding: 0;
    gap: var(--space-1);
    border: 0;
    border-radius: var(--radius-md);
    background: transparent;
    box-shadow: none;
}

.portal-content-shell .portal-schedule-page .portal-schedule-nav[b-1b882cia1e]  .mud-icon-button {
    width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: var(--radius-md) !important;
}

.portal-content-shell .portal-schedule-page[b-1b882cia1e]  .portal-schedule-toolbar__download {
    min-height: 40px !important;
    height: 40px !important;
    padding-inline: var(--space-4) !important;
    border-radius: var(--radius-md) !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

.portal-content-shell .portal-schedule-page .portal-schedule-filter-strip[b-1b882cia1e] {
    padding: var(--space-2) 0 0;
    gap: var(--space-3);
    border-top: 1px solid var(--color-border);
}

.portal-content-shell .portal-schedule-page .portal-schedule-filter-strip__copy[b-1b882cia1e] {
    gap: 0;
}

.portal-content-shell .portal-schedule-page .portal-schedule-filter-strip__eyebrow[b-1b882cia1e] {
    color: var(--color-brand-800);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.portal-content-shell .portal-schedule-page .portal-schedule-filter-strip__title[b-1b882cia1e] {
    color: var(--color-text-primary);
    font-size: 0.82rem;
    font-weight: 600;
}

.portal-content-shell .portal-schedule-page .portal-schedule-filter-strip__chips[b-1b882cia1e] {
    gap: var(--space-2);
}

.portal-content-shell .portal-schedule-page .portal-schedule-filter-chip[b-1b882cia1e] {
    min-height: 28px;
    padding: var(--space-1) var(--space-2) var(--space-1) var(--space-3);
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-pill);
    color: var(--color-text-secondary);
    background: var(--color-surface-subtle) !important;
    background-image: none !important;
    font-size: 0.74rem;
    font-weight: 600;
    box-shadow: none !important;
    transform: none !important;
}

.portal-content-shell .portal-schedule-page .portal-schedule-filter-chip strong[b-1b882cia1e] {
    min-width: 20px;
    min-height: 20px;
    padding-inline: var(--space-1);
    color: inherit;
    background: var(--color-surface) !important;
    font-size: 0.7rem;
}

.portal-content-shell .portal-schedule-page .portal-schedule-filter-chip.is-active[b-1b882cia1e] {
    border-color: var(--color-brand-100) !important;
    color: var(--color-brand-900);
    background: var(--color-brand-50) !important;
}

.portal-content-shell .portal-schedule-page .portal-schedule-filter-chip--remote[b-1b882cia1e] {
    color: var(--color-success);
    background: var(--color-success-soft) !important;
}

.portal-content-shell .portal-schedule-page .portal-schedule-filter-chip--recovery[b-1b882cia1e] {
    color: var(--color-warning);
    background: var(--color-warning-soft) !important;
}

.portal-content-shell .portal-schedule-page .portal-schedule-filter-chip--missed[b-1b882cia1e] {
    color: var(--color-danger);
    background: var(--color-danger-soft) !important;
}

.portal-content-shell .portal-schedule-page .portal-schedule-workspace[b-1b882cia1e] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(250px, 280px);
    align-items: start;
    gap: var(--space-4);
}

.portal-content-shell .portal-page.portal-schedule-page .portal-schedule-workspace > .portal-panel[b-1b882cia1e] {
    padding: var(--space-4) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-lg) !important;
    background: var(--color-surface) !important;
    box-shadow: var(--shadow-card) !important;
}

.portal-content-shell .portal-schedule-page .portal-schedule-main[b-1b882cia1e],
.portal-content-shell .portal-schedule-page .portal-schedule-side[b-1b882cia1e] {
    gap: var(--space-3);
}

.portal-content-shell .portal-schedule-page .portal-schedule-panel-head[b-1b882cia1e] {
    margin-bottom: 0;
    gap: var(--space-3);
}

.portal-content-shell .portal-schedule-page :is(.portal-schedule-panel-head__eyebrow, .portal-schedule-side__eyebrow)[b-1b882cia1e] {
    color: var(--color-brand-800);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.portal-content-shell .portal-schedule-page :is(.portal-schedule-panel-head__title, .portal-schedule-side__title)[b-1b882cia1e] {
    color: var(--color-text-primary);
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.3;
}

.portal-content-shell .portal-schedule-page .portal-schedule-panel-head__copy[b-1b882cia1e] {
    margin-top: var(--space-1);
    color: var(--color-text-secondary);
    font-size: 0.82rem;
    line-height: 1.45;
}

.portal-content-shell .portal-schedule-page .portal-schedule-board__frame[b-1b882cia1e] {
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-md) !important;
    background: var(--color-surface) !important;
    box-shadow: none !important;
}

.portal-content-shell .portal-schedule-page .portal-schedule-board__layout[b-1b882cia1e] {
    grid-template-columns: 60px minmax(0, 1fr);
}

.portal-content-shell .portal-schedule-page .portal-schedule-board__time-rail[b-1b882cia1e] {
    border-color: var(--color-border) !important;
    background: var(--color-surface-subtle) !important;
    background-image: none !important;
}

.portal-content-shell .portal-schedule-page .portal-schedule-board__time-header[b-1b882cia1e],
.portal-content-shell .portal-schedule-page .portal-schedule-board__day-header[b-1b882cia1e] {
    min-height: 56px;
    height: 56px;
    border-color: var(--color-border) !important;
}

.portal-content-shell .portal-schedule-page .portal-schedule-board__day-header[b-1b882cia1e] {
    padding: var(--space-2) var(--space-3);
    background: var(--color-surface-subtle) !important;
    background-image: none !important;
}

.portal-content-shell .portal-schedule-page .portal-schedule-board__day-name[b-1b882cia1e] {
    color: var(--color-text-primary);
    font-size: 0.8rem;
    font-weight: 650;
}

.portal-content-shell .portal-schedule-page .portal-schedule-board__day-date[b-1b882cia1e],
.portal-content-shell .portal-schedule-page .portal-schedule-board__time-label[b-1b882cia1e] {
    color: var(--color-text-muted);
    font-size: 0.7rem;
}

.portal-content-shell .portal-schedule-page .portal-schedule-board__time-label[b-1b882cia1e],
.portal-content-shell .portal-schedule-page .portal-schedule-board__hour-line[b-1b882cia1e] {
    height: 3.6rem;
    border-color: var(--color-border) !important;
}

.portal-content-shell .portal-schedule-page .portal-schedule-board__day-column[b-1b882cia1e] {
    min-height: calc(var(--schedule-hour-count) * 3.6rem);
    border-color: var(--color-border) !important;
}

.portal-content-shell .portal-schedule-page .portal-schedule-board__appointment[b-1b882cia1e] {
    gap: var(--space-1);
    padding: 6px 8px;
    border-radius: var(--radius-sm) !important;
    border-left: 3px solid var(--color-brand-800);
    color: var(--color-text-primary);
    background: var(--color-brand-50) !important;
    background-image: none !important;
    box-shadow: var(--shadow-xs) !important;
    transform: none !important;
}

.portal-content-shell .portal-schedule-page .portal-schedule-board__appointment--exam[b-1b882cia1e],
.portal-content-shell .portal-schedule-page .portal-schedule-board__appointment--additional[b-1b882cia1e] {
    border-left-color: var(--color-accent-gold);
    background: var(--color-accent-gold-soft) !important;
}

.portal-content-shell .portal-schedule-page .portal-schedule-board__appointment--remote[b-1b882cia1e],
.portal-content-shell .portal-schedule-page .portal-schedule-board__appointment--holiday[b-1b882cia1e] {
    border-left-color: var(--color-success);
    background: var(--color-success-soft) !important;
}

.portal-content-shell .portal-schedule-page .portal-schedule-board__appointment--recovery[b-1b882cia1e] {
    border-left-color: var(--color-warning);
    background: var(--color-warning-soft) !important;
}

.portal-content-shell .portal-schedule-page .portal-schedule-board__appointment--missed[b-1b882cia1e] {
    border-left-color: var(--color-danger);
    background: var(--color-danger-soft) !important;
}

.portal-content-shell .portal-schedule-page .portal-schedule-board__appointment-time[b-1b882cia1e] {
    color: var(--color-text-muted);
    font-size: 0.62rem;
    letter-spacing: 0.04em;
}

.portal-content-shell .portal-schedule-page .portal-schedule-board__appointment-title[b-1b882cia1e] {
    color: var(--color-text-primary);
    font-size: 0.74rem;
    font-weight: 650;
}

.portal-content-shell .portal-schedule-page .portal-schedule-board__appointment-meta[b-1b882cia1e] {
    color: var(--color-text-secondary);
    font-size: 0.64rem;
}

.portal-content-shell .portal-schedule-page .portal-schedule-side[b-1b882cia1e] {
    position: sticky;
    top: 76px;
    align-content: start;
}

.portal-content-shell .portal-schedule-page .portal-schedule-side__section[b-1b882cia1e] {
    display: grid;
    gap: var(--space-2);
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.portal-content-shell .portal-schedule-page .portal-schedule-side__section + .portal-schedule-side__section[b-1b882cia1e] {
    margin-top: var(--space-2);
    padding-top: var(--space-4);
    border-top: 1px solid var(--color-border);
}

.portal-content-shell .portal-schedule-page .portal-schedule-side__stats[b-1b882cia1e] {
    gap: var(--space-2);
}

.portal-content-shell .portal-page.portal-schedule-page .portal-schedule-side__stat[b-1b882cia1e] {
    min-height: 52px;
    padding: var(--space-2) var(--space-3) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-md) !important;
    color: var(--color-text-secondary);
    background: var(--color-surface-subtle) !important;
    box-shadow: none !important;
}

.portal-content-shell .portal-schedule-page .portal-schedule-side__stat strong[b-1b882cia1e] {
    color: var(--color-text-primary);
    font-size: 1.05rem;
    font-weight: 700;
}

.portal-content-shell .portal-schedule-page .portal-schedule-side__upcoming[b-1b882cia1e] {
    gap: var(--space-2);
}

.portal-content-shell .portal-schedule-page .portal-schedule-side__upcoming-card[b-1b882cia1e],
.portal-content-shell .portal-schedule-page .portal-schedule-agenda__card[b-1b882cia1e] {
    padding: var(--space-3);
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-md) !important;
    color: var(--color-text-primary);
    background: var(--color-surface) !important;
    background-image: none !important;
    box-shadow: none !important;
    transform: none !important;
}

.portal-content-shell .portal-schedule-page .portal-schedule-agenda__grid[b-1b882cia1e] {
    gap: var(--space-3);
}

.portal-content-shell .portal-schedule-page .portal-schedule-month__cell[b-1b882cia1e],
.portal-content-shell .portal-schedule-page .portal-schedule-month__chip[b-1b882cia1e] {
    border-color: var(--color-border) !important;
    background-image: none !important;
    box-shadow: none !important;
}

@media (max-width: 1400px) {
    .portal-content-shell .portal-schedule-page .portal-schedule-hero__copy[b-1b882cia1e] {
        grid-template-columns: minmax(0, 1fr);
    }

    .portal-content-shell .portal-schedule-page .portal-schedule-hero__copy[b-1b882cia1e]  .portal-title,
    .portal-content-shell .portal-schedule-page .portal-schedule-mode-switch[b-1b882cia1e],
    .portal-content-shell .portal-schedule-page .portal-schedule-hero__highlights[b-1b882cia1e] {
        grid-column: 1;
        grid-row: auto;
        justify-content: flex-start;
    }

    .portal-content-shell .portal-schedule-page .portal-schedule-toolbar[b-1b882cia1e] {
        grid-template-columns: minmax(0, 1fr);
    }

    .portal-content-shell .portal-schedule-page .portal-schedule-toolbar__cluster--grow[b-1b882cia1e] {
        grid-template-columns: minmax(210px, 1fr) minmax(180px, 0.8fr) auto auto;
    }
}

@media (max-width: 1200px) {
    .portal-content-shell .portal-schedule-page .portal-schedule-workspace[b-1b882cia1e] {
        grid-template-columns: minmax(0, 1fr);
    }

    .portal-content-shell .portal-schedule-page .portal-schedule-side[b-1b882cia1e] {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .portal-content-shell .portal-schedule-page .portal-schedule-side__section + .portal-schedule-side__section[b-1b882cia1e] {
        margin-top: 0;
        padding-top: 0;
        padding-left: var(--space-4);
        border-top: 0;
        border-left: 1px solid var(--color-border);
    }
}

/* Schedule hero — premium compact information hierarchy. */
.portal-content-shell .portal-page.portal-schedule-page .portal-panel.portal-schedule-hero[b-1b882cia1e] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 18px 20px !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-lg) !important;
    background:
        radial-gradient(circle at 96% 0%, hsla(var(--brand-accent-h, 38), 52%, 52%, 0.1), transparent 23rem),
        radial-gradient(circle at 4% 100%, hsla(var(--brand-h, 219), 58%, 34%, 0.055), transparent 20rem),
        var(--color-surface) !important;
    box-shadow: var(--shadow-card) !important;
}

.portal-content-shell .portal-page.portal-schedule-page .portal-panel.portal-schedule-hero[b-1b882cia1e]::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 20px;
    left: 20px;
    height: 2px;
    border-radius: 0 0 var(--radius-pill) var(--radius-pill);
    background: linear-gradient(90deg, transparent, var(--color-accent-gold), var(--color-brand-800), transparent);
    opacity: 0.42;
}

.portal-content-shell .portal-schedule-page .portal-schedule-hero__layout[b-1b882cia1e] {
    width: 100%;
}

.portal-content-shell .portal-schedule-page .portal-schedule-hero__copy[b-1b882cia1e] {
    display: grid;
    grid-template-columns: minmax(400px, 0.88fr) minmax(520px, 1.12fr);
    grid-template-rows: auto auto;
    align-items: center;
    gap: 10px 26px;
}

.portal-content-shell .portal-schedule-page .portal-schedule-hero__copy[b-1b882cia1e]  .portal-title {
    min-width: 0;
    grid-column: 1;
    grid-row: 1 / 3;
    align-self: center;
    gap: 14px;
}

.portal-content-shell .portal-schedule-page .portal-schedule-hero[b-1b882cia1e]  .portal-title__icon {
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px;
    border: 1px solid hsla(var(--brand-h, 219), 48%, 30%, 0.11) !important;
    border-radius: 14px !important;
    color: var(--color-brand-900) !important;
    background: var(--color-brand-50) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.94) !important;
}

.portal-content-shell .portal-schedule-page .portal-schedule-hero[b-1b882cia1e]  .portal-title__eyebrow {
    margin-bottom: 2px;
    color: var(--color-brand-800) !important;
    font-size: 0.68rem !important;
    line-height: 1.2 !important;
    font-weight: 750 !important;
    letter-spacing: 0.08em !important;
}

.portal-content-shell .portal-schedule-page .portal-schedule-hero[b-1b882cia1e]  .portal-title__heading {
    margin: 0 !important;
    white-space: nowrap;
}

.portal-content-shell .portal-schedule-page .portal-schedule-hero[b-1b882cia1e]  .portal-title__copy {
    max-width: 56ch !important;
    margin-top: 5px !important;
    color: var(--color-text-secondary) !important;
    font-size: 0.79rem !important;
    line-height: 1.45 !important;
    font-weight: 500 !important;
}

.portal-content-shell .portal-schedule-page .portal-schedule-mode-switch[b-1b882cia1e] {
    grid-column: 2;
    grid-row: 1;
    display: inline-flex;
    width: max-content;
    max-width: 100%;
    justify-self: end;
    justify-content: flex-end;
    gap: 4px;
    padding: 4px;
    border: 1px solid var(--color-border);
    border-radius: 15px;
    background: var(--color-surface-subtle);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92);
}

.portal-content-shell .portal-schedule-page .portal-schedule-mode-switch[b-1b882cia1e]  .portal-schedule-mode-switch__button {
    min-height: 36px !important;
    padding-inline: 14px !important;
    border: 0 !important;
    border-radius: 11px !important;
    font-size: 0.78rem !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
}

.portal-content-shell .portal-schedule-page .portal-schedule-mode-switch[b-1b882cia1e]  .mud-button-text {
    color: var(--color-text-secondary) !important;
    background: transparent !important;
}

.portal-content-shell .portal-schedule-page .portal-schedule-mode-switch[b-1b882cia1e]  .mud-button-filled {
    color: #fff !important;
    background: var(--color-brand-900) !important;
    box-shadow: 0 8px 18px hsla(var(--brand-h, 219), 64%, 23%, 0.18) !important;
}

.portal-content-shell .portal-schedule-page .portal-schedule-hero__highlights[b-1b882cia1e] {
    grid-column: 2;
    grid-row: 2;
    display: flex;
    flex-wrap: wrap;
    justify-self: end;
    justify-content: flex-end;
    gap: 7px;
}

.portal-content-shell .portal-schedule-page .portal-schedule-hero__pill[b-1b882cia1e] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    padding: 5px 10px;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-pill);
    color: var(--color-text-secondary);
    background: rgba(255,255,255,0.74) !important;
    font-size: 0.72rem;
    line-height: 1.1;
    font-weight: 600;
    white-space: nowrap;
    box-shadow: 0 5px 14px rgba(24, 31, 44, 0.035) !important;
}

.portal-content-shell .portal-schedule-page .portal-schedule-hero__pill[b-1b882cia1e]  .mud-icon-root {
    color: var(--color-brand-800);
    font-size: 0.96rem !important;
}

@media (max-width: 1380px) {
    .portal-content-shell .portal-schedule-page .portal-schedule-hero__copy[b-1b882cia1e] {
        grid-template-columns: minmax(350px, 0.8fr) minmax(470px, 1.2fr);
        column-gap: 18px;
    }

    .portal-content-shell .portal-schedule-page .portal-schedule-mode-switch[b-1b882cia1e]  .portal-schedule-mode-switch__button {
        padding-inline: 11px !important;
        font-size: 0.74rem !important;
    }
}

@media (max-width: 1120px) {
    .portal-content-shell .portal-schedule-page .portal-schedule-hero__copy[b-1b882cia1e] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto auto auto;
        gap: 12px;
    }

    .portal-content-shell .portal-schedule-page .portal-schedule-hero__copy[b-1b882cia1e]  .portal-title,
    .portal-content-shell .portal-schedule-page .portal-schedule-mode-switch[b-1b882cia1e],
    .portal-content-shell .portal-schedule-page .portal-schedule-hero__highlights[b-1b882cia1e] {
        grid-column: 1;
        grid-row: auto;
        justify-self: start;
        justify-content: flex-start;
    }
}

@media (max-width: 760px) {
    .portal-content-shell .portal-page.portal-schedule-page .portal-panel.portal-schedule-hero[b-1b882cia1e] {
        padding: 14px !important;
        border-radius: var(--radius-md) !important;
    }

    .portal-content-shell .portal-schedule-page .portal-schedule-mode-switch[b-1b882cia1e] {
        width: 100%;
        overflow-x: auto;
    }

    .portal-content-shell .portal-schedule-page .portal-schedule-hero[b-1b882cia1e]  .portal-title__heading {
        white-space: normal;
    }
}
/* /Pages/StudyProgram.razor.rz.scp.css */
.portal-study-program-page[b-cyzfvfveg8]{
    gap: 0.78rem;
    align-content: start;
}

.portal-study-program-hero[b-cyzfvfveg8]{
    overflow: hidden;
}

.portal-study-program-hero__layout[b-cyzfvfveg8]{
    display: grid;
    grid-template-columns: minmax(0, 1.24fr) minmax(18rem, 0.76fr);
    gap: 0.84rem;
    align-items: start;
}

.portal-study-program-hero__copy[b-cyzfvfveg8]{
    display: grid;
    gap: 0.78rem;
}

.portal-study-program-hero__note[b-cyzfvfveg8]{
    max-width: 68ch;
    color: hsl(var(--brand-h, 217), 18%, 49%);
    font-size: 0.9rem;
    line-height: 1.6;
}

.portal-study-program-pulse[b-cyzfvfveg8]{
    position: relative;
    display: grid;
    gap: 0.7rem;
    padding: 1rem 1.05rem;
    border-radius: 28px;
    overflow: hidden;
    color: white;
    background:
        radial-gradient(circle at top left, rgba(255,255,255,0.16), transparent 26%),
        radial-gradient(circle at bottom right, hsla(var(--brand-accent-h, 0), 0%, 100%, 0.18), transparent 30%),
        linear-gradient(145deg, hsla(var(--brand-h, 215), 66%, 17%, 0.98), hsla(var(--brand-h, 218), 79%, 42%, 0.96));
    box-shadow: 0 22px 44px hsla(var(--brand-h, 219), 79%, 28%, 0.24);
}

.portal-study-program-pulse[b-cyzfvfveg8]::after{
    content: "";
    position: absolute;
    inset: auto -2rem -3rem auto;
    width: 8rem;
    height: 8rem;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(255,255,255,0.16), transparent 70%);
}

.portal-study-program-pulse > *[b-cyzfvfveg8]{
    position: relative;
    z-index: 1;
}

.portal-study-program-pulse__eyebrow[b-cyzfvfveg8]{
    color: rgba(255,255,255,0.74);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.portal-study-program-pulse__title[b-cyzfvfveg8]{
    color: white;
    font-size: 1.18rem;
    font-weight: 800;
    line-height: 1.15;
}

.portal-study-program-pulse__meta[b-cyzfvfveg8]{
    color: rgba(255,255,255,0.78);
    font-size: 0.84rem;
    line-height: 1.5;
}

.portal-study-program-pulse__stats[b-cyzfvfveg8]{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
}

.portal-study-program-pulse-stat[b-cyzfvfveg8]{
    display: grid;
    gap: 0.16rem;
    padding: 0.7rem 0.76rem;
    border-radius: 18px;
    background: rgba(255,255,255,0.09);
}

.portal-study-program-pulse-stat__label[b-cyzfvfveg8]{
    color: rgba(255,255,255,0.68);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.portal-study-program-pulse-stat__value[b-cyzfvfveg8]{
    color: white;
    font-size: 0.9rem;
    font-weight: 800;
}

.portal-study-program-workspace[b-cyzfvfveg8]{
    display: grid;
    grid-template-columns: minmax(0, 1.26fr) minmax(18rem, 0.62fr);
    gap: 0.78rem;
    align-items: start;
}

.portal-study-program-main[b-cyzfvfveg8],
.portal-study-program-rail[b-cyzfvfveg8]{
    display: grid;
    gap: 0.78rem;
    align-content: start;
}

.portal-study-program-rail[b-cyzfvfveg8]{
    position: sticky;
    top: 4.7rem;
}

.portal-study-program-section[b-cyzfvfveg8],
.portal-study-program-side-card[b-cyzfvfveg8]{
    display: grid;
    gap: 0.78rem;
}

.portal-study-program-section__head[b-cyzfvfveg8]{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.8rem;
}

.portal-study-program-section__eyebrow[b-cyzfvfveg8],
.portal-study-program-side-card__eyebrow[b-cyzfvfveg8]{
    color: hsl(var(--brand-h, 219), 22%, 57%);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.portal-study-program-section__title[b-cyzfvfveg8],
.portal-study-program-side-card__title[b-cyzfvfveg8]{
    color: hsl(var(--brand-h, 219), 60%, 23%);
    font-size: 1.06rem;
    font-weight: 800;
    line-height: 1.16;
}

.portal-study-program-section__copy[b-cyzfvfveg8]{
    margin-top: 0.2rem;
    color: hsl(var(--brand-h, 218), 18%, 48%);
    font-size: 0.84rem;
    line-height: 1.52;
}

.portal-study-program-section__chips[b-cyzfvfveg8]{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.42rem;
}

.portal-study-program-chip[b-cyzfvfveg8]{
    display: inline-flex;
    align-items: center;
    min-height: 1.95rem;
    padding: 0.2rem 0.7rem;
    border-radius: 999px;
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.08);
    color: var(--portal-accent-strong);
    font-size: 0.73rem;
    font-weight: 800;
}

.portal-study-program-chip--state[b-cyzfvfveg8]{
    background: hsla(var(--brand-accent-h, 37), 49%, 48%, 0.12);
    color: #8b6220;
}

.portal-study-program-tree[b-cyzfvfveg8]{
    display: grid;
    gap: 0.5rem;
}

.portal-study-program-node[b-cyzfvfveg8]{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.78rem;
    align-items: start;
    margin-inline-start: calc(var(--program-depth, 0) * 1.35rem);
    padding: 0.78rem 0.84rem;
    border-radius: 22px;
    border: 1px solid hsla(var(--brand-h, 216), 60%, 17%, 0.07);
    background:
        radial-gradient(circle at top left, rgba(255,255,255,0.98), transparent 44%),
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(246,249,255,0.95));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92), 0 10px 22px hsla(var(--brand-h, 217), 68%, 16%, 0.05);
}

.portal-study-program-node--child[b-cyzfvfveg8]{
    position: relative;
    padding-block: 0.7rem;
    border-color: hsla(var(--brand-h, 216), 56%, 20%, 0.1);
    background:
        radial-gradient(circle at top left, rgba(255,255,255,0.98), transparent 42%),
        linear-gradient(180deg, rgba(255,255,255,0.96), rgba(247,250,255,0.92));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92), 0 8px 18px hsla(var(--brand-h, 217), 68%, 16%, 0.045);
}

.portal-study-program-node--child[b-cyzfvfveg8]::before{
    content: "";
    position: absolute;
    inset-block: 1rem;
    inset-inline-start: 0.56rem;
    width: 0.18rem;
    border-radius: 999px;
    background: linear-gradient(180deg, hsla(var(--brand-h, 224), 76%, 48%, 0.32), hsla(var(--brand-accent-h, 37), 49%, 48%, 0.28));
}

.portal-study-program-node--done[b-cyzfvfveg8]{
    background:
        radial-gradient(circle at top left, rgba(24, 133, 96, 0.09), transparent 42%),
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(244,250,247,0.95));
}

.portal-study-program-node--active[b-cyzfvfveg8]{
    border-color: hsla(var(--brand-h, 224), 76%, 48%, 0.18);
    box-shadow: inset 0 0 0 1px hsla(var(--brand-h, 224), 76%, 48%, 0.08), 0 16px 30px hsla(var(--brand-h, 221), 75%, 31%, 0.1);
}

.portal-study-program-node__main[b-cyzfvfveg8]{
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.48rem;
    align-items: start;
    min-width: 0;
    padding-inline-start: calc(var(--program-depth, 0) * 0.38rem);
}

.portal-study-program-node__toggle[b-cyzfvfveg8],
.portal-study-program-node__toggle-spacer[b-cyzfvfveg8]{
    width: 1.8rem;
    min-width: 1.8rem;
    height: 1.8rem;
    margin-top: -0.08rem;
}

.portal-study-program-node__toggle-spacer[b-cyzfvfveg8]{
    display: inline-block;
}

.portal-study-program-node__copy[b-cyzfvfveg8]{
    display: grid;
    gap: 0.24rem;
    min-width: 0;
}

.portal-study-program-node__title[b-cyzfvfveg8]{
    color: hsl(var(--brand-h, 219), 60%, 23%);
    font-size: 0.9rem;
    font-weight: 800;
    line-height: 1.34;
    word-break: break-word;
}

.portal-study-program-node__meta[b-cyzfvfveg8]{
    display: flex;
    flex-wrap: wrap;
    gap: 0.34rem;
}

.portal-study-program-node__pill[b-cyzfvfveg8]{
    display: inline-flex;
    align-items: center;
    min-height: 1.72rem;
    padding: 0.16rem 0.55rem;
    border-radius: 999px;
    background: hsla(var(--brand-h, 218), 71%, 25%, 0.06);
    color: hsl(var(--brand-h, 216), 20%, 45%);
    font-size: 0.68rem;
    font-weight: 800;
}

.portal-study-program-node__pill--success[b-cyzfvfveg8]{
    background: rgba(24, 133, 96, 0.12);
    color: #187055;
}

.portal-study-program-node__pill--neutral[b-cyzfvfveg8]{
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.08);
    color: hsl(var(--brand-h, 219), 65%, 40%);
}

.portal-study-program-node__pill--warning[b-cyzfvfveg8]{
    background: hsla(var(--brand-accent-h, 37), 49%, 48%, 0.14);
    color: #8b6220;
}

.portal-study-program-node__side[b-cyzfvfveg8]{
    display: grid;
    justify-items: end;
    gap: 0.36rem;
    text-align: right;
}

.portal-study-program-node__credit[b-cyzfvfveg8]{
    color: hsl(var(--brand-h, 219), 60%, 23%);
    font-size: 0.86rem;
    font-weight: 800;
    white-space: nowrap;
}

.portal-study-program-node__action[b-cyzfvfveg8]{
    min-height: 1.95rem;
    padding-inline: 0 !important;
    font-weight: 800 !important;
}

.portal-study-program-side-card__message[b-cyzfvfveg8],
.portal-study-program-side-card__note[b-cyzfvfveg8]{
    padding: 0.78rem 0.84rem;
    border-radius: 18px;
    border: 1px solid hsla(var(--brand-h, 216), 60%, 17%, 0.07);
    background: rgba(255,255,255,0.82);
}

.portal-study-program-side-card__message[b-cyzfvfveg8]{
    display: grid;
    gap: 0.18rem;
}

.portal-study-program-side-card__message strong[b-cyzfvfveg8]{
    color: hsl(var(--brand-h, 219), 60%, 23%);
    font-size: 0.88rem;
}

.portal-study-program-side-card__message span[b-cyzfvfveg8],
.portal-study-program-side-card__note[b-cyzfvfveg8]{
    color: hsl(var(--brand-h, 217), 18%, 49%);
    font-size: 0.8rem;
    line-height: 1.5;
}


.portal-study-program-reading-card[b-cyzfvfveg8]{
    overflow: hidden;
}

.portal-study-program-reading-summary[b-cyzfvfveg8]{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.45rem;
}

.portal-study-program-reading-summary article[b-cyzfvfveg8]{
    display: grid;
    gap: 0.12rem;
    min-width: 0;
    padding: 0.62rem 0.66rem;
    border-radius: 16px;
    border: 1px solid hsla(var(--brand-h, 216), 60%, 17%, 0.06);
    background: rgba(255,255,255,0.78);
}

.portal-study-program-reading-summary span[b-cyzfvfveg8]{
    color: hsl(var(--brand-h, 219), 22%, 57%);
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.portal-study-program-reading-summary strong[b-cyzfvfveg8]{
    color: hsl(var(--brand-h, 219), 60%, 23%);
    font-size: 1rem;
    font-weight: 900;
}

.portal-study-program-reading-list[b-cyzfvfveg8]{
    display: grid;
    gap: 0.48rem;
}

.portal-study-program-reading-resource[b-cyzfvfveg8]{
    width: 100%;
    min-width: 0;
    border: 1px solid hsla(var(--brand-h, 216), 60%, 17%, 0.07);
    border-radius: 18px;
    padding: 0.72rem 0.76rem;
    text-align: left;
    color: hsl(var(--brand-h, 219), 60%, 23%);
    background:
        radial-gradient(circle at top right, hsla(var(--brand-h, 224), 76%, 48%, 0.08), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,0.96), rgba(246,249,255,0.93));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 8px 18px hsla(var(--brand-h, 217), 68%, 16%, 0.05);
    cursor: pointer;
    transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.portal-study-program-reading-resource:hover[b-cyzfvfveg8]{
    transform: translateY(-1px);
    border-color: hsla(var(--brand-h, 224), 76%, 48%, 0.18);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92), 0 12px 24px hsla(var(--brand-h, 217), 68%, 16%, 0.08);
}

.portal-study-program-reading-resource.is-saved[b-cyzfvfveg8]{
    border-color: hsla(var(--brand-accent-h, 37), 49%, 48%, 0.22);
}

.portal-study-program-reading-resource.is-completed[b-cyzfvfveg8]{
    background:
        radial-gradient(circle at top right, rgba(24, 133, 96, 0.11), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,0.97), rgba(244,250,247,0.94));
}

.portal-study-program-reading-list__topline[b-cyzfvfveg8]{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.48rem;
    margin-bottom: 0.38rem;
}

.portal-study-program-reading-list__topline em[b-cyzfvfveg8],
.portal-study-program-reading-list__topline small[b-cyzfvfveg8]{
    display: inline-flex;
    align-items: center;
    min-height: 1.45rem;
    border-radius: 999px;
    padding: 0.12rem 0.52rem;
    font-size: 0.64rem;
    font-style: normal;
    font-weight: 800;
    text-transform: uppercase;
}

.portal-study-program-reading-list__topline em[b-cyzfvfveg8]{
    color: #8b6220;
    background: hsla(var(--brand-accent-h, 37), 49%, 48%, 0.12);
}

.portal-study-program-reading-list__topline small[b-cyzfvfveg8]{
    color: hsl(var(--brand-h, 219), 65%, 40%);
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.08);
}

.portal-study-program-reading-resource strong[b-cyzfvfveg8]{
    display: block;
    color: hsl(var(--brand-h, 219), 60%, 23%);
    font-size: 0.84rem;
    font-weight: 850;
    line-height: 1.32;
}

.portal-study-program-reading-resource > span:not(.portal-study-program-reading-list__topline)[b-cyzfvfveg8]{
    display: block;
    margin-top: 0.22rem;
    color: hsl(var(--brand-h, 217), 18%, 49%);
    font-size: 0.74rem;
    line-height: 1.42;
}

.portal-study-program-form-control[b-cyzfvfveg8]  .mud-input-outlined,
.portal-study-program-form-control[b-cyzfvfveg8]  .mud-input-root{
    border-radius: 18px !important;
}

.portal-study-program-action[b-cyzfvfveg8]{
    min-height: 2.55rem;
    border-radius: 18px !important;
    font-weight: 800 !important;
}

.portal-study-program-side-card__actions[b-cyzfvfveg8]{
    display: flex;
    justify-content: flex-end;
    gap: 0.52rem;
}

.portal-study-program-empty[b-cyzfvfveg8]{
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 1rem 1.05rem;
    border-radius: 22px;
    border: 1px dashed hsla(var(--brand-h, 220), 56%, 38%, 0.18);
    background: linear-gradient(180deg, rgba(255,255,255,0.86), rgba(247,250,255,0.82));
}

.portal-study-program-empty__icon[b-cyzfvfveg8]{
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: 18px;
    color: hsl(var(--brand-h, 219), 64%, 47%);
    background: hsla(var(--brand-h, 219), 64%, 47%, 0.1);
}

.portal-study-program-empty__title[b-cyzfvfveg8]{
    color: hsl(var(--brand-h, 219), 60%, 23%);
    font-size: 0.95rem;
    font-weight: 800;
}

.portal-study-program-empty__copy[b-cyzfvfveg8]{
    margin-top: 0.18rem;
    color: hsl(var(--brand-h, 218), 18%, 49%);
    font-size: 0.82rem;
    line-height: 1.55;
}

@media (max-width: 1320px) {
    .portal-study-program-workspace[b-cyzfvfveg8],
    .portal-study-program-hero__layout[b-cyzfvfveg8]{
        grid-template-columns: 1fr;
    }

    .portal-study-program-rail[b-cyzfvfveg8]{
        position: relative;
        top: auto;
    }
}

@media (max-width: 920px) {
    .portal-study-program-section__head[b-cyzfvfveg8],
    .portal-study-program-node[b-cyzfvfveg8]{
        grid-template-columns: 1fr;
    }

    .portal-study-program-section__chips[b-cyzfvfveg8],
    .portal-study-program-node__side[b-cyzfvfveg8]{
        justify-content: flex-start;
        text-align: left;
    }
}

@media (max-width: 760px) {
    .portal-study-program-pulse__stats[b-cyzfvfveg8],
    .portal-study-program-reading-summary[b-cyzfvfveg8]{
        grid-template-columns: 1fr;
    }

    .portal-study-program-node[b-cyzfvfveg8]{
        margin-inline-start: calc(var(--program-depth, 0) * 0.58rem);
    }

    .portal-study-program-node__main[b-cyzfvfveg8]{
        padding-inline-start: calc(var(--program-depth, 0) * 0.18rem);
    }

    .portal-study-program-side-card__actions[b-cyzfvfveg8]{
        flex-direction: column;
        align-items: stretch;
    }
}

/* Study program — academic map and program controls */
.portal-content-shell .portal-page.portal-study-program-page[b-cyzfvfveg8] {
    gap: var(--space-4);
}

.portal-content-shell .portal-page.portal-study-program-page .portal-panel.portal-study-program-hero[b-cyzfvfveg8] {
    padding: var(--space-1) var(--space-4) 0 !important;
}

.portal-content-shell .portal-study-program-page .portal-study-program-hero__layout[b-cyzfvfveg8] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: var(--space-4);
}

.portal-content-shell .portal-study-program-page .portal-study-program-hero__copy[b-cyzfvfveg8] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.68fr);
    align-items: end;
    gap: var(--space-6);
}

.portal-content-shell .portal-study-program-page .portal-study-program-hero[b-cyzfvfveg8]  .portal-title__icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: var(--radius-md) !important;
}

.portal-content-shell .portal-study-program-page .portal-study-program-hero[b-cyzfvfveg8]  .portal-title__copy {
    max-width: 72ch !important;
    font-size: 0.88rem !important;
    line-height: 1.5 !important;
}

.portal-content-shell .portal-study-program-page .portal-study-program-hero__note[b-cyzfvfveg8] {
    max-width: none;
    margin: 0;
    padding-left: var(--space-4);
    border-left: 1px solid var(--color-border-strong);
    color: var(--color-text-secondary);
    font-size: 0.84rem;
    line-height: 1.5;
}

.portal-content-shell .portal-study-program-page .portal-study-program-pulse[b-cyzfvfveg8] {
    position: relative;
    overflow: visible;
    display: grid;
    grid-template-columns: minmax(220px, 0.72fr) minmax(0, 2fr);
    grid-template-rows: auto auto auto;
    align-items: center;
    gap: var(--space-1) var(--space-4);
    padding: 0;
    border: 0;
    border-radius: 0;
    color: var(--color-text-primary);
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.portal-content-shell .portal-study-program-page .portal-study-program-pulse[b-cyzfvfveg8]::after {
    display: none;
}

.portal-content-shell .portal-study-program-page .portal-study-program-pulse__eyebrow[b-cyzfvfveg8] {
    grid-column: 1;
    color: var(--color-brand-800);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.portal-content-shell .portal-study-program-page .portal-study-program-pulse__title[b-cyzfvfveg8] {
    grid-column: 1;
    color: var(--color-text-primary);
    font-size: 1.12rem;
    font-weight: 700;
    line-height: 1.3;
}

.portal-content-shell .portal-study-program-page .portal-study-program-pulse__meta[b-cyzfvfveg8] {
    grid-column: 1;
    color: var(--color-text-secondary);
    font-size: 0.8rem;
    line-height: 1.4;
}

.portal-content-shell .portal-study-program-page .portal-study-program-pulse__stats[b-cyzfvfveg8] {
    grid-column: 2;
    grid-row: 1 / 4;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-self: stretch;
    gap: var(--space-3);
}

.portal-content-shell .portal-page.portal-study-program-page .portal-study-program-pulse-stat[b-cyzfvfveg8] {
    min-height: 88px;
    display: grid;
    align-content: center;
    gap: var(--space-1);
    padding: var(--space-3) var(--space-4) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-lg) !important;
    background: var(--color-surface) !important;
    background-image: none !important;
    box-shadow: var(--shadow-card) !important;
}

.portal-content-shell .portal-study-program-page .portal-study-program-pulse-stat__label[b-cyzfvfveg8] {
    color: var(--color-text-secondary) !important;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.35;
    text-transform: none;
}

.portal-content-shell .portal-study-program-page .portal-study-program-pulse-stat__value[b-cyzfvfveg8] {
    overflow-wrap: anywhere;
    color: var(--color-text-primary) !important;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.35;
}

.portal-content-shell .portal-study-program-page .portal-study-program-workspace[b-cyzfvfveg8] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 340px);
    align-items: start;
    gap: var(--space-4);
}

.portal-content-shell .portal-study-program-page :is(.portal-study-program-main, .portal-study-program-rail)[b-cyzfvfveg8] {
    gap: var(--space-4);
}

.portal-content-shell .portal-study-program-page .portal-study-program-rail[b-cyzfvfveg8] {
    position: sticky;
    top: 76px;
}

.portal-content-shell .portal-page.portal-study-program-page :is(
    .portal-panel.portal-study-program-section,
    .portal-panel.portal-study-program-side-card
)[b-cyzfvfveg8] {
    padding: var(--space-4) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-lg) !important;
    background: var(--color-surface) !important;
    box-shadow: var(--shadow-card) !important;
}

.portal-content-shell .portal-study-program-page :is(.portal-study-program-section, .portal-study-program-side-card)[b-cyzfvfveg8] {
    gap: var(--space-3);
}

.portal-content-shell .portal-study-program-page .portal-study-program-section__head[b-cyzfvfveg8] {
    gap: var(--space-4);
    margin: 0;
}

.portal-content-shell .portal-study-program-page :is(
    .portal-study-program-section__eyebrow,
    .portal-study-program-side-card__eyebrow
)[b-cyzfvfveg8] {
    color: var(--color-brand-800);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.portal-content-shell .portal-study-program-page :is(
    .portal-study-program-section__title,
    .portal-study-program-side-card__title
)[b-cyzfvfveg8] {
    color: var(--color-text-primary);
    font-size: 1.06rem;
    font-weight: 700;
    line-height: 1.3;
}

.portal-content-shell .portal-study-program-page .portal-study-program-section__copy[b-cyzfvfveg8] {
    max-width: 78ch;
    margin-top: var(--space-1);
    color: var(--color-text-secondary);
    font-size: 0.82rem;
    line-height: 1.45;
}

.portal-content-shell .portal-study-program-page .portal-study-program-section__chips[b-cyzfvfveg8] {
    gap: var(--space-2);
}

.portal-content-shell .portal-study-program-page .portal-study-program-chip[b-cyzfvfveg8] {
    min-height: 28px;
    padding: var(--space-1) var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-pill);
    color: var(--color-text-secondary);
    background: var(--color-surface-subtle) !important;
    background-image: none !important;
    font-size: 0.72rem;
    font-weight: 600;
}

.portal-content-shell .portal-study-program-page .portal-study-program-chip--state[b-cyzfvfveg8] {
    border-color: color-mix(in srgb, var(--color-accent-gold) 20%, var(--color-border));
    color: var(--color-accent-gold);
    background: var(--color-accent-gold-soft) !important;
}

.portal-content-shell .portal-study-program-page .portal-study-program-tree[b-cyzfvfveg8] {
    gap: var(--space-2);
    margin-top: var(--space-3) !important;
}

.portal-content-shell .portal-study-program-page .portal-study-program-node[b-cyzfvfveg8] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--space-3);
    margin-inline-start: calc(var(--program-depth, 0) * var(--space-3));
    padding: 10px var(--space-3);
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-md) !important;
    color: var(--color-text-primary);
    background: var(--color-surface) !important;
    background-image: none !important;
    box-shadow: none !important;
}

.portal-content-shell .portal-study-program-page .portal-study-program-node--child[b-cyzfvfveg8] {
    padding-block: var(--space-2);
    background: var(--color-surface-subtle) !important;
}

.portal-content-shell .portal-study-program-page .portal-study-program-node--child[b-cyzfvfveg8]::before {
    inset-block: var(--space-2);
    inset-inline-start: var(--space-2);
    width: 2px;
    background: var(--color-brand-100) !important;
}

.portal-content-shell .portal-study-program-page .portal-study-program-node--done[b-cyzfvfveg8] {
    border-color: color-mix(in srgb, var(--color-success) 18%, var(--color-border)) !important;
    background: var(--color-success-soft) !important;
}

.portal-content-shell .portal-study-program-page .portal-study-program-node--active[b-cyzfvfveg8] {
    border-color: var(--color-brand-100) !important;
    background: var(--color-brand-50) !important;
    box-shadow: inset 3px 0 0 var(--color-brand-800) !important;
}

.portal-content-shell .portal-study-program-page .portal-study-program-node__main[b-cyzfvfveg8] {
    gap: var(--space-2);
    padding-inline-start: calc(var(--program-depth, 0) * var(--space-1));
}

.portal-content-shell .portal-study-program-page[b-cyzfvfveg8]  .portal-study-program-node__toggle {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    margin: 0;
    border-radius: var(--radius-sm) !important;
}

.portal-content-shell .portal-study-program-page .portal-study-program-node__toggle-spacer[b-cyzfvfveg8] {
    width: 32px;
    min-width: 32px;
    height: 32px;
}

.portal-content-shell .portal-study-program-page .portal-study-program-node__copy[b-cyzfvfveg8] {
    gap: var(--space-1);
}

.portal-content-shell .portal-study-program-page .portal-study-program-node__title[b-cyzfvfveg8] {
    color: var(--color-text-primary);
    font-size: 0.88rem;
    font-weight: 650;
    line-height: 1.4;
}

.portal-content-shell .portal-study-program-page .portal-study-program-node__meta[b-cyzfvfveg8] {
    gap: var(--space-1);
}

.portal-content-shell .portal-study-program-page .portal-study-program-node__pill[b-cyzfvfveg8] {
    min-height: 24px;
    padding: 2px var(--space-2);
    border: 1px solid transparent;
    border-radius: var(--radius-pill);
    color: var(--color-text-secondary);
    background: var(--color-surface-subtle) !important;
    background-image: none !important;
    font-size: 0.66rem;
    font-weight: 600;
}

.portal-content-shell .portal-study-program-page .portal-study-program-node__pill--success[b-cyzfvfveg8] {
    color: var(--color-success);
    background: var(--color-success-soft) !important;
}

.portal-content-shell .portal-study-program-page .portal-study-program-node__pill--warning[b-cyzfvfveg8] {
    color: var(--color-warning);
    background: var(--color-warning-soft) !important;
}

.portal-content-shell .portal-study-program-page .portal-study-program-node__side[b-cyzfvfveg8] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--space-2);
    text-align: right;
}

.portal-content-shell .portal-study-program-page .portal-study-program-node__credit[b-cyzfvfveg8] {
    color: var(--color-brand-900);
    font-size: 0.82rem;
    font-weight: 700;
}

.portal-content-shell .portal-study-program-page[b-cyzfvfveg8]  .portal-study-program-node__action {
    min-height: 32px !important;
    padding-inline: var(--space-2) !important;
    border-radius: var(--radius-sm) !important;
    font-size: 0.74rem !important;
    font-weight: 600 !important;
}

.portal-content-shell .portal-study-program-page :is(
    .portal-study-program-side-card__message,
    .portal-study-program-side-card__note,
    .portal-study-program-reading-summary article,
    .portal-study-program-reading-resource
)[b-cyzfvfveg8] {
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-md) !important;
    color: var(--color-text-secondary);
    background: var(--color-surface-subtle) !important;
    background-image: none !important;
    box-shadow: none !important;
}

.portal-content-shell .portal-study-program-page .portal-study-program-side-card__message[b-cyzfvfveg8],
.portal-content-shell .portal-study-program-page .portal-study-program-side-card__note[b-cyzfvfveg8] {
    padding: var(--space-3);
}


.portal-content-shell .portal-study-program-page .portal-study-program-reading-summary[b-cyzfvfveg8] {
    gap: var(--space-2);
}

.portal-content-shell .portal-study-program-page .portal-study-program-reading-summary article[b-cyzfvfveg8] {
    padding: var(--space-2) var(--space-3) !important;
}

.portal-content-shell .portal-study-program-page .portal-study-program-reading-resource[b-cyzfvfveg8] {
    padding: var(--space-3);
    transform: none !important;
}

.portal-content-shell .portal-study-program-page .portal-study-program-form-control[b-cyzfvfveg8]  :is(.mud-input-root, .mud-input-outlined) {
    min-height: 42px;
    border-radius: var(--radius-md) !important;
}

.portal-content-shell .portal-study-program-page[b-cyzfvfveg8]  .portal-study-program-action {
    min-height: 40px !important;
    border-radius: var(--radius-md) !important;
    font-size: 0.82rem !important;
    font-weight: 600 !important;
}

.portal-content-shell .portal-study-program-page .portal-study-program-side-card__actions[b-cyzfvfveg8] {
    gap: var(--space-2);
}

.portal-content-shell .portal-study-program-page .portal-study-program-empty[b-cyzfvfveg8] {
    padding: var(--space-4);
    border: 1px dashed var(--color-border-strong) !important;
    border-radius: var(--radius-md) !important;
    color: var(--color-text-secondary);
    background: var(--color-surface-subtle) !important;
    background-image: none !important;
}

@media (max-width: 1400px) {
    .portal-content-shell .portal-study-program-page .portal-study-program-hero__copy[b-cyzfvfveg8] {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--space-3);
    }

    .portal-content-shell .portal-study-program-page .portal-study-program-hero__note[b-cyzfvfveg8] {
        padding-left: 0;
        border-left: 0;
    }

    .portal-content-shell .portal-study-program-page .portal-study-program-pulse[b-cyzfvfveg8] {
        grid-template-columns: minmax(190px, 0.62fr) minmax(0, 2fr);
    }
}

@media (max-width: 1200px) {
    .portal-content-shell .portal-study-program-page .portal-study-program-workspace[b-cyzfvfveg8] {
        grid-template-columns: minmax(0, 1fr);
    }

    .portal-content-shell .portal-study-program-page .portal-study-program-rail[b-cyzfvfveg8] {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 920px) {
    .portal-content-shell .portal-study-program-page .portal-study-program-pulse[b-cyzfvfveg8] {
        grid-template-columns: minmax(0, 1fr);
    }

    .portal-content-shell .portal-study-program-page .portal-study-program-pulse__stats[b-cyzfvfveg8] {
        grid-column: 1;
        grid-row: auto;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: var(--space-2);
    }

    .portal-content-shell .portal-study-program-page .portal-study-program-rail[b-cyzfvfveg8] {
        grid-template-columns: minmax(0, 1fr);
    }

    .portal-content-shell .portal-study-program-page .portal-study-program-node[b-cyzfvfveg8] {
        grid-template-columns: minmax(0, 1fr);
    }

    .portal-content-shell .portal-study-program-page .portal-study-program-node__side[b-cyzfvfveg8] {
        justify-content: flex-start;
        padding-left: 40px;
        text-align: left;
    }
}

/* Study program hero — compact premium academic overview. */
.portal-content-shell .portal-page.portal-study-program-page .portal-panel.portal-study-program-hero[b-cyzfvfveg8] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 19px 20px !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-lg) !important;
    background:
        radial-gradient(circle at 96% 4%, hsla(var(--brand-accent-h, 38), 52%, 52%, 0.1), transparent 24rem),
        radial-gradient(circle at 3% 100%, hsla(var(--brand-h, 219), 58%, 34%, 0.055), transparent 20rem),
        var(--color-surface) !important;
    box-shadow: var(--shadow-card) !important;
}

.portal-content-shell .portal-page.portal-study-program-page .portal-panel.portal-study-program-hero[b-cyzfvfveg8]::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 20px;
    left: 20px;
    height: 2px;
    border-radius: 0 0 var(--radius-pill) var(--radius-pill);
    background: linear-gradient(90deg, transparent, var(--color-accent-gold), var(--color-brand-800), transparent);
    opacity: 0.42;
}

.portal-content-shell .portal-study-program-page .portal-study-program-hero__layout[b-cyzfvfveg8] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
}

.portal-content-shell .portal-study-program-page .portal-study-program-hero__copy[b-cyzfvfveg8] {
    display: grid;
    grid-template-columns: minmax(430px, 1fr) minmax(330px, 0.72fr);
    align-items: center;
    gap: 28px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--color-border);
}

.portal-content-shell .portal-study-program-page .portal-study-program-hero__copy[b-cyzfvfveg8]  .portal-title {
    min-width: 0;
    gap: 14px;
}

.portal-content-shell .portal-study-program-page .portal-study-program-hero[b-cyzfvfveg8]  .portal-title__icon {
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px;
    border: 1px solid hsla(var(--brand-h, 219), 48%, 30%, 0.11) !important;
    border-radius: 14px !important;
    color: var(--color-brand-900) !important;
    background: var(--color-brand-50) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.94) !important;
}

.portal-content-shell .portal-study-program-page .portal-study-program-hero[b-cyzfvfveg8]  .portal-title__eyebrow {
    margin-bottom: 2px;
    color: var(--color-brand-800) !important;
    font-size: 0.68rem !important;
    line-height: 1.2 !important;
    font-weight: 750 !important;
    letter-spacing: 0.08em !important;
}

.portal-content-shell .portal-study-program-page .portal-study-program-hero[b-cyzfvfveg8]  .portal-title__heading {
    margin: 0 !important;
}

.portal-content-shell .portal-study-program-page .portal-study-program-hero[b-cyzfvfveg8]  .portal-title__copy {
    max-width: 60ch !important;
    margin-top: 5px !important;
    color: var(--color-text-secondary) !important;
    font-size: 0.79rem !important;
    line-height: 1.45 !important;
    font-weight: 500 !important;
}

.portal-content-shell .portal-study-program-page .portal-study-program-hero__note[b-cyzfvfveg8] {
    position: relative;
    max-width: 54ch;
    margin: 0;
    padding: 2px 0 2px 16px;
    border-left: 2px solid color-mix(in srgb, var(--color-accent-gold) 58%, var(--color-border));
    color: var(--color-text-secondary);
    font-size: 0.78rem;
    line-height: 1.48;
    text-wrap: pretty;
}

.portal-content-shell .portal-study-program-page .portal-study-program-pulse[b-cyzfvfveg8] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(210px, 0.64fr) minmax(0, 2.36fr);
    grid-template-rows: auto auto auto;
    align-items: center;
    gap: 2px 18px;
    padding: 0;
    border: 0;
    color: var(--color-text-primary);
    background: transparent !important;
    box-shadow: none !important;
}

.portal-content-shell .portal-study-program-page .portal-study-program-pulse__eyebrow[b-cyzfvfveg8] {
    grid-column: 1;
    color: var(--color-brand-800);
    font-size: 0.67rem;
    line-height: 1.2;
    font-weight: 750;
    letter-spacing: 0.08em;
}

.portal-content-shell .portal-study-program-page .portal-study-program-pulse__title[b-cyzfvfveg8] {
    grid-column: 1;
    margin-top: 3px;
    color: var(--color-text-primary);
    font-size: 1.04rem;
    line-height: 1.25;
    font-weight: 750;
    letter-spacing: -0.015em;
}

.portal-content-shell .portal-study-program-page .portal-study-program-pulse__meta[b-cyzfvfveg8] {
    grid-column: 1;
    margin-top: 2px;
    color: var(--color-text-muted);
    font-size: 0.74rem;
    line-height: 1.35;
    font-weight: 550;
}

.portal-content-shell .portal-study-program-page .portal-study-program-pulse__stats[b-cyzfvfveg8] {
    grid-column: 2;
    grid-row: 1 / 4;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.portal-content-shell .portal-page.portal-study-program-page .portal-study-program-pulse-stat[b-cyzfvfveg8] {
    min-width: 0;
    min-height: 68px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 10px 12px !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,0.76) !important;
    box-shadow: 0 7px 18px rgba(24,31,44,0.04) !important;
}

.portal-content-shell .portal-study-program-page .portal-study-program-pulse-stat__icon[b-cyzfvfveg8] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 1px solid hsla(var(--brand-h, 219), 48%, 30%, 0.09);
    border-radius: 11px;
    color: var(--color-brand-800);
    background: var(--color-brand-50);
}

.portal-content-shell .portal-study-program-page .portal-study-program-pulse-stat__icon[b-cyzfvfveg8]  .mud-icon-root {
    font-size: 1rem !important;
}

.portal-content-shell .portal-study-program-page .portal-study-program-pulse-stat__body[b-cyzfvfveg8] {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.portal-content-shell .portal-study-program-page .portal-study-program-pulse-stat__label[b-cyzfvfveg8] {
    overflow: hidden;
    color: var(--color-text-muted) !important;
    font-size: 0.65rem;
    line-height: 1.25;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.portal-content-shell .portal-study-program-page .portal-study-program-pulse-stat__value[b-cyzfvfveg8] {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: var(--color-text-primary) !important;
    font-size: 0.78rem;
    line-height: 1.32;
    font-weight: 700;
    overflow-wrap: anywhere;
}

@media (max-width: 1380px) {
    .portal-content-shell .portal-study-program-page .portal-study-program-hero__copy[b-cyzfvfveg8] {
        grid-template-columns: minmax(390px, 1fr) minmax(300px, 0.68fr);
        gap: 20px;
    }

    .portal-content-shell .portal-study-program-page .portal-study-program-pulse[b-cyzfvfveg8] {
        grid-template-columns: minmax(190px, 0.58fr) minmax(0, 2.42fr);
    }

    .portal-content-shell .portal-page.portal-study-program-page .portal-study-program-pulse-stat[b-cyzfvfveg8] {
        grid-template-columns: 30px minmax(0, 1fr);
        gap: 8px;
        padding-inline: 9px !important;
    }

    .portal-content-shell .portal-study-program-page .portal-study-program-pulse-stat__icon[b-cyzfvfveg8] {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 1080px) {
    .portal-content-shell .portal-study-program-page .portal-study-program-hero__copy[b-cyzfvfveg8] {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    .portal-content-shell .portal-study-program-page .portal-study-program-hero__note[b-cyzfvfveg8] {
        max-width: 70ch;
    }

    .portal-content-shell .portal-study-program-page .portal-study-program-pulse[b-cyzfvfveg8] {
        grid-template-columns: minmax(0, 1fr);
        gap: 3px;
    }

    .portal-content-shell .portal-study-program-page .portal-study-program-pulse__stats[b-cyzfvfveg8] {
        grid-column: 1;
        grid-row: auto;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 10px;
    }
}

@media (max-width: 640px) {
    .portal-content-shell .portal-page.portal-study-program-page .portal-panel.portal-study-program-hero[b-cyzfvfveg8] {
        padding: 14px !important;
        border-radius: var(--radius-md) !important;
    }

    .portal-content-shell .portal-study-program-page .portal-study-program-pulse__stats[b-cyzfvfveg8] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Pages/Survey.razor.rz.scp.css */
.portal-quiz-page[b-0gjf8akjpw]{
    --survey-brand-text: var(--tenant-action-text, #315f86);
    --survey-accent-text: var(--tenant-accent-text, #80652d);
    --portal-primary: var(--survey-brand-text);
    --portal-primary-strong: var(--survey-brand-text);
    --portal-accent: var(--survey-brand-text);
    --portal-accent-strong: var(--survey-brand-text);
    --portal-gold: var(--survey-accent-text);
    --color-brand-900: var(--survey-brand-text);
    --color-brand-800: var(--survey-brand-text);
    --color-brand-700: var(--survey-brand-text);
    --color-accent-gold: var(--survey-accent-text);
    display: grid;
    gap: 0.72rem;
    align-content: start;
}

.portal-quiz-head[b-0gjf8akjpw]{
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(16rem, 0.82fr);
    gap: 0.72rem;
    align-items: start;
    padding: 0.92rem !important;
    overflow: hidden;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 40), 48%, 54%, 0.12), transparent 24%),
        radial-gradient(circle at bottom left, hsla(var(--brand-h, 221), 66%, 52%, 0.08), transparent 26%),
        linear-gradient(180deg, rgba(255,255,255,0.99), rgba(245,248,255,0.965));
}

.portal-quiz-head__title[b-0gjf8akjpw]{
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.78rem;
    align-items: start;
}

.portal-quiz-head__icon[b-0gjf8akjpw]{
    display: grid;
    place-items: center;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 18px;
    color: var(--survey-brand-text);
    background:
        linear-gradient(180deg, hsla(var(--brand-h, 222), 100%, 95%, 0.98), hsla(var(--brand-h, 222), 100%, 92%, 0.94));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.94),
        0 14px 28px hsla(var(--brand-h, 220), 71%, 34%, 0.08);
}

.portal-quiz-head__eyebrow[b-0gjf8akjpw],
.portal-quiz-section-head__eyebrow[b-0gjf8akjpw],
.portal-quiz-alert__eyebrow[b-0gjf8akjpw],
.portal-quiz-question__kind[b-0gjf8akjpw]{
    color: var(--portal-muted, #5d6673);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.portal-quiz-head__heading[b-0gjf8akjpw]{
    margin: 0.14rem 0 0;
}

.portal-quiz-head__copy[b-0gjf8akjpw]{
    margin: 0.32rem 0 0;
    max-width: 33rem;
    color: var(--portal-muted, #5d6673);
    font-size: 0.79rem;
    line-height: 1.46;
}

.portal-quiz-head__stats[b-0gjf8akjpw]{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.44rem;
}

.portal-quiz-head__stat[b-0gjf8akjpw],
.portal-quiz-context__item[b-0gjf8akjpw]{
    display: grid;
    gap: 0.16rem;
    padding: 0.62rem 0.74rem;
    border-radius: 17px;
    border: 1px solid hsla(var(--brand-h, 220), 63%, 33%, 0.08);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(245,248,255,0.94));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.92),
        0 10px 20px hsla(var(--brand-h, 219), 68%, 17%, 0.05);
}

.portal-quiz-head__stat span[b-0gjf8akjpw],
.portal-quiz-context__item span[b-0gjf8akjpw]{
    color: var(--portal-muted, #5d6673);
    font-size: 0.63rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.portal-quiz-head__stat strong[b-0gjf8akjpw],
.portal-quiz-context__item strong[b-0gjf8akjpw]{
    color: var(--portal-text, #1d2025);
    font-size: 0.95rem;
    font-weight: 900;
    line-height: 1.08;
}

.portal-quiz-head__selection[b-0gjf8akjpw]{
    display: grid;
    gap: 0.38rem;
    margin-top: 0.56rem;
    padding: 0.8rem 0.84rem;
    border-radius: 20px;
    border: 1px solid hsla(var(--brand-h, 220), 63%, 33%, 0.08);
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 40), 48%, 54%, 0.12), transparent 30%),
        linear-gradient(145deg, rgba(255,255,255,0.985), rgba(240,245,255,0.95));
    box-shadow: 0 16px 30px hsla(var(--brand-h, 219), 70%, 22%, 0.08);
}

.portal-quiz-head__selection-label[b-0gjf8akjpw]{
    color: var(--portal-muted, #5d6673);
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.portal-quiz-head__selection-title[b-0gjf8akjpw]{
    color: var(--portal-text, #1d2025);
    font-size: 0.96rem;
    font-weight: 900;
    line-height: 1.12;
}

.portal-quiz-head__selection-copy[b-0gjf8akjpw]{
    color: var(--portal-muted, #5d6673);
    font-size: 0.76rem;
    line-height: 1.46;
}

.portal-quiz-head__selection-meta[b-0gjf8akjpw]{
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.06rem;
}

.portal-quiz-head__selection-meta span[b-0gjf8akjpw]{
    display: inline-flex;
    align-items: center;
    min-height: 1.78rem;
    padding: 0.18rem 0.54rem;
    border-radius: 999px;
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.08);
    color: var(--survey-brand-text);
    font-size: 0.69rem;
    font-weight: 800;
}

.portal-quiz-alert[b-0gjf8akjpw]{
    display: grid;
    gap: 0.42rem;
    padding: 0.8rem 0.88rem !important;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 40), 48%, 54%, 0.1), transparent 24%),
        linear-gradient(180deg, rgba(255,252,244,0.98), rgba(250,244,230,0.95));
}

.portal-quiz-alert__title[b-0gjf8akjpw]{
    color: #7c5715;
    font-size: 0.96rem;
    font-weight: 900;
}

.portal-quiz-alert__copy[b-0gjf8akjpw]{
    color: #82693b;
    font-size: 0.76rem;
    line-height: 1.44;
}

.portal-quiz-alert__list[b-0gjf8akjpw]{
    display: grid;
    gap: 0.4rem;
}

.portal-quiz-alert__item[b-0gjf8akjpw]{
    padding: 0.56rem 0.7rem;
    border-radius: 16px;
    background: rgba(255,255,255,0.72);
    color: #7d5a19;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.48;
    border: 1px solid hsla(var(--brand-accent-h, 37), 49%, 48%, 0.12);
}

.portal-quiz-outcomes[b-0gjf8akjpw] {
    display: grid;
    gap: 0.72rem;
    padding: 0.88rem !important;
    overflow: hidden;
    background:
        radial-gradient(circle at 92% 0%, hsla(var(--brand-accent-h, 40), 62%, 54%, 0.14), transparent 27%),
        linear-gradient(145deg, rgba(255,255,255,0.99), hsla(var(--brand-h, 220), 66%, 97%, 0.97));
}

.portal-quiz-outcomes__head[b-0gjf8akjpw],
.portal-quiz-outcome__topline[b-0gjf8akjpw],
.portal-quiz-outcome__meta[b-0gjf8akjpw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
}

.portal-quiz-outcomes__seal[b-0gjf8akjpw] {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    min-height: 2rem;
    padding: 0.32rem 0.65rem;
    border: 1px solid hsla(var(--brand-h, 220), 66%, 42%, 0.14);
    border-radius: 999px;
    color: var(--survey-brand-text);
    background: hsla(var(--brand-h, 220), 84%, 96%, 0.92);
    font-size: 0.68rem;
    font-weight: 850;
    white-space: nowrap;
}

.portal-quiz-outcomes__grid[b-0gjf8akjpw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.62rem;
}

.portal-quiz-outcome[b-0gjf8akjpw] {
    display: grid;
    gap: 0.52rem;
    padding: 0.72rem;
    border: 1px solid hsla(var(--brand-h, 220), 55%, 32%, 0.1);
    border-radius: 19px;
    background: rgba(255,255,255,0.88);
    box-shadow: 0 14px 26px hsla(var(--brand-h, 220), 56%, 20%, 0.06);
}

.portal-quiz-outcome__topline span[b-0gjf8akjpw] {
    color: var(--portal-text, #1d2025);
    font-size: 0.78rem;
    font-weight: 900;
}

.portal-quiz-outcome__topline time[b-0gjf8akjpw],
.portal-quiz-outcome__meta[b-0gjf8akjpw] {
    color: var(--portal-muted, #5d6673);
    font-size: 0.64rem;
    font-weight: 750;
}

.portal-quiz-outcome__statement[b-0gjf8akjpw] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
    padding: 0.58rem 0.64rem;
    border-radius: 14px;
}

.portal-quiz-outcome__statement--said[b-0gjf8akjpw] {
    background: hsla(var(--brand-h, 220), 34%, 95%, 0.94);
}

.portal-quiz-outcome__statement--did[b-0gjf8akjpw] {
    background: var(--tenant-action, hsl(var(--brand-h, 220), 64%, 31%));
}

.portal-quiz-outcome__statement small[b-0gjf8akjpw] {
    color: var(--portal-muted, #5d6673);
    font-size: 0.58rem;
    font-weight: 900;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.portal-quiz-outcome__statement strong[b-0gjf8akjpw] {
    color: var(--portal-text, #1d2025);
    font-size: 0.75rem;
    line-height: 1.42;
}

.portal-quiz-outcome__statement--did small[b-0gjf8akjpw],
.portal-quiz-outcome__statement--did strong[b-0gjf8akjpw] {
    color: var(--tenant-on-action, #fff);
}

.portal-quiz-outcome__meta span:last-child[b-0gjf8akjpw] {
    padding: 0.18rem 0.45rem;
    border-radius: 999px;
    color: var(--survey-brand-text);
    background: hsla(var(--brand-h, 220), 76%, 93%, 0.9);
    text-transform: capitalize;
}

.portal-quiz-live[b-0gjf8akjpw] {
    --portal-control-focus-border: #fff;
    --portal-control-focus-ring: 0 0 0 3px #fff;
    display: grid;
    gap: .62rem;
    margin: .72rem 0;
    padding: .78rem;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--tenant-primary, hsl(var(--brand-h,220),68%,45%)) 30%, rgba(255,255,255,.18));
    border-radius: 20px;
    background:
        radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--tenant-accent, #d7ae5c) 24%, transparent), transparent 30%),
        linear-gradient(145deg, color-mix(in srgb, var(--tenant-action, hsl(var(--brand-h,220),62%,27%)) 88%, #09152b), color-mix(in srgb, var(--tenant-action, hsl(var(--brand-h,220),68%,42%)) 72%, #14294d));
    box-shadow: 0 18px 38px hsla(var(--brand-h,220),70%,17%,.18);
    color: #fff;
}
.portal-quiz-live__header[b-0gjf8akjpw],
.portal-quiz-live__identity[b-0gjf8akjpw],
.portal-quiz-live__badges[b-0gjf8akjpw],
.portal-quiz-live__announcement[b-0gjf8akjpw],
.portal-quiz-live__loading[b-0gjf8akjpw],
.portal-quiz-live__results > header[b-0gjf8akjpw],
.portal-quiz-live__questions > header[b-0gjf8akjpw],
.portal-quiz-live__result > span[b-0gjf8akjpw],
.portal-quiz-live__questions article[b-0gjf8akjpw],
.portal-quiz-live__leaderboard span[b-0gjf8akjpw] {
    display: flex;
    align-items: center;
}
.portal-quiz-live__header[b-0gjf8akjpw] { justify-content: space-between; gap: .65rem; }
.portal-quiz-live__identity[b-0gjf8akjpw] { min-width: 0; gap: .52rem; }
.portal-quiz-live__identity > div[b-0gjf8akjpw] { display: grid; min-width: 0; gap: .04rem; }
.portal-quiz-live__identity small[b-0gjf8akjpw] { color: #fff; font-size: .56rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.portal-quiz-live__identity strong[b-0gjf8akjpw] { overflow: hidden; font-size: .82rem; text-overflow: ellipsis; white-space: nowrap; }
.portal-quiz-live__pulse[b-0gjf8akjpw] { width: .65rem; height: .65rem; flex: none; border-radius: 50%; background: #ff6b7d; box-shadow: 0 0 0 5px rgba(255,107,125,.16); animation: student-live-pulse-b-0gjf8akjpw 1.8s ease-in-out infinite; }
.portal-quiz-live__badges[b-0gjf8akjpw] { justify-content: flex-end; gap: .3rem; flex-wrap: wrap; }
.portal-quiz-live__badges > span[b-0gjf8akjpw] { display: inline-flex; min-height: 1.72rem; align-items: center; gap: .22rem; padding: .25rem .48rem; border: 1px solid rgba(255,255,255,.15); border-radius: 999px; color: #fff; background: rgba(255,255,255,.08); font-size: .59rem; font-weight: 850; white-space: nowrap; }
.portal-quiz-live__badges .portal-quiz-live__status[b-0gjf8akjpw] { color: #fff; background: color-mix(in srgb, var(--tenant-accent, #d7ae5c) 22%, rgba(255,255,255,.08)); }
.portal-quiz-live__badges .portal-quiz-live__timer[b-0gjf8akjpw] { color: #fff; font-variant-numeric: tabular-nums; }
.portal-quiz-live__announcement[b-0gjf8akjpw] { gap: .4rem; min-height: 2.1rem; padding: .43rem .56rem; border-radius: 12px; color: #fff; background: rgba(255,255,255,.08); font-size: .67rem; font-weight: 750; }
.portal-quiz-live__loading[b-0gjf8akjpw] { justify-content: center; gap: .46rem; min-height: 4.8rem; color: #fff; font-size: .7rem; }
.portal-quiz-live__workspace[b-0gjf8akjpw] { display: grid; gap: .58rem; padding: .66rem; border: 1px solid rgba(255,255,255,.12); border-radius: 15px; background: rgba(255,255,255,.075); backdrop-filter: blur(12px); }
.portal-quiz-live__prompt[b-0gjf8akjpw] { display: grid; gap: .18rem; }
.portal-quiz-live__prompt > span[b-0gjf8akjpw] { color: #fff; font-size: .55rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.portal-quiz-live__prompt > strong[b-0gjf8akjpw] { color: #fff; font-size: clamp(.86rem, 1.5vw, 1.02rem); line-height: 1.4; }
.portal-quiz-live__choices[b-0gjf8akjpw] { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .4rem; }
.portal-quiz-live__choice[b-0gjf8akjpw],
.portal-quiz-live__composer > button[b-0gjf8akjpw],
.portal-quiz-live__questions article > button[b-0gjf8akjpw] { min-height: 2.45rem; border: 1px solid rgba(255,255,255,.16); border-radius: 12px; color: #fff; background: rgba(255,255,255,.09); font: inherit; font-size: .69rem; font-weight: 850; cursor: pointer; }
.portal-quiz-live__choice[b-0gjf8akjpw] { display: flex; align-items: center; justify-content: space-between; gap: .4rem; padding: .44rem .6rem; text-align: left; }
.portal-quiz-live__choice.is-selected[b-0gjf8akjpw] { color: var(--tenant-on-action, hsl(var(--brand-h,220),60%,20%)); border-color: transparent; background: var(--tenant-action, #fff); }
.portal-quiz-live__choice:disabled[b-0gjf8akjpw],
.portal-quiz-live__composer > button:disabled[b-0gjf8akjpw],
.portal-quiz-live__questions article > button:disabled[b-0gjf8akjpw] { opacity: .5; cursor: default; }
.portal-quiz-live__composer[b-0gjf8akjpw] { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .36rem .46rem; }
.portal-quiz-live__composer > label:first-child[b-0gjf8akjpw] { grid-column: 1 / -1; color: #fff; font-size: .62rem; font-weight: 750; }
.portal-quiz-live__composer textarea[b-0gjf8akjpw] { min-height: 3.05rem; resize: vertical; padding: .52rem .6rem; border: 1px solid rgba(255,255,255,.18); border-radius: 12px; outline: 0; color: #fff; background: rgba(255,255,255,.1); font: inherit; font-size: .73rem; }
.portal-quiz-live__composer textarea:focus-visible[b-0gjf8akjpw] { border-color: #fff; outline: 3px solid #fff; outline-offset: 2px; }
.portal-quiz-live__composer > button[b-0gjf8akjpw] { min-width: 8rem; padding: .45rem .68rem; color: var(--tenant-on-action, hsl(var(--brand-h,220),60%,20%)); border: 0; background: var(--tenant-action, #fff); }
.portal-quiz-live__anonymous[b-0gjf8akjpw] { grid-column: 1 / -1; display: inline-flex; width: fit-content; align-items: center; gap: .34rem; color: #fff; font-size: .61rem; cursor: pointer; }
.portal-quiz-live__anonymous input[b-0gjf8akjpw] { accent-color: #fff; }
.portal-quiz-live__results[b-0gjf8akjpw],
.portal-quiz-live__questions[b-0gjf8akjpw] { display: grid; gap: .46rem; padding: .65rem; border: 1px solid rgba(255,255,255,.12); border-radius: 15px; background: rgba(255,255,255,.07); }
.portal-quiz-live__results > header[b-0gjf8akjpw],
.portal-quiz-live__questions > header[b-0gjf8akjpw] { justify-content: space-between; gap: .46rem; }
.portal-quiz-live__results > header strong[b-0gjf8akjpw],
.portal-quiz-live__questions > header strong[b-0gjf8akjpw] { color: #fff; font-size: .71rem; }
.portal-quiz-live__results > header span[b-0gjf8akjpw],
.portal-quiz-live__questions > header span[b-0gjf8akjpw] { color: #fff; font-size: .61rem; font-weight: 750; }
.portal-quiz-live__results > p[b-0gjf8akjpw],
.portal-quiz-live__questions > p[b-0gjf8akjpw] { margin: 0; color: #fff; font-size: .65rem; }
.portal-quiz-live__result[b-0gjf8akjpw] { display: grid; gap: .24rem; }
.portal-quiz-live__result > span[b-0gjf8akjpw] { justify-content: space-between; gap: .46rem; color: #fff; font-size: .64rem; }
.portal-quiz-live__result small[b-0gjf8akjpw] { color: #fff; }
.portal-quiz-live__result progress[b-0gjf8akjpw] { width: 100%; height: .42rem; overflow: hidden; border: 0; border-radius: 999px; accent-color: #fff; }
.portal-quiz-live__cloud[b-0gjf8akjpw] { display: flex; min-height: 4rem; align-items: center; justify-content: center; gap: .32rem .62rem; flex-wrap: wrap; padding: .42rem; color: #fff; }
.portal-quiz-live__cloud span[b-0gjf8akjpw] { font-weight: 850; line-height: 1; }
.portal-quiz-live__leaderboard[b-0gjf8akjpw] { display: grid; grid-template-columns: repeat(auto-fit,minmax(8rem,1fr)); gap: .32rem; padding-top: .18rem; }
.portal-quiz-live__leaderboard span[b-0gjf8akjpw] { gap: .32rem; padding: .36rem .45rem; border-radius: 10px; color: #fff; background: color-mix(in srgb, var(--tenant-accent, #d7ae5c) 14%, transparent); font-size: .59rem; }
.portal-quiz-live__leaderboard b[b-0gjf8akjpw] { color: #fff; }
.portal-quiz-live__leaderboard small[b-0gjf8akjpw] { margin-left: auto; color: #fff; }
.portal-quiz-live__questions article[b-0gjf8akjpw] { justify-content: space-between; gap: .55rem; padding: .45rem .52rem; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; background: rgba(255,255,255,.07); }
.portal-quiz-live__questions article.is-pinned[b-0gjf8akjpw] { border-color: color-mix(in srgb, var(--tenant-accent, #d7ae5c) 48%, rgba(255,255,255,.12)); background: color-mix(in srgb, var(--tenant-accent, #d7ae5c) 9%, rgba(255,255,255,.07)); }
.portal-quiz-live__questions article > span[b-0gjf8akjpw] { min-width: 0; color: #fff; font-size: .67rem; line-height: 1.4; }
.portal-quiz-live__questions article > button[b-0gjf8akjpw] { display: inline-flex; min-width: 3.4rem; min-height: 1.95rem; flex: none; align-items: center; justify-content: center; gap: .22rem; padding: .3rem .44rem; }
.portal-quiz-live :is(button, textarea, input):focus-visible[b-0gjf8akjpw] { outline: 3px solid #fff; outline-offset: 2px; }
@keyframes student-live-pulse-b-0gjf8akjpw { 50% { transform:scale(.78); box-shadow:0 0 0 8px rgba(255,107,125,.07); } }

.portal-quiz-select[b-0gjf8akjpw],
.portal-quiz-rank-select[b-0gjf8akjpw],
.portal-quiz-value-input[b-0gjf8akjpw] {
    width: 100%;
    min-height: 2.45rem;
    padding: 0.58rem 0.72rem;
    border-radius: 16px;
    border: 1px solid hsla(var(--brand-h, 220), 63%, 33%, 0.12);
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,249,253,0.98));
    color: var(--portal-text, hsl(var(--brand-h, 219), 60%, 23%));
    font-size: 0.82rem;
    font-weight: 750;
    outline: none;
}

.portal-quiz-select:focus[b-0gjf8akjpw],
.portal-quiz-rank-select:focus[b-0gjf8akjpw],
.portal-quiz-value-input:focus[b-0gjf8akjpw] {
    border-color: var(--tenant-focus-ring, var(--survey-brand-text));
    outline: 3px solid var(--tenant-focus-ring, var(--survey-brand-text));
    outline-offset: 2px;
    box-shadow: 0 0 0 4px hsla(var(--brand-accent-h, 37), 49%, 48%, 0.1);
}

.portal-quiz-file-control[b-0gjf8akjpw] {
    display: grid;
    gap: 0.52rem;
}

.portal-quiz-file-input[b-0gjf8akjpw] {
    cursor: pointer;
}

.portal-quiz-file-help[b-0gjf8akjpw] {
    color: rgba(123, 90, 58, 0.74);
    font-size: 0.72rem;
    font-weight: 750;
    line-height: 1.35;
}

.portal-quiz-file-input[b-0gjf8akjpw]::file-selector-button {
    margin-right: 0.72rem;
    padding: 0.42rem 0.72rem;
    border: 0;
    border-radius: 12px;
    background: var(--tenant-action, #785034);
    color: var(--tenant-on-action, #fff);
    font-weight: 850;
    cursor: pointer;
}

.portal-quiz-file-uploading[b-0gjf8akjpw],
.portal-quiz-file-chip[b-0gjf8akjpw] {
    display: flex;
    align-items: center;
    gap: 0.56rem;
    min-height: 2.5rem;
    padding: 0.56rem 0.64rem;
    border-radius: 14px;
    border: 1px solid rgba(143, 103, 68, 0.16);
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 12px 32px rgba(62, 44, 26, 0.08);
    color: #7b5a3a;
}

.portal-quiz-file-chip__body[b-0gjf8akjpw] {
    display: grid;
    min-width: 0;
    flex: 1;
    gap: 0.12rem;
}

.portal-quiz-file-chip__body a[b-0gjf8akjpw],
.portal-quiz-file-chip__body > span:first-child[b-0gjf8akjpw] {
    color: var(--portal-text, hsl(var(--brand-h, 219), 60%, 23%));
    font-size: 0.82rem;
    font-weight: 850;
    line-height: 1.25;
    overflow-wrap: anywhere;
    text-decoration: none;
}

.portal-quiz-file-chip__body a:hover[b-0gjf8akjpw] {
    color: #8f6744;
}

.portal-quiz-file-chip__meta[b-0gjf8akjpw],
.portal-quiz-file-uploading span[b-0gjf8akjpw] {
    color: rgba(123, 90, 58, 0.72);
    font-size: 0.72rem;
    font-weight: 750;
}

.portal-quiz-file-chip__clear[b-0gjf8akjpw] {
    display: inline-grid;
    place-items: center;
    width: 1.85rem;
    height: 1.85rem;
    border: 0;
    border-radius: 50%;
    background: rgba(143, 103, 68, 0.1);
    color: #7b5a3a;
    cursor: pointer;
}

.portal-quiz-file-chip__clear:hover[b-0gjf8akjpw] {
    background: rgba(143, 103, 68, 0.18);
}

.portal-quiz-special-control[b-0gjf8akjpw] {
    display: grid;
    gap: 0.55rem;
}

.portal-quiz-special-actions[b-0gjf8akjpw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.portal-quiz-special-action[b-0gjf8akjpw],
.portal-quiz-special-import[b-0gjf8akjpw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 2.65rem;
    padding: 0 0.88rem;
    border: 1px solid color-mix(in srgb, #8f6744 22%, transparent);
    border-radius: 14px;
    color: var(--tenant-on-action, #fff);
    background: var(--tenant-action, #785034);
    box-shadow: 0 12px 28px rgba(98, 65, 38, 0.16);
    font: inherit;
    font-size: 0.78rem;
    font-weight: 850;
    text-decoration: none;
    cursor: pointer;
    transition: transform 160ms ease, box-shadow 160ms ease, opacity 160ms ease;
}

.portal-quiz-special-import[b-0gjf8akjpw] {
    color: #7b5a3a;
    background: color-mix(in srgb, var(--color-surface, #fff) 88%, #efe2d3);
    box-shadow: none;
}

.portal-quiz-special-action:hover:not(:disabled)[b-0gjf8akjpw],
.portal-quiz-special-import:hover[b-0gjf8akjpw] {
    transform: translateY(-1px);
    box-shadow: 0 15px 32px rgba(98, 65, 38, 0.2);
}

.portal-quiz-special-action:disabled[b-0gjf8akjpw] {
    cursor: wait;
    opacity: 0.58;
}

.portal-quiz-special-result[b-0gjf8akjpw] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.58rem;
    min-height: 2.8rem;
    padding: 0.58rem 0.68rem;
    border: 1px solid rgba(143, 103, 68, 0.16);
    border-radius: 15px;
    color: #7b5a3a;
    background: color-mix(in srgb, var(--color-surface, #fff) 92%, #f1e5d7);
    box-shadow: 0 12px 30px rgba(62, 44, 26, 0.07);
}

.portal-quiz-special-result > span:nth-child(2)[b-0gjf8akjpw] {
    display: grid;
    min-width: 0;
    gap: 0.1rem;
}

.portal-quiz-special-result strong[b-0gjf8akjpw] {
    color: var(--portal-text, hsl(var(--brand-h, 219), 60%, 23%));
    font-size: 0.82rem;
    overflow-wrap: anywhere;
}

.portal-quiz-special-result small[b-0gjf8akjpw] {
    color: rgba(123, 90, 58, 0.72);
    font-size: 0.71rem;
    font-weight: 750;
}

.portal-quiz-special-result button[b-0gjf8akjpw] {
    display: grid;
    place-items: center;
    width: 1.85rem;
    height: 1.85rem;
    border: 0;
    border-radius: 50%;
    color: #7b5a3a;
    background: rgba(143, 103, 68, 0.1);
    cursor: pointer;
}

.portal-quiz-special-input[hidden][b-0gjf8akjpw] {
    display: none;
}

.portal-quiz-ranking-list[b-0gjf8akjpw] {
    display: grid;
    gap: 0.48rem;
}

.portal-quiz-ranking-row[b-0gjf8akjpw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 5.4rem;
    gap: 0.58rem;
    align-items: center;
    padding: 0.62rem 0.68rem;
    border-radius: 16px;
    border: 1px solid hsla(var(--brand-h, 220), 63%, 33%, 0.08);
    background: rgba(255,255,255,0.72);
    color: var(--portal-text, hsl(var(--brand-h, 219), 60%, 23%));
    font-size: 0.82rem;
    font-weight: 800;
}

.portal-quiz-slider-row[b-0gjf8akjpw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 2.6rem;
    gap: 0.7rem;
    align-items: center;
}

.portal-quiz-slider[b-0gjf8akjpw] {
    width: 100%;
    accent-color: var(--tenant-action, var(--survey-brand-text));
}

.portal-quiz-slider-row span[b-0gjf8akjpw] {
    display: inline-grid;
    place-items: center;
    min-height: 2.05rem;
    border-radius: 999px;
    background: hsla(var(--brand-accent-h, 37), 49%, 48%, 0.1);
    color: #7c5715;
    font-weight: 900;
}

.portal-quiz-portal-reminders[b-0gjf8akjpw]{
    display: grid;
    gap: 0.64rem;
    padding: 0.82rem 0.9rem !important;
    border: 1px solid hsla(var(--brand-h, 220), 63%, 33%, 0.09);
    background:
        radial-gradient(circle at top right, hsla(var(--brand-h, 220), 61%, 48%, 0.1), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,0.99), rgba(244,248,255,0.96));
}

.portal-quiz-portal-reminders__head[b-0gjf8akjpw]{
    display: flex;
    justify-content: space-between;
    gap: 0.7rem;
    align-items: flex-start;
    flex-wrap: wrap;
}

.portal-quiz-portal-reminders__title[b-0gjf8akjpw]{
    margin-top: 0.08rem;
    color: var(--portal-text, #1d2025);
    font-size: 0.98rem;
    font-weight: 900;
}

.portal-quiz-portal-reminders__copy[b-0gjf8akjpw]{
    margin-top: 0.2rem;
    color: var(--portal-muted, #5d6673);
    font-size: 0.76rem;
    line-height: 1.45;
}

.portal-quiz-portal-reminders__grid[b-0gjf8akjpw]{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.52rem;
}

.portal-quiz-portal-reminder[b-0gjf8akjpw]{
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.58rem;
    align-items: center;
    width: 100%;
    padding: 0.58rem 0.64rem;
    border-radius: 18px;
    border: 1px solid hsla(var(--brand-h, 220), 63%, 33%, 0.08);
    background: rgba(255,255,255,0.78);
    color: inherit;
    text-align: left;
    box-shadow: 0 12px 24px hsla(var(--brand-h, 219), 68%, 17%, 0.05);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.portal-quiz-portal-reminder:hover:not(:disabled)[b-0gjf8akjpw],
.portal-quiz-portal-reminder:focus-visible:not(:disabled)[b-0gjf8akjpw]{
    transform: translateY(-1px);
    border-color: hsla(var(--brand-h, 224), 76%, 48%, 0.24);
    box-shadow: 0 16px 32px hsla(var(--brand-h, 219), 68%, 17%, 0.09);
}

.portal-quiz-portal-reminder:focus-visible:not(:disabled)[b-0gjf8akjpw] {
    outline: 3px solid var(--tenant-focus-ring, var(--survey-brand-text));
    outline-offset: 2px;
}

.portal-quiz-portal-reminder:disabled[b-0gjf8akjpw]{
    cursor: not-allowed;
    opacity: 0.62;
}

.portal-quiz-portal-reminder--unread[b-0gjf8akjpw]{
    border-color: hsla(var(--brand-accent-h, 37), 49%, 48%, 0.26);
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 22), 100%, 50%, 0.16), transparent 32%),
        rgba(255,255,255,0.86);
}

.portal-quiz-portal-reminder__icon[b-0gjf8akjpw]{
    display: inline-grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 14px;
    color: var(--survey-brand-text);
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.08);
}

.portal-quiz-portal-reminder__body[b-0gjf8akjpw]{
    display: grid;
    gap: 0.1rem;
    min-width: 0;
}

.portal-quiz-portal-reminder__body strong[b-0gjf8akjpw]{
    overflow: hidden;
    color: var(--portal-text, #1d2025);
    font-size: 0.78rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-quiz-portal-reminder__body small[b-0gjf8akjpw]{
    overflow: hidden;
    color: var(--portal-muted, #5d6673);
    font-size: 0.68rem;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-quiz-portal-reminder__action[b-0gjf8akjpw]{
    color: var(--survey-brand-text);
    font-size: 0.7rem;
    font-weight: 900;
}

.portal-quiz-list-panel[b-0gjf8akjpw],
.portal-quiz-main[b-0gjf8akjpw]{
    display: grid;
    gap: 0.68rem;
    padding: 0.9rem !important;
}

.portal-quiz-section-head[b-0gjf8akjpw]{
    display: flex;
    justify-content: space-between;
    gap: 0.8rem;
    align-items: flex-start;
}

.portal-quiz-section-head__title[b-0gjf8akjpw]{
    margin: 0.1rem 0 0;
    color: var(--portal-text, #1d2025);
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.12;
}

.portal-quiz-section-head__copy[b-0gjf8akjpw]{
    margin: 0.26rem 0 0;
    color: var(--portal-muted, #5d6673);
    font-size: 0.79rem;
    line-height: 1.48;
    max-width: 40rem;
}

.portal-quiz-section-head__badge[b-0gjf8akjpw]{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.92rem;
    padding: 0.2rem 0.64rem;
    border-radius: 999px;
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.08);
    color: var(--survey-brand-text);
    font-size: 0.72rem;
    font-weight: 800;
    white-space: nowrap;
}

.portal-quiz-queue[b-0gjf8akjpw]{
    display: grid;
    gap: 0.42rem;
    min-width: 0;
}

.portal-quiz-mobile-only[b-0gjf8akjpw]{
    display: none;
}

.portal-quiz-mobile-list[b-0gjf8akjpw]{
    display: grid;
    gap: 0.56rem;
}

.portal-quiz-mobile-card[b-0gjf8akjpw]{
    display: grid;
    gap: 0.5rem;
    width: 100%;
    text-align: left;
    padding: 0.82rem 0.84rem;
    border-radius: 20px;
    border: 1px solid hsla(var(--brand-h, 217), 51%, 15%, 0.07);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.985), rgba(246,249,255,0.96));
    color: var(--portal-text, #1d2025);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.92),
        0 12px 22px hsla(var(--brand-h, 219), 68%, 17%, 0.04);
}

.portal-quiz-mobile-card--active[b-0gjf8akjpw]{
    border-color: hsla(var(--brand-h, 224), 76%, 48%, 0.22);
    background:
        radial-gradient(circle at top left, hsla(var(--brand-h, 218), 100%, 74%, 0.16), transparent 58%),
        linear-gradient(180deg, rgba(236,243,255,0.98), rgba(248,250,255,0.98));
    box-shadow: 0 20px 32px hsla(var(--brand-h, 224), 76%, 48%, 0.1);
}

.portal-quiz-mobile-card:disabled[b-0gjf8akjpw]{
    cursor: default;
    opacity: 0.76;
    border-color: color-mix(in srgb, var(--color-success, #15803d) 20%, transparent);
    background: color-mix(in srgb, var(--color-success-soft, #ecfdf3) 42%, var(--color-surface, #fff));
    box-shadow: none;
}

.portal-quiz-outbox[b-0gjf8akjpw] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 15px 17px;
    border: 1px solid color-mix(in srgb, var(--color-brand-500, #315f86) 28%, transparent);
    background:
        radial-gradient(circle at 8% 12%, color-mix(in srgb, var(--color-accent, #b89146) 16%, transparent), transparent 36%),
        linear-gradient(135deg, color-mix(in srgb, var(--color-brand-50, #eef4fa) 88%, white), var(--color-surface, #fff));
    box-shadow: 0 16px 36px hsla(var(--brand-h, 218), 56%, 22%, 0.08);
}

.portal-quiz-outbox__icon[b-0gjf8akjpw] {
    display: inline-grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 15px;
    color: var(--tenant-on-action, #fff);
    background: var(--tenant-action, #18314f);
    box-shadow: 0 10px 22px color-mix(in srgb, var(--color-brand-700, #244d70) 24%, transparent);
}

.portal-quiz-outbox__copy[b-0gjf8akjpw] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.portal-quiz-outbox__copy small[b-0gjf8akjpw] {
    color: var(--color-accent-700, #80652d);
    font-size: 0.69rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.portal-quiz-outbox__copy strong[b-0gjf8akjpw] {
    color: var(--color-text, #172033);
    font-size: 0.88rem;
    line-height: 1.45;
}

.portal-quiz-outbox__copy span[b-0gjf8akjpw] {
    color: var(--color-text-muted, #647084);
    font-size: 0.76rem;
}

.portal-quiz-outbox__retry[b-0gjf8akjpw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid color-mix(in srgb, var(--color-brand-800, #18314f) 20%, transparent);
    border-radius: 13px;
    color: var(--color-brand-900, #18314f);
    background: color-mix(in srgb, white 82%, var(--color-brand-50, #eef4fa));
    font-weight: 800;
}

.portal-quiz-outbox__retry:not(:disabled):hover[b-0gjf8akjpw] {
    transform: translateY(-1px);
    box-shadow: 0 8px 20px hsla(var(--brand-h, 218), 48%, 20%, 0.1);
}

.portal-quiz-outbox__retry:disabled[b-0gjf8akjpw] {
    cursor: progress;
    opacity: 0.68;
}

.portal-quiz-list__status--queued[b-0gjf8akjpw] {
    color: var(--color-brand-800, #18314f);
    background: color-mix(in srgb, var(--color-brand-100, #d8e6f2) 72%, white);
}

.portal-quiz-queue__row--queued[b-0gjf8akjpw],
.portal-quiz-mobile-card--queued[b-0gjf8akjpw] {
    border-color: color-mix(in srgb, var(--color-brand-500, #315f86) 24%, transparent) !important;
    background: color-mix(in srgb, var(--color-brand-50, #eef4fa) 72%, var(--color-surface, #fff)) !important;
}

.portal-quiz-mobile-card__head[b-0gjf8akjpw]{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
}

.portal-quiz-mobile-card__index[b-0gjf8akjpw]{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    padding: 0.12rem 0.6rem;
    border-radius: 999px;
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.08);
    color: var(--survey-brand-text);
    font-size: 0.74rem;
    font-weight: 900;
}

.portal-quiz-mobile-card__title[b-0gjf8akjpw]{
    color: var(--portal-text, #1d2025);
    font-size: 0.86rem;
    font-weight: 900;
    line-height: 1.35;
}

.portal-quiz-mobile-card__meta[b-0gjf8akjpw]{
    color: var(--portal-muted, #5d6673);
    font-size: 0.75rem;
    line-height: 1.46;
}

.portal-quiz-mobile-card__action[b-0gjf8akjpw]{
    display: inline-flex;
    align-items: center;
    gap: 0.36rem;
    color: var(--survey-brand-text);
    font-size: 0.72rem;
    font-weight: 800;
}

.portal-quiz-queue__head[b-0gjf8akjpw],
.portal-quiz-queue__row[b-0gjf8akjpw]{
    display: grid;
    grid-template-columns: 2.2rem minmax(0, 1.35fr) minmax(0, 1.05fr) auto auto;
    gap: 0.58rem;
    align-items: center;
}

.portal-quiz-queue__head[b-0gjf8akjpw]{
    padding: 0 0.74rem;
    color: var(--portal-muted, #5d6673);
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    position: sticky;
    top: 0;
    z-index: 2;
    min-height: 2.4rem;
    border-radius: 16px;
    background:
        linear-gradient(180deg, rgba(252,253,255,0.98), rgba(243,247,255,0.96));
    box-shadow: 0 8px 18px hsla(var(--brand-h, 219), 68%, 17%, 0.04);
}

.portal-quiz-queue__body[b-0gjf8akjpw]{
    display: grid;
    gap: 0.42rem;
    max-height: 24rem;
    overflow: auto;
    padding-right: 0.16rem;
    scrollbar-gutter: stable;
}

.portal-quiz-queue__row[b-0gjf8akjpw]{
    width: 100%;
    text-align: left;
    padding: 0.78rem 0.74rem;
    border-radius: 18px;
    border: 1px solid hsla(var(--brand-h, 217), 51%, 15%, 0.07);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(246,249,255,0.96));
    color: var(--portal-text, #1d2025);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.92),
        0 12px 22px hsla(var(--brand-h, 219), 68%, 17%, 0.04);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.portal-quiz-queue__row:hover[b-0gjf8akjpw]{
    transform: translateY(-1px);
    border-color: hsla(var(--brand-h, 224), 76%, 48%, 0.16);
    box-shadow: 0 16px 28px hsla(var(--brand-h, 219), 68%, 17%, 0.08);
}

.portal-quiz-queue__row--active[b-0gjf8akjpw]{
    border-color: hsla(var(--brand-h, 224), 76%, 48%, 0.22);
    background:
        radial-gradient(circle at top left, hsla(var(--brand-h, 218), 100%, 74%, 0.16), transparent 58%),
        linear-gradient(180deg, rgba(236,243,255,0.98), rgba(248,250,255,0.98));
    box-shadow: 0 20px 32px hsla(var(--brand-h, 224), 76%, 48%, 0.1);
}

.portal-quiz-queue__row:disabled[b-0gjf8akjpw]{
    cursor: default;
    opacity: 0.78;
}

.portal-quiz-queue__row:disabled:hover[b-0gjf8akjpw]{
    transform: none;
    border-color: hsla(var(--brand-h, 217), 51%, 15%, 0.07);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.92),
        0 12px 22px hsla(var(--brand-h, 219), 68%, 17%, 0.04);
}

.portal-quiz-queue__index[b-0gjf8akjpw]{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 999px;
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.08);
    color: var(--survey-brand-text);
    font-size: 0.74rem;
    font-weight: 800;
}

.portal-quiz-queue__quiz[b-0gjf8akjpw]{
    min-width: 0;
}

.portal-quiz-queue__quiz-title[b-0gjf8akjpw]{
    display: block;
    font-size: 0.84rem;
    font-weight: 800;
    line-height: 1.32;
}

.portal-quiz-queue__meta[b-0gjf8akjpw]{
    color: var(--portal-muted, #5d6673);
    font-size: 0.76rem;
    line-height: 1.42;
}

.portal-quiz-queue__status[b-0gjf8akjpw]{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.78rem;
    padding: 0.18rem 0.56rem;
    border-radius: 999px;
    background: hsla(var(--brand-h, 217), 51%, 15%, 0.06);
    color: var(--portal-muted, #5d6673);
    font-size: 0.7rem;
    font-weight: 800;
    white-space: nowrap;
}

.portal-quiz-list__status--required[b-0gjf8akjpw]{
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.1);
    color: var(--survey-brand-text);
}

.portal-quiz-list__status--done[b-0gjf8akjpw]{
    background: rgba(20, 132, 95, 0.12);
    color: #13765a;
}

.portal-quiz-list__status--pending[b-0gjf8akjpw]{
    background: hsla(var(--brand-accent-h, 37), 49%, 48%, 0.12);
    color: #8a6522;
}

.portal-quiz-queue__open[b-0gjf8akjpw]{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    color: var(--survey-brand-text);
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.08);
}

.portal-quiz-context[b-0gjf8akjpw]{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.5rem;
}

.portal-quiz-form[b-0gjf8akjpw]{
    display: grid;
    gap: 0.72rem;
}

.portal-quiz-section-marker[b-0gjf8akjpw]{
    display: flex;
    align-items: center;
    gap: 0.62rem;
    padding: 0.58rem 0.76rem;
    border-radius: 18px;
    border: 1px solid hsla(var(--brand-h, 224), 76%, 48%, 0.09);
    background:
        linear-gradient(90deg, hsla(var(--brand-h, 224), 76%, 48%, 0.08), rgba(255,255,255,0.9)),
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(246,249,255,0.94));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92);
}

.portal-quiz-section-marker span[b-0gjf8akjpw]{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.56rem;
    padding: 0.1rem 0.56rem;
    border-radius: 999px;
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.08);
    color: var(--survey-brand-text);
    font-size: 0.66rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.portal-quiz-section-marker strong[b-0gjf8akjpw]{
    min-width: 0;
    color: var(--portal-text, #1d2025);
    font-size: 0.9rem;
    font-weight: 900;
    line-height: 1.25;
}

.portal-quiz-question[b-0gjf8akjpw]{
    display: grid;
    gap: 0.68rem;
    padding: 0.9rem 0.94rem;
    border-radius: 22px;
    border: 1px solid hsla(var(--brand-h, 217), 51%, 15%, 0.07);
    background:
        radial-gradient(circle at top left, hsla(var(--brand-h, 215), 100%, 74%, 0.08), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,0.985), rgba(246,249,255,0.95));
    box-shadow: 0 14px 28px hsla(var(--brand-h, 219), 70%, 13%, 0.06);
}

.portal-quiz-question__header[b-0gjf8akjpw],
.portal-quiz-question__lead[b-0gjf8akjpw]{
    display: flex;
    gap: 0.8rem;
    align-items: flex-start;
}

.portal-quiz-question__lead[b-0gjf8akjpw]{
    min-width: 0;
    flex: 1 1 auto;
}

.portal-quiz-question__heading[b-0gjf8akjpw]{
    min-width: 0;
}

.portal-quiz-question__index[b-0gjf8akjpw]{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: linear-gradient(180deg, hsla(var(--brand-h, 219), 100%, 95%, 0.98), hsla(var(--brand-h, 221), 100%, 91%, 0.94));
    color: var(--survey-brand-text);
    font-size: 0.72rem;
    font-weight: 900;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.94);
    flex: 0 0 auto;
}

.portal-quiz-question__caption[b-0gjf8akjpw]{
    margin-top: 0.16rem;
    color: var(--portal-text, #1d2025);
    font-size: 0.88rem;
    font-weight: 800;
    line-height: 1.42;
}

.portal-quiz-question__rules[b-0gjf8akjpw]{
    display: flex;
    flex-wrap: wrap;
    gap: 0.34rem;
}

.portal-quiz-question__rules span[b-0gjf8akjpw]{
    display: inline-flex;
    align-items: center;
    min-height: 1.7rem;
    padding: 0.16rem 0.5rem;
    border-radius: 999px;
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.08);
    color: var(--survey-brand-text);
    font-size: 0.68rem;
    font-weight: 800;
}

.portal-quiz-question__rules-chip[b-0gjf8akjpw]{
    background: rgba(239, 244, 252, 0.92) !important;
    color: var(--portal-muted, #5d6673) !important;
}

.portal-quiz-question__rules-chip--warning[b-0gjf8akjpw]{
    background: rgba(255, 241, 226, 0.96) !important;
    color: #96571d !important;
}

.portal-quiz-question__rules-chip--neutral[b-0gjf8akjpw]{
    background: hsla(var(--brand-h, 220), 100%, 95%, 0.92) !important;
    color: var(--survey-brand-text) !important;
}

.portal-quiz-question__description[b-0gjf8akjpw]{
    color: var(--portal-muted, #5d6673);
    font-size: 0.8rem;
    line-height: 1.55;
}

.portal-quiz-options[b-0gjf8akjpw],
.portal-quiz-text-list[b-0gjf8akjpw]{
    display: grid;
    gap: 0.56rem;
}

.portal-quiz-options--scale[b-0gjf8akjpw]{
    grid-template-columns: repeat(auto-fit, minmax(4.5rem, 1fr));
    gap: 0.42rem;
}

.portal-quiz-option[b-0gjf8akjpw]{
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.68rem;
    align-items: flex-start;
    padding: 0.72rem 0.78rem;
    border-radius: 18px;
    border: 1px solid hsla(var(--brand-h, 217), 51%, 15%, 0.07);
    background: rgba(255,255,255,0.78);
}

.portal-quiz-option--scale[b-0gjf8akjpw]{
    position: relative;
    grid-template-columns: 1fr;
    place-items: center;
    min-height: 3.2rem;
    padding: 0.58rem 0.52rem;
    text-align: center;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(244,248,255,0.9));
    cursor: pointer;
    transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.portal-quiz-option--scale:hover[b-0gjf8akjpw]{
    transform: translateY(-1px);
    border-color: hsla(var(--brand-h, 224), 76%, 48%, 0.18);
    box-shadow: 0 12px 20px hsla(var(--brand-h, 219), 70%, 13%, 0.07);
}

.portal-quiz-option--scale-selected[b-0gjf8akjpw]{
    border-color: hsla(var(--brand-h, 224), 76%, 48%, 0.34);
    background:
        radial-gradient(circle at top, hsla(var(--brand-h, 218), 100%, 74%, 0.2), transparent 62%),
        linear-gradient(180deg, rgba(235,243,255,0.98), rgba(248,251,255,0.96));
    box-shadow: 0 14px 24px hsla(var(--brand-h, 224), 76%, 48%, 0.12);
}

.portal-quiz-option input[b-0gjf8akjpw],
.portal-quiz-matrix__choice input[b-0gjf8akjpw]{
    margin-top: 0.18rem;
    accent-color: var(--survey-brand-text);
}

.portal-quiz-option--scale input[b-0gjf8akjpw]{
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.portal-quiz-option__body[b-0gjf8akjpw]{
    display: grid;
    gap: 0.48rem;
    color: var(--portal-text, #1d2025);
    font-size: 0.82rem;
    line-height: 1.48;
}

.portal-quiz-option--scale .portal-quiz-option__body[b-0gjf8akjpw]{
    grid-column: 1;
    color: var(--survey-brand-text);
    font-size: 0.78rem;
    font-weight: 900;
    line-height: 1.22;
}

.portal-quiz-option--scale-selected .portal-quiz-option__body[b-0gjf8akjpw]{
    color: var(--portal-text, #1d2025);
}

.portal-quiz-option__other[b-0gjf8akjpw],
.portal-quiz-text-answer__input[b-0gjf8akjpw],
.portal-quiz-matrix__comment[b-0gjf8akjpw]{
    width: 100%;
    padding: 0.7rem 0.78rem;
    border-radius: 16px;
    border: 1px solid hsla(var(--brand-h, 220), 63%, 33%, 0.1);
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,249,253,0.98));
    color: var(--portal-text, #1d2025);
    font: inherit;
    line-height: 1.45;
    resize: vertical;
    outline: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.portal-quiz-option__other:focus[b-0gjf8akjpw],
.portal-quiz-text-answer__input:focus[b-0gjf8akjpw],
.portal-quiz-matrix__comment:focus[b-0gjf8akjpw]{
    border-color: var(--tenant-focus-ring, var(--survey-brand-text));
    outline: 3px solid var(--tenant-focus-ring, var(--survey-brand-text));
    outline-offset: 2px;
    box-shadow: 0 0 0 4px hsla(var(--brand-h, 224), 76%, 48%, 0.08);
}

.portal-quiz-text-answer[b-0gjf8akjpw]{
    display: grid;
    gap: 0.44rem;
}

.portal-quiz-text-answer--missing[b-0gjf8akjpw]{
    padding: 0.72rem 0.8rem;
    border-radius: 16px;
    border: 1px dashed hsla(var(--brand-accent-h, 37), 49%, 48%, 0.28);
    background: rgba(255, 247, 235, 0.74);
    color: #8a6522;
    font-size: 0.8rem;
    font-weight: 800;
}

.portal-quiz-text-answer__label[b-0gjf8akjpw]{
    color: var(--portal-text, #1d2025);
    font-size: 0.8rem;
    font-weight: 800;
    line-height: 1.4;
}

.portal-quiz-matrix-wrap[b-0gjf8akjpw]{
    border-radius: 20px;
    overflow: hidden;
}

.portal-quiz-matrix-mobile[b-0gjf8akjpw]{
    display: grid;
    gap: 0.62rem;
}

.portal-quiz-matrix-mobile__card[b-0gjf8akjpw]{
    display: grid;
    gap: 0.62rem;
    padding: 0.82rem 0.84rem;
    border-radius: 18px;
    border: 1px solid hsla(var(--brand-h, 217), 51%, 15%, 0.07);
    background: rgba(255,255,255,0.78);
}

.portal-quiz-matrix-mobile__prompt[b-0gjf8akjpw]{
    color: var(--portal-text, #1d2025);
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1.42;
}

.portal-quiz-matrix-mobile__choices[b-0gjf8akjpw]{
    display: grid;
    gap: 0.48rem;
}

.portal-quiz-matrix-mobile__choice[b-0gjf8akjpw]{
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.62rem;
    align-items: flex-start;
    padding: 0.62rem 0.7rem;
    border-radius: 16px;
    border: 1px solid hsla(var(--brand-h, 220), 63%, 33%, 0.08);
    background: linear-gradient(180deg, rgba(255,255,255,0.99), rgba(247,249,253,0.98));
    color: var(--portal-text, #1d2025);
    font-size: 0.78rem;
    line-height: 1.45;
}

.portal-quiz-matrix-mobile__choice input[b-0gjf8akjpw]{
    margin-top: 0.15rem;
    accent-color: var(--survey-brand-text);
}

.portal-quiz-matrix td[b-0gjf8akjpw]{
    vertical-align: top;
}

.portal-quiz-matrix__prompt[b-0gjf8akjpw]{
    min-width: 16rem;
    color: var(--portal-text, #1d2025);
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.45;
}

.portal-quiz-matrix__choices[b-0gjf8akjpw]{
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 0.55rem;
}

.portal-quiz-matrix__choice[b-0gjf8akjpw]{
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    min-height: 1.9rem;
    padding: 0.16rem 0.5rem;
    border-radius: 999px;
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.06);
    color: var(--survey-brand-text);
    font-size: 0.72rem;
    font-weight: 700;
}

.portal-quiz-matrix__comment[b-0gjf8akjpw]{
    margin-top: 0.62rem;
}

.portal-quiz-actions[b-0gjf8akjpw]{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    padding-top: 0.1rem;
}

.portal-quiz-actions__meta[b-0gjf8akjpw]{
    display: grid;
    gap: 0.18rem;
}

.portal-quiz-actions__meta span[b-0gjf8akjpw]{
    color: var(--portal-muted, #5d6673);
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.portal-quiz-actions__meta strong[b-0gjf8akjpw]{
    color: var(--portal-text, #1d2025);
    font-size: 0.92rem;
    font-weight: 900;
}

.portal-quiz-draft-note[b-0gjf8akjpw]{
    color: var(--portal-muted, #5d6673);
    font-size: 0.72rem;
    font-weight: 700;
}

.portal-quiz-actions__buttons[b-0gjf8akjpw]{
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.portal-quiz-submit[b-0gjf8akjpw]{
    min-width: 10.5rem;
    min-height: 2.5rem;
    border-radius: 999px !important;
    padding-inline: 1rem !important;
    font-weight: 800 !important;
    box-shadow: 0 18px 32px hsla(var(--brand-h, 224), 76%, 48%, 0.22);
}

@media (max-width: 1180px) {
    .portal-quiz-head[b-0gjf8akjpw]{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 920px) {
    .portal-quiz-head__stats[b-0gjf8akjpw],
    .portal-quiz-context[b-0gjf8akjpw],
    .portal-quiz-portal-reminders__grid[b-0gjf8akjpw]{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .portal-quiz-question__header[b-0gjf8akjpw],
    .portal-quiz-actions[b-0gjf8akjpw],
    .portal-quiz-section-head[b-0gjf8akjpw]{
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 720px) {
    .portal-quiz-head[b-0gjf8akjpw],
    .portal-quiz-list-panel[b-0gjf8akjpw],
    .portal-quiz-main[b-0gjf8akjpw]{
        padding: 0.82rem !important;
    }

    .portal-quiz-head__title[b-0gjf8akjpw]{
        grid-template-columns: 1fr;
    }

    .portal-quiz-head__stats[b-0gjf8akjpw],
    .portal-quiz-context[b-0gjf8akjpw],
    .portal-quiz-portal-reminders__grid[b-0gjf8akjpw]{
        grid-template-columns: 1fr;
    }

    .portal-quiz-desktop-only[b-0gjf8akjpw]{
        display: none;
    }

    .portal-quiz-mobile-only[b-0gjf8akjpw]{
        display: block;
    }

    .portal-quiz-option[b-0gjf8akjpw]{
        grid-template-columns: 1fr;
    }

    .portal-quiz-submit[b-0gjf8akjpw]{
        width: 100%;
    }

    .portal-quiz-actions__buttons[b-0gjf8akjpw]{
        width: 100%;
        display: grid;
    }
}

/* Student survey delivery modes keep the queue-first academic shell while
   consuming Tenant branding through the portal token contract. */
.portal-content-shell .portal-quiz-view-tools[b-0gjf8akjpw] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--space-2);
    flex-wrap: wrap;
}

.portal-content-shell .portal-quiz-validation[b-0gjf8akjpw] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--color-warning) 38%, var(--color-border));
    border-radius: var(--radius-md);
    color: var(--color-text-primary);
    background: var(--color-warning-soft);
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1.45;
}

.portal-content-shell .portal-quiz-question__error[b-0gjf8akjpw] {
    padding: 8px 10px;
    border-inline-start: 3px solid var(--color-warning);
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    color: var(--color-text-primary);
    background: var(--color-warning-soft);
    font-size: 0.74rem;
    font-weight: 750;
}

.portal-content-shell .portal-quiz-matrix-responsive[b-0gjf8akjpw] {
    display: grid;
    gap: var(--space-2);
}

.portal-content-shell .portal-quiz-matrix-responsive__row[b-0gjf8akjpw] {
    display: grid;
    grid-template-columns: minmax(180px, 0.8fr) minmax(0, 1.4fr);
    gap: var(--space-3);
    align-items: center;
    min-width: 0;
    margin: 0;
    padding: 10px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface-subtle);
}

.portal-content-shell .portal-quiz-matrix-responsive__prompt[b-0gjf8akjpw] {
    min-width: 0;
    padding: 0;
    color: var(--color-text-primary);
    font-size: 0.76rem;
    font-weight: 800;
    line-height: 1.42;
}

.portal-content-shell .portal-quiz-matrix-responsive__choices[b-0gjf8akjpw] {
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    gap: 6px;
    min-width: 0;
    flex-wrap: wrap;
}

.portal-content-shell .portal-quiz-matrix-responsive__choice[b-0gjf8akjpw] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 36px;
    padding: 6px 9px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    color: var(--color-text-primary);
    background: var(--color-surface);
    font-size: 0.72rem;
    font-weight: 700;
    cursor: pointer;
}

.portal-content-shell .portal-quiz-matrix-responsive__choice:has(input:checked)[b-0gjf8akjpw] {
    border-color: color-mix(in srgb, var(--portal-primary) 34%, var(--color-border));
    color: var(--portal-primary-strong, var(--color-brand-900));
    background: var(--portal-primary-soft, var(--color-brand-50));
}

.portal-content-shell .portal-quiz-matrix-responsive__choice:has(input:focus-visible)[b-0gjf8akjpw] {
    outline: 3px solid var(--tenant-focus-ring, var(--portal-primary));
    outline-offset: 2px;
}

.portal-content-shell .portal-quiz-matrix-responsive__comment[b-0gjf8akjpw] {
    display: grid;
    grid-column: 2;
    gap: 5px;
    color: var(--color-text-secondary);
    font-size: 0.7rem;
    font-weight: 800;
}

.portal-content-shell .portal-quiz-view-switch[b-0gjf8akjpw] {
    display: inline-grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3px;
    padding: 3px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface-subtle);
}

.portal-content-shell .portal-quiz-view-switch__button[b-0gjf8akjpw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 34px;
    padding: 5px 10px;
    border: 0;
    border-radius: calc(var(--radius-md) - 3px);
    color: var(--color-text-secondary);
    background: transparent;
    font: inherit;
    font-size: 0.72rem;
    font-weight: 800;
    cursor: pointer;
    transition: color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}

.portal-content-shell .portal-quiz-view-switch__button.is-active[b-0gjf8akjpw] {
    color: var(--portal-primary-strong, var(--color-brand-900));
    background: var(--portal-primary-soft, var(--color-brand-50));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--portal-primary, var(--color-brand-900)) 22%, transparent);
}

.portal-content-shell .portal-quiz-question--focus[b-0gjf8akjpw] {
    width: min(100%, 860px);
    margin-inline: auto;
    border-color: color-mix(in srgb, var(--portal-primary, var(--color-brand-900)) 24%, var(--color-border));
    box-shadow: 0 18px 46px color-mix(in srgb, var(--portal-primary, var(--color-brand-900)) 10%, transparent);
    animation: student-survey-focus-in-b-0gjf8akjpw 180ms ease-out;
}

.portal-content-shell .portal-quiz-focus-nav[b-0gjf8akjpw] {
    display: grid;
    grid-template-columns: auto minmax(150px, 1fr) auto;
    align-items: center;
    gap: var(--space-3);
    width: min(100%, 860px);
    margin-inline: auto;
    padding: 10px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface-subtle);
}

.portal-content-shell .portal-quiz-focus-nav__button[b-0gjf8akjpw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 38px;
    padding: 7px 12px;
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-md);
    color: var(--color-text-primary);
    background: var(--color-surface);
    font: inherit;
    font-size: 0.76rem;
    font-weight: 800;
    cursor: pointer;
}

.portal-content-shell .portal-quiz-focus-nav__button--next:not(:disabled)[b-0gjf8akjpw] {
    border-color: var(--tenant-action, var(--portal-primary));
    color: var(--tenant-on-action, var(--tenant-on-primary, white));
    background: var(--tenant-action, var(--portal-primary));
}

.portal-content-shell .portal-quiz-focus-nav__button:disabled[b-0gjf8akjpw] {
    opacity: 0.45;
    cursor: not-allowed;
}

.portal-content-shell .portal-quiz-focus-nav__progress[b-0gjf8akjpw] {
    display: grid;
    gap: 6px;
    color: var(--color-text-secondary);
    font-size: 0.72rem;
    font-weight: 800;
    text-align: center;
}

.portal-content-shell .portal-quiz-focus-nav__progress progress[b-0gjf8akjpw] {
    width: 100%;
    height: 6px;
    border: 0;
    border-radius: 999px;
    overflow: hidden;
    accent-color: var(--portal-primary, var(--color-brand-900));
}

.portal-content-shell .portal-quiz-view-switch__button:focus-visible[b-0gjf8akjpw],
.portal-content-shell .portal-quiz-focus-nav__button:focus-visible[b-0gjf8akjpw],
.portal-content-shell .portal-quiz-question--focus:focus-visible[b-0gjf8akjpw],
.portal-content-shell .portal-quiz-option:has(input:focus-visible)[b-0gjf8akjpw],
.portal-content-shell .portal-quiz-matrix__choice:has(input:focus-visible)[b-0gjf8akjpw],
.portal-content-shell .portal-quiz-matrix-mobile__choice:has(input:focus-visible)[b-0gjf8akjpw] {
    outline: 3px solid var(--tenant-focus-ring, var(--portal-primary));
    outline-offset: 2px;
}

@keyframes student-survey-focus-in-b-0gjf8akjpw {
    from {
        opacity: 0;
        transform: translateY(5px);
    }
}

@media (max-width: 720px) {
    .portal-content-shell .portal-quiz-view-tools[b-0gjf8akjpw],
    .portal-content-shell .portal-quiz-view-switch[b-0gjf8akjpw] {
        width: 100%;
    }

    .portal-content-shell .portal-quiz-focus-nav[b-0gjf8akjpw] {
        grid-template-columns: 1fr 1fr;
    }

    .portal-content-shell .portal-quiz-focus-nav__progress[b-0gjf8akjpw] {
        grid-column: 1 / -1;
        grid-row: 1;
    }

    .portal-content-shell .portal-quiz-matrix-responsive__row[b-0gjf8akjpw] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .portal-content-shell .portal-quiz-matrix-responsive__choices[b-0gjf8akjpw] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        justify-content: stretch;
    }

    .portal-content-shell .portal-quiz-matrix-responsive__comment[b-0gjf8akjpw] {
        grid-column: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .portal-content-shell .portal-quiz-question--focus[b-0gjf8akjpw] {
        animation: none;
    }

    .portal-content-shell .portal-quiz-view-switch__button[b-0gjf8akjpw] {
        transition: none;
    }
}

.survey-runtime--text-scale .portal-quiz-form[b-0gjf8akjpw] { zoom: var(--survey-text-scale, 1); }
.survey-runtime--reduced-motion .portal-quiz-form *[b-0gjf8akjpw],
.survey-runtime--reduced-motion .portal-quiz-live__pulse[b-0gjf8akjpw] { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
.survey-runtime--high-contrast .portal-quiz-question[b-0gjf8akjpw],
.survey-runtime--high-contrast .portal-quiz-option[b-0gjf8akjpw],
.survey-runtime--high-contrast .portal-quiz-select[b-0gjf8akjpw],
.survey-runtime--high-contrast .portal-quiz-textarea[b-0gjf8akjpw] { border-color: var(--portal-text, #172033) !important; }
.survey-runtime--high-contrast .portal-quiz-question__caption[b-0gjf8akjpw],
.survey-runtime--high-contrast .portal-quiz-question__description[b-0gjf8akjpw] { color: var(--portal-text, #172033) !important; }

.survey-theme-enabled.portal-quiz-page[b-0gjf8akjpw] {
    width: min(100%, var(--survey-theme-max-width, 1200px));
    margin-inline: auto;
}

.survey-theme-enabled .portal-quiz-form[b-0gjf8akjpw] {
    gap: var(--survey-theme-question-gap, 16px) !important;
    zoom: calc(var(--survey-text-scale, 1) * var(--survey-theme-font-scale, 1));
}

.survey-theme-enabled .portal-quiz-question[b-0gjf8akjpw],
.survey-theme-enabled .portal-quiz-section-marker[b-0gjf8akjpw] {
    border-radius: var(--survey-theme-radius, 16px) !important;
}

.survey-theme--density-compact .portal-quiz-question[b-0gjf8akjpw] {
    gap: max(8px, calc(var(--survey-theme-question-gap, 16px) * .55)) !important;
    padding: .72rem .78rem !important;
}

.survey-theme--density-comfortable .portal-quiz-question[b-0gjf8akjpw] {
    padding: .95rem 1rem !important;
}

.survey-theme--density-spacious .portal-quiz-question[b-0gjf8akjpw] {
    gap: var(--survey-theme-question-gap, 22px) !important;
    padding: 1.2rem 1.25rem !important;
}

.survey-theme--surface-solid .portal-quiz-question[b-0gjf8akjpw] {
    background: var(--color-surface, #fff) !important;
    background-image: none !important;
}

.survey-theme--surface-soft .portal-quiz-question[b-0gjf8akjpw] {
    background:
        radial-gradient(circle at top left, hsla(var(--brand-h, 215), 100%, 74%, .08), transparent 34%),
        linear-gradient(180deg, color-mix(in srgb, var(--color-surface, #fff) 98%, transparent), color-mix(in srgb, var(--color-brand-50, #eef4ff) 58%, white)) !important;
}

.survey-theme--surface-glass .portal-quiz-question[b-0gjf8akjpw] {
    background: color-mix(in srgb, var(--color-surface, #fff) 84%, transparent) !important;
    backdrop-filter: blur(16px);
}

.survey-theme-enabled[style*="--survey-theme-elevation:0"] .portal-quiz-question[b-0gjf8akjpw] {
    box-shadow: none !important;
}

.survey-theme-enabled[style*="--survey-theme-elevation:2"] .portal-quiz-question[b-0gjf8akjpw] {
    box-shadow: 0 18px 42px hsla(var(--brand-h, 219), 70%, 13%, .10) !important;
}

.survey-theme-enabled[style*="--survey-theme-elevation:3"] .portal-quiz-question[b-0gjf8akjpw] {
    box-shadow: 0 24px 58px hsla(var(--brand-h, 219), 70%, 13%, .14) !important;
}

.survey-theme--motion-none .portal-quiz-form *[b-0gjf8akjpw],
.survey-theme--motion-none .portal-quiz-live__pulse[b-0gjf8akjpw] {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
}

@media (forced-colors: active) {
    .portal-content-shell .portal-quiz-view-switch__button.is-active[b-0gjf8akjpw],
    .portal-content-shell .portal-quiz-focus-nav__button--next:not(:disabled)[b-0gjf8akjpw] {
        border: 1px solid ButtonText;
    }
}

.survey-completion[b-0gjf8akjpw] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 16px;
    align-items: start;
    border-color: color-mix(in srgb, var(--color-brand-900, #1d4ed8) 28%, var(--color-border, #dbe3ef));
    background:
        radial-gradient(circle at 95% 0%, color-mix(in srgb, var(--color-brand-100, #dbeafe) 70%, transparent), transparent 42%),
        var(--color-surface, #fff);
}

.survey-completion__icon[b-0gjf8akjpw] {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border-radius: 16px;
    color: var(--color-brand-900, #1d4ed8);
    background: var(--color-brand-50, #eff6ff);
}

.survey-completion__copy > span[b-0gjf8akjpw] { color: var(--color-brand-900, #1d4ed8); font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.survey-completion__copy h2[b-0gjf8akjpw] { margin: 4px 0 6px; color: var(--color-text, #172033); font-size: clamp(1.15rem, 2vw, 1.5rem); }
.survey-completion__copy p[b-0gjf8akjpw] { margin: 0; color: var(--color-text-muted, #66768d); }
.survey-completion__actions[b-0gjf8akjpw] { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 14px; }
.survey-completion__actions a[b-0gjf8akjpw],
.survey-completion__actions button[b-0gjf8akjpw] { border: 1px solid var(--color-border, #dbe3ef); border-radius: 999px; padding: 8px 14px; color: var(--color-brand-900, #1d4ed8); background: var(--color-surface, #fff); font: inherit; font-weight: 750; text-decoration: none; cursor: pointer; }
.survey-completion__actions a[b-0gjf8akjpw] { border-color: var(--tenant-action, var(--color-brand-900, #1d4ed8)); color: var(--tenant-on-action, #fff); background: var(--tenant-action, var(--color-brand-900, #1d4ed8)); }

/* Survey — compact tenant-aware premium workspace */
.portal-content-shell .portal-page.portal-quiz-page[b-0gjf8akjpw] {
    gap: var(--space-4);
}

.portal-content-shell .portal-quiz-head[b-0gjf8akjpw],
.portal-content-shell .portal-quiz-alert[b-0gjf8akjpw],
.portal-content-shell .portal-quiz-portal-reminders[b-0gjf8akjpw],
.portal-content-shell .portal-quiz-list-panel[b-0gjf8akjpw],
.portal-content-shell .portal-quiz-main[b-0gjf8akjpw] {
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-lg) !important;
    background: var(--color-surface) !important;
    background-image: none !important;
    box-shadow: var(--shadow-card) !important;
}

.portal-content-shell .portal-quiz-head[b-0gjf8akjpw]::before,
.portal-content-shell .portal-quiz-head[b-0gjf8akjpw]::after,
.portal-content-shell .portal-quiz-list-panel[b-0gjf8akjpw]::before,
.portal-content-shell .portal-quiz-list-panel[b-0gjf8akjpw]::after,
.portal-content-shell .portal-quiz-main[b-0gjf8akjpw]::before,
.portal-content-shell .portal-quiz-main[b-0gjf8akjpw]::after {
    display: none !important;
}

.portal-content-shell .portal-quiz-head[b-0gjf8akjpw] {
    grid-template-columns: minmax(0, 1fr) minmax(420px, 0.72fr);
    grid-template-areas:
        "title stats"
        "selection selection";
    align-items: center;
    gap: var(--space-3) var(--space-4);
    padding: var(--space-4) !important;
}

.portal-content-shell .portal-quiz-head__title[b-0gjf8akjpw] {
    grid-area: title;
    align-items: center;
    gap: var(--space-3);
}

.portal-content-shell .portal-quiz-head__icon[b-0gjf8akjpw] {
    width: 40px;
    height: 40px;
    border: 1px solid var(--color-brand-100);
    border-radius: var(--radius-md);
    color: var(--color-brand-900);
    background: var(--color-brand-50);
    background-image: none;
    box-shadow: none;
}

.portal-content-shell .portal-quiz-head__icon[b-0gjf8akjpw]  .mud-icon-root {
    font-size: 1.2rem;
}

.portal-content-shell .portal-quiz-head__eyebrow[b-0gjf8akjpw],
.portal-content-shell .portal-quiz-section-head__eyebrow[b-0gjf8akjpw],
.portal-content-shell .portal-quiz-alert__eyebrow[b-0gjf8akjpw],
.portal-content-shell .portal-quiz-question__kind[b-0gjf8akjpw] {
    color: var(--color-brand-800);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.075em;
}

.portal-content-shell .portal-quiz-head__copy[b-0gjf8akjpw] {
    max-width: 52rem;
    margin-top: var(--space-1);
    color: var(--color-text-secondary);
    font-size: 0.82rem;
    line-height: 1.45;
}

.portal-content-shell .portal-quiz-head__stats[b-0gjf8akjpw] {
    grid-area: stats;
    align-self: stretch;
    gap: var(--space-2);
}

.portal-content-shell .portal-quiz-head__stat[b-0gjf8akjpw] {
    min-height: 68px;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    align-items: center;
    gap: var(--space-2);
    padding: 9px 10px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface-subtle);
    background-image: none;
    box-shadow: none;
}

.portal-content-shell .portal-quiz-head__stat > .portal-quiz-head__stat-icon[b-0gjf8akjpw] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border: 1px solid var(--color-brand-100);
    border-radius: 10px;
    color: var(--color-brand-900);
    background: var(--color-brand-50);
    letter-spacing: 0;
}

.portal-content-shell .portal-quiz-head__stat-icon[b-0gjf8akjpw]  .mud-icon-root {
    font-size: 1.05rem;
}

.portal-content-shell .portal-quiz-head__stat > .portal-quiz-head__stat-icon--required[b-0gjf8akjpw] {
    border-color: color-mix(in srgb, var(--color-warning) 24%, var(--color-border));
    color: var(--color-warning);
    background: var(--color-warning-soft);
}

.portal-content-shell .portal-quiz-head__stat > .portal-quiz-head__stat-icon--completed[b-0gjf8akjpw] {
    border-color: color-mix(in srgb, var(--color-success) 24%, var(--color-border));
    color: var(--color-success);
    background: var(--color-success-soft);
}

.portal-content-shell .portal-quiz-head__stat > .portal-quiz-head__stat-copy[b-0gjf8akjpw] {
    min-width: 0;
    display: grid;
    gap: 2px;
    color: inherit;
    letter-spacing: 0;
    text-transform: none;
}

.portal-content-shell .portal-quiz-head__stat-copy > span[b-0gjf8akjpw] {
    overflow: hidden;
    color: var(--color-text-muted);
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.045em;
    line-height: 1.2;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.portal-content-shell .portal-quiz-head__stat-copy > strong[b-0gjf8akjpw] {
    color: var(--color-text-primary);
    font-size: 1.05rem;
    font-weight: 750;
    line-height: 1.1;
}

.portal-content-shell .portal-quiz-head__selection[b-0gjf8akjpw] {
    grid-area: selection;
    min-height: 66px;
    align-content: center;
    gap: 3px;
    margin-top: 0;
    padding: 10px var(--space-4);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface-subtle);
    background-image: none;
    box-shadow: inset 3px 0 0 var(--color-brand-900);
}

.portal-content-shell .portal-quiz-head__selection-label[b-0gjf8akjpw] {
    color: var(--color-brand-800);
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.065em;
}

.portal-content-shell .portal-quiz-head__selection-title[b-0gjf8akjpw] {
    color: var(--color-text-primary);
    font-size: 0.92rem;
    font-weight: 750;
    line-height: 1.25;
}

.portal-content-shell .portal-quiz-head__selection-copy[b-0gjf8akjpw] {
    color: var(--color-text-secondary);
    font-size: 0.74rem;
    line-height: 1.35;
}

.portal-content-shell .portal-quiz-head__selection-meta[b-0gjf8akjpw] {
    gap: var(--space-1);
    margin-top: var(--space-1);
}

.portal-content-shell .portal-quiz-head__selection-meta span[b-0gjf8akjpw] {
    min-height: 22px;
    padding: 2px 8px;
    border: 1px solid var(--color-brand-100);
    color: var(--color-brand-900);
    background: var(--color-brand-50);
    font-size: 0.64rem;
    font-weight: 650;
}

.portal-content-shell .portal-quiz-list-panel[b-0gjf8akjpw],
.portal-content-shell .portal-quiz-main[b-0gjf8akjpw] {
    gap: var(--space-3);
    padding: var(--space-4) !important;
}

.portal-content-shell .portal-quiz-section-head[b-0gjf8akjpw] {
    min-height: 40px;
    align-items: center;
    gap: var(--space-3);
}

.portal-content-shell .portal-quiz-section-head__title[b-0gjf8akjpw] {
    margin-top: 2px;
    color: var(--color-text-primary);
    font-size: 1.05rem;
    font-weight: 750;
    line-height: 1.25;
    letter-spacing: -0.015em;
}

.portal-content-shell .portal-quiz-section-head__copy[b-0gjf8akjpw] {
    max-width: 62rem;
    margin-top: var(--space-1);
    color: var(--color-text-secondary);
    font-size: 0.76rem;
    line-height: 1.4;
}

.portal-content-shell .portal-quiz-section-head__badge[b-0gjf8akjpw] {
    min-height: 28px;
    padding-inline: var(--space-3);
    border: 1px solid var(--color-brand-100);
    color: var(--color-brand-900);
    background: var(--color-brand-50);
    font-size: 0.68rem;
}

.portal-content-shell .portal-quiz-list-panel > .portal-empty[b-0gjf8akjpw],
.portal-content-shell .portal-quiz-main > .portal-empty[b-0gjf8akjpw] {
    min-height: 58px;
    display: grid;
    align-items: center;
    margin: 0;
    padding: var(--space-3) var(--space-4);
    border: 1px dashed var(--color-border-strong);
    border-radius: var(--radius-md);
    color: var(--color-text-secondary);
    background: var(--color-surface-subtle);
    font-size: 0.78rem;
}

.portal-content-shell .portal-quiz-alert[b-0gjf8akjpw] {
    gap: var(--space-2);
    padding: var(--space-4) !important;
    border-color: color-mix(in srgb, var(--color-warning) 24%, var(--color-border)) !important;
    background: var(--color-warning-soft) !important;
}

.portal-content-shell .portal-quiz-alert__title[b-0gjf8akjpw] {
    color: var(--color-warning);
    font-size: 0.95rem;
    font-weight: 750;
}

.portal-content-shell .portal-quiz-alert__copy[b-0gjf8akjpw] {
    color: var(--color-text-secondary);
    font-size: 0.76rem;
}

.portal-content-shell .portal-quiz-alert__item[b-0gjf8akjpw] {
    padding: 8px 10px;
    border: 1px solid color-mix(in srgb, var(--color-warning) 18%, var(--color-border));
    border-radius: var(--radius-md);
    color: var(--color-text-primary);
    background: var(--color-surface);
    font-size: 0.72rem;
}

.portal-content-shell .portal-quiz-portal-reminders[b-0gjf8akjpw] {
    gap: var(--space-3);
    padding: var(--space-4) !important;
}

.portal-content-shell .portal-quiz-portal-reminders__title[b-0gjf8akjpw] {
    color: var(--color-text-primary);
    font-size: 1rem;
    font-weight: 750;
}

.portal-content-shell .portal-quiz-portal-reminders__copy[b-0gjf8akjpw] {
    color: var(--color-text-secondary);
    font-size: 0.74rem;
}

.portal-content-shell .portal-quiz-portal-reminders__grid[b-0gjf8akjpw] {
    gap: var(--space-2);
}

.portal-content-shell .portal-quiz-portal-reminder[b-0gjf8akjpw] {
    padding: 9px 10px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    color: var(--color-text-primary);
    background: var(--color-surface-subtle);
    background-image: none;
    box-shadow: none;
}

.portal-content-shell .portal-quiz-portal-reminder:hover:not(:disabled)[b-0gjf8akjpw],
.portal-content-shell .portal-quiz-portal-reminder:focus-visible:not(:disabled)[b-0gjf8akjpw] {
    transform: none;
    border-color: var(--color-border-strong);
    background: var(--color-surface-hover);
    box-shadow: none;
}

.portal-content-shell .portal-quiz-portal-reminder--unread[b-0gjf8akjpw] {
    border-color: var(--color-brand-100);
    background: var(--color-brand-50);
    box-shadow: inset 3px 0 0 var(--color-brand-900);
}

.portal-content-shell .portal-quiz-queue[b-0gjf8akjpw] {
    gap: 0;
    overflow: hidden;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
}

.portal-content-shell .portal-quiz-queue__head[b-0gjf8akjpw] {
    min-height: 36px;
    padding-inline: var(--space-3);
    border-radius: 0;
    color: var(--color-text-secondary);
    background: var(--color-surface-subtle);
    background-image: none;
    box-shadow: none;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.065em;
}

.portal-content-shell .portal-quiz-queue__body[b-0gjf8akjpw] {
    gap: 0;
    max-height: min(42vh, 440px);
    padding-right: 0;
}

.portal-content-shell .portal-quiz-queue__row[b-0gjf8akjpw] {
    min-height: 50px;
    padding: 8px var(--space-3);
    border: 0;
    border-top: 1px solid var(--color-border);
    border-radius: 0;
    color: var(--color-text-primary);
    background: var(--color-surface);
    background-image: none;
    box-shadow: none;
}

.portal-content-shell .portal-quiz-queue__row:hover[b-0gjf8akjpw] {
    transform: none;
    background: var(--color-surface-hover);
    box-shadow: none;
}

.portal-content-shell .portal-quiz-queue__row:disabled[b-0gjf8akjpw],
.portal-content-shell .portal-quiz-queue__row:disabled:hover[b-0gjf8akjpw] {
    opacity: 0.72;
    background: color-mix(in srgb, var(--color-success-soft) 46%, var(--color-surface));
    box-shadow: none;
}

.portal-content-shell .portal-quiz-queue__row--active[b-0gjf8akjpw],
.portal-content-shell .portal-quiz-queue__row--active:hover[b-0gjf8akjpw] {
    border-color: var(--color-brand-100);
    background: var(--color-brand-50);
    background-image: none;
    box-shadow: inset 3px 0 0 var(--color-brand-900);
}

.portal-content-shell .portal-quiz-queue__index[b-0gjf8akjpw],
.portal-content-shell .portal-quiz-queue__open[b-0gjf8akjpw] {
    width: 28px;
    height: 28px;
    color: var(--color-brand-900);
    background: var(--color-brand-50);
}

.portal-content-shell .portal-quiz-queue__quiz-title[b-0gjf8akjpw] {
    color: var(--color-text-primary);
    font-size: 0.78rem;
    font-weight: 700;
}

.portal-content-shell .portal-quiz-queue__meta[b-0gjf8akjpw] {
    color: var(--color-text-secondary);
    font-size: 0.7rem;
}

.portal-content-shell .portal-quiz-queue__status[b-0gjf8akjpw] {
    min-height: 24px;
    padding: 2px 8px;
    font-size: 0.65rem;
    font-weight: 700;
}

.portal-content-shell .portal-quiz-list__status--required[b-0gjf8akjpw] {
    color: var(--color-danger);
    background: var(--color-danger-soft);
}

.portal-content-shell .portal-quiz-list__status--done[b-0gjf8akjpw] {
    color: var(--color-success);
    background: var(--color-success-soft);
}

.portal-content-shell .portal-quiz-list__status--pending[b-0gjf8akjpw] {
    color: var(--color-warning);
    background: var(--color-warning-soft);
}

.portal-content-shell .portal-quiz-context[b-0gjf8akjpw] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-2);
}

.portal-content-shell .portal-quiz-context__item[b-0gjf8akjpw] {
    gap: 3px;
    padding: 9px 10px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface-subtle);
    background-image: none;
    box-shadow: none;
}

.portal-content-shell .portal-quiz-context__item span[b-0gjf8akjpw] {
    color: var(--color-text-muted);
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.055em;
}

.portal-content-shell .portal-quiz-context__item strong[b-0gjf8akjpw] {
    color: var(--color-text-primary);
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.3;
}

.portal-content-shell .portal-quiz-form[b-0gjf8akjpw] {
    gap: var(--space-3);
}

.portal-content-shell .portal-quiz-section-marker[b-0gjf8akjpw] {
    padding: 8px 10px;
    border: 1px solid var(--color-brand-100);
    border-radius: var(--radius-md);
    background: var(--color-brand-50);
    background-image: none;
    box-shadow: none;
}

.portal-content-shell .portal-quiz-question[b-0gjf8akjpw] {
    gap: var(--space-3);
    padding: var(--space-4);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    background-image: none;
    box-shadow: none;
}

.portal-content-shell .portal-quiz-question__index[b-0gjf8akjpw] {
    width: 30px;
    height: 30px;
    color: var(--color-brand-900);
    background: var(--color-brand-50);
    background-image: none;
    box-shadow: none;
}

.portal-content-shell .portal-quiz-question__caption[b-0gjf8akjpw] {
    color: var(--color-text-primary);
    font-size: 0.84rem;
    font-weight: 700;
}

.portal-content-shell .portal-quiz-question__description[b-0gjf8akjpw] {
    color: var(--color-text-secondary);
    font-size: 0.76rem;
}

.portal-content-shell .portal-quiz-option[b-0gjf8akjpw],
.portal-content-shell .portal-quiz-ranking-row[b-0gjf8akjpw],
.portal-content-shell .portal-quiz-matrix-mobile__choice[b-0gjf8akjpw] {
    padding: 9px 10px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    color: var(--color-text-primary);
    background: var(--color-surface-subtle);
    background-image: none;
    box-shadow: none;
}

.portal-content-shell .portal-quiz-option--scale:hover[b-0gjf8akjpw] {
    transform: none;
    border-color: var(--color-border-strong);
    box-shadow: none;
}

.portal-content-shell .portal-quiz-option--scale-selected[b-0gjf8akjpw] {
    border-color: var(--color-brand-100);
    background: var(--color-brand-50);
    background-image: none;
    box-shadow: inset 0 -3px 0 var(--color-brand-900);
}

.portal-content-shell .portal-quiz-select[b-0gjf8akjpw],
.portal-content-shell .portal-quiz-rank-select[b-0gjf8akjpw],
.portal-content-shell .portal-quiz-value-input[b-0gjf8akjpw],
.portal-content-shell .portal-quiz-option__other[b-0gjf8akjpw],
.portal-content-shell .portal-quiz-text-answer__input[b-0gjf8akjpw],
.portal-content-shell .portal-quiz-matrix__comment[b-0gjf8akjpw] {
    min-height: 40px;
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-md);
    color: var(--color-text-primary);
    background: var(--color-surface);
    background-image: none;
    box-shadow: none;
}

.portal-content-shell .portal-quiz-submit[b-0gjf8akjpw] {
    min-height: 40px;
    padding-inline: var(--space-4) !important;
    border-radius: var(--radius-md) !important;
    box-shadow: none;
    font-weight: 700 !important;
    text-transform: none;
}

.portal-quiz-adaptive[b-0gjf8akjpw] {
    display: grid;
    gap: 0.65rem;
    margin-top: 0.7rem;
    padding: 0.78rem;
    border: 1px solid hsla(var(--brand-h, 224), 76%, 48%, 0.14);
    border-radius: 16px;
    background:
        radial-gradient(circle at top right, hsla(var(--brand-accent-h, 37), 88%, 62%, 0.12), transparent 46%),
        linear-gradient(145deg, hsla(var(--brand-h, 224), 100%, 98%, 0.98), rgba(255,255,255,0.98));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92);
}

.portal-quiz-adaptive__head[b-0gjf8akjpw] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.48rem;
}

.portal-quiz-adaptive__spark[b-0gjf8akjpw] {
    display: inline-flex;
    width: 1.7rem;
    height: 1.7rem;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: var(--survey-brand-text);
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.1);
}

.portal-quiz-adaptive__title[b-0gjf8akjpw],
.portal-quiz-adaptive__counter[b-0gjf8akjpw] {
    color: var(--portal-text, #1d2025);
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.portal-quiz-adaptive__counter[b-0gjf8akjpw] {
    min-width: 2.7rem;
    padding: 0.16rem 0.42rem;
    border-radius: 999px;
    text-align: center;
    background: hsla(var(--brand-h, 224), 76%, 48%, 0.08);
}

.portal-quiz-adaptive__question[b-0gjf8akjpw] {
    margin: 0;
    color: var(--portal-text, #1d2025);
    font-size: 0.88rem;
    font-weight: 760;
    line-height: 1.5;
}

.portal-quiz-adaptive__answer[b-0gjf8akjpw] {
    width: 100%;
    min-height: 5.2rem;
    resize: vertical;
    padding: 0.68rem 0.74rem;
    border: 1px solid hsla(var(--brand-h, 219), 42%, 24%, 0.16);
    border-radius: 12px;
    color: var(--portal-text, #1d2025);
    background: rgba(255,255,255,0.9);
    font: inherit;
    line-height: 1.5;
}

.portal-quiz-adaptive__answer:focus[b-0gjf8akjpw] {
    outline: 3px solid var(--tenant-focus-ring, var(--survey-brand-text));
    outline-offset: 2px;
    border-color: var(--tenant-focus-ring, var(--survey-brand-text));
}

.portal-quiz-adaptive__actions[b-0gjf8akjpw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.portal-quiz-adaptive__ask[b-0gjf8akjpw],
.portal-quiz-adaptive__save[b-0gjf8akjpw] {
    display: inline-flex;
    min-height: 2.35rem;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
    padding: 0.48rem 0.78rem;
    border: 0;
    border-radius: 11px;
    color: var(--tenant-on-action, #fff);
    background: var(--tenant-action, hsl(var(--brand-h, 224), 62%, 38%));
    font-size: 0.76rem;
    font-weight: 800;
    cursor: pointer;
}

.portal-quiz-adaptive__save[b-0gjf8akjpw] {
    background: linear-gradient(135deg, #178a68, #0f6d55);
    color: #fff;
}

.portal-quiz-adaptive__ask--secondary[b-0gjf8akjpw] {
    color: var(--survey-brand-text);
    border: 1px solid hsla(var(--brand-h, 224), 76%, 48%, 0.18);
    background: rgba(255,255,255,0.82);
}

.portal-quiz-adaptive__ask:disabled[b-0gjf8akjpw],
.portal-quiz-adaptive__save:disabled[b-0gjf8akjpw] {
    cursor: not-allowed;
    opacity: 0.55;
}

.portal-quiz-adaptive__hint[b-0gjf8akjpw],
.portal-quiz-adaptive__error[b-0gjf8akjpw] {
    color: var(--portal-muted, #5d6673);
    font-size: 0.72rem;
    line-height: 1.45;
}

.portal-quiz-adaptive__error[b-0gjf8akjpw] {
    color: #a33a43;
    font-weight: 700;
}

.survey-runtime--high-contrast .portal-quiz-adaptive[b-0gjf8akjpw] {
    border-color: var(--portal-text, #172033);
}

.survey-runtime--reduced-motion .portal-quiz-adaptive *[b-0gjf8akjpw],
.survey-runtime--reduced-motion .portal-quiz-adaptive *[b-0gjf8akjpw]::before,
.survey-runtime--reduced-motion .portal-quiz-adaptive *[b-0gjf8akjpw]::after {
    transition: none !important;
    animation: none !important;
}

@media (max-width: 1180px) {
    .portal-content-shell .portal-quiz-head[b-0gjf8akjpw] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "title"
            "stats"
            "selection";
    }

    .portal-content-shell .portal-quiz-head__stats[b-0gjf8akjpw] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .portal-content-shell .portal-quiz-head[b-0gjf8akjpw],
    .portal-content-shell .portal-quiz-list-panel[b-0gjf8akjpw],
    .portal-content-shell .portal-quiz-main[b-0gjf8akjpw] {
        padding: var(--space-3) !important;
    }

    .portal-content-shell .portal-quiz-head__title[b-0gjf8akjpw] {
        grid-template-columns: 40px minmax(0, 1fr);
    }

    .portal-content-shell .portal-quiz-head__stats[b-0gjf8akjpw],
    .portal-content-shell .portal-quiz-context[b-0gjf8akjpw],
    .portal-content-shell .portal-quiz-portal-reminders__grid[b-0gjf8akjpw],
    .portal-quiz-outcomes__grid[b-0gjf8akjpw] {
        grid-template-columns: 1fr;
    }

    .portal-quiz-outcomes__head[b-0gjf8akjpw] {
        align-items: flex-start;
        flex-direction: column;
    }
    .portal-quiz-live__header[b-0gjf8akjpw] { align-items:flex-start; flex-direction:column; }
    .portal-quiz-live__badges[b-0gjf8akjpw] { justify-content:flex-start; }
    .portal-quiz-live__choices[b-0gjf8akjpw] { grid-template-columns:1fr; }
    .portal-quiz-live__composer[b-0gjf8akjpw] { grid-template-columns:1fr; }
    .portal-quiz-live__composer > button[b-0gjf8akjpw] { width:100%; }
    .portal-quiz-live__questions article[b-0gjf8akjpw] { align-items:flex-start; }

    .portal-content-shell .portal-quiz-head__selection[b-0gjf8akjpw] {
        padding: 10px 12px;
    }

    .portal-content-shell .portal-quiz-mobile-card[b-0gjf8akjpw] {
        border-color: var(--color-border);
        border-radius: var(--radius-md);
        background: var(--color-surface);
        background-image: none;
        box-shadow: none;
    }

    .portal-content-shell .portal-quiz-mobile-card--active[b-0gjf8akjpw] {
        border-color: var(--color-brand-100);
        background: var(--color-brand-50);
        background-image: none;
        box-shadow: inset 3px 0 0 var(--color-brand-900);
    }

    .portal-quiz-outbox[b-0gjf8akjpw] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .portal-quiz-outbox__retry[b-0gjf8akjpw] {
        grid-column: 1 / -1;
        width: 100%;
    }
}

.portal-content-shell .portal-page.portal-quiz-page--kiosk[b-0gjf8akjpw],
.portal-page.portal-quiz-page--kiosk[b-0gjf8akjpw] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    width: 100vw !important;
    max-width: none !important;
    min-height: 100dvh;
    margin: 0 !important;
    padding: clamp(0.75rem, 2vw, 1.5rem) !important;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    align-content: stretch;
    gap: clamp(0.75rem, 1.5vw, 1.15rem);
    overflow-y: auto;
    overscroll-behavior: contain;
    color: var(--color-text, #172033);
    background:
        radial-gradient(circle at 8% 0%,
            color-mix(in srgb, var(--color-brand-100) 76%, transparent) 0,
            transparent 32rem),
        radial-gradient(circle at 100% 100%,
            color-mix(in srgb, var(--color-accent-gold) 18%, transparent) 0,
            transparent 28rem),
        linear-gradient(145deg,
            color-mix(in srgb, var(--color-brand-50) 72%, #ffffff),
            var(--color-surface, #ffffff) 58%,
            color-mix(in srgb, var(--color-brand-100) 42%, #ffffff));
}

.survey-kiosk__masthead[b-0gjf8akjpw] {
    width: min(100%, var(--survey-theme-max-width, 980px));
    margin: 0 auto;
    min-height: 4.25rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.85rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid color-mix(in srgb, var(--color-brand-900) 12%, var(--color-border));
    border-radius: clamp(14px, var(--survey-theme-radius, 16px), 22px);
    background: color-mix(in srgb, var(--color-surface, #ffffff) 92%, transparent);
    box-shadow: 0 18px 45px color-mix(in srgb, var(--color-brand-950) 10%, transparent);
    backdrop-filter: blur(18px);
}

.survey-kiosk__brand[b-0gjf8akjpw],
.survey-kiosk__state-icon[b-0gjf8akjpw] {
    display: inline-grid;
    place-items: center;
    color: var(--tenant-on-action, #fff);
    background: var(--tenant-action, var(--color-brand-950));
    box-shadow: 0 10px 24px color-mix(in srgb, var(--color-brand-900) 24%, transparent);
}

.survey-kiosk__brand[b-0gjf8akjpw] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 0.85rem;
}

.survey-kiosk__identity[b-0gjf8akjpw] {
    min-width: 0;
    display: grid;
    gap: 0.1rem;
}

.survey-kiosk__identity small[b-0gjf8akjpw],
.survey-kiosk__state-copy > small[b-0gjf8akjpw] {
    color: var(--color-brand-800);
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.survey-kiosk__identity strong[b-0gjf8akjpw] {
    overflow: hidden;
    color: var(--color-brand-950);
    font-size: clamp(0.92rem, 1.7vw, 1.08rem);
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.survey-kiosk__auth[b-0gjf8akjpw],
.survey-kiosk__delivery[b-0gjf8akjpw] {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    color: var(--color-brand-900);
    border: 1px solid var(--color-brand-100);
    border-radius: 999px;
    background: var(--color-brand-50);
    font-size: 0.72rem;
    font-weight: 800;
}

.survey-kiosk__auth[b-0gjf8akjpw] {
    min-height: 2.2rem;
    padding: 0.42rem 0.72rem;
}

.survey-kiosk__state[b-0gjf8akjpw] {
    width: min(100%, 720px);
    min-height: min(66dvh, 34rem);
    margin: 0 auto;
    align-self: center;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: clamp(1rem, 2.5vw, 1.5rem);
    padding: clamp(1.25rem, 4vw, 2.75rem);
    border: 1px solid color-mix(in srgb, var(--color-brand-900) 14%, var(--color-border));
    border-radius: clamp(18px, var(--survey-theme-radius, 20px), 26px);
    background: color-mix(in srgb, var(--color-surface, #ffffff) 95%, transparent);
    box-shadow:
        0 34px 90px color-mix(in srgb, var(--color-brand-950) 16%, transparent),
        inset 0 1px 0 rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(22px);
}

.survey-kiosk__state-icon[b-0gjf8akjpw] {
    width: clamp(3rem, 7vw, 4.25rem);
    height: clamp(3rem, 7vw, 4.25rem);
    border-radius: 1.15rem;
}

.survey-kiosk__state--pending .survey-kiosk__state-icon[b-0gjf8akjpw] {
    background: var(--tenant-action, var(--color-brand-900));
}

.survey-kiosk__state--unavailable .survey-kiosk__state-icon[b-0gjf8akjpw] {
    color: #fff;
    background: linear-gradient(145deg, #8f3345, #5f1f2c);
}

.survey-kiosk__state-copy[b-0gjf8akjpw] {
    min-width: 0;
    display: grid;
    align-content: start;
    gap: 0.8rem;
}

.survey-kiosk__state-copy h1[b-0gjf8akjpw] {
    margin: 0;
    color: var(--color-brand-950);
    font-size: clamp(1.55rem, 4vw, 2.65rem);
    font-weight: 900;
    letter-spacing: -0.035em;
    line-height: 1.08;
}

.survey-kiosk__state-copy p[b-0gjf8akjpw] {
    max-width: 58ch;
    margin: 0;
    color: var(--color-text-muted, #5b6475);
    font-size: clamp(0.92rem, 1.8vw, 1.05rem);
    line-height: 1.62;
}

.survey-kiosk__delivery[b-0gjf8akjpw] {
    width: fit-content;
    max-width: 100%;
    padding: 0.55rem 0.75rem;
    border-radius: 0.8rem;
    line-height: 1.4;
}

.survey-kiosk__state-actions[b-0gjf8akjpw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    padding-top: 0.4rem;
}

.survey-kiosk__primary-action[b-0gjf8akjpw],
.survey-kiosk__secondary-action[b-0gjf8akjpw] {
    min-height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    padding: 0.68rem 1rem;
    border-radius: 0.9rem;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 850;
    cursor: pointer;
    transition: transform 160ms ease, box-shadow 160ms ease, opacity 160ms ease;
}

.survey-kiosk__primary-action[b-0gjf8akjpw] {
    color: var(--tenant-on-action, #fff);
    border: 1px solid var(--tenant-action, var(--color-brand-900));
    background: var(--tenant-action, var(--color-brand-950));
    box-shadow: 0 13px 28px color-mix(in srgb, var(--color-brand-900) 22%, transparent);
}

.survey-kiosk__secondary-action[b-0gjf8akjpw] {
    color: var(--color-brand-900);
    border: 1px solid var(--color-brand-100);
    background: var(--color-brand-50);
}

.survey-kiosk__primary-action:hover:not(:disabled)[b-0gjf8akjpw],
.survey-kiosk__secondary-action:hover:not(:disabled)[b-0gjf8akjpw] {
    transform: translateY(-1px);
}

.survey-kiosk__primary-action:focus-visible[b-0gjf8akjpw],
.survey-kiosk__secondary-action:focus-visible[b-0gjf8akjpw] {
    outline: 3px solid var(--tenant-focus-ring, var(--survey-brand-text));
    outline-offset: 3px;
}

.survey-kiosk__primary-action:disabled[b-0gjf8akjpw],
.survey-kiosk__secondary-action:disabled[b-0gjf8akjpw] {
    cursor: wait;
    opacity: 0.62;
}

.portal-quiz-page--kiosk .portal-quiz-main[b-0gjf8akjpw] {
    width: min(100%, var(--survey-theme-max-width, 980px));
    min-height: 0;
    margin: 0 auto;
    padding: clamp(0.85rem, 2vw, 1.35rem) !important;
    border-radius: clamp(16px, var(--survey-theme-radius, 18px), 24px) !important;
    box-shadow: 0 26px 70px color-mix(in srgb, var(--color-brand-950) 12%, transparent) !important;
}

.portal-quiz-page--kiosk .portal-quiz-section-head__copy[b-0gjf8akjpw] {
    max-width: 68ch;
}

.portal-quiz-page--kiosk .portal-quiz-actions[b-0gjf8akjpw] {
    position: sticky;
    bottom: 0.25rem;
    z-index: 2;
    border: 1px solid color-mix(in srgb, var(--color-brand-900) 10%, var(--color-border));
    background: color-mix(in srgb, var(--color-surface, #ffffff) 94%, transparent);
    box-shadow: 0 14px 35px color-mix(in srgb, var(--color-brand-950) 10%, transparent);
    backdrop-filter: blur(16px);
}

.survey-runtime--reduced-motion .survey-kiosk__primary-action[b-0gjf8akjpw],
.survey-runtime--reduced-motion .survey-kiosk__secondary-action[b-0gjf8akjpw] {
    transition: none;
}

.survey-accessibility[b-0gjf8akjpw] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(12rem, 1fr) auto auto auto auto;
    align-items: center;
    gap: 0.48rem;
    margin: 0.1rem 0 0.75rem;
    padding: 0.62rem;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--tenant-action, var(--survey-brand-text)) 18%, var(--color-border));
    border-radius: clamp(14px, var(--survey-theme-radius, 16px), 20px);
    background:
        radial-gradient(circle at 98% 0%, color-mix(in srgb, var(--portal-gold) 13%, transparent), transparent 34%),
        color-mix(in srgb, var(--color-surface, #fff) 96%, transparent);
    box-shadow: 0 12px 30px color-mix(in srgb, var(--color-brand-950) 7%, transparent);
}

.survey-accessibility__head[b-0gjf8akjpw] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.52rem;
}

.survey-accessibility__head > span:last-child[b-0gjf8akjpw] {
    display: grid;
    min-width: 0;
    gap: 0.08rem;
}

.survey-accessibility__head strong[b-0gjf8akjpw] {
    color: var(--color-text, #172033);
    font-size: 0.76rem;
    font-weight: 900;
}

.survey-accessibility__head small[b-0gjf8akjpw] {
    overflow: hidden;
    color: var(--color-text-muted, #5b6475);
    font-size: 0.61rem;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.survey-accessibility__icon[b-0gjf8akjpw] {
    display: grid;
    width: 2.15rem;
    height: 2.15rem;
    flex: none;
    place-items: center;
    border-radius: 12px;
    color: var(--tenant-on-action, #fff);
    background: var(--tenant-action, var(--survey-brand-text));
    box-shadow: 0 9px 20px color-mix(in srgb, var(--tenant-action, var(--survey-brand-text)) 20%, transparent);
}

.survey-accessibility__scale[b-0gjf8akjpw] {
    display: inline-flex;
    gap: 0.16rem;
    padding: 0.18rem;
    border: 1px solid color-mix(in srgb, var(--tenant-action, var(--survey-brand-text)) 12%, var(--color-border));
    border-radius: 11px;
    background: color-mix(in srgb, var(--color-text-muted, #5b6475) 5%, transparent);
}

.survey-accessibility__scale-button[b-0gjf8akjpw],
.survey-accessibility__toggle[b-0gjf8akjpw],
.survey-accessibility__reset[b-0gjf8akjpw] {
    min-height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.28rem;
    padding: 0.34rem 0.5rem;
    border: 1px solid transparent;
    border-radius: 9px;
    color: var(--survey-brand-text);
    background: transparent;
    font: inherit;
    font-size: 0.63rem;
    font-weight: 850;
    white-space: nowrap;
    cursor: pointer;
    transition: transform 150ms ease, background-color 150ms ease, color 150ms ease, opacity 150ms ease;
}

.survey-accessibility__scale-button.is-active[b-0gjf8akjpw],
.survey-accessibility__toggle.is-active[b-0gjf8akjpw] {
    color: var(--tenant-on-action, #fff);
    border-color: var(--tenant-action, var(--survey-brand-text));
    background: var(--tenant-action, var(--survey-brand-text));
    box-shadow: 0 7px 18px color-mix(in srgb, var(--tenant-action, var(--survey-brand-text)) 18%, transparent);
}

.survey-accessibility__toggle[b-0gjf8akjpw],
.survey-accessibility__reset[b-0gjf8akjpw] {
    border-color: color-mix(in srgb, var(--tenant-action, var(--survey-brand-text)) 13%, var(--color-border));
    background: color-mix(in srgb, var(--tenant-action, var(--survey-brand-text)) 5%, var(--color-surface, #fff));
}

.survey-accessibility__reset[b-0gjf8akjpw] {
    color: var(--color-text-muted, #5b6475);
}

.survey-accessibility :is(button):hover:not(:disabled)[b-0gjf8akjpw] {
    transform: translateY(-1px);
}

.survey-accessibility :is(button):focus-visible[b-0gjf8akjpw] {
    outline: 3px solid var(--tenant-focus-ring, var(--survey-brand-text));
    outline-offset: 2px;
}

.survey-accessibility :is(button):disabled[b-0gjf8akjpw] {
    cursor: not-allowed;
    opacity: 0.5;
}

.portal-quiz-sr[b-0gjf8akjpw] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.survey-runtime--high-contrast .survey-accessibility[b-0gjf8akjpw] {
    border-color: var(--color-text, #172033);
}

.survey-runtime--reduced-motion .survey-accessibility *[b-0gjf8akjpw],
.survey-runtime--reduced-motion .survey-accessibility *[b-0gjf8akjpw]::before,
.survey-runtime--reduced-motion .survey-accessibility *[b-0gjf8akjpw]::after {
    animation: none !important;
    transition: none !important;
}

@media (max-width: 700px) {
    .portal-content-shell .portal-page.portal-quiz-page--kiosk[b-0gjf8akjpw],
    .portal-page.portal-quiz-page--kiosk[b-0gjf8akjpw] {
        padding: 0.6rem !important;
    }

    .survey-kiosk__masthead[b-0gjf8akjpw] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .survey-kiosk__auth[b-0gjf8akjpw] {
        grid-column: 1 / -1;
        justify-self: stretch;
        justify-content: center;
    }

    .survey-kiosk__state[b-0gjf8akjpw] {
        min-height: min(68dvh, 32rem);
        grid-template-columns: 1fr;
    }

    .survey-kiosk__state-icon[b-0gjf8akjpw] {
        width: 3.25rem;
        height: 3.25rem;
    }

    .survey-kiosk__state-actions[b-0gjf8akjpw],
    .survey-kiosk__primary-action[b-0gjf8akjpw],
    .survey-kiosk__secondary-action[b-0gjf8akjpw] {
        width: 100%;
    }

    .survey-accessibility[b-0gjf8akjpw] {
        grid-template-columns: 1fr 1fr;
    }

    .survey-accessibility__head[b-0gjf8akjpw],
    .survey-accessibility__scale[b-0gjf8akjpw] {
        grid-column: 1 / -1;
    }

    .survey-accessibility__scale[b-0gjf8akjpw] {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .survey-accessibility__toggle[b-0gjf8akjpw],
    .survey-accessibility__reset[b-0gjf8akjpw] {
        width: 100%;
    }
}