/* /Components/Layout/HomeLayout.razor.rz.scp.css */
.home-shell[b-rvukijk1ft] {
    display: flex;
    width: 100%;
    min-width: 0;
    min-height: 100svh;
    overflow-x: clip;
    background: var(--ds-background);
    flex-direction: column;
}

.home-header[b-rvukijk1ft] {
    position: relative;
    z-index: 10;
    flex: 0 0 auto;
    background: var(--ds-surface-translucent);
    border-bottom: 1px solid var(--ds-border);
}

.home-header-inner[b-rvukijk1ft] {
    display: flex;
    width: min(100% - 3rem, 82rem);
    min-height: 5.25rem;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    margin-inline: auto;
}

.home-brand[b-rvukijk1ft] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 0.75rem;
    color: var(--ds-text-primary);
    text-decoration: none;
    font-family: var(--sp-font-family);
}

.home-brand-copy[b-rvukijk1ft] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 0.2rem;
}

.home-brand-name[b-rvukijk1ft] {
    color: var(--ds-text-primary);
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap;
}

.home-brand-tagline[b-rvukijk1ft] {
    color: var(--ds-text-secondary);
    font-size: 0.875rem;
    line-height: 1.2;
    white-space: nowrap;
}

.home-brand-logo[b-rvukijk1ft] {
    display: block;
    width: 4.75rem;
    height: 4.75rem;
    flex: 0 0 auto;
    object-fit: contain;
}

.home-login-action[b-rvukijk1ft] {
    display: inline-flex;
    min-height: 2.8rem;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1.25rem;
    color: var(--ds-primary);
    background: var(--ds-surface);
    border: 1px solid var(--ds-primary);
    border-radius: 0.8rem;
    font-size: 0.95rem;
    font-weight: 700;
    text-decoration: none;
    transition:
        color 160ms ease,
        background-color 160ms ease,
        box-shadow 160ms ease;
    cursor: pointer;
    list-style: none;
}

.home-login-action[b-rvukijk1ft]::-webkit-details-marker {
    display: none;
}

.home-login-menu[b-rvukijk1ft] {
    position: relative;
    flex: 0 0 auto;
}

.home-login-options[b-rvukijk1ft] {
    position: absolute;
    inset-block-start: calc(100% + 0.5rem);
    inset-inline-end: 0;
    z-index: 20;
    display: grid;
    width: max-content;
    min-width: 15rem;
    max-width: min(20rem, calc(100vw - 2rem));
    padding: 0.45rem;
    overflow: hidden;
    background: var(--ds-surface);
    border: 1px solid var(--ds-border);
    border-radius: 0.8rem;
    box-shadow: 0 1rem 2rem var(--ds-shadow-color);
}

.home-login-options a[b-rvukijk1ft] {
    padding: 0.7rem 0.85rem;
    color: var(--ds-text-primary);
    border-radius: 0.55rem;
    font-size: 0.92rem;
    font-weight: 600;
    text-align: start;
    text-decoration: none;
}

.home-login-options a:hover[b-rvukijk1ft],
.home-login-options a:focus-visible[b-rvukijk1ft] {
    color: var(--ds-primary);
    background: var(--ds-primary-soft);
    outline: none;
}

.home-login-action:hover[b-rvukijk1ft] {
    color: var(--ds-text-on-accent);
    background: var(--ds-primary-solid);
    box-shadow: 0 0.75rem 1.5rem var(--ds-shadow-color);
}

.home-login-action:focus-visible[b-rvukijk1ft] {
    outline: 0.2rem solid var(--ds-focus);
    outline-offset: 0.2rem;
}

.home-main[b-rvukijk1ft] {
    display: flex;
    min-width: 0;
    flex: 1;
    padding-top: 1rem;
}

#blazor-error-ui[b-rvukijk1ft] {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: none;
    padding: 0.75rem 1.25rem;
    color: var(--ds-warning-strong);
    background: var(--ds-warning-soft);
    border-top: 1px solid var(--ds-warning);
    box-shadow: 0 -2px 8px var(--ds-shadow-color-soft);
}

#blazor-error-ui .reload[b-rvukijk1ft] {
    margin-inline-start: 0.5rem;
}

#blazor-error-ui .dismiss[b-rvukijk1ft] {
    position: absolute;
    inset-inline-end: 0.75rem;
    cursor: pointer;
}

@media (max-width: 767.98px) {
    .home-header-inner[b-rvukijk1ft] {
        width: min(100% - 2rem, 82rem);
        min-height: 4.5rem;
        gap: 0.75rem;
    }

    .home-brand-logo[b-rvukijk1ft] {
        width: 4rem;
        height: 4rem;
    }

    .home-brand[b-rvukijk1ft] {
        gap: 0.45rem;
    }

    .home-brand-tagline[b-rvukijk1ft] {
        font-size: 0.8rem;
        white-space: normal;
    }

    .home-brand-name[b-rvukijk1ft] {
        font-size: 1.25rem;
    }

    .home-login-action[b-rvukijk1ft] {
        min-height: 2.5rem;
        padding-inline: 0.9rem;
        font-size: 0.86rem;
    }

    .home-login-options[b-rvukijk1ft] {
        min-width: min(15rem, calc(100vw - 2rem));
    }

    .home-main[b-rvukijk1ft] {
        padding-top: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-login-action[b-rvukijk1ft] {
        transition: none;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.site-shell[b-f7slddez8j] {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

.site-header[b-f7slddez8j] {
    position: relative;
    z-index: 10;
    background: var(--ds-surface-translucent);
    border-bottom: 1px solid var(--ds-border);
}

.site-header > .container[b-f7slddez8j] {
    min-height: 5.25rem;
    padding-block: 0.25rem !important;
}

.brand[b-f7slddez8j] {
    color: var(--ds-text-primary);
}

.brand:hover[b-f7slddez8j] {
    color: var(--ds-primary);
}

.brand small[b-f7slddez8j] {
    color: var(--ds-text-secondary);
}

.auth-header-brand[b-f7slddez8j] {
    display: inline-flex;
    min-width: 0;
    flex: 0 1 auto;
    align-items: center;
    gap: 0.75rem;
    color: var(--ds-text-primary);
}

.auth-header-brand img[b-f7slddez8j] {
    display: block;
    width: 4.75rem;
    height: 4.75rem;
    object-fit: contain;
}

.header-brand-copy[b-f7slddez8j] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 0.2rem;
    font-family: var(--sp-font-family);
}

.header-brand-name[b-f7slddez8j] {
    color: var(--ds-text-primary);
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap;
}

.header-brand-tagline[b-f7slddez8j] {
    color: var(--ds-text-secondary);
    font-size: 0.875rem;
    line-height: 1.2;
    white-space: nowrap;
}

.owner-header-brand[b-f7slddez8j] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 0.75rem;
    color: var(--ds-text-primary);
}

.owner-header-brand img[b-f7slddez8j] {
    display: block;
    width: 4rem;
    height: 4rem;
    flex: 0 0 auto;
    object-fit: contain;
}

.brand-mark[b-f7slddez8j] {
    object-fit: contain;
    display: grid;
    width: 2.8rem;
    height: 2.8rem;
    color: var(--ds-text-on-accent);
    background: var(--ds-primary-solid);
    border-radius: 0.85rem;
    font-size: 1.25rem;
    font-weight: 700;
    place-items: center;
}

.site-login-menu[b-f7slddez8j] {
    position: relative;
    display: inline-flex;
}

.site-login-action[b-f7slddez8j] {
    cursor: pointer;
    list-style: none;
}

.site-login-action[b-f7slddez8j]::-webkit-details-marker {
    display: none;
}

.site-login-options[b-f7slddez8j] {
    position: absolute;
    inset-block-start: calc(100% + 0.5rem);
    inset-inline-end: 0;
    z-index: 20;
    display: grid;
    width: max-content;
    min-width: 15rem;
    max-width: min(20rem, calc(100vw - 2rem));
    padding: 0.45rem;
    overflow: hidden;
    background: var(--ds-surface);
    border: 1px solid var(--ds-border);
    border-radius: 0.8rem;
    box-shadow: 0 1rem 2rem var(--ds-shadow-color);
}

.site-login-options a[b-f7slddez8j] {
    padding: 0.7rem 0.85rem;
    color: var(--ds-text-primary);
    border-radius: 0.55rem;
    font-size: 0.92rem;
    font-weight: 600;
    text-align: start;
    text-decoration: none;
}

.site-login-options a:hover[b-f7slddez8j],
.site-login-options a:focus-visible[b-f7slddez8j] {
    color: var(--ds-primary);
    background: var(--ds-primary-soft);
    outline: none;
}

.site-main[b-f7slddez8j] {
    flex: 1;
}

.site-footer[b-f7slddez8j] {
    color: var(--ds-text-secondary);
    background: var(--ds-background-subtle);
    font-size: 0.87rem;
}

#blazor-error-ui[b-f7slddez8j] {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: none;
    padding: 0.75rem 1.25rem;
    color: var(--ds-warning-strong);
    background: var(--ds-warning-soft);
    border-top: 1px solid var(--ds-warning);
    box-shadow: 0 -2px 8px var(--ds-shadow-color-soft);
}

#blazor-error-ui .reload[b-f7slddez8j] {
    margin-inline-start: 0.5rem;
}

#blazor-error-ui .dismiss[b-f7slddez8j] {
    position: absolute;
    inset-inline-end: 0.75rem;
    cursor: pointer;
}

@media (max-width: 480px) {
    .site-login-options[b-f7slddez8j] {
        min-width: min(15rem, calc(100vw - 2rem));
    }

    .owner-header-brand[b-f7slddez8j] {
        gap: 0.45rem;
    }
}

@media (max-width: 767.98px) {
    .site-header > .container[b-f7slddez8j] {
        min-height: 4.5rem;
    }

    .auth-header-brand[b-f7slddez8j] {
        gap: 0.45rem;
    }

    .auth-header-brand img[b-f7slddez8j] {
        width: 4rem;
        height: 4rem;
    }

    .header-brand-name[b-f7slddez8j] {
        font-size: 1.25rem;
    }

    .header-brand-tagline[b-f7slddez8j] {
        font-size: 0.8rem;
        white-space: normal;
    }

    .owner-header-brand img[b-f7slddez8j] {
        width: 3.5rem;
        height: 3.5rem;
    }
}
/* /Components/Layout/OwnerAccountMenu.razor.rz.scp.css */
.owner-account-menu[b-lbkyl3n92f] {
    position: relative;
}

.owner-account-trigger[b-lbkyl3n92f] {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    min-height: 3.05rem;
    padding: .3rem .5rem;
    color: var(--ds-text-primary);
    background: var(--ds-input);
    border: 1px solid var(--ds-window-border);
    border-radius: .88rem;
    font-weight: 700;
    transition: color 190ms ease, background-color 190ms ease,
        border-color 190ms ease, box-shadow 190ms ease;
}

.owner-account-trigger:hover[b-lbkyl3n92f] {
    background: var(--ds-surface);
    border-color: color-mix(in srgb, var(--ds-primary) 42%, transparent);
    box-shadow: 0 0 14px color-mix(in srgb, var(--ds-primary) 9%, transparent);
}

.owner-account-trigger:focus-visible[b-lbkyl3n92f] {
    border-color: var(--ds-primary);
    outline: 2px solid color-mix(in srgb, var(--ds-primary) 72%, transparent);
    outline-offset: 2px;
}

.owner-account-avatar[b-lbkyl3n92f] {
    display: grid;
    width: 2.45rem;
    height: 2.45rem;
    flex: 0 0 2.45rem;
    color: var(--ds-primary);
    place-items: center;
}

.owner-account-avatar[b-lbkyl3n92f]  .app-icon {
    width: 1.45rem;
    height: 1.45rem;
}

.owner-account-copy[b-lbkyl3n92f] {
    display: inline-flex;
    align-items: baseline;
    min-width: 0;
    max-width: clamp(8rem, 18vw, 16rem);
    gap: .35rem;
    line-height: 1.2;
    text-align: start;
    white-space: nowrap;
}

.owner-account-copy strong[b-lbkyl3n92f] {
    min-width: 0;
    color: var(--ds-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.owner-account-copy small[b-lbkyl3n92f] {
    flex: 0 0 auto;
    color: var(--ds-text-secondary);
    font-size: .72rem;
    font-weight: 600;
}

.owner-account-chevron[b-lbkyl3n92f] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: var(--ds-text-secondary);
    transform-origin: center;
    transition: transform .16s ease;
}

.owner-account-chevron[b-lbkyl3n92f]  .app-icon {
    width: .9rem;
    height: .9rem;
}

.owner-account-menu[data-menu-open="true"] .owner-account-chevron[b-lbkyl3n92f] {
    transform: rotate(180deg);
}

.owner-account-menu[data-menu-open="true"] .owner-account-trigger .owner-account-chevron[b-lbkyl3n92f] {
    color: var(--ds-primary);
}

.owner-account-dropdown[b-lbkyl3n92f] {
    position: absolute;
    inset-block-start: calc(100% + .5rem);
    inset-inline-end: 0;
    z-index: 1080;
    display: grid;
    min-width: 13rem;
    padding: .4rem;
    background: var(--ds-window-surface-raised);
    border: 1px solid var(--ds-border);
    border-radius: .9rem;
    box-shadow: 0 1rem 2rem color-mix(in srgb, var(--ds-shadow-base) 32%, transparent);
}

.owner-account-dropdown button[b-lbkyl3n92f],
.owner-account-dropdown > a[b-lbkyl3n92f] {
    display: flex;
    align-items: center;
    gap: .6rem;
    width: 100%;
    padding: .7rem .8rem;
    color: var(--ds-text-primary);
    background: transparent;
    border: 0;
    border-radius: .55rem;
    font-weight: 600;
    text-align: start;
    text-decoration: none;
}

.owner-account-dropdown[b-lbkyl3n92f]  .app-icon {
    flex: 0 0 auto;
    width: 1rem;
    height: 1rem;
}

.owner-account-dropdown button:hover[b-lbkyl3n92f],
.owner-account-dropdown button:focus-visible[b-lbkyl3n92f],
.owner-account-dropdown > a:hover[b-lbkyl3n92f],
.owner-account-dropdown > a:focus-visible[b-lbkyl3n92f] {
    color: var(--ds-primary);
    background: var(--ds-primary-soft);
    outline: none;
}

.owner-account-dropdown .owner-account-logout[b-lbkyl3n92f] {
    color: var(--ds-danger-strong);
}

.owner-account-modal[b-lbkyl3n92f] {
    position: fixed;
    inset: 0;
    z-index: 1220;
}

.owner-account-backdrop[b-lbkyl3n92f] {
    position: fixed;
    inset: 0;
    z-index: 1210;
    width: 100vw;
    height: 100vh;
    background: color-mix(in srgb, var(--ds-shadow-base) 72%, transparent);
    opacity: 1;
    pointer-events: auto;
    touch-action: none;
}

.owner-modal-header[b-lbkyl3n92f] {
    flex-direction: row;
}

.owner-modal-header .btn-close[b-lbkyl3n92f] {
    margin-inline-start: auto;
    margin-inline-end: 0;
}

@media (max-width: 480px) {
    .owner-account-trigger[b-lbkyl3n92f] {
        max-width: 11rem;
    }

    .owner-account-copy[b-lbkyl3n92f] {
        overflow: hidden;
    }
}

@media (max-width: 767.98px) {
    .owner-account-trigger[b-lbkyl3n92f] {
        min-height: 2.45rem;
        padding: .2rem .35rem;
        gap: .25rem;
    }

    .owner-account-copy[b-lbkyl3n92f] {
        display: none;
    }

    .owner-account-avatar[b-lbkyl3n92f] {
        width: 2.25rem;
        height: 2.25rem;
        flex-basis: 2.25rem;
    }

    .owner-account-chevron[b-lbkyl3n92f]  .app-icon {
        width: .72rem;
        height: .72rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .owner-account-chevron[b-lbkyl3n92f] {
        transition: none;
    }
}
/* /Components/Layout/PrincipalLayout.razor.rz.scp.css */
#blazor-error-ui[b-x3vf3rb4xk] {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: none;
    padding: 0.75rem 1.25rem;
    color: var(--ds-warning-strong);
    background: var(--ds-warning-soft);
    border-top: 1px solid var(--ds-warning);
    box-shadow: 0 -2px 8px var(--ds-shadow-color-soft);
}

#blazor-error-ui .reload[b-x3vf3rb4xk] {
    margin-inline-start: 0.5rem;
}
/* /Components/Layout/PrincipalShell.razor.rz.scp.css */
.principal-shell[b-4y3gvsxqyc] {
    --principal-sidebar-width: 17rem;
    min-height: 100vh;
    color: var(--ds-text-primary);
    background: var(--ds-background);
}

.principal-surface[b-4y3gvsxqyc] {
    min-height: 100vh;
    margin-inline-start: var(--principal-sidebar-width);
    margin-inline-end: 0;
}

.principal-content[b-4y3gvsxqyc] {
    padding: 1.5rem;
}

@media (max-width: 991.98px) {
    .principal-shell[b-4y3gvsxqyc] {
        --principal-sidebar-width: 5.25rem;
    }

    .principal-content[b-4y3gvsxqyc] {
        padding: 1rem;
    }
}

@media (max-width: 575.98px) {
    .principal-shell[b-4y3gvsxqyc] {
        --principal-sidebar-width: 0rem;
        padding-bottom: 5rem;
    }

    .principal-surface[b-4y3gvsxqyc] {
        margin-inline-start: 0;
    }
}
/* /Components/Layout/PrincipalSidebar.razor.rz.scp.css */
.principal-sidebar[b-1l4a68d4kb] {
    --sidebar-shell-color: var(--ds-text-secondary);
    --sidebar-shell-background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--ds-primary) 7%, transparent), transparent 15rem),
        linear-gradient(180deg, var(--ds-background) 0%, var(--ds-window-surface) 54%, var(--ds-window-surface-raised) 100%);
    --sidebar-shell-border: var(--ds-window-border);
    --sidebar-shell-shadow: -12px 0 34px color-mix(in srgb, var(--ds-shadow-base) 24%, transparent);
    position: fixed;
    inset-block: 0;
    inset-inline-start: 0;
    z-index: 1040;
    display: flex;
    width: 17rem;
    padding: 1.1rem .85rem;
    overflow-x: hidden;
    overflow-y: auto;
    color: var(--sidebar-shell-color);
    border-inline-end: 1px solid var(--sidebar-shell-border);
    flex-direction: column;
    direction: rtl;
}

.principal-sidebar-logo[b-1l4a68d4kb] {
    font-family: var(--sp-font-family);
    display: flex;
    width: 100%;
    min-height: 7rem;
    margin-bottom: .8rem;
    padding: .35rem 0 .8rem;
    border-bottom: 1px solid color-mix(in srgb, var(--ds-window-border) 76%, transparent);
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: .3rem;
}

.principal-sidebar-logo img[b-1l4a68d4kb] {
    display: block;
    width: min(100%, 6.25rem);
    max-width: 100%;
    height: auto;
    max-height: 6.25rem;
    object-fit: contain;
}

.principal-sidebar-brand-name[b-1l4a68d4kb] {
    color: var(--ds-text-primary);
    font-size: 1.4rem;
    font-weight: 800;
    line-height: 1.2;
}

.principal-sidebar-logo-caption[b-1l4a68d4kb] {
    color: var(--ds-text-primary);
    font-size: .9rem;
    font-weight: 700;
    line-height: 1.35;
    text-align: center;
}

.principal-nav[b-1l4a68d4kb] {
    display: grid;
    gap: .48rem;
}

.principal-nav-link[b-1l4a68d4kb],
.principal-logout[b-1l4a68d4kb] {
    --item-accent: var(--ds-window-muted);
    --sidebar-link-color: var(--ds-text-primary);
    --sidebar-link-background: color-mix(in srgb, var(--ds-text-on-accent) 1.8%, transparent);
    --sidebar-link-border: var(--ds-surface-raised);
    --sidebar-link-radius: .9rem;
    position: relative;
    display: flex;
    width: 100%;
    min-width: 0;
    min-height: 3.55rem;
    padding: .48rem .55rem;
    overflow: hidden;
    border: 1px solid var(--sidebar-link-border);
    color: var(--sidebar-link-color);
    align-items: center;
    gap: .7rem;
    font: inherit;
    font-size: .86rem;
    font-weight: 600;
    line-height: 1.35;
    text-align: start;
    text-decoration: none;
    cursor: pointer;
    isolation: isolate;
    transition: color 190ms ease, background 190ms ease,
        border-color 190ms ease, box-shadow 190ms ease;
}

.principal-nav-link[b-1l4a68d4kb]::before {
    position: absolute;
    inset-block: .7rem;
    inset-inline-start: 0;
    width: 3px;
    background: var(--item-accent);
    border-radius: 0 999px 999px 0;
    box-shadow: 0 0 10px color-mix(in srgb, var(--item-accent) 45%, transparent);
    content: "";
    opacity: 0;
    transform: scaleY(.4);
    transition: opacity 190ms ease, transform 190ms ease;
}

.principal-nav-link[data-nav-accent="dashboard"][b-1l4a68d4kb] {
    --item-accent: var(--ds-primary);
}

.principal-nav-link[data-nav-accent="settings"][b-1l4a68d4kb] {
    --item-accent: var(--ds-chart-violet);
}

.principal-nav-link[data-nav-accent="final-results"][b-1l4a68d4kb] {
    --item-accent: var(--ds-info);
}

.principal-nav-link[data-nav-accent="students"][b-1l4a68d4kb] {
    --item-accent: var(--ds-success);
}

.principal-nav-link[data-nav-accent="student-registration"][b-1l4a68d4kb] {
    --item-accent: var(--ds-accent);
}

.principal-nav-link[data-nav-accent="guardians"][b-1l4a68d4kb] {
    --item-accent: var(--ds-warning);
}

.principal-nav-link[data-nav-accent="accounts"][b-1l4a68d4kb] {
    --item-accent: var(--ds-info);
}

.principal-nav-link[data-nav-accent="employees"][b-1l4a68d4kb] {
    --item-accent: var(--ds-danger);
}

.principal-nav-icon[b-1l4a68d4kb] {
    display: grid;
    width: 2.45rem;
    height: 2.45rem;
    flex: 0 0 2.45rem;
    color: var(--item-accent);
    background: color-mix(in srgb, var(--item-accent) 9%, transparent);
    border: 1px solid color-mix(in srgb, var(--item-accent) 32%, transparent);
    border-radius: .72rem;
    box-shadow: inset 0 1px color-mix(in srgb, var(--ds-text-on-accent) 3%, transparent),
        0 0 12px color-mix(in srgb, var(--item-accent) 7%, transparent);
    place-items: center;
    transition: background-color 190ms ease, border-color 190ms ease,
        box-shadow 190ms ease;
}

.principal-nav-icon[b-1l4a68d4kb]  .app-icon {
    width: 1.16rem;
    height: 1.16rem;
}

.principal-nav-link > span:not(.principal-nav-icon, .principal-nav-chevron)[b-1l4a68d4kb],
.principal-logout > span:not(.principal-nav-icon)[b-1l4a68d4kb] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.principal-nav-chevron[b-1l4a68d4kb] {
    margin-inline-start: auto;
    color: var(--ds-text-tertiary);
    font-size: 1.08rem;
    font-weight: 600;
    line-height: 1;
    opacity: .82;
    transform: translateX(0);
    transition: color 190ms ease, opacity 190ms ease, transform 190ms ease;
}

.principal-nav-link:hover[b-1l4a68d4kb] {
    --sidebar-link-hover-color: var(--ds-text-primary);
    --sidebar-link-hover-background: color-mix(in srgb, var(--ds-text-on-accent) 4.5%, transparent);
    --sidebar-link-border: color-mix(in srgb, var(--item-accent) 35%, transparent);
}

.principal-nav-link:hover .principal-nav-icon[b-1l4a68d4kb] {
    background: color-mix(in srgb, var(--item-accent) 13%, transparent);
    border-color: color-mix(in srgb, var(--item-accent) 48%, transparent);
    box-shadow: 0 0 15px color-mix(in srgb, var(--item-accent) 13%, transparent);
}

.principal-nav-link:hover .principal-nav-chevron[b-1l4a68d4kb] {
    color: var(--item-accent);
    opacity: 1;
    transform: translateX(-3px);
}

.principal-nav-link.active[b-1l4a68d4kb] {
    --sidebar-link-color: var(--ds-text-primary);
    --sidebar-link-background: linear-gradient(270deg,
        color-mix(in srgb, var(--item-accent) 14%, transparent), color-mix(in srgb, var(--ds-window-surface-raised) 96%, transparent) 78%);
    --sidebar-link-border: color-mix(in srgb, var(--item-accent) 45%, transparent);
    --sidebar-link-hover-color: var(--ds-text-primary);
    --sidebar-link-hover-background: linear-gradient(270deg,
        color-mix(in srgb, var(--item-accent) 17%, transparent), color-mix(in srgb, var(--ds-window-surface-raised) 98%, transparent) 80%);
    font-weight: 700;
    box-shadow: inset 0 1px color-mix(in srgb, var(--ds-text-on-accent) 3%, transparent),
        0 8px 20px color-mix(in srgb, var(--ds-shadow-base) 13%, transparent),
        0 0 16px color-mix(in srgb, var(--item-accent) 7%, transparent);
}

.principal-nav-link.active[b-1l4a68d4kb]::before {
    opacity: 1;
    transform: scaleY(1);
}

.principal-nav-link.active .principal-nav-icon[b-1l4a68d4kb] {
    background: color-mix(in srgb, var(--item-accent) 16%, transparent);
    border-color: color-mix(in srgb, var(--item-accent) 62%, transparent);
    box-shadow: 0 0 16px color-mix(in srgb, var(--item-accent) 16%, transparent);
}

.principal-nav-link.active .principal-nav-chevron[b-1l4a68d4kb] {
    color: var(--item-accent);
    opacity: 1;
}

.principal-nav-link:focus-visible[b-1l4a68d4kb],
.principal-logout:focus-visible[b-1l4a68d4kb] {
    border-color: var(--item-accent);
    outline: 2px solid color-mix(in srgb, var(--item-accent) 75%, transparent);
    outline-offset: 2px;
}

.principal-sidebar-footer[b-1l4a68d4kb] {
    margin-top: auto;
    padding-top: 1rem;
}

.principal-sidebar-footer form[b-1l4a68d4kb] {
    margin: 0;
}

.principal-logout[b-1l4a68d4kb] {
    --item-accent: var(--ds-danger);
    --sidebar-link-background: color-mix(in srgb, var(--ds-danger) 3%, transparent);
    --sidebar-link-border: color-mix(in srgb, var(--ds-danger) 15%, transparent);
}

.principal-logout:hover[b-1l4a68d4kb] {
    --sidebar-link-hover-color: var(--ds-danger-strong);
    --sidebar-link-hover-background: color-mix(in srgb, var(--ds-danger) 9%, transparent);
    --sidebar-link-border: color-mix(in srgb, var(--ds-danger) 36%, transparent);
}

@media (max-width: 991.98px) {
    .principal-sidebar[b-1l4a68d4kb] {
        width: 5.25rem;
        padding-inline: .6rem;
    }

    .principal-sidebar-logo[b-1l4a68d4kb] {
        min-height: 4.45rem;
        margin-bottom: .65rem;
        padding: .2rem 0 .65rem;
    }

    .principal-sidebar-logo img[b-1l4a68d4kb] {
        width: 3.35rem;
        max-height: 3.35rem;
    }

    .principal-sidebar-logo-caption[b-1l4a68d4kb] {
        display: none;
    }

    .principal-sidebar-brand-name[b-1l4a68d4kb] {
        display: none;
    }

    .principal-nav-link > span:not(.principal-nav-icon, .principal-nav-chevron)[b-1l4a68d4kb],
    .principal-logout > span:not(.principal-nav-icon)[b-1l4a68d4kb] {
        display: none;
    }

    .principal-nav-link[b-1l4a68d4kb],
    .principal-logout[b-1l4a68d4kb] {
        min-height: 3.3rem;
        padding: .4rem;
        justify-content: center;
    }

    .principal-nav-chevron[b-1l4a68d4kb] {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .principal-sidebar[b-1l4a68d4kb] {
        inset-block-start: auto;
        inset-inline: 0;
        width: auto;
        height: 4.75rem;
        padding: .48rem .35rem;
        overflow: hidden;
        border-block-start: 1px solid var(--sidebar-shell-border);
        border-inline-end: 0;
        flex-direction: row;
        align-items: center;
        gap: .2rem;
    }

    .principal-sidebar-logo[b-1l4a68d4kb] {
        width: 3.25rem;
        min-height: 0;
        margin: 0 .1rem;
        padding: 0;
        border: 0;
        flex: 0 0 3.25rem;
    }

    .principal-sidebar-logo img[b-1l4a68d4kb] {
        width: 2.9rem;
        max-height: 2.9rem;
    }

    .principal-sidebar-logo-caption[b-1l4a68d4kb] {
        display: none;
    }

    .principal-nav[b-1l4a68d4kb] {
        display: flex;
        min-width: 0;
        overflow-x: auto;
        overflow-y: hidden;
        flex: 1;
        gap: .25rem;
        scrollbar-width: none;
        overscroll-behavior-inline: contain;
    }

    .principal-nav[b-1l4a68d4kb]::-webkit-scrollbar {
        display: none;
    }

    .principal-nav-link[b-1l4a68d4kb],
    .principal-logout[b-1l4a68d4kb] {
        width: 3.45rem;
        min-width: 3.45rem;
        min-height: 3.45rem;
        padding: .42rem;
        flex: 0 0 3.45rem;
        justify-content: center;
    }

    .principal-nav-link[b-1l4a68d4kb]::before {
        inset-block: auto 0;
        inset-inline: .85rem;
        width: auto;
        height: 3px;
        border-radius: 999px 999px 0 0;
        transform: scaleX(.4);
    }

    .principal-nav-link.active[b-1l4a68d4kb]::before {
        transform: scaleX(1);
    }

    .principal-nav-icon[b-1l4a68d4kb] {
        width: 2.35rem;
        height: 2.35rem;
        flex-basis: 2.35rem;
    }

    .principal-sidebar-footer[b-1l4a68d4kb] {
        margin: 0;
        padding: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .principal-nav-link[b-1l4a68d4kb],
    .principal-logout[b-1l4a68d4kb],
    .principal-nav-link[b-1l4a68d4kb]::before,
    .principal-nav-icon[b-1l4a68d4kb],
    .principal-nav-chevron[b-1l4a68d4kb] {
        transition: none;
    }
}
/* /Components/Layout/PrincipalTopBar.razor.rz.scp.css */
.principal-topbar[b-u1iwik7dyz] {
    --topbar-bg: var(--ds-background);
    --topbar-surface: var(--ds-input);
    --topbar-surface-raised: var(--ds-input);
    --topbar-border: var(--ds-window-border);
    --topbar-border-strong: var(--ds-border);
    --topbar-text: var(--ds-text-primary);
    --topbar-muted: var(--ds-window-muted);
    --topbar-accent: var(--ds-primary);
    --topbar-shell-color: var(--topbar-text);
    --topbar-shell-background:
        radial-gradient(circle at 100% -80%, color-mix(in srgb, var(--topbar-accent) 8%, transparent), transparent 22rem),
        linear-gradient(105deg, var(--ds-background), var(--ds-window-surface) 58%, var(--ds-window-surface-raised));
    --topbar-shell-border: var(--topbar-border);
    --topbar-shell-shadow: 0 12px 30px color-mix(in srgb, var(--ds-shadow-base) 16%, transparent);
    --topbar-shell-filter: none;
    position: sticky;
    inset-block-start: .65rem;
    z-index: 1030;
    display: flex;
    min-width: 0;
    min-height: 5rem;
    margin: .65rem .75rem 0;
    padding: .7rem 1rem;
    border: 1px solid var(--topbar-shell-border);
    border-radius: 1rem;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
    direction: rtl;
}

.topbar-academic-year[b-u1iwik7dyz] {
    display: flex;
    flex: 0 1 auto;
    min-width: 0;
    max-width: min(34vw, 23rem);
    min-height: 3.2rem;
    padding: .55rem .9rem;
    color: var(--topbar-text);
    background: linear-gradient(145deg, color-mix(in srgb, var(--ds-input) 94%, transparent), color-mix(in srgb, var(--ds-window-surface-raised) 94%, transparent));
    border: 1px solid color-mix(in srgb, var(--topbar-accent) 34%, transparent);
    border-radius: 999px;
    align-items: center;
    gap: .58rem;
    white-space: nowrap;
    box-shadow: inset 0 1px color-mix(in srgb, var(--ds-text-on-accent) 4%, transparent),
        0 0 14px color-mix(in srgb, var(--topbar-accent) 7%, transparent);
}

.topbar-academic-year-label[b-u1iwik7dyz] {
    overflow: hidden;
    color: var(--ds-text-secondary);
    font-size: .85rem;
    font-weight: 700;
    text-overflow: ellipsis;
}

.topbar-academic-year strong[b-u1iwik7dyz] {
    overflow: hidden;
    color: var(--topbar-accent);
    font-size: 1.05rem;
    font-weight: 800;
    text-overflow: ellipsis;
}

.topbar-academic-year-icon[b-u1iwik7dyz] {
    display: grid;
    width: 2.05rem;
    height: 2.05rem;
    flex: 0 0 2.05rem;
    color: var(--topbar-accent);
    background: color-mix(in srgb, var(--topbar-accent) 9%, transparent);
    border: 1px solid color-mix(in srgb, var(--topbar-accent) 24%, transparent);
    border-radius: 50%;
    place-items: center;
}

.topbar-academic-year-icon[b-u1iwik7dyz]  .app-icon {
    width: 1rem;
    height: 1rem;
}

.topbar-divider[b-u1iwik7dyz] {
    width: 1px;
    height: 2.25rem;
    flex: 0 0 1px;
    background: color-mix(in srgb, var(--ds-border) 72%, transparent);
}

.topbar-school-identity[b-u1iwik7dyz] {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    align-items: center;
    gap: .7rem;
}

.topbar-school-identity strong[b-u1iwik7dyz] {
    min-width: 0;
    overflow: hidden;
    color: var(--topbar-text);
    font-size: clamp(1.15rem, 1.7vw, 1.45rem);
    font-weight: 700;
    line-height: 1.2;
    overflow-wrap: anywhere;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topbar-school-identity > span[b-u1iwik7dyz] {
    display: flex;
    flex-wrap: wrap;
    flex: 0 1 auto;
    min-width: 0;
    color: var(--topbar-muted);
    font-size: 0.75rem;
    align-items: baseline;
    gap: 0.3rem;
}

.topbar-school-identity bdi[b-u1iwik7dyz] {
    overflow: hidden;
    color: var(--topbar-accent);
    font-weight: 700;
    letter-spacing: .08em;
    text-overflow: ellipsis;
}

.topbar-school-code-copy[b-u1iwik7dyz] {
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;
    padding: 0;
    color: var(--topbar-accent);
    background: color-mix(in srgb, var(--topbar-accent) 9%, transparent);
    border: 1px solid color-mix(in srgb, var(--topbar-accent) 30%, transparent);
    border-radius: .58rem;
    cursor: pointer;
    place-items: center;
}

.topbar-school-code-copy:hover[b-u1iwik7dyz] {
    color: var(--ds-primary-hover);
    background: color-mix(in srgb, var(--topbar-accent) 14%, transparent);
    border-color: color-mix(in srgb, var(--topbar-accent) 58%, transparent);
    box-shadow: 0 0 13px color-mix(in srgb, var(--topbar-accent) 12%, transparent);
}

.topbar-school-code-copy:focus-visible[b-u1iwik7dyz] {
    outline: 2px solid color-mix(in srgb, var(--topbar-accent) 72%, transparent);
    outline-offset: 2px;
}

.topbar-school-code-copy[b-u1iwik7dyz]  .app-icon {
    width: 0.9rem;
    height: 0.9rem;
}

.topbar-school-code-copy-status[b-u1iwik7dyz] {
    position: absolute;
    inset-block-start: calc(100% + 0.25rem);
    inset-inline-start: 0;
    z-index: 2;
    padding: 0.2rem 0.45rem;
    color: var(--topbar-accent);
    background: var(--topbar-surface-raised);
    border: 1px solid var(--topbar-border);
    border-radius: .45rem;
    font-size: 0.68rem;
    font-weight: 700;
    box-shadow: var(--ds-shadow-sm);
}

.topbar-school-code-copy-status:empty[b-u1iwik7dyz] {
    display: none;
}

.topbar-school-code-copy-status.copy-failed[b-u1iwik7dyz] {
    color: var(--ds-danger-strong);
}

.principal-copy strong[b-u1iwik7dyz],
.principal-copy small[b-u1iwik7dyz] {
    display: block;
}

.principal-copy small[b-u1iwik7dyz] {
    color: var(--topbar-muted);
    font-size: 0.72rem;
}

.principal-account[b-u1iwik7dyz] {
    display: flex;
    flex: 0 0 auto;
    min-width: 0;
    align-items: center;
    gap: .65rem;
}

.principal-copy[b-u1iwik7dyz] {
    min-width: 0;
    max-width: clamp(8rem, 18vw, 16rem);
    line-height: 1.45;
}

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

.principal-copy strong[b-u1iwik7dyz] {
    color: var(--topbar-text);
    font-size: .86rem;
    font-weight: 700;
}

.notification-center[b-u1iwik7dyz] {
    position: relative;
}

.notification-button[b-u1iwik7dyz] {
    position: relative;
    display: grid;
    width: 2.7rem;
    height: 2.7rem;
    padding: 0;
    color: var(--ds-text-secondary);
    background: var(--ds-input);
    border: 1px solid var(--ds-border);
    border-radius: .82rem;
    cursor: pointer;
    place-items: center;
    transition: color 190ms ease, background-color 190ms ease,
        border-color 190ms ease, box-shadow 190ms ease;
}

.notification-button:hover[b-u1iwik7dyz],
.notification-button[aria-expanded="true"][b-u1iwik7dyz] {
    color: var(--topbar-text);
    background: var(--ds-surface);
    border-color: color-mix(in srgb, var(--topbar-accent) 42%, transparent);
    box-shadow: 0 0 13px color-mix(in srgb, var(--topbar-accent) 9%, transparent);
}

.notification-button:focus-visible[b-u1iwik7dyz] {
    outline: 2px solid color-mix(in srgb, var(--topbar-accent) 72%, transparent);
    outline-offset: 2px;
}

.notification-button[b-u1iwik7dyz]  .app-icon {
    width: 1.12rem;
    height: 1.12rem;
}

.notification-badge[b-u1iwik7dyz] {
    position: absolute;
    inset-block-start: -.48rem;
    inset-inline-start: -.55rem;
    display: inline-flex;
    min-width: 1.5rem;
    height: 1.5rem;
    padding-inline: .32rem;
    color: var(--ds-text-on-accent);
    background: var(--ds-danger);
    border: 2px solid var(--ds-window-surface);
    border-radius: 999px;
    align-items: center;
    justify-content: center;
    font-size: .76rem;
    font-weight: 800;
    line-height: 1;
    box-shadow: 0 0 8px color-mix(in srgb, var(--ds-danger) 55%, transparent);
}

.notification-backdrop[b-u1iwik7dyz] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1070;
    background: transparent;
    cursor: default;
}

.notification-popover[b-u1iwik7dyz] {
    position: absolute;
    inset-block-start: calc(100% + 0.75rem);
    inset-inline-end: 0;
    z-index: 1080;
    width: min(25rem, calc(100vw - 2rem));
    overflow: hidden;
    color: var(--topbar-text);
    background: var(--ds-window-surface-raised);
    border: 1px solid var(--topbar-border-strong);
    border-radius: 1rem;
    box-shadow: var(--ds-shadow-lg);
}

.notification-popover-header[b-u1iwik7dyz] {
    display: flex;
    padding: 1rem;
    border-bottom: 1px solid var(--topbar-border);
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.notification-popover-header strong[b-u1iwik7dyz],
.notification-popover-header small[b-u1iwik7dyz] {
    display: block;
}

.notification-popover-header small[b-u1iwik7dyz] {
    margin-top: 0.2rem;
    color: var(--ds-text-secondary);
    font-size: 0.72rem;
}

.notification-close[b-u1iwik7dyz] {
    width: 2rem;
    height: 2rem;
    padding: 0;
    color: var(--topbar-muted);
    background: transparent;
    border: 1px solid var(--topbar-border);
    border-radius: 50%;
    font-size: 1.25rem;
    line-height: 1;
}

.notification-list[b-u1iwik7dyz] {
    max-height: min(27rem, 65vh);
    overflow-y: auto;
}

.notification-item[b-u1iwik7dyz] {
    display: flex;
    padding: 0.9rem 1rem;
    color: var(--topbar-text);
    border-bottom: 1px solid var(--topbar-border);
    align-items: flex-start;
    gap: 0.75rem;
    text-decoration: none;
    line-height: 1.7;
}

.notification-item:last-child[b-u1iwik7dyz] {
    border-bottom: 0;
}

a.notification-item:hover[b-u1iwik7dyz],
a.notification-item:focus-visible[b-u1iwik7dyz] {
    color: var(--topbar-text);
    background: color-mix(in srgb, var(--ds-warning) 9%, transparent);
}

.notification-item-static[b-u1iwik7dyz] {
    cursor: default;
}

.notification-item-financial > span:last-child[b-u1iwik7dyz],
.notification-item-financial strong[b-u1iwik7dyz],
.notification-item-financial small[b-u1iwik7dyz] { display: block; }
.notification-item-financial strong[b-u1iwik7dyz] { color: var(--topbar-text); font-size: .88rem; }
.notification-item-financial small[b-u1iwik7dyz] { margin-top: .18rem; color: var(--topbar-muted); font-size: .76rem; }
.notification-item-financial.due-today .notification-warning[b-u1iwik7dyz] { color: var(--ds-background); background: var(--topbar-accent); }

.notification-warning[b-u1iwik7dyz] {
    display: grid;
    flex: 0 0 auto;
    width: 1.65rem;
    height: 1.65rem;
    margin-top: 0.1rem;
    color: var(--ds-text-on-warning);
    background: var(--ds-warning);
    border-radius: 50%;
    font-weight: 700;
    place-items: center;
}

.notification-empty[b-u1iwik7dyz] {
    margin: 0;
    padding: 1.5rem 1rem;
    color: var(--topbar-muted);
    text-align: center;
}

.avatar[b-u1iwik7dyz] {
    display: grid;
    width: 2.7rem;
    height: 2.7rem;
    flex: 0 0 2.7rem;
    color: var(--ds-text-on-accent);
    background: linear-gradient(145deg, var(--ds-action-hover), var(--ds-primary-solid));
    border: 1px solid color-mix(in srgb, var(--topbar-accent) 42%, transparent);
    border-radius: 50%;
    font-weight: 700;
    place-items: center;
    box-shadow: 0 0 13px color-mix(in srgb, var(--topbar-accent) 12%, transparent);
}

@media (max-width: 1199.98px) {
    .principal-topbar[b-u1iwik7dyz] {
        padding-inline: .75rem;
        gap: .6rem;
    }

    .topbar-school-identity[b-u1iwik7dyz] {
        gap: .5rem;
    }

    .topbar-school-identity strong[b-u1iwik7dyz] {
        max-width: 14rem;
        font-size: 1.08rem;
    }

    .topbar-academic-year[b-u1iwik7dyz] {
        max-width: 15rem;
    }

    .topbar-academic-year-label[b-u1iwik7dyz],
    .topbar-school-code-label[b-u1iwik7dyz] {
        display: none;
    }

    .principal-copy[b-u1iwik7dyz] {
        max-width: 10rem;
    }
}

@media (max-width: 767.98px) {
    .principal-topbar[b-u1iwik7dyz] {
        min-height: 4.6rem;
        margin-inline: .5rem;
        padding: .55rem .6rem;
        gap: .45rem;
    }

    .topbar-divider[b-u1iwik7dyz] {
        display: none;
    }

    .topbar-school-identity[b-u1iwik7dyz] {
        flex: 1 1 auto;
        align-items: flex-start;
        flex-direction: column;
        gap: .12rem;
    }

    .topbar-school-identity strong[b-u1iwik7dyz] {
        width: 100%;
        max-width: none;
        font-size: 1rem;
    }

    .topbar-school-identity > span[b-u1iwik7dyz] {
        width: 100%;
        flex-wrap: nowrap;
        font-size: .66rem;
    }

    .topbar-school-code-copy[b-u1iwik7dyz] {
        width: 1.65rem;
        height: 1.65rem;
        flex-basis: 1.65rem;
    }

    .topbar-academic-year[b-u1iwik7dyz] {
        max-width: 8rem;
        min-height: 2.35rem;
        padding: .32rem .48rem;
    }

    .topbar-academic-year-icon[b-u1iwik7dyz] {
        width: 1.5rem;
        height: 1.5rem;
        flex-basis: 1.5rem;
    }

    .topbar-academic-year strong[b-u1iwik7dyz] {
        font-size: .82rem;
    }

    .principal-account[b-u1iwik7dyz] {
        gap: .4rem;
    }

    .principal-copy[b-u1iwik7dyz],
    .owner-account-copy[b-u1iwik7dyz] {
        display: none;
    }

    .notification-button[b-u1iwik7dyz],
    .avatar[b-u1iwik7dyz] {
        width: 2.45rem;
        height: 2.45rem;
        flex-basis: 2.45rem;
    }
}

@media (max-width: 575.98px) {
    .principal-topbar[b-u1iwik7dyz] {
        min-height: 4.35rem;
        margin-inline: .35rem;
        border-radius: .85rem;
    }

    .topbar-school-identity strong[b-u1iwik7dyz] {
        font-size: .9rem;
    }

    .topbar-academic-year[b-u1iwik7dyz] {
        max-width: 6.8rem;
    }

    .topbar-academic-year-icon[b-u1iwik7dyz] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .topbar-school-code-copy[b-u1iwik7dyz],
    .notification-button[b-u1iwik7dyz] {
        transition: none;
    }
}
/* /Components/Layout/TeacherLayout.razor.rz.scp.css */
#blazor-error-ui[b-5oor4hdel9] {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: none;
    padding: 0.75rem 1.25rem;
    color: var(--ds-warning-strong);
    background: var(--ds-warning-soft);
    border-top: 1px solid var(--ds-warning);
    box-shadow: 0 -2px 8px var(--ds-shadow-color-soft);
}

#blazor-error-ui .reload[b-5oor4hdel9] {
    margin-inline-start: 0.5rem;
}

#blazor-error-ui .dismiss[b-5oor4hdel9] {
    position: absolute;
    inset-inline-end: 0.75rem;
    cursor: pointer;
}
/* /Components/Layout/TeacherShell.razor.rz.scp.css */
.teacher-shell[b-z05c39ngzq] {
    --teacher-sidebar-width: 17rem;
    min-height: 100vh;
    color: var(--ds-text-primary);
    background: var(--ds-background);
}

.teacher-surface[b-z05c39ngzq] {
    min-width: 0;
    min-height: 100vh;
    margin-inline-start: var(--teacher-sidebar-width);
}

.teacher-topbar[b-z05c39ngzq] {
    position: sticky;
    inset-block-start: 0;
    z-index: 1030;
    display: flex;
    min-height: 4.75rem;
    padding: 0.8rem 1.5rem;
    background: var(--ds-surface-translucent);
    border-bottom: 1px solid var(--ds-border);
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    backdrop-filter: blur(12px);
}

.teacher-context[b-z05c39ngzq] {
    display: flex;
    min-width: 0;
    align-items: baseline;
    gap: 0.65rem;
}

.teacher-context strong[b-z05c39ngzq] {
    color: var(--ds-text-primary);
    font-size: clamp(1.35rem, 2vw, 1.7rem);
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.teacher-context-year[b-z05c39ngzq] {
    flex: 0 0 auto;
    color: var(--ds-text-secondary);
    font-size: 0.86rem;
    font-weight: 600;
    white-space: nowrap;
}

.teacher-account[b-z05c39ngzq] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.65rem;
}

.teacher-avatar[b-z05c39ngzq] {
    display: grid;
    width: 2.7rem;
    height: 2.7rem;
    flex: 0 0 auto;
    color: var(--ds-text-on-accent);
    background: var(--ds-primary-solid);
    border-radius: 50%;
    font-weight: 700;
    place-items: center;
}

.teacher-account-copy[b-z05c39ngzq] {
    min-width: 0;
}

.teacher-account-copy strong[b-z05c39ngzq] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.teacher-content[b-z05c39ngzq] {
    min-width: 0;
    padding: 1.5rem;
}

.teacher-global-back[b-z05c39ngzq] {
    display: inline-flex;
    margin-bottom: 1rem;
    padding: .5rem .8rem;
    align-items: center;
    gap: .4rem;
    color: var(--ds-text-primary);
    background: var(--ds-surface);
    border: 1px solid var(--ds-border);
    border-radius: .65rem;
    font-size: .85rem;
    font-weight: 700;
    text-decoration: none;
}

.teacher-global-back:hover[b-z05c39ngzq],
.teacher-global-back:focus-visible[b-z05c39ngzq] {
    color: var(--ds-primary);
    background: var(--ds-primary-soft);
    border-color: var(--ds-primary);
    outline: none;
}

@media (max-width: 991.98px) {
    .teacher-shell[b-z05c39ngzq] {
        --teacher-sidebar-width: 5.25rem;
    }

    .teacher-content[b-z05c39ngzq] {
        padding: 1rem;
    }
}

@media (max-width: 575.98px) {
    .teacher-shell[b-z05c39ngzq] {
        --teacher-sidebar-width: 0rem;
        padding-bottom: 5rem;
    }

    .teacher-surface[b-z05c39ngzq] {
        margin-inline-start: 0;
    }

    .teacher-topbar[b-z05c39ngzq] {
        padding-inline: 1rem;
    }

    .teacher-context strong[b-z05c39ngzq] {
        font-size: clamp(1.05rem, 5vw, 1.35rem);
    }

    .teacher-context[b-z05c39ngzq] {
        gap: 0.4rem;
    }

    .teacher-context-year[b-z05c39ngzq] {
        max-width: 7rem;
        overflow: hidden;
        font-size: 0.72rem;
        text-overflow: ellipsis;
    }
}
/* /Components/Layout/TeacherSidebar.razor.rz.scp.css */
.teacher-sidebar[b-ry15ero30z] {
    position: fixed;
    inset-block: 0;
    inset-inline-start: 0;
    z-index: 1040;
    display: flex;
    width: 17rem;
    padding: 1.25rem 1rem;
    overflow-y: auto;
    color: var(--ds-text-primary);
    background: linear-gradient(180deg, var(--ds-sidebar) 0%, var(--ds-sidebar-raised) 100%);
    border-inline-end: 1px solid var(--ds-border);
    flex-direction: column;
    box-shadow: -10px 0 32px var(--ds-shadow-color-soft);
}

.teacher-brand[b-ry15ero30z] {
    font-family: var(--sp-font-family);
    flex-direction: column;
    gap: 0.3rem;
    display: flex;
    width: 100%;
    min-width: 0;
    padding: 0.25rem 0.35rem 1.25rem;
    color: var(--ds-text-primary);
    text-decoration: none;
    align-items: center;
    justify-content: center;
}

.teacher-brand img[b-ry15ero30z] {
    display: block;
    width: min(100%, 13rem);
    height: auto;
    max-height: 5.25rem;
    object-fit: contain;
}

.teacher-brand-copy[b-ry15ero30z] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    text-align: center;
}

.teacher-brand-name[b-ry15ero30z] {
    font-size: 1.4rem;
    font-weight: 800;
}

.teacher-brand-tagline[b-ry15ero30z] {
    color: var(--ds-text-secondary);
    font-size: 0.9rem;
}

.teacher-nav[b-ry15ero30z] {
    display: grid;
    gap: 0.45rem;
}

.teacher-nav-link[b-ry15ero30z],
.teacher-logout[b-ry15ero30z] {
    display: flex;
    width: 100%;
    min-height: 2.85rem;
    padding: 0.72rem 0.85rem;
    color: var(--ds-text-secondary);
    background: transparent;
    border: 0;
    border-radius: 0.75rem;
    font-weight: 700;
    text-align: start;
    text-decoration: none;
    align-items: center;
    gap: 0.75rem;
}

.teacher-nav-link:hover[b-ry15ero30z],
.teacher-logout:hover[b-ry15ero30z] {
    color: var(--ds-text-primary);
    background: var(--ds-hover);
}

.teacher-nav-link.active[b-ry15ero30z] {
    color: var(--ds-text-primary);
    background: var(--ds-selected);
    border-inline-start: 0.2rem solid var(--ds-primary);
    box-shadow: none;
}

.teacher-sidebar-footer[b-ry15ero30z] {
    margin-top: auto;
    padding-top: 1rem;
}

.teacher-sidebar-footer form[b-ry15ero30z] {
    margin: 0;
}

@media (max-width: 991.98px) {
    .teacher-sidebar[b-ry15ero30z] {
        width: 5.25rem;
        padding-inline: 0.7rem;
    }

    .teacher-brand[b-ry15ero30z] {
        justify-content: center;
    }

    .teacher-brand-copy[b-ry15ero30z] {
        display: none;
    }

    .teacher-brand img[b-ry15ero30z] {
        width: 3.5rem;
        max-height: 3.5rem;
    }

    .teacher-nav-link span[b-ry15ero30z],
    .teacher-logout span[b-ry15ero30z] {
        display: none;
    }

    .teacher-nav-link[b-ry15ero30z],
    .teacher-logout[b-ry15ero30z] {
        justify-content: center;
    }
}

@media (max-width: 575.98px) {
    .teacher-sidebar[b-ry15ero30z] {
        inset-block-start: auto;
        inset-inline: 0;
        width: auto;
        height: 4.5rem;
        padding: 0.6rem 1rem;
        overflow: visible;
        flex-direction: row;
        align-items: center;
    }

    .teacher-brand[b-ry15ero30z] {
        display: none;
    }

    .teacher-nav[b-ry15ero30z] {
        display: flex;
        flex: 1;
    }

    .teacher-nav-link[b-ry15ero30z] {
        flex: 1;
        justify-content: center;
    }

    .teacher-nav-link span[b-ry15ero30z],
    .teacher-logout span[b-ry15ero30z] {
        display: none;
    }

    .teacher-sidebar-footer[b-ry15ero30z] {
        margin: 0;
        padding: 0;
    }
}
/* /Components/Pages/Error.razor.rz.scp.css */
.request-error-page[b-t8mlofw585] {
    display: grid;
    min-height: min(42rem, 80vh);
    padding: clamp(1rem, 4vw, 2.5rem);
    background: var(--ds-background);
    place-items: center;
}

.request-error-card[b-t8mlofw585] {
    width: min(34rem, 100%);
    padding: clamp(1.25rem, 4vw, 2rem);
    color: var(--ds-text-primary);
    background: var(--ds-surface);
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-lg);
    box-shadow: var(--ds-shadow-lg);
    text-align: center;
}

.request-error-icon[b-t8mlofw585] {
    display: grid;
    width: 3rem;
    height: 3rem;
    margin: 0 auto 0.85rem;
    color: var(--ds-warning-strong);
    background: var(--ds-warning-soft);
    border: 1px solid var(--ds-warning);
    border-radius: 50%;
    font-size: 1.35rem;
    font-weight: 700;
    place-items: center;
}

.request-error-card h1[b-t8mlofw585] {
    margin: 0;
    font-size: clamp(1.35rem, 4vw, 1.8rem);
}

.request-error-card p[b-t8mlofw585] {
    margin: 0.65rem 0 0;
    color: var(--ds-text-secondary);
    line-height: 1.8;
}

.request-error-actions[b-t8mlofw585] {
    display: flex;
    margin-top: 1.25rem;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.65rem;
}

.request-error-actions .btn[b-t8mlofw585] {
    min-width: 9rem;
}

.request-error-card small[b-t8mlofw585] {
    display: block;
    margin-top: 1rem;
    color: var(--ds-text-secondary);
    overflow-wrap: anywhere;
}

@media (max-width: 420px) {
    .request-error-actions[b-t8mlofw585],
    .request-error-actions .btn[b-t8mlofw585] {
        width: 100%;
    }
}
/* /Components/Platform/Pages/Home.razor.rz.scp.css */
:host[b-1vbavtfbjo] {
    display: flex;
    width: 100%;
    min-width: 0;
    flex: 1;
}

.home-hero[b-1vbavtfbjo] {
    position: relative;
    display: grid;
    width: min(100% - 2rem, 96rem);
    min-height: calc(100svh - 7.5rem);
    min-height: calc(100dvh - 7.5rem);
    margin: 0 auto 1rem;
    overflow: hidden;
    background: var(--ds-sidebar);
    border-radius: 1.75rem;
    box-shadow: 0 1.5rem 4rem var(--ds-shadow-color);
    isolation: isolate;
    place-items: center;
}

.home-hero-background[b-1vbavtfbjo],
.home-hero-overlay[b-1vbavtfbjo] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.home-hero-background[b-1vbavtfbjo] {
    z-index: -2;
    background-image: url('/images/assehel-home.webp');
    background-size: cover;
    background-position: 55% 45%;
    background-repeat: no-repeat;
}

.home-hero-overlay[b-1vbavtfbjo] {
    z-index: -1;
    background:
        linear-gradient(180deg, var(--ds-hero-overlay-soft), var(--ds-hero-overlay)),
        linear-gradient(90deg, var(--ds-hero-overlay), transparent 50%, var(--ds-hero-overlay));
}

.home-hero-content[b-1vbavtfbjo] {
    width: min(100%, 58rem);
    min-width: 0;
    box-sizing: border-box;
    padding: clamp(2rem, 6vw, 5rem);
    color: var(--ds-text-on-accent);
    text-align: center;
}

.home-hero-title[b-1vbavtfbjo] {
    margin: 0;
    color: var(--ds-text-on-accent);
    text-shadow: 0 0.25rem 1.5rem var(--ds-shadow-color);
}

.home-identity-name[b-1vbavtfbjo],
.home-identity-tagline[b-1vbavtfbjo] {
    display: block;
}

.home-identity-name[b-1vbavtfbjo] {
    font-size: clamp(2.75rem, 7vw, 5.75rem);
    font-weight: 700;
    line-height: 1.12;
}

.home-identity-tagline[b-1vbavtfbjo] {
    margin-top: 0.2rem;
    font-size: clamp(1.15rem, 3vw, 2rem);
    font-weight: 600;
    line-height: 1.35;
}

.home-hero-copy[b-1vbavtfbjo] {
    max-width: 46rem;
    margin: 1rem auto 0;
    color: var(--ds-text-on-accent);
    font-size: clamp(1.05rem, 2.5vw, 1.55rem);
    font-weight: 400;
    line-height: 1.8;
    text-shadow: 0 0.15rem 0.8rem var(--ds-shadow-color);
}

.home-primary-action[b-1vbavtfbjo] {
    display: inline-flex;
    min-width: min(12rem, 100%);
    max-width: 100%;
    box-sizing: border-box;
    min-height: 3.6rem;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
    padding: 0.8rem 2.25rem;
    color: var(--ds-text-on-accent);
    background: var(--ds-primary-solid);
    border: 1px solid var(--ds-primary-solid);
    border-radius: 0.9rem;
    box-shadow: 0 1rem 2.5rem var(--ds-shadow-color);
    font-size: 1.08rem;
    font-weight: 700;
    text-decoration: none;
    transition:
        background-color 160ms ease,
        border-color 160ms ease,
        transform 160ms ease,
        box-shadow 160ms ease;
}

.home-primary-action:hover[b-1vbavtfbjo] {
    color: var(--ds-text-on-accent);
    background: var(--ds-primary-solid-hover);
    border-color: var(--ds-primary-solid-hover);
    box-shadow: 0 1.2rem 2.75rem var(--ds-shadow-color);
    transform: translateY(-2px);
}

.home-primary-action:focus-visible[b-1vbavtfbjo] {
    outline: 0.2rem solid var(--ds-focus);
    outline-offset: 0.25rem;
}

@media (max-width: 767.98px) {
    .home-hero[b-1vbavtfbjo] {
        width: 100%;
        min-height: calc(100svh - 5.5rem);
        min-height: calc(100dvh - 5.5rem);
        margin-bottom: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .home-hero-content[b-1vbavtfbjo] {
        padding: 2rem 1.25rem;
    }

    .home-primary-action[b-1vbavtfbjo] {
        width: min(100%, 18rem);
    }
}

/* Keep the teacher and pupils in view when cover crops the landscape photo. */
@media (orientation: portrait) {
    .home-hero-background[b-1vbavtfbjo] {
        background-position: 70% center;
    }
}

@media (min-width: 768px) and (orientation: portrait) {
    .home-hero-background[b-1vbavtfbjo] {
        background-position: 65% center;
    }
}

@media (max-height: 540px) and (orientation: landscape) {
    .home-hero-background[b-1vbavtfbjo] {
        background-position: 60% 40%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-primary-action[b-1vbavtfbjo] {
        transition: none;
    }
}
/* /Components/Schools/AccountStatementPagination.razor.rz.scp.css */
.account-statement-page-controls[b-gicrzqhs6f] {
    display: grid;
    gap: .75rem;
    margin-top: 1rem;
}

.account-statement-page-summary[b-gicrzqhs6f],
.account-statement-pagination[b-gicrzqhs6f],
.account-statement-paging-status[b-gicrzqhs6f] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.account-statement-page-summary[b-gicrzqhs6f] {
    justify-content: flex-end;
}

.account-statement-page-summary .form-select[b-gicrzqhs6f] {
    width: auto;
    min-width: 4.5rem;
}

.account-statement-pagination[b-gicrzqhs6f] {
    flex-wrap: wrap;
    justify-content: center;
}

.account-statement-pagination-ellipsis[b-gicrzqhs6f] {
    padding-inline: .25rem;
    color: var(--ds-text-secondary);
}

.account-statement-paging-status[b-gicrzqhs6f] {
    justify-content: center;
    color: var(--ds-text-secondary);
    font-size: .9rem;
}
/* /Components/Schools/FinalResultsStudentSearch.razor.rz.scp.css */
.final-results-search[b-826bkc9mdd] {
    flex: 0 0 auto;
    direction: rtl;
    font-family: "Cairo", "Segoe UI", sans-serif;
}

.student-search-trigger[b-826bkc9mdd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-height: 2.75rem;
    padding: 0.65rem 1rem;
    color: var(--ds-text-on-accent);
    background: var(--ds-primary-solid);
    border: 0;
    border-radius: 0.78rem;
    box-shadow: 0 10px 24px var(--ds-shadow-color);
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.student-search-trigger:hover[b-826bkc9mdd],
.student-search-trigger:focus-visible[b-826bkc9mdd] {
    background: var(--ds-primary-solid-hover);
    box-shadow: 0 13px 28px var(--ds-shadow-color);
    transform: translateY(-1px);
}

.student-search-trigger :deep(.app-icon)[b-826bkc9mdd] {
    width: 1.05rem;
    height: 1.05rem;
}

.student-search-backdrop[b-826bkc9mdd] {
    position: fixed;
    z-index: 1200;
    inset: 0;
    display: grid;
    padding: 1rem;
    overflow-y: auto;
    place-items: center;
    background: var(--ds-overlay);
    backdrop-filter: blur(3px);
}

.student-search-dialog[b-826bkc9mdd] {
    width: min(100%, 62rem);
    max-height: calc(100dvh - 2rem);
    overflow: hidden;
    color: var(--ds-text-primary);
    background: var(--ds-primary-soft);
    border: 1px solid var(--ds-border);
    border-radius: 1.1rem;
    box-shadow: 0 28px 80px var(--ds-shadow-color);
}

.student-search-dialog-header[b-826bkc9mdd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.15rem 1.25rem;
    color: var(--ds-text-on-accent);
    background:
        radial-gradient(circle at 12% 0%, var(--ds-selected), transparent 12rem),
        var(--ds-primary-solid);
}

.student-search-dialog-header > div > span[b-826bkc9mdd] {
    color: var(--ds-text-on-accent);
    font-size: 0.68rem;
    font-weight: 700;
}

.student-search-dialog-header h2[b-826bkc9mdd] {
    margin: 0.1rem 0;
    color: var(--ds-text-on-accent);
    font-size: 1.22rem;
}

.student-search-dialog-header p[b-826bkc9mdd] {
    margin: 0;
    color: var(--ds-text-on-accent);
    font-size: 0.76rem;
}

.student-search-close[b-826bkc9mdd] {
    display: inline-grid;
    flex: 0 0 auto;
    width: 2.15rem;
    height: 2.15rem;
    padding: 0;
    color: var(--ds-text-on-accent);
    background: var(--ds-hover);
    border: 1px solid var(--ds-border);
    border-radius: 999px;
    place-items: center;
    font-size: 1.35rem;
    line-height: 1;
    cursor: pointer;
}

.student-search-dialog-body[b-826bkc9mdd] {
    max-height: calc(100dvh - 9rem);
    padding: 1.2rem;
    overflow-y: auto;
}

.student-search-fields[b-826bkc9mdd] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.75rem;
}

.student-search-fields > div[b-826bkc9mdd] {
    grid-column: span 2;
}

.student-search-fields > div:nth-child(4)[b-826bkc9mdd],
.student-search-fields > div:nth-child(5)[b-826bkc9mdd] {
    grid-column: span 3;
}

.student-search-fields label[b-826bkc9mdd] {
    display: block;
    margin-bottom: 0.28rem;
    color: var(--ds-text-primary);
    font-size: 0.72rem;
    font-weight: 700;
}

.student-search-fields input[b-826bkc9mdd],
.student-search-fields select[b-826bkc9mdd] {
    width: 100%;
    min-height: 2.7rem;
    padding: 0.58rem 0.7rem;
    color: var(--ds-text-primary);
    background: var(--ds-surface);
    border: 1px solid var(--ds-primary);
    border-radius: 0.68rem;
    font: inherit;
    font-size: 0.78rem;
    outline: none;
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

.student-search-fields input:focus[b-826bkc9mdd],
.student-search-fields select:focus[b-826bkc9mdd] {
    border-color: var(--ds-primary);
    box-shadow: 0 0 0 0.2rem var(--ds-shadow-color-soft);
}

.student-search-fields select:disabled[b-826bkc9mdd] {
    color: var(--ds-text-secondary);
    background: var(--ds-primary-soft);
    cursor: not-allowed;
}

.student-search-actions[b-826bkc9mdd] {
    display: flex;
    gap: 0.55rem;
    margin-top: 0.9rem;
}

.student-search-actions button[b-826bkc9mdd] {
    min-height: 2.55rem;
    padding: 0.55rem 1rem;
    border: 0;
    border-radius: 0.68rem;
    font: inherit;
    font-size: 0.77rem;
    font-weight: 700;
    cursor: pointer;
}

.student-search-actions button:disabled[b-826bkc9mdd] {
    cursor: wait;
    opacity: 0.66;
}

.search-submit[b-826bkc9mdd] {
    min-width: 7rem;
    color: var(--ds-text-on-accent);
    background: var(--ds-primary-solid);
}

.search-reset[b-826bkc9mdd] {
    color: var(--ds-text-primary);
    background: var(--ds-primary-soft);
}

.student-search-errors[b-826bkc9mdd] {
    margin-top: 0.8rem;
    padding: 0.7rem 0.85rem;
    color: var(--ds-danger-strong);
    background: var(--ds-danger-soft);
    border: 1px solid var(--ds-danger);
    border-radius: 0.68rem;
    font-size: 0.76rem;
}

.student-search-results[b-826bkc9mdd] {
    margin-top: 1.15rem;
    padding-top: 1rem;
    border-top: 1px solid var(--ds-primary);
}

.student-search-results-heading[b-826bkc9mdd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.65rem;
}

.student-search-results-heading h3[b-826bkc9mdd] {
    margin: 0;
    color: var(--ds-text-primary);
    font-size: 0.95rem;
}

.student-search-results-heading span[b-826bkc9mdd] {
    padding: 0.25rem 0.55rem;
    color: var(--ds-primary);
    background: var(--ds-primary-soft);
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
}

.student-search-result-list[b-826bkc9mdd] {
    display: grid;
    gap: 0.55rem;
}

.student-search-result[b-826bkc9mdd] {
    display: grid;
    width: 100%;
    grid-template-columns: auto minmax(8rem, 1.2fr) minmax(16rem, 2fr) auto;
    align-items: center;
    gap: 0.75rem;
    padding: 0.72rem;
    color: inherit;
    background: var(--ds-surface);
    border: 1px solid var(--ds-primary);
    border-radius: 0.78rem;
    font: inherit;
    text-align: right;
    text-decoration: none;
    cursor: pointer;
    transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

.student-search-result:hover[b-826bkc9mdd],
.student-search-result:focus-visible[b-826bkc9mdd] {
    border-color: var(--ds-primary);
    box-shadow: 0 8px 20px var(--ds-shadow-color-soft);
    transform: translateY(-1px);
}

.student-result-avatar[b-826bkc9mdd] {
    display: inline-grid;
    width: 2.35rem;
    height: 2.35rem;
    color: var(--ds-primary);
    background: var(--ds-primary-soft);
    border-radius: 0.7rem;
    place-items: center;
    font-weight: 700;
}

.student-result-main[b-826bkc9mdd] {
    display: grid;
    min-width: 0;
}

.student-result-main strong[b-826bkc9mdd] {
    overflow: hidden;
    color: var(--ds-text-primary);
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.student-result-main > span[b-826bkc9mdd] {
    overflow: hidden;
    color: var(--ds-text-secondary);
    font-size: 0.67rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.student-result-details[b-826bkc9mdd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.45rem;
}

.student-result-details > span[b-826bkc9mdd] {
    display: grid;
    color: var(--ds-text-primary);
    font-size: 0.7rem;
}

.student-result-details small[b-826bkc9mdd] {
    color: var(--ds-text-secondary);
    font-size: 0.61rem;
}

.student-result-open[b-826bkc9mdd] {
    color: var(--ds-primary);
    font-size: 0.68rem;
    font-weight: 700;
    white-space: nowrap;
}

.student-search-empty[b-826bkc9mdd],
.student-search-limit-note[b-826bkc9mdd] {
    padding: 1rem;
    color: var(--ds-text-secondary);
    background: var(--ds-surface);
    border: 1px dashed var(--ds-primary);
    border-radius: 0.75rem;
    font-size: 0.74rem;
    text-align: center;
}

.student-search-limit-note[b-826bkc9mdd] {
    margin: 0.65rem 0 0;
    padding: 0.55rem;
}

@media (max-width: 767.98px) {
    .student-search-trigger[b-826bkc9mdd] {
        width: 100%;
    }

    .student-search-fields[b-826bkc9mdd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .student-search-fields > div[b-826bkc9mdd],
    .student-search-fields > div:nth-child(4)[b-826bkc9mdd],
    .student-search-fields > div:nth-child(5)[b-826bkc9mdd] {
        grid-column: span 1;
    }

    .student-search-result[b-826bkc9mdd] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .student-result-details[b-826bkc9mdd] {
        grid-column: 1 / -1;
        padding-top: 0.45rem;
        border-top: 1px solid var(--ds-border);
    }
}

@media (max-width: 520px) {
    .student-search-backdrop[b-826bkc9mdd] {
        align-items: end;
        padding: 0;
    }

    .student-search-dialog[b-826bkc9mdd] {
        max-height: 94dvh;
        border-radius: 1rem 1rem 0 0;
    }

    .student-search-dialog-body[b-826bkc9mdd] {
        max-height: calc(94dvh - 7.5rem);
        padding: 0.9rem;
    }

    .student-search-fields[b-826bkc9mdd] {
        grid-template-columns: 1fr;
    }

    .student-search-actions button[b-826bkc9mdd] {
        flex: 1 1 0;
    }

    .student-search-result[b-826bkc9mdd] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .student-result-open[b-826bkc9mdd] {
        grid-column: 1 / -1;
        text-align: left;
    }

    .student-result-details[b-826bkc9mdd] {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .student-search-trigger[b-826bkc9mdd],
    .student-search-result[b-826bkc9mdd] {
        transition: none;
    }
}
/* /Components/Schools/FinalResultsStudentWorkspace.razor.rz.scp.css */
.final-results-student-workspace[b-l863k1mtj6] {
    display: contents;
    direction: rtl;
    font-family: "Cairo", "Segoe UI", sans-serif;
}
/* /Components/Schools/InstallmentReportPagination.razor.rz.scp.css */
.installment-report-page-controls[b-ai6e2goyf5] {
    display: grid;
    gap: .75rem;
    margin-top: 1rem;
}

.installment-report-page-summary[b-ai6e2goyf5],
.installment-report-pagination[b-ai6e2goyf5],
.installment-report-paging-status[b-ai6e2goyf5] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.installment-report-page-summary[b-ai6e2goyf5] {
    justify-content: flex-end;
}

.installment-report-page-summary .form-select[b-ai6e2goyf5] {
    width: auto;
    min-width: 4.5rem;
}

.installment-report-pagination[b-ai6e2goyf5] {
    flex-wrap: wrap;
    justify-content: center;
}

.installment-report-pagination-ellipsis[b-ai6e2goyf5] {
    padding-inline: .25rem;
    color: var(--ds-text-secondary);
}

.installment-report-paging-status[b-ai6e2goyf5] {
    justify-content: center;
    color: var(--ds-text-secondary);
    font-size: .9rem;
}
/* /Components/Schools/Pages/AssignSchoolEmployee.razor.rz.scp.css */
.assignment-heading[b-l821rf5caw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.assignment-heading h1[b-l821rf5caw] {
    margin: .25rem 0 .45rem;
    color: var(--assignment-text);
    font-size: clamp(1.75rem, 3vw, 2.35rem);
    font-weight: 700;
}

.assignment-heading p[b-l821rf5caw],
.step-heading p[b-l821rf5caw] {
    margin: 0;
    color: var(--assignment-muted);
}

.assignment-eyebrow[b-l821rf5caw] {
    color: var(--assignment-accent);
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .03em;
}

.assignment-card[b-l821rf5caw] {
    margin-bottom: 1.25rem;
    padding: 1.5rem;
    border: 1px solid var(--assignment-border);
    border-radius: 1rem;
    background: linear-gradient(145deg, var(--assignment-raised), var(--assignment-surface));
    box-shadow: 0 16px 38px color-mix(in srgb, var(--ds-shadow-base) 20%, transparent);
}

.step-heading[b-l821rf5caw] {
    display: flex;
    align-items: flex-start;
    gap: .85rem;
    margin-bottom: 1.25rem;
}

.step-heading h2[b-l821rf5caw] {
    margin: 0 0 .3rem;
    color: var(--assignment-text);
    font-size: 1.15rem;
    font-weight: 600;
}

.step-number[b-l821rf5caw] {
    display: inline-grid;
    flex: 0 0 2.1rem;
    width: 2.1rem;
    height: 2.1rem;
    place-items: center;
    border-radius: 50%;
    color: var(--ds-background);
    background: var(--assignment-accent);
    font-weight: 700;
}

.employee-type-form[b-l821rf5caw] {
    max-width: 44rem;
}

.type-selection-row[b-l821rf5caw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .75rem;
}

.form-grid[b-l821rf5caw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
}

.field-wide[b-l821rf5caw] {
    grid-column: 1 / -1;
}

.form-actions[b-l821rf5caw] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.5rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--assignment-border);
}

@media (max-width: 767.98px) {
    .assignment-heading[b-l821rf5caw] {
        flex-direction: column;
    }

    .assignment-heading > .btn[b-l821rf5caw] {
        width: 100%;
    }

    .assignment-card[b-l821rf5caw] {
        padding: 1.1rem;
    }

    .type-selection-row[b-l821rf5caw],
    .form-grid[b-l821rf5caw] {
        grid-template-columns: 1fr;
    }

    .field-wide[b-l821rf5caw] {
        grid-column: auto;
    }

    .type-selection-row .btn[b-l821rf5caw],
    .form-actions .btn[b-l821rf5caw] {
        width: 100%;
    }
}

.assignment-page[b-l821rf5caw]  :is(.form-control, .form-select) {
    color: var(--assignment-text);
    background-color: var(--ds-input);
    border-color: var(--ds-border);
}

.assignment-page[b-l821rf5caw]  :is(.form-control, .form-select):focus {
    color: var(--assignment-text);
    background-color: var(--ds-input);
    border-color: var(--assignment-accent);
    box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--ds-primary) 12%, transparent);
}

.assignment-page[b-l821rf5caw]  .form-label {
    color: var(--ds-text-secondary);
}

.assignment-page[b-l821rf5caw]  :is(.form-text, .validation-message) {
    color: var(--assignment-muted);
}

.assignment-page[b-l821rf5caw]  .btn-primary {
    color: var(--ds-window-text);
    background: var(--ds-action-bg);
    border-color: var(--ds-action-border);
    font-weight: 750;
    box-shadow: none;
}

.assignment-page[b-l821rf5caw]  .btn-primary:hover {
    color: var(--ds-action-text-hover);
    background: var(--ds-action-hover);
    border-color: var(--ds-action-border-hover);
    box-shadow: none;
}

.assignment-page[b-l821rf5caw]  .btn-outline-secondary {
    color: var(--ds-text-secondary);
    background: var(--ds-input);
    border-color: var(--ds-border);
    box-shadow: none;
}

.assignment-page[b-l821rf5caw]  .btn:focus-visible {
    box-shadow: none;
    outline: 1px solid color-mix(in srgb, var(--ds-primary) 35%, transparent);
    outline-offset: 1px;
}
.assignment-page[b-l821rf5caw] {
    --assignment-surface: var(--ds-window-surface);
    --assignment-raised: var(--ds-window-surface-raised);
    --assignment-border: var(--ds-window-border);
    --assignment-text: var(--ds-window-text);
    --assignment-muted: var(--ds-window-muted);
    --assignment-accent: var(--ds-primary);
    color: var(--assignment-text);
    direction: rtl;
}
/* /Components/Schools/Pages/CreateStudentGuardian.razor.rz.scp.css */
.records-heading h1[b-m8fmnx5lzr],
.records-card h2[b-m8fmnx5lzr] {
    color: var(--ds-window-text);
}

.guardian-create-form[b-m8fmnx5lzr] {
    width: min(100%, 720px);
    margin-inline: auto;
}

.guardian-create-card[b-m8fmnx5lzr] {
    width: 100%;
    color: var(--ds-window-text);
    background: linear-gradient(145deg, var(--ds-window-surface-raised), var(--ds-window-surface));
    border-color: var(--ds-window-border);
    box-shadow: 0 16px 38px color-mix(in srgb, var(--ds-shadow-base) 20%, transparent);
}

.guardian-create-form[b-m8fmnx5lzr]  :is(.form-control, .form-select) {
    color: var(--ds-window-text);
    background-color: var(--ds-input);
    border-color: var(--ds-border);
}

.guardian-create-form[b-m8fmnx5lzr]  :is(.form-control, .form-select):focus {
    color: var(--ds-window-text);
    background-color: var(--ds-input);
    border-color: var(--ds-primary);
    box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--ds-primary) 12%, transparent);
}

.guardian-create-form[b-m8fmnx5lzr]  .form-label {
    color: var(--ds-text-secondary);
}

.guardian-create-form[b-m8fmnx5lzr]  .btn-primary {
    color: var(--ds-window-text);
    background: var(--ds-action-bg);
    border-color: var(--ds-action-border);
    font-weight: 750;
    box-shadow: none;
}

.guardian-create-form[b-m8fmnx5lzr]  .btn-primary:hover {
    color: var(--ds-action-text-hover);
    background: var(--ds-action-hover);
    border-color: var(--ds-action-border-hover);
    box-shadow: none;
}

.guardian-create-form[b-m8fmnx5lzr]  .btn-outline-secondary {
    color: var(--ds-text-secondary);
    background: var(--ds-input);
    border-color: var(--ds-border);
    box-shadow: none;
}

.guardian-create-form[b-m8fmnx5lzr]  .btn:focus-visible {
    box-shadow: none;
    outline: 1px solid color-mix(in srgb, var(--ds-primary) 35%, transparent);
    outline-offset: 1px;
}

.guardian-create-fields[b-m8fmnx5lzr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.1rem;
    width: 50%;
    margin-inline: auto;
}

@media (max-width: 767.98px) {
    .guardian-create-form[b-m8fmnx5lzr] {
        width: 100%;
    }

    .guardian-create-fields[b-m8fmnx5lzr] {
        width: 100%;
    }
}
/* /Components/Schools/Pages/EditSchoolEmployee.razor.rz.scp.css */
.employee-edit-heading[b-jkmpm9m7nd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.employee-edit-heading h1[b-jkmpm9m7nd] {
    margin: .25rem 0 .35rem;
    color: var(--ds-text-primary);
    font-size: clamp(1.75rem, 3vw, 2.35rem);
    font-weight: 700;
}

.employee-edit-heading p[b-jkmpm9m7nd],
.employee-section-heading p[b-jkmpm9m7nd] {
    margin: 0;
    color: var(--ds-text-secondary);
}

.employee-edit-eyebrow[b-jkmpm9m7nd] {
    color: var(--ds-primary);
    font-size: .82rem;
    font-weight: 700;
}

.employee-summary-card[b-jkmpm9m7nd],
.employee-edit-card[b-jkmpm9m7nd] {
    margin-bottom: 1.25rem;
    padding: 1.5rem;
    border: 1px solid var(--ds-border);
    border-radius: 1rem;
    background: var(--ds-surface);
    box-shadow: 0 10px 28px var(--ds-shadow-color-soft);
}

.employee-summary-card dl[b-jkmpm9m7nd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin: 0;
}

.employee-summary-card dl > div[b-jkmpm9m7nd] {
    display: grid;
    gap: .25rem;
}

.employee-summary-card dt[b-jkmpm9m7nd] {
    color: var(--ds-text-secondary);
    font-size: .82rem;
}

.employee-summary-card dd[b-jkmpm9m7nd] {
    margin: 0;
    color: var(--ds-text-primary);
    font-weight: 600;
}

.employee-section-heading[b-jkmpm9m7nd] {
    margin-bottom: 1.25rem;
}

.employee-section-heading h2[b-jkmpm9m7nd] {
    margin: 0 0 .35rem;
    color: var(--ds-text-primary);
    font-size: 1.2rem;
}

.employee-form-grid[b-jkmpm9m7nd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.field-wide[b-jkmpm9m7nd] {
    grid-column: 1 / -1;
}

.employee-form-actions[b-jkmpm9m7nd] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.5rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--ds-border);
}

.employee-warning-card[b-jkmpm9m7nd] {
    border-color: var(--ds-warning);
    background: var(--ds-warning-soft);
}

.employee-danger-card[b-jkmpm9m7nd] {
    border-color: var(--ds-danger);
    background: var(--ds-danger-soft);
}

@media (max-width: 767.98px) {
    .employee-edit-heading[b-jkmpm9m7nd] {
        flex-direction: column;
    }

    .employee-edit-heading > .btn[b-jkmpm9m7nd] {
        width: 100%;
    }

    .employee-summary-card dl[b-jkmpm9m7nd],
    .employee-form-grid[b-jkmpm9m7nd] {
        grid-template-columns: 1fr;
    }

    .field-wide[b-jkmpm9m7nd] {
        grid-column: auto;
    }
}
/* /Components/Schools/Pages/EmployeeStatisticsCard.razor.rz.scp.css */
.employee-card[b-78yhr4bonk] {
    --employee-background: var(--ds-background);
    --employee-surface: var(--ds-input);
    --employee-border: var(--ds-window-border);
    --employee-row-border: var(--ds-border);
    --employee-text: var(--ds-text-primary);
    --employee-muted: var(--ds-window-muted);
    width: 100%;
    min-width: 0;
    padding: clamp(1rem, 2vw, 1.3rem);
    overflow: hidden;
    color: var(--employee-text);
    background:
        radial-gradient(circle at 88% -18%, color-mix(in srgb, var(--ds-chart-violet) 12%, transparent), transparent 18rem),
        linear-gradient(145deg, var(--ds-window-surface), var(--employee-background));
    border: 1px solid var(--employee-border);
    border-radius: 1.1rem;
    box-shadow: 0 18px 42px color-mix(in srgb, var(--ds-shadow-base) 22%, transparent);
    direction: rtl;
}

.employee-card-header[b-78yhr4bonk] {
    display: flex;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid color-mix(in srgb, var(--ds-window-border) 76%, transparent);
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.employee-card-heading[b-78yhr4bonk] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .72rem;
}

.employee-card h2[b-78yhr4bonk] {
    margin: 0;
    color: var(--employee-text);
    font-size: .78rem;
    font-weight: 800;
}

.employee-card-heading p[b-78yhr4bonk] {
    margin: .16rem 0 0;
    color: var(--employee-muted);
    font-size: .7rem;
}

.employee-total[b-78yhr4bonk] {
    display: grid;
    min-width: 3.7rem;
    padding: .45rem .65rem;
    color: var(--ds-chart-violet-text);
    background: color-mix(in srgb, var(--ds-chart-violet) 9%, var(--ds-window-surface-raised));
    border: 1px solid color-mix(in srgb, var(--ds-chart-violet) 30%, transparent);
    border-radius: .75rem;
    place-items: center;
}

.employee-total span[b-78yhr4bonk] {
    color: var(--employee-muted);
    font-size: .58rem;
    font-weight: 700;
}

.employee-total strong[b-78yhr4bonk] {
    color: var(--ds-chart-violet-text);
    font-size: 1.05rem;
    font-weight: 800;
    line-height: 1.2;
}

.employee-statistics-list[b-78yhr4bonk] {
    display: grid;
    margin: 0;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .55rem;
}

.employee-statistic-row[b-78yhr4bonk] {
    --employee-accent: var(--ds-chart-violet);
    display: flex;
    min-width: 0;
    min-height: 4rem;
    padding: .55rem;
    background: linear-gradient(145deg, color-mix(in srgb, var(--ds-surface) 96%, transparent), color-mix(in srgb, var(--ds-input) 96%, transparent));
    border: 1px solid var(--employee-row-border);
    border-radius: .85rem;
    align-items: center;
    justify-content: space-between;
    gap: .4rem;
    box-shadow: inset 0 1px color-mix(in srgb, var(--ds-text-on-accent) 2%, transparent);
}

.employee-statistic-row--vice-principal[b-78yhr4bonk] { --employee-accent: var(--ds-info); }
.employee-statistic-row--teacher[b-78yhr4bonk] { --employee-accent: var(--ds-success); }
.employee-statistic-row--administrative[b-78yhr4bonk] { --employee-accent: var(--ds-warning); }
.employee-statistic-row--accountant[b-78yhr4bonk] { --employee-accent: var(--ds-danger); }

.employee-statistic-row dt[b-78yhr4bonk],
.employee-statistic-row dd[b-78yhr4bonk] {
    display: flex;
    min-width: 0;
    margin: 0;
    align-items: center;
    gap: .4rem;
}

.employee-statistic-row dt[b-78yhr4bonk] { flex: 1 1 auto; }
.employee-statistic-row dd[b-78yhr4bonk] { flex: 0 0 auto; }

.employee-statistic-icon[b-78yhr4bonk],
.employee-statistic-count[b-78yhr4bonk] {
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    flex: 0 0 auto;
    color: var(--employee-accent);
    background: color-mix(in srgb, var(--employee-accent) 10%, var(--ds-window-surface-raised));
    border: 1px solid color-mix(in srgb, var(--employee-accent) 36%, transparent);
    border-radius: .75rem;
    box-shadow: 0 0 13px color-mix(in srgb, var(--employee-accent) 10%, transparent);
    place-items: center;
}

.employee-statistic-icon[b-78yhr4bonk]  .app-icon {
    width: 1.15rem;
    height: 1.15rem;
}

.employee-statistic-count[b-78yhr4bonk] {
    font-size: .95rem;
    font-weight: 800;
}

.employee-statistic-divider[b-78yhr4bonk] {
    width: 1px;
    height: 1.85rem;
    flex: 0 0 auto;
    background: color-mix(in srgb, var(--ds-border) 76%, transparent);
}

.employee-statistic-label[b-78yhr4bonk] {
    min-width: 0;
    overflow: hidden;
    color: var(--employee-text);
    font-size: .7rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1199.98px) {
    .employee-statistics-list[b-78yhr4bonk] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .employee-card[b-78yhr4bonk] { padding: .85rem; }
    .employee-card-header[b-78yhr4bonk] { gap: .65rem; }
    .employee-statistics-list[b-78yhr4bonk] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .employee-statistic-row[b-78yhr4bonk] { min-height: 3.6rem; padding: .55rem .6rem; gap: .55rem; }
    .employee-statistic-row dt[b-78yhr4bonk],
    .employee-statistic-row dd[b-78yhr4bonk] { gap: .5rem; }
    .employee-statistic-icon[b-78yhr4bonk],
    .employee-statistic-count[b-78yhr4bonk] { width: 2.35rem; height: 2.35rem; }
    .employee-statistic-divider[b-78yhr4bonk] { height: 2rem; }
    .employee-statistic-label[b-78yhr4bonk] {
        overflow: visible;
        font-size: .76rem;
        text-overflow: clip;
        white-space: normal;
    }
}

@media (max-width: 359.98px) {
    .employee-statistic-row[b-78yhr4bonk] { padding-inline: .48rem; }
    .employee-statistic-icon[b-78yhr4bonk],
    .employee-statistic-count[b-78yhr4bonk] { width: 2.15rem; height: 2.15rem; }
    .employee-statistic-row dt[b-78yhr4bonk],
    .employee-statistic-row dd[b-78yhr4bonk] { gap: .4rem; }
}
/* /Components/Schools/Pages/FinalResults.razor.rz.scp.css */
.final-results-page[b-cw1czqpqs4] {
    width: 100%;
    min-width: 0;
    direction: rtl;
    font-family: "Cairo", "Segoe UI", sans-serif;
}

.final-results-page-title[b-cw1czqpqs4] {
    margin: 0 0 0.75rem;
    color: var(--ds-text-primary);
    font-size: 1rem;
    font-weight: 700;
}

.final-results-year-tabs[b-cw1czqpqs4] {
    max-width: 100%;
    margin: 0 0 1.25rem;
    overflow-x: auto;
    border-bottom: 1px solid var(--ds-control-border);
    scrollbar-width: thin;
}

.final-results-year-tab-list[b-cw1czqpqs4] {
    display: flex;
    width: max-content;
    min-width: 100%;
    align-items: flex-end;
    gap: 0.35rem;
}

.final-results-year-tab[b-cw1czqpqs4] {
    display: inline-flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 0.2rem;
    min-height: 2.75rem;
    padding: 0.6rem 0.85rem;
    color: var(--ds-text-secondary);
    background: transparent;
    border: 1px solid transparent;
    border-bottom: 3px solid transparent;
    border-radius: var(--ds-radius-md) var(--ds-radius-md) 0 0;
    font-size: 1.125rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: color var(--ds-transition), background var(--ds-transition), border-color var(--ds-transition);
}

.final-results-year-tab small[b-cw1czqpqs4] {
    color: inherit;
    font-size: 0.75rem;
}

.final-results-year-tab-heading[b-cw1czqpqs4] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--ds-text-primary);
}

.final-results-year-tab:hover[b-cw1czqpqs4] {
    color: var(--ds-text-primary);
    background: var(--ds-primary-soft);
}

.final-results-year-tab.is-active[b-cw1czqpqs4] {
    color: var(--ds-primary);
    background: var(--ds-selected);
    border-color: var(--ds-control-border) var(--ds-control-border) var(--ds-primary);
}

.final-results-year-tab:focus-visible[b-cw1czqpqs4] {
    position: relative;
    z-index: 1;
    outline: 3px solid var(--ds-focus);
    outline-offset: -3px;
}

.final-results-year-tab-status[b-cw1czqpqs4] {
    color: var(--ds-warning-strong);
    font-size: 0.8rem;
    font-weight: 600;
}

.final-results-grade-grid[b-cw1czqpqs4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
    gap: 1rem;
}

.final-results-grade-card[b-cw1czqpqs4] {
    min-width: 0;
    overflow: hidden;
    background: var(--ds-surface);
    border: 1px solid var(--ds-primary);
    border-radius: 1.05rem;
    box-shadow: 0 12px 30px var(--ds-shadow-color-soft);
    transition: border-color 180ms ease, box-shadow 180ms ease;
}

.final-results-grade-card:hover[b-cw1czqpqs4] {
    border-color: var(--ds-primary);
    box-shadow: 0 18px 38px var(--ds-shadow-color-soft);
}

.grade-card-main[b-cw1czqpqs4] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.8rem;
    padding: 1.1rem 1.1rem 0.95rem;
}

.grade-card-icon[b-cw1czqpqs4] {
    display: inline-grid;
    width: 2.8rem;
    height: 2.8rem;
    place-items: center;
    color: var(--ds-primary);
    background: var(--ds-primary-soft);
    border-radius: 0.85rem;
}

.grade-card-icon :deep(.app-icon)[b-cw1czqpqs4] {
    width: 1.35rem;
    height: 1.35rem;
}

.grade-card-copy[b-cw1czqpqs4] {
    display: grid;
    min-width: 0;
}

.grade-card-copy > strong[b-cw1czqpqs4] {
    overflow: hidden;
    color: var(--ds-text-primary);
    font-size: 1.125rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.grade-card-stats[b-cw1czqpqs4] {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
    margin-top: 0.2rem;
}

.grade-card-stats .grade-result-stat[b-cw1czqpqs4] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.58rem 0.7rem;
    background: var(--ds-primary-soft);
    border: 1px solid var(--ds-primary);
    border-radius: 0.7rem;
    color: inherit;
    text-decoration: none;
}

.grade-card-stats a.grade-result-stat[b-cw1czqpqs4] {
    cursor: pointer;
    transition:
        background var(--ds-transition),
        border-color var(--ds-transition),
        box-shadow var(--ds-transition),
        transform var(--ds-transition);
}

.grade-card-stats a.grade-result-stat:hover[b-cw1czqpqs4] {
    background: var(--ds-selected);
    border-color: var(--ds-primary-hover);
    box-shadow: var(--ds-shadow-sm);
    transform: translateY(-2px);
}

.grade-card-stats a.grade-result-stat:focus-visible[b-cw1czqpqs4] {
    border-color: var(--ds-focus);
    outline: 3px solid var(--ds-focus);
    outline-offset: 2px;
    box-shadow: 0 0 0 0.25rem var(--ds-focus-ring);
}

.grade-card-stats .grade-result-stat.is-disabled[b-cw1czqpqs4],
.classroom-result-stats .classroom-result-stat.is-disabled[b-cw1czqpqs4] {
    cursor: default;
    opacity: 0.72;
}

.grade-card-stats small[b-cw1czqpqs4] {
    color: var(--ds-text-secondary);
    font-size: 0.8125rem;
}

.grade-card-stats strong[b-cw1czqpqs4] {
    color: var(--ds-primary);
    font-size: 0.95rem;
}

.grade-card-classrooms[b-cw1czqpqs4] {
    padding: 0.85rem 1.1rem 1.05rem;
    background: var(--ds-primary-soft);
    border-top: 1px solid var(--ds-primary);
}

.classrooms-label[b-cw1czqpqs4] {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--ds-text-primary);
    font-size: 0.72rem;
    font-weight: 700;
}

.classroom-flat-buttons[b-cw1czqpqs4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.final-results-page .grade-card-classrooms .classroom-flat-buttons[b-cw1czqpqs4]  .classroom-result-card {
    display: grid;
    align-items: stretch;
    gap: 0.38rem;
    flex: 1 1 18rem;
    min-width: min(18rem, 100%);
    min-height: 2.65rem;
    padding: 0.58rem 0.85rem;
    color: var(--ds-text-primary);
    background: var(--ds-primary-soft);
    border: 1px solid var(--ds-control-border);
    border-radius: var(--ds-radius-md);
    box-shadow: var(--ds-shadow-sm);
    font-family: inherit;
    font-size: 0.8125rem;
    font-weight: 700;
}

.classroom-flat-buttons[b-cw1czqpqs4]  .classroom-name {
    color: var(--ds-text-primary);
    font-size: 1.125rem;
}

.classroom-flat-buttons[b-cw1czqpqs4]  .classroom-result-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.4rem;
}

.classroom-flat-buttons[b-cw1czqpqs4]  .classroom-result-stat {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.35rem;
    padding: 0.4rem 0.5rem;
    color: inherit;
    background: var(--ds-surface);
    border: 1px solid transparent;
    border-radius: 0.55rem;
    font-size: 0.8125rem;
    text-decoration: none;
}

.classroom-flat-buttons[b-cw1czqpqs4]  .classroom-result-card small,
.classroom-flat-buttons[b-cw1czqpqs4]  .classroom-result-stats small {
    color: var(--ds-text-secondary);
    font-size: 0.8125rem;
    font-weight: 600;
}

.classroom-flat-buttons[b-cw1czqpqs4]  .classroom-result-stats strong {
    color: var(--ds-primary);
    font-size: 0.95rem;
}

.final-results-page .grade-card-classrooms .classroom-flat-buttons[b-cw1czqpqs4]  a.classroom-result-stat {
    cursor: pointer;
    transition:
        background var(--ds-transition),
        border-color var(--ds-transition),
        box-shadow var(--ds-transition),
        transform var(--ds-transition);
}

.final-results-page .grade-card-classrooms .classroom-flat-buttons[b-cw1czqpqs4]  a.classroom-result-stat:hover {
    background: var(--ds-selected);
    border-color: var(--ds-primary-hover);
    box-shadow: var(--ds-shadow-md);
    transform: translateY(-2px);
}

.final-results-page .grade-card-classrooms .classroom-flat-buttons[b-cw1czqpqs4]  a.classroom-result-stat:active {
    background: var(--ds-selected-strong);
    border-color: var(--ds-primary-active);
    box-shadow: var(--ds-shadow-sm);
    transform: translateY(0);
}

.final-results-page .grade-card-classrooms .classroom-flat-buttons[b-cw1czqpqs4]  a.classroom-result-stat:focus-visible {
    background: var(--ds-selected);
    border-color: var(--ds-focus);
    outline: 3px solid var(--ds-focus);
    outline-offset: 2px;
    box-shadow: 0 0 0 0.25rem var(--ds-focus-ring), var(--ds-shadow-sm);
}

.classroom-flat-buttons[b-cw1czqpqs4]  a.classroom-result-stat:hover small,
.classroom-flat-buttons[b-cw1czqpqs4]  a.classroom-result-stat:focus-visible small {
    color: var(--ds-primary-hover);
}

.classroom-flat-buttons[b-cw1czqpqs4]  .classroom-result-stat.is-disabled {
    cursor: default;
    opacity: 0.65;
}

.classrooms-empty[b-cw1czqpqs4] {
    color: var(--ds-text-secondary);
    font-size: 0.72rem;
}

.final-results-empty[b-cw1czqpqs4] {
    padding: 2.4rem 1rem;
    color: var(--ds-text-primary);
    background: var(--ds-surface);
    border: 1px dashed var(--ds-border-strong);
    border-radius: 0.95rem;
    text-align: center;
}

@media (max-width: 767.98px) {
    .final-results-grade-grid[b-cw1czqpqs4] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 420px) {
    .grade-card-stats[b-cw1czqpqs4] {
        grid-template-columns: 1fr;
    }

    .classroom-flat-buttons[b-cw1czqpqs4]  .classroom-result-card {
        flex: 1 1 100%;
        min-width: 0;
    }

    .classroom-flat-buttons[b-cw1czqpqs4]  .classroom-result-stats {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .final-results-grade-card[b-cw1czqpqs4],
    .grade-card-stats a.grade-result-stat[b-cw1czqpqs4],
    .classroom-flat-buttons[b-cw1czqpqs4]  a.classroom-result-stat {
        transition: none;
    }
}
/* /Components/Schools/Pages/FinalResultsGrade.razor.rz.scp.css */
.final-results-scope-page[b-bxp7d1tbh6] {
    width: 100%;
    min-width: 0;
    direction: rtl;
    font-family: "Cairo", "Segoe UI", sans-serif;
}

.final-results-breadcrumb[b-bxp7d1tbh6] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.42rem;
    margin-bottom: 0.85rem;
    color: var(--ds-text-secondary);
    font-size: 0.72rem;
}

.final-results-breadcrumb a[b-bxp7d1tbh6] {
    color: var(--ds-primary);
    font-weight: 700;
    text-decoration: none;
}

.final-results-scope-heading[b-bxp7d1tbh6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.8rem;
    padding: 1.15rem 1.25rem;
    background: linear-gradient(135deg, var(--ds-surface), var(--ds-primary-soft));
    border: 1px solid var(--ds-primary);
    border-radius: 1rem;
}

.final-results-scope-heading > div > span[b-bxp7d1tbh6] {
    color: var(--ds-primary);
    font-size: 0.72rem;
    font-weight: 700;
}

.final-results-scope-heading h1[b-bxp7d1tbh6] {
    margin: 0.12rem 0 0.2rem;
    color: var(--ds-text-primary);
    font-size: clamp(1.3rem, 2.5vw, 1.75rem);
}

.final-results-scope-heading p[b-bxp7d1tbh6] {
    margin: 0;
    color: var(--ds-text-secondary);
    font-size: 0.8rem;
}

.back-to-grade-cards[b-bxp7d1tbh6] {
    flex: 0 0 auto;
    padding: 0.55rem 0.8rem;
    color: var(--ds-primary);
    background: var(--ds-surface);
    border: 1px solid var(--ds-primary);
    border-radius: 0.68rem;
    font-size: 0.73rem;
    font-weight: 700;
    text-decoration: none;
}

.final-results-scope-summary[b-bxp7d1tbh6] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.6rem;
    margin-bottom: 0.9rem;
}

.final-results-scope-summary > span[b-bxp7d1tbh6] {
    display: grid;
    padding: 0.65rem 0.8rem;
    background: var(--ds-surface);
    border: 1px solid var(--ds-primary);
    border-radius: 0.75rem;
}

.final-results-scope-summary small[b-bxp7d1tbh6] {
    color: var(--ds-text-secondary);
    font-size: 0.66rem;
}

.final-results-scope-summary strong[b-bxp7d1tbh6] {
    overflow: hidden;
    color: var(--ds-text-primary);
    font-size: 0.8rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.final-results-scope-content[b-bxp7d1tbh6] {
    width: 100%;
    min-width: 0;
}

.final-results-scope-error[b-bxp7d1tbh6] {
    padding: 2rem 1rem;
    color: var(--ds-text-secondary);
    background: var(--ds-surface);
    border: 1px solid var(--ds-primary);
    border-radius: 1rem;
    text-align: center;
}

.final-results-scope-error h1[b-bxp7d1tbh6] {
    margin: 0 0 0.3rem;
    color: var(--ds-danger-strong);
    font-size: 1.2rem;
}

.final-results-scope-error p[b-bxp7d1tbh6] {
    margin: 0 0 0.85rem;
}

.final-results-scope-error a[b-bxp7d1tbh6] {
    display: inline-block;
    padding: 0.5rem 0.8rem;
    color: var(--ds-text-on-accent);
    background: var(--ds-primary-solid);
    border-radius: 0.65rem;
    font-size: 0.75rem;
    font-weight: 700;
    text-decoration: none;
}

@media (max-width: 767.98px) {
    .final-results-scope-heading[b-bxp7d1tbh6] {
        align-items: stretch;
        flex-direction: column;
    }

    .back-to-grade-cards[b-bxp7d1tbh6] {
        text-align: center;
    }
}

@media (max-width: 520px) {
    .final-results-scope-summary[b-bxp7d1tbh6] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Schools/Pages/FinalResultStudent.razor.rz.scp.css */
.final-result-student-page[b-1pr2kfy4us] {
    width: 100%;
    min-width: 0;
    direction: rtl;
    font-family: "Cairo", "Segoe UI", sans-serif;
}

.student-result-breadcrumb[b-1pr2kfy4us] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.85rem;
    color: var(--sp-muted, var(--ds-text-secondary));
    font-size: 0.73rem;
}

.student-result-breadcrumb a[b-1pr2kfy4us] {
    color: var(--sp-primary, var(--ds-primary));
    font-weight: 700;
    text-decoration: none;
}

.student-result-heading[b-1pr2kfy4us] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.85rem;
    padding: 1.15rem 1.25rem;
    background: var(--sp-surface, var(--ds-surface));
    border: 1px solid var(--sp-border, var(--ds-primary));
    border-radius: 1rem;
}

.student-result-heading span[b-1pr2kfy4us] {
    color: var(--sp-primary, var(--ds-primary));
    font-size: 0.72rem;
    font-weight: 700;
}

.student-result-heading h1[b-1pr2kfy4us] {
    margin: 0.12rem 0 0.2rem;
    color: var(--sp-ink, var(--ds-info-strong));
    font-size: clamp(1.3rem, 2.5vw, 1.75rem);
}

.student-result-heading p[b-1pr2kfy4us] {
    margin: 0;
    color: var(--sp-muted, var(--ds-text-secondary));
    font-size: 0.8rem;
}

.student-result-back[b-1pr2kfy4us],
.student-result-error a[b-1pr2kfy4us] {
    flex: 0 0 auto;
    padding: 0.55rem 0.9rem;
    color: var(--sp-primary, var(--ds-primary));
    background: var(--sp-surface, var(--ds-surface));
    border: 1px solid var(--sp-border, var(--ds-primary));
    border-radius: 0.68rem;
    font-size: 0.75rem;
    font-weight: 700;
    text-decoration: none;
}

.student-result-summary[b-1pr2kfy4us] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.6rem;
    margin-bottom: 0.9rem;
}

.student-result-summary > div[b-1pr2kfy4us] {
    display: grid;
    gap: 0.18rem;
    padding: 0.7rem 0.8rem;
    background: var(--sp-surface, var(--ds-surface));
    border: 1px solid var(--sp-border, var(--ds-primary));
    border-radius: 0.75rem;
}

.student-result-summary small[b-1pr2kfy4us] {
    color: var(--sp-muted, var(--ds-text-secondary));
    font-size: 0.66rem;
}

.student-result-summary strong[b-1pr2kfy4us] {
    overflow: hidden;
    color: var(--sp-ink, var(--ds-info-strong));
    font-size: 0.8rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.student-result-error[b-1pr2kfy4us] {
    padding: 2rem 1rem;
    color: var(--sp-muted, var(--ds-text-secondary));
    background: var(--sp-surface, var(--ds-surface));
    border: 1px solid var(--sp-border, var(--ds-primary));
    border-radius: 1rem;
    text-align: center;
}

.student-result-error h1[b-1pr2kfy4us] {
    margin: 0 0 0.3rem;
    color: var(--ds-danger-strong);
    font-size: 1.2rem;
}

@media (max-width: 991.98px) {
    .student-result-summary[b-1pr2kfy4us] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .student-result-heading[b-1pr2kfy4us] {
        align-items: stretch;
        flex-direction: column;
    }

    .student-result-back[b-1pr2kfy4us] {
        text-align: center;
    }

    .student-result-summary[b-1pr2kfy4us] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Schools/Pages/FirstAcademicYearWizard.razor.rz.scp.css */
.initial-year-wizard[b-x7c3x7xz31] {
    --wizard-bg: var(--ds-background);
    --wizard-surface: var(--ds-surface);
    --wizard-surface-raised: var(--ds-surface-raised);
    --wizard-panel: var(--ds-panel);
    --wizard-border: var(--ds-border);
    --wizard-border-strong: var(--ds-border-strong);
    --wizard-text: var(--ds-text-primary);
    --wizard-text-muted: var(--ds-text-secondary);
    --wizard-primary: var(--ds-primary);
    --wizard-primary-soft: var(--ds-primary-soft);
    --wizard-success: var(--ds-success-border);
    --wizard-success-soft: var(--ds-success-soft);
    --wizard-complete-neon: var(--ds-success);
    --wizard-complete-neon-text: var(--ds-success-strong);
    --wizard-active-neon: var(--ds-primary);
    --wizard-active-neon-text: var(--ds-primary-hover);
    --wizard-danger: var(--ds-danger-border);
    --wizard-danger-soft: var(--ds-danger-soft);
    --wizard-subjects: var(--ds-accent);
    --wizard-subjects-soft: var(--ds-accent-soft);
    --wizard-classrooms: var(--ds-info);
    --wizard-classrooms-soft: var(--ds-info-soft);
    --wizard-assessment: var(--ds-warning);
    --wizard-assessment-soft: var(--ds-warning-soft);
    min-height: 100vh;
    padding: 2rem 1rem 4rem;
    overflow-x: clip;
    color: var(--wizard-text);
    background: var(--wizard-bg);
    font-size: 1rem;
}

.initial-year-wizard .btn[b-x7c3x7xz31] {
    font-size: 0.875rem;
}

.wizard-shell[b-x7c3x7xz31] {
    width: min(100%, 78rem);
    margin-inline: auto;
}

.wizard-hero[b-x7c3x7xz31],
.wizard-panel[b-x7c3x7xz31],
.wizard-review-card[b-x7c3x7xz31] {
    border: 1px solid var(--wizard-border);
    background: var(--wizard-surface);
    box-shadow: var(--ds-shadow-sm);
}

.wizard-hero[b-x7c3x7xz31] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.25rem;
    margin-bottom: 1.25rem;
    padding: 1.5rem;
    border-radius: 1rem;
}

.wizard-eyebrow[b-x7c3x7xz31],
.wizard-school-name[b-x7c3x7xz31],
.wizard-subprogress[b-x7c3x7xz31] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    border-radius: 999px;
    font-weight: 700;
}

.wizard-eyebrow[b-x7c3x7xz31] {
    min-height: 2rem;
    padding-inline: 0.8rem;
    border: 1px solid var(--wizard-primary);
    color: var(--ds-primary-hover);
    background: var(--wizard-primary-soft);
    font-size: 0.85rem;
}

.wizard-hero h1[b-x7c3x7xz31] {
    margin: 0.8rem 0 0.35rem;
    font-size: 1.25rem;
}

.wizard-hero p[b-x7c3x7xz31],
.wizard-panel-heading p[b-x7c3x7xz31],
.wizard-section-intro[b-x7c3x7xz31],
.wizard-field-help[b-x7c3x7xz31],
.wizard-muted[b-x7c3x7xz31] {
    color: var(--wizard-text-muted);
}

.wizard-hero p[b-x7c3x7xz31] {
    max-width: 48rem;
    margin-bottom: 0;
}

.wizard-school-name[b-x7c3x7xz31] {
    flex: 0 0 auto;
    padding: 0.65rem 0.9rem;
    color: var(--wizard-text-muted);
    background: var(--wizard-panel);
}

.wizard-stepper-sticky[b-x7c3x7xz31] {
    /* MainLayout's site header is in normal flow, so the content edge is the
       correct sticky offset on both desktop and wrapped mobile headers. */
    position: sticky;
    z-index: 20;
    top: 0;
    width: 100%;
    min-width: 0;
    margin-bottom: 1.25rem;
    padding-block: 0.35rem;
    background: var(--wizard-bg);
    isolation: isolate;
}

.wizard-stepper-scroll[b-x7c3x7xz31] {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-color: var(--wizard-border-strong) var(--wizard-surface);
    scrollbar-width: thin;
}

.wizard-stepper[b-x7c3x7xz31] {
    display: flex;
    width: max-content;
    min-width: 100%;
    margin: 0;
    padding: 1rem;
    border: 1px solid var(--wizard-border);
    border-radius: 1rem;
    list-style: none;
    background: var(--wizard-surface);
}

.wizard-step[b-x7c3x7xz31] {
    position: relative;
    display: grid;
    flex: 1 0 10rem;
    width: 10rem;
    justify-items: center;
    gap: 0.55rem;
    padding-inline: 0.45rem;
    color: var(--ds-text-tertiary);
    text-align: center;
    font-size: 0.82rem;
    font-weight: 700;
}

.wizard-step:not(:last-child)[b-x7c3x7xz31]::after {
    position: absolute;
    z-index: 0;
    top: 1rem;
    right: calc(50% + 1.15rem);
    width: calc(100% - 2.3rem);
    height: 0.14rem;
    border-radius: 999px;
    background: var(--wizard-border-strong);
    content: "";
}

.wizard-step.is-complete:not(:last-child)[b-x7c3x7xz31]::after {
    background: var(--ds-success);
}

.wizard-step-marker[b-x7c3x7xz31] {
    position: relative;
    z-index: 1;
    display: grid;
    width: 2.15rem;
    height: 2.15rem;
    place-items: center;
    border: 2px solid var(--wizard-border-strong);
    border-radius: 50%;
    color: var(--wizard-text-muted);
    background: var(--wizard-panel);
}

.wizard-step.is-active[b-x7c3x7xz31] {
    color: var(--wizard-active-neon-text);
}

.wizard-step.is-active .wizard-step-marker[b-x7c3x7xz31] {
    border-color: var(--ds-primary-hover);
    color: var(--ds-text-on-bright);
    background: var(--wizard-active-neon);
    box-shadow:
        0 0 0 0.12rem var(--ds-focus-ring),
        0 0 0.75rem var(--ds-focus-ring);
}

.wizard-step.is-complete[b-x7c3x7xz31] {
    color: var(--wizard-complete-neon-text);
}

.wizard-step.is-complete .wizard-step-marker[b-x7c3x7xz31] {
    border-color: var(--ds-success-strong);
    color: var(--ds-text-on-bright);
    background: var(--wizard-complete-neon);
    box-shadow:
        0 0 0 0.12rem var(--ds-danger-ring),
        0 0 0.75rem var(--ds-success-border);
}

.wizard-step.is-active.is-complete[b-x7c3x7xz31] {
    color: var(--wizard-active-neon-text);
}

.wizard-step.is-active.is-complete:not(:last-child)[b-x7c3x7xz31]::after {
    background: var(--wizard-border-strong);
}

.wizard-step.is-active.is-complete .wizard-step-marker[b-x7c3x7xz31] {
    border-color: var(--ds-primary-hover);
    color: var(--ds-text-on-bright);
    background: var(--wizard-active-neon);
    box-shadow:
        0 0 0 0.12rem var(--ds-focus-ring),
        0 0 0.75rem var(--ds-focus-ring);
}

.wizard-panel[b-x7c3x7xz31] {
    padding: clamp(1rem, 3vw, 2rem);
    border-radius: 1rem;
}

.wizard-panel-heading[b-x7c3x7xz31],
.wizard-card-heading[b-x7c3x7xz31],
.wizard-period-heading[b-x7c3x7xz31],
.wizard-section-header[b-x7c3x7xz31] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.wizard-panel-heading[b-x7c3x7xz31] {
    margin-bottom: 1.4rem;
}

.wizard-panel-heading h2[b-x7c3x7xz31] {
    margin: 0 0 0.35rem;
    font-size: 1.25rem;
}

.wizard-panel-heading p[b-x7c3x7xz31] {
    margin: 0;
}

.wizard-subprogress[b-x7c3x7xz31] {
    flex: 0 0 auto;
    padding: 0.5rem 0.75rem;
    color: var(--ds-primary-hover);
    background: var(--wizard-primary-soft);
    font-size: 0.85rem;
}

.wizard-grade-sections[b-x7c3x7xz31] {
    display: grid;
    gap: 1.25rem;
}

.wizard-section-card[b-x7c3x7xz31] {
    --card-accent: var(--wizard-border-strong);
    --card-soft: var(--wizard-panel);
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--wizard-border);
    border-inline-start: 0.3rem solid var(--card-accent);
    border-radius: 0.85rem;
    background: var(--wizard-surface-raised);
    transition: border-color var(--ds-transition), box-shadow var(--ds-transition);
}

.wizard-section-card.is-open[b-x7c3x7xz31] {
    border-color: var(--card-accent);
    box-shadow:
        0 0 0 0.12rem var(--card-accent),
        var(--ds-shadow-md);
}

.wizard-section-card--subjects[b-x7c3x7xz31] {
    --card-accent: var(--wizard-subjects);
    --card-soft: var(--wizard-subjects-soft);
}

.wizard-section-card--classrooms[b-x7c3x7xz31] {
    --card-accent: var(--wizard-classrooms);
    --card-soft: var(--wizard-classrooms-soft);
}

.wizard-section-card--assessment[b-x7c3x7xz31] {
    --card-accent: var(--wizard-assessment);
    --card-soft: var(--wizard-assessment-soft);
}

.wizard-section-header[b-x7c3x7xz31] {
    align-items: center;
    padding: 1rem 1.1rem;
    background: var(--card-soft);
}

.wizard-section-header h3[b-x7c3x7xz31] {
    margin: 0.15rem 0 0;
    font-size: 1.1rem;
}

.wizard-section-kicker[b-x7c3x7xz31] {
    color: var(--wizard-text-muted);
    font-size: 0.8125rem;
}

.wizard-section-controls[b-x7c3x7xz31] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.65rem;
}

.wizard-card-status[b-x7c3x7xz31] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.65rem;
    border: 1px solid var(--wizard-border-strong);
    border-radius: 999px;
    color: var(--wizard-text-muted);
    background: var(--ds-background-subtle);
    font-size: 0.8125rem;
    font-weight: 750;
}

.wizard-card-status.is-complete[b-x7c3x7xz31] {
    border-color: var(--wizard-success);
    color: var(--ds-success-strong);
    background: var(--wizard-success-soft);
}

.wizard-card-status.is-incomplete[b-x7c3x7xz31] {
    border-color: var(--wizard-danger);
    color: var(--ds-danger-strong);
    background: var(--wizard-danger-soft);
}

.wizard-card-toggle[b-x7c3x7xz31] {
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    place-items: center;
    border: 1px solid var(--wizard-border-strong);
    border-radius: 50%;
    color: var(--ds-primary-hover);
    background: var(--ds-primary-soft);
    font-size: 0.875rem;
    line-height: 1;
    transition:
        color var(--ds-transition),
        background-color var(--ds-transition),
        border-color var(--ds-transition),
        transform var(--ds-transition);
}

.wizard-card-toggle:hover[b-x7c3x7xz31] {
    border-color: var(--ds-primary);
    color: var(--ds-text-on-accent);
    background: var(--ds-primary-solid);
}

.wizard-card-toggle svg[b-x7c3x7xz31] {
    width: 1rem;
    height: 1rem;
    fill: currentColor;
    transition: transform var(--ds-transition);
}

.wizard-card-toggle.is-open svg[b-x7c3x7xz31] {
    transform: rotate(180deg);
}

.wizard-card-toggle:focus-visible[b-x7c3x7xz31] {
    outline: 0.2rem solid var(--ds-focus-ring);
    outline-offset: 0.15rem;
}

.wizard-section-body[b-x7c3x7xz31] {
    padding: 1.15rem;
    border-top: 1px solid var(--wizard-border);
}

.wizard-section-intro[b-x7c3x7xz31] {
    margin: 0 0 1rem;
}

.wizard-field[b-x7c3x7xz31] {
    display: grid;
    gap: 0.45rem;
    margin-bottom: 1rem;
}

.wizard-field > label[b-x7c3x7xz31],
.wizard-field-label[b-x7c3x7xz31] {
    font-size: 0.875rem;
    font-weight: 750;
}

.wizard-field-help[b-x7c3x7xz31],
.wizard-muted[b-x7c3x7xz31] {
    font-size: 0.88rem;
}

.wizard-field-error[b-x7c3x7xz31] {
    color: var(--ds-danger-strong);
    font-size: 0.8125rem;
    font-weight: 700;
}

.initial-year-wizard .form-control.is-invalid[b-x7c3x7xz31] {
    border-color: var(--ds-danger);
    box-shadow: 0 0 0 0.15rem var(--ds-danger-ring);
}

.initial-year-wizard .form-control[b-x7c3x7xz31],
.initial-year-wizard .form-select[b-x7c3x7xz31] {
    border-color: var(--wizard-border-strong);
    color: var(--wizard-text);
    background-color: var(--ds-input);
    font-size: 0.875rem;
}

.initial-year-wizard .form-control:focus[b-x7c3x7xz31],
.initial-year-wizard .form-select:focus[b-x7c3x7xz31] {
    border-color: var(--ds-focus);
    color: var(--wizard-text);
    background-color: var(--ds-input);
    box-shadow: 0 0 0 0.2rem var(--ds-focus-ring);
}

.initial-year-wizard .form-control[b-x7c3x7xz31]::placeholder {
    color: var(--ds-text-tertiary);
}

.wizard-suggestion-grid[b-x7c3x7xz31] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    gap: 0.65rem;
    margin-block: 1rem 1.25rem;
}

.wizard-choice[b-x7c3x7xz31] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
    min-height: 3.1rem;
    padding: 0.7rem 0.85rem;
    border: 1px solid var(--wizard-border);
    border-radius: 0.65rem;
    background: var(--wizard-panel);
    cursor: pointer;
    font-size: 0.875rem;
}

.wizard-choice:has(input:checked)[b-x7c3x7xz31] {
    border-color: var(--wizard-subjects);
    background: var(--wizard-subjects-soft);
}

.wizard-inline-add[b-x7c3x7xz31] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.65rem;
    margin-bottom: 1.25rem;
}

.wizard-selected-list[b-x7c3x7xz31],
.wizard-period-list[b-x7c3x7xz31],
.wizard-item-list[b-x7c3x7xz31],
.wizard-review-grid[b-x7c3x7xz31] {
    display: grid;
    gap: 0.85rem;
}

.wizard-selected-subjects .wizard-selected-row[b-x7c3x7xz31],
.wizard-selected-subjects .btn[b-x7c3x7xz31] {
    font-size: 0.75rem;
}

.wizard-selected-subjects[b-x7c3x7xz31] {
    gap: 0.4rem;
}

.wizard-selected-subjects .wizard-selected-row[b-x7c3x7xz31] {
    gap: 0.5rem;
    padding: 0.4rem 0.6rem;
}

.wizard-selected-subjects .btn[b-x7c3x7xz31] {
    padding: 0.2rem 0.45rem;
    line-height: 1.2;
}

.wizard-period-list[b-x7c3x7xz31] {
    row-gap: 1.25rem;
}

.wizard-list-add-action[b-x7c3x7xz31] {
    display: flex;
    margin-top: 0.85rem;
    justify-content: flex-start;
}

.wizard-period-add-action[b-x7c3x7xz31] {
    justify-content: flex-end;
}

.wizard-add-assessment-item[b-x7c3x7xz31] {
    min-width: 7rem;
}

.wizard-selected-row[b-x7c3x7xz31],
.wizard-classroom-row[b-x7c3x7xz31],
.wizard-item-row[b-x7c3x7xz31] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
    padding: 0.75rem;
    border: 1px solid var(--wizard-border);
    border-radius: 0.65rem;
    background: var(--wizard-panel);
}

.wizard-classroom-row[b-x7c3x7xz31] {
    grid-template-columns: minmax(0, 1fr) auto auto auto;
}

.wizard-review-card[b-x7c3x7xz31],
.wizard-period-card[b-x7c3x7xz31] {
    padding: 1rem;
    border: 1px solid var(--wizard-border);
    border-radius: 0.8rem;
    background: var(--wizard-surface-raised);
}

.wizard-period-card[b-x7c3x7xz31] {
    overflow: hidden;
    border: 0.125rem solid var(--wizard-assessment);
    border-inline-start-width: 0.35rem;
    box-shadow: var(--ds-shadow-sm);
}

.wizard-period-card > .wizard-period-heading[b-x7c3x7xz31] {
    margin: -1rem -1rem 1rem;
    padding: 0.8rem 1rem;
    border-bottom: 1px solid var(--wizard-assessment);
    background: var(--wizard-assessment-soft);
}

.wizard-card-heading[b-x7c3x7xz31],
.wizard-period-heading[b-x7c3x7xz31] {
    align-items: center;
    margin-bottom: 0.85rem;
}

.wizard-period-heading h3[b-x7c3x7xz31],
.wizard-review-card h3[b-x7c3x7xz31] {
    margin: 0;
    font-size: 1.05rem;
}

.wizard-score-grid[b-x7c3x7xz31],
.wizard-period-fields[b-x7c3x7xz31] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.wizard-item-row[b-x7c3x7xz31] {
    grid-template-columns: minmax(10rem, 1fr) 7rem 8rem auto;
}

.wizard-item-kind[b-x7c3x7xz31],
.wizard-result-badge[b-x7c3x7xz31] {
    display: inline-flex;
    justify-content: center;
    padding: 0.35rem 0.55rem;
    border-radius: 999px;
    font-size: 0.8125rem;
    font-weight: 750;
}

.wizard-item-kind[b-x7c3x7xz31] {
    color: var(--ds-info-strong);
    background: var(--wizard-classrooms-soft);
}

.wizard-result-badge[b-x7c3x7xz31] {
    color: var(--ds-success-strong);
    background: var(--wizard-success-soft);
}

.wizard-source-box[b-x7c3x7xz31] {
    grid-column: 1 / -1;
    padding: 0.75rem;
    border-top: 1px solid var(--wizard-border);
}

.wizard-source-options[b-x7c3x7xz31] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.55rem;
}

.wizard-source-option[b-x7c3x7xz31] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    max-width: 100%;
    padding: 0.4rem 0.55rem;
    border: 1px solid var(--wizard-border);
    border-radius: 999px;
    background: var(--wizard-panel);
}

.wizard-actions[b-x7c3x7xz31] {
    position: sticky;
    z-index: 5;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 1.25rem;
    padding: 1rem;
    border: 1px solid var(--wizard-border);
    border-radius: 0.8rem;
    background: var(--ds-surface-translucent);
    box-shadow: var(--ds-shadow-md);
}

.wizard-actions-end[b-x7c3x7xz31] {
    display: flex;
    gap: 0.65rem;
    margin-inline-start: auto;
}

.wizard-errors[b-x7c3x7xz31] {
    margin-bottom: 1rem;
    border-color: var(--wizard-danger);
    color: var(--ds-danger-strong);
    background: var(--wizard-danger-soft);
}

.wizard-validation-overlay[b-x7c3x7xz31] {
    position: fixed;
    z-index: 1400;
    inset: 0;
    display: grid;
    padding: 1rem;
    overflow: auto;
    background: var(--ds-overlay);
    overscroll-behavior: contain;
    place-items: center;
}

.wizard-validation-modal[b-x7c3x7xz31] {
    width: min(100%, 36rem);
    max-height: calc(100dvh - 2rem);
    overflow: auto;
    border: 1px solid var(--wizard-border-strong);
    border-radius: 0.9rem;
    color: var(--wizard-text);
    background: var(--wizard-surface);
    box-shadow: var(--ds-shadow-lg);
}

.wizard-validation-modal:focus[b-x7c3x7xz31] {
    outline: none;
}

.wizard-validation-header[b-x7c3x7xz31] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 1.15rem 1.25rem;
    border-bottom: 1px solid var(--wizard-border);
    background: var(--wizard-danger-soft);
}

.wizard-validation-header h2[b-x7c3x7xz31] {
    margin: 0 0 0.35rem;
    font-size: 1.25rem;
}

.wizard-validation-header p[b-x7c3x7xz31] {
    margin: 0;
    color: var(--ds-text-secondary);
}

.wizard-validation-icon[b-x7c3x7xz31] {
    display: grid;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid var(--wizard-danger);
    border-radius: 50%;
    color: var(--ds-danger-strong);
    background: var(--ds-danger-soft);
    font-weight: 800;
}

.wizard-validation-list[b-x7c3x7xz31] {
    display: grid;
    gap: 0.7rem;
    margin: 0;
    padding: 1.2rem 2.7rem 1.2rem 1.25rem;
    color: var(--ds-text-primary);
}

.wizard-validation-list li[b-x7c3x7xz31] {
    padding-inline-start: 0.2rem;
    line-height: 1.65;
}

.wizard-validation-list li[b-x7c3x7xz31]::marker {
    color: var(--ds-danger);
}

.wizard-validation-actions[b-x7c3x7xz31] {
    display: flex;
    justify-content: flex-end;
    padding: 1rem 1.25rem;
    border-top: 1px solid var(--wizard-border);
    background: var(--wizard-surface-raised);
}

.wizard-loading[b-x7c3x7xz31] {
    display: grid;
    min-height: 18rem;
    place-items: center;
    color: var(--wizard-text-muted);
}

.wizard-empty[b-x7c3x7xz31] {
    padding: 1.25rem;
    border: 1px dashed var(--wizard-border-strong);
    border-radius: 0.8rem;
    color: var(--wizard-text-muted);
    text-align: center;
    background: var(--ds-background-subtle);
}

.wizard-review-grid[b-x7c3x7xz31] {
    grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
}

.wizard-review-list[b-x7c3x7xz31] {
    display: grid;
    gap: 0.45rem;
    margin: 0;
    padding: 0;
    list-style: none;
    color: var(--wizard-text-muted);
}

@media (max-width: 767.98px) {
    .initial-year-wizard[b-x7c3x7xz31] {
        padding: 1rem 0.65rem 2rem;
    }

    .wizard-hero[b-x7c3x7xz31],
    .wizard-panel-heading[b-x7c3x7xz31],
    .wizard-card-heading[b-x7c3x7xz31] {
        flex-direction: column;
    }

    .wizard-school-name[b-x7c3x7xz31],
    .wizard-subprogress[b-x7c3x7xz31] {
        align-self: flex-start;
    }

    .wizard-section-header[b-x7c3x7xz31] {
        align-items: flex-start;
    }

    .wizard-score-grid[b-x7c3x7xz31],
    .wizard-period-fields[b-x7c3x7xz31],
    .wizard-inline-add[b-x7c3x7xz31],
    .wizard-selected-row[b-x7c3x7xz31],
    .wizard-classroom-row[b-x7c3x7xz31],
    .wizard-item-row[b-x7c3x7xz31] {
        grid-template-columns: minmax(0, 1fr);
    }

    .wizard-source-option[b-x7c3x7xz31] {
        width: 100%;
        border-radius: 0.65rem;
    }

    .wizard-actions[b-x7c3x7xz31] {
        position: static;
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .wizard-actions-end[b-x7c3x7xz31] {
        width: 100%;
        margin: 0;
    }

    .wizard-actions .btn[b-x7c3x7xz31],
    .wizard-actions-end .btn[b-x7c3x7xz31] {
        flex: 1;
    }
}

@media (max-width: 420px) {
    .wizard-section-header[b-x7c3x7xz31] {
        gap: 0.75rem;
        flex-direction: column;
    }

    .wizard-section-controls[b-x7c3x7xz31] {
        width: 100%;
        justify-content: space-between;
    }

    .wizard-suggestion-grid[b-x7c3x7xz31],
    .wizard-review-grid[b-x7c3x7xz31] {
        grid-template-columns: minmax(0, 1fr);
    }

    .wizard-validation-overlay[b-x7c3x7xz31] {
        padding: 0.65rem;
    }

    .wizard-validation-modal[b-x7c3x7xz31] {
        max-height: calc(100dvh - 1.3rem);
    }

    .wizard-validation-header[b-x7c3x7xz31],
    .wizard-validation-actions[b-x7c3x7xz31] {
        padding: 1rem;
    }

    .wizard-validation-list[b-x7c3x7xz31] {
        padding: 1rem 2.35rem 1rem 1rem;
    }

    .wizard-validation-actions .btn[b-x7c3x7xz31] {
        width: 100%;
    }
}
/* /Components/Schools/Pages/ManageSchoolPrincipal.razor.rz.scp.css */
.legacy-principal-heading[b-mk0zxy25zk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.legacy-principal-heading h1[b-mk0zxy25zk] {
    margin: .25rem 0 .4rem;
    color: var(--ds-text-primary);
    font-size: clamp(1.75rem, 3vw, 2.35rem);
}

.legacy-principal-heading p[b-mk0zxy25zk] {
    max-width: 48rem;
    margin: 0;
    color: var(--ds-text-secondary);
}

.legacy-principal-eyebrow[b-mk0zxy25zk] {
    color: var(--ds-warning-strong);
    font-size: .82rem;
    font-weight: 700;
}

.legacy-principal-details[b-mk0zxy25zk],
.legacy-principal-end-card[b-mk0zxy25zk] {
    margin-bottom: 1.25rem;
    padding: 1.5rem;
    border: 1px solid var(--ds-border);
    border-radius: 1rem;
    background: var(--ds-surface);
    box-shadow: 0 10px 28px var(--ds-shadow-color-soft);
}

.legacy-principal-details h2[b-mk0zxy25zk],
.legacy-principal-end-card h2[b-mk0zxy25zk] {
    margin: 0 0 1rem;
    color: var(--ds-text-primary);
    font-size: 1.2rem;
}

.legacy-principal-details dl[b-mk0zxy25zk] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin: 0;
}

.legacy-principal-details dl > div[b-mk0zxy25zk] {
    display: grid;
    gap: .25rem;
}

.legacy-principal-details dt[b-mk0zxy25zk] {
    color: var(--ds-text-secondary);
    font-size: .82rem;
}

.legacy-principal-details dd[b-mk0zxy25zk] {
    margin: 0;
    color: var(--ds-text-primary);
    font-weight: 600;
}

.legacy-principal-end-card[b-mk0zxy25zk] {
    border-color: var(--ds-danger);
    background: var(--ds-danger-soft);
}

.legacy-principal-end-card p[b-mk0zxy25zk] {
    color: var(--ds-danger-strong);
}

@media (max-width: 767.98px) {
    .legacy-principal-heading[b-mk0zxy25zk] {
        flex-direction: column;
    }

    .legacy-principal-heading > .btn[b-mk0zxy25zk] {
        width: 100%;
    }

    .legacy-principal-details dl[b-mk0zxy25zk] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Schools/Pages/OwnerDashboard.razor.rz.scp.css */
.owner-schools-page[b-ez8bgfnagl] {
    background:
        radial-gradient(circle at 8% 8%, var(--ds-primary-soft), transparent 24rem),
        var(--ds-background);
}

.owner-schools-hero[b-ez8bgfnagl] {
    position: relative;
    padding: 0.875rem 1rem;
    overflow: hidden;
    color: var(--ds-text-on-accent);
    background:
        radial-gradient(circle at 12% 15%, var(--ds-primary-soft), transparent 38%),
        linear-gradient(145deg, var(--ds-sidebar), var(--ds-primary-solid));
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-lg);
    box-shadow: 0 1.25rem 3rem var(--ds-shadow-color);
    isolation: isolate;
}

.owner-schools-hero[b-ez8bgfnagl]::after {
    position: absolute;
    inset: auto -5rem -8rem auto;
    z-index: -1;
    width: 19rem;
    height: 19rem;
    background: var(--ds-surface-translucent);
    border-radius: 50%;
    content: "";
    opacity: 0.18;
}

.owner-schools-identity[b-ez8bgfnagl] {
    font-family: var(--sp-font-family);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--ds-surface-translucent);
}

.owner-schools-identity img[b-ez8bgfnagl] {
    width: 2.75rem;
    height: 2.75rem;
    flex: 0 0 auto;
    object-fit: contain;
}

.owner-schools-identity > div[b-ez8bgfnagl] {
    display: grid;
    gap: 0.1rem;
}

.owner-schools-brand[b-ez8bgfnagl] {
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 800;
}

.owner-schools-tagline[b-ez8bgfnagl],
.owner-schools-hero p[b-ez8bgfnagl] {
    color: var(--ds-text-on-accent);
    opacity: 0.82;
}

.owner-schools-tagline[b-ez8bgfnagl] {
    font-size: 0.8rem;
}

.owner-schools-hero-content[b-ez8bgfnagl] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 0.75rem;
    padding-top: 0.5rem;
}

.owner-schools-hero h1[b-ez8bgfnagl] {
    margin: 0 0 0.2rem;
    color: inherit;
    font-size: 1.125rem;
}

.owner-schools-hero p[b-ez8bgfnagl] {
    margin: 0;
    font-size: 0.875rem;
}

.owner-schools-hero-actions[b-ez8bgfnagl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: end;
    gap: 0.75rem;
}

.owner-schools-count[b-ez8bgfnagl] {
    padding: 0.5rem 0.8rem;
    background: var(--ds-surface-translucent);
    border: 1px solid var(--ds-border);
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 700;
}

.owner-school-card[b-ez8bgfnagl] {
    padding: 1rem;
    font-size: 0.875rem;
    overflow: hidden;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-lg);
    box-shadow: var(--ds-shadow-sm);
    transition: border-color 160ms ease, box-shadow 160ms ease;
}

.owner-school-card[b-ez8bgfnagl]::before {
    position: absolute;
    inset: 0 0 auto;
    height: 0.3rem;
    background: linear-gradient(90deg, var(--ds-primary), var(--ds-primary-solid));
    content: "";
}

.owner-school-card:hover[b-ez8bgfnagl] {
    border-color: var(--ds-primary);
    box-shadow: var(--ds-shadow-md);
}

.owner-school-heading[b-ez8bgfnagl] {
    min-width: 0;
}

.owner-school-heading h2[b-ez8bgfnagl] {
    font-size: 1.0625rem;
    overflow-wrap: anywhere;
}

.owner-school-card-header[b-ez8bgfnagl] {
    padding-top: 0.25rem;
}

.owner-school-card-tools[b-ez8bgfnagl] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.45rem;
}

.owner-school-actions-menu[b-ez8bgfnagl] {
    position: relative;
    z-index: 4;
}

.owner-school-actions-menu > summary[b-ez8bgfnagl] {
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    color: var(--ds-text-secondary);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 0.65rem;
    cursor: pointer;
    font-size: 1.5rem;
    line-height: 1;
    list-style: none;
    place-items: center;
    transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease;
}

.owner-school-actions-menu > summary[b-ez8bgfnagl]::-webkit-details-marker {
    display: none;
}

.owner-school-actions-menu > summary:hover[b-ez8bgfnagl],
.owner-school-actions-menu[open] > summary[b-ez8bgfnagl] {
    color: var(--ds-primary);
    background: var(--ds-primary-soft);
    border-color: var(--ds-border);
}

.owner-school-actions-menu > summary:focus-visible[b-ez8bgfnagl] {
    outline: 0.15rem solid var(--ds-focus-ring);
    outline-offset: 0.1rem;
}

.owner-school-actions-dropdown[b-ez8bgfnagl] {
    position: absolute;
    z-index: 10;
    top: calc(100% + 0.4rem);
    inset-inline-end: 0;
    display: grid;
    width: max-content;
    min-width: 11.5rem;
    padding: 0.4rem;
    background: var(--ds-surface);
    border: 1px solid var(--ds-border);
    border-radius: 0.8rem;
    box-shadow: var(--ds-shadow-md);
}

.owner-school-actions-dropdown button[b-ez8bgfnagl] {
    width: 100%;
    padding: 0.65rem 0.75rem;
    color: var(--ds-text-primary);
    background: transparent;
    border: 0;
    border-radius: 0.55rem;
    font-weight: 700;
    text-align: start;
}

.owner-school-actions-dropdown button:hover[b-ez8bgfnagl],
.owner-school-actions-dropdown button:focus-visible[b-ez8bgfnagl] {
    background: var(--ds-background-subtle);
    outline: none;
}

.owner-school-actions-dropdown .owner-school-delete-action[b-ez8bgfnagl] {
    color: var(--ds-danger-strong);
}

.owner-school-actions-dropdown .owner-school-delete-action:hover[b-ez8bgfnagl],
.owner-school-actions-dropdown .owner-school-delete-action:focus-visible[b-ez8bgfnagl] {
    background: var(--ds-danger-soft);
}

.owner-school-card:target[b-ez8bgfnagl] {
    border-color: var(--ds-primary);
    box-shadow: 0 0 0 0.15rem var(--ds-focus-ring), var(--ds-shadow-md);
}

.owner-school-code[b-ez8bgfnagl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    color: var(--ds-text-secondary);
    font-size: 0.9rem;
}

.owner-school-code-value[b-ez8bgfnagl] {
    color: var(--ds-text-primary);
    font-weight: 700;
    letter-spacing: 0.08em;
    user-select: all;
}

.owner-school-code-copy[b-ez8bgfnagl] {
    display: inline-grid;
    width: 1.9rem;
    height: 1.9rem;
    padding: 0;
    color: var(--ds-text-secondary);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 0.55rem;
    place-items: center;
    transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease;
}

.owner-school-code-copy:hover[b-ez8bgfnagl] {
    color: var(--ds-primary);
    background: var(--ds-primary-soft);
    border-color: var(--ds-border);
}

.owner-school-code-copy:focus-visible[b-ez8bgfnagl] {
    outline: 0.15rem solid var(--ds-focus-ring);
    outline-offset: 0.1rem;
}

.owner-school-code-copy[b-ez8bgfnagl]  .app-icon {
    width: 1rem;
    height: 1rem;
}

.school-code-copy-status[b-ez8bgfnagl] {
    min-height: 1.25rem;
    color: var(--ds-primary);
    font-weight: 700;
}

.school-code-copy-status.copy-failed[b-ez8bgfnagl] {
    color: var(--ds-danger-strong);
}

.owner-school-details[b-ez8bgfnagl] {
    padding: 0.625rem 0.75rem;
    margin-bottom: 0.75rem;
    background: var(--ds-background-subtle);
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-md);
}

.owner-school-expiry[b-ez8bgfnagl] {
    padding-top: 0.5rem;
}

.owner-school-location[b-ez8bgfnagl]::before {
    margin-inline-end: 0.35rem;
    content: "•";
    color: var(--ds-primary);
}

.owner-school-actions[b-ez8bgfnagl] {
    padding-top: 0.625rem;
    border-top: 1px solid var(--ds-border);
}

@media (max-width: 575.98px) {
    .owner-schools-hero-content[b-ez8bgfnagl] {
        align-items: stretch;
        flex-direction: column;
    }

    .owner-schools-hero-actions[b-ez8bgfnagl] {
        justify-content: stretch;
    }

    .owner-schools-hero-actions .btn[b-ez8bgfnagl] {
        flex: 1;
    }

    .owner-school-actions > *[b-ez8bgfnagl] {
        width: 100%;
    }
}
/* /Components/Schools/Pages/PrincipalSchoolDashboard.razor.rz.scp.css */
.section-heading[b-e0zllrl8nn],
.grade-card-header[b-e0zllrl8nn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.section-heading h2[b-e0zllrl8nn],
.grade-card h3[b-e0zllrl8nn] {
    color: var(--ds-text-primary);
    font-weight: 700;
}

.dashboard-eyebrow[b-e0zllrl8nn] {
    color: var(--ds-primary);
    font-size: 0.76rem;
    font-weight: 700;
}

.current-year-warning[b-e0zllrl8nn] {
    display: flex;
    margin-bottom: 1rem;
    padding: 0.9rem 1rem;
    color: var(--ds-warning-strong);
    background: var(--ds-warning-soft);
    border: 1px solid var(--ds-warning);
    border-radius: 0.85rem;
    align-items: center;
    gap: 0.75rem;
}

.current-year-warning[b-e0zllrl8nn] >  .app-icon {
    width: 1.6rem;
    height: 1.6rem;
    flex: 0 0 auto;
}

.current-year-warning strong[b-e0zllrl8nn],
.current-year-warning span[b-e0zllrl8nn] {
    display: block;
}

.current-year-warning span[b-e0zllrl8nn] {
    margin-top: 0.15rem;
    font-size: 0.8rem;
}

.summary-grid[b-e0zllrl8nn],
.grade-grid[b-e0zllrl8nn] {
    display: grid;
    gap: 1rem;
}

.compact-statistics-grid[b-e0zllrl8nn] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    align-items: stretch;
    gap: 1rem;
    margin-bottom: 1rem;
}

.dashboard-card-slot[b-e0zllrl8nn] {
    display: grid;
    min-width: 0;
}

.student-statistics-slot[b-e0zllrl8nn] {
    grid-column: 1 / span 3;
    grid-row: 1;
}

.employee-statistics-slot[b-e0zllrl8nn] {
    width: 100%;
    margin-top: 1rem;
    justify-self: stretch;
}

.finance-summary-slot[b-e0zllrl8nn] {
    width: 100%;
    grid-column: 4 / span 3;
    grid-row: 1 / span 2;
    justify-self: stretch;
}

.quick-actions-section[b-e0zllrl8nn] {
    grid-column: 1 / span 3;
    grid-row: 2;
}

.administrative-statistics-grid .student-statistics-slot[b-e0zllrl8nn] {
    grid-column: 1 / span 3;
    grid-row: 1;
}

.administrative-statistics-grid .quick-actions-section[b-e0zllrl8nn] {
    grid-column: 4 / span 3;
    grid-row: 1;
    margin-top: 0;
}

.summary-grid[b-e0zllrl8nn] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.summary-card[b-e0zllrl8nn] {
    display: flex;
    min-width: 0;
    padding: 1rem;
    background: var(--ds-surface);
    border: 1px solid var(--ds-border);
    border-radius: 1rem;
    align-items: center;
    gap: 0.8rem;
    box-shadow: 0 8px 28px var(--ds-shadow-color-soft);
}

.summary-icon[b-e0zllrl8nn] {
    display: grid;
    width: 2.8rem;
    height: 2.8rem;
    flex: 0 0 auto;
    color: var(--ds-primary);
    background: var(--ds-primary-soft);
    border-radius: 0.85rem;
    place-items: center;
}

.summary-card span[b-e0zllrl8nn],
.summary-card strong[b-e0zllrl8nn] {
    display: block;
}

.summary-card div > span[b-e0zllrl8nn] {
    color: var(--ds-text-secondary);
    font-size: 0.95rem;
    font-weight: 600;
}

.summary-card strong[b-e0zllrl8nn] {
    margin-top: 0.2rem;
    color: var(--ds-text-primary);
    font-size: 1.45rem;
}

.dashboard-section[b-e0zllrl8nn] {
    margin-top: 1.5rem;
}

.finance-installment-actions[b-e0zllrl8nn] {
    --installment-background: var(--ds-background);
    --installment-surface: var(--ds-input);
    --installment-border: var(--ds-window-border);
    --installment-text: var(--ds-text-primary);
    --installment-muted: var(--ds-window-muted);
    display: grid;
    min-width: 0;
    color: var(--installment-text);
    grid-template-columns: 1fr;
    gap: .72rem;
    direction: rtl;
}

.grade-card[b-e0zllrl8nn] {
    background: var(--ds-surface);
    border: 1px solid var(--ds-border);
    border-radius: 0.9rem;
    box-shadow: 0 6px 20px var(--ds-shadow-color-soft);
}

.dashboard-action-row[b-e0zllrl8nn],
.quick-action-payment[b-e0zllrl8nn]  .dashboard-action-row {
    display: flex;
    width: 100%;
    min-width: 0;
    min-height: 0;
    padding: 0.5rem 0.4rem;
    color: var(--ds-text-primary);
    background: var(--ds-surface-raised);
    border: 1px solid var(--ds-border);
    border-radius: 0.45rem;
    align-items: center;
    gap: 0.4rem;
    font: inherit;
    text-align: start;
    text-decoration: none;
    cursor: pointer;
    transition: border-color 160ms ease, background-color 160ms ease,
        transform 160ms ease;
}

.installment-summary-card[b-e0zllrl8nn] {
    --installment-accent: var(--ds-primary);
    position: relative;
    min-height: 4.25rem;
    padding: .78rem .85rem;
    color: var(--installment-text);
    background: linear-gradient(145deg, color-mix(in srgb, var(--ds-surface) 96%, transparent), color-mix(in srgb, var(--ds-input) 96%, transparent));
    border: 1px solid var(--ds-border);
    border-inline-start: 3px solid var(--installment-accent);
    border-radius: .92rem;
    gap: .8rem;
    box-shadow: inset 0 1px color-mix(in srgb, var(--ds-text-on-accent) 2%, transparent),
        -2px 0 12px color-mix(in srgb, var(--installment-accent) 7%, transparent);
    transition: color 190ms ease, border-color 190ms ease,
        box-shadow 190ms ease, transform 190ms ease;
}

.installment-summary-card.due-today[b-e0zllrl8nn] {
    --installment-accent: var(--ds-primary);
}

.installment-summary-card.overdue[b-e0zllrl8nn] {
    --installment-accent: var(--ds-warning);
}

.installment-summary-card.all-installments[b-e0zllrl8nn] {
    --installment-accent: var(--ds-info);
}

.installment-summary-card:hover[b-e0zllrl8nn] {
    color: var(--installment-text);
    background: linear-gradient(145deg,
        color-mix(in srgb, var(--installment-accent) 8%, var(--ds-surface)), var(--ds-input));
    border-color: color-mix(in srgb, var(--installment-accent) 52%, var(--ds-border));
    border-inline-start-color: var(--installment-accent);
    box-shadow: inset 0 1px color-mix(in srgb, var(--ds-text-on-accent) 3%, transparent),
        -3px 0 16px color-mix(in srgb, var(--installment-accent) 16%, transparent),
        0 8px 20px color-mix(in srgb, var(--ds-shadow-base) 14%, transparent);
    transform: translateY(-2px);
}

.installment-summary-card:active[b-e0zllrl8nn] {
    transform: translateY(0);
}

.installment-summary-card:focus-visible[b-e0zllrl8nn] {
    border-color: var(--installment-accent);
    outline: 2px solid color-mix(in srgb, var(--installment-accent) 76%, white);
    outline-offset: 3px;
}

.installment-summary-icon[b-e0zllrl8nn] {
    display: grid;
    width: 2.85rem;
    height: 2.85rem;
    flex: 0 0 auto;
    color: var(--installment-accent);
    background: color-mix(in srgb, var(--installment-accent) 11%, var(--ds-window-surface-raised));
    border: 1px solid color-mix(in srgb, var(--installment-accent) 36%, transparent);
    border-radius: .8rem;
    box-shadow: 0 0 14px color-mix(in srgb, var(--installment-accent) 11%, transparent);
    place-items: center;
    transition: border-color 190ms ease, box-shadow 190ms ease;
}

.installment-summary-icon[b-e0zllrl8nn]  .app-icon {
    width: 1.28rem;
    height: 1.28rem;
}

.installment-summary-separator[b-e0zllrl8nn] {
    width: 1px;
    height: 2.6rem;
    flex: 0 0 auto;
    background: color-mix(in srgb, var(--ds-border) 78%, transparent);
}

.installment-summary-copy[b-e0zllrl8nn],
.installment-summary-copy strong[b-e0zllrl8nn],
.installment-summary-copy span[b-e0zllrl8nn],
.installment-summary-copy bdi[b-e0zllrl8nn] {
    display: block;
}

.installment-summary-copy[b-e0zllrl8nn] {
    flex: 1 1 auto;
    min-width: 0;
}

.installment-summary-copy strong[b-e0zllrl8nn] {
    color: var(--installment-text);
    font-size: .84rem;
    font-weight: 750;
    line-height: 1.4;
}

.installment-summary-count[b-e0zllrl8nn],
.installment-summary-description[b-e0zllrl8nn] {
    margin-top: .14rem;
    font-size: .7rem;
    line-height: 1.45;
}

.installment-summary-copy .installment-summary-meta[b-e0zllrl8nn] {
    display: flex;
    min-width: 0;
    margin-top: .14rem;
    align-items: baseline;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .2rem .75rem;
}

.installment-summary-meta .installment-summary-count[b-e0zllrl8nn] {
    margin-top: 0;
}

.installment-summary-count[b-e0zllrl8nn] {
    color: var(--installment-accent);
    font-weight: 750;
}

.installment-summary-description[b-e0zllrl8nn] {
    color: var(--installment-muted);
    overflow-wrap: anywhere;
}

.installment-summary-copy .installment-summary-amount[b-e0zllrl8nn] {
    display: flex;
    min-width: 0;
    margin-top: 0;
    color: var(--installment-text);
    align-items: baseline;
    flex-wrap: wrap;
    gap: .3rem;
    font-size: .82rem;
    font-weight: 750;
}

.installment-summary-amount small[b-e0zllrl8nn] {
    color: var(--installment-accent);
    font-size: .72em;
    font-weight: 800;
}

.installment-summary-card:hover .installment-summary-icon[b-e0zllrl8nn] {
    border-color: color-mix(in srgb, var(--installment-accent) 62%, transparent);
    box-shadow: 0 0 18px color-mix(in srgb, var(--installment-accent) 18%, transparent);
}

.quick-actions-section[b-e0zllrl8nn] {
    --quick-background: var(--ds-background);
    --quick-surface: var(--ds-input);
    --quick-border: var(--ds-window-border);
    --quick-text: var(--ds-text-primary);
    --quick-muted: var(--ds-window-muted);
    min-width: 0;
    margin-top: 0;
    padding: clamp(1rem, 2vw, 1.3rem);
    overflow: hidden;
    color: var(--quick-text);
    background:
        radial-gradient(circle at 80% -20%, color-mix(in srgb, var(--ds-chart-violet) 12%, transparent), transparent 18rem),
        linear-gradient(145deg, var(--ds-window-surface), var(--quick-background));
    border: 1px solid var(--quick-border);
    border-radius: 1.1rem;
    box-shadow: 0 18px 42px color-mix(in srgb, var(--ds-shadow-base) 22%, transparent);
    direction: rtl;
}

.quick-actions-heading[b-e0zllrl8nn] {
    display: flex;
    align-items: center;
    gap: .72rem;
}

.quick-actions-heading h2[b-e0zllrl8nn] {
    margin: 0;
    color: var(--ds-chart-violet-text);
    font-size: .78rem;
    font-weight: 750;
}

.quick-actions-divider[b-e0zllrl8nn] {
    height: 1px;
    margin: .9rem 0 1rem;
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--ds-chart-violet) 48%, transparent), var(--ds-window-border) 72%);
}

.quick-actions-grid[b-e0zllrl8nn] {
    display: grid;
    grid-template-columns: 1fr;
    gap: .7rem;
}

.quick-action-payment[b-e0zllrl8nn] {
    min-width: 0;
}

.quick-action-card[b-e0zllrl8nn],
.quick-action-payment[b-e0zllrl8nn]  .quick-action-card {
    --quick-accent: var(--ds-chart-violet);
    min-height: 4.25rem;
    padding: .78rem .85rem;
    color: var(--quick-text);
    background: linear-gradient(145deg, color-mix(in srgb, var(--ds-surface) 96%, transparent), color-mix(in srgb, var(--ds-input) 96%, transparent));
    border: 1px solid var(--ds-border);
    border-radius: .9rem;
    gap: .8rem;
    box-shadow: inset 0 1px color-mix(in srgb, var(--ds-text-on-accent) 2%, transparent);
    transition: color 190ms ease, background-color 190ms ease,
        border-color 190ms ease, box-shadow 190ms ease, transform 190ms ease;
}

.quick-action-card:hover[b-e0zllrl8nn],
.quick-action-payment[b-e0zllrl8nn]  .quick-action-card:hover {
    color: var(--quick-text);
    background: linear-gradient(145deg,
        color-mix(in srgb, var(--quick-accent) 8%, var(--ds-surface)), var(--ds-input));
    border-color: color-mix(in srgb, var(--quick-accent) 52%, var(--ds-border));
    box-shadow: inset 0 1px color-mix(in srgb, var(--ds-text-on-accent) 3%, transparent),
        0 8px 20px color-mix(in srgb, var(--quick-accent) 9%, transparent);
    transform: translateY(-2px);
}

.quick-action-card:active[b-e0zllrl8nn],
.quick-action-payment[b-e0zllrl8nn]  .quick-action-card:active {
    transform: translateY(0);
}

.installment-summary-card[b-e0zllrl8nn]::after,
.quick-action-card[b-e0zllrl8nn]::after,
.quick-action-payment[b-e0zllrl8nn]  .quick-action-card::after {
    content: "‹";
    flex: 0 0 auto;
    margin-inline-start: auto;
    color: var(--ds-text-secondary);
    font-size: 1rem;
    line-height: 1;
    transition: color 160ms ease, transform 160ms ease;
}

.installment-summary-card:hover[b-e0zllrl8nn]::after,
.quick-action-card:hover[b-e0zllrl8nn]::after,
.quick-action-payment[b-e0zllrl8nn]  .quick-action-card:hover::after {
    color: var(--ds-primary);
    transform: translateX(-1px);
}

.installment-summary-card[b-e0zllrl8nn]::after {
    content: "‹";
    color: color-mix(in srgb, var(--installment-accent) 68%, var(--installment-muted));
    font-size: 1.35rem;
}

.installment-summary-card:hover[b-e0zllrl8nn]::after {
    color: var(--installment-accent);
    transform: translateX(-3px);
}

.quick-action-card:focus-visible[b-e0zllrl8nn],
.quick-action-payment[b-e0zllrl8nn]  .quick-action-card:focus-visible {
    border-color: var(--quick-accent);
    outline: 2px solid color-mix(in srgb, var(--quick-accent) 76%, white);
    outline-offset: 3px;
}

.quick-action-payment[b-e0zllrl8nn]  .quick-action-card:disabled {
    color: var(--quick-muted);
    background: var(--ds-input);
    border-color: var(--quick-border);
    opacity: 0.65;
    cursor: not-allowed;
    transform: none;
}

.quick-action-icon[b-e0zllrl8nn],
.quick-action-payment[b-e0zllrl8nn]  .quick-action-icon {
    display: grid;
    width: 2.85rem;
    height: 2.85rem;
    flex: 0 0 auto;
    color: var(--quick-accent);
    background: color-mix(in srgb, var(--quick-accent) 11%, var(--ds-window-surface-raised));
    border: 1px solid color-mix(in srgb, var(--quick-accent) 36%, transparent);
    border-radius: .78rem;
    box-shadow: 0 0 14px color-mix(in srgb, var(--quick-accent) 11%, transparent);
    place-items: center;
    transition: border-color 190ms ease, box-shadow 190ms ease;
}

.quick-action-icon[b-e0zllrl8nn]  .app-icon,
.quick-action-payment[b-e0zllrl8nn]  .quick-action-icon .app-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.quick-action-copy[b-e0zllrl8nn],
.quick-action-payment[b-e0zllrl8nn]  .quick-action-copy {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
}

.quick-action-copy strong[b-e0zllrl8nn],
.quick-action-copy small[b-e0zllrl8nn],
.quick-action-payment[b-e0zllrl8nn]  .quick-action-copy strong,
.quick-action-payment[b-e0zllrl8nn]  .quick-action-copy small {
    display: block;
}

.quick-action-copy strong[b-e0zllrl8nn],
.quick-action-payment[b-e0zllrl8nn]  .quick-action-copy strong {
    color: var(--quick-text);
    font-size: .84rem;
    font-weight: 750;
    line-height: 1.4;
}

.quick-action-copy small[b-e0zllrl8nn],
.quick-action-payment[b-e0zllrl8nn]  .quick-action-copy small {
    margin-top: .18rem;
    color: var(--quick-muted);
    font-size: .7rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.section-heading[b-e0zllrl8nn] {
    margin-bottom: 0.9rem;
}

.quick-action-student .quick-action-icon[b-e0zllrl8nn] {
    color: var(--quick-accent);
}

.quick-action-student[b-e0zllrl8nn] {
    --quick-accent: var(--ds-chart-violet);
}

.quick-action-payment[b-e0zllrl8nn]  .quick-action-finance {
    --quick-accent: var(--ds-success);
}

.quick-action-records[b-e0zllrl8nn] {
    --quick-accent: var(--ds-info);
}

.quick-action-guardian[b-e0zllrl8nn] {
    --quick-accent: var(--ds-accent);
}

.quick-action-card[b-e0zllrl8nn]::after,
.quick-action-payment[b-e0zllrl8nn]  .quick-action-card::after {
    content: "‹";
    color: color-mix(in srgb, var(--quick-accent) 68%, var(--quick-muted));
    font-size: 1.35rem;
}

.quick-action-card:hover[b-e0zllrl8nn]::after,
.quick-action-payment[b-e0zllrl8nn]  .quick-action-card:hover::after {
    color: var(--quick-accent);
    transform: translateX(-3px);
}

.quick-action-card:hover .quick-action-icon[b-e0zllrl8nn],
.quick-action-payment[b-e0zllrl8nn]  .quick-action-card:hover .quick-action-icon {
    border-color: color-mix(in srgb, var(--quick-accent) 62%, transparent);
    box-shadow: 0 0 18px color-mix(in srgb, var(--quick-accent) 18%, transparent);
}

.quick-action-payment[b-e0zllrl8nn]  .quick-action-card:disabled::after {
    display: none;
}

.compact-statistics-grid .section-heading[b-e0zllrl8nn] {
    margin-bottom: 0.4rem;
}

.compact-statistics-grid .section-heading .dashboard-eyebrow[b-e0zllrl8nn] {
    display: none;
}

.section-heading h2[b-e0zllrl8nn] {
    margin: .2rem 0 0;
    font-size: 1.25rem;
}

.compact-statistics-grid .section-heading h2[b-e0zllrl8nn] {
    margin: 0;
    font-size: 1.05rem;
}

.grades-section[b-e0zllrl8nn] {
    --grades-bg: var(--ds-background);
    --grades-surface: var(--ds-window-surface-raised);
    --grades-surface-raised: var(--ds-input);
    --grades-border: var(--ds-panel);
    --grades-text: var(--ds-text-primary);
    --grades-muted: var(--ds-window-muted);
    margin-top: 1rem;
    padding: clamp(1rem, 2vw, 1.35rem);
    overflow: hidden;
    color: var(--grades-text);
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--ds-primary) 6%, transparent), transparent 22rem),
        linear-gradient(145deg, var(--ds-background), var(--ds-window-surface) 56%, var(--ds-window-surface-raised));
    border: 1px solid var(--ds-window-border);
    border-radius: 1.2rem;
    box-shadow: 0 18px 42px color-mix(in srgb, var(--ds-shadow-base) 18%, transparent);
    direction: rtl;
}

.grades-section-heading[b-e0zllrl8nn] {
    margin-bottom: 1rem;
}

.grades-section-title[b-e0zllrl8nn] {
    min-width: 0;
}

.grades-section-heading h2[b-e0zllrl8nn] {
    margin: 0;
    color: var(--grades-text);
    font-size: clamp(1.15rem, 1.7vw, 1.45rem);
    font-weight: 750;
}

.grades-title-accent[b-e0zllrl8nn] {
    display: block;
    width: 3.5rem;
    height: 3px;
    margin-top: .55rem;
    background: linear-gradient(90deg, var(--ds-accent), var(--ds-info));
    border-radius: 999px;
    box-shadow: 0 0 10px color-mix(in srgb, var(--ds-info) 22%, transparent);
}

.count-badge[b-e0zllrl8nn] {
    display: flex;
    min-height: 2.55rem;
    padding: .35rem .65rem;
    color: var(--grades-muted);
    background: color-mix(in srgb, var(--ds-input) 82%, transparent);
    border: 1px solid var(--grades-border);
    border-radius: .78rem;
    align-items: center;
    gap: .35rem;
    font-size: .72rem;
    box-shadow: inset 0 1px color-mix(in srgb, var(--ds-text-on-accent) 3%, transparent);
}

.count-badge strong[b-e0zllrl8nn] {
    color: var(--grades-text);
    font-size: .88rem;
}

.count-badge-icon[b-e0zllrl8nn] {
    display: grid;
    width: 1.75rem;
    height: 1.75rem;
    color: var(--ds-primary);
    background: color-mix(in srgb, var(--ds-primary) 9%, transparent);
    border: 1px solid color-mix(in srgb, var(--ds-primary) 28%, transparent);
    border-radius: .52rem;
    place-items: center;
}

.count-badge-icon[b-e0zllrl8nn]  .app-icon {
    width: .88rem;
    height: .88rem;
}

.grade-grid[b-e0zllrl8nn] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: .9rem;
}

.grade-card[b-e0zllrl8nn] {
    --grade-accent: var(--ds-accent);
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 100%;
    padding: 1rem;
    overflow: hidden;
    color: var(--grades-text);
    background: linear-gradient(145deg, color-mix(in srgb, var(--ds-input) 96%, transparent), color-mix(in srgb, var(--ds-window-surface-raised) 98%, transparent));
    border: 1px solid var(--grades-border);
    border-radius: 1rem;
    flex-direction: column;
    box-shadow: inset 0 1px color-mix(in srgb, var(--ds-text-on-accent) 3%, transparent), 0 10px 26px color-mix(in srgb, var(--ds-shadow-base) 15%, transparent);
    transition: border-color 190ms ease, box-shadow 190ms ease, transform 190ms ease;
}

.grade-card:nth-child(3n + 2)[b-e0zllrl8nn] {
    --grade-accent: var(--ds-info);
}

.grade-card:nth-child(3n)[b-e0zllrl8nn] {
    --grade-accent: var(--ds-primary);
}

.grade-card[b-e0zllrl8nn]::after {
    position: absolute;
    inset-inline: 1rem;
    inset-block-end: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--grade-accent), transparent);
    border-radius: 999px 999px 0 0;
    box-shadow: 0 0 9px color-mix(in srgb, var(--grade-accent) 25%, transparent);
    content: "";
    opacity: .72;
    transition: opacity 190ms ease, box-shadow 190ms ease;
}

.grade-card:has(.grade-card-link:hover)[b-e0zllrl8nn] {
    border-color: color-mix(in srgb, var(--grade-accent) 48%, transparent);
    box-shadow: inset 0 1px color-mix(in srgb, var(--ds-text-on-accent) 4%, transparent),
        0 14px 30px color-mix(in srgb, var(--ds-shadow-base) 20%, transparent), 0 0 16px color-mix(in srgb, var(--grade-accent) 7%, transparent);
    transform: translateY(-2px);
}

.grade-card:has(.grade-card-link:hover)[b-e0zllrl8nn]::after {
    opacity: 1;
    box-shadow: 0 0 13px color-mix(in srgb, var(--grade-accent) 38%, transparent);
}

.grade-card:has(.grade-card-link:focus-visible)[b-e0zllrl8nn] {
    border-color: var(--grade-accent);
    box-shadow: 0 0 0 2px var(--ds-background), 0 0 0 4px color-mix(in srgb, var(--grade-accent) 70%, transparent);
}

.grade-card-link[b-e0zllrl8nn] {
    position: absolute;
    z-index: 1;
    inset: 0;
    border-radius: inherit;
    cursor: pointer;
}

.grade-card-link:focus[b-e0zllrl8nn] {
    outline: none;
}

.grade-card-header[b-e0zllrl8nn] {
    align-items: flex-start;
}

.grade-card-title[b-e0zllrl8nn] {
    min-width: 0;
}

.grade-card h3[b-e0zllrl8nn] {
    margin: 0 0 .35rem;
    overflow-wrap: anywhere;
    color: var(--grades-text);
    font-size: clamp(1.15rem, 1.7vw, 1.45rem);
    font-weight: 750;
    line-height: 1.4;
}

.grade-classroom-count[b-e0zllrl8nn] {
    display: flex;
    color: var(--grades-muted);
    align-items: center;
    gap: .32rem;
    font-size: .7rem;
}

.grade-classroom-count[b-e0zllrl8nn]  .app-icon {
    width: .85rem;
    height: .85rem;
}

.grade-card-icon[b-e0zllrl8nn] {
    display: grid;
    width: 2.65rem;
    height: 2.65rem;
    flex: 0 0 2.65rem;
    color: var(--grade-accent);
    background: color-mix(in srgb, var(--grade-accent) 9%, transparent);
    border: 1px solid color-mix(in srgb, var(--grade-accent) 38%, transparent);
    border-radius: 50%;
    box-shadow: 0 0 14px color-mix(in srgb, var(--grade-accent) 11%, transparent);
    place-items: center;
    transition: border-color 190ms ease, box-shadow 190ms ease;
}

.grade-card-icon[b-e0zllrl8nn]  .app-icon {
    width: 1.22rem;
    height: 1.22rem;
}

.grade-card:has(.grade-card-link:hover) .grade-card-icon[b-e0zllrl8nn] {
    border-color: color-mix(in srgb, var(--grade-accent) 62%, transparent);
    box-shadow: 0 0 18px color-mix(in srgb, var(--grade-accent) 17%, transparent);
}

.grade-student-summary[b-e0zllrl8nn] {
    display: flex;
    min-height: 3.6rem;
    margin-top: .85rem;
    padding: .6rem .7rem;
    background: color-mix(in srgb, var(--grade-accent) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--grade-accent) 20%, transparent);
    border-radius: .78rem;
    align-items: center;
    gap: .5rem;
}

.grade-student-summary-icon[b-e0zllrl8nn] {
    display: grid;
    width: 1.85rem;
    height: 1.85rem;
    flex: 0 0 1.85rem;
    color: var(--grades-muted);
    background: color-mix(in srgb, var(--ds-background) 45%, transparent);
    border-radius: .52rem;
    place-items: center;
}

.grade-student-summary-icon[b-e0zllrl8nn]  .app-icon {
    width: .92rem;
    height: .92rem;
}

.grade-student-summary > span:not(.grade-student-summary-icon)[b-e0zllrl8nn] {
    color: var(--grades-muted);
    font-size: .72rem;
}

.grade-student-summary strong[b-e0zllrl8nn] {
    margin-inline-start: auto;
    color: var(--grade-accent);
    font-size: .84rem;
    font-weight: 750;
    line-height: 1.4;
}

.classroom-list[b-e0zllrl8nn] {
    display: grid;
    margin-top: .75rem;
    gap: .4rem;
}

.classroom-list > .classroom-link[b-e0zllrl8nn] {
    position: relative;
    z-index: 2;
    display: flex;
    min-height: 2.3rem;
    padding: .4rem .58rem;
    color: var(--ds-text-secondary);
    background: color-mix(in srgb, var(--ds-background) 50%, transparent);
    border: 1px solid var(--ds-window-border);
    border-radius: .65rem;
    align-items: center;
    justify-content: space-between;
    gap: .7rem;
    font-size: .7rem;
    text-decoration: none;
    transition: color 190ms ease, background-color 190ms ease,
        border-color 190ms ease, box-shadow 190ms ease;
}

.classroom-list > .classroom-link:hover[b-e0zllrl8nn] {
    color: var(--grades-text);
    background: color-mix(in srgb, var(--grade-accent) 8%, transparent);
    border-color: color-mix(in srgb, var(--grade-accent) 42%, transparent);
}

.classroom-list > .classroom-link:focus-visible[b-e0zllrl8nn] {
    z-index: 3;
    border-color: var(--grade-accent);
    outline: 2px solid color-mix(in srgb, var(--grade-accent) 65%, transparent);
    outline-offset: 2px;
}

.classroom-list span[b-e0zllrl8nn] {
    display: flex;
    min-width: 0;
    overflow-wrap: anywhere;
    align-items: center;
    gap: .35rem;
}

.classroom-list strong[b-e0zllrl8nn] {
    color: var(--grade-accent);
}

.classrooms-empty[b-e0zllrl8nn],
.dashboard-empty[b-e0zllrl8nn] {
    padding: 1rem;
    color: var(--grades-muted, var(--ds-text-secondary));
    background: color-mix(in srgb, var(--ds-input) 72%, transparent);
    border: 1px dashed var(--grades-border, var(--ds-border-strong));
    border-radius: .8rem;
    text-align: center;
}

.classrooms-empty[b-e0zllrl8nn] {
    margin: .75rem 0 0;
    font-size: .78rem;
}

.grade-metrics[b-e0zllrl8nn] {
    display: grid;
    margin: .85rem 0 0;
    padding-top: .8rem;
    border-top: 1px solid var(--ds-panel);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grade-metrics div + div[b-e0zllrl8nn] {
    border-inline-start: 1px solid var(--ds-panel);
}

.grade-metrics dt[b-e0zllrl8nn],
.grade-metrics dd[b-e0zllrl8nn] {
    margin: 0;
    text-align: center;
}

.grade-metrics dt[b-e0zllrl8nn] {
    display: flex;
    color: var(--grades-muted);
    align-items: center;
    justify-content: center;
    gap: .25rem;
    font-size: .66rem;
}

.grade-metrics dt[b-e0zllrl8nn]  .app-icon {
    width: .75rem;
    height: .75rem;
}

.grade-metrics dd[b-e0zllrl8nn] {
    margin-top: .24rem;
    color: var(--grade-accent);
    font-size: .84rem;
    font-weight: 750;
}

@media (prefers-reduced-motion: reduce) {
    .grade-card[b-e0zllrl8nn],
    .classroom-list > .classroom-link[b-e0zllrl8nn] {
        transition: none;
    }

    .grade-card:has(.grade-card-link:hover)[b-e0zllrl8nn] {
        transform: none;
    }
}

@media (max-width: 1199.98px) {
    .student-statistics-slot[b-e0zllrl8nn],
    .finance-summary-slot[b-e0zllrl8nn],
    .quick-actions-section[b-e0zllrl8nn] {
        width: auto;
        grid-column: auto;
        grid-row: auto;
        justify-self: stretch;
    }

    .compact-statistics-grid[b-e0zllrl8nn] {
        align-items: start;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .compact-statistics-grid[b-e0zllrl8nn],
    .summary-grid[b-e0zllrl8nn] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .student-statistics-slot[b-e0zllrl8nn] { grid-column: 1; grid-row: 1; }
    .quick-actions-section[b-e0zllrl8nn] { grid-column: 1; grid-row: 2; }
    .finance-summary-slot[b-e0zllrl8nn] { grid-column: 2; grid-row: 1 / span 2; }

    .administrative-statistics-grid .student-statistics-slot[b-e0zllrl8nn] {
        grid-column: 1;
        grid-row: 1;
    }

    .administrative-statistics-grid .quick-actions-section[b-e0zllrl8nn] {
        grid-column: 2;
        grid-row: 1;
    }

    .grade-grid[b-e0zllrl8nn] {
        align-items: start;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .compact-statistics-grid[b-e0zllrl8nn],
    .summary-grid[b-e0zllrl8nn],
    .quick-actions-grid[b-e0zllrl8nn],
    .grade-grid[b-e0zllrl8nn] {
        grid-template-columns: 1fr;
    }

    .student-statistics-slot[b-e0zllrl8nn],
    .quick-actions-section[b-e0zllrl8nn],
    .finance-summary-slot[b-e0zllrl8nn] {
        grid-column: 1;
        grid-row: auto;
    }

    .administrative-statistics-grid .student-statistics-slot[b-e0zllrl8nn],
    .administrative-statistics-grid .quick-actions-section[b-e0zllrl8nn] {
        grid-column: 1;
        grid-row: auto;
    }

    .student-statistics-slot[b-e0zllrl8nn] { order: 1; }
    .quick-actions-section[b-e0zllrl8nn] { order: 2; }
    .finance-summary-slot[b-e0zllrl8nn] { order: 3; }

    .grades-section[b-e0zllrl8nn] {
        padding: .85rem;
        border-radius: 1rem;
    }

    .grade-card[b-e0zllrl8nn] {
        padding: .85rem;
    }

    .grade-card-icon[b-e0zllrl8nn] {
        width: 2.4rem;
        height: 2.4rem;
        flex-basis: 2.4rem;
    }

    .installment-summary-card[b-e0zllrl8nn],
    .quick-action-card[b-e0zllrl8nn],
    .quick-action-payment[b-e0zllrl8nn]  .quick-action-card {
        min-height: 2.75rem;
        padding: 0.6rem 0.5rem;
    }

    .installment-summary-copy strong[b-e0zllrl8nn],
    .quick-action-copy strong[b-e0zllrl8nn] {
        font-size: 0.9rem;
    }

    .installment-summary-copy span[b-e0zllrl8nn],
    .installment-summary-copy bdi[b-e0zllrl8nn],
    .quick-action-copy small[b-e0zllrl8nn] {
        font-size: 0.76rem;
        white-space: normal;
    }

    .installment-summary-icon[b-e0zllrl8nn],
    .quick-action-icon[b-e0zllrl8nn] {
        width: 2rem;
        height: 2rem;
    }

    .installment-summary-card[b-e0zllrl8nn] {
        min-height: 4rem;
        padding: .7rem;
        gap: .65rem;
    }

    .installment-summary-icon[b-e0zllrl8nn] {
        width: 2.5rem;
        height: 2.5rem;
    }

    .installment-summary-separator[b-e0zllrl8nn] {
        height: 2.35rem;
    }

    .installment-summary-copy strong[b-e0zllrl8nn] {
        font-size: .8rem;
    }

    .installment-summary-copy .installment-summary-count[b-e0zllrl8nn],
    .installment-summary-copy .installment-summary-description[b-e0zllrl8nn] {
        font-size: .68rem;
    }

    .installment-summary-copy .installment-summary-amount[b-e0zllrl8nn] {
        font-size: .78rem;
    }

    .quick-actions-section[b-e0zllrl8nn] {
        padding: .85rem;
    }

    .quick-action-card[b-e0zllrl8nn],
    .quick-action-payment[b-e0zllrl8nn]  .quick-action-card {
        min-height: 4rem;
        padding: .7rem;
        gap: .65rem;
    }

    .quick-action-icon[b-e0zllrl8nn],
    .quick-action-payment[b-e0zllrl8nn]  .quick-action-icon {
        width: 2.5rem;
        height: 2.5rem;
    }

    .quick-action-copy strong[b-e0zllrl8nn],
    .quick-action-payment[b-e0zllrl8nn]  .quick-action-copy strong {
        font-size: .8rem;
    }

    .quick-action-copy small[b-e0zllrl8nn],
    .quick-action-payment[b-e0zllrl8nn]  .quick-action-copy small {
        font-size: .68rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .installment-summary-card[b-e0zllrl8nn],
    .quick-action-card[b-e0zllrl8nn],
    .quick-action-payment[b-e0zllrl8nn]  .quick-action-card,
    .installment-summary-card[b-e0zllrl8nn]::after,
    .quick-action-card[b-e0zllrl8nn]::after,
    .quick-action-payment[b-e0zllrl8nn]  .quick-action-card::after {
        transition: none;
    }
}
/* /Components/Schools/Pages/PrincipalSchoolSettings.razor.rz.scp.css */
.principal-settings-page[b-d7trobu1tb] {
    --settings-tree-width: 20rem;
    --settings-tree-min-width: 17rem;
    --settings-tree-max-width: 36rem;
    --settings-tree-resizer-width: 0.7rem;
    --settings-tree-viewport-offset: 10rem;
    --tree-surface: var(--ds-sidebar);
    --tree-surface-raised: var(--ds-sidebar-raised);
    --tree-border: var(--ds-border);
    --tree-divider: var(--ds-border);
    --tree-text: var(--ds-text-primary);
    --tree-muted: var(--ds-text-secondary);
    --tree-hover: var(--ds-hover);
    --tree-focus: var(--ds-focus);
    --tree-root-start: var(--ds-primary-solid);
    --tree-root-end: var(--ds-selected-strong);
    --tree-grade: var(--ds-accent);
    --tree-grade-soft: var(--ds-accent-soft);
    --tree-subjects: var(--ds-info);
    --tree-subjects-soft: var(--ds-info-soft);
    --tree-classrooms: var(--ds-success);
    --tree-classrooms-soft: var(--ds-success-soft);
    --tree-assessments: var(--ds-warning);
    --tree-assessments-soft: var(--ds-warning-soft);
}

.settings-heading[b-d7trobu1tb] {
    display: flex;
    margin-bottom: 1rem;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.settings-heading>div>span[b-d7trobu1tb],
.management-title>div>span[b-d7trobu1tb],
.work-context>div>span[b-d7trobu1tb] {
    color: var(--ds-primary);
    font-size: 0.76rem;
    font-weight: 700;
}

.settings-heading h1[b-d7trobu1tb] {
    margin: 0.2rem 0;
    color: var(--ds-text-primary);
    font-size: clamp(1.55rem, 3vw, 2.1rem);
    font-weight: 700;
}

.settings-heading p[b-d7trobu1tb] {
    margin: 0;
    color: var(--ds-text-secondary);
}

.year-sequence-helper[b-d7trobu1tb] {
    margin: 0.45rem 0 0;
    color: var(--tree-classrooms);
    font-size: 0.86rem;
    line-height: 1.45;
}

.settings-workspace[b-d7trobu1tb] {
    display: grid;
    height: calc(100vh - var(--settings-tree-viewport-offset));
    height: calc(100dvh - var(--settings-tree-viewport-offset));
    min-height: 0;
    overflow: hidden;
    background: var(--tree-surface-raised);
    border: 1px solid var(--tree-border);
    border-radius: 1.1rem;
    box-shadow: 0 12px 38px var(--ds-shadow-color-soft);
    grid-template-columns:
        clamp(var(--settings-tree-min-width),
            var(--settings-tree-width),
            var(--settings-tree-max-width)) var(--settings-tree-resizer-width) minmax(0, 1fr);
}

.settings-tree[b-d7trobu1tb] {
    min-width: 0;
    min-height: 0;
    max-height: calc(100vh - var(--settings-tree-viewport-offset));
    max-height: calc(100dvh - var(--settings-tree-viewport-offset));
    padding: 1.05rem;
    overflow-y: auto;
    overscroll-behavior: contain;
    color: var(--tree-text);
    background:
        radial-gradient(circle at 100% 0, var(--ds-primary-soft), transparent 13rem),
        var(--tree-surface);
    font-family: "Cairo", "Segoe UI", sans-serif;
    scrollbar-color: var(--ds-border-strong) transparent;
    scrollbar-width: thin;
}

.settings-tree[b-d7trobu1tb]::-webkit-scrollbar {
    width: 0.45rem;
}

.settings-tree[b-d7trobu1tb]::-webkit-scrollbar-thumb {
    background: var(--ds-border-strong);
    border-radius: 999px;
}

.settings-tree-toggle[b-d7trobu1tb] {
    display: none;
    min-height: 2.65rem;
    padding: 0.55rem 0.85rem;
    color: var(--ds-text-primary);
    background: var(--ds-surface);
    border: 1px solid var(--ds-border);
    border-radius: 0.75rem;
    font-size: 0.9rem;
    font-weight: 700;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.settings-tree-resizer[b-d7trobu1tb] {
    position: relative;
    z-index: 2;
    width: var(--settings-tree-resizer-width);
    min-height: 100%;
    padding: 0;
    cursor: col-resize;
    touch-action: none;
    user-select: none;
}

.settings-tree-resizer[b-d7trobu1tb]::before {
    position: absolute;
    inset-block: 0;
    inset-inline-start: 50%;
    width: 1px;
    background: var(--ds-primary-soft);
    content: "";
    transform: translateX(-50%);
    transition: width 0.15s ease, background-color 0.15s ease;
}

.settings-tree-resizer:hover[b-d7trobu1tb]::before,
.settings-tree-resizer:focus-visible[b-d7trobu1tb]::before,
.settings-workspace.is-resizing .settings-tree-resizer[b-d7trobu1tb]::before {
    width: 3px;
    background: var(--ds-primary-active);
}

.settings-tree-resizer:focus-visible[b-d7trobu1tb] {
    outline: 2px solid var(--ds-focus);
    outline-offset: -2px;
}

.settings-workspace.is-resizing[b-d7trobu1tb] {
    cursor: col-resize;
}

.tree-title[b-d7trobu1tb] {
    display: flex;
    margin-bottom: 1rem;
    padding: 0.35rem 0.25rem 0.85rem;
    color: var(--tree-text);
    border-bottom: 1px solid var(--tree-divider);
    align-items: center;
    gap: 0.65rem;
}

.tree-title-copy strong[b-d7trobu1tb],
.tree-title-copy span[b-d7trobu1tb] {
    display: block;
}

.tree-title-icon[b-d7trobu1tb] {
    display: inline-grid;
    width: 2.15rem;
    height: 2.15rem;
    flex: 0 0 auto;
    color: var(--tree-focus);
    background: var(--ds-primary-soft);
    border-radius: 0.68rem;
    place-items: center;
}

.tree-title-icon[b-d7trobu1tb]  .app-icon {
    width: 1.15rem;
    height: 1.15rem;
}

.tree-title-copy[b-d7trobu1tb] {
    min-width: 0;
    flex: 1;
}

.tree-title-copy strong[b-d7trobu1tb] {
    font-size: 0.92rem;
    font-weight: 700;
}

.tree-title-copy span[b-d7trobu1tb] {
    margin-top: 0.15rem;
    overflow: hidden;
    color: var(--tree-muted);
    font-size: 0.68rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tree-title-count[b-d7trobu1tb] {
    display: inline-grid;
    min-width: 1.75rem;
    height: 1.75rem;
    padding-inline: 0.35rem;
    color: var(--ds-primary);
    background: var(--ds-primary-soft);
    border: 1px solid var(--ds-primary);
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    place-items: center;
}

.tree-empty[b-d7trobu1tb],
.section-empty[b-d7trobu1tb],
.work-empty[b-d7trobu1tb] {
    padding: 1.1rem;
    color: var(--ds-text-secondary);
    background: var(--ds-surface-raised);
    border: 1px dashed var(--ds-border-strong);
    border-radius: 0.8rem;
    text-align: center;
}

.tree-list[b-d7trobu1tb],
.tree-children[b-d7trobu1tb],
.tree-sections[b-d7trobu1tb],
.tree-branch-children[b-d7trobu1tb],
.tree-period-items[b-d7trobu1tb] {
    display: grid;
    gap: 0.38rem;
}

.tree-list[b-d7trobu1tb] {
    gap: 0.75rem;
}

.tree-year[b-d7trobu1tb],
.tree-stage[b-d7trobu1tb],
.tree-section-node[b-d7trobu1tb] {
    min-width: 0;
}

.tree-year>summary[b-d7trobu1tb],
.tree-stage>summary[b-d7trobu1tb] {
    position: relative;
    display: flex;
    min-height: 3rem;
    padding: 0.6rem 0.7rem;
    color: var(--tree-text);
    border: 1px solid transparent;
    border-radius: 0.82rem;
    cursor: pointer;
    font-size: 0.95rem;
    line-height: 1.55;
    list-style: none;
    align-items: center;
    gap: 0.5rem;
    transition:
        color 0.2s ease-in-out,
        background-color 0.2s ease-in-out,
        border-color 0.2s ease-in-out,
        box-shadow 0.2s ease-in-out,
        transform 0.2s ease-in-out;
}

.tree-year>summary[b-d7trobu1tb] {
    min-height: 3.5rem;
    color: var(--ds-text-on-accent);
    background: linear-gradient(135deg, var(--tree-root-start), var(--tree-root-end));
    border-color: var(--ds-border);
    box-shadow: 0 6px 16px var(--ds-shadow-color);
}

.tree-year>summary:hover[b-d7trobu1tb] {
    box-shadow: 0 9px 22px var(--ds-shadow-color);
    transform: translateY(-1px);
}

.tree-stage>summary[b-d7trobu1tb] {
    color: var(--ds-text-primary);
    background: var(--tree-grade-soft);
    border-color: var(--ds-border);
}

.tree-stage>summary:hover[b-d7trobu1tb] {
    color: var(--ds-text-primary);
    background: var(--ds-hover);
    border-color: var(--ds-border);
    transform: translateX(-2px);
}

.tree-year>summary.selected[b-d7trobu1tb],
.tree-year[data-selected="true"]>summary[b-d7trobu1tb] {
    background: linear-gradient(135deg, var(--ds-primary-solid), var(--ds-selected-strong));
    box-shadow:
        inset -4px 0 var(--ds-primary),
        var(--ds-shadow-sm);
}

.tree-stage>summary.selected[b-d7trobu1tb],
.tree-stage[data-selected="true"]>summary[b-d7trobu1tb] {
    color: var(--ds-text-primary);
    background: var(--ds-selected);
    border-color: var(--ds-border);
    box-shadow: inset -4px 0 var(--tree-grade);
    font-weight: 700;
}

.tree-section-node>summary[b-d7trobu1tb] {
    cursor: pointer;
}

.tree-year>summary[b-d7trobu1tb]::-webkit-details-marker,
.tree-stage>summary[b-d7trobu1tb]::-webkit-details-marker {
    display: none;
}

.tree-chevron[b-d7trobu1tb] {
    display: inline-grid;
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto;
    color: currentColor;
    font-size: 1.1rem;
    line-height: 1;
    opacity: 0.68;
    place-items: center;
    transition: transform 0.22s ease-in-out, opacity 0.2s ease-in-out;
}

details[open]>summary>.tree-chevron[b-d7trobu1tb] {
    transform: rotate(-90deg);
}

.tree-period[open]>summary .tree-chevron[b-d7trobu1tb] {
    transform: rotate(-90deg);
}

.tree-node-icon[b-d7trobu1tb] {
    display: grid;
    width: 1.85rem;
    height: 1.85rem;
    color: var(--tree-focus);
    background: var(--ds-primary-soft);
    border-radius: 0.5rem;
    font-size: 0.82rem;
    font-weight: 700;
    place-items: center;
}

.tree-year>summary .tree-node-icon[b-d7trobu1tb],
.tree-year>summary .tree-kind-icon[b-d7trobu1tb] {
    color: var(--ds-text-on-accent);
    background: var(--ds-hover);
    box-shadow: inset 0 0 0 1px var(--ds-shadow-color-soft);
}

.tree-node-icon.stage[b-d7trobu1tb] {
    color: var(--tree-grade);
    background: var(--ds-hover);
}

.tree-node-link[b-d7trobu1tb] {
    min-width: 0;
    overflow: hidden;
    color: inherit;
    font-weight: 700;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tree-node-link:hover[b-d7trobu1tb] {
    color: inherit;
    text-decoration: none;
}

.tree-badge[b-d7trobu1tb] {
    display: inline-grid;
    min-width: 1.55rem;
    min-height: 1.55rem;
    margin-inline-start: auto;
    padding: 0.1rem 0.4rem;
    color: var(--ds-text-primary);
    background: var(--ds-surface-raised);
    border: 1px solid var(--ds-border);
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1.35;
    text-align: center;
    place-items: center;
}

.tree-year>summary .tree-badge[b-d7trobu1tb] {
    color: var(--ds-text-on-accent);
    background: var(--ds-hover);
    border-color: var(--ds-border);
}

.tree-year>summary .tree-status-badge[b-d7trobu1tb] {
    min-width: auto;
    padding-inline: 0.55rem;
    background: var(--ds-hover);
    font-size: 0.63rem;
}

.tree-badge+.tree-badge[b-d7trobu1tb] {
    margin-inline-start: 0.25rem;
}

.tree-children[b-d7trobu1tb] {
    margin-block-start: 0.55rem;
    margin-inline-start: 0.8rem;
    padding-inline-start: 0.45rem;
}

.tree-sections[b-d7trobu1tb] {
    margin-block-start: 0.45rem;
    margin-inline-start: 1.05rem;
    padding-inline-start: 0.35rem;
}

.tree-section[b-d7trobu1tb] {
    --tree-node-accent: var(--ds-info);
    --tree-node-soft: var(--ds-info-soft);
    position: relative;
    display: flex;
    min-height: 2.75rem;
    padding: 0.55rem 0.7rem;
    overflow: hidden;
    color: var(--tree-node-accent);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 0.72rem;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.5;
    text-decoration: none;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    transition:
        color 0.2s ease-in-out,
        background-color 0.2s ease-in-out,
        border-color 0.2s ease-in-out,
        box-shadow 0.2s ease-in-out,
        transform 0.2s ease-in-out;
}

.tree-section[b-d7trobu1tb]::after {
    position: absolute;
    inset-block: 0.38rem;
    inset-inline-start: 0;
    width: 0.22rem;
    background: var(--tree-node-accent);
    border-radius: 999px;
    content: "";
    opacity: 0;
    transform: scaleY(0.45);
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.tree-section-node>summary[b-d7trobu1tb] {
    cursor: pointer;
    list-style: none;
}

.tree-section-node>summary[b-d7trobu1tb]::-webkit-details-marker {
    display: none;
}

.tree-section>a[b-d7trobu1tb] {
    display: flex;
    min-width: 0;
    color: inherit;
    text-decoration: none;
    align-items: center;
    gap: 0.45rem;
}

.tree-section>a>span:last-child[b-d7trobu1tb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tree-section:hover[b-d7trobu1tb] {
    color: var(--tree-node-accent);
    background: var(--tree-node-soft);
    border-color: color-mix(in srgb, var(--tree-node-accent) 18%, transparent);
    transform: translateX(-2px);
}

.tree-section.selected[b-d7trobu1tb] {
    color: var(--tree-node-accent);
    background: var(--tree-node-soft);
    border-color: color-mix(in srgb, var(--tree-node-accent) 22%, transparent);
    box-shadow: 0 3px 10px color-mix(in srgb, var(--tree-node-accent) 10%, transparent);
}

.tree-section.selected[b-d7trobu1tb]::after {
    opacity: 1;
    transform: scaleY(1);
}

.tree-section-subjects[b-d7trobu1tb],
.tree-section.subjects[b-d7trobu1tb],
.tree-section[data-tree-kind="subjects"][b-d7trobu1tb] {
    --tree-node-accent: var(--tree-subjects);
    --tree-node-soft: var(--tree-subjects-soft);
}

.tree-section-subjects:hover[b-d7trobu1tb],
.tree-section-subjects.selected[b-d7trobu1tb],
.tree-section.subjects:hover[b-d7trobu1tb],
.tree-section.subjects.selected[b-d7trobu1tb],
.tree-section[data-tree-kind="subjects"]:hover[b-d7trobu1tb],
.tree-section[data-tree-kind="subjects"].selected[b-d7trobu1tb] {
    color: var(--ds-text-primary);
    background: var(--tree-subjects-soft);
}

.tree-section-classrooms[b-d7trobu1tb],
.tree-section.classrooms[b-d7trobu1tb],
.tree-section[data-tree-kind="classrooms"][b-d7trobu1tb] {
    --tree-node-accent: var(--tree-classrooms);
    --tree-node-soft: var(--tree-classrooms-soft);
}

.tree-section-classrooms:hover[b-d7trobu1tb],
.tree-section-classrooms.selected[b-d7trobu1tb],
.tree-section.classrooms:hover[b-d7trobu1tb],
.tree-section.classrooms.selected[b-d7trobu1tb],
.tree-section[data-tree-kind="classrooms"]:hover[b-d7trobu1tb],
.tree-section[data-tree-kind="classrooms"].selected[b-d7trobu1tb] {
    color: var(--ds-success-strong);
    background: var(--tree-classrooms-soft);
}

.tree-section-assessments[b-d7trobu1tb],
.tree-section.assessments[b-d7trobu1tb],
.tree-section[data-tree-kind="assessments"][b-d7trobu1tb] {
    --tree-node-accent: var(--tree-assessments);
    --tree-node-soft: var(--tree-assessments-soft);
}

.tree-section-assessments:hover[b-d7trobu1tb],
.tree-section-assessments.selected[b-d7trobu1tb],
.tree-section.assessments:hover[b-d7trobu1tb],
.tree-section.assessments.selected[b-d7trobu1tb],
.tree-section[data-tree-kind="assessments"]:hover[b-d7trobu1tb],
.tree-section[data-tree-kind="assessments"].selected[b-d7trobu1tb] {
    color: var(--ds-warning-strong);
    background: var(--tree-assessments-soft);
}

.tree-section .tree-kind-icon[b-d7trobu1tb],
.tree-section .tree-badge[b-d7trobu1tb] {
    color: var(--tree-node-accent);
    background: color-mix(in srgb, var(--tree-node-soft) 78%, var(--ds-surface));
    border-color: color-mix(in srgb, var(--tree-node-accent) 15%, transparent);
}

.tree-section.selected .tree-kind-icon[b-d7trobu1tb] {
    color: var(--ds-text-on-bright);
    background: var(--tree-node-accent);
    box-shadow: 0 3px 8px color-mix(in srgb, var(--tree-node-accent) 22%, transparent);
}

.tree-kind-icon[b-d7trobu1tb],
.tree-leaf-icon[b-d7trobu1tb] {
    display: inline-grid;
    width: 1.45rem;
    height: 1.45rem;
    flex: 0 0 auto;
    border: 1px solid transparent;
    border-radius: 0.45rem;
    place-items: center;
    transition:
        color 0.2s ease-in-out,
        background-color 0.2s ease-in-out,
        box-shadow 0.2s ease-in-out,
        transform 0.2s ease-in-out;
}

.tree-kind-icon[b-d7trobu1tb]  .app-icon,
.tree-leaf-icon[b-d7trobu1tb]  .app-icon {
    width: 1.1rem;
    height: 1.1rem;
}

.tree-leaf[b-d7trobu1tb] {
    --tree-leaf-accent: var(--ds-info);
    --tree-leaf-soft: var(--ds-info-soft);
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 2.35rem;
    padding: 0.4rem 0.55rem;
    overflow: hidden;
    color: var(--tree-text);
    border: 1px solid transparent;
    border-radius: 0.58rem;
    font-size: 0.84rem;
    line-height: 1.5;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    align-items: center;
    gap: 0.4rem;
    transition:
        color 0.2s ease-in-out,
        background-color 0.2s ease-in-out,
        border-color 0.2s ease-in-out,
        transform 0.2s ease-in-out;
}

.subjects-node .tree-leaf[b-d7trobu1tb] {
    --tree-leaf-accent: var(--tree-subjects);
    --tree-leaf-soft: var(--tree-subjects-soft);
}

.classrooms-node .tree-leaf[b-d7trobu1tb] {
    --tree-leaf-accent: var(--tree-classrooms);
    --tree-leaf-soft: var(--tree-classrooms-soft);
}

.assessments-node .tree-leaf[b-d7trobu1tb] {
    --tree-leaf-accent: var(--tree-assessments);
    --tree-leaf-soft: var(--tree-assessments-soft);
}

.tree-leaf:hover[b-d7trobu1tb],
.tree-leaf.selected[b-d7trobu1tb],
.tree-leaf[aria-current="page"][b-d7trobu1tb] {
    color: var(--tree-leaf-accent);
    background: var(--tree-leaf-soft);
    border-color: color-mix(in srgb, var(--tree-leaf-accent) 15%, transparent);
}

.tree-leaf:hover[b-d7trobu1tb] {
    transform: translateX(-2px);
}

.tree-leaf.selected[b-d7trobu1tb],
.tree-leaf[aria-current="page"][b-d7trobu1tb] {
    box-shadow: inset -3px 0 var(--tree-leaf-accent);
    font-weight: 700;
}

.tree-leaf .tree-leaf-icon[b-d7trobu1tb] {
    color: var(--tree-leaf-accent);
    background: color-mix(in srgb, var(--tree-leaf-soft) 74%, var(--ds-surface));
}

.tree-node-label[b-d7trobu1tb] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tree-leaf[b-d7trobu1tb]::before {
    position: absolute;
    inset-inline-start: 0.45rem;
    inset-block-start: 50%;
    width: 0.3rem;
    height: 0.3rem;
    background: var(--tree-leaf-accent);
    border-radius: 50%;
    content: "";
}

.tree-leaf:has(.tree-leaf-icon)[b-d7trobu1tb]::before {
    display: none;
}

.tree-branch-children[b-d7trobu1tb] {
    margin-block-start: 0.2rem;
    margin-inline-start: 1.35rem;
    padding-inline-start: 0.35rem;
}

.tree-plan-children[b-d7trobu1tb] {
    display: grid;
    margin-block-start: 0.25rem;
    margin-inline-start: 1.45rem;
    padding-inline-start: 0.35rem;
    gap: 0.3rem;
}

.tree-period>summary[b-d7trobu1tb] {
    display: flex;
    min-height: 2.45rem;
    padding: 0.45rem 0.55rem;
    color: var(--ds-warning-strong);
    background: var(--ds-warning-soft);
    border: 1px solid transparent;
    border-radius: 0.62rem;
    cursor: pointer;
    font-size: 0.86rem;
    font-weight: 700;
    line-height: 1.5;
    list-style: none;
    align-items: center;
    justify-content: space-between;
    gap: 0.4rem;
    transition:
        color 0.2s ease-in-out,
        background-color 0.2s ease-in-out,
        border-color 0.2s ease-in-out,
        transform 0.2s ease-in-out;
}

.tree-period>summary:hover[b-d7trobu1tb] {
    color: var(--ds-warning-strong);
    background: var(--tree-assessments-soft);
    border-color: var(--ds-warning);
    transform: translateX(-2px);
}

.tree-period>summary.selected[b-d7trobu1tb],
.tree-period>summary[aria-current="page"][b-d7trobu1tb] {
    color: var(--tree-assessments);
    background: var(--tree-assessments-soft);
    border-color: color-mix(in srgb, var(--tree-assessments) 18%, transparent);
    box-shadow: inset -3px 0 var(--tree-assessments);
}

.tree-period>summary[b-d7trobu1tb]::-webkit-details-marker {
    display: none;
}

.tree-period-label[b-d7trobu1tb] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.4rem;
}

.tree-period .tree-kind-icon[b-d7trobu1tb] {
    color: var(--tree-assessments);
    background: var(--ds-warning-soft);
}

.tree-period .tree-badge[b-d7trobu1tb] {
    color: var(--tree-assessments);
    background: var(--ds-warning-soft);
    border-color: var(--ds-warning);
}

.assessment-tree-leaf[b-d7trobu1tb] {
    display: flex;
    width: calc(100% - 1rem);
    margin-inline-start: 1rem;
    padding-inline-start: 0.55rem;
    font-size: 0.83rem;
}

.tree-period-items[b-d7trobu1tb] {
    margin-block-start: 0.2rem;
    margin-inline-start: 0.7rem;
    padding-inline-start: 0.35rem;
}

.tree-period>.assessment-tree-leaf+.assessment-tree-leaf[b-d7trobu1tb] {
    margin-block-start: 0.15rem;
}

.assessment-tree-leaf small[b-d7trobu1tb] {
    margin-inline-start: 0.25rem;
    color: var(--ds-text-secondary);
    font-size: 0.72rem;
}

.settings-tree summary:focus-visible[b-d7trobu1tb],
.settings-tree a:focus-visible[b-d7trobu1tb] {
    outline: 3px solid color-mix(in srgb, var(--tree-focus) 42%, transparent);
    outline-offset: 2px;
}

.settings-tree summary:focus-visible[b-d7trobu1tb] {
    box-shadow: inset 0 0 0 1px var(--tree-focus);
}

@media (prefers-reduced-motion: no-preference) {
    @supports selector(details::details-content) {
        .settings-tree[b-d7trobu1tb] {
            interpolate-size: allow-keywords;
        }

        .settings-tree details[b-d7trobu1tb]::details-content {
            height: 0;
            overflow: clip;
            opacity: 0;
            transition:
                height 230ms ease-in-out,
                opacity 180ms ease-in-out,
                content-visibility 230ms allow-discrete;
        }

        .settings-tree details[open][b-d7trobu1tb]::details-content {
            height: auto;
            opacity: 1;
        }
    }
}

@media (forced-colors: active) {

    .tree-year>summary[b-d7trobu1tb],
    .tree-stage>summary[b-d7trobu1tb],
    .tree-section[b-d7trobu1tb],
    .tree-leaf[b-d7trobu1tb] {
        border: 1px solid ButtonText;
    }

    .tree-section.selected[b-d7trobu1tb],
    .tree-leaf.selected[b-d7trobu1tb],
    .tree-leaf[aria-current="page"][b-d7trobu1tb],
    .explorer-card:focus-visible[b-d7trobu1tb] {
        outline: 2px solid Highlight;
        outline-offset: 1px;
    }

    .explorer-card[b-d7trobu1tb] {
        border: 1px solid ButtonText;
    }
}

@media (prefers-reduced-motion: reduce) {

    .settings-tree *[b-d7trobu1tb],
    .settings-tree *[b-d7trobu1tb]::before,
    .settings-tree *[b-d7trobu1tb]::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }

    .explorer-card[b-d7trobu1tb],
    .explorer-back-link[b-d7trobu1tb],
    .explorer-card-arrow[b-d7trobu1tb] {
        transition-duration: 0.01ms !important;
    }
}

.settings-work-panel[b-d7trobu1tb] {
    min-width: 0;
    min-height: 0;
    max-height: 100%;
    padding: clamp(1rem, 2.4vw, 1.8rem);
    overflow-x: hidden;
    overflow-y: auto;
    background: var(--ds-surface);
    overscroll-behavior: auto;
    scrollbar-color: var(--ds-border-strong) transparent;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
}

.settings-work-panel[b-d7trobu1tb]::-webkit-scrollbar {
    width: 0.5rem;
}

.settings-work-panel[b-d7trobu1tb]::-webkit-scrollbar-track {
    background: transparent;
}

.settings-work-panel[b-d7trobu1tb]::-webkit-scrollbar-thumb {
    background: var(--ds-border-strong);
    border: 2px solid transparent;
    border-radius: 999px;
    transition: background-color 160ms ease-in-out;
}

.settings-work-panel[b-d7trobu1tb]::-webkit-scrollbar-thumb:hover {
    background: var(--ds-text-tertiary);
}

.selected-academic-year-header[b-d7trobu1tb] {
    position: sticky;
    z-index: 3;
    inset-block-start: 0;
    margin-bottom: 1.15rem;
    padding: 0.2rem 0 0.85rem;
    background: var(--ds-surface);
    text-align: center;
}

.selected-year-back-navigation[b-d7trobu1tb] {
    position: absolute;
    inset-block-start: 0.22rem;
    inset-inline-start: 0;
    margin: 0;
}

.selected-academic-year-header[b-d7trobu1tb]::after {
    display: block;
    width: min(18rem, 58%);
    height: 1px;
    margin: 0.65rem auto 0;
    background: linear-gradient(90deg, transparent, var(--ds-border-strong), transparent);
    content: "";
}

.selected-academic-year-title-row[b-d7trobu1tb] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
}

.selected-academic-year-title-row h2[b-d7trobu1tb] {
    margin: 0;
    color: var(--ds-primary);
    color: color-mix(in srgb, var(--ds-primary) 56%, var(--ds-text-primary));
    font-family: "Cairo", "Segoe UI", sans-serif;
    font-size: clamp(1.35rem, 1.18rem + 0.72vw, 1.85rem);
    font-weight: 800;
    line-height: 1.4;
}

.selected-academic-year-title-row h2 span[b-d7trobu1tb] {
    color: var(--ds-text-primary);
    font-weight: 700;
}

.selected-academic-year-badge[b-d7trobu1tb] {
    flex: 0 0 auto;
    padding: 0.26rem 0.72rem;
    color: var(--ds-info-strong);
    background: var(--ds-info-soft);
    border: 1px solid var(--ds-info-border);
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.35;
}

.explorer-section[b-d7trobu1tb] {
    display: grid;
    gap: 1rem;
}

.explorer-back-navigation[b-d7trobu1tb] {
    margin-bottom: 1rem;
}

.explorer-back-link[b-d7trobu1tb] {
    display: inline-flex;
    min-height: 2.35rem;
    padding: 0.45rem 0.8rem;
    color: var(--ds-primary);
    background: var(--ds-primary-soft);
    border: 1px solid var(--ds-primary);
    border-radius: 0.7rem;
    font-family: "Cairo", "Segoe UI", sans-serif;
    font-size: clamp(0.86rem, 0.83rem + 0.14vw, 0.94rem);
    font-weight: 700;
    text-decoration: none;
    align-items: center;
    transition:
        background-color 180ms ease-in-out,
        border-color 180ms ease-in-out,
        transform 180ms ease-in-out;
}

.explorer-back-icon[b-d7trobu1tb] {
    font-size: 1.18em;
    font-weight: 700;
    line-height: 1;
}

.explorer-back-link:hover[b-d7trobu1tb] {
    color: var(--ds-primary);
    background: var(--ds-primary-soft);
    border-color: var(--ds-primary);
    text-decoration: none;
    transform: translateX(0.15rem);
}

.explorer-back-link:focus-visible[b-d7trobu1tb] {
    outline: 3px solid var(--ds-focus);
    outline-offset: 2px;
}

.settings-breadcrumb[b-d7trobu1tb] {
    margin-bottom: 1.15rem;
    color: var(--ds-text-secondary);
    direction: rtl;
    font-family: "Cairo", "Segoe UI", sans-serif;
}

.settings-breadcrumb ol[b-d7trobu1tb] {
    display: flex;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
    list-style: none;
}

.settings-breadcrumb li[b-d7trobu1tb] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
}

.settings-breadcrumb a[b-d7trobu1tb],
.settings-breadcrumb .breadcrumb-current[b-d7trobu1tb] {
    display: inline-flex;
    min-height: 2rem;
    padding: 0.25rem 0.2rem;
    align-items: center;
    gap: 0.45rem;
    font-size: clamp(0.86rem, 0.83rem + 0.14vw, 0.94rem);
    line-height: 1.7;
}

.settings-breadcrumb a[b-d7trobu1tb] {
    color: var(--ds-primary);
    font-weight: 600;
    text-decoration: none;
    transition: color 160ms ease-in-out;
}

.settings-breadcrumb a:hover[b-d7trobu1tb] {
    color: var(--ds-primary);
    text-decoration: underline;
    text-underline-offset: 0.2rem;
}

.settings-breadcrumb a:focus-visible[b-d7trobu1tb] {
    outline: 3px solid var(--ds-focus);
    outline-offset: 2px;
    border-radius: 0.35rem;
}

.settings-breadcrumb .breadcrumb-current[b-d7trobu1tb] {
    color: var(--ds-text-primary);
    font-weight: 700;
}

.breadcrumb-separator[b-d7trobu1tb] {
    margin-inline: 0.45rem;
    color: var(--ds-text-tertiary);
    font-size: 1.12rem;
    line-height: 1;
}

.panel-toolbar[b-d7trobu1tb] {
    display: flex;
    margin-bottom: 1rem;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.explorer-heading[b-d7trobu1tb] {
    display: flex;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--ds-border);
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.explorer-heading.compact[b-d7trobu1tb] {
    padding-bottom: 0.85rem;
}

.explorer-heading span[b-d7trobu1tb],
.explorer-heading h2[b-d7trobu1tb],
.explorer-heading h3[b-d7trobu1tb],
.explorer-heading p[b-d7trobu1tb] {
    display: block;
    margin: 0;
}

.explorer-heading>div>span[b-d7trobu1tb] {
    color: var(--ds-primary);
    font-size: 0.72rem;
    font-weight: 700;
}

.explorer-heading h2[b-d7trobu1tb],
.explorer-heading h3[b-d7trobu1tb] {
    margin-top: 0.18rem;
    color: var(--ds-text-primary);
    font-weight: 700;
}

.explorer-heading h2[b-d7trobu1tb] {
    font-size: 1.35rem;
}

.explorer-heading h3[b-d7trobu1tb] {
    font-size: 1.08rem;
}

.explorer-heading p[b-d7trobu1tb] {
    margin-top: 0.3rem;
    color: var(--ds-text-secondary);
    font-size: 0.78rem;
}

.explorer-total[b-d7trobu1tb] {
    display: inline-grid;
    min-width: 2.35rem;
    height: 2.35rem;
    padding-inline: 0.5rem;
    color: var(--ds-primary);
    background: var(--ds-primary-soft);
    border: 1px solid var(--ds-primary);
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
    place-items: center;
}

.explorer-grid[b-d7trobu1tb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
    gap: 0.9rem;
}

.explorer-grid.years-grid[b-d7trobu1tb] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: clamp(22rem, 50%, 38rem);
    margin-inline: auto;
    gap: 1.1rem;
}

.years-toolbar[b-d7trobu1tb] {
    width: 100%;
    max-width: clamp(22rem, 50%, 38rem);
    margin-inline: auto;
    margin-bottom: 1.1rem;
}

.explorer-card[b-d7trobu1tb] {
    --explorer-accent: var(--ds-primary);
    --explorer-soft: var(--ds-primary-soft);
    position: relative;
    display: grid;
    min-width: 0;
    min-height: 9rem;
    padding: 1.1rem;
    overflow: hidden;
    color: var(--ds-text-primary);
    background: var(--ds-surface);
    border: 1px solid var(--ds-border);
    border-radius: 0.95rem;
    box-shadow: 0 5px 16px var(--ds-shadow-color-soft);
    text-decoration: none;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.8rem;
    transition:
        border-color 180ms ease-in-out,
        box-shadow 180ms ease-in-out,
        transform 180ms ease-in-out;
}

.explorer-card[b-d7trobu1tb]::before {
    position: absolute;
    inset-block: 0.75rem;
    inset-inline-start: 0;
    width: 0.25rem;
    background: var(--explorer-accent);
    border-radius: 999px;
    content: "";
}

.explorer-card:hover[b-d7trobu1tb] {
    color: var(--ds-text-primary);
    border-color: color-mix(in srgb, var(--explorer-accent) 32%, var(--ds-info));
    box-shadow: 0 10px 24px color-mix(in srgb, var(--explorer-accent) 13%, transparent);
    text-decoration: none;
    transform: translateY(-2px);
}

.explorer-card:focus-visible[b-d7trobu1tb] {
    outline: 3px solid color-mix(in srgb, var(--explorer-accent) 42%, transparent);
    outline-offset: 2px;
}

.explorer-card-icon[b-d7trobu1tb] {
    display: inline-grid;
    width: 3rem;
    height: 3rem;
    color: var(--explorer-accent);
    background: var(--explorer-soft);
    border-radius: 0.85rem;
    place-items: center;
}

.explorer-card-icon[b-d7trobu1tb]  .app-icon {
    width: 1.35rem;
    height: 1.35rem;
}

.explorer-card-copy[b-d7trobu1tb] {
    display: grid;
    min-width: 0;
    gap: 0.16rem;
}

.explorer-card-copy small[b-d7trobu1tb],
.explorer-card-copy strong[b-d7trobu1tb],
.explorer-card-copy span[b-d7trobu1tb] {
    display: block;
}

.explorer-card-copy small[b-d7trobu1tb] {
    color: var(--explorer-accent);
    font-size: 0.68rem;
    font-weight: 700;
}

.explorer-card-copy strong[b-d7trobu1tb] {
    color: var(--ds-text-primary);
    font-size: 1.175rem;
    font-weight: 700;
    line-height: 1.65;
    overflow-wrap: anywhere;
    white-space: normal;
}

.explorer-card-copy span[b-d7trobu1tb] {
    color: var(--ds-text-secondary);
    font-size: 0.792rem;
    line-height: 1.7;
}

.explorer-card-copy .explorer-card-meta[b-d7trobu1tb] {
    display: grid;
    margin-top: 0.2rem;
    gap: 0.08rem;
}

.explorer-card-copy .explorer-card-meta span[b-d7trobu1tb] {
    color: var(--ds-text-secondary);
    font-size: 0.7rem;
    line-height: 1.6;
}

.explorer-card-copy .explorer-current-badge[b-d7trobu1tb] {
    display: inline-flex;
    width: fit-content;
    margin-top: 0.3rem;
    padding: 0.15rem 0.5rem;
    color: var(--ds-primary);
    background: var(--ds-primary-soft);
    border: 1px solid var(--ds-primary);
    border-radius: 999px;
    font-size: 0.65rem;
    font-weight: 700;
    line-height: 1.5;
}

.explorer-card-year[b-d7trobu1tb] {
    position: relative;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
}

.explorer-card-year .year-top-badge[b-d7trobu1tb] {
    position: absolute;
    top: 1rem;
    left: 1.25rem;
    margin: 0;
    padding: 0.32rem 0.85rem;
    background: var(--ds-info);
    color: var(--ds-text-on-accent);
    border: 1px solid var(--ds-info-action);
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
    box-shadow: 0 2px 8px color-mix(in srgb, var(--ds-info) 35%, transparent);
    letter-spacing: 0.02em;
    z-index: 2;
}

.explorer-card-copy strong.year-name-title[b-d7trobu1tb] {
    font-size: 1.85rem;
    font-weight: 800;
    color: var(--ds-text-primary);
    line-height: 1.35;
    margin-top: 0.15rem;
    margin-bottom: 0.25rem;
}

.explorer-card-copy .year-action-hint[b-d7trobu1tb] {
    color: var(--ds-primary);
    font-size: 0.88rem;
    font-weight: 600;
    opacity: 0.9;
}

.explorer-card-year.is-current[b-d7trobu1tb] {
    border-color: var(--ds-info);
    box-shadow: 0 8px 24px color-mix(in srgb, var(--ds-info) 12%, transparent);
}

.explorer-card-count[b-d7trobu1tb] {
    display: inline-grid;
    min-width: 1.85rem;
    height: 1.85rem;
    padding-inline: 0.35rem;
    color: var(--explorer-accent);
    background: var(--explorer-soft);
    border: 1px solid color-mix(in srgb, var(--explorer-accent) 14%, transparent);
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    place-items: center;
}

.explorer-card-arrow[b-d7trobu1tb] {
    color: var(--explorer-accent);
    font-size: 1.15rem;
    font-weight: 700;
    transition: transform 180ms ease-in-out;
}

.explorer-card:hover .explorer-card-arrow[b-d7trobu1tb] {
    transform: translateX(-0.2rem);
}

.explorer-card-grade[b-d7trobu1tb] {
    --explorer-accent: var(--tree-grade);
    --explorer-soft: var(--tree-grade-soft);
}

.explorer-card-subjects[b-d7trobu1tb] {
    --explorer-accent: var(--tree-subjects);
    --explorer-soft: var(--tree-subjects-soft);
}

.explorer-card-classrooms[b-d7trobu1tb] {
    --explorer-accent: var(--tree-classrooms);
    --explorer-soft: var(--tree-classrooms-soft);
}

.explorer-card-assessments[b-d7trobu1tb] {
    --explorer-accent: var(--tree-assessments);
    --explorer-soft: var(--tree-assessments-soft);
}

.work-context[b-d7trobu1tb],
.management-title[b-d7trobu1tb],
.period-card>header[b-d7trobu1tb],
.assessment-item[b-d7trobu1tb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.work-context[b-d7trobu1tb] {
    margin-bottom: 1.25rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--ds-border);
}

.work-context h2[b-d7trobu1tb] {
    margin: 0.15rem 0 0;
    color: var(--ds-text-primary);
    font-size: 1.35rem;
    font-weight: 700;
}

.work-empty[b-d7trobu1tb] {
    display: grid;
    min-height: 20rem;
    align-content: center;
    justify-items: center;
}

.work-empty h2[b-d7trobu1tb] {
    margin: 0.75rem 0 0.25rem;
    color: var(--ds-text-primary);
}

.work-empty p[b-d7trobu1tb] {
    margin: 0;
}

.management-title[b-d7trobu1tb] {
    margin-bottom: 1rem;
}

.management-title h3[b-d7trobu1tb] {
    margin: 0.2rem 0 0;
    color: var(--ds-text-primary);
    font-size: 1.15rem;
    font-weight: 700;
}

.section-icon[b-d7trobu1tb] {
    display: grid;
    width: 2.7rem;
    height: 2.7rem;
    color: var(--ds-primary);
    background: var(--ds-primary-soft);
    border-radius: 0.8rem;
    place-items: center;
}

.model-note[b-d7trobu1tb] {
    margin: -0.35rem 0 1rem;
    color: var(--ds-text-secondary);
    font-size: 0.78rem;
}

.entity-list[b-d7trobu1tb] {
    display: grid;
    overflow: hidden;
    border: 1px solid var(--ds-border);
    border-radius: 0.85rem;
}

.entity-list article[b-d7trobu1tb] {
    display: flex;
    min-height: 3.7rem;
    padding: 0.75rem 0.9rem;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.entity-list article+article[b-d7trobu1tb] {
    border-top: 1px solid var(--ds-border);
}

.entity-list article:hover[b-d7trobu1tb] {
    background: var(--ds-hover);
}

.entity-list strong[b-d7trobu1tb],
.entity-list span[b-d7trobu1tb] {
    display: block;
}

.entity-list strong[b-d7trobu1tb] {
    color: var(--ds-text-primary);
}

.entity-list span[b-d7trobu1tb] {
    margin-top: 0.1rem;
    color: var(--ds-text-secondary);
    font-size: 0.7rem;
}

.entity-actions[b-d7trobu1tb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
}

.entity-actions a[b-d7trobu1tb],
.danger-link[b-d7trobu1tb] {
    color: var(--ds-primary);
    font-size: 0.75rem;
    font-weight: 700;
    text-decoration: none;
}

.entity-actions a:hover[b-d7trobu1tb],
.danger-link:hover[b-d7trobu1tb] {
    text-decoration: underline;
}

.entity-actions a.danger[b-d7trobu1tb],
.danger-link[b-d7trobu1tb] {
    color: var(--ds-danger-strong);
}

.subjects-toolbar .btn[b-d7trobu1tb],
.years-toolbar .btn[b-d7trobu1tb] {
    color: var(--ds-text-on-accent);
    text-decoration: none;
}

.subjects-toolbar[b-d7trobu1tb],
.years-toolbar[b-d7trobu1tb] {
    justify-content: flex-start;
    margin-bottom: 1rem;
}

.empty-state-card[b-d7trobu1tb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: var(--ds-surface-raised);
    border: 2px dashed var(--ds-border);
    border-radius: var(--ds-radius-xl);
    padding: 3.5rem 2rem;
    margin: 1.5rem auto;
    max-width: 38rem;
    box-shadow: 0 4px 20px var(--ds-shadow-color-soft);
}

.empty-state-icon svg[b-d7trobu1tb] {
    width: 3.5rem;
    height: 3.5rem;
}

.subject-card-grid[b-d7trobu1tb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
    gap: 0.9rem;
}

.subjects-card-grid[b-d7trobu1tb] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tree-node-detail-panel[b-d7trobu1tb] {
    display: grid;
    width: 100%;
    min-width: 0;
    padding: 1rem;
    background: var(--ds-surface);
    border: 1px solid var(--ds-border);
    border-radius: 0.95rem;
    align-content: start;
    gap: 0.9rem;
}

.tree-node-detail-copy[b-d7trobu1tb] {
    min-width: 0;
}

.tree-node-detail-copy small[b-d7trobu1tb] {
    display: block;
    margin-bottom: 0.1rem;
    color: var(--ds-text-secondary);
    font-size: 0.72rem;
    font-weight: 600;
}

.tree-node-detail-copy h4[b-d7trobu1tb] {
    margin: 0;
    color: var(--ds-text-primary);
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.7;
    overflow-wrap: anywhere;
}

.tree-node-detail-actions[b-d7trobu1tb] {
    margin-top: 0.1rem;
}

.subject-card[b-d7trobu1tb] {
    display: grid;
    min-width: 0;
    min-height: 11rem;
    padding: 1rem;
    background: var(--ds-surface);
    border: 1px solid var(--ds-border);
    border-radius: 0.95rem;
    box-shadow: 0 5px 16px var(--ds-shadow-color-soft);
    align-content: start;
    gap: 0.85rem;
    transition:
        border-color 180ms ease-in-out,
        box-shadow 180ms ease-in-out,
        transform 180ms ease-in-out;
}

.subject-card:hover[b-d7trobu1tb],
.subject-card:focus-within[b-d7trobu1tb] {
    border-color: var(--ds-primary);
    box-shadow: 0 10px 24px var(--ds-shadow-color-soft);
    transform: translateY(-2px);
}

.subject-card-body[b-d7trobu1tb] {
    display: grid;
    min-width: 0;
    color: inherit;
    text-decoration: none;
    gap: 0.85rem;
}

.subject-card-body:hover[b-d7trobu1tb] {
    color: inherit;
    text-decoration: none;
}

.subject-card-body:focus-visible[b-d7trobu1tb],
.assessment-item-card-body:focus-visible[b-d7trobu1tb] {
    outline: 3px solid var(--ds-focus);
    outline-offset: 2px;
    border-radius: 0.65rem;
}

.subject-card-heading[b-d7trobu1tb] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    gap: 0.7rem;
}

.subject-card-icon[b-d7trobu1tb] {
    display: inline-grid;
    width: 2.6rem;
    height: 2.6rem;
    flex: 0 0 auto;
    color: var(--tree-subjects);
    background: var(--tree-subjects-soft);
    border-radius: 0.75rem;
    place-items: center;
}

.subject-card-heading h4[b-d7trobu1tb] {
    margin: 0;
    color: var(--ds-text-primary);
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.7;
    overflow-wrap: anywhere;
}

.subject-status-badge[b-d7trobu1tb] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    padding: 0.28rem 0.65rem;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.5;
    white-space: nowrap;
}

.subject-status-badge.counts[b-d7trobu1tb] {
    color: var(--ds-success-strong);
    background: var(--ds-success-soft);
    border-color: var(--ds-success);
}

.subject-status-badge.does-not-count[b-d7trobu1tb] {
    color: var(--ds-warning-strong);
    background: var(--ds-warning-soft);
    border-color: var(--ds-warning);
}

.subject-card-actions[b-d7trobu1tb] {
    display: flex;
    margin-top: auto;
    padding-top: 0.2rem;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.subject-card-actions a[b-d7trobu1tb] {
    display: inline-flex;
    min-height: 2.2rem;
    padding: 0.4rem 0.75rem;
    color: var(--ds-primary);
    background: var(--ds-primary-soft);
    border: 1px solid var(--ds-primary);
    border-radius: 0.65rem;
    font-size: 0.72rem;
    font-weight: 700;
    text-decoration: none;
    align-items: center;
}

.subject-card-actions a:hover[b-d7trobu1tb] {
    background: var(--ds-primary-soft);
    text-decoration: none;
}

.subject-card-actions a.danger[b-d7trobu1tb] {
    color: var(--ds-danger-strong);
    background: var(--ds-danger-soft);
    border-color: var(--ds-danger);
    transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease, transform 0.1s ease;
}

.subject-card-actions a.danger:hover[b-d7trobu1tb] {
    color: var(--ds-text-on-accent);
    background: var(--ds-danger-strong);
    border-color: var(--ds-danger-strong);
    transform: translateY(-1px);
}

.settings-table-wrap[b-d7trobu1tb] {
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-lg);
    background: var(--ds-surface);
}

.settings-data-table[b-d7trobu1tb] {
    width: 100%;
    margin-bottom: 0;
    border-collapse: collapse;
}

.settings-data-table th[b-d7trobu1tb] {
    padding: 0.9rem 1rem;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--ds-text-secondary);
    background: var(--ds-surface-raised);
    border-bottom: 1px solid var(--ds-border);
    white-space: nowrap;
}

.settings-data-table td[b-d7trobu1tb] {
    padding: 0.85rem 1rem;
    vertical-align: middle;
    border-bottom: 1px solid var(--ds-border);
    color: var(--ds-text-primary);
}

.settings-data-table tbody tr:last-child td[b-d7trobu1tb] {
    border-bottom: none;
}

.settings-data-table tbody tr:hover td[b-d7trobu1tb] {
    background: var(--ds-primary-soft);
}

.settings-data-table tbody tr.table-row-highlighted td[b-d7trobu1tb] {
    background: color-mix(in srgb, var(--ds-primary) 12%, var(--ds-surface));
    border-top: 1px solid var(--ds-primary);
    border-bottom: 1px solid var(--ds-primary);
}

.subjects-table[b-d7trobu1tb] {
    table-layout: auto;
    width: auto;
    min-width: 100%;
}

.subjects-table th[b-d7trobu1tb],
.subjects-table td[b-d7trobu1tb] {
    padding: 0.75rem 0.85rem;
}

.subjects-table .col-subject-name[b-d7trobu1tb] {
    width: 1%;
    white-space: nowrap;
}

.subjects-table .col-classrooms-teachers[b-d7trobu1tb] {
    width: 1%;
    white-space: nowrap;
}

.subjects-table .col-academic-result[b-d7trobu1tb] {
    width: 1%;
    white-space: nowrap;
}

.subjects-table .col-subject-actions[b-d7trobu1tb] {
    width: 1%;
    white-space: nowrap;
}

.table-subject-name[b-d7trobu1tb] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    font-weight: 600;
}

.table-subject-name .subject-card-icon[b-d7trobu1tb] {
    width: 2rem;
    height: 2rem;
    font-size: 0.95rem;
    flex-shrink: 0;
}

.subject-classrooms-list[b-d7trobu1tb] {
    display: inline-flex;
    flex-direction: column;
    gap: 0.35rem;
    width: 100%;
}

.subject-classroom-row[b-d7trobu1tb] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.5rem;
    background: var(--ds-surface-raised);
    border: 1px solid var(--ds-border);
    border-radius: 6px;
    width: 100%;
    box-sizing: border-box;
    white-space: nowrap;
}

.classroom-pill[b-d7trobu1tb] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--ds-text-primary);
    white-space: nowrap;
}

.classroom-pill svg[b-d7trobu1tb] {
    width: 0.95rem;
    height: 0.95rem;
    color: var(--ds-text-secondary);
}

.table-teacher-assigned[b-d7trobu1tb] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    background: var(--ds-primary-soft);
    color: var(--ds-primary);
    font-size: 0.82rem;
}

.table-teacher-assigned svg[b-d7trobu1tb] {
    width: 0.9rem;
    height: 0.9rem;
}

.table-teacher-unassigned[b-d7trobu1tb] {
    display: inline-flex;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    background: var(--ds-surface-raised);
    color: var(--ds-text-secondary);
    font-size: 0.8rem;
    font-weight: 500;
}

.btn-sm-action[b-d7trobu1tb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.2rem 0.65rem;
    border-radius: 6px;
    font-size: 0.78rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
    margin-inline-start: auto;
    border: 1px solid transparent;
    font-family: inherit;
    cursor: pointer;
}

.classroom-table[b-d7trobu1tb] {
    min-width: 38rem;
}

.classroom-table th[b-d7trobu1tb],
.classroom-table td[b-d7trobu1tb] {
    padding-block: 0.72rem;
}

.classroom-status-column[b-d7trobu1tb] {
    width: 9rem;
}

.classroom-actions-column[b-d7trobu1tb] {
    width: 1%;
}

.classroom-table-name[b-d7trobu1tb] {
    display: inline-flex;
    min-width: 12rem;
    align-items: center;
    gap: 0.65rem;
}

.classroom-table-name strong[b-d7trobu1tb] {
    overflow-wrap: anywhere;
}

.classroom-table-icon[b-d7trobu1tb] {
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    color: var(--tree-classrooms);
    background: var(--tree-classrooms-soft);
    border-radius: 0.55rem;
    place-items: center;
}

.classroom-table-icon svg[b-d7trobu1tb] {
    width: 1.05rem;
    height: 1.05rem;
}

.classroom-table-actions[b-d7trobu1tb] {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0.45rem;
    white-space: nowrap;
}

.classroom-table-actions .btn-sm-action[b-d7trobu1tb] {
    margin-inline-start: 0;
}

.classroom-row-inactive td[b-d7trobu1tb] {
    color: var(--ds-text-secondary);
    background: color-mix(in srgb, var(--ds-surface-raised) 78%, transparent);
}

.classroom-row-inactive .classroom-table-icon[b-d7trobu1tb] {
    color: var(--ds-text-secondary);
    background: var(--ds-surface-raised);
    filter: grayscale(1);
}

.btn-sm-action.primary[b-d7trobu1tb] {
    background: var(--ds-primary-soft);
    color: var(--ds-primary);
    border-color: color-mix(in srgb, var(--ds-info) 25%, transparent);
}

.btn-sm-action.primary:hover[b-d7trobu1tb] {
    background: var(--ds-primary);
    color: var(--ds-text-on-accent);
}

.btn-sm-action.danger[b-d7trobu1tb] {
    background: var(--ds-danger-soft);
    color: var(--ds-danger);
    border-color: color-mix(in srgb, var(--ds-danger) 25%, transparent);
}

.btn-sm-action.danger:hover[b-d7trobu1tb] {
    background: var(--ds-danger);
    color: var(--ds-text-on-accent);
    box-shadow: 0 0 10px color-mix(in srgb, var(--ds-danger) 40%, transparent);
}

.table-row-actions[b-d7trobu1tb] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: nowrap;
    white-space: nowrap;
}

.inline-add-form[b-d7trobu1tb] {
    display: flex;
    margin-top: 1rem;
    padding: 1rem;
    background: var(--ds-primary-soft);
    border: 1px solid var(--ds-border);
    border-radius: 0.85rem;
    align-items: end;
    gap: 0.75rem;
}

.inline-add-form>div[b-d7trobu1tb] {
    flex: 1 1 14rem;
}

.inline-add-form label[b-d7trobu1tb],
.settings-dialog label[b-d7trobu1tb] {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--ds-text-primary);
    font-size: 0.75rem;
    font-weight: 700;
}

.subject-add-form[b-d7trobu1tb] {
    flex-wrap: wrap;
}

.plan-summary[b-d7trobu1tb] {
    display: grid;
    margin-bottom: 1rem;
    padding: 0.85rem;
    background: var(--ds-primary-soft);
    border: 1px solid var(--ds-border);
    border-radius: 0.85rem;
    align-items: center;
    gap: 0.75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
}

.plan-summary span[b-d7trobu1tb],
.plan-summary strong[b-d7trobu1tb] {
    display: block;
}

.plan-summary span[b-d7trobu1tb] {
    color: var(--ds-text-secondary);
    font-size: 0.7rem;
}

.plan-summary strong[b-d7trobu1tb] {
    margin-top: 0.15rem;
    color: var(--ds-text-primary);
}

.period-list[b-d7trobu1tb] {
    display: grid;
    gap: 0.8rem;
}

.period-card[b-d7trobu1tb] {
    overflow: hidden;
    border: 1px solid var(--ds-border);
    border-radius: 0.9rem;
}

.period-card>header[b-d7trobu1tb] {
    padding: 0.8rem 0.9rem;
    background: var(--ds-primary-soft);
    border-bottom: 1px solid var(--ds-border);
}

.period-card header span[b-d7trobu1tb] {
    color: var(--ds-text-secondary);
    font-size: 0.68rem;
}

.period-card h4[b-d7trobu1tb] {
    margin: 0.15rem 0 0;
    color: var(--ds-text-primary);
    font-size: 0.95rem;
}

.period-empty[b-d7trobu1tb] {
    margin: 0;
    padding: 0.8rem;
    color: var(--ds-text-secondary);
    font-size: 0.76rem;
}

.assessment-items[b-d7trobu1tb] {
    display: grid;
}

.assessment-item[b-d7trobu1tb] {
    padding: 0.75rem 0.9rem;
}

.assessment-item+.assessment-item[b-d7trobu1tb] {
    border-top: 1px solid var(--ds-border);
}

.assessment-item>div>strong[b-d7trobu1tb],
.assessment-item>div>small[b-d7trobu1tb] {
    display: block;
}

.assessment-item>div>strong[b-d7trobu1tb] {
    margin-top: 0.2rem;
    color: var(--ds-text-primary);
    font-size: 0.86rem;
}

.assessment-item>div>small[b-d7trobu1tb] {
    margin-top: 0.2rem;
    color: var(--ds-text-secondary);
    font-size: 0.7rem;
}

.item-kind[b-d7trobu1tb] {
    display: inline-block;
    padding: 0.16rem 0.4rem;
    color: var(--ds-success-strong);
    background: var(--ds-success-soft);
    border-radius: 0.4rem;
    font-size: 0.62rem;
    font-weight: 700;
}

.item-kind.calculated[b-d7trobu1tb] {
    color: var(--ds-info-strong);
    background: var(--ds-info-soft);
}

.assessment-management[b-d7trobu1tb] {
    --assessment-accent: var(--ds-warning);
    --assessment-accent-strong: var(--ds-warning);
    --assessment-accent-soft: var(--ds-warning-soft);
    --assessment-border: var(--ds-border);
    --assessment-surface: var(--ds-surface);
    --assessment-surface-soft: var(--ds-primary-soft);
    --assessment-text: var(--ds-text-primary);
    --assessment-muted: var(--ds-text-secondary);
    direction: rtl;
    color: var(--assessment-text);
    font-family: "Cairo", "Segoe UI", sans-serif;
}

.assessment-top-bar[b-d7trobu1tb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.assessment-primary-actions[b-d7trobu1tb] {
    display: flex;
    margin-bottom: 0;
    justify-content: flex-start;
}

.assessment-primary-actions .btn[b-d7trobu1tb] {
    min-height: 2.65rem;
    padding-inline: 1.1rem;
    border-radius: 0.75rem;
    font-weight: 700;
}

.assessment-summary-bar[b-d7trobu1tb] {
    display: flex;
    width: fit-content;
    max-width: 100%;
    margin: 0;
    padding: 0.75rem 1rem;
    background: linear-gradient(135deg, var(--assessment-accent-soft), var(--ds-warning-soft));
    border: 1px solid var(--ds-warning);
    border-inline-start: 0.28rem solid var(--assessment-accent);
    border-radius: 0.9rem;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.assessment-summary-bar dl[b-d7trobu1tb] {
    display: grid;
    min-width: 0;
    margin: 0;
    flex: 0 1 auto;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(7rem, max-content));
}

.assessment-summary-bar dl>div[b-d7trobu1tb] {
    min-width: 0;
    padding-inline: 0.7rem;
}

.assessment-summary-bar dl>div+div[b-d7trobu1tb] {
    border-inline-start: 1px solid var(--ds-warning);
}

.assessment-summary-bar dt[b-d7trobu1tb],
.assessment-period-stats dt[b-d7trobu1tb] {
    color: var(--assessment-muted);
    font-size: 0.7rem;
    font-weight: 600;
}

.assessment-summary-bar dd[b-d7trobu1tb] {
    margin: 0.15rem 0 0;
    color: var(--assessment-accent-strong);
    font-size: 1.18rem;
    font-weight: 700;
}

.assessment-summary-actions[b-d7trobu1tb],
.assessment-card-actions[b-d7trobu1tb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
}

.assessment-summary-actions a[b-d7trobu1tb],
.assessment-card-actions a[b-d7trobu1tb] {
    display: inline-flex;
    min-height: 2.1rem;
    padding: 0.35rem 0.68rem;
    color: var(--ds-text-primary);
    background: var(--ds-surface);
    border: 1px solid var(--ds-border);
    border-radius: 0.6rem;
    font-size: 0.72rem;
    font-weight: 700;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease;
}

.assessment-summary-actions a:hover[b-d7trobu1tb],
.assessment-card-actions a:hover[b-d7trobu1tb] {
    color: var(--assessment-accent-strong);
    background: var(--assessment-accent-soft);
    border-color: var(--ds-warning);
}

.assessment-summary-actions a:focus-visible[b-d7trobu1tb],
.assessment-card-actions a:focus-visible[b-d7trobu1tb],
.assessment-period-card-body:focus-visible[b-d7trobu1tb] {
    outline: 3px solid var(--ds-focus);
    outline-offset: 2px;
}

.assessment-summary-actions a.danger[b-d7trobu1tb],
.assessment-card-actions a.danger[b-d7trobu1tb] {
    color: var(--ds-danger-strong);
    background: var(--ds-danger-soft);
    border-color: var(--ds-danger);
    transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease, transform 0.1s ease;
}

.assessment-summary-actions a.danger:hover[b-d7trobu1tb],
.assessment-card-actions a.danger:hover[b-d7trobu1tb] {
    color: var(--ds-text-on-accent);
    background: var(--ds-danger-strong);
    border-color: var(--ds-danger-strong);
    transform: translateY(-1px);
}

.assessment-period-grid[b-d7trobu1tb],
.assessment-item-grid[b-d7trobu1tb] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.assessment-period-grid[b-d7trobu1tb] {
    margin-bottom: 1.15rem;
}

.assessment-period-card[b-d7trobu1tb],
.assessment-item-card[b-d7trobu1tb] {
    min-width: 0;
    overflow: hidden;
    background: var(--assessment-surface);
    border: 1px solid var(--assessment-border);
    border-radius: 0.95rem;
    box-shadow: 0 7px 20px var(--ds-shadow-color-soft);
}

.assessment-period-card[b-d7trobu1tb] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: 0;
    overflow: hidden;
    background: var(--assessment-surface);
    border: 1px solid var(--assessment-border);
    border-radius: 0.95rem;
    box-shadow: 0 7px 20px var(--ds-shadow-color-soft);
}

.assessment-period-card-body[b-d7trobu1tb] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 1rem;
    color: inherit;
}

.assessment-period-heading[b-d7trobu1tb],
.assessment-item-card-heading[b-d7trobu1tb] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.75rem;
}

.assessment-period-heading>div[b-d7trobu1tb],
.assessment-item-card-heading>div[b-d7trobu1tb] {
    min-width: 0;
    flex: 1;
}

.assessment-period-icon[b-d7trobu1tb],
.assessment-item-icon[b-d7trobu1tb] {
    display: inline-grid;
    width: 2.65rem;
    height: 2.65rem;
    flex: 0 0 auto;
    color: var(--assessment-accent);
    background: var(--assessment-accent-soft);
    border-radius: 0.78rem;
    place-items: center;
}

.assessment-period-icon[b-d7trobu1tb]  .app-icon,
.assessment-item-icon[b-d7trobu1tb]  .app-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.assessment-period-heading-text[b-d7trobu1tb] {
    display: flex;
    align-items: baseline;
    gap: 0.45rem;
    min-width: 0;
    flex: 1;
}

.assessment-period-heading>div>span[b-d7trobu1tb] {
    color: var(--assessment-muted);
    font-size: 0.76rem;
    font-weight: 600;
}

.assessment-period-heading h4[b-d7trobu1tb],
.assessment-item-card-heading h4[b-d7trobu1tb] {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--assessment-text);
    font-size: 1.12rem;
    font-weight: 700;
}

.assessment-period-items-list[b-d7trobu1tb] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    margin: 0.75rem 0 0;
    padding-top: 0.5rem;
    padding-inline-start: 3.4rem;
    border-top: 1px solid var(--ds-border);
    gap: 0.45rem;
}

.period-item-row[b-d7trobu1tb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 2.45rem;
    padding: 0.35rem 0.75rem;
    background: var(--ds-surface-raised);
    border: 1px solid var(--ds-border);
    border-radius: 0.6rem;
    gap: 0.75rem;
}

.period-item-info[b-d7trobu1tb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    flex: 1;
}

.period-item-text[b-d7trobu1tb] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.3rem;
}

.period-item-title[b-d7trobu1tb] {
    display: flex;
    min-width: 0;
    align-items: baseline;
    gap: 0.5rem;
}

.period-item-text .assessment-result-badge[b-d7trobu1tb] {
    font-size: 0.7rem;
}

.period-item-name[b-d7trobu1tb] {
    color: var(--ds-text-primary);
    font-size: 0.95rem;
    font-weight: 600;
}

.period-item-type[b-d7trobu1tb] {
    color: var(--assessment-muted);
    font-size: 0.82rem;
    font-weight: 600;
    flex-shrink: 0;
}

.period-item-actions[b-d7trobu1tb] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-shrink: 0;
}

.period-item-btn[b-d7trobu1tb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem 0.65rem;
    font-size: 0.72rem;
    font-weight: 700;
    border-radius: 0.6rem;
    text-decoration: none;
    line-height: 1.35;
    cursor: pointer;
    color: var(--ds-text-primary);
    background: var(--ds-surface);
    border: 1px solid var(--ds-border);
    transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease, transform 0.1s ease;
}

.period-item-btn:hover[b-d7trobu1tb] {
    color: var(--assessment-accent-strong);
    background: var(--assessment-accent-soft);
    border-color: var(--ds-warning);
    transform: translateY(-1px);
    text-decoration: none;
}

.period-item-btn.sources[b-d7trobu1tb] {
    color: var(--ds-text-primary);
    background: var(--ds-surface);
    border: 1px solid var(--ds-border);
}

.period-item-btn.sources:hover[b-d7trobu1tb] {
    color: var(--assessment-accent-strong);
    background: var(--assessment-accent-soft);
    border-color: var(--ds-warning);
}

.period-item-btn.edit[b-d7trobu1tb] {
    color: var(--ds-text-primary);
    background: var(--ds-surface);
    border: 1px solid var(--ds-border);
}

.period-item-btn.edit:hover[b-d7trobu1tb] {
    color: var(--assessment-accent-strong);
    background: var(--assessment-accent-soft);
    border-color: var(--ds-warning);
}

.period-item-btn.danger[b-d7trobu1tb] {
    color: var(--ds-danger-strong);
    background: var(--ds-danger-soft);
    border: 1px solid var(--ds-danger);
}

.period-item-btn.danger:hover[b-d7trobu1tb] {
    color: var(--ds-text-on-accent);
    background: var(--ds-danger-strong);
    border-color: var(--ds-danger-strong);
}

.period-items-empty[b-d7trobu1tb] {
    color: var(--assessment-muted);
    font-size: 0.82rem;
    padding: 0.4rem 0;
}

.assessment-card-actions.period-actions[b-d7trobu1tb] {
    margin-top: auto;
    padding: 0.75rem 1rem;
    background: var(--assessment-surface-soft);
    border-top: 1px solid var(--ds-border);
}

.assessment-period-content-panel[b-d7trobu1tb] {
    min-width: 0;
    padding: 1rem;
    background: var(--assessment-surface-soft);
    border: 1px solid var(--assessment-border);
    border-radius: 0.95rem;
}

.assessment-period-detail-summary[b-d7trobu1tb] {
    display: flex;
    margin-bottom: 1rem;
    padding: 0.75rem 0.9rem;
    background: var(--assessment-surface-soft);
    border: 1px solid var(--assessment-border);
    border-radius: 0.8rem;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.assessment-period-detail-summary span[b-d7trobu1tb] {
    color: var(--assessment-muted);
    font-size: 0.75rem;
}

.assessment-period-detail-summary strong[b-d7trobu1tb] {
    color: var(--assessment-text);
    font-size: 0.82rem;
}

.assessment-period-detail-summary>div:first-child strong[b-d7trobu1tb],
.assessment-period-detail-summary>div:first-child span[b-d7trobu1tb] {
    display: block;
}

.assessment-period-detail-summary>div:first-child span[b-d7trobu1tb] {
    margin-top: 0.15rem;
}

.assessment-empty-state[b-d7trobu1tb] {
    padding: 2rem 1rem;
    color: var(--assessment-muted);
    background: var(--assessment-surface-soft);
    border: 1px dashed var(--ds-border-strong);
    border-radius: 0.9rem;
    text-align: center;
}

.assessment-item-grid[b-d7trobu1tb] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
}

.assessment-item-card[b-d7trobu1tb] {
    display: flex;
    min-height: 13rem;
    padding: 1rem;
    flex-direction: column;
    gap: 0.8rem;
}

.assessment-item-card-body[b-d7trobu1tb] {
    display: grid;
    min-width: 0;
    color: inherit;
    text-decoration: none;
    gap: 0.8rem;
}

.assessment-item-card-body:hover[b-d7trobu1tb] {
    color: inherit;
    text-decoration: none;
}

.assessment-item-card.is-result-item[b-d7trobu1tb] {
    border-color: var(--ds-warning-border);
    box-shadow: inset 0 3px 0 var(--ds-warning), 0 8px 22px var(--ds-shadow-color-soft);
}

.assessment-item-order[b-d7trobu1tb],
.assessment-source-summary[b-d7trobu1tb] {
    color: var(--assessment-muted);
    font-size: 0.72rem;
}

.assessment-result-badge[b-d7trobu1tb] {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    padding: 0.35rem 0.55rem;
    color: var(--ds-warning-strong);
    background: var(--ds-warning-soft);
    border: 1px solid var(--ds-warning);
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1.55;
}

.assessment-item-card .assessment-card-actions[b-d7trobu1tb] {
    margin-top: auto;
    padding-top: 0.75rem;
    border-top: 1px solid var(--ds-primary);
}

.assessment-dialog[b-d7trobu1tb] {
    font-family: "Cairo", "Segoe UI", sans-serif;
}

.assessment-form-field+.assessment-form-field[b-d7trobu1tb],
.assessment-result-check[b-d7trobu1tb] {
    margin-top: 0.9rem;
}

.assessment-result-check[b-d7trobu1tb] {
    display: flex;
    padding: 0.8rem;
    background: var(--assessment-accent-soft, var(--ds-warning-soft));
    border: 1px solid var(--ds-warning);
    border-radius: 0.75rem;
    align-items: flex-start;
    gap: 0.55rem;
}

.settings-dialog .assessment-result-check label[b-d7trobu1tb] {
    margin: 0;
    color: var(--ds-warning-strong);
    line-height: 1.7;
}

.settings-dialog[b-d7trobu1tb] {
    position: relative;
    z-index: 1100;
    width: min(92vw, 31rem);
    padding: 1.25rem;
    color: var(--ds-text-primary);
    background: var(--ds-surface);
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 24px 75px var(--ds-shadow-color);
}

.dialog-close[b-d7trobu1tb] {
    position: absolute;
    inset-block-start: 0.8rem;
    inset-inline-end: 0.8rem;
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    color: var(--ds-text-secondary);
    background: var(--ds-primary-soft);
    border-radius: 999px;
    font-size: 1.2rem;
    line-height: 1;
    text-decoration: none;
    place-items: center;
}

.dialog-close:hover[b-d7trobu1tb] {
    color: var(--ds-text-primary);
    background: var(--ds-primary-soft);
    text-decoration: none;
}

.subject-dialog h2[b-d7trobu1tb] {
    padding-inline-end: 2.4rem;
}

.subject-result-check[b-d7trobu1tb] {
    display: flex;
    margin-top: 1rem;
    padding: 0.75rem;
    background: var(--ds-surface-raised);
    border: 1px solid var(--ds-border);
    border-radius: 0.75rem;
    align-items: center;
    gap: 0.55rem;
}

.settings-dialog .subject-result-check label[b-d7trobu1tb] {
    margin: 0;
    color: var(--ds-text-primary);
}

.settings-dialog[open][b-d7trobu1tb] {
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
}

.settings-dialog[b-d7trobu1tb]::backdrop {
    background: var(--ds-overlay);
}

.settings-dialog h2[b-d7trobu1tb] {
    margin: 0 0 0.4rem;
    font-size: 1.15rem;
    font-weight: 700;
}

.settings-dialog p[b-d7trobu1tb] {
    color: var(--ds-text-secondary);
    font-size: 0.82rem;
}

.settings-dialog p.year-sequence-helper[b-d7trobu1tb] {
    margin-top: 0.45rem;
    color: var(--ds-success-strong);
    font-size: 0.86rem;
    font-weight: 600;
    line-height: 1.45;
}

.year-name-field[b-d7trobu1tb] {
    position: relative;
    margin-top: 1rem;
}

.academic-order-field[b-d7trobu1tb] {
    margin-top: 0.85rem;
}

.academic-field-with-help[b-d7trobu1tb] {
    display: flex;
    align-items: center;
    direction: rtl;
    gap: 0.5rem;
}

.academic-field-with-help .form-control[b-d7trobu1tb] {
    min-width: 0;
    flex: 1 1 auto;
}

.year-name-help-trigger[b-d7trobu1tb] {
    display: inline-grid;
    width: 1.35rem;
    height: 1.35rem;
    flex: 0 0 1.35rem;
    padding: 0;
    color: var(--ds-primary);
    background: var(--ds-primary-soft);
    border: 1px solid var(--ds-primary);
    border-radius: 999px;
    font-family: Georgia, serif;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
    place-items: center;
    transition: color 150ms ease, background-color 150ms ease, transform 150ms ease;
}

.year-name-help-trigger:hover[b-d7trobu1tb],
.year-name-help-trigger:focus-visible[b-d7trobu1tb],
.year-name-help-trigger[aria-expanded="true"][b-d7trobu1tb] {
    color: var(--ds-text-on-accent);
    background: var(--ds-primary-solid);
    transform: scale(1.06);
}

.year-name-tooltip[b-d7trobu1tb] {
    position: relative;
    display: grid;
    margin: 0 0 0.75rem;
    padding: 0.85rem 2.8rem 0.85rem 0.9rem;
    color: var(--ds-text-primary);
    background: linear-gradient(135deg, var(--ds-primary-soft), var(--ds-surface-raised));
    border: 1px solid var(--ds-primary);
    border-radius: 0.9rem;
    box-shadow: 0 12px 30px var(--ds-shadow-color-soft);
    grid-template-columns: 2rem minmax(0, 1fr);
    align-items: start;
    gap: 0.7rem;
    animation: year-name-tooltip-enter-b-d7trobu1tb 180ms ease-out both;
}

.year-name-tooltip[hidden][b-d7trobu1tb] {
    display: none;
}

.year-name-tooltip[b-d7trobu1tb]::after {
    position: absolute;
    inset-block-end: -0.42rem;
    inset-inline-start: 1.5rem;
    width: 0.75rem;
    height: 0.75rem;
    background: var(--ds-surface-raised);
    border-inline-end: 1px solid var(--ds-primary);
    border-block-end: 1px solid var(--ds-primary);
    content: "";
    transform: rotate(45deg);
}

.year-name-tooltip-icon[b-d7trobu1tb] {
    display: grid;
    width: 2rem;
    height: 2rem;
    color: var(--ds-text-on-accent);
    background: var(--ds-primary-solid);
    border-radius: 0.65rem;
    font-family: Georgia, serif;
    font-size: 1rem;
    font-weight: 700;
    place-items: center;
}

.year-name-tooltip strong[b-d7trobu1tb] {
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.88rem;
}

.settings-dialog .year-name-tooltip p[b-d7trobu1tb] {
    margin: 0;
    color: var(--ds-text-secondary);
    font-size: 0.78rem;
    line-height: 1.65;
}

.year-name-tooltip-close[b-d7trobu1tb] {
    position: absolute;
    inset-block-start: 0.55rem;
    inset-inline-end: 0.55rem;
    display: grid;
    width: 1.75rem;
    height: 1.75rem;
    padding: 0;
    color: var(--ds-text-secondary);
    background: transparent;
    border: 0;
    border-radius: 999px;
    font-size: 1.25rem;
    line-height: 1;
    place-items: center;
}

.year-name-tooltip-close:hover[b-d7trobu1tb],
.year-name-tooltip-close:focus-visible[b-d7trobu1tb] {
    color: var(--ds-text-primary);
    background: var(--ds-hover);
}

@keyframes year-name-tooltip-enter-b-d7trobu1tb {
    from { opacity: 0; transform: translateY(-0.35rem) scale(0.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

.dialog-actions[b-d7trobu1tb] {
    display: flex;
    margin-top: 1rem;
    flex-wrap: wrap;
    gap: 0.55rem;
}

[data-settings-submit-scope] form[aria-busy="true"] button[type="submit"][b-d7trobu1tb] {
    cursor: wait;
    opacity: 0.72;
}

[data-settings-submit-scope] form[aria-busy="true"] button[type="submit"][b-d7trobu1tb]::after {
    display: inline-block;
    width: 0.85rem;
    height: 0.85rem;
    margin-inline-start: 0.45rem;
    border: 2px solid currentColor;
    border-inline-end-color: transparent;
    border-radius: 50%;
    content: "";
    vertical-align: -0.12rem;
    animation: settings-submit-spin-b-d7trobu1tb 0.75s linear infinite;
}

@keyframes settings-submit-spin-b-d7trobu1tb {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 991.98px) {
    .principal-settings-page[b-d7trobu1tb] {
        --settings-tree-width: 17rem;
        --settings-tree-min-width: 15rem;
        --settings-tree-max-width: 25rem;
    }

    .plan-summary[b-d7trobu1tb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .principal-settings-page[b-d7trobu1tb] {
        --settings-tree-viewport-offset: 12rem;
    }

    .settings-heading[b-d7trobu1tb],
    .work-context[b-d7trobu1tb],
    .management-title[b-d7trobu1tb],
    .period-card>header[b-d7trobu1tb],
    .assessment-item[b-d7trobu1tb],
    .entity-list article[b-d7trobu1tb] {
        align-items: stretch;
        flex-direction: column;
    }

    .settings-workspace[b-d7trobu1tb] {
        height: auto;
        min-height: 0;
        overflow: visible;
        grid-template-columns: minmax(0, 1fr);
    }

    .settings-work-panel[b-d7trobu1tb] {
        max-height: none;
        overflow-x: visible;
        overflow-y: visible;
        overscroll-behavior: auto;
        scrollbar-gutter: auto;
    }

    .selected-academic-year-header[b-d7trobu1tb] {
        position: relative;
        inset-block-start: auto;
        padding-inline: 5.75rem;
    }

    .selected-academic-year-title-row[b-d7trobu1tb] {
        flex-wrap: wrap;
    }

    .selected-academic-year-title-row h2[b-d7trobu1tb] {
        flex-basis: 100%;
    }

    .settings-tree-toggle[b-d7trobu1tb] {
        display: inline-flex;
        align-self: stretch;
    }

    .settings-tree[b-d7trobu1tb] {
        max-height: min(24rem, calc(100vh - var(--settings-tree-viewport-offset)));
        max-height: min(24rem, calc(100dvh - var(--settings-tree-viewport-offset)));
        border-inline-end: 0;
        border-bottom: 1px solid var(--ds-border);
    }

    .settings-workspace.settings-tree-mobile-ready .settings-tree[b-d7trobu1tb] {
        display: none;
    }

    .settings-workspace.settings-tree-mobile-ready.settings-tree-open .settings-tree[b-d7trobu1tb] {
        display: block;
    }

    .explorer-heading[b-d7trobu1tb] {
        align-items: flex-start;
    }

    .explorer-card[b-d7trobu1tb] {
        min-height: 8.5rem;
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .explorer-card-arrow[b-d7trobu1tb] {
        display: none;
    }

    .settings-tree-resizer[b-d7trobu1tb] {
        display: none;
    }

    .inline-add-form[b-d7trobu1tb] {
        align-items: stretch;
        flex-direction: column;
    }

    .subject-card-grid[b-d7trobu1tb] {
        grid-template-columns: minmax(0, 1fr);
    }

    .assessment-period-grid[b-d7trobu1tb],
    .assessment-item-grid[b-d7trobu1tb] {
        grid-template-columns: minmax(0, 1fr);
    }

    .subject-card-actions a[b-d7trobu1tb] {
        flex: 1 1 7rem;
        justify-content: center;
    }

    .subject-dialog[b-d7trobu1tb] {
        width: min(94vw, 31rem);
        padding: 1rem;
    }

    .plan-summary[b-d7trobu1tb] {
        grid-template-columns: 1fr;
    }

    .assessment-primary-actions .btn[b-d7trobu1tb] {
        width: 100%;
    }

    .assessment-summary-bar[b-d7trobu1tb],
    .assessment-period-detail-summary[b-d7trobu1tb] {
        align-items: stretch;
        flex-direction: column;
    }

    .assessment-summary-bar dl[b-d7trobu1tb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .assessment-summary-actions a[b-d7trobu1tb],
    .assessment-card-actions a[b-d7trobu1tb] {
        flex: 1 1 7rem;
    }

    .assessment-period-stats[b-d7trobu1tb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 0.8rem;
    }
}

@media (prefers-reduced-motion: reduce) {

    .assessment-period-card[b-d7trobu1tb],
    .assessment-summary-actions a[b-d7trobu1tb],
    .assessment-card-actions a[b-d7trobu1tb] {
        transition: none;
    }

    .assessment-period-card:hover[b-d7trobu1tb],
    .assessment-period-card:focus-within[b-d7trobu1tb] {
        transform: none;
    }
}

/* Temporary card-only navigation mode. Keep the tree markup and behavior intact. */
.settings-tree-toggle.settings-tree-temporarily-hidden-control[b-d7trobu1tb] {
    display: none;
}

.settings-workspace.settings-tree-temporarily-hidden[b-d7trobu1tb] {
    height: auto;
    min-height: 0;
    grid-template-columns: minmax(0, 1fr);
}

.settings-workspace.settings-tree-temporarily-hidden .settings-work-panel[b-d7trobu1tb] {
    max-height: none;
    overflow-y: visible;
}

.settings-workspace.settings-tree-temporarily-hidden>.settings-tree[b-d7trobu1tb],
.settings-workspace.settings-tree-temporarily-hidden>.settings-tree-resizer[b-d7trobu1tb] {
    display: none !important;
}
/* /Components/Schools/Pages/RegisterOwner.razor.rz.scp.css */
.identity-login-page[b-ghew0wh1ve]  .identity-login-panel--compact-title .identity-login-heading h1 {
    font-size: 1rem;
}

.identity-login-page[b-ghew0wh1ve] {
    min-height: 0;
}

.owner-registration-container[b-ghew0wh1ve] {
    padding-block: 1rem;
}

.identity-login-page[b-ghew0wh1ve]  .identity-login-heading,
.identity-login-page[b-ghew0wh1ve]  .identity-login-content {
    padding: 1rem 1.25rem;
}

.identity-login-page[b-ghew0wh1ve]  .identity-login-logo {
    width: 3.5rem;
    height: 3.5rem;
}

@media (max-height: 700px) {
    .owner-registration-container[b-ghew0wh1ve] {
        padding-block: .5rem;
    }

    .identity-login-page[b-ghew0wh1ve]  .identity-login-heading,
    .identity-login-page[b-ghew0wh1ve]  .identity-login-content {
        padding-block: .75rem;
    }
}
/* /Components/Schools/Pages/RegisterSchoolStudent.razor.rz.scp.css */
.registration-page[b-gu2m4kb1wm] {
    --registration-bg: var(--ds-background);
    --registration-bg-deep: var(--ds-window-surface);
    --registration-surface: var(--ds-window-surface-raised);
    --registration-surface-raised: var(--ds-input);
    --registration-input: var(--ds-input);
    --registration-border: var(--ds-window-border);
    --registration-border-strong: var(--ds-border);
    --registration-text: var(--ds-text-primary);
    --registration-label: var(--ds-text-primary);
    --registration-muted: var(--ds-window-muted);
    --registration-placeholder: var(--ds-text-tertiary);
    --registration-primary: var(--ds-primary);
    --registration-primary-deep: var(--ds-primary);
    --registration-secondary: var(--ds-chart-violet);
    width: 100%;
    max-width: 64rem;
    margin-inline: auto;
    padding: clamp(.85rem, 2vw, 1.35rem);
    box-sizing: border-box;
    color: var(--registration-text);
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--ds-primary) 6%, transparent), transparent 24rem),
        linear-gradient(145deg, var(--registration-bg), var(--registration-bg-deep));
    border: 1px solid color-mix(in srgb, var(--ds-window-border) 82%, transparent);
    border-radius: 1.25rem;
    box-shadow: 0 22px 48px color-mix(in srgb, var(--ds-shadow-base) 24%, transparent);
    direction: rtl;
    font-size: 1rem;
}

.registration-page :is(
    h1,
    h2,
    h3,
    p,
    span,
    label,
    legend,
    input,
    textarea,
    select,
    option,
    button,
    a,
    li,
    small,
    strong)[b-gu2m4kb1wm],
.registration-page[b-gu2m4kb1wm]  :is(
    h1,
    h2,
    h3,
    p,
    span,
    label,
    legend,
    input,
    textarea,
    select,
    option,
    button,
    a,
    li,
    small,
    strong) {
    font-size: 1rem !important;
}

.registration-heading[b-gu2m4kb1wm],
.registration-card[b-gu2m4kb1wm],
.success-toast-auto-dismiss[b-gu2m4kb1wm],
.registration-page > .alert[b-gu2m4kb1wm],
.registration-page > .empty-state[b-gu2m4kb1wm] {
    width: 100%;
    margin-inline: auto;
}

.registration-heading[b-gu2m4kb1wm] {
    display: flex;
    margin-bottom: 1.25rem;
    padding: .35rem .2rem 1.1rem;
    border-bottom: 1px solid color-mix(in srgb, var(--ds-window-border) 78%, transparent);
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
}

.registration-title[b-gu2m4kb1wm] {
    display: flex;
    align-items: center;
    gap: .85rem;
}

.registration-title-icon[b-gu2m4kb1wm] {
    display: grid;
    width: 3rem;
    height: 3rem;
    flex: 0 0 3rem;
    color: var(--registration-primary);
    background: color-mix(in srgb, var(--ds-primary) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--ds-primary) 32%, transparent);
    border-radius: .85rem;
    box-shadow: 0 0 16px color-mix(in srgb, var(--ds-primary) 10%, transparent);
    place-items: center;
}

.registration-title-icon[b-gu2m4kb1wm]  .app-icon {
    width: 1.3rem;
    height: 1.3rem;
}

.registration-heading h1[b-gu2m4kb1wm] {
    margin: .16rem 0 .25rem;
    color: var(--registration-text);
    font-size: clamp(1.45rem, 3vw, 2rem);
    font-weight: 800;
    line-height: 1.25;
}

.registration-heading p[b-gu2m4kb1wm],
.step-heading p[b-gu2m4kb1wm] {
    margin: 0;
    color: var(--registration-muted);
    font-size: .78rem;
    line-height: 1.6;
}

.registration-eyebrow[b-gu2m4kb1wm] {
    color: var(--registration-primary);
    font-size: .72rem;
    font-weight: 750;
    letter-spacing: .03em;
}

.registration-layout[b-gu2m4kb1wm] {
    display: grid;
    gap: 1rem;
}

.registration-card[b-gu2m4kb1wm] {
    margin-bottom: 0;
    padding: clamp(1rem, 2.4vw, 1.5rem);
    color: var(--registration-text);
    background: linear-gradient(145deg, color-mix(in srgb, var(--ds-input) 96%, transparent), color-mix(in srgb, var(--ds-window-surface-raised) 98%, transparent));
    border: 1px solid var(--registration-border);
    border-radius: 1rem;
    box-shadow: inset 0 1px color-mix(in srgb, var(--ds-text-on-accent) 3%, transparent), 0 12px 28px color-mix(in srgb, var(--ds-shadow-base) 16%, transparent);
}

.step-heading[b-gu2m4kb1wm] {
    display: flex;
    margin-bottom: 1rem;
    padding-bottom: .85rem;
    border-bottom: 1px solid color-mix(in srgb, var(--ds-border) 72%, transparent);
    align-items: center;
    gap: .7rem;
}

.step-heading h2[b-gu2m4kb1wm] {
    margin: 0 0 .18rem;
    color: var(--registration-text);
    font-size: .95rem;
    font-weight: 750;
}

.step-number[b-gu2m4kb1wm] {
    display: inline-grid;
    width: 2.15rem;
    height: 2.15rem;
    flex: 0 0 2.15rem;
    color: var(--registration-primary);
    background: color-mix(in srgb, var(--ds-primary) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--ds-primary) 34%, transparent);
    border-radius: .65rem;
    box-shadow: 0 0 12px color-mix(in srgb, var(--ds-primary) 8%, transparent);
    font-size: .78rem;
    font-weight: 800;
    place-items: center;
}

.configuration-form[b-gu2m4kb1wm] {
    width: 100%;
}

.placement-selection[b-gu2m4kb1wm],
.configuration-grid[b-gu2m4kb1wm],
.form-grid[b-gu2m4kb1wm] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .9rem;
}

.configuration-grid[b-gu2m4kb1wm] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.plan-summary[b-gu2m4kb1wm] {
    display: grid;
    margin-bottom: 1rem;
    padding: .9rem;
    color: var(--registration-text);
    background: var(--registration-input);
    border: 1px solid var(--registration-border-strong);
    border-radius: .8rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .7rem;
}

.plan-summary div[b-gu2m4kb1wm] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
}

.plan-summary span[b-gu2m4kb1wm] {
    color: var(--registration-muted);
    font-size: .72rem;
}

.plan-summary strong[b-gu2m4kb1wm] {
    color: var(--registration-text);
    font-size: 1rem;
}

fieldset.form-section[b-gu2m4kb1wm] {
    margin: 0 0 1rem;
    padding: 1rem;
    color: var(--registration-text);
    background: color-mix(in srgb, var(--ds-window-surface) 72%, transparent);
    border: 1px solid var(--registration-border);
    border-radius: .9rem;
}

fieldset.form-section + fieldset.form-section[b-gu2m4kb1wm] {
    padding-top: 1rem;
    border-top: 1px solid var(--registration-border);
}

legend.form-section-title[b-gu2m4kb1wm] {
    float: none;
    width: auto;
    margin: 0 0 .85rem;
    padding: 0 .55rem;
    color: var(--registration-text);
    font-size: .84rem;
    font-weight: 750;
}

.registration-page .form-label[b-gu2m4kb1wm],
.registration-page[b-gu2m4kb1wm]  .form-label {
    margin-bottom: .4rem;
    color: var(--registration-label);
    font-size: .78rem;
    font-weight: 650;
}

.registration-page .form-control[b-gu2m4kb1wm],
.registration-page .form-select[b-gu2m4kb1wm],
.registration-page[b-gu2m4kb1wm]  .form-control,
.registration-page[b-gu2m4kb1wm]  .form-select {
    min-height: 2.8rem;
    padding: .62rem .75rem;
    color: var(--registration-text);
    background-color: var(--registration-input);
    border: 1px solid var(--registration-border-strong);
    border-radius: .7rem;
    box-shadow: inset 0 1px color-mix(in srgb, var(--ds-text-on-accent) 2%, transparent);
    font-size: .82rem;
    caret-color: var(--registration-primary);
    color-scheme: dark;
    transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

.registration-page .form-control[b-gu2m4kb1wm]::placeholder,
.registration-page[b-gu2m4kb1wm]  .form-control::placeholder {
    color: var(--registration-placeholder);
    opacity: 1;
}

.registration-page .form-control:hover[b-gu2m4kb1wm],
.registration-page .form-select:hover[b-gu2m4kb1wm],
.registration-page[b-gu2m4kb1wm]  .form-control:hover,
.registration-page[b-gu2m4kb1wm]  .form-select:hover {
    border-color: var(--ds-border-strong);
}

.registration-page .form-control:focus[b-gu2m4kb1wm],
.registration-page .form-select:focus[b-gu2m4kb1wm],
.registration-page[b-gu2m4kb1wm]  .form-control:focus,
.registration-page[b-gu2m4kb1wm]  .form-select:focus {
    color: var(--registration-text);
    background-color: var(--ds-input);
    border-color: var(--registration-primary);
    outline: none;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ds-primary) 10%, transparent);
}

.registration-page .form-control:disabled[b-gu2m4kb1wm],
.registration-page .form-select:disabled[b-gu2m4kb1wm],
.registration-page[b-gu2m4kb1wm]  .form-control:disabled,
.registration-page[b-gu2m4kb1wm]  .form-select:disabled {
    color: var(--ds-text-tertiary);
    background-color: var(--ds-window-surface);
    border-color: var(--ds-surface-raised);
    opacity: .72;
}

.registration-page .form-select option[b-gu2m4kb1wm],
.registration-page[b-gu2m4kb1wm]  .form-select option {
    color: var(--registration-text);
    background: var(--registration-bg-deep);
}

.registration-page input[type="date"][b-gu2m4kb1wm]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    filter: invert(88%) sepia(12%) saturate(385%) hue-rotate(176deg) brightness(94%);
    opacity: .82;
}

.registration-page textarea.form-control[b-gu2m4kb1wm] {
    min-height: 7rem;
    resize: vertical;
}

.registration-page[b-gu2m4kb1wm]  .international-phone-row {
    gap: .5rem;
}

.registration-page[b-gu2m4kb1wm]  .international-phone-number {
    direction: ltr;
    text-align: left;
}

.registration-page[b-gu2m4kb1wm]  .international-phone-country {
    direction: rtl;
    text-align: right;
}

.registration-page[b-gu2m4kb1wm]  .form-text {
    color: var(--registration-muted);
}

.registration-page .validation-message[b-gu2m4kb1wm],
.registration-page[b-gu2m4kb1wm]  .validation-message,
.registration-page[b-gu2m4kb1wm]  .international-phone-validation {
    margin-top: .3rem;
    color: var(--ds-danger-strong);
    font-size: .72rem;
}

.registration-page[b-gu2m4kb1wm]  .validation-summary-errors {
    margin-bottom: 1rem;
    padding: .75rem .9rem;
    color: var(--ds-danger-strong);
    background: color-mix(in srgb, var(--ds-danger-action) 18%, transparent);
    border: 1px solid color-mix(in srgb, var(--ds-danger) 35%, transparent);
    border-radius: .75rem;
    font-size: .76rem;
}

.registration-page[b-gu2m4kb1wm]  .validation-summary-errors ul {
    margin: 0;
    padding-inline-start: 1.15rem;
}

.field-wide[b-gu2m4kb1wm] {
    grid-column: 1 / -1;
}

.registration-form-lock[b-gu2m4kb1wm] {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.registration-form-lock:disabled[b-gu2m4kb1wm] {
    opacity: .58;
}

.optional-label[b-gu2m4kb1wm] {
    color: var(--registration-muted);
    font-size: .7rem;
    font-weight: 400;
}

.transfer-fields[b-gu2m4kb1wm] {
    padding: 1rem;
    color: var(--ds-warning-strong);
    background: color-mix(in srgb, var(--ds-warning) 16%, transparent);
    border: 1px solid color-mix(in srgb, var(--ds-warning) 38%, transparent);
    border-radius: .85rem;
}

.optional-expansion-card[b-gu2m4kb1wm] {
    margin: 1rem 0;
    overflow: hidden;
    background: color-mix(in srgb, var(--ds-window-surface) 78%, transparent);
    border: 1px dashed var(--registration-border-strong);
    border-radius: .9rem;
}

.optional-expansion-card[open][b-gu2m4kb1wm] {
    position: relative;
    overflow: visible;
    z-index: 10;
    border-style: solid;
    border-color: color-mix(in srgb, var(--ds-chart-violet) 48%, transparent);
    box-shadow: 0 0 18px color-mix(in srgb, var(--ds-chart-violet) 7%, transparent);
}

.registration-page[b-gu2m4kb1wm]  #student-alternate-phone-field {
    position: relative;
    z-index: 20;
}

.registration-page[b-gu2m4kb1wm]  #student-alternate-phone-field .international-phone-picker:focus-within {
    z-index: 2000;
}

.registration-page[b-gu2m4kb1wm]  #student-alternate-phone-field .international-phone-dropdown {
    z-index: 2001;
}

.optional-expansion-toggle[b-gu2m4kb1wm] {
    display: flex;
    padding: .85rem 1rem;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    cursor: pointer;
    list-style: none;
    user-select: none;
}

.optional-expansion-toggle[b-gu2m4kb1wm]::-webkit-details-marker {
    display: none;
}

.optional-expansion-toggle:hover[b-gu2m4kb1wm] {
    background: color-mix(in srgb, var(--ds-chart-violet) 5%, transparent);
}

.optional-expansion-toggle:focus-visible[b-gu2m4kb1wm] {
    outline: 2px solid var(--registration-secondary);
    outline-offset: -3px;
}

.expansion-toggle-content[b-gu2m4kb1wm] {
    display: flex;
    align-items: center;
    gap: .7rem;
}

.expansion-icon[b-gu2m4kb1wm] {
    display: grid;
    width: 2.15rem;
    height: 2.15rem;
    flex: 0 0 2.15rem;
    color: var(--registration-secondary);
    background: color-mix(in srgb, var(--ds-chart-violet) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--ds-chart-violet) 32%, transparent);
    border-radius: .65rem;
    box-shadow: 0 0 12px color-mix(in srgb, var(--ds-chart-violet) 8%, transparent);
    place-items: center;
    transition: transform 180ms ease;
}

.optional-expansion-card[open] .expansion-icon[b-gu2m4kb1wm] {
    color: var(--ds-danger-strong);
    background: color-mix(in srgb, var(--ds-danger) 8%, transparent);
    border-color: color-mix(in srgb, var(--ds-danger) 30%, transparent);
    transform: rotate(180deg);
}

.expansion-text[b-gu2m4kb1wm] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    text-align: right;
}

.expansion-text strong[b-gu2m4kb1wm] {
    color: var(--registration-text);
    font-size: .82rem;
    font-weight: 750;
}

.expansion-text span[b-gu2m4kb1wm] {
    color: var(--registration-muted);
    font-size: .72rem;
}

.expansion-arrow[b-gu2m4kb1wm] {
    color: var(--registration-muted);
    font-size: 1.05rem;
    transition: color 180ms ease, transform 180ms ease;
}

.optional-expansion-card[open] .expansion-arrow[b-gu2m4kb1wm] {
    color: var(--registration-secondary);
    transform: rotate(180deg);
}

.optional-expansion-body[b-gu2m4kb1wm] {
    padding: 1rem;
    background: color-mix(in srgb, var(--ds-window-surface-raised) 86%, transparent);
    border-top: 1px solid var(--registration-border);
}

.form-actions[b-gu2m4kb1wm] {
    display: flex;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--registration-border);
    flex-wrap: wrap;
    gap: .65rem;
}

.registration-page .btn[b-gu2m4kb1wm] {
    min-height: 2.7rem;
    padding: .58rem 1rem;
    border-radius: .7rem;
    font-size: .8rem;
    font-weight: 750;
    transition: color 160ms ease, background-color 160ms ease,
        border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.registration-page .btn-primary[b-gu2m4kb1wm] {
    color: var(--ds-primary-soft);
    background: linear-gradient(135deg, var(--registration-primary-deep), var(--registration-primary));
    border-color: var(--registration-primary);
    box-shadow: 0 8px 18px color-mix(in srgb, var(--ds-primary) 16%, transparent);
}

.registration-page .btn-primary:hover[b-gu2m4kb1wm] {
    color: var(--ds-primary-soft);
    background: linear-gradient(135deg, var(--ds-primary), var(--ds-primary-hover));
    border-color: var(--ds-primary-hover);
    box-shadow: 0 9px 20px color-mix(in srgb, var(--ds-primary) 20%, transparent);
}

.registration-page .btn-primary:active[b-gu2m4kb1wm] {
    transform: translateY(1px);
}

.registration-page .registration-submit-button[b-gu2m4kb1wm] {
    color: var(--ds-text-on-accent);
    background: var(--ds-primary-solid);
    border-color: var(--ds-primary-solid);
    box-shadow: 0 8px 18px color-mix(in srgb, var(--ds-primary-solid) 22%, transparent);
}

.registration-page .registration-submit-button:hover[b-gu2m4kb1wm] {
    color: var(--ds-text-on-accent);
    background: var(--ds-primary-solid-hover);
    border-color: var(--ds-primary-solid-hover);
    box-shadow: 0 9px 20px color-mix(in srgb, var(--ds-primary-solid) 28%, transparent);
}

.registration-page .btn-primary:focus-visible[b-gu2m4kb1wm],
.registration-page .btn-outline-secondary:focus-visible[b-gu2m4kb1wm] {
    outline: 2px solid var(--registration-primary);
    outline-offset: 3px;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ds-primary) 10%, transparent);
}

.registration-page .btn-primary:disabled[b-gu2m4kb1wm],
.registration-page .btn-primary[aria-disabled="true"][b-gu2m4kb1wm] {
    color: var(--ds-window-muted);
    background: var(--ds-surface);
    border-color: var(--ds-border);
    box-shadow: none;
    opacity: .7;
    transform: none;
}

.registration-page .btn-outline-secondary[b-gu2m4kb1wm] {
    color: var(--ds-text-secondary);
    background: var(--registration-surface-raised);
    border-color: var(--registration-border-strong);
}

.registration-page .btn-outline-secondary:hover[b-gu2m4kb1wm] {
    color: var(--registration-text);
    background: var(--ds-surface);
    border-color: var(--ds-border-strong);
}

.registration-page .spinner-border[b-gu2m4kb1wm] {
    width: 1rem;
    height: 1rem;
    margin-inline-end: .35rem;
}

.registration-page > .alert[b-gu2m4kb1wm],
.success-toast-auto-dismiss[b-gu2m4kb1wm] {
    padding: .8rem .9rem;
    color: var(--registration-text);
    background: var(--registration-surface);
    border-width: 1px;
    border-radius: .8rem;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--ds-shadow-base) 12%, transparent);
    font-size: .78rem;
}

.registration-page .alert-success[b-gu2m4kb1wm] {
    color: var(--ds-success-strong);
    background: color-mix(in srgb, var(--ds-success-action) 24%, transparent);
    border-color: color-mix(in srgb, var(--ds-success) 38%, transparent);
}

.registration-page .alert-warning[b-gu2m4kb1wm] {
    color: var(--ds-warning-strong);
    background: color-mix(in srgb, var(--ds-warning) 22%, transparent);
    border-color: color-mix(in srgb, var(--ds-warning) 38%, transparent);
}

.registration-page .alert-danger[b-gu2m4kb1wm] {
    color: var(--ds-danger-strong);
    background: color-mix(in srgb, var(--ds-danger-action) 22%, transparent);
    border-color: color-mix(in srgb, var(--ds-danger) 38%, transparent);
}

.registration-page .btn-close[b-gu2m4kb1wm] {
    filter: invert(1) grayscale(1);
}

.registration-page > .empty-state[b-gu2m4kb1wm] {
    padding: 2rem 1rem;
    color: var(--registration-muted);
    background: var(--registration-surface);
    border: 1px dashed var(--registration-border-strong);
    border-radius: .9rem;
    text-align: center;
}

.registration-page > .empty-state p[b-gu2m4kb1wm] {
    margin: 0;
}

.classroom-empty-alert[b-gu2m4kb1wm] {
    margin: 1rem 0 0;
}

.registration-blocked-dialog[b-gu2m4kb1wm],
.registration-closed-dialog[b-gu2m4kb1wm] {
    width: min(32rem, calc(100% - 2rem));
    margin: auto;
    padding: 0;
    color: var(--registration-text, var(--ds-text-primary));
    background: var(--ds-window-surface-raised);
    border: 1px solid var(--ds-border);
    border-radius: 1rem;
    box-shadow: 0 22px 50px color-mix(in srgb, var(--ds-shadow-base) 45%, transparent);
}

.registration-blocked-dialog[b-gu2m4kb1wm]::backdrop,
.registration-closed-dialog[b-gu2m4kb1wm]::backdrop {
    background: color-mix(in srgb, var(--ds-background) 72%, transparent);
    backdrop-filter: blur(3px);
}

.dialog-content[b-gu2m4kb1wm],
.registration-closed-dialog-content[b-gu2m4kb1wm] {
    display: grid;
    padding: 1.25rem;
    text-align: right;
    gap: .85rem;
}

.dialog-content h2[b-gu2m4kb1wm],
.dialog-content p[b-gu2m4kb1wm],
.registration-closed-dialog-content h2[b-gu2m4kb1wm],
.registration-closed-dialog-content p[b-gu2m4kb1wm],
.registration-closed-dialog-content form[b-gu2m4kb1wm] {
    margin: 0;
}

.dialog-content h2[b-gu2m4kb1wm],
.registration-closed-dialog-content h2[b-gu2m4kb1wm] {
    color: var(--registration-text, var(--ds-text-primary));
    font-size: 1rem;
}

.dialog-content p[b-gu2m4kb1wm],
.registration-closed-dialog-content p[b-gu2m4kb1wm] {
    color: var(--registration-muted, var(--ds-window-muted));
    font-size: .78rem;
    line-height: 1.7;
}

@media (width >= 768px) {
    .placement-selection[b-gu2m4kb1wm] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .configuration-grid[b-gu2m4kb1wm],
    .plan-summary[b-gu2m4kb1wm] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767.98px) {
    .registration-page[b-gu2m4kb1wm] {
        max-width: 100%;
        padding: .75rem;
        border-radius: 1rem;
    }

    .registration-heading[b-gu2m4kb1wm] {
        align-items: stretch;
        flex-direction: column;
        gap: .85rem;
    }

    .registration-heading > .btn[b-gu2m4kb1wm],
    .form-actions .btn[b-gu2m4kb1wm] {
        width: 100%;
    }

    .registration-title-icon[b-gu2m4kb1wm] {
        width: 2.65rem;
        height: 2.65rem;
        flex-basis: 2.65rem;
    }

    .registration-card[b-gu2m4kb1wm] {
        padding: .85rem;
    }

    fieldset.form-section[b-gu2m4kb1wm] {
        padding: .8rem;
    }

    .configuration-grid[b-gu2m4kb1wm],
    .form-grid[b-gu2m4kb1wm],
    .plan-summary[b-gu2m4kb1wm] {
        grid-template-columns: 1fr;
    }

    .field-wide[b-gu2m4kb1wm] {
        grid-column: auto;
    }

    .registration-page[b-gu2m4kb1wm]  .international-phone-row {
        align-items: stretch;
    }
}

@media (max-width: 359.98px) {
    .registration-page[b-gu2m4kb1wm] {
        padding: .6rem;
    }

    .registration-heading h1[b-gu2m4kb1wm] {
        font-size: 1.3rem;
    }

    .registration-page[b-gu2m4kb1wm]  .international-phone-row {
        gap: .35rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .registration-page .form-control[b-gu2m4kb1wm],
    .registration-page .form-select[b-gu2m4kb1wm],
    .registration-page[b-gu2m4kb1wm]  .form-control,
    .registration-page[b-gu2m4kb1wm]  .form-select,
    .registration-page .btn[b-gu2m4kb1wm],
    .expansion-icon[b-gu2m4kb1wm],
    .expansion-arrow[b-gu2m4kb1wm] {
        transition: none;
    }
}
/* /Components/Schools/Pages/SchoolAccounts.razor.rz.scp.css */
.tuition-accounts-page[b-0nhjwtyzng] {
    width: 100%;
    max-width: 92rem;
    margin-inline: auto;
    color: var(--ds-text-primary);
}

.tuition-accounts-page h1[b-0nhjwtyzng] {
    font-size: 1.375rem;
}

.tuition-accounts-page h2[b-0nhjwtyzng] {
    font-size: 1.25rem;
}

.tuition-accounts-page h3[b-0nhjwtyzng] {
    font-size: 1.125rem;
}

.accounts-heading[b-0nhjwtyzng],
.accounts-card-heading[b-0nhjwtyzng],
.accounts-plan-heading[b-0nhjwtyzng],
.accounts-grade-row[b-0nhjwtyzng],
.accounts-modal-header[b-0nhjwtyzng] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.accounts-heading[b-0nhjwtyzng] {
    margin-bottom: 1.5rem;
}

.accounts-hero[b-0nhjwtyzng] {
    position: relative;
    overflow: hidden;
    padding: 1.35rem;
    border: 1px solid var(--ds-border);
    border-inline-start: 0.3rem solid var(--ds-primary);
    border-radius: var(--ds-radius-lg);
    background:
        radial-gradient(circle at 10% 0%, var(--ds-primary-soft), transparent 24rem),
        var(--ds-surface);
    box-shadow: var(--ds-shadow-sm);
}

.accounts-finance-summary[b-0nhjwtyzng] {
    width: 100%;
    margin: 0 auto 1.25rem;
}

.accounts-heading-actions[b-0nhjwtyzng] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.65rem;
}

.accounts-heading h1[b-0nhjwtyzng] {
    margin: 0.2rem 0 0.45rem;
    color: var(--ds-text-primary);
    font-size: 1.375rem;
}

.accounts-heading p[b-0nhjwtyzng],
.accounts-card p[b-0nhjwtyzng],
.accounts-muted[b-0nhjwtyzng] {
    margin: 0;
    color: var(--ds-text-secondary);
}

.accounts-eyebrow[b-0nhjwtyzng] {
    color: var(--ds-primary);
    font-size: 0.82rem;
    font-weight: 700;
}

.accounts-card[b-0nhjwtyzng] {
    margin-bottom: 1.25rem;
    padding: 1.35rem;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-lg);
    background: var(--ds-surface);
    box-shadow: var(--ds-shadow-sm);
}

.accounts-plan-card[b-0nhjwtyzng] {
    border-inline-start: 0.3rem solid var(--ds-primary);
}

.accounts-fees-card[b-0nhjwtyzng] {
    border-inline-start: 0.3rem solid var(--ds-info);
}

.accounts-card h2[b-0nhjwtyzng],
.accounts-card h3[b-0nhjwtyzng],
.accounts-modal h2[b-0nhjwtyzng] {
    margin: 0;
    color: var(--ds-text-primary);
}

.accounts-empty[b-0nhjwtyzng] {
    display: grid;
    min-height: 20rem;
    padding: clamp(1.5rem, 4vw, 3.5rem);
    place-items: center;
    text-align: center;
}

.accounts-empty-content[b-0nhjwtyzng] {
    display: grid;
    max-width: 38rem;
    justify-items: center;
    gap: 1rem;
}

.accounts-empty-icon[b-0nhjwtyzng] {
    display: grid;
    width: 4.5rem;
    height: 4.5rem;
    place-items: center;
    border-radius: 1.25rem;
    color: var(--ds-primary);
    background: var(--ds-primary-soft);
    font-size: 2rem;
}

.accounts-empty-icon svg[b-0nhjwtyzng] {
    width: 2.5rem;
    height: 2.5rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.accounts-plan-meta[b-0nhjwtyzng],
.accounts-summary-grid[b-0nhjwtyzng] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.accounts-plan-meta[b-0nhjwtyzng] {
    margin-top: 1.25rem;
}

.accounts-meta-item[b-0nhjwtyzng],
.accounts-summary-item[b-0nhjwtyzng] {
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-md);
    background: var(--ds-surface-raised);
}

.accounts-meta-item dt[b-0nhjwtyzng],
.accounts-summary-item dt[b-0nhjwtyzng] {
    margin-bottom: 0.3rem;
    color: var(--ds-text-secondary);
    font-size: 0.82rem;
}

.accounts-meta-item dd[b-0nhjwtyzng],
.accounts-summary-item dd[b-0nhjwtyzng] {
    margin: 0;
    color: var(--ds-text-primary);
    font-size: 1.05rem;
    font-weight: 700;
}

.accounts-plan-actions[b-0nhjwtyzng],
.accounts-actions[b-0nhjwtyzng],
.accounts-row-actions[b-0nhjwtyzng] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
}

.accounts-status-badge[b-0nhjwtyzng] {
    display: inline-flex;
    padding: 0.38rem 0.7rem;
    align-items: center;
    border: 1px solid;
    border-radius: var(--ds-radius-pill);
    font-size: 0.8125rem;
    font-weight: 700;
}

.accounts-status-badge.is-active[b-0nhjwtyzng] {
    border-color: var(--ds-success-border);
    color: var(--ds-success-strong);
    background: var(--ds-success-soft);
}

.accounts-status-badge.is-inactive[b-0nhjwtyzng] {
    border-color: var(--ds-border-strong);
    color: var(--ds-text-secondary);
    background: var(--ds-background-subtle);
}

.accounts-grade-list[b-0nhjwtyzng] {
    display: grid;
    margin-top: 1rem;
    gap: 0.75rem;
}

.accounts-grade-row[b-0nhjwtyzng] {
    padding: 1rem;
    align-items: center;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-md);
    background: var(--ds-surface-raised);
}

.accounts-grade-copy[b-0nhjwtyzng] {
    min-width: 0;
}

.accounts-grade-copy strong[b-0nhjwtyzng],
.accounts-grade-copy small[b-0nhjwtyzng] {
    display: block;
}

.accounts-grade-copy small[b-0nhjwtyzng] {
    margin-top: 0.25rem;
    color: var(--ds-text-secondary);
}

.accounts-amount[b-0nhjwtyzng] {
    direction: ltr;
    unicode-bidi: isolate;
    white-space: nowrap;
    color: var(--ds-text-primary);
    font-size: 1.05rem;
    font-weight: 700;
}

.accounts-lock[b-0nhjwtyzng] {
    display: inline-flex;
    margin-top: 0.35rem;
    align-items: center;
    gap: 0.3rem;
    color: var(--ds-text-secondary);
    font-size: 0.8rem;
}

.accounts-installment-state[b-0nhjwtyzng] {
    display: inline-flex;
    margin-top: 0.35rem;
    align-items: center;
    gap: 0.3rem;
    color: var(--ds-primary);
    font-size: 0.8rem;
    font-weight: 700;
}

.accounts-wizard-steps[b-0nhjwtyzng] {
    display: grid;
    margin: 0 0 1.5rem;
    padding: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    list-style: none;
}

.accounts-wizard-steps.installments[b-0nhjwtyzng] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.accounts-wizard-step[b-0nhjwtyzng] {
    padding: 0.8rem 1rem;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-md);
    color: var(--ds-text-secondary);
    background: var(--ds-surface-raised);
    font-weight: 700;
}

.accounts-wizard-step.active[b-0nhjwtyzng] {
    color: var(--ds-primary);
    border-color: var(--ds-primary);
    background: var(--ds-primary-soft);
}

.accounts-plan-timeline[b-0nhjwtyzng] {
    position: relative;
    gap: 0;
}

.accounts-plan-timeline .accounts-wizard-step[b-0nhjwtyzng] {
    position: relative;
    display: grid;
    padding: 0;
    justify-items: center;
    gap: 0.55rem;
    border: 0;
    color: var(--ds-text-secondary);
    background: transparent;
    text-align: center;
}

.accounts-plan-timeline .accounts-wizard-step:not(:last-child)[b-0nhjwtyzng]::after {
    position: absolute;
    z-index: 0;
    top: 1.15rem;
    inset-inline-start: calc(50% + 1.35rem);
    width: calc(100% - 2.7rem);
    height: 0.16rem;
    border-radius: var(--ds-radius-pill);
    background: var(--ds-border-strong);
    content: "";
}

.accounts-plan-timeline .accounts-wizard-step.complete:not(:last-child)[b-0nhjwtyzng]::after {
    background: var(--ds-primary);
}

.accounts-timeline-marker[b-0nhjwtyzng] {
    position: relative;
    z-index: 1;
    display: grid;
    width: 2.3rem;
    height: 2.3rem;
    place-items: center;
    border: 2px solid var(--ds-border-strong);
    border-radius: 50%;
    color: var(--ds-text-secondary);
    background: var(--ds-surface-raised);
    font-weight: 800;
}

.accounts-plan-timeline .accounts-wizard-step.active[b-0nhjwtyzng] {
    color: var(--ds-primary-hover);
}

.accounts-plan-timeline .accounts-wizard-step.active .accounts-timeline-marker[b-0nhjwtyzng] {
    border-color: var(--ds-primary);
    color: var(--ds-text-on-bright);
    background: var(--ds-primary);
    box-shadow: 0 0 0 0.2rem var(--ds-focus-ring);
}

.accounts-plan-timeline .accounts-wizard-step.complete[b-0nhjwtyzng] {
    color: var(--ds-success-strong);
}

.accounts-plan-timeline .accounts-wizard-step.complete .accounts-timeline-marker[b-0nhjwtyzng] {
    border-color: var(--ds-success-border);
    color: var(--ds-text-on-bright);
    background: var(--ds-success);
}

.accounts-fields[b-0nhjwtyzng] {
    display: grid;
    gap: 1rem;
}

.accounts-installment-count[b-0nhjwtyzng] {
    max-width: 18rem;
}

.accounts-installment-list[b-0nhjwtyzng] {
    display: grid;
    gap: 0.75rem;
}

.accounts-installment-row[b-0nhjwtyzng] {
    display: grid;
    padding: 1rem;
    grid-template-columns: minmax(6.5rem, 0.5fr) repeat(2, minmax(0, 1fr));
    align-items: end;
    gap: 0.8rem;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-md);
    background: var(--ds-surface-raised);
}

.accounts-installment-sequence[b-0nhjwtyzng] {
    align-self: center;
    color: var(--ds-text-primary);
    font-weight: 700;
}

.accounts-installment-total[b-0nhjwtyzng] {
    display: flex;
    padding: 0.85rem 1rem;
    justify-content: space-between;
    gap: 1rem;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-md);
    color: var(--ds-text-primary);
    background: var(--ds-background);
}

.accounts-installment-total strong[b-0nhjwtyzng] {
    direction: ltr;
    unicode-bidi: isolate;
}

.accounts-installment-total.invalid[b-0nhjwtyzng] {
    border-color: var(--ds-danger-border, var(--ds-danger));
    color: var(--ds-danger-strong);
    background: var(--ds-danger-soft);
}

.accounts-installment-review[b-0nhjwtyzng] {
    display: grid;
    gap: 1rem;
}

.accounts-installment-modal .accounts-installment-review .accounts-table-wrap[b-0nhjwtyzng] {
    overflow: visible;
}

.accounts-installment-modal .accounts-installment-review .accounts-table[b-0nhjwtyzng] {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
}

.accounts-installment-modal .accounts-installment-review .accounts-table th[b-0nhjwtyzng],
.accounts-installment-modal .accounts-installment-review .accounts-table td[b-0nhjwtyzng] {
    overflow-wrap: anywhere;
    white-space: normal;
}

.accounts-fee-grid[b-0nhjwtyzng] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.accounts-fee-field[b-0nhjwtyzng] {
    padding: 1rem;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-md);
    background: var(--ds-surface-raised);
}

.accounts-fee-field label[b-0nhjwtyzng] {
    font-weight: 700;
}

.accounts-currency-suffix[b-0nhjwtyzng] {
    min-width: 4.5rem;
    justify-content: center;
    font-weight: 700;
}

.accounts-modal-backdrop[b-0nhjwtyzng] {
    position: fixed;
    inset: 0;
    z-index: 1060;
    display: grid;
    padding: 1rem;
    place-items: center;
    overflow: hidden;
    background: var(--ds-overlay);
}

.accounts-modal[b-0nhjwtyzng] {
    width: min(100%, 660px);
    max-height: calc(100dvh - 2rem);
    margin: 0;
    overflow: hidden;
    color: var(--ds-text-primary);
    background: var(--ds-surface);
}

.accounts-plan-wizard-modal[b-0nhjwtyzng],
.accounts-plan-wizard-modal h2[b-0nhjwtyzng],
.accounts-plan-wizard-modal .form-label[b-0nhjwtyzng],
.accounts-plan-wizard-modal .form-text[b-0nhjwtyzng],
.accounts-plan-wizard-modal .form-control[b-0nhjwtyzng],
.accounts-plan-wizard-modal .form-select[b-0nhjwtyzng],
.accounts-plan-wizard-modal .input-group-text[b-0nhjwtyzng],
.accounts-plan-wizard-modal .btn[b-0nhjwtyzng],
.accounts-plan-wizard-modal .accounts-wizard-step[b-0nhjwtyzng] {
    font-size: 1rem;
}

.accounts-plan-wizard-backdrop[b-0nhjwtyzng] {
    overflow-y: auto;
    scrollbar-width: none;
}

.accounts-plan-wizard-backdrop[b-0nhjwtyzng]::-webkit-scrollbar {
    display: none;
}

.accounts-plan-wizard-modal[b-0nhjwtyzng] {
    max-height: none;
    overflow: visible;
}

.accounts-plan-wizard-body[b-0nhjwtyzng] {
    min-height: 0;
    overflow: visible;
}

.accounts-currency-help[b-0nhjwtyzng] {
    margin-bottom: 1.25rem;
}

.accounts-modal-header[b-0nhjwtyzng] {
    align-items: center;
    margin-bottom: 1rem;
}

/* مسافة ثابتة تمنع التصاق أزرار النوافذ بالحقول التي تسبقها. */
.accounts-modal-actions[b-0nhjwtyzng] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.accounts-grade-price-modal[b-0nhjwtyzng],
.accounts-grade-price-modal h2[b-0nhjwtyzng],
.accounts-grade-price-modal label[b-0nhjwtyzng],
.accounts-grade-price-modal .form-control[b-0nhjwtyzng],
.accounts-grade-price-modal .input-group-text[b-0nhjwtyzng],
.accounts-grade-price-modal .form-text[b-0nhjwtyzng],
.accounts-grade-price-modal .btn[b-0nhjwtyzng] {
    font-size: 1rem;
}

.accounts-grade-price-modal .sp-admin-modal-body[b-0nhjwtyzng] {
    overflow: visible;
    scrollbar-gutter: auto;
}

.accounts-grade-price-modal .form-text[b-0nhjwtyzng] {
    margin-bottom: 1.5rem;
    font-size: .875rem;
}

.accounts-grade-price-modal h2[b-0nhjwtyzng] {
    margin: 0;
    color: var(--ds-primary);
    font-size: 1.25rem;
}

.accounts-grade-price-modal[b-0nhjwtyzng] {
    border: 1px solid var(--ds-window-border);
    border-inline-start: 0.3rem solid var(--ds-primary);
    border-radius: var(--ds-radius-lg);
    background:
        radial-gradient(circle at 10% 0%, var(--ds-primary-soft), transparent 22rem),
        var(--ds-window-surface);
    box-shadow: var(--ds-shadow-lg);
}

.accounts-grade-price-modal .accounts-modal-header[b-0nhjwtyzng] {
    padding-bottom: 0.85rem;
    border-bottom: 1px solid var(--ds-border);
}

.accounts-grade-price-modal .input-group[b-0nhjwtyzng] {
    border-radius: var(--ds-radius-md);
    box-shadow: var(--ds-shadow-sm);
}

.accounts-grade-price-modal .form-label[b-0nhjwtyzng],
.accounts-grade-price-modal .form-control[b-0nhjwtyzng],
.accounts-grade-price-modal .btn[b-0nhjwtyzng] {
    font-size: 1rem !important;
}

.accounts-installment-modal h2[b-0nhjwtyzng] {
    margin: 0;
    color: var(--ds-primary);
    font-size: 1.25rem;
}

.accounts-installment-modal[b-0nhjwtyzng] {
    border: 1px solid var(--ds-window-border);
    border-inline-start: 0.3rem solid var(--ds-primary);
    border-radius: var(--ds-radius-lg);
    background:
        radial-gradient(circle at 10% 0%, var(--ds-primary-soft), transparent 22rem),
        var(--ds-window-surface);
    box-shadow: var(--ds-shadow-lg);
}

.accounts-installment-modal .accounts-modal-header[b-0nhjwtyzng] {
    padding-bottom: 0.85rem;
    border-bottom: 1px solid var(--ds-border);
}

.accounts-installment-modal .accounts-wizard-step[b-0nhjwtyzng] {
    font-size: 1.125rem;
}

.accounts-installment-modal .accounts-installment-row[b-0nhjwtyzng],
.accounts-installment-modal .accounts-summary-item[b-0nhjwtyzng] {
    border-color: var(--ds-window-border);
    background: var(--ds-window-surface-raised);
    box-shadow: var(--ds-shadow-sm);
}

.accounts-installment-modal .accounts-installment-sequence[b-0nhjwtyzng],
.accounts-installment-modal .accounts-installment-total strong[b-0nhjwtyzng] {
    color: var(--ds-primary);
}

.accounts-installment-modal .accounts-installment-total:not(.invalid)[b-0nhjwtyzng] {
    border-color: var(--ds-primary);
    background: var(--ds-primary-soft);
}

.accounts-installment-modal .form-label[b-0nhjwtyzng],
.accounts-installment-modal .form-control[b-0nhjwtyzng],
.accounts-installment-modal .input-group-text[b-0nhjwtyzng],
.accounts-installment-modal .btn[b-0nhjwtyzng] {
    font-size: 1rem !important;
}

.accounts-installment-modal .form-text[b-0nhjwtyzng] {
    font-size: 0.875rem;
}

.accounts-installment-modal .accounts-actions[b-0nhjwtyzng] {
    margin-top: 1.5rem;
}

.accounts-installment-toast[b-0nhjwtyzng] {
    position: fixed;
    z-index: 1080;
    top: 1rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    width: min(calc(100% - 2rem), 28rem);
    padding: 0.85rem 1rem;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border: 1px solid var(--ds-danger-border, var(--ds-danger));
    border-radius: var(--ds-radius-md);
    color: var(--ds-danger-strong);
    background: var(--ds-danger-soft);
    box-shadow: var(--ds-shadow-lg);
    font-size: 1rem;
    font-weight: 700;
}

.accounts-installment-toast button[b-0nhjwtyzng] {
    padding: 0;
    border: 0;
    color: inherit;
    background: transparent;
    font-size: 1.25rem;
    line-height: 1;
}

.accounts-disable-installments-modal[b-0nhjwtyzng],
.accounts-disable-installments-modal .accounts-delete-warning[b-0nhjwtyzng],
.accounts-disable-installments-modal .btn[b-0nhjwtyzng] {
    font-size: 1rem;
}

.accounts-disable-installments-modal h2[b-0nhjwtyzng] {
    font-size: 1.25rem;
}

.accounts-disable-installments-modal .accounts-actions[b-0nhjwtyzng] {
    margin-top: 1.5rem;
}

.accounts-delete-plan-modal[b-0nhjwtyzng],
.accounts-delete-plan-modal p[b-0nhjwtyzng],
.accounts-delete-plan-modal strong[b-0nhjwtyzng],
.accounts-delete-plan-modal .form-label[b-0nhjwtyzng],
.accounts-delete-plan-modal .form-control[b-0nhjwtyzng],
.accounts-delete-plan-modal .btn[b-0nhjwtyzng] {
    font-size: 1rem;
}

.accounts-delete-plan-modal h2[b-0nhjwtyzng] {
    font-size: 1.25rem;
}

.accounts-delete-plan-modal .accounts-actions[b-0nhjwtyzng] {
    margin-top: 1.5rem;
}

.accounts-delete-plan-modal .sp-admin-modal-body[b-0nhjwtyzng] {
    overflow: visible;
    scrollbar-gutter: auto;
}

.accounts-delete-confirmation-field[b-0nhjwtyzng] {
    padding: 0.25rem;
    margin: -0.25rem;
}

.accounts-delete-plan-modal .form-control:focus[b-0nhjwtyzng] {
    position: relative;
    z-index: 1;
    border-color: var(--ds-focus);
    box-shadow: 0 0 0 0.2rem var(--ds-focus-ring);
}

.accounts-confirmation-summary[b-0nhjwtyzng],
.accounts-delete-warning[b-0nhjwtyzng] {
    padding: 1rem;
    border-radius: var(--ds-radius-md);
}

.accounts-confirmation-summary[b-0nhjwtyzng] {
    border: 1px solid var(--ds-border);
    background: var(--ds-surface-raised);
}

.accounts-confirmation-backdrop[b-0nhjwtyzng] {
    overflow-y: auto;
    scrollbar-width: none;
}

.accounts-confirmation-backdrop[b-0nhjwtyzng]::-webkit-scrollbar {
    display: none;
}

.accounts-confirmation-modal[b-0nhjwtyzng] {
    max-height: none;
    overflow: visible;
}

.accounts-confirmation-body[b-0nhjwtyzng] {
    min-height: 0;
    overflow: visible;
}

.accounts-confirmation-fees[b-0nhjwtyzng] {
    display: grid;
    margin-top: 1rem;
    gap: 0.5rem;
}

.accounts-confirmation-fees > div[b-0nhjwtyzng] {
    display: flex;
    padding: 0.65rem 0.75rem;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-sm);
    color: var(--ds-text-primary);
    background: var(--ds-background-subtle);
}

.accounts-confirmation-fees strong[b-0nhjwtyzng] {
    color: var(--ds-primary-hover);
    white-space: nowrap;
}

.accounts-confirmation-note[b-0nhjwtyzng] {
    margin-bottom: 1.25rem;
}

.accounts-delete-warning[b-0nhjwtyzng] {
    border: 1px solid var(--ds-danger-border, var(--ds-danger));
    background: var(--ds-danger-soft);
    color: var(--ds-danger-strong);
}

.accounts-table-wrap[b-0nhjwtyzng] {
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-md);
}

.accounts-table[b-0nhjwtyzng] {
    min-width: 52rem;
    margin: 0;
}

.accounts-table th[b-0nhjwtyzng],
.accounts-table td[b-0nhjwtyzng] {
    padding: 0.8rem;
    vertical-align: middle;
}

.tuition-accounts-page .form-control[b-0nhjwtyzng],
.tuition-accounts-page .form-select[b-0nhjwtyzng],
.tuition-accounts-page .input-group-text[b-0nhjwtyzng] {
    border-color: var(--ds-control-border);
    color: var(--ds-text-primary);
    background-color: var(--ds-input);
}

.tuition-accounts-page .form-control:focus[b-0nhjwtyzng],
.tuition-accounts-page .form-select:focus[b-0nhjwtyzng] {
    border-color: var(--ds-focus);
    box-shadow: 0 0 0 0.2rem var(--ds-focus-ring);
}

@media (max-width: 767.98px) {
    .accounts-heading[b-0nhjwtyzng],
    .accounts-card-heading[b-0nhjwtyzng],
    .accounts-plan-heading[b-0nhjwtyzng],
    .accounts-grade-row[b-0nhjwtyzng] {
        align-items: stretch;
        flex-direction: column;
    }

    .accounts-heading-actions[b-0nhjwtyzng] {
        width: 100%;
        justify-content: stretch;
    }

    .accounts-heading-actions > *[b-0nhjwtyzng] {
        flex: 1 1 10rem;
    }

    .accounts-summary-grid[b-0nhjwtyzng],
    .accounts-plan-meta[b-0nhjwtyzng],
    .accounts-fee-grid[b-0nhjwtyzng],
    .accounts-wizard-steps[b-0nhjwtyzng] {
        grid-template-columns: 1fr;
    }

    .accounts-plan-timeline[b-0nhjwtyzng] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .accounts-installment-modal .accounts-plan-timeline[b-0nhjwtyzng] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .accounts-installment-modal .accounts-plan-timeline .accounts-wizard-step:not(:last-child)[b-0nhjwtyzng]::after {
        top: 2.3rem;
        inset-inline-start: calc(50% - 0.08rem);
        width: 0.16rem;
        height: 0.75rem;
    }

    .accounts-installment-row[b-0nhjwtyzng] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .accounts-card[b-0nhjwtyzng] {
        padding: 1rem;
    }

    .accounts-actions .btn[b-0nhjwtyzng],
    .accounts-plan-actions .btn[b-0nhjwtyzng],
    .accounts-row-actions .btn[b-0nhjwtyzng] {
        flex: 1 1 10rem;
    }
}
.accounts-heading-actions .btn[b-0nhjwtyzng] {
    min-height: 2.5rem;
    min-width: 8.5rem;
    padding: .5rem 1rem;
    font-size: .875rem;
}

.accounts-heading-actions[b-0nhjwtyzng]  .app-icon {
    display: none;
}
/* /Components/Schools/Pages/SchoolAccountStatement.razor.rz.scp.css */
.account-statement-page[b-lm4tczbsv9] { width: 100%; max-width: 96rem; margin-inline: auto; }
.account-statement-page .btn[b-lm4tczbsv9], .account-statement-page[b-lm4tczbsv9]  .btn { font-size: 1rem; }
.account-statement-heading[b-lm4tczbsv9], .account-statement-section-heading[b-lm4tczbsv9] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.account-statement-heading[b-lm4tczbsv9] { margin-bottom: 1.5rem; }
.account-statement-heading span[b-lm4tczbsv9] { color: var(--ds-primary); font-size: .82rem; font-weight: 700; }
.account-statement-heading h1[b-lm4tczbsv9], .account-statement-section-heading h2[b-lm4tczbsv9] { margin: .2rem 0 0; color: var(--ds-text-primary); }
.account-statement-heading p[b-lm4tczbsv9], .account-statement-section-heading p[b-lm4tczbsv9] { margin: .4rem 0 0; color: var(--ds-text-secondary); }
.account-statement-actions[b-lm4tczbsv9], .account-statement-filter-actions[b-lm4tczbsv9] { display: flex; flex-wrap: wrap; gap: .65rem; }
.account-statement-card[b-lm4tczbsv9] { margin-bottom: 1.25rem; padding: 1.35rem; border: 1px solid var(--ds-border); border-radius: var(--ds-radius-lg); background: var(--ds-surface); box-shadow: 0 10px 28px var(--ds-shadow-color-soft); }
.account-statement-student-step[b-lm4tczbsv9] { margin-top: 1rem; }
.account-statement-student-step > p[b-lm4tczbsv9] { margin: .65rem 0 0; color: var(--ds-text-secondary); }
.account-statement-selected-student-card[b-lm4tczbsv9] { padding: 1rem; border: 1px solid var(--ds-action-border); border-radius: var(--ds-radius-md); background: var(--ds-primary-soft); }
.account-statement-selected-student-card dl[b-lm4tczbsv9] { display: grid; margin: 1rem 0 0; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; }
.account-statement-selected-student-card dl > div[b-lm4tczbsv9] { padding: .65rem; border-radius: var(--ds-radius-md); background: var(--ds-surface); }
.account-statement-selected-student-card dt[b-lm4tczbsv9] { color: var(--ds-text-secondary); font-size: .8rem; }
.account-statement-selected-student-card dd[b-lm4tczbsv9] { margin: .25rem 0 0; color: var(--ds-text-primary); font-weight: 700; }
.account-statement-filter-grid[b-lm4tczbsv9] { display: grid; margin-top: 1rem; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; align-items: start; }
.account-statement-filter-grid .form-label[b-lm4tczbsv9] { font-size: 0.875rem; }
.account-statement-filter-actions[b-lm4tczbsv9] { margin-top: 1rem; }
.account-statement-student-filter[b-lm4tczbsv9] { position: relative; }
.account-statement-selected-student[b-lm4tczbsv9] { display: flex; min-height: 2.4rem; padding: .45rem .7rem; align-items: center; justify-content: space-between; gap: .75rem; border: 1px solid var(--ds-border); border-radius: var(--ds-radius-md); background: var(--ds-background); }
.account-statement-selected-student span[b-lm4tczbsv9] { display: flex; min-width: 0; flex-direction: column; }
.account-statement-selected-student small[b-lm4tczbsv9] { color: var(--ds-text-secondary); }
.account-statement-student-results[b-lm4tczbsv9] { position: absolute; inset: calc(100% + .3rem) 0 auto; z-index: 20; max-height: 16rem; overflow-y: auto; padding: .35rem; border: 1px solid var(--ds-border); border-radius: var(--ds-radius-md); background: var(--ds-surface); box-shadow: 0 12px 30px var(--ds-shadow-color-soft); }
.account-statement-student-results button[b-lm4tczbsv9] { display: flex; width: 100%; padding: .6rem .7rem; text-align: right; color: var(--ds-text-primary); background: transparent; border: 0; border-radius: .45rem; flex-direction: column; }
.account-statement-student-results button:hover[b-lm4tczbsv9] { background: var(--ds-background); }
.account-statement-student-results span[b-lm4tczbsv9] { color: var(--ds-text-secondary); font-size: .78rem; }
.account-statement-modal[b-lm4tczbsv9] { z-index: 1060; }
.account-statement-modal-backdrop[b-lm4tczbsv9] { position: fixed; inset: 0; z-index: 1055; background: var(--ds-overlay); }
.account-statement-search-grid[b-lm4tczbsv9] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)) auto; gap: 1rem; align-items: end; }
.account-statement-student-search-table[b-lm4tczbsv9] { min-width: 70rem; margin: 0; font-size: 0.875rem; }
.account-statement-student-search-table th[b-lm4tczbsv9],
.account-statement-student-search-table td[b-lm4tczbsv9],
.account-statement-student-search-table .btn[b-lm4tczbsv9] { font-size: 0.875rem; }
.account-statement-summary[b-lm4tczbsv9] { display: grid; margin: 1rem 0 0; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.account-statement-summary.student-summary[b-lm4tczbsv9] { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.account-statement-summary > div[b-lm4tczbsv9] { padding: .85rem; border: 1px solid var(--ds-border); border-radius: var(--ds-radius-md); background: var(--ds-background); }
.account-statement-summary dt[b-lm4tczbsv9] { color: var(--ds-text-secondary); font-size: 1rem; }
.account-statement-summary dd[b-lm4tczbsv9] { margin: .35rem 0 0; color: var(--ds-text-primary); font-size: 1rem; font-weight: 700; }
.account-statement-empty[b-lm4tczbsv9] { text-align: center; color: var(--ds-text-secondary); }
.account-statement-table-wrap[b-lm4tczbsv9] { margin-top: 1rem; overflow-x: auto; border: 1px solid var(--ds-border); border-radius: var(--ds-radius-md); }
.account-statement-table[b-lm4tczbsv9] { min-width: 92rem; margin: 0; font-size: 0.875rem; }
.account-statement-table th[b-lm4tczbsv9], .account-statement-table td[b-lm4tczbsv9] { padding: .7rem; vertical-align: middle; }
.account-statement-table tr.is-cancelled td[b-lm4tczbsv9] { opacity: .68; background: var(--ds-danger-soft); }
.money-cell[b-lm4tczbsv9] { direction: ltr; unicode-bidi: isolate; white-space: nowrap; font-weight: 700; }
.movement-badge[b-lm4tczbsv9] { display: inline-flex; margin: .1rem; padding: .28rem .52rem; border: 1px solid; border-radius: var(--ds-radius-pill); font-size: .75rem; font-weight: 700; white-space: nowrap; }
.movement-badge.payment[b-lm4tczbsv9] { color: var(--ds-success-strong); border-color: var(--ds-success-border); background: var(--ds-success-soft); }
.movement-badge.discount[b-lm4tczbsv9] { color: var(--ds-warning-strong); border-color: var(--ds-warning-border); background: var(--ds-warning-soft); }
.movement-badge.refund[b-lm4tczbsv9] { color: var(--ds-info-strong); border-color: var(--ds-info-border); background: var(--ds-info-soft); }
.movement-badge.cancelled[b-lm4tczbsv9] { color: var(--ds-danger-strong); border-color: var(--ds-danger-border); background: var(--ds-danger-soft); }
.details-cell[b-lm4tczbsv9] { max-width: 15rem; }
.details-cell span[b-lm4tczbsv9] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.details-cell a[b-lm4tczbsv9] { display: inline-block; margin-top: .2rem; font-size: .8rem; }
.movement-actor-cell strong[b-lm4tczbsv9], .movement-actor-cell span[b-lm4tczbsv9] { display: block; }
.movement-actor-cell span[b-lm4tczbsv9] { margin-top: .15rem; color: var(--ds-text-secondary); font-size: .78rem; white-space: nowrap; }
.account-statement-pagination[b-lm4tczbsv9] { display: flex; margin-top: 1rem; align-items: center; justify-content: space-between; gap: 1rem; }
.account-statement-page-size[b-lm4tczbsv9], .account-statement-page-navigation[b-lm4tczbsv9] { display: flex; align-items: center; gap: .65rem; }
.account-statement-page-size label[b-lm4tczbsv9], .account-statement-range[b-lm4tczbsv9], .account-statement-page-navigation span[b-lm4tczbsv9] { color: var(--ds-text-secondary); font-size: .875rem; white-space: nowrap; }
.account-statement-page-size .form-select[b-lm4tczbsv9] { width: 5.5rem; min-height: 2.4rem; border-color: var(--ds-border); border-radius: var(--ds-radius-md); background-color: var(--ds-surface); color: var(--ds-text-primary); font-size: .875rem; }
.print-only[b-lm4tczbsv9] { display: none; }
@media (max-width: 1000px) { .account-statement-filter-grid[b-lm4tczbsv9], .account-statement-summary.student-summary[b-lm4tczbsv9], .account-statement-selected-student-card dl[b-lm4tczbsv9] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575.98px) { .account-statement-heading[b-lm4tczbsv9], .account-statement-section-heading[b-lm4tczbsv9], .account-statement-pagination[b-lm4tczbsv9] { align-items: stretch; flex-direction: column; } .account-statement-page-size[b-lm4tczbsv9], .account-statement-page-navigation[b-lm4tczbsv9] { justify-content: center; } .account-statement-range[b-lm4tczbsv9] { text-align: center; } .account-statement-filter-grid[b-lm4tczbsv9], .account-statement-summary[b-lm4tczbsv9], .account-statement-summary.student-summary[b-lm4tczbsv9], .account-statement-selected-student-card dl[b-lm4tczbsv9], .account-statement-search-grid[b-lm4tczbsv9] { grid-template-columns: 1fr; } .account-statement-card[b-lm4tczbsv9] { padding: 1rem; } }
@media print {
    .no-print[b-lm4tczbsv9], [b-lm4tczbsv9] .school-workspace-sidebar, [b-lm4tczbsv9] nav, [b-lm4tczbsv9] header:not(.account-statement-heading) { display: none !important; }
    .print-only[b-lm4tczbsv9] { display: block; }
    .account-statement-page[b-lm4tczbsv9] { max-width: none; padding: 0 !important; color: var(--ds-shadow-base); }
    .account-statement-heading > div:first-child p[b-lm4tczbsv9], .account-statement-heading > div:first-child span[b-lm4tczbsv9] { display: none; }
    .account-statement-print-header[b-lm4tczbsv9] { margin-bottom: 1rem; text-align: center; }
    .account-statement-print-header dl[b-lm4tczbsv9] { display: flex; margin-top: .75rem; justify-content: center; gap: 1.5rem; }
    .account-statement-print-header dl div[b-lm4tczbsv9] { display: flex; gap: .35rem; }
    .account-statement-card[b-lm4tczbsv9] { padding: .7rem; break-inside: avoid; box-shadow: none; }
    .account-statement-table-wrap[b-lm4tczbsv9] { overflow: visible; }
    .account-statement-table[b-lm4tczbsv9] { width: 100%; min-width: 0; font-size: 8pt; }
    .account-statement-table th[b-lm4tczbsv9], .account-statement-table td[b-lm4tczbsv9] { padding: .25rem; }
    .details-cell a[b-lm4tczbsv9] { display: none; }
}
/* /Components/Schools/Pages/SchoolEmployees.razor.rz.scp.css */
.employees-page[b-jkx9kgxklb] {
    --employees-bg: var(--ds-background);
    --employees-surface: var(--ds-window-surface);
    --employees-surface-raised: var(--ds-window-surface-raised);
    --employees-border: var(--ds-window-border);
    --employees-border-strong: var(--ds-border);
    --employees-text: var(--ds-window-text);
    --employees-muted: var(--ds-window-muted);
    --employees-accent: var(--ds-primary);
    min-width: 0;
    color: var(--employees-text);
    direction: rtl;
}

.employees-heading[b-jkx9kgxklb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.employees-heading h1[b-jkx9kgxklb] {
    margin: .25rem 0 .45rem;
    color: var(--employees-text);
    font-size: clamp(1.75rem, 3vw, 2.35rem);
    font-weight: 700;
}

.employees-heading p[b-jkx9kgxklb] {
    margin: 0;
    color: var(--employees-muted);
}

.employees-eyebrow[b-jkx9kgxklb] {
    color: var(--employees-accent);
    font-size: .82rem;
    font-weight: 700;
}

.employees-tabs-container[b-jkx9kgxklb] {
    display: flex;
    align-items: center;
}

.employees-pills-nav[b-jkx9kgxklb] {
    display: inline-flex;
    padding: 0.35rem;
    background: linear-gradient(145deg, var(--employees-surface-raised), var(--employees-surface));
    border: 1px solid var(--employees-border);
    border-radius: .9rem;
    gap: 0.35rem;
    box-shadow: 0 10px 28px color-mix(in srgb, var(--ds-shadow-base) 16%, transparent);
}

.employees-tab-link[b-jkx9kgxklb] {
    display: inline-flex;
    align-items: center;
    padding: 0.55rem 1.15rem;
    color: var(--employees-muted);
    font-weight: 600;
    font-size: 0.95rem;
    border-radius: 0.5rem;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.employees-tab-link:hover[b-jkx9kgxklb] {
    color: var(--employees-accent);
    background: color-mix(in srgb, var(--ds-primary) 8%, transparent);
}

.employees-tab-link.active[b-jkx9kgxklb] {
    color: var(--ds-window-text) !important;
    background: var(--ds-action-bg) !important;
    border: 1px solid var(--ds-action-border);
    box-shadow: none;
}

.employees-tab-link.active .badge[b-jkx9kgxklb] {
    background: color-mix(in srgb, var(--ds-text-on-accent) 25%, transparent) !important;
    color: var(--ds-text-on-accent) !important;
}

.employees-terminated-tab > span:first-child[b-jkx9kgxklb] {
    color: var(--ds-danger-strong);
}

.employees-table-card[b-jkx9kgxklb],
.employees-empty[b-jkx9kgxklb] {
    overflow: hidden;
    border: 1px solid var(--employees-border);
    border-radius: 1rem;
    background: linear-gradient(145deg, var(--employees-surface-raised), var(--employees-surface));
    box-shadow: 0 16px 38px color-mix(in srgb, var(--ds-shadow-base) 20%, transparent);
}

.legacy-principal-card[b-jkx9kgxklb] {
    display: grid;
    gap: 1.25rem;
    margin-bottom: 1.25rem;
    padding: 1.4rem;
    border: 1px solid var(--ds-warning);
    border-radius: 1rem;
    background: var(--ds-warning-soft);
    box-shadow: 0 10px 28px var(--ds-shadow-color-soft);
}

.legacy-principal-card h2[b-jkx9kgxklb] {
    margin: .25rem 0 .4rem;
    color: var(--ds-warning-strong);
    font-size: 1.2rem;
}

.legacy-principal-card p[b-jkx9kgxklb] {
    margin: 0;
    color: var(--ds-warning-strong);
}

.legacy-principal-eyebrow[b-jkx9kgxklb] {
    color: var(--ds-warning-strong);
    font-size: .8rem;
    font-weight: 700;
}

.legacy-principal-card dl[b-jkx9kgxklb] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin: 0;
}

.legacy-principal-card dl > div[b-jkx9kgxklb] {
    display: grid;
    gap: .25rem;
}

.legacy-principal-card dt[b-jkx9kgxklb] {
    color: var(--ds-warning-strong);
    font-size: .8rem;
}

.legacy-principal-card dd[b-jkx9kgxklb] {
    margin: 0;
    color: var(--ds-warning-strong);
    font-weight: 600;
}

.legacy-principal-card .btn[b-jkx9kgxklb] {
    justify-self: start;
}

.employees-table-title[b-jkx9kgxklb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem 1.4rem;
    border-bottom: 1px solid var(--employees-border);
}

.employees-table-title h2[b-jkx9kgxklb] {
    margin: 0 0 .2rem;
    color: var(--employees-text);
    font-size: 1.15rem;
}

.employees-table-title span[b-jkx9kgxklb] {
    color: var(--employees-muted);
    font-size: .9rem;
}

.employees-table-card th[b-jkx9kgxklb],
.employees-table-card td[b-jkx9kgxklb] {
    padding: 1rem;
    white-space: nowrap;
}

.employees-table-card th[b-jkx9kgxklb] {
    color: var(--employees-muted);
    font-size: .83rem;
    font-weight: 700;
}

.employee-actions[b-jkx9kgxklb] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.teacher-subjects-backdrop[b-jkx9kgxklb] {
    position: fixed;
    z-index: 1080;
    inset: 0;
    display: grid;
    padding: 1rem;
    background: color-mix(in srgb, var(--ds-background) 78%, transparent);
    backdrop-filter: blur(4px);
    place-items: center;
}

.teacher-subjects-dialog[b-jkx9kgxklb] {
    position: static;
    width: min(64rem, 100%);
    max-width: 100%;
    max-height: calc(100vh - 2rem);
    margin: 0;
    padding: 1.35rem;
    overflow: auto;
    color: var(--employees-text);
    background: linear-gradient(145deg, var(--employees-surface-raised), var(--employees-surface));
    border: 1px solid var(--employees-border);
    border-radius: 1rem;
    box-shadow: 0 24px 65px color-mix(in srgb, var(--ds-shadow-base) 34%, transparent);
}

.teacher-subjects-dialog-header[b-jkx9kgxklb],
.teacher-current-assignments-heading[b-jkx9kgxklb],
.teacher-assignment-confirmation-actions[b-jkx9kgxklb] {
    display: flex;
    align-items: center;
}

.employee-password-dialog[b-jkx9kgxklb] {
    max-width: 34rem;
}

.employee-edit-modal-dialog[b-jkx9kgxklb] {
    max-width: 44rem;
    overflow: visible;
}

.employee-password-name[b-jkx9kgxklb] {
    margin: 1rem 0 .35rem;
    color: var(--ds-text-primary);
}

.employee-password-policy[b-jkx9kgxklb] {
    margin: 0 0 1rem;
    color: var(--ds-text-secondary);
    font-size: .88rem;
}

.employee-password-form[b-jkx9kgxklb] {
    display: grid;
    gap: 1rem;
}

.employee-password-form .validation-message[b-jkx9kgxklb] {
    display: block;
    margin-top: .25rem;
    color: var(--ds-danger-strong);
    font-size: .76rem;
}

.teacher-subjects-dialog-header[b-jkx9kgxklb] {
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--ds-border);
}

.teacher-subjects-dialog-header h2[b-jkx9kgxklb] {
    margin: .2rem 0 0;
    font-size: clamp(1.2rem, 2.5vw, 1.55rem);
    font-weight: 700;
}

.teacher-subjects-context[b-jkx9kgxklb] {
    display: grid;
    margin-block: 1rem;
    padding: .9rem 1rem;
    background: var(--ds-primary-soft);
    border: 1px solid var(--ds-primary);
    border-radius: .85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.teacher-subjects-context div[b-jkx9kgxklb] {
    display: grid;
    gap: .18rem;
}

.teacher-subjects-context span[b-jkx9kgxklb] {
    color: var(--ds-text-secondary);
    font-size: .76rem;
}

.teacher-subjects-context strong[b-jkx9kgxklb] {
    color: var(--ds-text-primary);
}

.teacher-assignment-create[b-jkx9kgxklb],
.teacher-current-assignments[b-jkx9kgxklb] {
    padding: 1rem;
    border: 1px solid var(--ds-border);
    border-radius: .9rem;
}

.teacher-assignment-create h3[b-jkx9kgxklb],
.teacher-current-assignments h3[b-jkx9kgxklb],
.teacher-assignment-confirmation h3[b-jkx9kgxklb] {
    margin: 0 0 .85rem;
    font-size: 1.05rem;
    font-weight: 700;
}

.teacher-assignment-form[b-jkx9kgxklb] {
    display: grid;
    max-width: 36rem;
    gap: .85rem;
}

.teacher-assignment-form > div[b-jkx9kgxklb],
.teacher-assignment-form .form-select[b-jkx9kgxklb] {
    min-width: 0;
    width: 100%;
}

.teacher-assignment-form .validation-message[b-jkx9kgxklb] {
    display: block;
    margin-top: .25rem;
    color: var(--ds-danger-strong);
    font-size: .76rem;
}

.teacher-current-assignments[b-jkx9kgxklb] {
    margin-top: 1rem;
    padding: 0;
    overflow: hidden;
}

.teacher-current-assignments-heading[b-jkx9kgxklb] {
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid var(--ds-border);
}

.teacher-current-assignments-heading h3[b-jkx9kgxklb] {
    margin: 0;
}

.teacher-current-assignments-heading span[b-jkx9kgxklb] {
    padding: .3rem .65rem;
    color: var(--ds-primary);
    background: var(--ds-primary-soft);
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 700;
}

.teacher-current-assignments th[b-jkx9kgxklb],
.teacher-current-assignments td[b-jkx9kgxklb] {
    padding: .85rem 1rem;
    white-space: nowrap;
}

.teacher-assignments-empty[b-jkx9kgxklb] {
    margin: 0;
    padding: 1.5rem 1rem;
    color: var(--ds-text-secondary);
    text-align: center;
}

.teacher-assignment-confirmation[b-jkx9kgxklb] {
    margin-top: 1rem;
    padding: 1rem;
    color: var(--ds-danger-strong);
    background: var(--ds-danger-soft);
    border: 1px solid var(--ds-danger);
    border-radius: .9rem;
}

.teacher-assignment-confirmation p[b-jkx9kgxklb] {
    margin: 0;
    line-height: 1.75;
}

.teacher-assignment-confirmation-actions[b-jkx9kgxklb] {
    margin-top: 1rem;
    flex-wrap: wrap;
    gap: .6rem;
}

.employees-empty[b-jkx9kgxklb] {
    display: grid;
    justify-items: center;
    padding: 3rem 1.5rem;
    text-align: center;
}

.employees-empty-icon[b-jkx9kgxklb] {
    display: grid;
    width: 3.5rem;
    height: 3.5rem;
    margin-bottom: 1rem;
    place-items: center;
    border-radius: 50%;
    background: var(--ds-info-soft);
    color: var(--ds-info-strong);
}

.employees-empty h2[b-jkx9kgxklb] {
    color: var(--ds-text-primary);
    font-size: 1.35rem;
}

.employees-empty p[b-jkx9kgxklb] {
    color: var(--ds-text-secondary);
}

@media (max-width: 767.98px) {
    .employees-heading[b-jkx9kgxklb] {
        flex-direction: column;
    }

    .employees-heading > .btn[b-jkx9kgxklb] {
        width: 100%;
    }

    .legacy-principal-card dl[b-jkx9kgxklb] {
        grid-template-columns: 1fr;
    }

    .legacy-principal-card .btn[b-jkx9kgxklb] {
        width: 100%;
    }

    .teacher-subjects-dialog[b-jkx9kgxklb] {
        padding: 1rem;
    }

    .teacher-subjects-dialog-header[b-jkx9kgxklb],
    .teacher-current-assignments-heading[b-jkx9kgxklb],
    .teacher-assignment-confirmation-actions[b-jkx9kgxklb] {
        align-items: stretch;
        flex-direction: column;
    }

    .teacher-subjects-context[b-jkx9kgxklb] {
        grid-template-columns: 1fr;
    }

    .teacher-subjects-dialog-header .btn[b-jkx9kgxklb],
    .teacher-assignment-confirmation-actions > *[b-jkx9kgxklb] {
        width: 100%;
    }
}

.employee-history-row td[b-jkx9kgxklb] {
    padding: 0 !important;
}

.employee-toggle-btn[b-jkx9kgxklb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.65rem;
    height: 1.65rem;
    border-radius: 0.35rem;
    color: var(--ds-text-secondary);
    border-color: var(--ds-border);
    background: transparent;
    transition: all 0.2s ease-in-out;
}

.employee-toggle-btn:hover[b-jkx9kgxklb] {
    color: var(--ds-primary);
    background: var(--ds-surface-raised);
    border-color: var(--ds-primary);
}

.employee-triangle-icon[b-jkx9kgxklb] {
    display: inline-block;
    font-size: 0.65rem;
    line-height: 1;
    transition: transform 0.2s ease-in-out;
}

.employee-toggle-btn.active .employee-triangle-icon[b-jkx9kgxklb],
.employee-toggle-btn:not(.collapsed) .employee-triangle-icon[b-jkx9kgxklb],
.employee-toggle-btn[aria-expanded="true"] .employee-triangle-icon[b-jkx9kgxklb] {
    transform: rotate(-90deg);
}

.employee-history-panel[b-jkx9kgxklb] {
    padding: 1.25rem 1.5rem;
    background: var(--ds-surface-raised);
    border-top: 1px dashed var(--ds-border);
    border-bottom: 2px solid var(--ds-border);
    animation: fadeIn-b-jkx9kgxklb 0.2s ease-in-out;
}

@keyframes fadeIn-b-jkx9kgxklb {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

.employee-history-header[b-jkx9kgxklb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.employee-history-header h3[b-jkx9kgxklb] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--ds-text-primary);
}

.employee-timeline[b-jkx9kgxklb] {
    position: relative;
    padding-right: 1.5rem;
    margin: 0;
    list-style: none;
}

.employee-timeline[b-jkx9kgxklb]::before {
    content: '';
    position: absolute;
    top: 0.5rem;
    bottom: 0.5rem;
    right: 0.45rem;
    width: 2px;
    background: var(--ds-border);
}

.employee-timeline-item[b-jkx9kgxklb] {
    position: relative;
    margin-bottom: 1rem;
}

.employee-timeline-item:last-child[b-jkx9kgxklb] {
    margin-bottom: 0;
}

.employee-timeline-dot[b-jkx9kgxklb] {
    position: absolute;
    right: -1.4rem;
    top: 0.35rem;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--ds-primary);
    border: 2px solid var(--ds-surface);
    box-shadow: 0 0 0 2px var(--ds-border);
}

.employee-timeline-content[b-jkx9kgxklb] {
    background: var(--ds-surface);
    padding: 0.75rem 1.25rem;
    border-radius: 0.65rem;
    border: 1px solid var(--ds-border);
    box-shadow: 0 2px 6px var(--ds-shadow-color-soft);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.employee-timeline-title[b-jkx9kgxklb] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-weight: 600;
}

.employee-timeline-meta[b-jkx9kgxklb] {
    font-size: 0.85rem;
    color: var(--ds-text-secondary);
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* Dark employee workspace surfaces and native Bootstrap controls. */
.employees-page[b-jkx9kgxklb]  .table {
    --bs-table-color: var(--employees-text);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--employees-border);
    --bs-table-hover-color: var(--employees-text);
    --bs-table-hover-bg: color-mix(in srgb, var(--ds-primary) 4%, transparent);
    margin: 0;
    color: var(--employees-text);
}

.employees-page[b-jkx9kgxklb]  .table thead {
    background: var(--ds-input);
}

.employees-page[b-jkx9kgxklb]  .table tbody tr {
    border-color: var(--employees-border);
}

.employees-page[b-jkx9kgxklb]  :is(.form-control, .form-select) {
    color: var(--employees-text);
    background-color: var(--ds-input);
    border-color: var(--employees-border-strong);
}

.employees-page[b-jkx9kgxklb]  :is(.form-control, .form-select):focus {
    color: var(--employees-text);
    background-color: var(--ds-input);
    border-color: var(--employees-accent);
    box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--ds-primary) 12%, transparent);
}

.employees-page[b-jkx9kgxklb]  :is(.form-control, .form-select)::placeholder {
    color: var(--ds-text-tertiary);
}

.employees-page[b-jkx9kgxklb]  .form-label {
    color: var(--ds-text-secondary);
}

.employees-page[b-jkx9kgxklb]  .btn-primary {
    color: var(--ds-window-text);
    background: var(--ds-action-bg);
    border-color: var(--ds-action-border);
    font-weight: 750;
    box-shadow: none;
}

.employees-page[b-jkx9kgxklb]  .btn-primary:hover,
.employees-page[b-jkx9kgxklb]  .btn-primary:focus-visible {
    color: var(--ds-action-text-hover);
    background: var(--ds-action-hover);
    border-color: var(--ds-action-border-hover);
    box-shadow: none;
}

.employees-page[b-jkx9kgxklb]  .btn-primary:focus-visible {
    outline: 1px solid color-mix(in srgb, var(--ds-primary) 35%, transparent);
    outline-offset: 1px;
}

.employees-page[b-jkx9kgxklb]  :is(.btn-outline-secondary, .btn-light) {
    color: var(--ds-text-secondary);
    background: var(--ds-input);
    border-color: var(--employees-border-strong);
    box-shadow: none;
}

.employees-page[b-jkx9kgxklb]  :is(.btn-outline-secondary, .btn-light):hover {
    color: var(--employees-text);
    background: var(--ds-surface-raised);
    border-color: var(--ds-border-strong);
    box-shadow: none;
}

.employees-page[b-jkx9kgxklb]  .alert-success {
    color: var(--ds-success-strong);
    background: color-mix(in srgb, var(--ds-success) 9%, transparent);
    border-color: color-mix(in srgb, var(--ds-success) 32%, transparent);
}

.employees-page[b-jkx9kgxklb]  .alert-warning {
    color: var(--ds-warning);
    background: color-mix(in srgb, var(--ds-warning) 9%, transparent);
    border-color: color-mix(in srgb, var(--ds-warning) 32%, transparent);
}

.employees-page[b-jkx9kgxklb]  .alert-danger {
    color: var(--ds-danger-strong);
    background: color-mix(in srgb, var(--ds-danger) 9%, transparent);
    border-color: color-mix(in srgb, var(--ds-danger) 32%, transparent);
}

.teacher-subjects-context[b-jkx9kgxklb],
.teacher-assignment-create[b-jkx9kgxklb],
.teacher-current-assignments[b-jkx9kgxklb],
.employee-timeline-content[b-jkx9kgxklb] {
    background: var(--ds-input);
    border-color: var(--employees-border);
}

.teacher-subjects-context[b-jkx9kgxklb] {
    background: color-mix(in srgb, var(--ds-primary) 6%, transparent);
    border-color: color-mix(in srgb, var(--ds-primary) 25%, transparent);
}

.employee-history-panel[b-jkx9kgxklb] {
    background: var(--ds-window-surface);
    border-color: var(--employees-border);
}

.employee-timeline-dot[b-jkx9kgxklb] {
    background: var(--employees-accent);
    border-color: var(--employees-surface);
    box-shadow: 0 0 0 2px var(--employees-border),
        0 0 8px color-mix(in srgb, var(--ds-primary) 20%, transparent);
}

.employees-empty-icon[b-jkx9kgxklb] {
    color: var(--employees-accent);
    background: color-mix(in srgb, var(--ds-primary) 9%, transparent);
    border: 1px solid color-mix(in srgb, var(--ds-primary) 25%, transparent);
}
/* /Components/Schools/Pages/SchoolInstallmentReport.razor.rz.scp.css */
.installment-report-page[b-8lmmwbgfmq] {
    width: 100%;
    max-width: 92rem;
    margin-inline: auto;
}

.installment-report-heading[b-8lmmwbgfmq],
.installment-report-section-heading[b-8lmmwbgfmq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.installment-report-heading[b-8lmmwbgfmq] {
    margin-bottom: 1.5rem;
}

.installment-report-heading h1[b-8lmmwbgfmq],
.installment-report-section-heading h2[b-8lmmwbgfmq] {
    margin: 0.2rem 0 0;
    color: var(--ds-text-primary);
}

.installment-report-heading p[b-8lmmwbgfmq],
.installment-report-muted[b-8lmmwbgfmq] {
    margin: 0.4rem 0 0;
    color: var(--ds-text-secondary);
}

.installment-report-eyebrow[b-8lmmwbgfmq] {
    color: var(--ds-primary);
    font-size: 0.82rem;
    font-weight: 700;
}

.installment-report-card[b-8lmmwbgfmq] {
    margin-bottom: 1.25rem;
    padding: 1.35rem;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-lg);
    background: var(--ds-surface);
    box-shadow: 0 10px 28px var(--ds-shadow-color-soft);
}

.installment-report-filters[b-8lmmwbgfmq] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.installment-report-filter-actions[b-8lmmwbgfmq] {
    display: flex;
    margin-top: 1rem;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.installment-report-summary[b-8lmmwbgfmq] {
    display: grid;
    margin-top: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.installment-report-summary > div[b-8lmmwbgfmq] {
    min-width: 0;
    padding: 0.85rem;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-md);
    background: var(--ds-background);
}

.installment-report-summary dt[b-8lmmwbgfmq] {
    color: var(--ds-text-secondary);
    font-size: 0.8rem;
}

.installment-report-summary dd[b-8lmmwbgfmq] {
    margin: 0.35rem 0 0;
    color: var(--ds-text-primary);
    font-size: 1.05rem;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.installment-report-table-wrap[b-8lmmwbgfmq] {
    width: 100%;
    margin-top: 1rem;
    overflow-x: auto;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-md);
}

.installment-report-table[b-8lmmwbgfmq] {
    min-width: 82rem;
    margin: 0;
}

.installment-report-table th[b-8lmmwbgfmq],
.installment-report-table td[b-8lmmwbgfmq] {
    padding: 0.75rem;
    vertical-align: middle;
}

.installment-report-money[b-8lmmwbgfmq] {
    direction: ltr;
    unicode-bidi: isolate;
    white-space: nowrap;
    color: var(--ds-text-primary);
    font-weight: 700;
}

.installment-report-statuses[b-8lmmwbgfmq] {
    display: flex;
    min-width: 9rem;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.installment-report-status[b-8lmmwbgfmq] {
    display: inline-flex;
    padding: 0.3rem 0.55rem;
    align-items: center;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-pill);
    color: var(--ds-text-secondary);
    background: var(--ds-background);
    font-size: 0.75rem;
    font-weight: 700;
    white-space: nowrap;
}

.installment-report-status.paid[b-8lmmwbgfmq],
.installment-report-status.discount-covered[b-8lmmwbgfmq] {
    color: var(--ds-success-strong);
    border-color: var(--ds-success-border);
    background: var(--ds-success-soft);
}

.installment-report-status.partial[b-8lmmwbgfmq],
.installment-report-status.due-today[b-8lmmwbgfmq] {
    color: var(--ds-warning-strong);
    border-color: var(--ds-warning-border);
    background: var(--ds-warning-soft);
}

.installment-report-status.overdue[b-8lmmwbgfmq] {
    color: var(--ds-danger-strong);
    border-color: var(--ds-danger-border);
    background: var(--ds-danger-soft);
}

.installment-report-status.upcoming[b-8lmmwbgfmq] {
    color: var(--ds-info-strong);
    border-color: var(--ds-info-border);
    background: var(--ds-info-soft);
}

@media (max-width: 900px) {
    .installment-report-filters[b-8lmmwbgfmq],
    .installment-report-summary[b-8lmmwbgfmq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .installment-report-heading[b-8lmmwbgfmq],
    .installment-report-section-heading[b-8lmmwbgfmq] {
        align-items: stretch;
        flex-direction: column;
    }

    .installment-report-card[b-8lmmwbgfmq] {
        padding: 1rem;
    }

    .installment-report-filters[b-8lmmwbgfmq],
    .installment-report-summary[b-8lmmwbgfmq] {
        grid-template-columns: 1fr;
    }

    .installment-report-filter-actions > *[b-8lmmwbgfmq] {
        flex: 1 1 auto;
    }
}
/* /Components/Schools/Pages/SchoolReceiptLog.razor.rz.scp.css */
.school-receipt-log-page[b-gsjdox4syk] {
    width: 100%;
    max-width: 96rem;
    margin-inline: auto;
}

.school-receipt-log-heading[b-gsjdox4syk],
.school-receipt-log-results-heading[b-gsjdox4syk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.school-receipt-log-heading[b-gsjdox4syk] {
    margin-bottom: 1.5rem;
}

.school-receipt-log-export-actions[b-gsjdox4syk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.school-receipt-log-export-actions .btn[b-gsjdox4syk] {
    min-width: 9.5rem;
    font-size: 0.875rem;
}

.school-receipt-log-heading span[b-gsjdox4syk] {
    color: var(--ds-primary);
    font-weight: 700;
}

.school-receipt-log-heading h1[b-gsjdox4syk],
.school-receipt-log-card h2[b-gsjdox4syk],
.school-receipt-log-card h3[b-gsjdox4syk] {
    color: var(--ds-text-primary);
}

.school-receipt-log-heading p[b-gsjdox4syk],
.school-receipt-log-results-heading p[b-gsjdox4syk] {
    margin: 0.4rem 0 0;
    color: var(--ds-text-secondary);
}

.school-receipt-log-card[b-gsjdox4syk] {
    margin-bottom: 1.25rem;
    padding: 1.35rem;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-lg);
    background: var(--ds-surface);
    box-shadow: var(--ds-shadow-sm);
}

.school-receipt-log-card h2[b-gsjdox4syk] {
    margin: 0;
    font-size: 1.25rem;
}

.school-receipt-log-filter[b-gsjdox4syk] {
    display: flex;
    margin-top: 1rem;
    align-items: flex-end;
    gap: 1rem;
}

.school-receipt-log-filter > div[b-gsjdox4syk] {
    width: min(100%, 24rem);
}

.school-receipt-log-table-wrap[b-gsjdox4syk] {
    margin-top: 1rem;
    overflow-x: auto;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-md);
}

.school-receipt-log-table[b-gsjdox4syk] {
    min-width: 78rem;
}

.school-receipt-log-table th[b-gsjdox4syk],
.school-receipt-log-table td[b-gsjdox4syk] {
    padding: 0.75rem;
    font-size: 0.875rem;
    vertical-align: middle;
}

.school-receipt-log-table tr.is-cancelled td[b-gsjdox4syk] {
    opacity: 0.7;
    background: var(--ds-danger-soft);
}

.receipt-status[b-gsjdox4syk] {
    display: inline-flex;
    padding: 0.28rem 0.55rem;
    border: 1px solid;
    border-radius: var(--ds-radius-pill);
    font-weight: 700;
}

.receipt-status.active[b-gsjdox4syk] {
    color: var(--ds-success-strong);
    border-color: var(--ds-success-border);
    background: var(--ds-success-soft);
}

.receipt-status.cancelled[b-gsjdox4syk] {
    color: var(--ds-danger-strong);
    border-color: var(--ds-danger-border);
    background: var(--ds-danger-soft);
}

.receipt-amount[b-gsjdox4syk] {
    direction: ltr;
    unicode-bidi: isolate;
    white-space: nowrap;
    font-weight: 700;
}

.receipt-details[b-gsjdox4syk] {
    min-width: 13rem;
    white-space: normal;
}

.receipt-details > span[b-gsjdox4syk] {
    display: block;
}

.receipt-number-cell[b-gsjdox4syk] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.receipt-audit-toggle[b-gsjdox4syk] {
    display: grid;
    width: 1.75rem;
    height: 1.75rem;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: var(--ds-radius-sm);
    color: var(--ds-primary);
    background: transparent;
    line-height: 1;
}

.receipt-audit-toggle span[b-gsjdox4syk] {
    display: block;
    font-size: 0.75rem;
    transform: rotate(180deg);
    transition: transform 160ms ease;
}

.receipt-audit-toggle[aria-expanded="true"] span[b-gsjdox4syk] {
    transform: rotate(90deg);
}

.receipt-audit-toggle:hover[b-gsjdox4syk],
.receipt-audit-toggle:focus-visible[b-gsjdox4syk] {
    background: var(--ds-primary-soft);
}

.receipt-audit-expanded-row > td[b-gsjdox4syk] {
    padding: 0 !important;
    background: var(--ds-surface-raised) !important;
}

.receipt-audit-inline[b-gsjdox4syk] {
    padding: 0.35rem 1rem 1rem;
}

.receipt-audit-timeline[b-gsjdox4syk] {
    position: relative;
    width: min(100%, 48rem);
    padding: 1rem 1.25rem 0.25rem 2rem;
}

.receipt-audit-timeline[b-gsjdox4syk]::before {
    position: absolute;
    top: 1.6rem;
    right: 1.7rem;
    bottom: 1.6rem;
    width: 2px;
    background: var(--ds-border);
    content: "";
}

.receipt-audit-event[b-gsjdox4syk] {
    position: relative;
    display: grid;
    grid-template-columns: 1.05rem minmax(0, 1fr);
    gap: 0.8rem;
}

.receipt-audit-event + .receipt-audit-event[b-gsjdox4syk] {
    margin-top: 1rem;
}

.receipt-audit-marker[b-gsjdox4syk] {
    z-index: 1;
    width: 1.05rem;
    height: 1.05rem;
    margin-top: 1rem;
    border: 3px solid var(--ds-surface);
    border-radius: 50%;
    background: var(--ds-primary);
    box-shadow: 0 0 0 2px var(--ds-primary);
}

.receipt-audit-event.cancellation .receipt-audit-marker[b-gsjdox4syk] {
    background: var(--ds-danger-strong);
    box-shadow: 0 0 0 2px var(--ds-danger-strong);
}

.receipt-audit-event-card[b-gsjdox4syk] {
    padding: 1rem;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-md);
    background: var(--ds-surface-raised);
}

.receipt-audit-event.cancellation .receipt-audit-event-card[b-gsjdox4syk] {
    border-color: var(--ds-danger-border);
    background: var(--ds-danger-soft);
}

.receipt-audit-event-heading[b-gsjdox4syk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.receipt-audit-event-heading h3[b-gsjdox4syk] {
    margin: 0;
    font-size: 1.05rem;
}

.receipt-audit-event-heading time[b-gsjdox4syk] {
    color: var(--ds-text-secondary);
    font-size: 0.875rem;
    white-space: nowrap;
}

.receipt-audit-event dl[b-gsjdox4syk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 1rem 0 0;
}

.receipt-audit-event dl > div[b-gsjdox4syk] {
    min-width: 0;
}

.receipt-audit-event dt[b-gsjdox4syk] {
    color: var(--ds-text-secondary);
    font-size: 0.8rem;
    font-weight: 600;
}

.receipt-audit-event dd[b-gsjdox4syk] {
    margin: 0.2rem 0 0;
    color: var(--ds-text-primary);
    font-weight: 700;
    overflow-wrap: anywhere;
}

.receipt-audit-reason[b-gsjdox4syk] {
    grid-column: 1 / -1;
    padding: 0.75rem;
    border-radius: var(--ds-radius-sm);
    background: color-mix(in srgb, var(--ds-text-on-accent) 55%, transparent);
}

.school-receipt-log-table td:last-child strong[b-gsjdox4syk],
.school-receipt-log-table td:last-child span[b-gsjdox4syk] {
    display: block;
}

.school-receipt-log-table td:last-child span[b-gsjdox4syk] {
    margin-top: 0.2rem;
    color: var(--ds-text-secondary);
}

.school-receipt-log-empty[b-gsjdox4syk] {
    margin-top: 1rem;
    padding: 1.25rem;
    border: 1px dashed var(--ds-border);
    border-radius: var(--ds-radius-md);
    color: var(--ds-text-secondary);
    text-align: center;
}

.school-receipt-log-totals[b-gsjdox4syk] {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid var(--ds-primary);
    border-radius: var(--ds-radius-md);
    background: var(--ds-primary-soft);
}

.school-receipt-log-totals h3[b-gsjdox4syk] {
    margin: 0 0 0.75rem;
    font-size: 1.125rem;
}

.school-receipt-log-totals > div[b-gsjdox4syk] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.school-receipt-log-totals p[b-gsjdox4syk] {
    margin: 0.75rem 0 0;
    color: var(--ds-text-secondary);
    font-size: 0.875rem;
}

@media (max-width: 767.98px) {
    .school-receipt-log-heading[b-gsjdox4syk],
    .school-receipt-log-filter[b-gsjdox4syk],
    .school-receipt-log-results-heading[b-gsjdox4syk] {
        align-items: stretch;
        flex-direction: column;
    }

    .school-receipt-log-filter > div[b-gsjdox4syk],
    .school-receipt-log-filter .btn[b-gsjdox4syk] {
        width: 100%;
    }

    .school-receipt-log-export-actions .btn[b-gsjdox4syk] {
        flex: 1 1 10rem;
    }

    .school-receipt-log-card[b-gsjdox4syk] {
        padding: 1rem;
    }

    .receipt-audit-event-heading[b-gsjdox4syk],
    .receipt-audit-event dl[b-gsjdox4syk] {
        grid-template-columns: 1fr;
    }

    .receipt-audit-event-heading[b-gsjdox4syk] {
        flex-direction: column;
        gap: 0.3rem;
    }

    .receipt-audit-event-heading time[b-gsjdox4syk] {
        white-space: normal;
    }
}
/* /Components/Schools/Pages/SchoolStudentRecord.razor.rz.scp.css */
.student-personal-edit-card[b-mt2n58slzg] {
    width: 100%;
    max-width: 820px;
    margin-inline: auto;
}

.student-record-admin-actions[b-mt2n58slzg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding: 1rem;
    margin-block: 1rem;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-lg);
    background: var(--ds-surface);
}

.student-record-tabs[b-mt2n58slzg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
    padding: 0.4rem;
    background: var(--ds-surface-raised);
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-lg);
    overflow-x: auto;
    scrollbar-width: thin;
}

.student-tab-btn[b-mt2n58slzg] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.6rem 1rem;
    border: 1px solid transparent;
    border-radius: var(--ds-radius-md);
    background: transparent;
    color: var(--ds-text-secondary);
    font-size: 0.88rem;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.15s ease;
}

.student-tab-btn i[b-mt2n58slzg] {
    font-size: 1.05rem;
}

.student-tab-btn:hover[b-mt2n58slzg] {
    color: var(--ds-text-primary);
    background: var(--ds-surface);
}

.student-tab-btn.active[b-mt2n58slzg] {
    color: var(--ds-primary);
    background: var(--ds-surface);
    border-color: var(--ds-border);
    box-shadow: 0 2px 8px var(--ds-shadow-color-soft);
    font-weight: 700;
}

.student-tab-badge[b-mt2n58slzg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.15rem 0.45rem;
    font-size: 0.72rem;
    font-weight: 700;
    border-radius: 999px;
    background: var(--ds-primary-soft);
    color: var(--ds-primary);
}

.student-record-admin-actions .btn[b-mt2n58slzg] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.student-finance-card[b-mt2n58slzg] {
    border-color: color-mix(in srgb, var(--ds-primary) 32%, var(--ds-border));
    background:
        linear-gradient(135deg, var(--ds-primary-soft), transparent 58%),
        var(--ds-surface);
}

.student-finance-heading[b-mt2n58slzg],
.student-finance-history-heading[b-mt2n58slzg] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.student-finance-heading[b-mt2n58slzg] {
    margin-bottom: 1rem;
}

.student-finance-heading h2[b-mt2n58slzg],
.student-finance-history-heading h2[b-mt2n58slzg] {
    margin: 0;
}

.student-finance-heading p[b-mt2n58slzg],
.student-finance-history-heading p[b-mt2n58slzg] {
    margin: 0.25rem 0 0;
    color: var(--ds-text-secondary);
}

.student-finance-currency[b-mt2n58slzg] {
    padding: 0.3rem 0.7rem;
    border: 1px solid var(--ds-border);
    border-radius: 999px;
    color: var(--ds-primary);
    background: var(--ds-surface);
    font-weight: 700;
    letter-spacing: 0.05em;
}

.student-finance-summary-grid[b-mt2n58slzg] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.75rem;
}

.student-finance-summary-item[b-mt2n58slzg] {
    min-width: 0;
    padding: 0.9rem;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-md);
    background: var(--ds-surface);
}

.student-finance-summary-item dt[b-mt2n58slzg] {
    margin-bottom: 0.3rem;
    color: var(--ds-text-secondary);
    font-size: 0.8rem;
}

.student-finance-summary-item dd[b-mt2n58slzg] {
    margin: 0;
    direction: ltr;
    unicode-bidi: isolate;
    white-space: nowrap;
    color: var(--ds-text-primary);
    font-weight: 700;
}

.student-finance-summary-item.remaining[b-mt2n58slzg] {
    border-color: color-mix(in srgb, var(--ds-primary) 38%, var(--ds-border));
    background: var(--ds-primary-soft);
}

.student-finance-summary-item.settled[b-mt2n58slzg] {
    border-color: var(--ds-success-border);
    background: var(--ds-success-soft);
}

.student-finance-actions[b-mt2n58slzg] {
    display: flex;
    margin-top: 1rem;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.student-finance-settled-note[b-mt2n58slzg] {
    margin-top: 1rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid var(--ds-success-border);
    border-radius: var(--ds-radius-md);
    color: var(--ds-success-strong);
    background: var(--ds-success-soft);
}

.student-finance-history-heading[b-mt2n58slzg] {
    margin-bottom: 0.85rem;
}

.student-finance-history-wrap[b-mt2n58slzg] {
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-md);
}

.student-finance-history-table[b-mt2n58slzg] {
    min-width: 62rem;
    margin: 0;
}

.student-finance-history-table th[b-mt2n58slzg],
.student-finance-history-table td[b-mt2n58slzg] {
    padding: 0.75rem;
    color: var(--ds-text-primary);
    vertical-align: middle;
}

.student-finance-amount[b-mt2n58slzg] {
    direction: ltr;
    unicode-bidi: isolate;
    white-space: nowrap;
    font-weight: 700;
}

.student-finance-movement-type[b-mt2n58slzg] {
    display: inline-flex;
    padding: 0.25rem 0.6rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
}

.student-finance-movement-type.payment[b-mt2n58slzg] {
    color: var(--ds-success-strong);
    background: var(--ds-success-soft);
}

.student-finance-movement-type.discount[b-mt2n58slzg] {
    color: var(--ds-primary);
    background: var(--ds-primary-soft);
}

.student-finance-movement-type.refund[b-mt2n58slzg] {
    color: var(--ds-warning-strong);
    background: var(--ds-warning-soft);
}

.student-finance-movement-status[b-mt2n58slzg] {
    display: inline-flex;
    padding: 0.25rem 0.6rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
    white-space: nowrap;
}

.student-finance-movement-status.active[b-mt2n58slzg] {
    color: var(--ds-success-strong);
    background: var(--ds-success-soft);
}

.student-finance-movement-status.cancelled[b-mt2n58slzg] {
    color: var(--ds-danger-strong);
    background: var(--ds-danger-soft);
}

.student-finance-cancelled-row[b-mt2n58slzg] {
    opacity: 0.72;
}

.student-finance-row-actions[b-mt2n58slzg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.student-finance-modal[b-mt2n58slzg] {
    width: min(100%, 660px);
}

.student-finance-fields[b-mt2n58slzg] {
    display: grid;
    gap: 1rem;
}

.student-finance-operation-summary[b-mt2n58slzg] {
    display: grid;
    margin-bottom: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.student-finance-operation-summary > div[b-mt2n58slzg] {
    padding: 0.8rem;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-md);
    background: var(--ds-surface-raised);
}

.student-finance-operation-summary span[b-mt2n58slzg],
.student-finance-operation-summary strong[b-mt2n58slzg] {
    display: block;
}

.student-finance-operation-summary span[b-mt2n58slzg] {
    color: var(--ds-text-secondary);
    font-size: 0.8rem;
}

.student-finance-operation-summary strong[b-mt2n58slzg] {
    margin-top: 0.25rem;
}

.student-finance-delete-warning[b-mt2n58slzg] {
    padding: 1rem;
    border: 1px solid var(--ds-danger-border);
    border-radius: var(--ds-radius-md);
    color: var(--ds-danger-strong);
    background: var(--ds-danger-soft);
}

.student-record-modal-backdrop[b-mt2n58slzg] {
    position: fixed;
    inset: 0;
    z-index: 1060;
    display: grid;
    place-items: center;
    padding: 1rem;
    overflow: hidden;
    background: var(--ds-overlay);
}

.student-record-modal[b-mt2n58slzg] {
    width: min(100%, 820px);
    max-height: calc(100vh - 2rem);
    max-height: calc(100dvh - 2rem);
    /* The shared records-card rule adds a bottom margin with higher
       specificity; override it so the dialog's box itself stays centered. */
    margin: auto !important;
    overflow: hidden;
    background: var(--ds-surface);
    color: var(--ds-text-primary);
}

.student-classroom-transfer-modal[b-mt2n58slzg] {
    max-width: 620px;
}

.student-enrollment-exit-modal[b-mt2n58slzg] {
    max-width: 640px;
}

.student-administrative-modal[b-mt2n58slzg] {
    width: min(100%, 980px);
}

.student-administrative-delete-modal[b-mt2n58slzg] {
    width: min(100%, 580px);
}

.student-administrative-summary[b-mt2n58slzg] {
    margin-bottom: 1.25rem;
}

.student-administrative-fields[b-mt2n58slzg] {
    display: grid;
    gap: 1rem;
}

.student-administrative-guardian-option[b-mt2n58slzg] {
    width: fit-content;
    margin: 0;
    padding-block: 0.35rem;
}

.student-administrative-ledger[b-mt2n58slzg] {
    min-width: 0;
}

.student-administrative-history-heading[b-mt2n58slzg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.85rem;
}

.student-administrative-history-heading h2[b-mt2n58slzg] {
    margin: 0;
}

.student-administrative-history-heading > span[b-mt2n58slzg] {
    min-width: 2rem;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: var(--ds-background-subtle);
    color: var(--ds-text-secondary);
    text-align: center;
}

.student-administrative-history-wrap[b-mt2n58slzg] {
    max-width: 100%;
    overflow-x: auto;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-md);
}

.student-administrative-history-wrap table[b-mt2n58slzg] {
    min-width: 980px;
}

.student-administrative-history-wrap th[b-mt2n58slzg],
.student-administrative-history-wrap td[b-mt2n58slzg] {
    padding: 0.75rem;
    color: var(--ds-text-primary);
    vertical-align: top;
}

.student-administrative-details-cell[b-mt2n58slzg] {
    min-width: 16rem;
    max-width: 24rem;
    white-space: normal;
    overflow-wrap: anywhere;
}

.student-administrative-details-cell > span[b-mt2n58slzg],
.student-administrative-actor-role[b-mt2n58slzg],
.student-administrative-visibility[b-mt2n58slzg] {
    display: block;
}

.student-administrative-actor-role[b-mt2n58slzg],
.student-administrative-visibility[b-mt2n58slzg] {
    margin-top: 0.25rem;
    color: var(--ds-text-secondary);
}

.student-administrative-date-cell[b-mt2n58slzg] {
    white-space: nowrap;
}

.student-administrative-row-actions[b-mt2n58slzg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.student-administrative-delete-warning[b-mt2n58slzg] {
    margin: 0;
    padding: 1rem;
    border: 1px solid var(--ds-danger-border);
    border-radius: var(--ds-radius-md);
    background: var(--ds-danger-soft);
    color: var(--ds-danger-strong);
}

.student-teacher-notes-panel[b-mt2n58slzg] {
    min-width: 0;
}

.student-teacher-notes-table-wrap[b-mt2n58slzg] {
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-md);
}

.student-teacher-notes-table[b-mt2n58slzg] {
    min-width: 54rem;
    color: var(--ds-text-primary);
}

.student-teacher-notes-table th[b-mt2n58slzg] {
    color: var(--ds-text-secondary);
    background: var(--ds-surface-raised);
    font-size: 0.82rem;
    white-space: nowrap;
}

.student-teacher-notes-table th[b-mt2n58slzg],
.student-teacher-notes-table td[b-mt2n58slzg] {
    padding: 0.85rem 1rem;
    border-color: var(--ds-border);
    text-align: start;
    vertical-align: middle;
}

.student-teacher-note-details[b-mt2n58slzg] {
    min-width: 16rem;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.student-teacher-notes-heading[b-mt2n58slzg],
.student-teacher-note-header[b-mt2n58slzg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.student-teacher-notes-heading[b-mt2n58slzg] {
    margin-bottom: 1rem;
}

.student-teacher-notes-heading h2[b-mt2n58slzg] {
    margin: 0;
}

.student-teacher-notes-heading > i[b-mt2n58slzg] {
    color: var(--ds-primary);
    font-size: 1.4rem;
}

.student-teacher-notes-list[b-mt2n58slzg] {
    display: grid;
    max-height: 32rem;
    padding-inline-end: 0.25rem;
    gap: 0.75rem;
    overflow-y: auto;
}

.student-teacher-record-group[b-mt2n58slzg] {
    display: grid;
    margin-block: 1.25rem;
    gap: 0.75rem;
}

.student-teacher-record-group + .student-teacher-record-group[b-mt2n58slzg] {
    padding-top: 1rem;
    border-top: 1px solid var(--ds-border);
}

.student-teacher-record-group h3[b-mt2n58slzg] {
    margin: 0;
    color: var(--ds-text-primary);
    font-size: 1rem;
}

.student-teacher-note[b-mt2n58slzg] {
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-md);
    background: var(--ds-surface-raised);
}

.student-teacher-note-header strong[b-mt2n58slzg] {
    color: var(--ds-text-primary);
}

.student-teacher-note-text[b-mt2n58slzg] {
    margin: 0.85rem 0;
    color: var(--ds-text-primary);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.student-teacher-note-audit[b-mt2n58slzg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 1.25rem;
    color: var(--ds-text-secondary);
    font-size: 0.85rem;
}

.student-enrollment-exit-note[b-mt2n58slzg] {
    padding: 0.85rem 1rem;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-md);
    background: var(--ds-background-subtle);
    color: var(--ds-text-secondary);
}

.student-enrollment-exit-fields[b-mt2n58slzg] {
    display: grid;
    gap: 1rem;
    margin-block: 1rem;
}

.student-record-modal-header[b-mt2n58slzg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.student-record-modal-header h2[b-mt2n58slzg] {
    margin: 0;
}

.student-record-toast[b-mt2n58slzg] {
    position: fixed;
    inset-inline-start: 1.25rem;
    bottom: 1.25rem;
    z-index: 1080;
    display: flex;
    align-items: center;
    gap: 1rem;
    max-width: min(30rem, calc(100vw - 2.5rem));
    padding: 0.9rem 1rem;
    border: 1px solid var(--ds-success-border);
    border-radius: var(--ds-radius-md);
    background: var(--ds-success-soft);
    color: var(--ds-success-strong);
    box-shadow: var(--ds-shadow-lg);
}

.student-record-toast button[b-mt2n58slzg] {
    border: 0;
    background: transparent;
    color: inherit;
    font-size: 1.25rem;
    line-height: 1;
}

/* Unified visual identity for the complete student record page. */
.student-record-workspace[b-mt2n58slzg] {
    width: 100%;
    max-width: 100rem;
    margin-inline: auto;
    padding-bottom: 1rem;
}

.student-record-workspace > .records-heading[b-mt2n58slzg] {
    position: relative;
    align-items: center;
    padding: 1.2rem 1.35rem;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--ds-primary) 35%, var(--ds-border));
    border-radius: var(--ds-radius-lg);
    background: linear-gradient(115deg,
        color-mix(in srgb, var(--ds-primary-solid) 18%, var(--ds-surface)),
        var(--ds-surface) 58%);
    box-shadow: 0 12px 34px var(--ds-shadow-color-soft);
}

.student-record-workspace > .records-heading[b-mt2n58slzg]::before {
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    width: 0.28rem;
    content: "";
    background: linear-gradient(180deg, var(--ds-primary), var(--ds-primary-solid));
}

.student-record-workspace > .records-heading h1[b-mt2n58slzg] {
    color: var(--ds-text-primary);
    font-weight: 800;
}

.student-record-workspace > .records-heading p[b-mt2n58slzg] {
    color: var(--ds-text-secondary);
}

.student-record-workspace > .records-heading > .btn[b-mt2n58slzg] {
    min-width: 8rem;
    border-color: color-mix(in srgb, var(--ds-primary) 45%, var(--ds-border));
    border-radius: var(--ds-radius-md);
    color: var(--ds-text-primary);
    font-weight: 700;
}

.student-record-workspace .student-record-admin-actions[b-mt2n58slzg] {
    position: relative;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--ds-primary) 28%, var(--ds-border));
    background: linear-gradient(145deg,
        color-mix(in srgb, var(--ds-primary) 7%, transparent),
        transparent 45%), var(--ds-surface);
    box-shadow: 0 10px 28px var(--ds-shadow-color-soft);
}

.student-record-workspace .student-record-admin-actions[b-mt2n58slzg]::before {
    position: absolute;
    inset-block: 0.9rem;
    inset-inline-start: 0;
    width: 0.2rem;
    border-radius: 999px;
    content: "";
    background: var(--ds-primary-solid);
}

.student-record-workspace .student-record-admin-actions .btn[b-mt2n58slzg] {
    min-height: 2.55rem;
    border-radius: var(--ds-radius-md);
    font-size: 0.9375rem;
    font-weight: 700;
}

.student-record-workspace .student-record-admin-actions :is(.btn-primary, .btn-outline-primary)[b-mt2n58slzg] {
    color: var(--ds-text-on-accent);
    background: var(--ds-primary-solid);
    border-color: var(--ds-primary-solid);
}

.student-record-workspace .student-record-admin-actions :is(.btn-primary, .btn-outline-primary):hover[b-mt2n58slzg] {
    color: var(--ds-text-on-accent);
    background: var(--ds-primary-solid-hover);
    border-color: var(--ds-primary-solid-hover);
}

.student-record-workspace .student-record-tabs[b-mt2n58slzg] {
    position: sticky;
    top: 0.5rem;
    z-index: 20;
    padding: 0.5rem;
    border-color: color-mix(in srgb, var(--ds-primary) 28%, var(--ds-border));
    background: color-mix(in srgb, var(--ds-surface) 94%, transparent);
    box-shadow: 0 8px 24px var(--ds-shadow-color-soft);
    backdrop-filter: blur(12px);
}

.student-record-workspace .student-tab-btn[b-mt2n58slzg] {
    min-height: 2.65rem;
    border-radius: var(--ds-radius-md);
    font-size: 0.9375rem;
}

.student-record-workspace .student-tab-btn:hover[b-mt2n58slzg] {
    border-color: color-mix(in srgb, var(--ds-primary) 24%, var(--ds-border));
    background: color-mix(in srgb, var(--ds-primary) 7%, var(--ds-surface));
}

.student-record-workspace .student-tab-btn.active[b-mt2n58slzg] {
    color: var(--ds-text-on-accent);
    background: var(--ds-primary-solid);
    border-color: var(--ds-primary-solid);
    box-shadow: 0 6px 18px color-mix(in srgb, var(--ds-primary-solid) 24%, transparent);
}

.student-record-workspace .student-tab-btn.active .student-tab-badge[b-mt2n58slzg] {
    color: var(--ds-text-on-accent);
    background: var(--ds-control-on-accent-soft);
}

.student-record-workspace > .records-card[b-mt2n58slzg],
.student-record-workspace > section.records-card[b-mt2n58slzg],
.student-record-workspace > div > .records-card[b-mt2n58slzg] {
    position: relative;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--ds-primary) 20%, var(--ds-border));
    background: linear-gradient(145deg,
        color-mix(in srgb, var(--ds-primary) 4%, transparent),
        transparent 38%), var(--ds-surface);
    box-shadow: 0 10px 28px var(--ds-shadow-color-soft);
    transition: border-color 160ms ease, box-shadow 160ms ease;
}

.student-record-workspace > .records-card[b-mt2n58slzg]::before,
.student-record-workspace > section.records-card[b-mt2n58slzg]::before,
.student-record-workspace > div > .records-card[b-mt2n58slzg]::before {
    position: absolute;
    inset-block: 1rem;
    inset-inline-start: 0;
    width: 0.2rem;
    border-radius: 999px;
    content: "";
    background: var(--ds-primary-solid);
}

.student-record-workspace .records-card:hover[b-mt2n58slzg] {
    border-color: color-mix(in srgb, var(--ds-primary) 34%, var(--ds-border));
}

.student-record-workspace .records-card h2[b-mt2n58slzg],
.student-record-workspace .records-card h3[b-mt2n58slzg] {
    color: var(--ds-text-primary);
    font-weight: 800;
}

.student-record-workspace :is(.records-table-wrap, .student-finance-history-wrap,
    .student-administrative-history-wrap, .student-teacher-notes-table-wrap)[b-mt2n58slzg] {
    border-color: color-mix(in srgb, var(--ds-primary) 22%, var(--ds-border));
    background: var(--ds-surface-raised);
    scrollbar-color: var(--ds-primary-solid) transparent;
}

.student-record-workspace :is(.records-table, .student-finance-history-table,
    .student-administrative-history-wrap table, .student-teacher-notes-table) thead th[b-mt2n58slzg] {
    color: var(--ds-text-secondary);
    background: color-mix(in srgb, var(--ds-primary) 9%, var(--ds-surface));
    border-bottom-color: color-mix(in srgb, var(--ds-primary) 30%, var(--ds-border));
    font-size: 0.875rem;
    font-weight: 800;
    white-space: nowrap;
}

.student-record-workspace :is(.records-table, .student-finance-history-table,
    .student-administrative-history-wrap table, .student-teacher-notes-table) tbody td[b-mt2n58slzg] {
    border-bottom-color: color-mix(in srgb, var(--ds-border) 78%, transparent);
    font-size: 0.875rem;
}

.student-record-workspace :is(.records-table, .student-finance-history-table,
    .student-administrative-history-wrap table, .student-teacher-notes-table)
    tbody tr:hover[b-mt2n58slzg] {
    background: color-mix(in srgb, var(--ds-primary) 6%, transparent);
}

@media (max-width: 767.98px) {
    .student-record-workspace > .records-heading[b-mt2n58slzg] {
        align-items: stretch;
        padding: 1rem;
    }

    .student-record-workspace > .records-heading > .btn[b-mt2n58slzg] {
        width: 100%;
    }

    .student-record-workspace .student-record-tabs[b-mt2n58slzg] {
        position: static;
    }

    .student-teacher-notes-table[b-mt2n58slzg] {
        min-width: 0;
    }

    .student-teacher-notes-table thead[b-mt2n58slzg] {
        display: none;
    }

    .student-teacher-notes-table[b-mt2n58slzg],
    .student-teacher-notes-table tbody[b-mt2n58slzg],
    .student-teacher-notes-table tr[b-mt2n58slzg],
    .student-teacher-notes-table td[b-mt2n58slzg] {
        display: block;
        width: 100%;
    }

    .student-teacher-notes-table tr[b-mt2n58slzg] {
        padding: 0.55rem 0;
    }

    .student-teacher-notes-table tr + tr[b-mt2n58slzg] {
        border-top: 1px solid var(--ds-border);
    }

    .student-teacher-notes-table td[b-mt2n58slzg] {
        display: grid;
        min-width: 0;
        padding: 0.45rem 0.8rem;
        border: 0;
        grid-template-columns: minmax(7rem, 0.8fr) minmax(0, 1.2fr);
        gap: 0.75rem;
    }

    .student-teacher-notes-table td[b-mt2n58slzg]::before {
        content: attr(data-label);
        color: var(--ds-text-secondary);
        font-size: 0.75rem;
        font-weight: 700;
    }

    .student-personal-edit-card[b-mt2n58slzg] {
        max-width: none;
    }

    .student-record-admin-actions .btn[b-mt2n58slzg] {
        width: 100%;
        justify-content: center;
    }

    .student-finance-heading[b-mt2n58slzg],
    .student-finance-history-heading[b-mt2n58slzg] {
        align-items: stretch;
        flex-direction: column;
    }

    .student-finance-summary-grid[b-mt2n58slzg],
    .student-finance-operation-summary[b-mt2n58slzg] {
        grid-template-columns: 1fr;
    }

    .student-finance-actions .btn[b-mt2n58slzg],
    .student-finance-row-actions .btn[b-mt2n58slzg] {
        flex: 1 1 9rem;
    }

    .student-administrative-modal[b-mt2n58slzg] {
        max-width: none;
    }

    .student-administrative-delete-modal[b-mt2n58slzg] {
        max-width: none;
    }

    .student-administrative-history-heading[b-mt2n58slzg] {
        align-items: flex-start;
    }

    .student-teacher-notes-heading[b-mt2n58slzg],
    .student-teacher-note-header[b-mt2n58slzg] {
        align-items: flex-start;
    }
}

@media (max-height: 575.98px) {
    .student-record-modal-backdrop[b-mt2n58slzg] {
        padding: .5rem;
    }

    .student-record-modal[b-mt2n58slzg] {
        max-height: calc(100vh - 1rem);
        max-height: calc(100dvh - 1rem);
    }
}
/* /Components/Schools/Pages/SchoolStudents.razor.rz.scp.css */
.student-lookup-page[b-p0vf7rfpcp],
.student-lookup-page[b-p0vf7rfpcp]  :is(
    h1,
    h2,
    h3,
    p,
    span,
    label,
    input,
    select,
    option,
    button,
    a,
    table,
    th,
    td,
    li,
    small,
    strong) {
    font-size: 1rem !important;
}

.records-heading[b-p0vf7rfpcp] {
    color: var(--ds-text-primary);
}

.records-heading p[b-p0vf7rfpcp] {
    color: var(--ds-text-secondary);
}

.records-heading .records-eyebrow[b-p0vf7rfpcp] {
    color: var(--ds-primary);
}

.records-card[b-p0vf7rfpcp] {
    color: var(--ds-text-primary);
    background: var(--ds-surface);
    background-image: linear-gradient(145deg, var(--ds-surface-raised), var(--ds-surface));
    border-color: var(--ds-border);
    border-radius: var(--ds-radius-lg);
    box-shadow: var(--ds-shadow-md);
}

.records-card h2[b-p0vf7rfpcp] {
    color: var(--ds-text-primary);
}

.records-card[b-p0vf7rfpcp]  :is(.form-control, .form-select) {
    color: var(--ds-text-primary);
    background-color: var(--ds-input);
    border-color: var(--ds-border-strong);
}

.records-card[b-p0vf7rfpcp]  :is(.form-control, .form-select):focus {
    color: var(--ds-text-primary);
    background-color: var(--ds-surface-raised);
    border-color: var(--ds-primary);
    box-shadow: none;
}

.records-card[b-p0vf7rfpcp]  .form-label {
    color: var(--ds-text-secondary);
}

.student-lookup-grid[b-p0vf7rfpcp] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.student-lookup-personal-grid[b-p0vf7rfpcp] {
    margin-top: 1rem;
}

.student-directory-heading[b-p0vf7rfpcp] {
    max-width: 100%;
    overflow-wrap: anywhere;
    white-space: normal;
}

@media (max-width: 991.98px) {
    .student-lookup-grid[b-p0vf7rfpcp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .student-lookup-grid[b-p0vf7rfpcp] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Schools/Pages/SchoolUserPortal.razor.rz.scp.css */
.school-user-portal[b-y8nt5fwut9] { max-width: 1500px; }
.accountant-dashboard-heading[b-y8nt5fwut9] { margin-bottom: 1.25rem; }
.accountant-dashboard-heading[b-y8nt5fwut9] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.accountant-dashboard-heading span[b-y8nt5fwut9] { color: var(--bs-primary); font-weight: 700; }
.accountant-dashboard-heading h1[b-y8nt5fwut9] { margin: .25rem 0; font-size: clamp(1.65rem, 3vw, 2.25rem); }
.accountant-dashboard-heading p[b-y8nt5fwut9] { margin: 0; color: var(--ds-text-tertiary); }
.accountant-overview-grid[b-y8nt5fwut9] { display: grid; grid-template-columns: minmax(18rem, 1fr) minmax(0, 2fr); gap: 1rem; align-items: stretch; }
.accountant-finance-summary[b-y8nt5fwut9] { display: flex; width: 100%; }
.accountant-finance-summary[b-y8nt5fwut9]  .school-finance-summary { width: 100%; height: 100%; }
.accountant-students-summary[b-y8nt5fwut9] { display: flex; width: 100%; flex-direction: column; }
.accountant-installment-actions[b-y8nt5fwut9] { --accent: var(--ds-primary); display: grid; margin-top: 1rem; padding: .65rem; color: var(--ds-text-primary); background: var(--ds-background); border: 1px solid var(--ds-window-border); border-radius: 1.1rem; gap: .65rem; }
.accountant-installment-actions-heading[b-y8nt5fwut9] { padding: .25rem .35rem .4rem; border-bottom: 1px solid var(--ds-window-border); }
.accountant-installment-actions-heading h2[b-y8nt5fwut9] { margin: .15rem 0 0; color: var(--ds-text-primary); font-size: 1.125rem; font-weight: 800; }
.accountant-installment-row[b-y8nt5fwut9] { --row-accent: var(--ds-primary); display: flex; min-height: 4.25rem; padding: .78rem .85rem; color: var(--ds-text-primary); background: var(--ds-input); border: 1px solid var(--ds-border); border-inline-start: .2rem solid var(--row-accent); border-radius: .9rem; text-decoration: none; align-items: center; gap: .75rem; transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.accountant-installment-row.overdue[b-y8nt5fwut9] { --row-accent: var(--ds-warning); }
.accountant-installment-row.all-installments[b-y8nt5fwut9] { --row-accent: var(--ds-info); }
.accountant-installment-row:hover[b-y8nt5fwut9] { color: var(--ds-text-primary); border-color: color-mix(in srgb, var(--row-accent) 52%, var(--ds-border)); background: color-mix(in srgb, var(--row-accent) 8%, var(--ds-surface)); transform: translateY(-1px); }
.accountant-installment-row[b-y8nt5fwut9]::after { margin-inline-start: auto; color: var(--row-accent); font-size: 1.35rem; content: "‹"; }
.accountant-installment-icon[b-y8nt5fwut9] { display: grid; width: 2.85rem; height: 2.85rem; flex: 0 0 auto; color: var(--row-accent); background: color-mix(in srgb, var(--row-accent) 8%, transparent); border: 1px solid color-mix(in srgb, var(--row-accent) 35%, transparent); border-radius: .75rem; place-items: center; }
.accountant-installment-icon[b-y8nt5fwut9]  .app-icon { width: 1.28rem; height: 1.28rem; }
.accountant-installment-separator[b-y8nt5fwut9] { width: 1px; height: 2.6rem; background: var(--ds-border); }
.accountant-installment-copy[b-y8nt5fwut9] { min-width: 0; flex: 1; }
.accountant-installment-copy strong[b-y8nt5fwut9] { display: block; color: var(--ds-text-primary); font-size: .84rem; }
.accountant-installment-copy > span[b-y8nt5fwut9] { display: flex; margin-top: .14rem; align-items: baseline; justify-content: space-between; gap: .6rem; }
.accountant-installment-copy b[b-y8nt5fwut9] { color: var(--row-accent); font-size: .7rem; }
.accountant-installment-copy bdi[b-y8nt5fwut9] { font-size: .8rem; font-weight: 800; }
.accountant-installment-copy small[b-y8nt5fwut9] { display: block; color: var(--ds-window-muted); font-size: .7rem; }
.accountant-installment-copy bdi small[b-y8nt5fwut9] { display: inline; color: var(--row-accent); }
.accountant-financial-actions[b-y8nt5fwut9] { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 1.5rem; padding: 1.35rem; overflow: hidden; border: 1px solid var(--ds-border); border-inline-start: .3rem solid var(--ds-primary); border-radius: var(--ds-radius-lg); background: radial-gradient(circle at 10% 0%, var(--ds-primary-soft), transparent 24rem), var(--ds-surface); box-shadow: var(--ds-shadow-sm); }
.accountant-heading-actions[b-y8nt5fwut9] { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .65rem; }
.accountant-action-button[b-y8nt5fwut9],
.accountant-heading-actions[b-y8nt5fwut9]  .accountant-action-button { width: 9rem; min-height: 2.75rem; padding: .5rem .85rem; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--ds-primary-solid); border-radius: var(--ds-radius-md); color: var(--ds-text-on-accent); background: var(--ds-primary-solid); box-shadow: 0 .25rem .65rem color-mix(in srgb, var(--ds-primary-solid) 18%, transparent); font-size: 1rem; font-weight: 700; line-height: 1.25; white-space: nowrap; transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.accountant-action-button:hover[b-y8nt5fwut9],
.accountant-heading-actions[b-y8nt5fwut9]  .accountant-action-button:hover { border-color: var(--ds-primary-solid-hover); color: var(--ds-text-on-accent); background: var(--ds-primary-solid-hover); box-shadow: 0 .4rem .85rem color-mix(in srgb, var(--ds-primary-solid) 25%, transparent); transform: translateY(-1px); }
.accountant-action-button:focus-visible[b-y8nt5fwut9],
.accountant-heading-actions[b-y8nt5fwut9]  .accountant-action-button:focus-visible { outline: 3px solid color-mix(in srgb, var(--ds-primary-solid) 28%, transparent); outline-offset: 2px; box-shadow: none; }
.accountant-action-button:disabled[b-y8nt5fwut9],
.accountant-heading-actions[b-y8nt5fwut9]  .accountant-action-button:disabled { border-color: var(--ds-disabled); color: var(--ds-text-on-accent); background: var(--ds-disabled); box-shadow: none; transform: none; opacity: .7; }
.accountant-heading-actions[b-y8nt5fwut9]  .accountant-action-button strong { font: inherit; }
@media (max-width: 991.98px) { .accountant-financial-actions[b-y8nt5fwut9] { flex-direction: column; } .accountant-heading-actions[b-y8nt5fwut9] { width: 100%; justify-content: flex-start; } .accountant-overview-grid[b-y8nt5fwut9] { grid-template-columns: 1fr; } }
@media (max-width: 575.98px) { .accountant-heading-actions[b-y8nt5fwut9] { display: grid; grid-template-columns: 1fr; } .accountant-action-button[b-y8nt5fwut9], .accountant-heading-actions[b-y8nt5fwut9]  .accountant-action-button { width: 100%; } }
@media (max-width: 575.98px) { .accountant-dashboard-heading[b-y8nt5fwut9] { align-items: flex-start; flex-direction: column; gap: .35rem; } }
/* /Components/Schools/Pages/StudentFinanceAccount.razor.rz.scp.css */
.student-finance-page[b-pcwwbj11kx] {
    width: 100%;
}

.student-finance-page-heading[b-pcwwbj11kx],
.student-finance-section-heading[b-pcwwbj11kx],
.student-finance-dialog-header[b-pcwwbj11kx] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.student-finance-page-heading[b-pcwwbj11kx] {
    margin-bottom: 1.25rem;
}

.student-finance-page-heading h1[b-pcwwbj11kx] {
    margin: 0.2rem 0 0.35rem;
    color: var(--ds-text-primary);
    font-size: clamp(1.65rem, 3vw, 2.2rem);
}

.student-finance-page-heading p[b-pcwwbj11kx],
.student-finance-muted[b-pcwwbj11kx] {
    margin: 0;
    color: var(--ds-text-secondary);
}

.student-finance-eyebrow[b-pcwwbj11kx] {
    color: var(--ds-primary);
    font-size: 0.8rem;
    font-weight: 700;
}

.student-finance-card[b-pcwwbj11kx] {
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-lg);
    color: var(--ds-text-primary);
    background: var(--ds-surface);
    box-shadow: 0 10px 28px var(--ds-shadow-color-soft);
}

.student-finance-card h2[b-pcwwbj11kx] {
    margin: 0;
    color: var(--ds-text-primary);
}

.student-finance-student-grid[b-pcwwbj11kx],
.student-finance-summary-grid[b-pcwwbj11kx],
.student-finance-dialog-summary[b-pcwwbj11kx] {
    display: grid;
    gap: 0.75rem;
    margin: 1rem 0 0;
}

.student-finance-student-grid[b-pcwwbj11kx] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.student-finance-summary-grid[b-pcwwbj11kx],
.student-finance-dialog-summary[b-pcwwbj11kx] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.student-finance-student-grid > div[b-pcwwbj11kx],
.student-finance-summary-grid > div[b-pcwwbj11kx],
.student-finance-dialog-summary > div[b-pcwwbj11kx] {
    min-width: 0;
    padding: 0.85rem;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-md);
    background: var(--ds-surface-raised);
}

.student-finance-student-grid dt[b-pcwwbj11kx],
.student-finance-summary-grid dt[b-pcwwbj11kx],
.student-finance-dialog-summary dt[b-pcwwbj11kx] {
    color: var(--ds-text-secondary);
    font-size: 0.8rem;
}

.student-finance-student-grid dd[b-pcwwbj11kx],
.student-finance-summary-grid dd[b-pcwwbj11kx],
.student-finance-dialog-summary dd[b-pcwwbj11kx] {
    margin: 0.3rem 0 0;
    color: var(--ds-text-primary);
    font-weight: 700;
}

.student-finance-summary-grid dd[b-pcwwbj11kx],
.student-finance-dialog-summary dd[b-pcwwbj11kx],
.student-finance-amount[b-pcwwbj11kx] {
    direction: ltr;
    unicode-bidi: isolate;
    white-space: nowrap;
}

.student-finance-summary-grid .remaining[b-pcwwbj11kx] {
    border-color: color-mix(in srgb, var(--ds-primary) 38%, var(--ds-border));
    background: var(--ds-primary-soft);
}

.student-finance-actions[b-pcwwbj11kx],
.student-finance-row-actions[b-pcwwbj11kx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.student-finance-actions[b-pcwwbj11kx] {
    margin-top: 1rem;
}

.student-finance-history-wrap[b-pcwwbj11kx] {
    width: 100%;
    margin-top: 1rem;
    overflow-x: auto;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-md);
}

.student-finance-history-wrap table[b-pcwwbj11kx] {
    min-width: 56rem;
}

.student-finance-history-wrap th[b-pcwwbj11kx],
.student-finance-history-wrap td[b-pcwwbj11kx] {
    padding: 0.75rem;
    color: var(--ds-text-primary);
    vertical-align: middle;
}

.student-finance-kind[b-pcwwbj11kx],
.student-finance-status[b-pcwwbj11kx] {
    display: inline-flex;
    padding: 0.25rem 0.6rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    white-space: nowrap;
}

.student-finance-kind.payment[b-pcwwbj11kx] {
    color: var(--ds-success-strong);
    background: var(--ds-success-soft);
}

.student-finance-kind.discount[b-pcwwbj11kx] {
    color: var(--ds-primary);
    background: var(--ds-primary-soft);
}

.student-finance-kind.refund[b-pcwwbj11kx] {
    color: var(--ds-warning-strong);
    background: var(--ds-warning-soft);
}

.student-finance-status.active[b-pcwwbj11kx] {
    color: var(--ds-success-strong);
    background: var(--ds-success-soft);
}

.student-finance-status.cancelled[b-pcwwbj11kx] {
    color: var(--ds-danger-strong);
    background: var(--ds-danger-soft);
}

.student-finance-cancelled-row[b-pcwwbj11kx] {
    opacity: 0.72;
}

.student-finance-date-cell[b-pcwwbj11kx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
}

.student-finance-audit-toggle[b-pcwwbj11kx] {
    display: inline-grid;
    width: 1.65rem;
    height: 1.65rem;
    flex: 0 0 auto;
    padding: 0;
    color: var(--ds-text-secondary);
    background: transparent;
    border: 1px solid var(--ds-border);
    border-radius: 0.35rem;
    place-items: center;
    cursor: pointer;
    transition: color 160ms ease, background-color 160ms ease,
        border-color 160ms ease;
}

.student-finance-audit-toggle span[b-pcwwbj11kx] {
    display: block;
    font-size: 0.62rem;
    line-height: 1;
    transition: transform 160ms ease;
}

.student-finance-audit-toggle:hover[b-pcwwbj11kx] {
    color: var(--ds-primary);
    background: var(--ds-primary-soft);
    border-color: var(--ds-primary);
}

.student-finance-audit-toggle:focus-visible[b-pcwwbj11kx] {
    outline: 3px solid var(--ds-focus-ring);
    outline-offset: 2px;
}

.student-finance-audit-toggle[aria-expanded="true"] span[b-pcwwbj11kx] {
    transform: rotate(-90deg);
}

.student-finance-audit-summary[b-pcwwbj11kx] {
    white-space: nowrap;
}

.student-finance-audit-row td[b-pcwwbj11kx] {
    padding: 0 !important;
    background: var(--ds-surface-raised);
}

.student-finance-audit-panel[b-pcwwbj11kx] {
    padding: 1rem 1.25rem;
    border-block: 1px dashed var(--ds-border);
}

.student-finance-audit-empty[b-pcwwbj11kx] {
    margin: 0;
    color: var(--ds-text-secondary);
    text-align: center;
}

.student-finance-audit-timeline[b-pcwwbj11kx] {
    position: relative;
    display: grid;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 0.9rem;
}

.student-finance-audit-timeline[b-pcwwbj11kx]::before {
    position: absolute;
    inset-block: 0.6rem;
    inset-inline-start: 0.42rem;
    width: 1px;
    background: var(--ds-border-strong);
    content: "";
}

.student-finance-audit-timeline > li[b-pcwwbj11kx] {
    position: relative;
    display: grid;
    padding-inline-start: 1.7rem;
}

.student-finance-audit-dot[b-pcwwbj11kx] {
    position: absolute;
    inset-block-start: 0.55rem;
    inset-inline-start: 0;
    width: 0.85rem;
    height: 0.85rem;
    background: var(--ds-primary-soft);
    border: 2px solid var(--ds-primary);
    border-radius: 50%;
}

.student-finance-audit-event[b-pcwwbj11kx] {
    min-width: 0;
    padding: 0.8rem 0.9rem;
    background: var(--ds-surface);
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-md);
}

.student-finance-audit-event-heading[b-pcwwbj11kx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.student-finance-audit-event-heading time[b-pcwwbj11kx],
.student-finance-audit-event p[b-pcwwbj11kx] {
    color: var(--ds-text-secondary);
    font-size: 0.78rem;
}

.student-finance-audit-event p[b-pcwwbj11kx] {
    margin: 0.35rem 0 0;
}

.student-finance-audit-metadata[b-pcwwbj11kx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    margin: 0.6rem 0 0;
    gap: 0.55rem;
}

.student-finance-audit-metadata > div[b-pcwwbj11kx] {
    min-width: 0;
    padding: 0.55rem 0.65rem;
    background: var(--ds-surface-raised);
    border: 1px solid var(--ds-border);
    border-radius: 0.45rem;
}

.student-finance-audit-metadata dt[b-pcwwbj11kx] {
    color: var(--ds-text-secondary);
    font-size: 0.72rem;
    font-weight: 700;
}

.student-finance-audit-metadata dd[b-pcwwbj11kx] {
    margin: 0.2rem 0 0;
    overflow-wrap: anywhere;
    font-size: 0.82rem;
}

.student-finance-audit-change[b-pcwwbj11kx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 0.55rem;
    gap: 0.45rem;
    font-size: 0.8rem;
}

.student-finance-audit-change > span:first-child[b-pcwwbj11kx] {
    color: var(--ds-text-secondary);
    font-weight: 700;
}

.student-finance-audit-change del[b-pcwwbj11kx],
.student-finance-audit-change ins[b-pcwwbj11kx] {
    padding: 0.18rem 0.4rem;
    border-radius: 0.35rem;
    text-decoration: none;
}

.student-finance-audit-change del[b-pcwwbj11kx] {
    color: var(--ds-danger-strong);
    background: var(--ds-danger-soft);
}

.student-finance-audit-change ins[b-pcwwbj11kx] {
    color: var(--ds-success-strong);
    background: var(--ds-success-soft);
}

.student-finance-audit-reason[b-pcwwbj11kx] {
    padding: 0.45rem 0.6rem;
    background: var(--ds-surface-raised);
    border-radius: 0.45rem;
}

.student-finance-dialog-backdrop[b-pcwwbj11kx] {
    position: fixed;
    inset: 0;
    z-index: 2200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    overflow: hidden;
    background: var(--ds-overlay);
}

.student-finance-dialog[b-pcwwbj11kx] {
    width: min(100%, 720px);
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-lg);
    color: var(--ds-text-primary);
    background: var(--ds-surface);
    box-shadow: 0 20px 60px var(--ds-shadow-color);
}

.student-finance-dialog-header[b-pcwwbj11kx] {
    align-items: center;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--ds-border);
}

.student-finance-dialog-header h2[b-pcwwbj11kx] {
    margin: 0;
}

.student-finance-dialog-body[b-pcwwbj11kx] {
    padding: 1rem 1.25rem;
}

.student-finance-dialog-fields[b-pcwwbj11kx] {
    display: grid;
    gap: 1rem;
    margin-top: 1rem;
}

.student-finance-dialog-footer[b-pcwwbj11kx] {
    display: flex;
    justify-content: flex-end;
    gap: 0.65rem;
    padding: 1rem 1.25rem;
}

.student-finance-operation-summary[b-pcwwbj11kx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.student-finance-operation-summary > div[b-pcwwbj11kx] {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
    padding: 0.9rem;
    border: 1px solid color-mix(in srgb, var(--ds-primary) 24%, var(--ds-border));
    border-radius: var(--ds-radius-md);
    background: color-mix(in srgb, var(--ds-primary) 5%, var(--ds-surface-raised));
}

.student-finance-operation-summary span[b-pcwwbj11kx] {
    color: var(--ds-text-secondary);
    font-size: 0.875rem;
}

.student-finance-operation-summary strong[b-pcwwbj11kx] {
    overflow-wrap: anywhere;
    color: var(--ds-text-primary);
    font-size: 1rem;
}

.student-finance-operation-summary > div:last-child strong[b-pcwwbj11kx] {
    direction: ltr;
    unicode-bidi: isolate;
    color: var(--ds-primary-hover);
    white-space: nowrap;
}

/* Visual identity for the fee-payment dialog opened from the student account. */
.student-finance-payment-dialog[b-pcwwbj11kx] {
    position: relative;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--ds-primary) 52%, var(--ds-border));
    background:
        linear-gradient(145deg,
            color-mix(in srgb, var(--ds-primary) 8%, transparent),
            transparent 38%),
        var(--ds-surface);
    box-shadow:
        0 24px 70px var(--ds-shadow-color),
        0 0 0 1px color-mix(in srgb, var(--ds-primary) 12%, transparent);
}

.student-finance-payment-dialog[b-pcwwbj11kx]::before {
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    width: 0.25rem;
    content: "";
    background: linear-gradient(180deg, var(--ds-primary), var(--ds-primary-solid));
}

.student-finance-payment-dialog .student-finance-dialog-header[b-pcwwbj11kx] {
    padding-block: 1.1rem;
    border-bottom-color: color-mix(in srgb, var(--ds-primary) 28%, var(--ds-border));
    background: color-mix(in srgb, var(--ds-primary) 9%, var(--ds-surface));
}

.student-finance-payment-dialog .student-finance-dialog-header h2[b-pcwwbj11kx] {
    color: var(--ds-text-primary);
    font-size: 1.25rem;
    font-weight: 800;
}

.student-finance-payment-dialog .student-finance-summary-grid[b-pcwwbj11kx] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.student-finance-payment-dialog .student-finance-summary-grid > div[b-pcwwbj11kx] {
    border-color: color-mix(in srgb, var(--ds-primary) 22%, var(--ds-border));
    background: color-mix(in srgb, var(--ds-primary) 5%, var(--ds-surface-raised));
}

.student-finance-payment-dialog .student-finance-summary-grid dt[b-pcwwbj11kx] {
    font-size: 0.875rem;
    font-weight: 600;
}

.student-finance-payment-dialog .student-finance-summary-grid dd[b-pcwwbj11kx] {
    color: var(--ds-primary-hover);
    font-size: 1rem;
}

.student-finance-payment-dialog .student-finance-summary-grid .remaining[b-pcwwbj11kx] {
    border-color: color-mix(in srgb, var(--ds-primary) 55%, var(--ds-border));
    background: var(--ds-primary-soft);
}

.student-finance-payment-dialog .form-label[b-pcwwbj11kx],
.student-finance-payment-dialog .form-control[b-pcwwbj11kx],
.student-finance-payment-dialog .student-finance-dialog-footer .btn[b-pcwwbj11kx] {
    font-size: 1rem;
}

.student-finance-payment-dialog .form-label[b-pcwwbj11kx] {
    color: var(--ds-text-primary);
    font-weight: 700;
}

.student-finance-payment-dialog .form-control[b-pcwwbj11kx] {
    border-color: color-mix(in srgb, var(--ds-primary) 28%, var(--ds-border));
    border-radius: var(--ds-radius-md);
    color: var(--ds-text-primary);
    background: var(--ds-surface-raised);
}

.student-finance-payment-dialog .form-control:focus[b-pcwwbj11kx] {
    border-color: var(--ds-primary);
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--ds-primary) 20%, transparent);
}

.student-finance-payment-dialog .student-finance-dialog-footer[b-pcwwbj11kx] {
    margin-top: 0.25rem;
    padding-block: 1.1rem;
    border-top: 1px solid color-mix(in srgb, var(--ds-primary) 20%, var(--ds-border));
    background: color-mix(in srgb, var(--ds-primary) 4%, var(--ds-surface));
}

.student-finance-payment-dialog .student-finance-dialog-footer .btn[b-pcwwbj11kx] {
    min-width: 7rem;
    border-radius: var(--ds-radius-md);
    font-weight: 700;
}

/* Unified visual identity for the student accounts workspace. */
.student-finance-workspace[b-pcwwbj11kx] {
    min-height: 100%;
    background: radial-gradient(circle at 92% 2%,
        color-mix(in srgb, var(--ds-primary) 10%, transparent),
        transparent 24rem);
}

.student-finance-page[b-pcwwbj11kx] {
    max-width: 100rem;
    margin-inline: auto;
}

.student-finance-page-heading[b-pcwwbj11kx] {
    position: relative;
    align-items: center;
    padding: 1.2rem 1.35rem;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--ds-primary) 35%, var(--ds-border));
    border-radius: var(--ds-radius-lg);
    background: linear-gradient(115deg,
        color-mix(in srgb, var(--ds-primary-solid) 18%, var(--ds-surface)),
        var(--ds-surface) 58%);
    box-shadow: 0 12px 34px var(--ds-shadow-color-soft);
}

.student-finance-page-heading[b-pcwwbj11kx]::before,
.student-finance-card[b-pcwwbj11kx]::before {
    position: absolute;
    inset-inline-start: 0;
    content: "";
    background: linear-gradient(180deg, var(--ds-primary), var(--ds-primary-solid));
}

.student-finance-page-heading[b-pcwwbj11kx]::before {
    inset-block: 0;
    width: 0.28rem;
}

.student-finance-page-heading h1[b-pcwwbj11kx],
.student-finance-card h2[b-pcwwbj11kx] {
    font-weight: 800;
}

.student-finance-page-heading > .btn[b-pcwwbj11kx] {
    min-width: 9rem;
    border-color: color-mix(in srgb, var(--ds-primary) 45%, var(--ds-border));
    border-radius: var(--ds-radius-md);
    color: var(--ds-text-primary);
    font-weight: 700;
}

.student-finance-card[b-pcwwbj11kx] {
    position: relative;
    overflow: hidden;
    background: linear-gradient(145deg,
        color-mix(in srgb, var(--ds-primary) 4%, transparent),
        transparent 36%), var(--ds-surface);
}

.student-finance-card[b-pcwwbj11kx]::before {
    inset-block: 1.1rem;
    width: 0.2rem;
    border-radius: 999px;
}

.student-finance-card-badge[b-pcwwbj11kx] {
    display: inline-grid;
    min-width: 2.4rem;
    min-height: 2rem;
    padding: 0.35rem 0.7rem;
    color: var(--ds-primary-hover);
    background: var(--ds-primary-soft);
    border: 1px solid color-mix(in srgb, var(--ds-primary) 42%, var(--ds-border));
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 800;
    place-items: center;
}

.student-finance-student-grid dt[b-pcwwbj11kx],
.student-finance-summary-grid dt[b-pcwwbj11kx] {
    font-size: 0.875rem;
    font-weight: 650;
}

.student-finance-student-grid dd[b-pcwwbj11kx],
.student-finance-summary-grid dd[b-pcwwbj11kx] {
    font-size: 1rem;
}

.student-finance-summary-grid .remaining dd[b-pcwwbj11kx] {
    color: var(--ds-primary-hover);
    font-size: 1.08rem;
}

.student-finance-actions[b-pcwwbj11kx] {
    margin-top: 1.15rem;
    padding-top: 1rem;
    border-top: 1px solid color-mix(in srgb, var(--ds-primary) 18%, var(--ds-border));
}

.student-finance-actions .btn[b-pcwwbj11kx] {
    min-width: 8.5rem;
    min-height: 2.65rem;
    border-radius: var(--ds-radius-md);
    font-size: 0.9375rem;
    font-weight: 750;
}

.student-finance-actions :is(.btn-primary, .btn-outline-primary, .btn-outline-warning)[b-pcwwbj11kx] {
    color: var(--ds-text-on-accent);
    background: var(--ds-primary-solid);
    border-color: var(--ds-primary-solid);
}

.student-finance-actions :is(.btn-primary, .btn-outline-primary, .btn-outline-warning):hover[b-pcwwbj11kx] {
    color: var(--ds-text-on-accent);
    background: var(--ds-primary-solid-hover);
    border-color: var(--ds-primary-solid-hover);
}

.student-finance-actions .btn:disabled[b-pcwwbj11kx] {
    opacity: 0.5;
}

.student-finance-history-wrap[b-pcwwbj11kx] {
    background: var(--ds-surface-raised);
    scrollbar-color: var(--ds-primary-solid) transparent;
}

.student-finance-history-wrap thead th[b-pcwwbj11kx] {
    color: var(--ds-text-secondary);
    background: color-mix(in srgb, var(--ds-primary) 9%, var(--ds-surface));
    border-bottom-color: color-mix(in srgb, var(--ds-primary) 30%, var(--ds-border));
    font-size: 0.875rem;
    font-weight: 800;
    white-space: nowrap;
}

.student-finance-history-wrap tbody tr:not(.student-finance-audit-row)[b-pcwwbj11kx] {
    transition: background-color 150ms ease;
}

.student-finance-history-wrap tbody tr:not(.student-finance-audit-row):hover[b-pcwwbj11kx] {
    background: color-mix(in srgb, var(--ds-primary) 6%, transparent);
}

.student-finance-history-wrap tbody td[b-pcwwbj11kx] {
    border-bottom-color: color-mix(in srgb, var(--ds-border) 78%, transparent);
    font-size: 0.875rem;
}

@media (max-width: 767.98px) {
    .student-finance-page-heading[b-pcwwbj11kx],
    .student-finance-section-heading[b-pcwwbj11kx] {
        align-items: stretch;
        flex-direction: column;
    }

    .student-finance-page-heading[b-pcwwbj11kx] {
        padding: 1rem;
    }

    .student-finance-page-heading > .btn[b-pcwwbj11kx] {
        width: 100%;
    }

    .student-finance-card[b-pcwwbj11kx] {
        padding: 1rem;
    }

    .student-finance-student-grid[b-pcwwbj11kx],
    .student-finance-summary-grid[b-pcwwbj11kx],
    .student-finance-dialog-summary[b-pcwwbj11kx] {
        grid-template-columns: 1fr;
    }

    .student-finance-payment-dialog .student-finance-summary-grid[b-pcwwbj11kx] {
        grid-template-columns: 1fr;
    }

    .student-finance-operation-summary[b-pcwwbj11kx] {
        grid-template-columns: 1fr;
    }

    .student-finance-payment-dialog .student-finance-dialog-footer .btn[b-pcwwbj11kx] {
        flex: 1 1 0;
        min-width: 0;
    }

    .student-finance-actions .btn[b-pcwwbj11kx],
    .student-finance-row-actions .btn[b-pcwwbj11kx] {
        flex: 1 1 9rem;
    }

    .student-finance-audit-event-heading[b-pcwwbj11kx] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.2rem;
    }
}
/* /Components/Schools/Pages/StudentGenderStatisticsCard.razor.rz.scp.css */
.gender-card[b-cdcpv4w0z4] {
    --gender-background: var(--ds-background);
    --gender-surface: var(--ds-window-surface-raised);
    --gender-surface-raised: var(--ds-input);
    --gender-border: var(--ds-window-border);
    --gender-text: var(--ds-text-primary);
    --gender-muted: var(--ds-window-muted);
    --gender-total: var(--ds-chart-violet);
    --gender-female: var(--ds-chart-pink);
    --gender-female-deep: var(--ds-chart-pink-deep);
    --gender-male: var(--ds-info);
    --gender-male-deep: var(--ds-info-action);
    width: 100%;
    min-width: 0;
    padding: clamp(.8rem, 1.5vw, 1rem);
    overflow: hidden;
    color: var(--gender-text);
    background:
        radial-gradient(circle at 100% -15%, color-mix(in srgb, var(--ds-chart-violet) 13%, transparent), transparent 19rem),
        linear-gradient(145deg, var(--ds-window-surface), var(--gender-background));
    border: 1px solid var(--gender-border);
    border-radius: 1.1rem;
    box-shadow: 0 18px 42px color-mix(in srgb, var(--ds-shadow-base) 22%, transparent);
    direction: rtl;
    justify-self: stretch;
}

.gender-card-header[b-cdcpv4w0z4] {
    display: flex;
    padding-bottom: .7rem;
    border-bottom: 1px solid color-mix(in srgb, var(--ds-window-border) 78%, transparent);
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.gender-card-title[b-cdcpv4w0z4],
.gender-total[b-cdcpv4w0z4] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .7rem;
}

.gender-header-icon[b-cdcpv4w0z4],
.gender-total-icon[b-cdcpv4w0z4],
.gender-segment-icon[b-cdcpv4w0z4] {
    display: grid;
    flex: 0 0 auto;
    background: var(--gender-surface-raised);
    border: 1px solid var(--gender-border);
    place-items: center;
}

.gender-header-icon svg[b-cdcpv4w0z4],
.gender-total-icon svg[b-cdcpv4w0z4],
.gender-segment-icon svg[b-cdcpv4w0z4] {
    width: 1.25rem;
    height: 1.25rem;
    overflow: visible;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.gender-header-icon svg path:first-child[b-cdcpv4w0z4] {
    fill: currentColor;
    stroke: none;
}

.gender-header-icon svg path:last-child[b-cdcpv4w0z4] {
    fill: color-mix(in srgb, var(--ds-chart-violet-text) 34%, transparent);
    stroke: currentColor;
}

.gender-header-icon[b-cdcpv4w0z4] {
    width: 2.35rem;
    height: 2.35rem;
    color: var(--ds-chart-violet-text);
    border-color: color-mix(in srgb, var(--ds-chart-violet) 30%, transparent);
    border-radius: .8rem;
    box-shadow: 0 0 16px color-mix(in srgb, var(--ds-chart-violet) 12%, transparent);
    font-size: 1.1rem;
}

.gender-card h2[b-cdcpv4w0z4] {
    margin: 0;
    color: var(--gender-text);
    font-size: clamp(.88rem, 1.3vw, 1.02rem);
    font-weight: 800;
}

.gender-card-title p[b-cdcpv4w0z4] {
    margin: .16rem 0 0;
    color: var(--gender-muted);
    font-size: .75rem;
}

.gender-total[b-cdcpv4w0z4] {
    flex: 0 0 auto;
    padding: .35rem .5rem;
    background: color-mix(in srgb, var(--ds-input) 76%, transparent);
    border: 1px solid color-mix(in srgb, var(--ds-chart-violet) 22%, transparent);
    border-radius: .82rem;
}

.gender-total-icon[b-cdcpv4w0z4] {
    width: 1.95rem;
    height: 1.95rem;
    color: var(--ds-chart-violet-text);
    border-color: color-mix(in srgb, var(--ds-chart-violet) 30%, transparent);
    border-radius: .68rem;
    box-shadow: 0 0 14px color-mix(in srgb, var(--ds-chart-violet) 13%, transparent);
}

.gender-total > div[b-cdcpv4w0z4] {
    display: grid;
    grid-template-columns: auto auto;
    align-items: baseline;
    gap: 0 .3rem;
}

.gender-total span[b-cdcpv4w0z4] {
    color: var(--gender-muted);
    font-size: .62rem;
    font-weight: 700;
    grid-column: 1 / -1;
}

.gender-total strong[b-cdcpv4w0z4] {
    color: var(--gender-text);
    font-size: 1.2rem;
    font-weight: 800;
    line-height: 1.1;
}

.gender-total small[b-cdcpv4w0z4] {
    color: var(--ds-chart-violet-text);
    font-size: .65rem;
    font-weight: 700;
}

.gender-segments[b-cdcpv4w0z4] {
    display: grid;
}

.gender-segment[b-cdcpv4w0z4] {
    --segment-accent: var(--gender-female);
    --segment-deep: var(--gender-female-deep);
    display: grid;
    min-width: 0;
    padding-block: .7rem;
    grid-template-columns: minmax(7rem, .7fr) minmax(9rem, 2fr) auto;
    align-items: center;
    gap: clamp(.8rem, 2vw, 1.25rem);
}

.gender-segment + .gender-segment[b-cdcpv4w0z4] {
    border-top: 1px solid color-mix(in srgb, var(--ds-window-border) 70%, transparent);
}

.gender-segment.male[b-cdcpv4w0z4] {
    --segment-accent: var(--gender-male);
    --segment-deep: var(--gender-male-deep);
}

.gender-segment-summary[b-cdcpv4w0z4] {
    display: grid;
    min-width: 0;
}

.gender-segment-label[b-cdcpv4w0z4] {
    display: flex;
    color: var(--segment-accent);
    align-items: center;
    gap: .42rem;
    font-size: .78rem;
    font-weight: 750;
}

.gender-segment-label i[b-cdcpv4w0z4] {
    width: .5rem;
    height: .5rem;
    background: currentColor;
    border-radius: 50%;
    box-shadow: 0 0 10px currentColor;
}

.gender-segment-summary strong[b-cdcpv4w0z4] {
    margin-block: .16rem .05rem;
    color: var(--gender-text);
    font-size: clamp(1.05rem, 2vw, 1.35rem);
    font-weight: 800;
    line-height: 1.15;
}

.gender-segment-summary small[b-cdcpv4w0z4],
.gender-segment-progress > small[b-cdcpv4w0z4] {
    color: var(--gender-muted);
    font-size: .7rem;
}

.gender-segment-progress[b-cdcpv4w0z4] {
    min-width: 0;
}

.gender-bar-track[b-cdcpv4w0z4] {
    position: relative;
    height: .72rem;
    overflow: hidden;
    background: var(--ds-surface-raised);
    border: 1px solid var(--ds-border);
    border-radius: 999px;
    box-shadow: inset 0 2px 4px color-mix(in srgb, var(--ds-shadow-base) 24%, transparent);
}

.gender-bar-fill[b-cdcpv4w0z4] {
    display: block;
    width: var(--bar-value);
    height: 100%;
    background: linear-gradient(90deg, var(--segment-deep), var(--segment-accent));
    border-radius: inherit;
    box-shadow: 0 0 5px color-mix(in srgb, var(--segment-accent) 12%, transparent);
    transition: width 420ms ease;
}

.gender-segment-progress > small[b-cdcpv4w0z4] {
    display: block;
    margin-top: .42rem;
}

.gender-segment-progress > small bdi[b-cdcpv4w0z4] {
    color: var(--segment-accent);
    font-weight: 800;
}

.gender-segment-icon[b-cdcpv4w0z4] {
    width: 2.5rem;
    height: 2.5rem;
    color: var(--segment-accent);
    border-color: color-mix(in srgb, var(--segment-accent) 32%, transparent);
    border-radius: .86rem;
    box-shadow: 0 0 16px color-mix(in srgb, var(--segment-accent) 13%, transparent);
    font-size: 1.25rem;
}

@media (max-width: 1199.98px) {
    .gender-card[b-cdcpv4w0z4] {
        max-width: 100%;
    }

    .gender-segment[b-cdcpv4w0z4] {
        grid-template-columns: minmax(6.5rem, .7fr) minmax(7rem, 1.6fr) auto;
        gap: .7rem;
    }
}

@media (max-width: 575.98px) {
    .gender-card[b-cdcpv4w0z4] {
        padding: .7rem;
    }

    .gender-card-header[b-cdcpv4w0z4] {
        align-items: stretch;
        flex-direction: column;
    }

    .gender-total[b-cdcpv4w0z4] {
        align-self: flex-start;
    }

    .gender-segment[b-cdcpv4w0z4] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .gender-segment-summary[b-cdcpv4w0z4] {
        grid-column: 1;
        grid-row: 1;
    }

    .gender-segment-icon[b-cdcpv4w0z4] {
        grid-column: 2;
        grid-row: 1;
    }

    .gender-segment-progress[b-cdcpv4w0z4] {
        grid-column: 1 / -1;
        grid-row: 2;
    }
}

@media (max-width: 359.98px) {
    .gender-header-icon[b-cdcpv4w0z4],
    .gender-total-icon[b-cdcpv4w0z4] {
        width: 2.2rem;
        height: 2.2rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gender-bar-fill[b-cdcpv4w0z4] {
        transition: none;
    }
}
/* /Components/Schools/Pages/StudentGuardians.razor.rz.scp.css */
.records-heading h1[b-014m4d89h6],
.records-card h2[b-014m4d89h6] {
    color: var(--ds-window-text);
}

.records-card[b-014m4d89h6] {
    color: var(--ds-window-text);
    background: linear-gradient(145deg, var(--ds-window-surface-raised), var(--ds-window-surface));
    border-color: var(--ds-window-border);
    box-shadow: 0 16px 38px color-mix(in srgb, var(--ds-shadow-base) 20%, transparent);
}

.guardian-summary-link[b-014m4d89h6] {
    display: block;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    transition: border-color 150ms ease, transform 150ms ease, background-color 150ms ease;
}

.guardian-summary-link:hover[b-014m4d89h6] {
    color: inherit;
    border-color: color-mix(in srgb, var(--ds-primary) 45%, transparent);
    transform: translateY(-1px);
}

.guardian-summary-link:focus-visible[b-014m4d89h6] {
    outline: 3px solid color-mix(in srgb, var(--bs-primary) 45%, transparent);
    outline-offset: 3px;
}

.guardian-summary-link.is-active[b-014m4d89h6] {
    border-color: var(--ds-primary);
    background: color-mix(in srgb, var(--ds-primary) 8%, transparent);
}

.guardian-summary-link strong[b-014m4d89h6] {
    color: var(--ds-primary);
}

.records-card[b-014m4d89h6]  :is(.form-control, .form-select) {
    color: var(--ds-window-text);
    background-color: var(--ds-input);
    border-color: var(--ds-border);
}

.records-card[b-014m4d89h6]  :is(.form-control, .form-select):focus {
    background-color: var(--ds-input);
    border-color: var(--ds-primary);
    box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--ds-primary) 12%, transparent);
}

.records-card[b-014m4d89h6]  .table {
    --bs-table-color: var(--ds-window-text);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--ds-window-border);
    color: var(--ds-window-text);
}

.records-card[b-014m4d89h6]  .table thead {
    color: var(--ds-window-muted);
    background: var(--ds-input);
}

.records-heading[b-014m4d89h6]  .btn-primary,
.records-card[b-014m4d89h6]  .btn-primary {
    color: var(--ds-window-text);
    background: var(--ds-action-bg);
    border-color: var(--ds-action-border);
    font-weight: 750;
    box-shadow: none;
}

.records-heading[b-014m4d89h6]  .btn-primary:hover,
.records-card[b-014m4d89h6]  .btn-primary:hover {
    color: var(--ds-action-text-hover);
    background: var(--ds-action-hover);
    border-color: var(--ds-action-border-hover);
    box-shadow: none;
}

.records-heading[b-014m4d89h6]  .btn:focus-visible,
.records-card[b-014m4d89h6]  .btn:focus-visible {
    box-shadow: none;
    outline: 1px solid color-mix(in srgb, var(--ds-primary) 28%, transparent);
    outline-offset: 1px;
}

@media (prefers-reduced-motion: reduce) {
    .guardian-summary-link[b-014m4d89h6] {
        transition: none;
    }
}
/* /Components/Schools/Pages/TeacherAssignmentsAdministration.razor.rz.scp.css */
.teacher-assignments-page[b-3g0g3yvrdh] {
    min-width: 0;
    direction: rtl;
}

.assignments-heading[b-3g0g3yvrdh],
.list-heading[b-3g0g3yvrdh],
.section-heading[b-3g0g3yvrdh],
.assignment-card header[b-3g0g3yvrdh],
.dialog-actions[b-3g0g3yvrdh] {
    display: flex;
    align-items: center;
}

.assignments-heading[b-3g0g3yvrdh] {
    justify-content: space-between;
    gap: 1.25rem;
    margin-bottom: 1rem;
}

.assignments-heading h1[b-3g0g3yvrdh],
.section-heading h2[b-3g0g3yvrdh],
.list-heading h2[b-3g0g3yvrdh],
.assignment-card h3[b-3g0g3yvrdh],
.assignments-empty h3[b-3g0g3yvrdh],
.assignment-dialog h2[b-3g0g3yvrdh] {
    color: var(--ds-text-primary);
    font-weight: 700;
}

.assignments-heading h1[b-3g0g3yvrdh] {
    margin: 0.2rem 0;
    font-size: clamp(1.65rem, 3vw, 2.2rem);
}

.assignments-heading p[b-3g0g3yvrdh],
.section-heading p[b-3g0g3yvrdh],
.assignments-empty p[b-3g0g3yvrdh],
.assignment-dialog p[b-3g0g3yvrdh] {
    margin: 0;
    color: var(--ds-text-secondary);
    line-height: 1.75;
}

.assignments-eyebrow[b-3g0g3yvrdh] {
    color: var(--ds-primary);
    font-size: 0.76rem;
    font-weight: 700;
}

.current-year-chip[b-3g0g3yvrdh] {
    min-width: 13rem;
    padding: 0.75rem 1rem;
    background: var(--ds-surface);
    border: 1px solid var(--ds-border);
    border-radius: 0.9rem;
    box-shadow: 0 8px 24px var(--ds-shadow-color-soft);
}

.current-year-chip span[b-3g0g3yvrdh],
.current-year-chip strong[b-3g0g3yvrdh] {
    display: block;
}

.current-year-chip span[b-3g0g3yvrdh] {
    color: var(--ds-text-secondary);
    font-size: 0.72rem;
}

.current-year-chip strong[b-3g0g3yvrdh] {
    margin-top: 0.15rem;
    color: var(--ds-text-primary);
}

.assignments-workspace[b-3g0g3yvrdh] {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(17rem, 0.78fr) minmax(0, 1.45fr);
    gap: 1rem;
    align-items: start;
}

.assignment-form-card[b-3g0g3yvrdh],
.assignments-list-card[b-3g0g3yvrdh] {
    min-width: 0;
    padding: 1.15rem;
    background: var(--ds-surface);
    border: 1px solid var(--ds-border);
    border-radius: 1rem;
    box-shadow: 0 8px 28px var(--ds-shadow-color-soft);
}

.section-heading[b-3g0g3yvrdh] {
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.section-heading h2[b-3g0g3yvrdh],
.list-heading h2[b-3g0g3yvrdh] {
    margin: 0.12rem 0;
    font-size: 1.15rem;
}

.section-heading p[b-3g0g3yvrdh] {
    font-size: 0.78rem;
}

.section-icon[b-3g0g3yvrdh],
.assignment-avatar[b-3g0g3yvrdh],
.dialog-icon[b-3g0g3yvrdh] {
    display: grid;
    flex: 0 0 auto;
    color: var(--ds-primary);
    background: var(--ds-primary-soft);
    place-items: center;
}

.section-icon[b-3g0g3yvrdh] {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 0.8rem;
}

.assignment-form[b-3g0g3yvrdh] {
    display: grid;
    gap: 0.9rem;
}

.assignment-form > div[b-3g0g3yvrdh],
.assignment-form .form-select[b-3g0g3yvrdh] {
    min-width: 0;
}

.assignment-form .form-select[b-3g0g3yvrdh] {
    width: 100%;
}

.assignment-form .validation-message[b-3g0g3yvrdh] {
    display: block;
    margin-top: 0.25rem;
    color: var(--ds-danger-strong);
    font-size: 0.74rem;
}

.form-help[b-3g0g3yvrdh] {
    margin: 0;
    color: var(--ds-text-secondary);
    font-size: 0.75rem;
    line-height: 1.7;
}

.assignment-submit[b-3g0g3yvrdh] {
    width: 100%;
}

.assignment-warning[b-3g0g3yvrdh] {
    padding: 0.85rem;
    color: var(--ds-warning-strong);
    background: var(--ds-warning-soft);
    border: 1px solid var(--ds-warning);
    border-radius: 0.8rem;
    line-height: 1.7;
}

.list-heading[b-3g0g3yvrdh] {
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.assignments-count[b-3g0g3yvrdh] {
    padding: 0.35rem 0.7rem;
    color: var(--ds-primary);
    background: var(--ds-primary-soft);
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    white-space: nowrap;
}

.assignment-cards[b-3g0g3yvrdh] {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
}

.assignment-card[b-3g0g3yvrdh] {
    display: grid;
    min-width: 0;
    padding: 0.95rem;
    border: 1px solid var(--ds-border);
    border-radius: 0.9rem;
    gap: 0.85rem;
}

.assignment-card header[b-3g0g3yvrdh] {
    min-width: 0;
    gap: 0.65rem;
}

.assignment-avatar[b-3g0g3yvrdh] {
    width: 2.55rem;
    height: 2.55rem;
    border-radius: 50%;
    font-weight: 700;
}

.assignment-card header div[b-3g0g3yvrdh] {
    min-width: 0;
}

.assignment-card h3[b-3g0g3yvrdh] {
    margin: 0;
    overflow: hidden;
    font-size: 0.95rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.assignment-card header div > span[b-3g0g3yvrdh] {
    display: block;
    margin-top: 0.15rem;
    color: var(--ds-primary);
    font-size: 0.78rem;
    font-weight: 700;
}

.assignment-card dl[b-3g0g3yvrdh] {
    display: grid;
    margin: 0;
    padding: 0.7rem;
    background: var(--ds-surface-raised);
    border-radius: 0.7rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
}

.assignment-card dt[b-3g0g3yvrdh],
.assignment-card dd[b-3g0g3yvrdh] {
    margin: 0;
}

.assignment-card dt[b-3g0g3yvrdh] {
    color: var(--ds-text-secondary);
    font-size: 0.68rem;
}

.assignment-card dd[b-3g0g3yvrdh] {
    margin-top: 0.15rem;
    color: var(--ds-text-primary);
    font-size: 0.8rem;
    font-weight: 700;
}

.assignment-scope-warning[b-3g0g3yvrdh] {
    margin: 0;
    padding: 0.65rem 0.75rem;
    color: var(--ds-warning-strong);
    background: var(--ds-warning-soft);
    border: 1px solid var(--ds-warning);
    border-radius: 0.7rem;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.65;
}

.assignments-empty[b-3g0g3yvrdh] {
    padding: 2.25rem 1rem;
    color: var(--ds-text-secondary);
    background: var(--ds-surface-raised);
    border: 1px dashed var(--ds-border-strong);
    border-radius: 0.85rem;
    text-align: center;
}

.assignments-empty > span[b-3g0g3yvrdh] {
    display: grid;
    width: 3rem;
    height: 3rem;
    margin: 0 auto 0.7rem;
    color: var(--ds-primary);
    background: var(--ds-primary-soft);
    border-radius: 50%;
    place-items: center;
}

.assignments-empty h3[b-3g0g3yvrdh] {
    margin: 0 0 0.25rem;
    font-size: 1rem;
}

.dialog-backdrop[b-3g0g3yvrdh] {
    position: fixed;
    z-index: 1080;
    inset: 0;
    display: grid;
    padding: 1rem;
    background: var(--ds-overlay);
    place-items: center;
}

.assignment-dialog[b-3g0g3yvrdh] {
    position: static;
    width: min(31rem, 100%);
    max-width: 100%;
    margin: 0;
    padding: 1.4rem;
    background: var(--ds-surface);
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 24px 65px var(--ds-shadow-color);
}

.dialog-icon[b-3g0g3yvrdh] {
    width: 2.9rem;
    height: 2.9rem;
    margin-bottom: 0.8rem;
    border-radius: 0.85rem;
}

.assignment-dialog h2[b-3g0g3yvrdh] {
    margin: 0 0 0.4rem;
    font-size: 1.2rem;
}

.dialog-actions[b-3g0g3yvrdh] {
    margin-top: 1.15rem;
    flex-wrap: wrap;
    gap: 0.6rem;
}

@media (max-width: 1199.98px) {
    .assignments-workspace[b-3g0g3yvrdh] {
        grid-template-columns: minmax(16rem, 0.75fr) minmax(0, 1fr);
    }

    .assignment-cards[b-3g0g3yvrdh] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991.98px) {
    .assignments-workspace[b-3g0g3yvrdh] {
        grid-template-columns: 1fr;
    }

    .assignment-cards[b-3g0g3yvrdh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .assignments-heading[b-3g0g3yvrdh] {
        align-items: stretch;
        flex-direction: column;
    }

    .current-year-chip[b-3g0g3yvrdh] {
        min-width: 0;
        width: 100%;
    }

    .assignment-cards[b-3g0g3yvrdh] {
        grid-template-columns: 1fr;
    }

    .assignment-card dl[b-3g0g3yvrdh] {
        grid-template-columns: 1fr;
    }

    .assignment-form-card[b-3g0g3yvrdh],
    .assignments-list-card[b-3g0g3yvrdh] {
        padding: 1rem;
    }

    .dialog-actions[b-3g0g3yvrdh] {
        align-items: stretch;
        flex-direction: column;
    }

    .dialog-actions > *[b-3g0g3yvrdh] {
        width: 100%;
    }
}
/* /Components/Schools/Pages/TeacherAssignmentWorkspace.razor.rz.scp.css */
.workspace-heading[b-c14u4bugmi] {
    display: flex;
    margin-bottom: 1.5rem;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
}

.workspace-back[b-c14u4bugmi] {
    display: block;
    margin-bottom: 1rem;
    color: var(--ds-primary);
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none;
}

.workspace-back:hover[b-c14u4bugmi] {
    text-decoration: underline;
}

.workspace-eyebrow[b-c14u4bugmi] {
    color: var(--ds-primary);
    font-size: 0.78rem;
    font-weight: 700;
}

.workspace-heading h1[b-c14u4bugmi] {
    margin: 0.25rem 0;
    color: var(--ds-text-primary);
    font-size: clamp(1.65rem, 4vw, 2.25rem);
    font-weight: 700;
}

.workspace-heading p[b-c14u4bugmi] {
    margin: 0;
    color: var(--ds-text-secondary);
}

.students-count[b-c14u4bugmi] {
    padding: 0.5rem 0.85rem;
    color: var(--ds-primary);
    background: var(--ds-primary-soft);
    border: 1px solid var(--ds-primary);
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
    white-space: nowrap;
}

.workspace-options[b-c14u4bugmi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
    gap: 1rem;
}

.workspace-option[b-c14u4bugmi] {
    display: flex;
    min-width: 0;
    min-height: 9rem;
    padding: 1.2rem;
    color: var(--ds-text-primary);
    background: var(--ds-surface);
    border: 1px solid var(--ds-border);
    border-radius: 1rem;
    text-decoration: none;
    align-items: flex-start;
    gap: 0.9rem;
    box-shadow: 0 12px 30px var(--ds-shadow-color-soft);
    transition: border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.workspace-option:hover[b-c14u4bugmi] {
    color: var(--ds-text-primary);
    border-color: var(--ds-primary);
    transform: translateY(-2px);
    box-shadow: 0 16px 34px var(--ds-shadow-color-soft);
}

.workspace-option-icon[b-c14u4bugmi] {
    display: grid;
    width: 2.9rem;
    height: 2.9rem;
    flex: 0 0 auto;
    color: var(--ds-primary);
    background: var(--ds-primary-soft);
    border-radius: 0.85rem;
    place-items: center;
}

.workspace-option strong[b-c14u4bugmi],
.workspace-option small[b-c14u4bugmi] {
    display: block;
}

.workspace-option strong[b-c14u4bugmi] {
    margin-bottom: 0.35rem;
    font-size: 1.05rem;
}

.workspace-option small[b-c14u4bugmi] {
    color: var(--ds-text-secondary);
    line-height: 1.7;
}

.workspace-loading[b-c14u4bugmi] {
    padding: 2rem;
    color: var(--ds-text-secondary);
    background: var(--ds-surface);
    border: 1px dashed var(--ds-border-strong);
    border-radius: 1rem;
    text-align: center;
}

@media (max-width: 575.98px) {
    .workspace-heading[b-c14u4bugmi] {
        align-items: flex-start;
        flex-direction: column;
    }

    .workspace-option[b-c14u4bugmi] {
        min-height: auto;
    }
}
/* /Components/Schools/Pages/TeacherAttendance.razor.rz.scp.css */
.attendance-summary-grid[b-acyhmo45ap] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.attendance-summary-card[b-acyhmo45ap] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    color: var(--ds-text-primary);
    background: var(--ds-surface);
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-md);
    box-shadow: var(--ds-shadow-sm);
}

.attendance-summary-card.absent-card[b-acyhmo45ap],
.student-attendance-card.is-absent[b-acyhmo45ap] {
    background-color: var(--ds-danger-soft);
    border-color: var(--ds-danger-border);
}

.attendance-summary-card.late-card[b-acyhmo45ap],
.student-attendance-card.is-late[b-acyhmo45ap] {
    background-color: var(--ds-warning-soft);
    border-color: var(--ds-warning-border);
}

.summary-card-icon[b-acyhmo45ap] {
    display: flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    border-radius: var(--ds-radius-sm);
    font-size: 1.25rem;
}

.absent-card .summary-card-icon[b-acyhmo45ap],
.status-badge.status-absent[b-acyhmo45ap] {
    color: var(--ds-danger-strong);
    background-color: var(--ds-danger-soft);
}

.late-card .summary-card-icon[b-acyhmo45ap],
.status-badge.status-late[b-acyhmo45ap] {
    color: var(--ds-warning-strong);
    background-color: var(--ds-warning-soft);
}

.summary-card-info h3[b-acyhmo45ap] {
    margin: 0;
    color: var(--ds-text-primary);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
}

.summary-card-info p[b-acyhmo45ap] {
    margin: 0;
    color: var(--ds-text-secondary);
    font-size: 0.875rem;
}

.student-attendance-card[b-acyhmo45ap] {
    margin-bottom: 0.75rem;
    padding: 1rem 1.25rem;
    color: var(--ds-text-primary);
    background: var(--ds-surface);
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-md);
    transition: background-color var(--ds-transition), border-color var(--ds-transition);
}

.status-badge[b-acyhmo45ap] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: var(--ds-radius-pill);
    font-size: 0.85rem;
    font-weight: 600;
}

.history-filter-card[b-acyhmo45ap] {
    margin-bottom: 1.5rem;
    padding: 1rem 1.25rem;
    color: var(--ds-text-primary);
    background: var(--ds-surface-raised);
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-md);
}

.teacher-section-heading[b-acyhmo45ap] {
    margin-bottom: 1.5rem;
}

.teacher-section-back[b-acyhmo45ap] {
    display: block;
    margin-bottom: 1rem;
    color: var(--ds-primary);
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none;
}

.teacher-section-back:hover[b-acyhmo45ap] {
    text-decoration: underline;
}

.teacher-section-eyebrow[b-acyhmo45ap],
.attendance-date-card span[b-acyhmo45ap],
.attendance-editor-copy > span[b-acyhmo45ap],
.attendance-title-row span[b-acyhmo45ap] {
    color: var(--ds-primary);
    font-size: 0.78rem;
    font-weight: 700;
}

.teacher-section-heading h1[b-acyhmo45ap] {
    margin: 0.25rem 0;
    color: var(--ds-text-primary);
    font-size: clamp(1.65rem, 4vw, 2.25rem);
    font-weight: 700;
}

.teacher-section-heading p[b-acyhmo45ap] {
    margin: 0;
    color: var(--ds-text-secondary);
}

.attendance-date-card[b-acyhmo45ap],
.attendance-editor[b-acyhmo45ap],
.attendance-roster[b-acyhmo45ap] {
    margin-bottom: 1.5rem;
    padding: 1.25rem;
    background: var(--ds-surface);
    border: 1px solid var(--ds-border);
    border-radius: 1rem;
    box-shadow: 0 12px 30px var(--ds-shadow-color-soft);
}

.attendance-date-card[b-acyhmo45ap] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
}

.attendance-date-card h2[b-acyhmo45ap],
.attendance-editor h2[b-acyhmo45ap],
.attendance-title-row h2[b-acyhmo45ap] {
    margin: 0.2rem 0 0;
    color: var(--ds-text-primary);
    font-size: 1.18rem;
    font-weight: 700;
}

.attendance-date-form[b-acyhmo45ap] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.attendance-date-form .form-control[b-acyhmo45ap] {
    min-width: 12rem;
}

.attendance-editor[b-acyhmo45ap] {
    display: grid;
    grid-template-columns: minmax(12rem, 0.7fr) minmax(0, 1.5fr);
    gap: 1.5rem;
}

.attendance-editor-copy p[b-acyhmo45ap] {
    margin: 0.5rem 0 0;
    color: var(--ds-text-secondary);
    font-size: 0.88rem;
}

.attendance-form-grid[b-acyhmo45ap] {
    display: grid;
    margin-bottom: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.attendance-notes-field[b-acyhmo45ap] {
    grid-column: 1 / -1;
}

.attendance-title-row[b-acyhmo45ap] {
    display: flex;
    margin-bottom: 1rem;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
}

.attendance-title-row small[b-acyhmo45ap] {
    color: var(--ds-text-secondary);
}

.attendance-table-scroll[b-acyhmo45ap] {
    overflow-x: auto;
    overscroll-behavior-inline: contain;
}

.attendance-table[b-acyhmo45ap] {
    width: 100%;
    min-width: 64rem;
    border-collapse: collapse;
}

.attendance-table th[b-acyhmo45ap],
.attendance-table td[b-acyhmo45ap] {
    padding: 0.85rem 1rem;
    border-bottom: 1px solid var(--ds-border);
    color: var(--ds-text-primary);
    font-size: 0.86rem;
    text-align: start;
    vertical-align: top;
}

.attendance-table thead th[b-acyhmo45ap] {
    color: var(--ds-text-primary);
    background: var(--ds-primary-soft);
    font-size: 0.78rem;
}

.attendance-table tbody th[b-acyhmo45ap] {
    color: var(--ds-text-primary);
    font-weight: 700;
}

.attendance-notes[b-acyhmo45ap] {
    min-width: 14rem;
    white-space: pre-wrap;
}

.attendance-status[b-acyhmo45ap] {
    display: inline-block;
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    font-size: 0.76rem;
    font-weight: 700;
}

.attendance-status.is-absent[b-acyhmo45ap] {
    color: var(--ds-danger-strong);
    background: var(--ds-danger-soft);
}

.attendance-status.is-late[b-acyhmo45ap] {
    color: var(--ds-warning-strong);
    background: var(--ds-warning-soft);
}

.attendance-status.is-unrecorded[b-acyhmo45ap] {
    color: var(--ds-text-secondary);
    background: var(--ds-surface-raised);
}

.attendance-student-empty[b-acyhmo45ap] {
    background: var(--ds-surface-raised);
}

.teacher-section-empty[b-acyhmo45ap],
.teacher-section-loading[b-acyhmo45ap] {
    display: grid;
    min-height: 10rem;
    padding: 1.5rem;
    color: var(--ds-text-secondary);
    background: var(--ds-surface);
    border: 1px dashed var(--ds-border-strong);
    border-radius: 1rem;
    text-align: center;
    place-items: center;
}

@media (max-width: 767.98px) {
    .attendance-editor[b-acyhmo45ap] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .attendance-date-card[b-acyhmo45ap],
    .attendance-date-form[b-acyhmo45ap],
    .attendance-title-row[b-acyhmo45ap] {
        align-items: stretch;
        flex-direction: column;
    }

    .attendance-date-form .form-control[b-acyhmo45ap] {
        width: 100%;
        min-width: 0;
    }

    .attendance-editor[b-acyhmo45ap],
    .attendance-roster[b-acyhmo45ap],
    .attendance-date-card[b-acyhmo45ap] {
        padding: 1rem;
    }

    .attendance-form-grid[b-acyhmo45ap] {
        grid-template-columns: 1fr;
    }
}
.attendance-dialog-fields[b-acyhmo45ap] {
    display: grid;
    gap: 1rem;
}

.attendance-dialog-actions[b-acyhmo45ap] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.attendance-dialog-actions .btn[b-acyhmo45ap] {
    min-width: 7rem;
}

@media (max-width: 575.98px) {
    .attendance-dialog-actions .btn[b-acyhmo45ap] {
        flex: 1 1 8rem;
    }
}
/* /Components/Schools/Pages/TeacherDashboard.razor.rz.scp.css */
.teacher-page-heading[b-io57t98xa8] {
    display: flex;
    margin-bottom: 1.5rem;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
}

.teacher-page-heading h1[b-io57t98xa8] {
    margin: 0.25rem 0;
    color: var(--ds-text-primary);
    font-size: clamp(1.25rem, 2.5vw, 1.65rem);
    font-weight: 700;
}

.teacher-page-heading p[b-io57t98xa8] {
    margin: 0;
    color: var(--ds-text-secondary);
}

.assignment-grid[b-io57t98xa8] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

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

.assignment-card[b-io57t98xa8] {
    display: grid;
    min-width: 0;
    color: var(--ds-text-primary);
    background: var(--ds-surface);
    border: 1px solid var(--ds-border);
    border-radius: 1rem;
    box-shadow: 0 12px 30px var(--ds-shadow-color-soft);
    align-content: start;
}

.assignment-card-header[b-io57t98xa8] {
    display: grid;
    padding: 1.1rem 1.1rem 0.85rem;
    align-items: center;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.9rem;
}

.assignment-card:focus-within[b-io57t98xa8] {
    border-color: var(--ds-primary);
    box-shadow: 0 0 0 3px var(--ds-primary-soft);
}

.assignment-card-icon[b-io57t98xa8],
.teacher-empty-icon[b-io57t98xa8] {
    display: grid;
    width: 2.9rem;
    height: 2.9rem;
    color: var(--ds-primary);
    background: var(--ds-primary-soft);
    border-radius: 0.85rem;
    place-items: center;
}

.assignment-card-copy[b-io57t98xa8] {
    display: grid;
    min-width: 0;
    gap: 0.2rem;
}

.assignment-card-copy small[b-io57t98xa8] {
    color: var(--ds-text-secondary);
    font-size: 0.73rem;
}

.assignment-card-copy strong[b-io57t98xa8] {
    margin-bottom: 0.2rem;
    font-size: 1.1rem;
    overflow-wrap: anywhere;
}

.assignment-card-copy .assignment-grade[b-io57t98xa8] {
    color: var(--ds-text-primary);
    font-size: 0.88rem;
}

.assignment-classrooms[b-io57t98xa8] {
    display: grid;
    padding: 0 1.1rem 1.1rem;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 9rem), 1fr));
    gap: 0.65rem;
}

.assignment-classroom-card[b-io57t98xa8] {
    display: flex;
    min-width: 0;
    padding: 0.8rem 0.9rem;
    align-items: center;
    justify-content: space-between;
    color: var(--ds-text-primary);
    background: var(--ds-surface-raised);
    border: 1px solid var(--ds-border);
    border-radius: 0.75rem;
    text-decoration: none;
    gap: 0.75rem;
    cursor: pointer;
    transition: border-color 160ms ease, background-color 160ms ease,
        color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.assignment-classroom-card:hover[b-io57t98xa8],
.assignment-classroom-card:focus-visible[b-io57t98xa8] {
    color: var(--ds-primary);
    background: var(--ds-primary-soft);
    border-color: var(--ds-primary);
    transform: translateY(-1px);
    box-shadow: 0 8px 18px var(--ds-shadow-color-soft);
    outline: none;
}

.assignment-classroom-card span:first-child[b-io57t98xa8] {
    display: grid;
    min-width: 0;
    gap: 0.15rem;
}

.assignment-classroom-card small[b-io57t98xa8] {
    color: var(--ds-text-secondary);
}

.teacher-empty[b-io57t98xa8] {
    display: grid;
    min-height: 15rem;
    padding: 2rem;
    color: var(--ds-text-secondary);
    background: var(--ds-surface);
    border: 1px dashed var(--ds-border-strong);
    border-radius: 1rem;
    text-align: center;
    place-items: center;
    align-content: center;
    gap: 0.65rem;
}

.teacher-empty h2[b-io57t98xa8],
.teacher-empty p[b-io57t98xa8] {
    margin: 0;
}

.teacher-empty h2[b-io57t98xa8] {
    color: var(--ds-text-primary);
    font-size: 1.15rem;
}

@media (max-width: 575.98px) {
    .teacher-page-heading[b-io57t98xa8] {
        align-items: flex-start;
        flex-direction: column;
    }

    .assignment-card[b-io57t98xa8] {
        border-radius: 0.9rem;
    }

    .assignment-card-header[b-io57t98xa8] {
        padding: 1rem 1rem 0.75rem;
    }

    .assignment-classrooms[b-io57t98xa8] {
        padding: 0 1rem 1rem;
    }

    .assignment-grid[b-io57t98xa8] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 359.98px) {
    .assignment-classrooms[b-io57t98xa8] {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .assignment-classroom-card[b-io57t98xa8] {
        transition: none;
    }
}
/* /Components/Schools/Pages/TeacherEvaluations.razor.rz.scp.css */
.teacher-section-heading[b-bimhk5h2l8] {
    margin-bottom: 1.5rem;
}

.teacher-section-back[b-bimhk5h2l8] {
    display: block;
    margin-bottom: 1rem;
    color: var(--ds-primary);
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none;
}

.teacher-section-back:hover[b-bimhk5h2l8] {
    text-decoration: underline;
}

.teacher-section-eyebrow[b-bimhk5h2l8],
.evaluation-editor-copy span[b-bimhk5h2l8],
.evaluations-title-row span[b-bimhk5h2l8] {
    color: var(--ds-primary);
    font-size: 0.78rem;
    font-weight: 700;
}

.teacher-section-heading h1[b-bimhk5h2l8] {
    margin: 0.25rem 0;
    color: var(--ds-text-primary);
    font-size: clamp(1.65rem, 4vw, 2.25rem);
    font-weight: 700;
}

.teacher-section-heading p[b-bimhk5h2l8] {
    margin: 0;
    color: var(--ds-text-secondary);
}

.evaluation-editor[b-bimhk5h2l8],
.evaluations-list[b-bimhk5h2l8] {
    margin-bottom: 1.5rem;
    padding: 1.25rem;
    background: var(--ds-surface);
    border: 1px solid var(--ds-border);
    border-radius: 1rem;
    box-shadow: 0 12px 30px var(--ds-shadow-color-soft);
}

.evaluation-editor[b-bimhk5h2l8] {
    display: grid;
    grid-template-columns: minmax(12rem, 0.7fr) minmax(0, 1.5fr);
    gap: 1.5rem;
}


.evaluation-editor h2[b-bimhk5h2l8],
.evaluations-title-row h2[b-bimhk5h2l8] {
    margin: 0.2rem 0 0.35rem;
    color: var(--ds-text-primary);
    font-size: 1.18rem;
    font-weight: 700;
}

.evaluation-editor-copy p[b-bimhk5h2l8] {
    margin: 0;
    color: var(--ds-text-secondary);
    font-size: 0.88rem;
}

.evaluation-form-grid[b-bimhk5h2l8] {
    display: grid;
    margin-bottom: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.evaluation-text-field[b-bimhk5h2l8] {
    grid-column: 1 / -1;
}

.evaluation-type-field[b-bimhk5h2l8] {
    grid-column: 1 / -1;
}

.evaluation-actions[b-bimhk5h2l8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.evaluations-title-row[b-bimhk5h2l8] {
    display: flex;
    margin-bottom: 1rem;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
}

.evaluations-title-row small[b-bimhk5h2l8] {
    color: var(--ds-text-secondary);
}

.evaluation-cards[b-bimhk5h2l8] {
    display: grid;
    gap: 0.9rem;
}

.evaluation-card[b-bimhk5h2l8] {
    padding: 1rem;
    border: 1px solid var(--ds-border);
    border-radius: 0.85rem;
}

.evaluation-card header[b-bimhk5h2l8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.evaluation-card header strong[b-bimhk5h2l8],
.evaluation-card header small[b-bimhk5h2l8] {
    display: block;
}

.evaluation-card header strong[b-bimhk5h2l8] {
    color: var(--ds-text-primary);
    font-weight: 700;
}

.evaluation-card header small[b-bimhk5h2l8] {
    margin-top: 0.2rem;
    color: var(--ds-text-secondary);
}

.evaluation-card p[b-bimhk5h2l8] {
    margin: 1rem 0;
    color: var(--ds-text-primary);
    line-height: 1.85;
    white-space: pre-wrap;
}

.evaluation-card footer[b-bimhk5h2l8] {
    display: flex;
    flex-wrap: wrap;
    padding-top: 0.75rem;
    color: var(--ds-text-secondary);
    border-top: 1px solid var(--ds-border);
    font-size: 0.76rem;
    gap: 0.5rem 1.25rem;
}

.evaluation-empty[b-bimhk5h2l8],
.teacher-section-empty[b-bimhk5h2l8],
.teacher-section-loading[b-bimhk5h2l8] {
    display: grid;
    min-height: 9rem;
    padding: 1.5rem;
    color: var(--ds-text-secondary);
    border: 1px dashed var(--ds-border-strong);
    border-radius: 1rem;
    text-align: center;
    place-items: center;
}

.teacher-section-empty[b-bimhk5h2l8],
.teacher-section-loading[b-bimhk5h2l8] {
    background: var(--ds-surface);
}

@media (max-width: 767.98px) {
    .evaluation-editor[b-bimhk5h2l8] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .evaluation-editor[b-bimhk5h2l8],
    .evaluations-list[b-bimhk5h2l8] {
        padding: 1rem;
    }

    .evaluation-form-grid[b-bimhk5h2l8] {
        grid-template-columns: 1fr;
    }

    .evaluations-title-row[b-bimhk5h2l8] {
        align-items: flex-start;
        flex-direction: column;
    }

    .evaluation-card header[b-bimhk5h2l8] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Schools/Pages/TeacherNotes.razor.rz.scp.css */
.teacher-section-heading[b-5mgz1xl8fr] {
    margin-bottom: 1.5rem;
}

.teacher-note-dialog-header span[b-5mgz1xl8fr] {
    color: var(--ds-primary);
    font-size: 0.78rem;
    font-weight: 700;
}

.teacher-section-heading h1[b-5mgz1xl8fr] {
    margin: 0.25rem 0;
    color: var(--ds-text-primary);
    font-size: clamp(1.65rem, 4vw, 2.25rem);
    font-weight: 700;
}

.notes-list[b-5mgz1xl8fr] {
    margin-bottom: 1.5rem;
    padding: 1.25rem;
    background: var(--ds-surface);
    border: 1px solid var(--ds-border);
    border-radius: 1rem;
    box-shadow: 0 12px 30px var(--ds-shadow-color-soft);
}

.notes-title-row[b-5mgz1xl8fr] {
    display: flex;
    margin-bottom: 1rem;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
}

.notes-toolbar-actions[b-5mgz1xl8fr] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.teacher-note-toast[b-5mgz1xl8fr] {
    position: fixed;
    z-index: 1100;
    top: 1rem;
    left: 50%;
    display: flex;
    width: min(30rem, calc(100vw - 2rem));
    padding: 0.85rem 1rem;
    color: var(--ds-text-primary);
    background: var(--ds-surface);
    border: 1px solid var(--bs-success);
    border-radius: 0.85rem;
    box-shadow: 0 18px 45px color-mix(in srgb, var(--ds-shadow-base) 32%, transparent);
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    transform: translateX(-50%);
}

.teacher-note-toast-icon[b-5mgz1xl8fr] {
    color: var(--bs-success);
    font-size: 1.1rem;
    font-weight: 800;
    flex: 0 0 auto;
}

.notes-title-row h2[b-5mgz1xl8fr],
.teacher-note-dialog h2[b-5mgz1xl8fr] {
    margin: 0.2rem 0 0;
    color: var(--ds-text-primary);
    font-size: 1.18rem;
    font-weight: 700;
}

.teacher-notes-table-wrap[b-5mgz1xl8fr] {
    overflow-x: auto;
}

.teacher-notes-table[b-5mgz1xl8fr] {
    width: 100%;
    border-collapse: collapse;
}

.teacher-notes-table th[b-5mgz1xl8fr],
.teacher-notes-table td[b-5mgz1xl8fr] {
    padding: 0.85rem;
    border-bottom: 1px solid var(--ds-border);
    text-align: start;
    vertical-align: middle;
}

.teacher-notes-table th[b-5mgz1xl8fr] {
    color: var(--ds-text-secondary);
    font-size: 0.78rem;
    font-weight: 700;
    white-space: nowrap;
}

.teacher-notes-table td[b-5mgz1xl8fr] {
    color: var(--ds-text-primary);
}

.teacher-notes-table .note-text[b-5mgz1xl8fr] {
    min-width: 16rem;
    line-height: 1.75;
    white-space: pre-wrap;
}

.note-actions[b-5mgz1xl8fr],
.teacher-note-dialog-actions[b-5mgz1xl8fr] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.note-empty[b-5mgz1xl8fr],
.teacher-section-loading[b-5mgz1xl8fr] {
    display: grid;
    min-height: 9rem;
    padding: 1.5rem;
    color: var(--ds-text-secondary);
    border: 1px dashed var(--ds-border-strong);
    border-radius: 1rem;
    text-align: center;
    place-items: center;
}

.teacher-section-loading[b-5mgz1xl8fr] {
    background: var(--ds-surface);
}

.teacher-note-dialog-backdrop[b-5mgz1xl8fr] {
    position: fixed;
    z-index: 1050;
    inset: 0;
    display: grid;
    padding: 1rem;
    background: color-mix(in srgb, var(--ds-background) 72%, transparent);
    place-items: center;
}

.teacher-note-dialog[b-5mgz1xl8fr] {
    position: relative;
    width: min(34rem, calc(100vw - 2rem));
    max-height: calc(100vh - 2rem);
    margin: 0;
    padding: 1.25rem;
    overflow-y: auto;
    color: var(--ds-text-primary);
    background: var(--ds-surface);
    border: 1px solid var(--ds-border-strong);
    border-radius: 1rem;
    box-shadow: 0 24px 70px color-mix(in srgb, var(--ds-shadow-base) 38%, transparent);
}

.teacher-note-dialog-header[b-5mgz1xl8fr] {
    display: flex;
    margin-bottom: 1.1rem;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.teacher-note-dialog-close[b-5mgz1xl8fr] {
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    color: var(--ds-text-secondary);
    background: var(--ds-surface-raised);
    border: 1px solid var(--ds-border);
    border-radius: 50%;
    font-size: 1.35rem;
    line-height: 1;
    text-decoration: none;
    place-items: center;
}

.teacher-note-dialog-close:hover[b-5mgz1xl8fr] {
    color: var(--ds-text-primary);
    border-color: var(--ds-primary);
}

.note-form-grid[b-5mgz1xl8fr] {
    display: grid;
    margin-bottom: 1.1rem;
    gap: 1rem;
}

.note-guardian-option[b-5mgz1xl8fr] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.teacher-note-delete-dialog p[b-5mgz1xl8fr] {
    margin: 1rem 0 1.25rem;
    color: var(--ds-text-secondary);
    line-height: 1.7;
}

@media (max-width: 767.98px) {
    .teacher-notes-table thead[b-5mgz1xl8fr] {
        display: none;
    }

    .teacher-notes-table[b-5mgz1xl8fr],
    .teacher-notes-table tbody[b-5mgz1xl8fr],
    .teacher-notes-table tr[b-5mgz1xl8fr],
    .teacher-notes-table td[b-5mgz1xl8fr] {
        display: block;
        width: 100%;
    }

    .teacher-notes-table tr[b-5mgz1xl8fr] {
        margin-bottom: 0.9rem;
        padding: 0.85rem;
        border: 1px solid var(--ds-border);
        border-radius: 0.8rem;
    }

    .teacher-notes-table td[b-5mgz1xl8fr] {
        display: grid;
        grid-template-columns: minmax(7rem, 0.42fr) minmax(0, 1fr);
        padding: 0.55rem 0;
        border: 0;
        gap: 0.75rem;
    }

    .teacher-notes-table td[b-5mgz1xl8fr]::before {
        color: var(--ds-text-secondary);
        content: attr(data-label);
        font-size: 0.76rem;
        font-weight: 700;
    }

    .teacher-notes-table .note-text[b-5mgz1xl8fr] {
        min-width: 0;
    }
}

@media (max-width: 575.98px) {
    .notes-list[b-5mgz1xl8fr],
    .teacher-note-dialog[b-5mgz1xl8fr] {
        padding: 1rem;
    }

    .notes-title-row[b-5mgz1xl8fr] {
        align-items: stretch;
        flex-direction: column;
    }

    .notes-toolbar-actions[b-5mgz1xl8fr] {
        width: 100%;
    }

    .notes-toolbar-actions .btn[b-5mgz1xl8fr] {
        min-width: 7rem;
        flex: 1 1 auto;
    }

    .teacher-notes-table td[b-5mgz1xl8fr] {
        grid-template-columns: 1fr;
        gap: 0.25rem;
    }
}
/* /Components/Schools/Pages/TeacherStudents.razor.rz.scp.css */
.students-heading[b-8840b0plwg] {
    display: flex;
    margin-bottom: 1.5rem;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
}

.students-heading h1[b-8840b0plwg] {
    margin: 0.25rem 0;
    color: var(--ds-text-primary);
    font-size: clamp(1.65rem, 4vw, 2.25rem);
    font-weight: 700;
}

.students-heading .students-academic-context[b-8840b0plwg] {
    margin: 0.25rem 0 0;
    color: var(--ds-primary);
    font-size: clamp(1.15rem, 3vw, 1.6rem);
    font-weight: 750;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.students-home-link[b-8840b0plwg] {
    display: inline-flex;
    margin-top: 0.75rem;
    padding: 0.48rem 0.75rem;
    color: var(--ds-text-primary);
    background: var(--ds-surface);
    border: 1px solid var(--ds-border);
    border-radius: 0.65rem;
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none;
}

.students-home-link:hover[b-8840b0plwg],
.students-home-link:focus-visible[b-8840b0plwg] {
    color: var(--ds-primary);
    background: var(--ds-primary-soft);
    border-color: var(--ds-primary);
    outline: none;
}

.students-count[b-8840b0plwg] {
    padding: 0.5rem 0.85rem;
    color: var(--ds-primary);
    background: var(--ds-primary-soft);
    border: 1px solid var(--ds-primary);
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
    white-space: nowrap;
}

.student-table-wrap[b-8840b0plwg] {
    overflow: hidden;
    background: var(--ds-surface);
    border: 1px solid var(--ds-border);
    border-radius: 1rem;
    box-shadow: 0 12px 30px var(--ds-shadow-color-soft);
}

.student-table[b-8840b0plwg] {
    width: 100%;
    border-collapse: collapse;
}

.student-table th[b-8840b0plwg],
.student-table td[b-8840b0plwg] {
    padding: 0.9rem 1rem;
    color: var(--ds-text-primary);
    border-bottom: 1px solid var(--ds-border);
    text-align: start;
    vertical-align: middle;
}

.student-table th[b-8840b0plwg] {
    background: var(--ds-primary-soft);
    color: var(--ds-text-secondary);
    font-size: 0.76rem;
    font-weight: 700;
}

.student-table tbody tr:last-child td[b-8840b0plwg] {
    border-bottom: 0;
}

.student-actions[b-8840b0plwg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.student-actions a[b-8840b0plwg] {
    display: inline-flex;
    min-height: 2.25rem;
    padding: 0.48rem 0.75rem;
    color: var(--ds-text-on-accent);
    background: var(--ds-primary-soft);
    border: 1px solid var(--ds-primary);
    border-radius: 0.55rem;
    box-shadow: 0 3px 10px var(--ds-shadow-color-soft);
    font-size: 0.78rem;
    font-weight: 700;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    transition: background-color 160ms ease, color 160ms ease,
        box-shadow 160ms ease, transform 160ms ease;
}

.student-actions a:hover[b-8840b0plwg],
.student-actions a:focus-visible[b-8840b0plwg] {
    color: var(--ds-text-on-accent);
    background: var(--ds-primary-solid);
    border-color: var(--ds-primary);
    box-shadow: 0 6px 16px var(--ds-shadow-color-soft);
    transform: translateY(-1px);
    outline: none;
}

@media (prefers-reduced-motion: reduce) {
    .student-actions a[b-8840b0plwg] {
        transition: none;
    }
}

.students-empty[b-8840b0plwg],
.students-loading[b-8840b0plwg] {
    display: grid;
    min-height: 13rem;
    padding: 2rem;
    color: var(--ds-text-secondary);
    background: var(--ds-surface);
    border: 1px dashed var(--ds-border-strong);
    border-radius: 1rem;
    text-align: center;
    place-items: center;
    align-content: center;
    gap: 0.6rem;
}

.students-empty > span[b-8840b0plwg] {
    display: grid;
    width: 3rem;
    height: 3rem;
    color: var(--ds-primary);
    background: var(--ds-primary-soft);
    border-radius: 0.85rem;
    place-items: center;
}

.students-empty h2[b-8840b0plwg],
.students-empty p[b-8840b0plwg] {
    margin: 0;
}

.students-empty h2[b-8840b0plwg] {
    color: var(--ds-text-primary);
    font-size: 1.15rem;
}

@media (max-width: 575.98px) {
    .students-heading[b-8840b0plwg] {
        align-items: flex-start;
        flex-direction: column;
    }

    .student-table thead[b-8840b0plwg] {
        display: none;
    }

    .student-table[b-8840b0plwg],
    .student-table tbody[b-8840b0plwg],
    .student-table tr[b-8840b0plwg],
    .student-table td[b-8840b0plwg] {
        display: block;
        width: 100%;
    }

    .student-table tr[b-8840b0plwg] {
        padding: 0.65rem 0;
    }

    .student-table tr + tr[b-8840b0plwg] {
        border-top: 1px solid var(--ds-border);
    }

    .student-table td[b-8840b0plwg] {
        display: grid;
        padding: 0.38rem 0.9rem;
        border: 0;
        grid-template-columns: minmax(6.5rem, 0.8fr) minmax(0, 1.2fr);
        gap: 0.75rem;
    }

    .student-table td[b-8840b0plwg]::before {
        content: attr(data-label);
        color: var(--ds-text-secondary);
        font-size: 0.72rem;
        font-weight: 700;
    }

    .student-actions[b-8840b0plwg] {
        min-width: 0;
    }
}
/* /Components/Schools/Pages/TransferredStudentPreviousGrades.razor.rz.scp.css */
.grades-heading[b-lqhy2bi2bt] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.grades-heading h1[b-lqhy2bi2bt] {
    margin: .25rem 0 .45rem;
    color: var(--ds-text-primary);
    font-size: clamp(1.75rem, 3vw, 2.35rem);
    font-weight: 700;
}

.grades-heading p[b-lqhy2bi2bt],
.section-heading p[b-lqhy2bi2bt] {
    margin: 0;
    color: var(--ds-text-secondary);
}

.grades-eyebrow[b-lqhy2bi2bt] {
    color: var(--ds-primary);
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .03em;
}

.student-context[b-lqhy2bi2bt] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    margin-bottom: 1.25rem;
}

.student-context div[b-lqhy2bi2bt] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    padding: 1rem;
    border: 1px solid var(--ds-border);
    border-radius: .85rem;
    background: var(--ds-surface-raised);
}

.student-context span[b-lqhy2bi2bt] {
    color: var(--ds-text-secondary);
    font-size: .8rem;
}

.student-context strong[b-lqhy2bi2bt] {
    color: var(--ds-text-primary);
}

.grades-card[b-lqhy2bi2bt] {
    padding: 1.5rem;
    border: 1px solid var(--ds-border);
    border-radius: 1rem;
    background: var(--ds-surface);
    box-shadow: 0 10px 28px var(--ds-shadow-color-soft);
}

.section-heading[b-lqhy2bi2bt] {
    margin-bottom: 1.25rem;
}

.section-heading h2[b-lqhy2bi2bt] {
    margin: 0 0 .3rem;
    color: var(--ds-text-primary);
    font-size: 1.2rem;
    font-weight: 700;
}

.source-field[b-lqhy2bi2bt] {
    max-width: 46rem;
    margin-bottom: 1.25rem;
}

.grades-table-wrapper[b-lqhy2bi2bt] {
    overflow-x: auto;
    border: 1px solid var(--ds-border);
    border-radius: .8rem;
}

.grades-matrix[b-lqhy2bi2bt] {
    width: 100%;
    min-width: 56rem;
    border-collapse: collapse;
}

.grades-matrix th[b-lqhy2bi2bt],
.grades-matrix td[b-lqhy2bi2bt] {
    padding: .75rem;
    border: 1px solid var(--ds-border);
    text-align: center;
    vertical-align: middle;
}

.grades-matrix thead th[b-lqhy2bi2bt] {
    background: var(--ds-surface-raised);
    color: var(--ds-text-primary);
    font-size: .85rem;
    font-weight: 700;
}

.grades-matrix tbody th[b-lqhy2bi2bt] {
    min-width: 10rem;
    background: var(--ds-surface-raised);
    color: var(--ds-text-primary);
    text-align: right;
}

.score-input[b-lqhy2bi2bt] {
    min-width: 6.5rem;
    direction: ltr;
    text-align: center;
}

.notes-cell[b-lqhy2bi2bt] {
    min-width: 14rem;
}

.form-actions[b-lqhy2bi2bt] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.5rem;
}

@media (max-width: 991.98px) {
    .student-context[b-lqhy2bi2bt] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .grades-heading[b-lqhy2bi2bt] {
        flex-direction: column;
    }

    .grades-heading > .btn[b-lqhy2bi2bt],
    .form-actions .btn[b-lqhy2bi2bt] {
        width: 100%;
    }

    .student-context[b-lqhy2bi2bt] {
        grid-template-columns: 1fr;
    }

    .grades-card[b-lqhy2bi2bt] {
        padding: 1rem;
    }
}
/* /Components/Schools/SchoolReceiptLogPagination.razor.rz.scp.css */
.school-receipt-log-page-controls[b-ht2bugm68u] {
    display: grid;
    gap: .75rem;
    margin-top: 1rem;
}

.school-receipt-log-page-summary[b-ht2bugm68u],
.school-receipt-log-pagination[b-ht2bugm68u],
.school-receipt-log-paging-status[b-ht2bugm68u] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.school-receipt-log-page-summary[b-ht2bugm68u] {
    justify-content: flex-end;
}

.school-receipt-log-page-summary .form-select[b-ht2bugm68u] {
    width: auto;
    min-width: 4.5rem;
}

.school-receipt-log-pagination[b-ht2bugm68u] {
    flex-wrap: wrap;
    justify-content: center;
}

.school-receipt-log-pagination-ellipsis[b-ht2bugm68u] {
    padding-inline: .25rem;
    color: var(--ds-text-secondary);
}

.school-receipt-log-paging-status[b-ht2bugm68u] {
    justify-content: center;
    color: var(--ds-text-secondary);
    font-size: .9rem;
}
/* /Components/Schools/StudentAnnualGradesModal.razor.rz.scp.css */
.student-grades-modal-backdrop[b-6pjehyial8] {
    position: fixed;
    inset: 0;
    z-index: 2060;
    display: grid;
    place-items: center;
    padding: clamp(0.5rem, 2vw, 1.25rem);
    background: var(--ds-overlay);
    backdrop-filter: blur(3px);
}

.student-grades-modal[b-6pjehyial8] {
    width: min(76rem, 100%);
    max-height: min(92vh, 62rem);
    display: flex;
    flex-direction: column;
    color: var(--ds-text-primary);
    background: var(--ds-surface);
    border: 1px solid var(--ds-border);
    border-radius: 1rem;
    box-shadow: 0 1.5rem 4rem var(--ds-shadow-color);
    direction: rtl;
    overflow: hidden;
}

.student-grades-modal:focus-visible[b-6pjehyial8] {
    outline: 0.2rem solid var(--ds-primary);
    outline-offset: 0.15rem;
}

.student-grades-modal-header[b-6pjehyial8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    color: var(--ds-text-on-accent);
    background: linear-gradient(135deg, var(--ds-primary-solid), var(--ds-primary-gradient-end));
    border-bottom: 1px solid var(--ds-primary);
}

.student-grades-modal-header h2[b-6pjehyial8] {
    margin: 0.15rem 0 0;
    color: inherit;
    font-size: clamp(1rem, 2vw, 1.25rem);
}

.student-grades-modal-eyebrow[b-6pjehyial8] {
    display: block;
    color: var(--ds-text-on-accent);
    font-size: 0.72rem;
    opacity: 0.86;
}

.student-grades-modal-close[b-6pjehyial8] {
    flex: 0 0 auto;
    width: 2.35rem;
    height: 2.35rem;
    display: inline-grid;
    place-items: center;
    color: var(--ds-text-on-accent);
    background: var(--ds-control-on-accent-soft);
    border: 1px solid var(--ds-control-on-accent-border);
    border-radius: 50%;
    transition: background-color 0.15s ease, transform 0.15s ease;
}

.student-grades-modal-close:hover[b-6pjehyial8] {
    background: var(--ds-control-on-accent-hover);
    transform: translateY(-1px);
}

.student-grades-modal-close:focus-visible[b-6pjehyial8],
.student-grade-history summary:focus-visible[b-6pjehyial8] {
    outline: 0.2rem solid var(--ds-primary-hover);
    outline-offset: 0.15rem;
}

.student-grades-modal-body[b-6pjehyial8] {
    min-height: 12rem;
    padding: clamp(0.85rem, 2vw, 1.25rem);
    overflow-y: auto;
}

.student-grades-loading[b-6pjehyial8],
.student-grades-empty[b-6pjehyial8] {
    min-height: 10rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    margin: 0;
    color: var(--ds-text-secondary);
    text-align: center;
}

.student-grades-lock-note[b-6pjehyial8] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 1rem;
    padding: 0.8rem 0.9rem;
    color: var(--ds-warning-strong);
    background: var(--ds-warning-soft);
    border: 1px solid var(--ds-warning);
    border-radius: 0.75rem;
    font-size: 0.82rem;
}

.student-grade-groups[b-6pjehyial8] {
    display: grid;
    gap: 1.25rem;
}

.student-grade-group[b-6pjehyial8] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    background: var(--ds-surface-raised);
    border: 1px solid var(--ds-border-strong);
    border-radius: 0.9rem;
}

.student-grade-group-header[b-6pjehyial8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.student-grade-group-header > div[b-6pjehyial8] {
    display: grid;
    gap: 0.15rem;
}

.student-grade-group-header span:first-child[b-6pjehyial8] {
    color: var(--ds-text-secondary);
    font-size: 0.7rem;
}

.student-grade-group-header h3[b-6pjehyial8] {
    margin: 0;
    color: var(--ds-text-primary);
    font-size: 1.05rem;
}

.student-grade-group-mode[b-6pjehyial8] {
    flex: 0 0 auto;
    padding: 0.3rem 0.65rem;
    border: 1px solid;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
}

.student-grade-group-mode.is-editable[b-6pjehyial8] {
    color: var(--ds-success-strong);
    background: var(--ds-success-soft);
    border-color: var(--ds-success);
}

.student-grade-group-mode.is-read-only[b-6pjehyial8] {
    color: var(--ds-warning-strong);
    background: var(--ds-warning-soft);
    border-color: var(--ds-warning);
}

.student-grade-enrollment-contexts[b-6pjehyial8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
    gap: 0.65rem;
}

.student-grade-enrollment-context[b-6pjehyial8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.75rem;
    padding: 0.7rem 0.8rem;
    color: var(--ds-text-secondary);
    background: var(--ds-background-subtle);
    border: 1px solid var(--ds-border);
    border-radius: 0.65rem;
    font-size: 0.72rem;
}

.student-grade-enrollment-context strong[b-6pjehyial8] {
    flex-basis: 100%;
    color: var(--ds-text-primary);
}

.student-grade-periods[b-6pjehyial8] {
    display: grid;
    gap: clamp(1.5rem, 3vw, 2rem);
}

.student-grades-empty.is-group-empty[b-6pjehyial8] {
    min-height: 5rem;
    padding: 0.75rem;
    background: var(--ds-background-subtle);
    border: 1px dashed var(--ds-border-strong);
    border-radius: 0.65rem;
}

.student-grade-period[b-6pjehyial8] {
    display: grid;
    width: 100%;
    min-width: 0;
    gap: 0.8rem;
    padding: clamp(0.8rem, 2vw, 1rem);
    background: var(--ds-surface-raised);
    border: 1px solid var(--ds-border-strong);
    border-radius: 0.9rem;
    box-shadow: 0 0.2rem 0.75rem var(--ds-shadow-color-soft);
}

.student-grade-period-heading[b-6pjehyial8] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.student-grade-period-heading h4[b-6pjehyial8] {
    margin: 0;
    padding-inline-start: 0.7rem;
    color: var(--ds-text-primary);
    border-inline-start: 0.25rem solid var(--ds-primary);
    font-size: 1.05rem;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.student-grade-period-heading > span[b-6pjehyial8] {
    flex: 0 0 auto;
    color: var(--ds-text-secondary);
    font-size: 0.72rem;
}

.student-grade-exam-cards[b-6pjehyial8] {
    display: grid;
    min-width: 0;
    gap: 0.9rem;
}

.student-grade-exam-card[b-6pjehyial8] {
    min-width: 0;
    background: var(--ds-surface);
    border: 1px solid var(--ds-border);
    border-radius: 0.85rem;
    box-shadow: 0 0.15rem 0.5rem var(--ds-shadow-color-soft);
    overflow: hidden;
}

.student-grade-exam-card-header[b-6pjehyial8] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.8rem 0.95rem;
    background: var(--ds-surface-raised);
    border-bottom: 1px solid var(--ds-border);
}

.student-grade-exam-card-header > div[b-6pjehyial8] {
    min-width: 0;
}

.student-grade-exam-card-header h5[b-6pjehyial8] {
    margin: 0;
    color: var(--ds-text-primary);
    font-size: 0.95rem;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.student-grade-exam-card-header > span[b-6pjehyial8] {
    flex: 0 0 auto;
    color: var(--ds-text-secondary);
    font-size: 0.7rem;
}

.student-grade-subject-rows[b-6pjehyial8] {
    min-width: 0;
}

.student-grade-exam-row[b-6pjehyial8] {
    display: grid;
    min-width: 0;
    padding: 0.85rem 0.95rem;
    align-items: flex-start;
    grid-template-columns: minmax(11rem, 1.45fr) minmax(6.5rem, 0.65fr) minmax(7.5rem, 0.75fr) minmax(11rem, 1fr);
    gap: 0.8rem;
}

.student-grade-exam-row + .student-grade-exam-row[b-6pjehyial8] {
    border-top: 1px solid var(--ds-border);
}

.student-grade-exam-copy[b-6pjehyial8] {
    display: grid;
    min-width: 0;
    gap: 0.2rem;
}

.student-grade-subject-name[b-6pjehyial8] {
    margin: 0;
    color: var(--ds-text-primary);
    font-size: 0.9rem;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.student-grade-exam-score[b-6pjehyial8],
.student-grade-exam-source[b-6pjehyial8] {
    min-width: 0;
}

.student-grade-exam-score > span[b-6pjehyial8],
.student-grade-exam-source > span[b-6pjehyial8] {
    display: block;
    margin-bottom: 0.15rem;
    color: var(--ds-text-secondary);
    font-size: 0.7rem;
}

.student-grade-exam-score strong[b-6pjehyial8],
.student-grade-exam-source strong[b-6pjehyial8] {
    overflow-wrap: anywhere;
}

.student-grade-exam-score small[b-6pjehyial8] {
    color: var(--ds-text-secondary);
}

.student-grade-item-badges[b-6pjehyial8] {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.2rem;
    gap: 0.4rem;
}

.student-grade-badge[b-6pjehyial8] {
    padding: 0.28rem 0.55rem;
    color: var(--ds-text-secondary);
    background: var(--ds-background-subtle);
    border: 1px solid var(--ds-border-strong);
    border-radius: 999px;
    font-size: 0.67rem;
    font-weight: 700;
}

.student-grade-badge.is-calculated[b-6pjehyial8] {
    color: var(--ds-info-strong);
    background: var(--ds-info-soft);
    border-color: var(--ds-info);
}

.student-grade-badge.is-result[b-6pjehyial8] {
    color: var(--ds-success-strong);
    background: var(--ds-success-soft);
    border-color: var(--ds-success);
}

.student-grade-score-maximum[b-6pjehyial8],
.student-grade-missing[b-6pjehyial8],
.student-grade-no-action[b-6pjehyial8] {
    color: var(--ds-text-secondary);
}

.student-grade-read-only-reason[b-6pjehyial8] {
    padding: 0.2rem 0.45rem;
    color: var(--ds-text-secondary);
    background: var(--ds-surface-raised);
    border: 1px solid var(--ds-border);
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
}

.student-grade-row-actions[b-6pjehyial8] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.student-grade-history[b-6pjehyial8] {
    min-width: 0;
    max-width: 100%;
}

.student-grade-history summary[b-6pjehyial8] {
    color: var(--ds-primary-hover);
    cursor: pointer;
    font-weight: 700;
}

.student-grade-history ol[b-6pjehyial8] {
    display: grid;
    gap: 0.5rem;
    margin: 0.55rem 0 0;
    padding: 0;
    list-style: none;
}

.student-grade-history li[b-6pjehyial8] {
    padding: 0.65rem;
    color: var(--ds-text-secondary);
    background: var(--ds-background-subtle);
    border: 1px solid var(--ds-border);
    border-radius: 0.55rem;
    line-height: 1.7;
}

.student-grade-history time[b-6pjehyial8] {
    color: var(--ds-text-tertiary);
    font-size: 0.7rem;
}

.student-grade-history-actor[b-6pjehyial8] {
    display: flex;
    min-width: 0;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem 0.4rem;
}

.student-grade-history-role[b-6pjehyial8] {
    display: inline-flex;
    align-items: center;
    padding: 0.08rem 0.42rem;
    color: var(--ds-text-secondary);
    background: var(--ds-surface-raised);
    border: 1px solid var(--ds-border);
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1.45;
}

.student-grade-edit-form[b-6pjehyial8] {
    width: min(46rem, 100%);
    display: grid;
    gap: 1rem;
    margin-inline: auto;
}

.student-grade-edit-context[b-6pjehyial8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    padding: 0.9rem;
    background: var(--ds-background-subtle);
    border: 1px solid var(--ds-border);
    border-radius: 0.75rem;
}

.student-grade-edit-context > div[b-6pjehyial8] {
    display: grid;
    gap: 0.15rem;
}

.student-grade-edit-context span[b-6pjehyial8],
.student-grade-field small[b-6pjehyial8] {
    color: var(--ds-text-secondary);
    font-size: 0.72rem;
}

.student-grade-edit-context strong[b-6pjehyial8] {
    color: var(--ds-text-primary);
    font-size: 0.84rem;
}

.student-grade-field[b-6pjehyial8] {
    display: grid;
    gap: 0.35rem;
}

.student-grade-field label[b-6pjehyial8] {
    color: var(--ds-text-primary);
    font-weight: 700;
}

.student-grade-field label span[b-6pjehyial8] {
    color: var(--ds-danger-strong);
}

.student-grade-edit-actions[b-6pjehyial8],
.student-grades-modal-footer[b-6pjehyial8] {
    display: flex;
    justify-content: flex-end;
    gap: 0.55rem;
}

.student-grades-modal-footer[b-6pjehyial8] {
    padding: 0.85rem 1.25rem;
    background: var(--ds-surface-raised);
    border-top: 1px solid var(--ds-border);
}

@media (max-width: 767.98px) {
    .student-grades-modal-backdrop[b-6pjehyial8] {
        place-items: stretch;
        padding: 0;
    }

    .student-grades-modal[b-6pjehyial8] {
        width: 100%;
        max-height: 100dvh;
        border: 0;
        border-radius: 0;
    }

    .student-grade-group-header[b-6pjehyial8],
    .student-grades-modal-header[b-6pjehyial8] {
        align-items: flex-start;
    }

    .student-grade-group-header[b-6pjehyial8] {
        flex-direction: column;
    }

    .student-grade-exam-card-header[b-6pjehyial8] {
        align-items: flex-start;
    }

    .student-grade-exam-row[b-6pjehyial8] {
        grid-template-columns: minmax(0, 1fr) minmax(7rem, auto);
    }

    .student-grade-exam-copy[b-6pjehyial8],
    .student-grade-row-actions[b-6pjehyial8] {
        grid-column: 1 / -1;
    }

    .student-grade-edit-context[b-6pjehyial8] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .student-grades-modal-body[b-6pjehyial8],
    .student-grade-group[b-6pjehyial8] {
        padding: 0.8rem;
    }

    .student-grade-period-heading[b-6pjehyial8] {
        align-items: flex-start;
    }

    .student-grade-exam-card-header[b-6pjehyial8] {
        flex-direction: column;
    }

    .student-grade-exam-row[b-6pjehyial8] {
        padding: 0.8rem;
        grid-template-columns: 1fr;
        gap: 0.65rem;
    }

    .student-grade-exam-copy[b-6pjehyial8],
    .student-grade-row-actions[b-6pjehyial8] {
        grid-column: auto;
    }

    .student-grade-row-actions .btn[b-6pjehyial8] {
        min-height: 2.5rem;
    }
}
/* /Components/Schools/StudentFeeMovementPagination.razor.rz.scp.css */
.student-fee-page-controls[b-flhtg37w9x] {
    display: grid;
    gap: .75rem;
    margin-top: 1rem;
}

.student-fee-page-summary[b-flhtg37w9x],
.student-fee-pagination[b-flhtg37w9x],
.student-fee-paging-status[b-flhtg37w9x] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.student-fee-page-summary[b-flhtg37w9x] {
    justify-content: flex-end;
}

.student-fee-page-summary .form-select[b-flhtg37w9x] {
    width: auto;
    min-width: 4.5rem;
}

.student-fee-pagination[b-flhtg37w9x] {
    flex-wrap: wrap;
    justify-content: center;
}

.student-fee-pagination-ellipsis[b-flhtg37w9x] {
    padding-inline: .25rem;
    color: var(--ds-text-secondary);
}

.student-fee-paging-status[b-flhtg37w9x] {
    justify-content: center;
    color: var(--ds-text-secondary);
    font-size: .9rem;
}
/* /Components/Schools/StudentGradesSection.razor.rz.scp.css */
.student-grades-summary[b-q2fufp6qan] {
    display: grid;
    gap: 1.15rem;
}

.student-grades-summary-header[b-q2fufp6qan] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
}

.student-grades-summary-header h2[b-q2fufp6qan],
.student-grade-summary-year-header h3[b-q2fufp6qan],
.student-grade-summary-group-header h4[b-q2fufp6qan] {
    margin: 0;
    color: var(--ds-text-primary);
}

.student-grades-summary-eyebrow[b-q2fufp6qan],
.student-grade-summary-year-header span:first-child[b-q2fufp6qan],
.student-grade-summary-group-header span:first-child[b-q2fufp6qan] {
    display: block;
    margin-bottom: 0.2rem;
    color: var(--ds-text-secondary);
    font-size: 0.72rem;
    font-weight: 700;
}

.student-grades-summary-filter[b-q2fufp6qan] {
    width: min(18rem, 100%);
}

.student-grades-summary-filter label[b-q2fufp6qan] {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--ds-text-primary);
    font-size: 0.82rem;
    font-weight: 700;
}

.student-grades-summary-read-only[b-q2fufp6qan] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.75rem 0.9rem;
    color: var(--ds-info-strong);
    background: var(--ds-info-soft);
    border: 1px solid var(--ds-info);
    border-radius: 0.75rem;
    font-size: 0.8rem;
}

.student-grades-summary-state[b-q2fufp6qan] {
    margin: 0;
    padding: 1.25rem;
    color: var(--ds-text-secondary);
    text-align: center;
    background: var(--ds-background-subtle);
    border: 1px dashed var(--ds-border-strong);
    border-radius: 0.75rem;
}

.student-grades-summary-state.is-nested[b-q2fufp6qan] {
    margin: 0.9rem;
}

.student-grade-summary-years[b-q2fufp6qan],
.student-grade-summary-groups[b-q2fufp6qan],
.student-grade-summary-histories[b-q2fufp6qan] {
    display: grid;
    gap: 1rem;
}

.student-grade-summary-year[b-q2fufp6qan] {
    overflow: hidden;
    background: var(--ds-surface);
    border: 1px solid var(--ds-border-strong);
    border-radius: 0.9rem;
}

.student-grade-summary-year-header[b-q2fufp6qan],
.student-grade-summary-group-header[b-q2fufp6qan] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.student-grade-summary-year-header[b-q2fufp6qan] {
    padding: 1rem;
    background: var(--ds-primary-soft);
    border-bottom: 1px solid var(--ds-border);
}

.student-grade-summary-year-header h3[b-q2fufp6qan] {
    color: var(--ds-primary-hover);
    font-size: 1.15rem;
}

.student-grade-summary-year-count[b-q2fufp6qan],
.student-grade-summary-mode[b-q2fufp6qan] {
    flex: 0 0 auto;
    padding: 0.3rem 0.6rem;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 700;
}

.student-grade-summary-year-count[b-q2fufp6qan] {
    color: var(--ds-primary-hover);
    background: var(--ds-surface);
    border: 1px solid var(--ds-primary);
}

.student-grade-summary-groups[b-q2fufp6qan] {
    padding: 1rem;
}

.student-grade-summary-group[b-q2fufp6qan] {
    overflow: hidden;
    border: 1px solid var(--ds-border);
    border-radius: 0.8rem;
}

.student-grade-summary-group-header[b-q2fufp6qan] {
    padding: 0.85rem 1rem;
    background: var(--ds-background-subtle);
    border-bottom: 1px solid var(--ds-border);
}

.student-grade-summary-group-header h4[b-q2fufp6qan] {
    font-size: 1rem;
}

.student-grade-summary-mode[b-q2fufp6qan] {
    color: var(--ds-text-secondary);
    background: var(--ds-surface);
    border: 1px solid var(--ds-border-strong);
}

.student-grade-summary-enrollments[b-q2fufp6qan] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: 0.65rem;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid var(--ds-border);
}

.student-grade-summary-enrollment[b-q2fufp6qan] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem 0.7rem;
    padding: 0.65rem 0.75rem;
    color: var(--ds-text-secondary);
    background: var(--ds-surface);
    border: 1px solid var(--ds-border);
    border-radius: 0.65rem;
    font-size: 0.72rem;
}

.student-grade-summary-enrollment strong[b-q2fufp6qan] {
    flex-basis: 100%;
    color: var(--ds-text-primary);
}

.student-grade-summary-table-wrap[b-q2fufp6qan],
.student-grade-summary-history-body[b-q2fufp6qan] {
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
}

.student-grade-summary-table[b-q2fufp6qan] {
    width: max-content;
    min-width: 100%;
    font-size: 0.78rem;
}

.student-grade-summary-table th[b-q2fufp6qan],
.student-grade-summary-table td[b-q2fufp6qan] {
    min-width: 7.5rem;
    padding: 0.7rem;
    text-align: center;
    border-color: var(--ds-border);
    white-space: normal;
}

.student-grade-summary-table th:first-child[b-q2fufp6qan] {
    position: sticky;
    right: 0;
    z-index: 1;
    min-width: 9rem;
    color: var(--ds-text-primary);
    text-align: start;
    background: var(--ds-surface);
}

.student-grade-summary-table thead th[b-q2fufp6qan] {
    color: var(--ds-text-primary);
    background: var(--ds-background-subtle);
}

.student-grade-summary-table thead th:first-child[b-q2fufp6qan] {
    z-index: 2;
    background: var(--ds-background-subtle);
}

.student-grade-summary-table th small[b-q2fufp6qan],
.student-grade-summary-source[b-q2fufp6qan] {
    display: block;
    margin-top: 0.2rem;
    color: var(--ds-text-secondary);
    font-size: 0.66rem;
    font-weight: 600;
}

.student-grade-summary-missing[b-q2fufp6qan] {
    color: var(--ds-text-secondary);
}

.student-grade-summary-maximum[b-q2fufp6qan] {
    color: var(--ds-text-secondary);
}

.student-grade-summary-histories[b-q2fufp6qan] {
    padding: 0 1rem 1rem;
}

.student-grade-summary-history[b-q2fufp6qan] {
    overflow: hidden;
    background: var(--ds-surface);
    border: 1px solid var(--ds-border);
    border-radius: 0.7rem;
}

.student-grade-summary-history summary[b-q2fufp6qan] {
    padding: 0.75rem 0.85rem;
    color: var(--ds-primary-hover);
    background: var(--ds-primary-soft);
    cursor: pointer;
    font-size: 0.78rem;
    font-weight: 700;
}

.student-grade-summary-history summary:focus-visible[b-q2fufp6qan] {
    outline: 3px solid var(--ds-focus-ring);
    outline-offset: -3px;
}

.student-grade-summary-history-body[b-q2fufp6qan] {
    display: grid;
    gap: 0.75rem;
    padding: 0.85rem;
}

.student-grade-summary-change[b-q2fufp6qan] {
    min-width: 38rem;
    padding: 0.8rem;
    background: var(--ds-background-subtle);
    border: 1px solid var(--ds-border);
    border-radius: 0.65rem;
}

.student-grade-summary-change dl[b-q2fufp6qan] {
    display: grid;
    grid-template-columns: repeat(4, minmax(8rem, 1fr));
    gap: 0.75rem;
    margin: 0;
}

.student-grade-summary-change dt[b-q2fufp6qan] {
    margin-bottom: 0.18rem;
    color: var(--ds-text-secondary);
    font-size: 0.67rem;
    font-weight: 700;
}

.student-grade-summary-change dd[b-q2fufp6qan] {
    margin: 0;
    color: var(--ds-text-primary);
    font-size: 0.76rem;
    overflow-wrap: anywhere;
}

@media (max-width: 768px) {
    .student-grades-summary-header[b-q2fufp6qan],
    .student-grade-summary-year-header[b-q2fufp6qan],
    .student-grade-summary-group-header[b-q2fufp6qan] {
        align-items: stretch;
        flex-direction: column;
    }

    .student-grades-summary-filter[b-q2fufp6qan] {
        width: 100%;
    }

    .student-grade-summary-year-count[b-q2fufp6qan],
    .student-grade-summary-mode[b-q2fufp6qan] {
        align-self: flex-start;
    }

    .student-grade-summary-change dl[b-q2fufp6qan] {
        grid-template-columns: repeat(2, minmax(8rem, 1fr));
    }
}
/* /Components/Schools/StudentLookupResults.razor.rz.scp.css */
.records-card[b-t3vf4pmg7m] {
    color: var(--ds-text-primary);
    background: var(--ds-surface);
    background-image: linear-gradient(145deg, var(--ds-surface-raised), var(--ds-surface));
    border-color: var(--ds-border);
    border-radius: var(--ds-radius-lg);
    box-shadow: var(--ds-shadow-md);
}

.records-card h2[b-t3vf4pmg7m] {
    color: var(--ds-text-primary);
}

.student-lookup-result-controls[b-t3vf4pmg7m],
.student-lookup-pagination[b-t3vf4pmg7m] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.student-lookup-result-controls .form-select[b-t3vf4pmg7m] {
    width: auto;
    min-width: 4.5rem;
}

.student-lookup-pagination[b-t3vf4pmg7m] {
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 1rem;
}

.student-lookup-pagination-ellipsis[b-t3vf4pmg7m] {
    padding-inline: .25rem;
    color: var(--ds-text-secondary);
}

.student-lookup-paging-status[b-t3vf4pmg7m] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .75rem;
    color: var(--ds-text-secondary);
    font-size: .9rem;
}

.records-card[b-t3vf4pmg7m]  .table {
    --bs-table-color: var(--ds-text-primary);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--ds-border);
    --bs-table-hover-color: var(--ds-text-primary);
    --bs-table-hover-bg: var(--ds-hover);
    color: var(--ds-text-primary);
}

.records-card[b-t3vf4pmg7m]  .table thead {
    color: var(--ds-text-secondary);
    background: var(--ds-panel);
}

.records-card[b-t3vf4pmg7m]  .table tbody tr {
    border-color: var(--ds-border);
}

.records-empty[b-t3vf4pmg7m] {
    color: var(--ds-text-secondary);
    background: var(--ds-background-subtle);
    border-color: var(--ds-border-strong);
}

.student-record-actions[b-t3vf4pmg7m] {
    width: 1%;
    min-width: 0;
    white-space: nowrap;
}

.records-table th:last-child[b-t3vf4pmg7m] {
    width: 1%;
    white-space: nowrap;
}

.student-record-actions .btn[b-t3vf4pmg7m] {
    white-space: nowrap;
}

.student-record-actions .btn + .btn[b-t3vf4pmg7m] {
    margin-inline-start: .4rem;
}

.student-delete-backdrop[b-t3vf4pmg7m] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background: var(--ds-overlay);
    backdrop-filter: blur(4px);
}

.student-delete-dialog[b-t3vf4pmg7m] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: grid;
    place-items: center;
    padding: 1rem;
}

.student-delete-dialog-card[b-t3vf4pmg7m] {
    width: min(100%, 32rem);
    max-height: calc(100vh - 2rem);
    overflow: auto;
    padding: 1.5rem;
    color: var(--ds-text-primary);
    background: var(--ds-surface);
    background-image: linear-gradient(145deg, var(--ds-surface-raised), var(--ds-surface));
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-lg);
    box-shadow: var(--ds-shadow-lg);
}

.student-delete-dialog-card h2[b-t3vf4pmg7m] {
    margin-bottom: 1rem;
    color: var(--ds-text-primary);
    font-size: 1.35rem;
}

.student-delete-dialog-card p[b-t3vf4pmg7m],
.student-delete-reasons[b-t3vf4pmg7m] {
    color: var(--ds-text-primary);
}

.student-delete-reasons[b-t3vf4pmg7m] {
    margin: 0;
    padding-inline-start: 1.25rem;
}

.student-delete-buttons[b-t3vf4pmg7m] {
    display: flex;
    justify-content: flex-end;
    gap: .75rem;
    margin-top: 1.5rem;
}

.student-delete-toast[b-t3vf4pmg7m] {
    position: fixed;
    inset-inline-start: 1.25rem;
    bottom: 1.25rem;
    z-index: 1100;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .85rem 1rem;
    border-radius: .75rem;
    color: var(--ds-text-on-accent);
    background: var(--ds-success-action);
    box-shadow: var(--ds-shadow-md);
}

.student-delete-toast button[b-t3vf4pmg7m] {
    border: 0;
    color: inherit;
    background: transparent;
    font-size: 1.25rem;
    line-height: 1;
}

.student-return-backdrop[b-t3vf4pmg7m] {
    position: fixed;
    inset: 0;
    z-index: 1060;
    background: var(--ds-overlay);
    backdrop-filter: blur(4px);
}

.student-return-dialog[b-t3vf4pmg7m] {
    position: fixed;
    inset: 0;
    z-index: 1070;
    display: grid;
    place-items: center;
    padding: 1rem;
    overflow: hidden;
}

.student-return-dialog-card[b-t3vf4pmg7m] {
    width: min(100%, 42rem);
    max-height: calc(100vh - 2rem);
    max-height: calc(100dvh - 2rem);
    margin: auto;
    overflow: hidden;
    padding: 1.5rem;
    color: var(--ds-text-primary);
    background: var(--ds-surface);
    background-image: linear-gradient(145deg, var(--ds-surface-raised), var(--ds-surface));
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-lg);
    box-shadow: var(--ds-shadow-lg);
}

.student-return-dialog-header[b-t3vf4pmg7m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.student-return-dialog-header h2[b-t3vf4pmg7m],
.student-return-last-exit h3[b-t3vf4pmg7m] {
    margin: 0;
    color: var(--ds-text-primary);
}

.student-return-last-exit[b-t3vf4pmg7m] {
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-md);
    background: var(--ds-background-subtle);
}

.student-return-last-exit h3[b-t3vf4pmg7m] {
    margin-bottom: .75rem;
    font-size: 1rem;
}

.student-return-last-exit dl[b-t3vf4pmg7m] {
    display: grid;
    gap: .75rem;
    margin: 0;
}

.student-return-last-exit dl > div[b-t3vf4pmg7m] {
    display: grid;
    grid-template-columns: minmax(7rem, .35fr) 1fr;
    gap: .75rem;
}

.student-return-last-exit dt[b-t3vf4pmg7m] {
    color: var(--ds-text-secondary);
}

.student-return-last-exit dd[b-t3vf4pmg7m] {
    margin: 0;
}

.student-return-fields[b-t3vf4pmg7m] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.student-return-fields > :nth-child(2)[b-t3vf4pmg7m] {
    grid-column: 1 / -1;
}

.student-return-readonly-field[b-t3vf4pmg7m] {
    min-height: 2.5rem;
    padding: .5rem .75rem;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-md);
    background: var(--ds-background-subtle);
    color: var(--ds-text-primary);
}

.student-return-buttons[b-t3vf4pmg7m] {
    justify-content: flex-end;
    margin-top: 1.5rem;
}

.student-return-toast[b-t3vf4pmg7m] {
    position: fixed;
    inset-inline-start: 1.25rem;
    bottom: 1.25rem;
    z-index: 1100;
    display: flex;
    align-items: center;
    gap: 1rem;
    max-width: min(32rem, calc(100vw - 2.5rem));
    padding: .9rem 1rem;
    border: 1px solid var(--ds-success-border);
    border-radius: var(--ds-radius-md);
    color: var(--ds-success-strong);
    background: var(--ds-success-soft);
    box-shadow: var(--ds-shadow-lg);
}

.student-return-toast button[b-t3vf4pmg7m] {
    border: 0;
    color: inherit;
    background: transparent;
    font-size: 1.25rem;
    line-height: 1;
}

@media (max-width: 575.98px) {
    .student-return-fields[b-t3vf4pmg7m] {
        grid-template-columns: 1fr;
    }

    .student-return-fields > :nth-child(2)[b-t3vf4pmg7m] {
        grid-column: auto;
    }

    .student-return-last-exit dl > div[b-t3vf4pmg7m] {
        grid-template-columns: 1fr;
        gap: .15rem;
    }
}

@media (max-height: 575.98px) {
    .student-return-dialog[b-t3vf4pmg7m] {
        padding: .5rem;
    }

    .student-return-dialog-card[b-t3vf4pmg7m] {
        max-height: calc(100vh - 1rem);
        max-height: calc(100dvh - 1rem);
    }
}
/* /Components/Schools/StudentManagementPanel.razor.rz.scp.css */
.focused-student-result[b-8tdls1xm26] {
    display: grid;
    gap: 1rem;
    padding: clamp(1rem, 2.5vw, 1.35rem);
    color: var(--ds-text-primary);
    background: var(--ds-surface);
    font-family: "Cairo", "Segoe UI", sans-serif;
}

.focused-student-result-header[b-8tdls1xm26] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 0.9rem;
    border-bottom: 1px solid var(--ds-primary);
}

.focused-student-result-label[b-8tdls1xm26] {
    color: var(--ds-primary);
    font-size: 0.7rem;
    font-weight: 700;
}

.focused-student-result-header h3[b-8tdls1xm26] {
    margin: 0.15rem 0;
    color: var(--ds-text-primary);
    font-size: 1.15rem;
}

.focused-student-result-header p[b-8tdls1xm26] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 1rem;
    margin: 0;
    color: var(--ds-text-secondary);
    font-size: 0.75rem;
}

.focused-student-badges[b-8tdls1xm26] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.4rem;
}

.focused-student-badges .badge[b-8tdls1xm26] {
    padding: 0.55rem 0.7rem;
}

.focused-student-result-grid[b-8tdls1xm26] {
    display: grid;
    grid-template-columns: minmax(14rem, 0.8fr) minmax(20rem, 1.5fr);
    gap: 1rem;
    align-items: start;
}

.focused-result-summary[b-8tdls1xm26],
.focused-result-grades[b-8tdls1xm26] {
    min-width: 0;
    padding: 1rem;
    background: var(--ds-primary-soft);
    border: 1px solid var(--ds-primary);
    border-radius: 0.85rem;
}

.focused-result-summary h4[b-8tdls1xm26],
.focused-result-grades h4[b-8tdls1xm26] {
    margin: 0;
    color: var(--ds-text-primary);
    font-size: 0.92rem;
}

.focused-academic-result[b-8tdls1xm26] {
    border-inline-start: 0.28rem solid var(--ds-primary);
}

.focused-academic-result .focused-result-section-heading[b-8tdls1xm26] {
    margin-bottom: 0.35rem;
}

.focused-academic-result .focused-result-section-heading > span[b-8tdls1xm26] {
    color: var(--ds-text-on-accent);
}

.focused-academic-result .focused-result-section-heading > .bg-warning[b-8tdls1xm26] {
    color: var(--ds-warning-strong);
}

.focused-result-summary dl[b-8tdls1xm26] {
    display: grid;
    gap: 0;
    margin: 0.7rem 0 0;
}

.focused-result-summary dl > div[b-8tdls1xm26] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0.55rem 0;
    border-bottom: 1px solid var(--ds-primary);
}

.focused-result-summary dt[b-8tdls1xm26] {
    color: var(--ds-text-secondary);
    font-size: 0.7rem;
    font-weight: 600;
}

.focused-result-summary dd[b-8tdls1xm26] {
    margin: 0;
    color: var(--ds-text-primary);
    font-size: 0.73rem;
    font-weight: 700;
    text-align: left;
}

.academic-result-decision.is-passed[b-8tdls1xm26] {
    color: var(--ds-success-strong);
}

.academic-result-decision.is-not-passed[b-8tdls1xm26] {
    color: var(--ds-danger-strong);
}

.academic-result-decision.is-incomplete[b-8tdls1xm26] {
    color: var(--ds-warning-strong);
}

.focused-result-note[b-8tdls1xm26] {
    display: grid;
    gap: 0.15rem;
    margin-top: 0.65rem;
    padding: 0.65rem;
    border: 1px solid;
    border-radius: 0.65rem;
    font-size: 0.7rem;
}

.focused-result-note.is-danger[b-8tdls1xm26] {
    color: var(--ds-danger-strong);
    background: var(--ds-danger-soft);
    border-color: var(--ds-danger);
}

.focused-result-note.is-warning[b-8tdls1xm26] {
    color: var(--ds-warning-strong);
    background: var(--ds-warning-soft);
    border-color: var(--ds-warning);
}

.focused-result-section-heading[b-8tdls1xm26] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.7rem;
}

.focused-result-section-heading > span[b-8tdls1xm26] {
    padding: 0.2rem 0.5rem;
    color: var(--ds-primary);
    background: var(--ds-primary-soft);
    border-radius: 999px;
    font-size: 0.65rem;
    font-weight: 700;
}

.focused-result-grades table[b-8tdls1xm26] {
    background: var(--ds-surface);
    font-size: 0.74rem;
}

.academic-results-students-table > tbody > tr[b-8tdls1xm26] {
    --bs-table-hover-bg: var(--ds-background-subtle);
}

.focused-result-basis-note[b-8tdls1xm26] {
    margin: -0.25rem 0 0.7rem;
    color: var(--ds-text-secondary);
    font-size: 0.68rem;
}

.focused-result-empty[b-8tdls1xm26] {
    padding: 2rem 1rem;
    color: var(--ds-text-secondary);
    background: var(--ds-surface);
    border: 1px dashed var(--ds-primary);
    border-radius: 0.7rem;
    text-align: center;
    font-size: 0.75rem;
}

.focused-student-actions[b-8tdls1xm26] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    padding-top: 0.9rem;
    border-top: 1px solid var(--ds-primary);
}

.authentication-confirmation-modal[b-8tdls1xm26] {
    font-family: "Cairo", "Segoe UI", sans-serif;
}

.authentication-confirmation-modal .modal-content[b-8tdls1xm26] {
    overflow: hidden;
    border-radius: 1rem;
}

.authentication-confirmation-header[b-8tdls1xm26] {
    color: var(--ds-text-on-accent);
    background: linear-gradient(135deg, var(--ds-primary-solid), var(--ds-primary-gradient-end));
    border-bottom: 0;
}

.authentication-confirmation-body[b-8tdls1xm26] {
    display: grid;
    gap: 1rem;
}

.authentication-confirmation-student[b-8tdls1xm26] {
    margin: 0;
    color: var(--ds-text-primary);
    font-size: 0.9rem;
}

.authentication-confirmation-student strong[b-8tdls1xm26] {
    color: var(--ds-primary);
}

.authentication-confirmation-message[b-8tdls1xm26] {
    margin: 0;
    padding: 1rem;
    color: var(--ds-text-primary);
    background: var(--ds-primary-soft);
    border-inline-start: 0.25rem solid var(--ds-primary);
    border-radius: 0.7rem;
    font-size: 0.82rem;
    line-height: 1.9;
}

.authentication-confirmation-question[b-8tdls1xm26] {
    margin: 0;
    color: var(--ds-text-primary);
    font-size: 0.88rem;
    font-weight: 700;
}

.authentication-confirmation-actions[b-8tdls1xm26] {
    gap: 0.5rem;
    background: var(--ds-primary-soft);
    border-top-color: var(--ds-primary);
}

.post-authentication-action-modal[b-8tdls1xm26] {
    font-family: "Cairo", "Segoe UI", sans-serif;
}

.post-authentication-action-modal .modal-content[b-8tdls1xm26] {
    overflow: hidden;
    color: var(--ds-text-primary);
    background: var(--ds-surface);
    border-radius: 1rem;
}

.post-authentication-action-modal .modal-body[b-8tdls1xm26] {
    display: grid;
    gap: 0.75rem;
}

.post-authentication-blocked-header[b-8tdls1xm26] {
    color: var(--ds-warning-strong);
    background: var(--ds-warning-soft);
    border-bottom-color: var(--ds-warning-border);
}

.post-authentication-action-modal .modal-footer[b-8tdls1xm26] {
    gap: 0.5rem;
    background: var(--ds-surface-raised) !important;
    border-top-color: var(--ds-border);
}

.post-authentication-readonly-row[b-8tdls1xm26] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 0.85rem;
    color: var(--ds-text-secondary);
    background: var(--ds-surface-raised);
    border: 1px solid var(--ds-border);
    border-radius: 0.7rem;
}

.post-authentication-readonly-row strong[b-8tdls1xm26] {
    color: var(--ds-text-primary);
    text-align: end;
}

.post-authentication-blocker[b-8tdls1xm26],
.post-authentication-error[b-8tdls1xm26] {
    padding: 0.85rem 1rem;
    border: 1px solid;
    border-radius: 0.7rem;
    line-height: 1.8;
}

.post-authentication-fee-warning[b-8tdls1xm26] {
    padding: 0.9rem 1rem;
    color: var(--ds-warning-strong);
    background: var(--ds-warning-soft);
    border: 1px solid var(--ds-warning-border);
    border-inline-start-width: 0.3rem;
    border-radius: 0.7rem;
    line-height: 1.8;
}

.post-authentication-fee-warning strong[b-8tdls1xm26] {
    font-weight: 700;
}

.post-authentication-fee-warning-heading[b-8tdls1xm26],
.post-authentication-fee-warning.is-loading[b-8tdls1xm26] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.post-authentication-fee-warning-heading[b-8tdls1xm26] {
    margin-bottom: 0.25rem;
}

.post-authentication-fee-warning bdi[b-8tdls1xm26] {
    font-weight: 700;
}

.post-authentication-fee-loading[b-8tdls1xm26] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--ds-text-secondary);
    font-size: 0.82rem;
}

.post-authentication-blocker[b-8tdls1xm26] {
    color: var(--ds-warning-strong);
    background: var(--ds-warning-soft);
    border-color: var(--ds-warning-border);
}

.post-authentication-error[b-8tdls1xm26] {
    color: var(--ds-danger-strong);
    background: var(--ds-danger-soft);
    border-color: var(--ds-danger-border);
}

.post-authentication-action-modal .form-select[b-8tdls1xm26] {
    color: var(--ds-text-primary);
    background-color: var(--ds-surface-raised);
    border-color: var(--ds-border-strong);
}

@media (max-width: 899.98px) {
    .focused-student-result-grid[b-8tdls1xm26] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .focused-student-result-header[b-8tdls1xm26] {
        align-items: stretch;
        flex-direction: column;
    }

    .focused-student-badges[b-8tdls1xm26] {
        justify-content: flex-start;
    }

    .focused-student-actions > .btn[b-8tdls1xm26] {
        flex: 1 1 100%;
    }

    .post-authentication-readonly-row[b-8tdls1xm26] {
        align-items: stretch;
        flex-direction: column;
        gap: 0.25rem;
    }
}
/* /Components/Shared/AppIcon.razor.rz.scp.css */
.app-icon[b-x65j3adxws] {
    display: inline-grid;
    width: 1.25rem;
    height: 1.25rem;
    flex: 0 0 auto;
    place-items: center;
}

.app-icon svg[b-x65j3adxws] {
    width: 100%;
    height: 100%;
    overflow: visible;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}
/* /Components/Shared/GuardianStudentPicker.razor.rz.scp.css */
.guardian-student-picker[b-cyef3zrray] {
    margin-top: 1rem;
}

.picker-heading[b-cyef3zrray],
.guardian-picker-header[b-cyef3zrray],
.picker-search[b-cyef3zrray] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.records-empty.compact[b-cyef3zrray] {
    margin-top: 1rem;
    padding: 1rem;
}

.guardian-picker-backdrop[b-cyef3zrray] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    overflow: hidden;
    background: color-mix(in srgb, var(--ds-background) 78%, transparent);
    backdrop-filter: blur(4px);
    overscroll-behavior: contain;
    touch-action: none;
}

.guardian-picker-modal[b-cyef3zrray] {
    width: min(1100px, 96vw);
    max-height: 90vh;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    color: var(--ds-window-text);
    border: 1px solid var(--ds-window-border);
    border-radius: 1rem;
    background: linear-gradient(145deg, var(--ds-window-surface-raised), var(--ds-window-surface));
    box-shadow: 0 24px 65px color-mix(in srgb, var(--ds-shadow-base) 34%, transparent);
    direction: rtl;
}

.guardian-picker-header[b-cyef3zrray] {
    flex: 0 0 auto;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--ds-window-border);
}

.guardian-picker-header h2[b-cyef3zrray] {
    margin: 0;
    color: var(--ds-window-text);
}

.guardian-picker-close[b-cyef3zrray] {
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    flex: 0 0 auto;
    padding: 0;
    place-items: center;
    border: 0;
    border-radius: 50%;
    color: var(--ds-window-muted);
    background: var(--ds-input);
    border: 1px solid var(--ds-border);
    font-size: 1.75rem;
    line-height: 1;
}

.guardian-picker-close:hover[b-cyef3zrray],
.guardian-picker-close:focus-visible[b-cyef3zrray] {
    color: var(--ds-window-text);
    background: color-mix(in srgb, var(--ds-primary) 10%, transparent);
    border-color: var(--ds-primary);
}

.guardian-picker-body[b-cyef3zrray] {
    min-height: 0;
    padding: 1rem;
    overflow: auto;
    overscroll-behavior: contain;
}

.picker-search[b-cyef3zrray] {
    align-items: flex-end;
    margin-bottom: 1rem;
}

.picker-search-actions[b-cyef3zrray] {
    display: flex;
    gap: 0.5rem;
}

.records-pager button[b-cyef3zrray] {
    color: var(--ds-window-text);
    border: 1px solid var(--ds-border);
    border-radius: 0.5rem;
    padding: 0.4rem 0.75rem;
    background: var(--ds-input);
}

.guardian-picker-modal[b-cyef3zrray]  :is(.form-control, .form-select) {
    color: var(--ds-window-text);
    background-color: var(--ds-input);
    border-color: var(--ds-border);
}

.guardian-picker-modal[b-cyef3zrray]  :is(.form-control, .form-select):focus {
    background-color: var(--ds-input);
    border-color: var(--ds-primary);
    box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--ds-primary) 12%, transparent);
}

.guardian-picker-modal[b-cyef3zrray]  .records-card {
    color: var(--ds-window-text);
    background: var(--ds-input);
    border-color: var(--ds-window-border);
}

.guardian-picker-modal[b-cyef3zrray]  .table {
    --bs-table-color: var(--ds-window-text);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--ds-window-border);
}

.guardian-picker-modal[b-cyef3zrray]  .table thead {
    color: var(--ds-window-muted);
    background: var(--ds-input);
}

.guardian-picker-modal[b-cyef3zrray]  .btn-primary {
    color: var(--ds-window-text);
    background: var(--ds-action-bg);
    border-color: var(--ds-action-border);
    font-weight: 750;
    box-shadow: none;
}

.guardian-picker-modal[b-cyef3zrray]  .btn-primary:hover {
    color: var(--ds-action-text-hover);
    background: var(--ds-action-hover);
    border-color: var(--ds-action-border-hover);
    box-shadow: none;
}

.guardian-picker-modal[b-cyef3zrray]  .btn:focus-visible,
.records-pager button:focus-visible[b-cyef3zrray] {
    box-shadow: none;
    outline: 1px solid color-mix(in srgb, var(--ds-primary) 35%, transparent);
    outline-offset: 1px;
}

.records-pager button:disabled[b-cyef3zrray] {
    cursor: not-allowed;
    opacity: 0.5;
}

@media (max-width: 767.98px) {
    .picker-heading[b-cyef3zrray],
    .picker-search[b-cyef3zrray] {
        align-items: stretch;
        flex-direction: column;
    }

    .picker-search-actions[b-cyef3zrray] {
        width: 100%;
    }

    .picker-search-actions .btn[b-cyef3zrray] {
        flex: 1;
    }
}
/* /Components/Shared/IdentityLoginPanel.razor.rz.scp.css */
.identity-login-panel[b-drwr7h07of] {
    width: min(100%, 34rem);
    overflow: hidden;
    background: var(--ds-surface);
    border: 1px solid var(--ds-border);
    border-radius: 1.5rem;
    box-shadow: 0 1.5rem 4rem var(--ds-shadow-color);
    margin-inline: auto;
}

.identity-login-heading[b-drwr7h07of] {
    position: relative;
    display: grid;
    justify-items: center;
    padding: 2rem 2rem 1.75rem;
    overflow: hidden;
    color: var(--ds-text-on-accent);
    background:
        radial-gradient(circle at 15% 15%, var(--ds-primary-soft), transparent 42%),
        linear-gradient(145deg, var(--ds-sidebar), var(--ds-primary-solid));
    text-align: center;
    isolation: isolate;
}

.identity-login-heading[b-drwr7h07of]::after {
    position: absolute;
    inset: auto -10% -65% 35%;
    z-index: -1;
    width: 18rem;
    height: 18rem;
    background: var(--ds-surface-translucent);
    border-radius: 50%;
    content: "";
    opacity: 0.16;
}

.identity-login-logo[b-drwr7h07of] {
    width: 5.5rem;
    height: 5.5rem;
    object-fit: contain;
}

.identity-login-branding[b-drwr7h07of] {
    font-family: var(--sp-font-family);
    display: flex;
    align-items: center;
    justify-self: stretch;
    gap: 0.85rem;
    text-align: right;
}

.identity-login-brand[b-drwr7h07of] {
    display: grid;
    gap: 0.1rem;
}

.identity-login-brand strong[b-drwr7h07of] {
    font-size: 1.5rem;
    line-height: 1.2;
}

.identity-login-brand span[b-drwr7h07of] {
    color: var(--ds-text-on-accent);
    font-size: 0.84rem;
    opacity: 0.84;
}

.identity-login-area[b-drwr7h07of] {
    margin-top: 1.2rem;
    padding: 0.35rem 0.8rem;
    color: var(--ds-text-on-accent);
    background: var(--ds-surface-translucent);
    border: 1px solid var(--ds-border);
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
}

.identity-login-heading h1[b-drwr7h07of] {
    margin: 0.75rem 0 0;
    color: inherit;
    font-size: clamp(1.55rem, 4vw, 2rem);
}

.identity-login-panel--compact-title .identity-login-heading h1[b-drwr7h07of] {
    font-size: 1.5rem;
}

.identity-login-heading p[b-drwr7h07of] {
    max-width: 27rem;
    margin: 0.65rem 0 0;
    color: var(--ds-text-on-accent);
    font-size: 0.92rem;
    line-height: 1.7;
    opacity: 0.84;
}

.identity-login-content[b-drwr7h07of] {
    padding: 2rem;
}

[b-drwr7h07of] .identity-login-submit {
    min-height: 3.1rem;
    border-radius: 0.8rem;
    font-weight: 700;
}

[b-drwr7h07of] .form-control,
[b-drwr7h07of] .form-select {
    min-height: 3rem;
    border-radius: 0.75rem;
}

[b-drwr7h07of] .form-label {
    color: var(--ds-text-primary);
    font-weight: 650;
}

@media (max-width: 575.98px) {
    .identity-login-panel[b-drwr7h07of] {
        border-radius: 1.1rem;
    }

    .identity-login-heading[b-drwr7h07of],
    .identity-login-content[b-drwr7h07of] {
        padding-inline: 1.25rem;
    }

    .identity-login-heading[b-drwr7h07of] {
        padding-block: 1.5rem;
    }

    .identity-login-logo[b-drwr7h07of] {
        width: 4.75rem;
        height: 4.75rem;
    }

    .identity-login-content[b-drwr7h07of] {
        padding-block: 1.5rem;
    }
}
/* /Components/Shared/SchoolFinanceSummaryCard.razor.rz.scp.css */
.school-finance-summary[b-tjra46excj] {
    --finance-bg: var(--ds-background);
    --finance-card: var(--ds-window-surface-raised);
    --finance-card-alt: var(--ds-input);
    --finance-border: var(--ds-window-border);
    --finance-text: var(--ds-text-primary);
    --finance-muted: var(--ds-window-muted);
    --finance-fees: var(--ds-info);
    --finance-discounts: var(--ds-warning);
    --finance-paid: var(--ds-success);
    --finance-remaining: var(--ds-danger);
    --finance-collection: var(--ds-chart-violet);
    margin-top: 1.5rem;
    padding: clamp(1rem, 2vw, 1.5rem);
    overflow: hidden;
    color: var(--finance-text);
    background: radial-gradient(circle at 92% -10%, color-mix(in srgb, var(--ds-info) 16%, transparent), transparent 29rem), linear-gradient(145deg, var(--ds-window-surface), var(--finance-bg));
    border: 1px solid var(--finance-border);
    border-radius: 1.25rem;
    box-shadow: 0 22px 60px color-mix(in srgb, var(--ds-shadow-base) 25%, transparent);
    direction: rtl;
    isolation: isolate;
}

.school-finance-summary__header[b-tjra46excj] { margin-bottom: 1.25rem; }
.school-finance-summary__header h2[b-tjra46excj] { margin: .18rem 0 .25rem; color: var(--finance-text); font-size: clamp(1.02rem, 1.6vw, 1.25rem); font-weight: 800; }
.school-finance-summary__header p[b-tjra46excj] { margin: 0; color: var(--finance-muted); font-size: .86rem; }
.school-finance-summary__notice[b-tjra46excj], .finance-reconciliation-note[b-tjra46excj] { display: flex; margin: 0 0 1rem; padding: .68rem .8rem; color: var(--ds-text-secondary); background: color-mix(in srgb, var(--ds-warning) 7%, transparent); border: 1px solid color-mix(in srgb, var(--ds-warning) 24%, transparent); border-radius: .75rem; align-items: center; gap: .5rem; font-size: .78rem; }

.finance-kpi-grid[b-tjra46excj] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .85rem; }
.finance-kpi[b-tjra46excj] { --accent: var(--finance-fees); position: relative; display: flex; min-width: 0; padding: 1rem; overflow: hidden; background: linear-gradient(145deg, color-mix(in srgb, var(--ds-input) 96%, transparent), color-mix(in srgb, var(--ds-window-surface-raised) 96%, transparent)); border: 1px solid var(--finance-border); border-radius: 1rem; flex-direction: column; box-shadow: inset 0 1px color-mix(in srgb, var(--ds-text-on-accent) 3%, transparent), 0 10px 28px color-mix(in srgb, var(--ds-shadow-base) 16%, transparent); }
.finance-kpi[b-tjra46excj]::after { position: absolute; width: 6rem; height: 6rem; inset: -3.5rem auto auto -2rem; background: var(--accent); border-radius: 50%; content: ""; filter: blur(40px); opacity: .14; pointer-events: none; }
.finance-kpi--discounts[b-tjra46excj] { --accent: var(--finance-discounts); }
.finance-kpi--paid[b-tjra46excj] { --accent: var(--finance-paid); }
.finance-kpi--remaining[b-tjra46excj] { --accent: var(--finance-remaining); }
.finance-kpi__top[b-tjra46excj] { display: flex; color: var(--ds-text-secondary); align-items: center; gap: .55rem; font-size: .7rem; font-weight: 700; }
.finance-kpi__icon[b-tjra46excj] { display: grid; width: 1.8rem; height: 1.8rem; color: var(--accent); background: color-mix(in srgb, var(--accent) 12%, transparent); border: 1px solid color-mix(in srgb, var(--accent) 30%, transparent); border-radius: .55rem; place-items: center; }
.finance-kpi > strong[b-tjra46excj] { display: block; margin: .8rem 0 .65rem; overflow: hidden; color: var(--finance-text); font-size: clamp(.9rem, 1.35vw, 1.12rem); font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.finance-kpi > strong small[b-tjra46excj] { color: var(--finance-muted); font-size: .62em; font-weight: 700; }
.finance-kpi__meta[b-tjra46excj] { display: flex; margin-top: auto; margin-bottom: .42rem; color: var(--finance-muted); justify-content: space-between; gap: .5rem; font-size: .67rem; }
.finance-kpi__meta bdi[b-tjra46excj] { color: var(--accent); font-weight: 800; }
.finance-kpi__progress[b-tjra46excj] { height: .25rem; overflow: hidden; background: var(--ds-panel); border-radius: 999px; }
.finance-kpi__progress span[b-tjra46excj] { display: block; width: var(--progress-value); height: 100%; background: linear-gradient(90deg, color-mix(in srgb, var(--accent) 68%, var(--ds-text-on-accent)), var(--accent)); border-radius: inherit; box-shadow: 0 0 10px color-mix(in srgb, var(--accent) 48%, transparent); transition: width .45s ease; }

.finance-chart-grid[b-tjra46excj] { display: grid; margin-top: .9rem; grid-template-columns: minmax(0, 1.03fr) minmax(0, .97fr); gap: .9rem; }
.finance-panel[b-tjra46excj] { min-width: 0; padding: 1rem; background: color-mix(in srgb, var(--ds-window-surface-raised) 88%, transparent); border: 1px solid var(--finance-border); border-radius: 1rem; box-shadow: inset 0 1px color-mix(in srgb, var(--ds-text-on-accent) 3%, transparent); }
.finance-panel__heading[b-tjra46excj] { display: flex; margin-bottom: .85rem; color: var(--finance-muted); align-items: center; justify-content: space-between; }
.finance-panel__heading span[b-tjra46excj] { color: var(--ds-text-tertiary); font-size: .66rem; font-weight: 750; }
.finance-panel__heading h3[b-tjra46excj] { margin: .12rem 0 0; color: var(--finance-text); font-size: .94rem; font-weight: 800; }
.finance-panel__heading > i[b-tjra46excj] { display: grid; width: 2rem; height: 2rem; color: var(--ds-info-strong); background: color-mix(in srgb, var(--ds-info) 9%, transparent); border: 1px solid color-mix(in srgb, var(--ds-info) 20%, transparent); border-radius: .65rem; place-items: center; }

.finance-distribution__body[b-tjra46excj] { display: grid; grid-template-columns: minmax(9rem, 12rem) minmax(0, 1fr); align-items: center; gap: clamp(.8rem, 2.5vw, 1.8rem); }
.finance-donut-figure[b-tjra46excj] { display: grid; min-width: 0; justify-items: center; gap: .38rem; }
.finance-donut[b-tjra46excj] { --donut-remaining: var(--finance-remaining); position: relative; width: min(100%, 11.5rem); aspect-ratio: 1; margin-inline: auto; background: conic-gradient(var(--finance-discounts) 0 var(--discount-end), var(--finance-paid) var(--discount-end) var(--paid-end), var(--donut-remaining) var(--paid-end) 100%); border-radius: 50%; box-shadow: 0 0 0 1px color-mix(in srgb, var(--ds-text-on-accent) 5%, transparent), 0 12px 30px color-mix(in srgb, var(--ds-shadow-base) 30%, transparent); }
.finance-donut[b-tjra46excj]::before { position: absolute; inset: 17%; background: radial-gradient(circle at 35% 25%, var(--ds-surface-raised), var(--ds-window-surface) 72%); border: 1px solid var(--finance-border); border-radius: 50%; box-shadow: inset 0 0 22px color-mix(in srgb, var(--ds-shadow-base) 35%, transparent); content: ""; }
.finance-donut__center[b-tjra46excj] { position: absolute; display: flex; inset: 23%; z-index: 1; text-align: center; align-items: center; flex-direction: column; justify-content: center; }
.finance-donut__center span[b-tjra46excj] { color: var(--finance-muted); font-size: .6rem; }
.finance-donut__center strong[b-tjra46excj] { margin: .08rem 0; font-size: clamp(.88rem, 2vw, 1.15rem); }
.finance-donut__center small[b-tjra46excj] { color: var(--ds-text-tertiary); font-size: .58rem; font-weight: 700; }
.finance-donut__caption[b-tjra46excj] { display: flex; color: var(--finance-muted); text-align: center; align-items: center; flex-direction: column; font-size: .62rem; font-weight: 700; line-height: 1.35; }
.finance-donut__caption strong[b-tjra46excj] { color: var(--finance-text); font-size: .76rem; font-weight: 800; }
.finance-donut__caption small[b-tjra46excj] { color: var(--ds-text-tertiary); font-size: .78em; font-weight: 700; }
.finance-legend[b-tjra46excj] { display: grid; margin: 0; padding: 0; list-style: none; gap: .62rem; }
.finance-legend li[b-tjra46excj] { display: grid; padding-bottom: .55rem; color: var(--finance-muted); border-bottom: 1px solid color-mix(in srgb, var(--ds-window-border) 65%, transparent); grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: .55rem; font-size: .68rem; }
.finance-legend li:last-child[b-tjra46excj] { padding-bottom: 0; border-bottom: 0; }
.finance-legend li > span[b-tjra46excj] { display: flex; min-width: 0; align-items: center; gap: .42rem; }
.finance-legend i[b-tjra46excj] { width: .55rem; height: .55rem; flex: 0 0 auto; background: currentColor; border-radius: 50%; box-shadow: 0 0 9px currentColor; }
.finance-legend strong[b-tjra46excj] { color: var(--ds-text-primary); font-size: .69rem; font-weight: 750; white-space: nowrap; }
.finance-legend strong small[b-tjra46excj] { color: var(--ds-text-tertiary); font-size: .8em; }
.finance-legend li > bdi[b-tjra46excj] { font-weight: 800; }
.finance-legend--discounts > span[b-tjra46excj], .finance-legend--discounts > bdi[b-tjra46excj] { color: var(--finance-discounts); }
.finance-legend--paid > span[b-tjra46excj], .finance-legend--paid > bdi[b-tjra46excj] { color: var(--finance-paid); }
.finance-legend--remaining > span[b-tjra46excj], .finance-legend--remaining > bdi[b-tjra46excj] { color: var(--finance-remaining); }

.finance-columns[b-tjra46excj] { position: relative; display: grid; height: 14rem; padding: 1.7rem .45rem 0; background: repeating-linear-gradient(to top, transparent 0, transparent calc(25% - 1px), color-mix(in srgb, var(--ds-window-border) 48%, transparent) 25%); border-bottom: 1px solid var(--finance-border); grid-template-columns: repeat(4, 1fr); align-items: end; gap: clamp(.4rem, 1.5vw, 1rem); }
.finance-column[b-tjra46excj] { --column-color: var(--finance-fees); position: relative; display: grid; height: 100%; min-width: 0; padding-top: 1.2rem; align-items: end; grid-template-rows: minmax(0, 1fr) 1.65rem; justify-items: center; }
.finance-column > strong[b-tjra46excj] { position: absolute; z-index: 1; bottom: calc(1.65rem + min(calc(var(--column-value) + .3rem), calc(100% - 2.9rem))); width: 100%; min-width: 0; overflow: hidden; color: var(--ds-text-secondary); font-size: .63rem; font-weight: 750; line-height: 1.2; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.finance-column > span[b-tjra46excj] { grid-row: 1; width: min(2.2rem, 70%); height: var(--column-value); min-height: 0; align-self: end; background: linear-gradient(to top, color-mix(in srgb, var(--column-color) 62%, var(--ds-background)), var(--column-color)); border: 1px solid color-mix(in srgb, var(--column-color) 60%, var(--ds-text-on-accent)); border-bottom: 0; border-radius: .45rem .45rem 0 0; box-shadow: 0 0 15px color-mix(in srgb, var(--column-color) 20%, transparent); transition: height .45s ease; }
.finance-column > small[b-tjra46excj] { display: flex; grid-row: 2; width: 100%; min-width: 0; min-height: 1.65rem; padding: .42rem .1rem 0; color: var(--finance-muted); text-align: center; align-items: flex-start; justify-content: center; font-size: .62rem; line-height: 1.15; overflow-wrap: anywhere; white-space: normal; }
.finance-column--discounts[b-tjra46excj] { --column-color: var(--finance-discounts); }
.finance-column--paid[b-tjra46excj] { --column-color: var(--finance-paid); }
.finance-column--remaining[b-tjra46excj] { --column-color: var(--finance-remaining); }
.finance-chart-hint[b-tjra46excj] { margin: .65rem 0 0; color: var(--finance-muted); font-size: .65rem; }

.finance-collection[b-tjra46excj] { display: grid; margin-top: .9rem; padding: 1rem; background: radial-gradient(circle at 95% 0, color-mix(in srgb, var(--ds-chart-violet) 14%, transparent), transparent 18rem), linear-gradient(130deg, var(--ds-input), var(--ds-window-surface)); border: 1px solid color-mix(in srgb, var(--ds-chart-violet) 28%, transparent); border-radius: 1rem; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 1rem; }
.finance-collection__ring[b-tjra46excj] { position: relative; display: grid; width: 6.1rem; aspect-ratio: 1; background: conic-gradient(var(--finance-collection) var(--collection-value), var(--ds-panel) 0); border-radius: 50%; box-shadow: 0 0 22px color-mix(in srgb, var(--ds-chart-violet) 16%, transparent); place-items: center; }
.finance-collection__ring[b-tjra46excj]::before { position: absolute; inset: .48rem; background: var(--ds-window-surface-raised); border: 1px solid var(--finance-border); border-radius: 50%; content: ""; }
.finance-collection__ring > div[b-tjra46excj] { position: relative; display: flex; align-items: center; flex-direction: column; }
.finance-collection__ring strong[b-tjra46excj] { color: var(--ds-chart-violet-text); font-size: 1.1rem; }
.finance-collection__copy > span[b-tjra46excj] { color: var(--ds-chart-violet-text); font-size: .68rem; font-weight: 750; }
.finance-collection__copy h3[b-tjra46excj] { margin: .15rem 0 .25rem; color: var(--finance-text); font-size: 1rem; }
.finance-collection__copy p[b-tjra46excj] { margin: 0; color: var(--finance-muted); font-size: .72rem; }
.finance-collection__stats[b-tjra46excj] { display: grid; grid-template-columns: repeat(3, minmax(4rem, 1fr)); gap: .5rem; }
.finance-collection__stats div[b-tjra46excj] { padding: .6rem .72rem; background: color-mix(in srgb, var(--ds-background) 58%, transparent); border: 1px solid var(--finance-border); border-radius: .72rem; text-align: center; }
.finance-collection__stats span[b-tjra46excj] { display: block; margin-bottom: .12rem; color: var(--finance-muted); font-size: .6rem; }
.finance-collection__stats strong[b-tjra46excj] { color: var(--ds-chart-violet-text); font-size: .8rem; }
.finance-reconciliation-note[b-tjra46excj] { margin: .75rem 0 0; background: color-mix(in srgb, var(--ds-danger) 6%, transparent); border-color: color-mix(in srgb, var(--ds-danger) 20%, transparent); }
.school-finance-summary__footer[b-tjra46excj] { margin-top: .9rem; padding-top: .9rem; border-top: 1px solid var(--finance-border); }

.finance-empty-state[b-tjra46excj] { display: flex; min-height: 10rem; margin-top: .9rem; padding: 1.25rem; color: var(--finance-muted); background: repeating-linear-gradient(135deg, color-mix(in srgb, var(--ds-input) 72%, transparent) 0 10px, color-mix(in srgb, var(--ds-window-surface-raised) 72%, transparent) 10px 20px); border: 1px dashed var(--ds-border); border-radius: 1rem; text-align: start; align-items: center; justify-content: center; gap: .85rem; }
.finance-empty-state > span[b-tjra46excj] { display: grid; width: 2.8rem; height: 2.8rem; color: var(--ds-text-tertiary); background: var(--ds-input); border: 1px solid var(--finance-border); border-radius: .8rem; place-items: center; }
.finance-empty-state strong[b-tjra46excj] { display: block; color: var(--ds-text-primary); font-size: .9rem; }
.finance-empty-state p[b-tjra46excj] { margin: .2rem 0 0; font-size: .72rem; }

.school-finance-summary--compact[b-tjra46excj] {
    margin-top: 0;
    padding: .7rem;
}

.school-finance-summary--charts-first[b-tjra46excj] {
    display: flex;
    flex-direction: column;
}

.school-finance-summary--charts-first .finance-chart-grid[b-tjra46excj],
.school-finance-summary--charts-first .finance-empty-state[b-tjra46excj] {
    order: -1;
    margin-top: 0;
    margin-bottom: .9rem;
}

.school-finance-summary--compact .school-finance-summary__header h2[b-tjra46excj],
.school-finance-summary--compact .finance-collection__copy h3[b-tjra46excj],
.school-finance-summary--compact .finance-collection__ring strong[b-tjra46excj],
.school-finance-summary--compact .finance-collection__stats strong[b-tjra46excj] {
    font-size: .92rem;
    font-weight: 700;
}

.school-finance-summary--compact .finance-kpi > strong[b-tjra46excj] {
    font-size: .88rem;
}

.school-finance-summary--compact .finance-kpi__top[b-tjra46excj] {
    font-size: .66rem;
}

.school-finance-summary--compact .finance-chart-grid[b-tjra46excj] {
    gap: .7rem;
}

.school-finance-summary--compact .finance-panel[b-tjra46excj] {
    padding: .7rem;
}

.school-finance-summary--compact .finance-panel__heading[b-tjra46excj] {
    margin-bottom: .45rem;
}

.school-finance-summary--compact .finance-distribution__body[b-tjra46excj] {
    grid-template-columns: minmax(6.5rem, 7.5rem) minmax(0, 1fr);
    gap: .7rem;
}

.school-finance-summary--compact .finance-donut[b-tjra46excj] {
    width: min(100%, 7.25rem);
}

.school-finance-summary--compact .finance-legend[b-tjra46excj] {
    gap: .35rem;
}

.school-finance-summary--compact .finance-legend li[b-tjra46excj] {
    padding-bottom: .3rem;
}

.school-finance-summary--compact .finance-columns[b-tjra46excj] {
    height: 8.75rem;
    padding-top: 1.2rem;
}

.school-finance-summary--compact .school-finance-summary__header p[b-tjra46excj],
.school-finance-summary--compact .school-finance-summary__notice[b-tjra46excj],
.school-finance-summary--compact .finance-kpi > strong small[b-tjra46excj],
.school-finance-summary--compact .finance-kpi__meta[b-tjra46excj],
.school-finance-summary--compact .finance-collection__copy > span[b-tjra46excj],
.school-finance-summary--compact .finance-collection__copy p[b-tjra46excj],
.school-finance-summary--compact .finance-collection__stats span[b-tjra46excj] {
    font-size: .72rem;
}

@media (max-width: 991.98px) {
    .finance-kpi-grid[b-tjra46excj] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .finance-chart-grid[b-tjra46excj] { grid-template-columns: 1fr; }
    .finance-collection[b-tjra46excj] { grid-template-columns: auto 1fr; }
    .finance-collection__stats[b-tjra46excj] { grid-column: 1 / -1; }
    .school-finance-summary--compact .finance-distribution__body[b-tjra46excj] {
        grid-template-columns: minmax(7rem, 8rem) minmax(0, 1fr);
    }
    .school-finance-summary--compact .finance-donut[b-tjra46excj] {
        width: min(100%, 7.5rem);
    }
}

@media (max-width: 575.98px) {
    .school-finance-summary[b-tjra46excj] { padding: .85rem; border-radius: 1rem; }
    .finance-kpi-grid[b-tjra46excj] { grid-template-columns: 1fr; }
    .finance-distribution__body[b-tjra46excj] { grid-template-columns: 1fr; }
    .finance-legend li[b-tjra46excj] { grid-template-columns: minmax(0, 1fr) auto; }
    .finance-legend li > bdi[b-tjra46excj] { grid-column: 2; }
    .finance-columns[b-tjra46excj] { height: 12rem; gap: .25rem; }
    .finance-column > strong[b-tjra46excj] { font-size: .58rem; }
    .finance-column > small[b-tjra46excj] { font-size: .58rem; }
    .finance-collection[b-tjra46excj] { grid-template-columns: 1fr; text-align: center; justify-items: center; }
    .finance-collection__stats[b-tjra46excj] { width: 100%; grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .finance-collection__stats div[b-tjra46excj] { padding-inline: .25rem; }
    .school-finance-summary--compact .finance-panel[b-tjra46excj] { padding: .65rem; }
    .school-finance-summary--compact .finance-distribution__body[b-tjra46excj] {
        grid-template-columns: 1fr;
        gap: .5rem;
    }
    .school-finance-summary--compact .finance-donut[b-tjra46excj] {
        width: min(100%, 6.5rem);
    }
    .school-finance-summary--compact .finance-columns[b-tjra46excj] {
        height: 8rem;
        padding-top: 1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .finance-kpi__progress span[b-tjra46excj], .finance-column > span[b-tjra46excj] { transition: none; }
}
/* /Components/Shared/SchoolRecordsLayout.razor.rz.scp.css */
.school-records-workspace[b-5lnd79b9gn] {
    width: 100%;
    max-width: 92rem;
    margin-inline: auto;
}

.school-records-workspace[b-5lnd79b9gn]  .records-heading {
    display: flex;
    margin-bottom: 1.5rem;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.school-records-workspace[b-5lnd79b9gn]  .records-heading h1 {
    margin: .2rem 0 .45rem;
    color: var(--ds-text-primary);
    font-size: clamp(1.7rem, 3vw, 2.3rem);
    font-weight: 700;
}

.school-records-workspace[b-5lnd79b9gn]  .records-heading p,
.school-records-workspace[b-5lnd79b9gn]  .records-muted {
    margin: 0;
    color: var(--ds-text-secondary);
}

.school-records-workspace[b-5lnd79b9gn]  .records-eyebrow {
    color: var(--ds-primary);
    font-size: .82rem;
    font-weight: 700;
}

.school-records-workspace[b-5lnd79b9gn]  .records-card {
    margin-bottom: 1.25rem;
    padding: 1.35rem;
    overflow: hidden;
    border: 1px solid var(--ds-border);
    border-radius: 1rem;
    background: var(--ds-surface);
    box-shadow: 0 10px 28px var(--ds-shadow-color-soft);
}

.school-records-workspace[b-5lnd79b9gn]  .records-card h2,
.school-records-workspace[b-5lnd79b9gn]  .records-card h3 {
    margin: 0 0 .8rem;
    color: var(--ds-text-primary);
    font-weight: 700;
}

.school-records-workspace[b-5lnd79b9gn]  .records-filter-grid,
.school-records-workspace[b-5lnd79b9gn]  .records-form-grid,
.school-records-workspace[b-5lnd79b9gn]  .records-summary-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.school-records-workspace[b-5lnd79b9gn]  .records-form-grid.two-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.school-records-workspace[b-5lnd79b9gn]  .records-field-full {
    grid-column: 1 / -1;
}

.school-records-workspace[b-5lnd79b9gn]  .records-actions {
    display: flex;
    margin-top: 1.2rem;
    flex-wrap: wrap;
    align-items: center;
    gap: .65rem;
}

.school-records-workspace[b-5lnd79b9gn]  .records-table-wrap {
    width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
}

.school-records-workspace[b-5lnd79b9gn]  .records-table {
    min-width: 48rem;
    margin: 0;
}

.school-records-workspace[b-5lnd79b9gn]  .records-table th,
.school-records-workspace[b-5lnd79b9gn]  .records-table td {
    padding: .85rem 1rem;
    vertical-align: middle;
    white-space: nowrap;
}

.school-records-workspace[b-5lnd79b9gn]  .records-table th {
    color: var(--ds-text-secondary);
    font-size: .82rem;
}

.school-records-workspace[b-5lnd79b9gn]  .records-empty {
    padding: 2.5rem 1rem;
    color: var(--ds-text-secondary);
    text-align: center;
}

.school-records-workspace[b-5lnd79b9gn]  .records-summary-item {
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--ds-border);
    border-radius: .85rem;
    background: var(--ds-surface-raised);
}

.school-records-workspace[b-5lnd79b9gn]  .records-summary-item dt {
    margin-bottom: .25rem;
    color: var(--ds-text-secondary);
    font-size: .82rem;
}

.school-records-workspace[b-5lnd79b9gn]  .records-summary-item dd {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--ds-text-primary);
    font-weight: 700;
}

.school-records-workspace[b-5lnd79b9gn]  .records-checkbox-list {
    display: grid;
    max-height: 24rem;
    padding: .25rem;
    overflow-y: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem;
}

.school-records-workspace[b-5lnd79b9gn]  .records-checkbox-item {
    display: flex;
    min-width: 0;
    padding: .85rem;
    border: 1px solid var(--ds-border);
    border-radius: .75rem;
    background: var(--ds-surface);
    align-items: flex-start;
    gap: .65rem;
}

.school-records-workspace[b-5lnd79b9gn]  .records-checkbox-item label {
    min-width: 0;
    cursor: pointer;
}

.school-records-workspace[b-5lnd79b9gn]  .records-student-selector {
    display: grid;
    gap: 1rem;
}

.school-records-workspace[b-5lnd79b9gn]  .records-student-search {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: .75rem;
}

.school-records-workspace[b-5lnd79b9gn]  .records-student-multi-select {
    min-height: 15rem;
    padding: .5rem;
    overflow-x: hidden;
}

.school-records-workspace[b-5lnd79b9gn]  .records-student-multi-select option {
    padding: .55rem .65rem;
    white-space: normal;
}

.school-records-workspace[b-5lnd79b9gn]  .records-student-selector-empty {
    padding: 1rem;
    border: 1px dashed var(--ds-border-strong);
    border-radius: .75rem;
}

.school-records-workspace[b-5lnd79b9gn]  .records-student-pager {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: .75rem;
}

.school-records-workspace[b-5lnd79b9gn]  .records-selected-students {
    padding: 1rem;
    border: 1px solid var(--ds-border);
    border-radius: .75rem;
    background: var(--ds-primary-soft);
}

.school-records-workspace[b-5lnd79b9gn]  .records-selected-students h3 {
    margin-bottom: .75rem;
    color: var(--ds-text-primary);
    font-size: 1rem;
}

.school-records-workspace[b-5lnd79b9gn]  .records-selected-students ul {
    display: grid;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: .55rem;
}

.school-records-workspace[b-5lnd79b9gn]  .records-selected-students li {
    display: flex;
    min-width: 0;
    padding: .65rem .75rem;
    border: 1px solid var(--ds-border);
    border-radius: .65rem;
    background: var(--ds-surface);
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.school-records-workspace[b-5lnd79b9gn]  .records-selected-students li span {
    min-width: 0;
    overflow-wrap: anywhere;
}

.school-records-workspace[b-5lnd79b9gn]  .records-linked-students {
    display: grid;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: .55rem;
}

.school-records-workspace[b-5lnd79b9gn]  .records-linked-students li {
    padding: .7rem .8rem;
    border: 1px solid var(--ds-border);
    border-radius: .65rem;
    background: var(--ds-primary-soft);
    overflow-wrap: anywhere;
}

.school-records-workspace[b-5lnd79b9gn]  .records-confirmation {
    border-color: var(--ds-danger);
    background: var(--ds-danger-soft);
}

.school-records-workspace[b-5lnd79b9gn]  .records-confirmation.warning {
    border-color: var(--ds-warning);
    background: var(--ds-warning-soft);
}

.school-records-workspace[b-5lnd79b9gn]  .records-pager {
    display: flex;
    margin-top: 1rem;
    flex-wrap: wrap;
    justify-content: center;
    gap: .35rem;
}

.school-records-workspace[b-5lnd79b9gn]  .records-pager a,
.school-records-workspace[b-5lnd79b9gn]  .records-pager span {
    display: grid;
    min-width: 2.5rem;
    min-height: 2.5rem;
    padding: .35rem .65rem;
    place-items: center;
    border: 1px solid var(--ds-border);
    border-radius: .6rem;
    color: var(--ds-text-primary);
    background: var(--ds-surface);
    text-decoration: none;
}

.school-records-workspace[b-5lnd79b9gn]  .records-pager .active {
    color: var(--ds-text-on-accent);
    border-color: var(--ds-primary);
    background: var(--ds-selected);
}

@media (max-width: 767.98px) {
    .school-records-workspace[b-5lnd79b9gn]  .records-heading {
        flex-direction: column;
    }

    .school-records-workspace[b-5lnd79b9gn]  .records-heading > .btn {
        width: 100%;
    }

    .school-records-workspace[b-5lnd79b9gn]  .records-filter-grid,
    .school-records-workspace[b-5lnd79b9gn]  .records-form-grid,
    .school-records-workspace[b-5lnd79b9gn]  .records-form-grid.two-columns,
    .school-records-workspace[b-5lnd79b9gn]  .records-summary-grid,
    .school-records-workspace[b-5lnd79b9gn]  .records-checkbox-list {
        grid-template-columns: 1fr;
    }

    .school-records-workspace[b-5lnd79b9gn]  .records-student-search {
        grid-template-columns: 1fr;
    }

    .school-records-workspace[b-5lnd79b9gn]  .records-student-search .btn {
        width: 100%;
    }

    .school-records-workspace[b-5lnd79b9gn]  .records-selected-students li {
        align-items: stretch;
        flex-direction: column;
    }

    .school-records-workspace[b-5lnd79b9gn]  .records-card {
        padding: 1rem;
    }

    .school-records-workspace[b-5lnd79b9gn]  .records-actions .btn {
        flex: 1 1 10rem;
    }
}
/* /Components/Shared/StudentFinancePicker.razor.rz.scp.css */
.student-finance-picker-backdrop[b-ub636lw9qq] {
    position: fixed;
    inset: 0;
    z-index: 2100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    overflow: hidden;
    background: color-mix(in srgb, var(--ds-background) 78%, transparent);
    backdrop-filter: blur(4px);
    overscroll-behavior: contain;
}

.student-finance-picker-modal[b-ub636lw9qq] {
    width: min(1100px, 96vw);
    max-height: 90vh;
    color: var(--ds-window-text);
    border: 1px solid var(--ds-window-border);
    border-radius: 1rem;
    background: linear-gradient(145deg, var(--ds-window-surface-raised), var(--ds-window-surface));
    box-shadow: 0 24px 65px color-mix(in srgb, var(--ds-shadow-base) 34%, transparent);
    direction: rtl;
    font-size: 1rem;
}

.student-finance-picker-header[b-ub636lw9qq],
.student-finance-picker-search[b-ub636lw9qq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.student-finance-picker-header[b-ub636lw9qq] {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--ds-window-border);
}

.student-finance-picker-header h2[b-ub636lw9qq] {
    margin: 0.15rem 0 0;
    color: var(--ds-window-text);
}

.student-finance-picker-header span[b-ub636lw9qq] {
    color: var(--ds-primary);
    font-size: 0.78rem;
    font-weight: 700;
}

.student-finance-picker-body[b-ub636lw9qq] {
    padding: 1rem;
}

.student-finance-picker-search[b-ub636lw9qq] {
    align-items: flex-end;
    margin-bottom: 1rem;
}

.student-finance-picker-field[b-ub636lw9qq] {
    min-width: 0;
    flex: 1 1 0;
}

.student-finance-picker-search > .btn[b-ub636lw9qq] {
    min-width: 6rem;
}

.student-finance-picker-hint[b-ub636lw9qq],
.student-finance-picker-empty[b-ub636lw9qq] {
    margin: 0;
    padding: 1.25rem;
    color: var(--ds-window-muted);
    background: var(--ds-input);
    border: 1px dashed var(--ds-border);
    border-radius: var(--ds-radius-md);
    text-align: center;
}

.student-finance-picker-table-wrap[b-ub636lw9qq] {
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--ds-window-border);
    border-radius: var(--ds-radius-md);
}

.student-finance-picker-table-wrap table[b-ub636lw9qq] {
    min-width: 55rem;
}

.student-finance-picker-table-wrap th[b-ub636lw9qq],
.student-finance-picker-table-wrap td[b-ub636lw9qq] {
    padding: 0.8rem;
    color: var(--ds-window-text);
    font-size: .875rem;
    white-space: nowrap;
}

.student-finance-picker-modal[b-ub636lw9qq]  :is(.form-control, .form-select) {
    color: var(--ds-window-text);
    background-color: var(--ds-input);
    border-color: var(--ds-border);
}

.student-finance-picker-modal[b-ub636lw9qq]  :is(.form-control, .form-select):focus {
    background-color: var(--ds-input);
    border-color: var(--ds-primary);
    box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--ds-primary) 12%, transparent);
}

.student-finance-picker-modal[b-ub636lw9qq]  .table {
    --bs-table-color: var(--ds-window-text);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--ds-window-border);
    color: var(--ds-window-text);
}

.student-finance-picker-modal[b-ub636lw9qq]  .table thead {
    color: var(--ds-window-muted);
    background: var(--ds-input);
}

.student-finance-picker-modal[b-ub636lw9qq]  .btn-primary {
    color: var(--ds-window-text);
    background: var(--ds-action-bg);
    border-color: var(--ds-action-border);
    font-weight: 750;
    box-shadow: none;
}

.student-finance-picker-modal[b-ub636lw9qq]  .btn-primary:hover {
    color: var(--ds-action-text-hover);
    background: var(--ds-action-hover);
    border-color: var(--ds-action-border-hover);
    box-shadow: none;
}

.student-finance-picker-modal[b-ub636lw9qq]  .btn:focus-visible {
    box-shadow: none;
    outline: 1px solid color-mix(in srgb, var(--ds-primary) 35%, transparent);
    outline-offset: 1px;
}

.student-finance-picker-header h2[b-ub636lw9qq],
.student-finance-picker-header span[b-ub636lw9qq],
.student-finance-picker-modal label[b-ub636lw9qq],
.student-finance-picker-hint[b-ub636lw9qq],
.student-finance-picker-empty[b-ub636lw9qq],
.student-finance-picker-table-wrap th[b-ub636lw9qq],
.student-finance-picker-table-wrap td[b-ub636lw9qq],
.student-finance-picker-modal[b-ub636lw9qq]  :is(.form-control, .btn) {
    font-size: 1rem;
}

@media (max-width: 767.98px) {
    .student-finance-picker-search[b-ub636lw9qq] {
        align-items: stretch;
        flex-direction: column;
    }

    .student-finance-picker-search > .btn[b-ub636lw9qq] {
        width: 100%;
    }
}
/* /Components/Shared/StudentInstallmentSchedule.razor.rz.scp.css */
.student-installment-schedule[b-qow97e2qqg] {
    margin-top: 1.25rem;
    padding: 1.15rem;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-md);
    background: var(--ds-surface-raised);
}

.student-installment-schedule__heading[b-qow97e2qqg] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.student-installment-schedule__heading h3[b-qow97e2qqg] {
    margin: 0;
    color: var(--ds-text-primary);
    font-size: 1.05rem;
}

.student-installment-schedule__heading p[b-qow97e2qqg],
.student-installment-schedule__empty[b-qow97e2qqg] {
    margin: 0.35rem 0 0;
    color: var(--ds-text-secondary);
}

.student-installment-schedule__count[b-qow97e2qqg] {
    padding: 0.35rem 0.6rem;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-pill);
    color: var(--ds-text-secondary);
    background: var(--ds-background);
    font-size: 0.78rem;
    font-weight: 700;
    white-space: nowrap;
}

.student-installment-schedule__table-wrap[b-qow97e2qqg] {
    width: 100%;
    margin-top: 1rem;
    overflow-x: auto;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-md);
}

.student-installment-schedule__table[b-qow97e2qqg] {
    min-width: 64rem;
    margin: 0;
}

.student-installment-schedule__table th[b-qow97e2qqg],
.student-installment-schedule__table td[b-qow97e2qqg] {
    padding: 0.75rem;
    vertical-align: middle;
}

.student-installment-schedule__money[b-qow97e2qqg] {
    direction: ltr;
    unicode-bidi: isolate;
    white-space: nowrap;
    color: var(--ds-text-primary);
    font-weight: 700;
}

.student-installment-schedule__statuses[b-qow97e2qqg] {
    display: flex;
    min-width: 9rem;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.student-installment-schedule__status[b-qow97e2qqg] {
    display: inline-flex;
    padding: 0.3rem 0.55rem;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-pill);
    color: var(--ds-text-secondary);
    background: var(--ds-background);
    font-size: 0.75rem;
    font-weight: 700;
    white-space: nowrap;
}

.student-installment-schedule__status.paid[b-qow97e2qqg],
.student-installment-schedule__status.discount-covered[b-qow97e2qqg] {
    color: var(--ds-success-strong);
    border-color: var(--ds-success-border);
    background: var(--ds-success-soft);
}

.student-installment-schedule__status.partial[b-qow97e2qqg],
.student-installment-schedule__status.due-today[b-qow97e2qqg] {
    color: var(--ds-warning-strong);
    border-color: var(--ds-warning-border);
    background: var(--ds-warning-soft);
}

.student-installment-schedule__status.overdue[b-qow97e2qqg] {
    color: var(--ds-danger-strong);
    border-color: var(--ds-danger-border);
    background: var(--ds-danger-soft);
}

.student-installment-schedule__status.upcoming[b-qow97e2qqg] {
    color: var(--ds-info-strong);
    border-color: var(--ds-info-border);
    background: var(--ds-info-soft);
}

@media (max-width: 575.98px) {
    .student-installment-schedule[b-qow97e2qqg] {
        padding: 0.9rem;
    }

    .student-installment-schedule__heading[b-qow97e2qqg] {
        align-items: stretch;
        flex-direction: column;
    }

    .student-installment-schedule__count[b-qow97e2qqg] {
        align-self: flex-start;
    }
}