/* /Components/Common/AppSectionSidebar.razor.rz.scp.css */
.app-section-sidebar[b-ivotffl76j] {
    background: var(--shala-surface);
    border: 1px solid var(--shala-border);
    border-radius: var(--shala-radius-lg);
    box-shadow: var(--shala-shadow-soft);
    overflow: hidden;
}

.app-section-sidebar__header[b-ivotffl76j] {
    padding: 16px;
    border-bottom: 1px solid var(--shala-border);
}

.app-section-sidebar__items[b-ivotffl76j] {
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.app-section-sidebar__item[b-ivotffl76j] {
    width: 100%;
    border: 0;
    background: transparent;
    color: var(--shala-text);
    border-radius: 12px;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    text-align: left;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

    .app-section-sidebar__item:hover[b-ivotffl76j] {
        background: var(--shala-primary-light);
    }

    .app-section-sidebar__item.is-active[b-ivotffl76j] {
        background: var(--shala-primary);
        color: #ffffff;
    }

    .app-section-sidebar__item.is-disabled[b-ivotffl76j] {
        opacity: 0.55;
        cursor: not-allowed;
    }

    .app-section-sidebar__item span[b-ivotffl76j] {
        flex: 1;
        font-weight: 600;
    }

@media (max-width: 960px) {
    .app-section-sidebar__items[b-ivotffl76j] {
        flex-direction: row;
        overflow-x: auto;
    }

    .app-section-sidebar__item[b-ivotffl76j] {
        min-width: max-content;
    }
}
/* /Components/Common/AppTableCard.razor.rz.scp.css */
.app-table-card__header[b-vi3n9yx55o] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 16px 12px;
    border-bottom: 1px solid var(--shala-border);
}

.app-table-card__actions[b-vi3n9yx55o] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.app-table-card__toolbar[b-vi3n9yx55o] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--shala-border);
    background: #f8fafc;
}

@media (max-width: 768px) {
    .app-table-card__header[b-vi3n9yx55o] {
        flex-direction: column;
    }

    .app-table-card__actions[b-vi3n9yx55o] {
        width: 100%;
    }
}
.app-table-card__empty-actions[b-vi3n9yx55o] {
    display: flex;
    justify-content: center;
    padding: 0 16px 24px;
}

.app-table-card__footer[b-vi3n9yx55o] {
    padding: 12px 16px;
    border-top: 1px solid var(--shala-border);
    background: #f8fafc;
}


.app-table-card__empty-actions[b-vi3n9yx55o] {
    display: flex;
    justify-content: center;
    padding: 0 16px 24px;
}

.app-table-card__footer[b-vi3n9yx55o] {
    padding: 12px 16px;
    border-top: 1px solid var(--shala-border);
    background: #f8fafc;
}
/* /Components/Common/AssetPreview.razor.rz.scp.css */
.asset-preview-card[b-m1f2rsedmy] {
    min-height: 140px;
    padding: 12px;
    border: 1px solid rgba(15, 23, 42, 0.10);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.04);
}

.asset-preview-header[b-m1f2rsedmy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.asset-preview-title[b-m1f2rsedmy] {
    font-weight: 800;
    color: #334155;
}

.asset-preview-body[b-m1f2rsedmy] {
    min-height: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed rgba(15, 23, 42, 0.14);
    border-radius: 14px;
    background: linear-gradient(45deg, rgba(15, 23, 42, 0.025) 25%, transparent 25%), linear-gradient(-45deg, rgba(15, 23, 42, 0.025) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(15, 23, 42, 0.025) 75%), linear-gradient(-45deg, transparent 75%, rgba(15, 23, 42, 0.025) 75%);
    background-size: 18px 18px;
    background-position: 0 0, 0 9px, 9px -9px, -9px 0;
}

.asset-preview-image[b-m1f2rsedmy] {
    max-width: 88px;
    max-height: 88px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}

.asset-preview-empty[b-m1f2rsedmy] {
    min-height: 76px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #94a3b8;
    font-size: 0.78rem;
    font-weight: 600;
    text-align: center;
}

    .asset-preview-empty.is-hidden[b-m1f2rsedmy] {
        display: none;
    }
/* /Components/Common/SectionHeader.razor.rz.scp.css */
.section-header[b-bmzk74raoz] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.section-header-icon[b-bmzk74raoz] {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.10);
}

.section-header-content[b-bmzk74raoz] {
    min-width: 0;
    flex: 1 1 auto;
}

.section-header-title[b-bmzk74raoz] {
    font-weight: 800;
    line-height: 1.25;
    color: #0f172a;
}

.section-header-subtitle[b-bmzk74raoz] {
    margin-top: 2px;
    line-height: 1.4;
}

.section-header-actions[b-bmzk74raoz] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

@media (max-width: 600px) {
    .section-header[b-bmzk74raoz] {
        align-items: flex-start;
    }

    .section-header-actions[b-bmzk74raoz] {
        margin-left: auto;
    }
}
/* /Components/Dialogs/StudentAdditionalDetailsDialog.razor.rz.scp.css */
body[b-stelqbkzd4] {
}
/* /Components/Fees/CollectFeeDialog.razor.rz.scp.css */
/*.collect-fee-dialog .mud-dialog {
    width: 88vw !important;
    max-width: 1180px !important;
}

.collect-fee-dialog .mud-dialog-content {
    padding: 20px;
    max-height: 76vh;
    overflow-y: auto;
    background: #f8fafc;
}

.collect-fee-dialog .mud-dialog-actions {
    padding: 14px 20px;
    gap: 10px;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    background: #ffffff;
}

.collect-fee-topbar,
.charges-section,
.payment-section {
    padding: 16px;
    border-radius: 16px;
    background: #ffffff;
}

.collect-fee-header {
    gap: 14px;
}

.collect-fee-actions {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.fee-mini-card {
    padding: 14px;
    border-radius: 14px;
    background: #ffffff;
    height: 100%;
}

    .fee-mini-card.selected-total {
        border-color: var(--mud-palette-primary);
    }

    .fee-mini-card.overdue-total {
        border-color: var(--mud-palette-error);
    }

.section-title-row {
    margin-bottom: 10px;
    gap: 10px;
}

.fee-table-scroll {
    width: 100%;
    overflow-x: auto;
    border-radius: 12px;
}

.fee-table {
    min-width: 1050px;
}

    .fee-table th,
    .fee-table td {
        white-space: nowrap;
    }

.pay-now-cell {
    min-width: 155px;
}

.pay-now-field {
    width: 145px;
    margin-left: auto;
}

.overdue-chip {
    width: fit-content;
}

.fw-700 {
    font-weight: 700;
}

.fw-600 {
    font-weight: 600;
}

.mb-2 {
    margin-bottom: 8px;
}

.mt-1 {
    margin-top: 4px;
}

@@media (max-width: 1200px) {
    .collect-fee-dialog .mud-dialog {
        width: 94vw !important;
        max-width: 94vw !important;
    }

    .fee-table {
        min-width: 980px;
    }
}

@@media (max-width: 768px) {
    .collect-fee-dialog .mud-dialog {
        width: 100vw !important;
        max-width: 100vw !important;
        margin: 0 !important;
        border-radius: 0 !important;
    }

    .collect-fee-dialog .mud-dialog-content {
        padding: 14px;
        max-height: calc(100vh - 86px);
    }

    .collect-fee-topbar,
    .charges-section,
    .payment-section {
        padding: 14px;
        border-radius: 14px;
    }

    .collect-fee-header {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .collect-fee-actions {
        width: 100%;
        justify-content: flex-start;
    }

        .collect-fee-actions .mud-button-root {
            flex: 1 1 auto;
            min-width: 110px;
        }

    .section-title-row {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .fee-table {
        min-width: 900px;
    }
}

@@media (max-width: 600px) {
    .collect-fee-dialog .mud-dialog-actions {
        flex-direction: column-reverse;
        align-items: stretch;
    }

        .collect-fee-dialog .mud-dialog-actions .mud-button-root {
            width: 100%;
        }

    .fee-mini-card {
        padding: 12px;
    }

    .pay-now-field {
        width: 130px;
    }
}
*/
/* /Components/Layouts/MainLayout.razor.rz.scp.css */
.page[b-ail251nir9] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-ail251nir9] {
    flex: 1;
}

.sidebar[b-ail251nir9] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-ail251nir9] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-ail251nir9]  a, .top-row[b-ail251nir9]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-ail251nir9]  a:hover, .top-row[b-ail251nir9]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-ail251nir9]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-ail251nir9] {
        justify-content: space-between;
    }

    .top-row[b-ail251nir9]  a, .top-row[b-ail251nir9]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-ail251nir9] {
        flex-direction: row;
    }

    .sidebar[b-ail251nir9] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-ail251nir9] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-ail251nir9]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-ail251nir9], article[b-ail251nir9] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-ail251nir9] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-ail251nir9] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layouts/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-ah8ocy4q9a],
.components-reconnect-repeated-attempt-visible[b-ah8ocy4q9a],
.components-reconnect-failed-visible[b-ah8ocy4q9a],
.components-pause-visible[b-ah8ocy4q9a],
.components-resume-failed-visible[b-ah8ocy4q9a],
.components-rejoining-animation[b-ah8ocy4q9a] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layouts/TenantMainLayout.razor.rz.scp.css */
.tenant-layout-shell[b-5irelu4vn4] {
    min-height: 100vh;
    background: var(--mud-palette-background);
}

.tenant-drawer[b-5irelu4vn4] {
    height: 100vh !important;
    max-height: 100vh !important;
    overflow: hidden !important;
    background: var(--mud-palette-drawer-background) !important;
    color: var(--mud-palette-drawer-text) !important;
    border-right: 0 !important;
}

    .tenant-drawer .mud-drawer-content[b-5irelu4vn4] {
        height: 100vh !important;
        max-height: 100vh !important;
        overflow: hidden !important;
    }

.tenant-drawer-inner[b-5irelu4vn4] {
    height: 100vh !important;
    max-height: 100vh !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 16px !important;
    overflow: hidden !important;
}

.tenant-drawer-header[b-5irelu4vn4] {
    flex: 0 0 auto !important;
    min-height: auto !important;
}

.tenant-brand-card[b-5irelu4vn4] {
    width: 100%;
    flex: 0 0 auto !important;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px;
    border-color: color-mix(in srgb, var(--mud-palette-drawer-text) 14%, transparent) !important;
    border-radius: 20px;
    background: color-mix(in srgb, var(--mud-palette-drawer-text) 10%, transparent);
    cursor: pointer;
    text-align: left;
    transition: all 0.18s ease;
}

    .tenant-brand-card:hover[b-5irelu4vn4] {
        transform: translateY(-1px);
        background: color-mix(in srgb, var(--mud-palette-drawer-text) 15%, transparent);
    }

.tenant-logo-wrap[b-5irelu4vn4] {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    border-radius: 18px !important;
    background: var(--mud-palette-surface) !important;
    border-color: color-mix(in srgb, var(--mud-palette-drawer-text) 45%, transparent) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px !important;
    overflow: hidden !important;
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.22) !important;
}

    .tenant-logo-wrap img[b-5irelu4vn4] {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        display: block !important;
    }

.tenant-brand-text[b-5irelu4vn4],
.tenant-user-info[b-5irelu4vn4],
.tenant-branch-info[b-5irelu4vn4] {
    min-width: 0;
    overflow: hidden;
}

.tenant-brand-title[b-5irelu4vn4],
.tenant-user-name[b-5irelu4vn4],
.tenant-branch-title[b-5irelu4vn4] {
    color: var(--mud-palette-drawer-text) !important;
    font-weight: 900 !important;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tenant-brand-subtitle[b-5irelu4vn4],
.tenant-user-email[b-5irelu4vn4],
.tenant-branch-subtitle[b-5irelu4vn4] {
    color: color-mix(in srgb, var(--mud-palette-drawer-text) 70%, transparent) !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tenant-nav-scroll[b-5irelu4vn4] {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 2px 4px 2px 0 !important;
    border-radius: 18px !important;
}

.tenant-nav-menu[b-5irelu4vn4] {
    padding: 0 !important;
    overflow: visible !important;
}

.tenant-nav-scroll[b-5irelu4vn4]::-webkit-scrollbar {
    width: 6px;
}

.tenant-nav-scroll[b-5irelu4vn4]::-webkit-scrollbar-track {
    background: color-mix(in srgb, var(--mud-palette-drawer-text) 8%, transparent);
    border-radius: 999px;
}

.tenant-nav-scroll[b-5irelu4vn4]::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--mud-palette-drawer-text) 28%, transparent);
    border-radius: 999px;
}

    .tenant-nav-scroll[b-5irelu4vn4]::-webkit-scrollbar-thumb:hover {
        background: color-mix(in srgb, var(--mud-palette-drawer-text) 42%, transparent);
    }

.tenant-nav-menu .mud-nav-link[b-5irelu4vn4] {
    min-height: 44px;
    border-radius: 15px;
    margin: 5px 0;
    padding: 10px 12px;
    color: color-mix(in srgb, var(--mud-palette-drawer-text) 84%, transparent) !important;
    font-weight: 800;
    transition: all 0.16s ease;
}

    .tenant-nav-menu .mud-nav-link .mud-icon-root[b-5irelu4vn4],
    .tenant-nav-menu .mud-nav-link .mud-nav-link-icon[b-5irelu4vn4] {
        color: color-mix(in srgb, var(--mud-palette-drawer-icon) 80%, transparent) !important;
    }

    .tenant-nav-menu .mud-nav-link:hover[b-5irelu4vn4] {
        background: color-mix(in srgb, var(--mud-palette-drawer-text) 10%, transparent) !important;
        color: var(--mud-palette-drawer-text) !important;
        transform: translateX(2px);
    }

        .tenant-nav-menu .mud-nav-link:hover .mud-icon-root[b-5irelu4vn4],
        .tenant-nav-menu .mud-nav-link:hover .mud-nav-link-icon[b-5irelu4vn4] {
            color: var(--mud-palette-drawer-text) !important;
        }

    .tenant-nav-menu .mud-nav-link.active[b-5irelu4vn4],
    .tenant-nav-menu .mud-nav-link.mud-nav-link-active[b-5irelu4vn4] {
        background: var(--mud-palette-surface) !important;
        color: var(--mud-palette-primary) !important;
        font-weight: 900;
        box-shadow: 0 12px 26px rgba(0, 0, 0, 0.20);
    }

        .tenant-nav-menu .mud-nav-link.active .mud-nav-link-text[b-5irelu4vn4],
        .tenant-nav-menu .mud-nav-link.mud-nav-link-active .mud-nav-link-text[b-5irelu4vn4],
        .tenant-nav-menu .mud-nav-link.active .mud-icon-root[b-5irelu4vn4],
        .tenant-nav-menu .mud-nav-link.mud-nav-link-active .mud-icon-root[b-5irelu4vn4],
        .tenant-nav-menu .mud-nav-link.active .mud-nav-link-icon[b-5irelu4vn4],
        .tenant-nav-menu .mud-nav-link.mud-nav-link-active .mud-nav-link-icon[b-5irelu4vn4] {
            color: var(--mud-palette-primary) !important;
        }

.tenant-nav-menu .mud-nav-group[b-5irelu4vn4] {
    color: color-mix(in srgb, var(--mud-palette-drawer-text) 84%, transparent) !important;
}

    .tenant-nav-menu .mud-nav-group .mud-nav-group-button[b-5irelu4vn4] {
        min-height: 44px;
        border-radius: 15px;
        margin: 5px 0;
        padding: 10px 12px;
        color: color-mix(in srgb, var(--mud-palette-drawer-text) 84%, transparent) !important;
        font-weight: 800;
    }

        .tenant-nav-menu .mud-nav-group .mud-nav-group-button:hover[b-5irelu4vn4] {
            background: color-mix(in srgb, var(--mud-palette-drawer-text) 10%, transparent) !important;
            color: var(--mud-palette-drawer-text) !important;
        }

        .tenant-nav-menu .mud-nav-group .mud-nav-group-button .mud-icon-root[b-5irelu4vn4] {
            color: color-mix(in srgb, var(--mud-palette-drawer-icon) 80%, transparent) !important;
        }

        .tenant-nav-menu .mud-nav-group .mud-nav-group-button:hover .mud-icon-root[b-5irelu4vn4] {
            color: var(--mud-palette-drawer-text) !important;
        }

    .tenant-nav-menu .mud-nav-group .mud-navmenu[b-5irelu4vn4] {
        margin-left: 8px;
        padding-left: 8px;
        border-left: 1px solid color-mix(in srgb, var(--mud-palette-drawer-text) 12%, transparent);
    }

.tenant-sidebar-bottom[b-5irelu4vn4] {
    flex: 0 0 auto !important;
    margin-top: 0 !important;
    padding-top: 10px !important;
    border-top: 1px solid color-mix(in srgb, var(--mud-palette-drawer-text) 10%, transparent) !important;
    background: transparent !important;
}

.tenant-info-block[b-5irelu4vn4] {
    margin-bottom: 0;
}

.tenant-section-label[b-5irelu4vn4] {
    display: block;
    color: color-mix(in srgb, var(--mud-palette-drawer-text) 62%, transparent) !important;
    font-weight: 900 !important;
    letter-spacing: 0.10em;
    margin-bottom: 8px;
}

.tenant-branch-card[b-5irelu4vn4] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border-radius: 18px;
    background: color-mix(in srgb, var(--mud-palette-drawer-text) 8%, transparent);
    border-color: color-mix(in srgb, var(--mud-palette-drawer-text) 10%, transparent) !important;
}

.tenant-branch-icon-wrap[b-5irelu4vn4] {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 14px;
    background: color-mix(in srgb, var(--mud-palette-secondary) 18%, transparent);
    color: var(--mud-palette-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
}

.tenant-main-content[b-5irelu4vn4] {
    min-height: 100vh;
    background: transparent;
}

.tenant-topbar[b-5irelu4vn4] {
    height: 72px;
    background: var(--mud-palette-appbar-background) !important;
    color: var(--mud-palette-appbar-text) !important;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    padding: 0 24px;
    backdrop-filter: blur(14px);
}

.tenant-menu-btn[b-5irelu4vn4] {
    margin-right: 12px;
    border-radius: 14px !important;
    background: var(--mud-palette-background) !important;
}

.tenant-topbar-school[b-5irelu4vn4] {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    line-height: 1.2;
    min-width: 0 !important;
}

.tenant-topbar-logo-wrap[b-5irelu4vn4] {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 12px;
    background: var(--mud-palette-surface);
    border-color: var(--mud-palette-lines-default) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    overflow: hidden;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

    .tenant-topbar-logo-wrap img[b-5irelu4vn4] {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
    }

.tenant-topbar-school-text[b-5irelu4vn4] {
    min-width: 0;
    overflow: hidden;
}

.tenant-topbar-title[b-5irelu4vn4] {
    font-weight: 950 !important;
    color: var(--mud-palette-appbar-text) !important;
    max-width: 420px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tenant-topbar-subtitle[b-5irelu4vn4] {
    color: var(--mud-palette-text-secondary) !important;
    max-width: 420px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tenant-topbar-actions[b-5irelu4vn4] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex-wrap: nowrap;
}

.tenant-topbar-user[b-5irelu4vn4] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-right: 0;
    padding: 7px 10px;
    border-radius: 999px;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
}

.tenant-topbar-user-text[b-5irelu4vn4] {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.tenant-topbar-user-name[b-5irelu4vn4] {
    font-weight: 900 !important;
    color: var(--mud-palette-text-primary) !important;
    max-width: 170px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tenant-topbar-user-role[b-5irelu4vn4] {
    color: var(--mud-palette-text-secondary) !important;
}

.tenant-topbar-logout[b-5irelu4vn4] {
    font-weight: 900 !important;
    border-radius: 999px !important;
}

.tenant-page-container[b-5irelu4vn4] {
    padding: 24px;
    max-width: 1600px;
    margin: 0 auto;
}

.receipt-preview-logo[b-5irelu4vn4] {
    display: block;
    max-width: 96px;
    max-height: 72px;
    object-fit: contain;
    margin: 0 auto 10px auto;
}

@media (max-width: 960px) {
    .tenant-topbar[b-5irelu4vn4] {
        padding: 0 16px;
    }

    .tenant-page-container[b-5irelu4vn4] {
        padding: 18px;
    }

    .tenant-topbar-title[b-5irelu4vn4],
    .tenant-topbar-subtitle[b-5irelu4vn4] {
        max-width: 280px;
    }
}

@media (max-width: 768px) {
    .tenant-topbar[b-5irelu4vn4] {
        height: 64px;
    }

    .tenant-topbar-user[b-5irelu4vn4],
    .tenant-topbar-logout[b-5irelu4vn4] {
        display: none;
    }

    .tenant-page-container[b-5irelu4vn4] {
        padding: 14px;
    }

    .tenant-topbar-logo-wrap[b-5irelu4vn4] {
        width: 34px;
        height: 34px;
        min-width: 34px;
        border-radius: 10px;
    }

    .tenant-topbar-school[b-5irelu4vn4] {
        gap: 9px !important;
        max-width: 58vw;
    }

    .tenant-topbar-title[b-5irelu4vn4],
    .tenant-topbar-subtitle[b-5irelu4vn4] {
        max-width: 190px;
    }
}

@media (max-width: 420px) {
    .tenant-topbar-school[b-5irelu4vn4],
    .tenant-topbar-title[b-5irelu4vn4],
    .tenant-topbar-subtitle[b-5irelu4vn4] {
        max-width: 170px;
    }

    .tenant-page-container[b-5irelu4vn4] {
        padding: 12px;
    }
}
/* /Components/Notification/NotificationBell.razor.rz.scp.css */
.notification-bell-wrapper[b-eehyqgk4yw] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.notification-bell-activator[b-eehyqgk4yw] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.notification-bell-badge[b-eehyqgk4yw] {
    position: absolute;
    top: 2px;
    right: 1px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    display: inline-grid;
    place-items: center;
    background: var(--mud-palette-error);
    color: var(--mud-palette-error-text);
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    box-shadow: 0 0 0 2px var(--mud-palette-surface);
    pointer-events: none;
}

.notification-panel[b-eehyqgk4yw] {
    width: min(390px, calc(100vw - 24px));
    max-height: min(620px, calc(100vh - 96px));
    border-radius: 18px;
    overflow: hidden;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
}

.notification-panel__header[b-eehyqgk4yw],
.notification-panel__footer[b-eehyqgk4yw] {
    padding: 12px 14px;
}

.notification-panel__header[b-eehyqgk4yw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.notification-panel__body[b-eehyqgk4yw] {
    max-height: 440px;
    overflow: auto;
}

.notification-panel__state[b-eehyqgk4yw] {
    min-height: 150px;
    display: grid;
    place-items: center;
    gap: 8px;
    padding: 18px;
}

.notification-list[b-eehyqgk4yw] {
    padding: 6px;
}

.notification-list__item[b-eehyqgk4yw] {
    border-radius: 14px;
    margin-bottom: 6px;
    border: 1px solid transparent;
}

    .notification-list__item:hover[b-eehyqgk4yw] {
        background: var(--mud-palette-action-default-hover);
    }

.notification-list__item--unread[b-eehyqgk4yw] {
    background: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent);
    border-color: color-mix(in srgb, var(--mud-palette-primary) 18%, transparent);
}

.notification-item[b-eehyqgk4yw] {
    width: 100%;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    align-items: flex-start;
    padding: 6px 2px;
}

.notification-item__avatar[b-eehyqgk4yw] {
    margin-top: 2px;
}

.notification-item__content[b-eehyqgk4yw] {
    min-width: 0;
}

.notification-item__title-row[b-eehyqgk4yw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

.notification-item__title[b-eehyqgk4yw] {
    font-weight: 700;
    line-height: 1.25;
}

.notification-list__item--unread .notification-item__title[b-eehyqgk4yw] {
    color: var(--mud-palette-primary);
}

.notification-item__dot[b-eehyqgk4yw] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    margin-top: 6px;
    background: var(--mud-palette-primary);
    flex: 0 0 auto;
}

.notification-item__message[b-eehyqgk4yw] {
    display: -webkit-box;
    margin-top: 3px;
    color: var(--mud-palette-text-secondary);
    line-height: 1.35;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.notification-item__meta[b-eehyqgk4yw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 8px;
}

@media (max-width: 600px) {
    .notification-panel[b-eehyqgk4yw] {
        width: calc(100vw - 16px);
    }

    .notification-panel__body[b-eehyqgk4yw] {
        max-height: 420px;
    }

    .notification-item__meta[b-eehyqgk4yw] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Platforms/Tabs/ModuleAccessTab.razor.rz.scp.css */
.module-access-hero[b-xev28oowve],
.module-access-card[b-xev28oowve],
.module-access-summary[b-xev28oowve] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 22px;
    background: var(--mud-palette-surface);
    box-shadow: var(--shala-card-shadow, 0 10px 28px rgba(15, 23, 42, .05));
}

.module-access-hero[b-xev28oowve],
.module-access-card[b-xev28oowve],
.module-access-summary[b-xev28oowve] {
    padding: 18px;
}

.module-access-center[b-xev28oowve] {
    min-height: 180px;
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.module-access-hero-icon[b-xev28oowve] {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 18px;
    color: var(--mud-palette-primary-text);
    background: var(--mud-palette-primary);
    box-shadow: 0 10px 24px color-mix(in srgb, var(--mud-palette-primary) 24%, transparent);
}

.module-access-title[b-xev28oowve],
.module-name[b-xev28oowve] {
    font-weight: 800;
    letter-spacing: -.01em;
}

.module-access-table[b-xev28oowve] {
    width: 100%;
}

    .module-access-table .mud-table-container[b-xev28oowve] {
        border-radius: 18px;
    }

    .module-access-table .mud-table-cell[b-xev28oowve] {
        vertical-align: middle;
    }

.module-icon[b-xev28oowve] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 15px;
}

.module-icon-active[b-xev28oowve] {
    color: var(--mud-palette-success);
    background: color-mix(in srgb, var(--mud-palette-success) 12%, transparent);
}

.module-icon-inactive[b-xev28oowve] {
    color: var(--mud-palette-text-secondary);
    background: color-mix(in srgb, var(--mud-palette-text-secondary) 10%, transparent);
}

.module-access-reason[b-xev28oowve] {
    display: block;
    margin-top: 4px;
}

.module-access-actions[b-xev28oowve] {
    margin-top: 4px;
}

.module-access-warning[b-xev28oowve] {
    border-radius: 18px;
}

@media (max-width: 700px) {
    .module-access-hero-wrap[b-xev28oowve],
    .module-access-header-wrap[b-xev28oowve] {
        align-items: flex-start;
        flex-direction: column;
    }

    .module-access-actions[b-xev28oowve] {
        justify-content: stretch;
        flex-direction: column;
    }

        .module-access-actions .mud-button-root[b-xev28oowve] {
            width: 100%;
        }
}


.module-access-filter-reset[b-xev28oowve] {
    height: 40px;
    width: 100%;
}
/* /Components/Platforms/Tabs/RolePermissionsTab.razor.rz.scp.css */
.role-permissions-tab[b-2m1arbmv37] {
    width: 100%;
}

.role-permissions-header[b-2m1arbmv37] {
    gap: 1rem;
}

.role-permission-role-select[b-2m1arbmv37] {
    min-width: 220px;
}

.role-permission-search[b-2m1arbmv37] {
    min-width: 280px;
}

.role-permission-source-select[b-2m1arbmv37] {
    min-width: 190px;
}

.role-permissions-toolbar[b-2m1arbmv37] {
    position: sticky;
    top: 0;
    z-index: 2;
}

.role-permission-changebar[b-2m1arbmv37] {
    padding: 0.85rem 1rem;
    border-radius: var(--mud-default-borderradius);
}

.role-permission-modules[b-2m1arbmv37] {
    display: block;
}

.role-permission-module-header[b-2m1arbmv37] {
    gap: 0.75rem;
}

.role-permission-row[b-2m1arbmv37] {
    padding: 0.75rem;
    border-radius: var(--mud-default-borderradius);
}

.role-permission-row--pending[b-2m1arbmv37] {
    border-color: var(--mud-palette-info) !important;
}

.role-permission-row--override[b-2m1arbmv37] {
    background-color: color-mix(in srgb, var(--mud-palette-warning) 6%, transparent);
}

.role-permission-row-content[b-2m1arbmv37] {
    gap: 1rem;
}

.role-permission-main[b-2m1arbmv37] {
    min-width: 0;
    flex: 1 1 360px;
}

.role-permission-name[b-2m1arbmv37] {
    font-weight: 600;
}

.role-permission-controls[b-2m1arbmv37] {
    flex: 0 0 auto;
}

@media (max-width: 768px) {
    .role-permission-search[b-2m1arbmv37],
    .role-permission-source-select[b-2m1arbmv37],
    .role-permission-role-select[b-2m1arbmv37] {
        width: 100%;
        min-width: 100%;
    }

    .role-permission-row-content[b-2m1arbmv37],
    .role-permission-controls[b-2m1arbmv37] {
        width: 100%;
    }

    .role-permission-controls[b-2m1arbmv37] {
        justify-content: flex-start !important;
        flex-wrap: wrap;
    }
}
/* /Components/Platforms/Tabs/TenantStatusTab.razor.rz.scp.css */
.tenant-status-card[b-pni1bfrg1b] {
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 18px;
    padding: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.tenant-status-card-active[b-pni1bfrg1b] {
    border-left: 4px solid #22c55e;
}

.tenant-status-card-inactive[b-pni1bfrg1b] {
    border-left: 4px solid #f59e0b;
}

.tenant-status-card-deleted[b-pni1bfrg1b] {
    border-left: 4px solid #ef4444;
}

.tenant-status-header[b-pni1bfrg1b] {
    gap: 12px;
}

.tenant-status-icon[b-pni1bfrg1b] {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tenant-status-active[b-pni1bfrg1b] {
    background: rgba(34, 197, 94, 0.12);
    color: #16a34a;
}

.tenant-status-inactive[b-pni1bfrg1b] {
    background: rgba(245, 158, 11, 0.14);
    color: #d97706;
}

.tenant-status-deleted[b-pni1bfrg1b] {
    background: rgba(239, 68, 68, 0.12);
    color: #dc2626;
}

.tenant-status-alert[b-pni1bfrg1b] {
    border-radius: 14px;
}

.tenant-action-box[b-pni1bfrg1b] {
    border-radius: 16px;
    padding: 16px;
}

.tenant-access-box[b-pni1bfrg1b] {
    border: 1px solid rgba(148, 163, 184, 0.22);
    background: #ffffff;
}

.tenant-danger-box[b-pni1bfrg1b] {
    border: 1px dashed rgba(239, 68, 68, 0.45);
    background: rgba(254, 242, 242, 0.58);
}

.tenant-restore-box[b-pni1bfrg1b] {
    border: 1px dashed rgba(34, 197, 94, 0.45);
    background: rgba(240, 253, 244, 0.72);
}

.tenant-action-title[b-pni1bfrg1b] {
    font-weight: 700;
}

.tenant-action-row[b-pni1bfrg1b] {
    margin-top: 4px;
}

.tenant-section-title[b-pni1bfrg1b] {
    font-weight: 700;
    letter-spacing: -0.01em;
}
/* /Components/Platforms/TenantDetailsPanel.razor.rz.scp.css */

@keyframes tenant-panel-enter-b-vzw3i8ayuu {
    from {
        opacity: 0;
        transform: translateY(10px) scale(.995);
    }

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

@media (max-width: 700px) {
    .tenant-detail-header[b-vzw3i8ayuu] {
        flex-direction: column;
        padding: 16px;
        border-radius: 20px;
    }

    .tenant-detail-title-wrap[b-vzw3i8ayuu] {
        align-items: flex-start;
    }

    .tenant-avatar[b-vzw3i8ayuu] {
        width: 46px;
        height: 46px;
        border-radius: 16px;
    }

    .tenant-detail-header-actions[b-vzw3i8ayuu] {
        width: 100%;
        justify-content: space-between;
    }

    .tenant-close-btn[b-vzw3i8ayuu] {
        align-self: flex-end;
    }

    .tenant-action-row[b-vzw3i8ayuu] {
        justify-content: stretch;
    }

    [b-vzw3i8ayuu] .tenant-action-row .mud-button-root {
        width: 100%;
    }

    .tenant-current-plan-header[b-vzw3i8ayuu] {
        align-items: flex-start;
        flex-direction: column;
    }

    .tenant-current-plan-icon[b-vzw3i8ayuu] {
        width: 44px;
        height: 44px;
        border-radius: 16px;
    }

    .tenant-admin-summary-header[b-vzw3i8ayuu] {
        align-items: flex-start;
        flex-direction: column;
    }

    .tenant-info-card[b-vzw3i8ayuu],
    .tenant-form-card[b-vzw3i8ayuu],
    .tenant-admin-summary-card[b-vzw3i8ayuu],
    .tenant-current-plan-card[b-vzw3i8ayuu] {
        padding: 15px;
        border-radius: 20px;
    }
}
/* /Components/PlatformSubscriptions/SubscriptionLimitValue.razor.rz.scp.css */
.subscription-limit-value[b-ijt2b0pco0] {
    min-width: 5.5rem;
}
/* /Components/Settings/TenantRolePermissionsPanel.razor.rz.scp.css */
.tenant-role-permissions-panel[b-l1ho1k7q1x] {
    width: 100%;
}

.tenant-role-permissions-header[b-l1ho1k7q1x] {
    gap: 1rem;
}

.tenant-role-permission-role-select[b-l1ho1k7q1x] {
    min-width: 220px;
}

.tenant-role-permission-search[b-l1ho1k7q1x] {
    min-width: 280px;
}

.tenant-role-permission-source-select[b-l1ho1k7q1x] {
    min-width: 190px;
}

.tenant-role-permissions-toolbar[b-l1ho1k7q1x] {
    position: sticky;
    top: 0;
    z-index: 2;
}

.tenant-role-permission-changebar[b-l1ho1k7q1x] {
    padding: 0.85rem 1rem;
    border-radius: var(--mud-default-borderradius);
}

.tenant-role-permission-modules[b-l1ho1k7q1x] {
    display: block;
}

.tenant-role-permission-module-header[b-l1ho1k7q1x] {
    gap: 0.75rem;
}

.tenant-role-permission-row[b-l1ho1k7q1x] {
    padding: 0.75rem;
    border-radius: var(--mud-default-borderradius);
}

.tenant-role-permission-row--pending[b-l1ho1k7q1x] {
    border-color: var(--mud-palette-info) !important;
}

.tenant-role-permission-row--override[b-l1ho1k7q1x] {
    background-color: color-mix(in srgb, var(--mud-palette-warning) 6%, transparent);
}

.tenant-role-permission-row-content[b-l1ho1k7q1x] {
    gap: 1rem;
}

.tenant-role-permission-main[b-l1ho1k7q1x] {
    min-width: 0;
    flex: 1 1 360px;
}

.tenant-role-permission-name[b-l1ho1k7q1x] {
    font-weight: 600;
}

.tenant-role-permission-controls[b-l1ho1k7q1x] {
    flex: 0 0 auto;
}

@media (max-width: 768px) {
    .tenant-role-permission-search[b-l1ho1k7q1x],
    .tenant-role-permission-source-select[b-l1ho1k7q1x],
    .tenant-role-permission-role-select[b-l1ho1k7q1x] {
        width: 100%;
        min-width: 100%;
    }

    .tenant-role-permission-row-content[b-l1ho1k7q1x],
    .tenant-role-permission-controls[b-l1ho1k7q1x] {
        width: 100%;
    }

    .tenant-role-permission-controls[b-l1ho1k7q1x] {
        justify-content: flex-start !important;
        flex-wrap: wrap;
    }
}
/* /Components/Supplies/SupplyBillPrint.razor.rz.scp.css */
.supply-print[b-800zdc0iz2] {
    display: none;
}

.supply-bill[b-800zdc0iz2] {
    width: 760px;
    max-width: 100%;
    margin: 0 auto;
    padding: 22px;
    color: #111827;
    background: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid #d1d5db;
}

.supply-bill__header[b-800zdc0iz2] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding-bottom: 14px;
    border-bottom: 2px solid #111827;
}

    .supply-bill__header h2[b-800zdc0iz2] {
        margin: 0;
        font-size: 22px;
        line-height: 1.2;
        letter-spacing: 0.4px;
        text-transform: uppercase;
    }

    .supply-bill__header p[b-800zdc0iz2] {
        margin: 5px 0 0;
        font-size: 12px;
        color: #4b5563;
    }

.supply-bill__badge[b-800zdc0iz2] {
    padding: 8px 12px;
    border-radius: 999px;
    border: 1px solid #111827;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

.supply-bill__cancelled[b-800zdc0iz2] {
    margin-top: 12px;
    padding: 10px 12px;
    border: 1px solid #dc2626;
    color: #991b1b;
    background: #fee2e2;
    font-size: 16px;
    font-weight: 800;
    text-align: center;
}

    .supply-bill__cancelled span[b-800zdc0iz2] {
        display: block;
        margin-top: 4px;
        font-size: 11px;
        font-weight: 600;
    }

.supply-bill__meta[b-800zdc0iz2],
.supply-bill__student[b-800zdc0iz2] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 14px;
}

    .supply-bill__meta div[b-800zdc0iz2],
    .supply-bill__student div[b-800zdc0iz2] {
        padding: 9px 10px;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
    }

.supply-bill span[b-800zdc0iz2] {
    display: block;
    margin-bottom: 3px;
    font-size: 11px;
    color: #6b7280;
}

.supply-bill b[b-800zdc0iz2] {
    font-size: 13px;
    color: #111827;
}

.supply-bill__table[b-800zdc0iz2] {
    width: 100%;
    margin-top: 16px;
    border-collapse: collapse;
    font-size: 12px;
}

    .supply-bill__table th[b-800zdc0iz2] {
        padding: 9px 8px;
        color: #111827;
        background: #f3f4f6;
        border: 1px solid #d1d5db;
        text-align: left;
        font-weight: 800;
    }

    .supply-bill__table td[b-800zdc0iz2] {
        padding: 8px;
        border: 1px solid #e5e7eb;
        vertical-align: top;
    }

.supply-bill__table--small[b-800zdc0iz2] {
    margin-top: 8px;
    font-size: 11px;
}

.supply-bill .right[b-800zdc0iz2] {
    text-align: right;
}

.supply-bill__bottom[b-800zdc0iz2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 250px;
    gap: 16px;
    margin-top: 16px;
}

.supply-bill__note[b-800zdc0iz2] {
    min-height: 90px;
    padding: 10px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
}

    .supply-bill__note p[b-800zdc0iz2] {
        margin: 0;
        font-size: 12px;
    }

.supply-bill__totals[b-800zdc0iz2] {
    border: 1px solid #d1d5db;
    border-radius: 8px;
    overflow: hidden;
}

    .supply-bill__totals div[b-800zdc0iz2] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        padding: 9px 10px;
        border-bottom: 1px solid #e5e7eb;
    }

        .supply-bill__totals div:last-child[b-800zdc0iz2] {
            border-bottom: 0;
        }

    .supply-bill__totals .due[b-800zdc0iz2] {
        background: #fef3c7;
    }

    .supply-bill__totals span[b-800zdc0iz2] {
        margin: 0;
    }

.supply-bill__payments[b-800zdc0iz2] {
    margin-top: 16px;
}

    .supply-bill__payments h4[b-800zdc0iz2] {
        margin: 0;
        font-size: 13px;
    }

.supply-bill__footer[b-800zdc0iz2] {
    margin-top: 20px;
    padding-top: 12px;
    border-top: 1px dashed #9ca3af;
    text-align: center;
}

    .supply-bill__footer p[b-800zdc0iz2] {
        margin: 0;
        font-size: 14px;
        font-weight: 800;
    }

    .supply-bill__footer span[b-800zdc0iz2] {
        margin-top: 4px;
        font-size: 11px;
    }

@media print {
    body *[b-800zdc0iz2] {
        visibility: hidden !important;
    }

    #supply-bill-print[b-800zdc0iz2],
    #supply-bill-print *[b-800zdc0iz2] {
        visibility: visible !important;
    }

    #supply-bill-print[b-800zdc0iz2] {
        display: block !important;
        position: absolute;
        inset: 0 auto auto 0;
        width: 100%;
        background: #ffffff;
    }

    .supply-print[b-800zdc0iz2] {
        display: block !important;
    }

    .supply-bill[b-800zdc0iz2] {
        width: 100%;
        border: 0;
        padding: 0;
    }

    @page {
        size: A4;
        margin: 12mm;
    }
}
/* /Pages/Home.razor.rz.scp.css */
.shala-home[b-6r62zc6l5f] {
    --bg: #f7fafc;
    --white: #ffffff;
    --text: #061f49;
    --muted: #64748b;
    --navy: #061f49;
    --navy-soft: #0b2d63;
    --teal: #0f9f9a;
    --teal-dark: #0b7f7b;
    --orange: #ff8a1c;
    --orange-soft: #fff3e7;
    --border: #dbe3ee;
    --soft-navy: #eef4fb;
    --soft-teal: #edfafa;
    --shadow: 0 22px 55px rgba(6, 31, 73, 0.10);
    --radius: 22px;
    background: radial-gradient(circle at top left, rgba(15, 159, 154, 0.08), transparent 30%), radial-gradient(circle at top right, rgba(255, 138, 28, 0.08), transparent 30%), var(--bg);
    color: var(--text);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.6;
    min-height: 100vh;
}

    .shala-home *[b-6r62zc6l5f],
    .shala-home *[b-6r62zc6l5f]::before,
    .shala-home *[b-6r62zc6l5f]::after {
        box-sizing: border-box;
    }

    .shala-home a[b-6r62zc6l5f] {
        text-decoration: none;
        color: inherit;
    }

.sh-container[b-6r62zc6l5f] {
    width: min(1320px, 96%);
    margin: auto;
}

.sh-navbar[b-6r62zc6l5f] {
    position: sticky;
    top: 0;
    z-index: 20;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--border);
}

.sh-nav-inner[b-6r62zc6l5f] {
    min-height: 78px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.sh-logo[b-6r62zc6l5f] {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

    .sh-logo img[b-6r62zc6l5f] {
        width: 162px;
        height: 64px;
        object-fit: contain;
        display: block;
    }

.sh-nav-links[b-6r62zc6l5f] {
    display: flex;
    gap: 26px;
    font-size: 15px;
    color: var(--muted);
    font-weight: 700;
}

    .sh-nav-links a:hover[b-6r62zc6l5f] {
        color: var(--teal-dark);
    }

.sh-nav-actions[b-6r62zc6l5f],
.sh-hero-actions[b-6r62zc6l5f] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.sh-btn[b-6r62zc6l5f] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 13px 20px;
    border-radius: 999px;
    font-weight: 800;
    font-size: 15px;
    border: 1px solid transparent;
    transition: 0.2s ease;
    cursor: pointer;
    white-space: nowrap;
}

.sh-btn-primary[b-6r62zc6l5f] {
    background: linear-gradient(135deg, var(--navy), var(--navy-soft));
    color: white;
    box-shadow: 0 14px 28px rgba(6, 31, 73, 0.24);
}

    .sh-btn-primary:hover[b-6r62zc6l5f] {
        transform: translateY(-2px);
    }

.sh-btn-outline[b-6r62zc6l5f] {
    background: white;
    color: var(--text);
    border-color: var(--border);
}

.sh-btn-whatsapp[b-6r62zc6l5f] {
    background: linear-gradient(135deg, var(--teal), var(--teal-dark));
    color: white;
    box-shadow: 0 14px 28px rgba(15, 159, 154, 0.22);
}

.sh-hero[b-6r62zc6l5f] {
    padding: 48px 0 42px;
    overflow: hidden;
}

.sh-hero-grid[b-6r62zc6l5f] {
    display: grid;
    grid-template-columns: 0.86fr 1.14fr;
    gap: 28px;
    align-items: center;
}

.sh-badge[b-6r62zc6l5f],
.sh-section-eyebrow[b-6r62zc6l5f] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 14px;
    background: linear-gradient(135deg, var(--soft-teal), var(--orange-soft));
    color: var(--navy);
    border: 1px solid rgba(15, 159, 154, 0.22);
    border-radius: 999px;
    font-weight: 800;
    font-size: 14px;
    margin-bottom: 18px;
}

.sh-hero h1[b-6r62zc6l5f] {
    font-size: clamp(40px, 5.1vw, 66px);
    line-height: 1.02;
    letter-spacing: -0.055em;
    margin: 0 0 20px;
}

.sh-hero p[b-6r62zc6l5f],
.sh-section-text[b-6r62zc6l5f] {
    font-size: 19px;
    color: var(--muted);
    margin: 0 0 28px;
    max-width: 680px;
}

.sh-trust-line[b-6r62zc6l5f] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
    color: var(--muted);
    font-size: 14px;
    font-weight: 700;
}

    .sh-trust-line span[b-6r62zc6l5f] {
        background: white;
        border: 1px solid var(--border);
        border-radius: 999px;
        padding: 7px 12px;
    }

.sh-hero-visual[b-6r62zc6l5f],
.sh-image-card[b-6r62zc6l5f],
.sh-cta-image[b-6r62zc6l5f] {
    border-radius: 34px;
    overflow: hidden;
    background: white;
    border: 1px solid rgba(219, 227, 238, 0.9);
    box-shadow: var(--shadow);
}

.sh-hero-visual[b-6r62zc6l5f] {
    transform: rotate(0.5deg);
}

    .sh-hero-visual img[b-6r62zc6l5f],
    .sh-image-card img[b-6r62zc6l5f],
    .sh-cta-image img[b-6r62zc6l5f] {
        width: 100%;
        height: auto;
        display: block;
    }

.shala-home section[b-6r62zc6l5f] {
    padding: 58px 0;
}

.sh-section-head[b-6r62zc6l5f] {
    text-align: center;
    max-width: 790px;
    margin: 0 auto 38px;
}

    .sh-section-head h2[b-6r62zc6l5f],
    .sh-split-grid h2[b-6r62zc6l5f] {
        font-size: clamp(30px, 4vw, 46px);
        line-height: 1.12;
        letter-spacing: -0.04em;
        margin: 0 0 14px;
    }

    .sh-section-head p[b-6r62zc6l5f] {
        color: var(--muted);
        font-size: 18px;
        margin: 0;
    }

.sh-split-grid[b-6r62zc6l5f] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 34px;
    align-items: center;
}

.sh-soft-section[b-6r62zc6l5f],
.sh-report-section[b-6r62zc6l5f] {
    background: linear-gradient(180deg, rgba(237, 250, 250, 0.9), rgba(255,255,255,0.9));
    border-top: 1px solid rgba(15, 159, 154, 0.12);
    border-bottom: 1px solid rgba(15, 159, 154, 0.12);
}

.sh-grid-3[b-6r62zc6l5f] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.sh-card[b-6r62zc6l5f] {
    background: white;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 24px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

.sh-card-icon[b-6r62zc6l5f] {
    width: 46px;
    height: 46px;
    border-radius: 15px;
    background: linear-gradient(135deg, var(--soft-teal), var(--orange-soft));
    color: var(--navy);
    display: grid;
    place-items: center;
    font-size: 22px;
    margin-bottom: 16px;
    border: 1px solid rgba(15, 159, 154, 0.16);
}

.sh-card h3[b-6r62zc6l5f] {
    font-size: 19px;
    margin: 0 0 8px;
}

.sh-card p[b-6r62zc6l5f] {
    color: var(--muted);
    font-size: 15px;
    margin: 0;
}

.sh-mini-grid[b-6r62zc6l5f] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

.sh-mini-card[b-6r62zc6l5f] {
    background: white;
    border: 1px solid var(--border);
    border-radius: 20px;
    padding: 18px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

    .sh-mini-card strong[b-6r62zc6l5f] {
        display: block;
        font-size: 17px;
        color: var(--navy);
        margin-bottom: 4px;
    }

    .sh-mini-card span[b-6r62zc6l5f] {
        color: var(--muted);
        font-size: 14px;
    }

.sh-problem-wrap[b-6r62zc6l5f] {
    background: linear-gradient(135deg, var(--navy), #031225);
    color: white;
    border-radius: 34px;
    padding: 46px;
    box-shadow: var(--shadow);
}

    .sh-problem-wrap .sh-section-eyebrow[b-6r62zc6l5f] {
        background: rgba(255,255,255,0.08);
        color: white;
        border-color: rgba(255,255,255,0.16);
    }

    .sh-problem-wrap .sh-section-head p[b-6r62zc6l5f],
    .sh-problem-wrap .sh-card p[b-6r62zc6l5f] {
        color: #cbd5e1;
    }

    .sh-problem-wrap .sh-card[b-6r62zc6l5f] {
        background: rgba(255, 255, 255, 0.07);
        border-color: rgba(255, 255, 255, 0.12);
        box-shadow: none;
    }

.sh-feature-card[b-6r62zc6l5f] {
    min-height: 190px;
}

.sh-check-list[b-6r62zc6l5f],
.sh-report-pills[b-6r62zc6l5f] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

    .sh-check-list span[b-6r62zc6l5f],
    .sh-report-pills span[b-6r62zc6l5f] {
        display: inline-flex;
        align-items: center;
        border-radius: 999px;
        padding: 9px 13px;
        background: white;
        border: 1px solid var(--border);
        color: var(--navy);
        font-weight: 800;
        font-size: 14px;
    }

        .sh-check-list span[b-6r62zc6l5f]::before {
            content: "✓";
            color: var(--teal);
            margin-right: 8px;
            font-weight: 900;
        }

        .sh-report-pills span:nth-last-child(-n + 2)[b-6r62zc6l5f] {
            background: var(--orange-soft);
            border-color: rgba(255, 138, 28, 0.25);
            color: #9a4b05;
        }

.sh-branch-boxes[b-6r62zc6l5f] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

.sh-flow-box[b-6r62zc6l5f] {
    padding: 20px;
    border-radius: 20px;
    background: white;
    border: 1px solid var(--border);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
    text-align: center;
    font-weight: 900;
}

.sh-main-flow[b-6r62zc6l5f] {
    grid-column: 1 / -1;
    background: linear-gradient(135deg, var(--navy), var(--teal-dark));
    color: white;
}

.sh-final-cta[b-6r62zc6l5f] {
    padding: 76px 0;
}

.sh-cta-box[b-6r62zc6l5f] {
    display: grid;
    grid-template-columns: 0.86fr 1.14fr;
    gap: 30px;
    align-items: center;
    background: linear-gradient(135deg, rgba(6, 31, 73, 0.04), rgba(15, 159, 154, 0.08));
    border: 1px solid rgba(15, 159, 154, 0.14);
    border-radius: 38px;
    padding: 34px;
    box-shadow: var(--shadow);
}

.sh-cta-copy[b-6r62zc6l5f] {
    padding: 16px;
}

    .sh-cta-copy h2[b-6r62zc6l5f] {
        font-size: clamp(32px, 4vw, 48px);
        letter-spacing: -0.04em;
        margin: 0 0 12px;
        line-height: 1.1;
    }

    .sh-cta-copy p[b-6r62zc6l5f] {
        color: var(--muted);
        font-size: 18px;
        max-width: 680px;
        margin: 0 0 24px;
    }

.sh-footer[b-6r62zc6l5f] {
    padding: 34px 0;
    border-top: 1px solid var(--border);
    color: var(--muted);
    font-size: 14px;
}

.sh-footer-inner[b-6r62zc6l5f] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

    .sh-footer-inner p[b-6r62zc6l5f] {
        margin: 0;
    }

.sh-sticky-whatsapp[b-6r62zc6l5f] {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 30;
    background: linear-gradient(135deg, var(--teal), var(--teal-dark));
    color: white;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 26px;
    box-shadow: 0 16px 30px rgba(22, 163, 74, 0.35);
}

@media (max-width: 1060px) {
    .sh-hero-grid[b-6r62zc6l5f],
    .sh-split-grid[b-6r62zc6l5f],
    .sh-cta-box[b-6r62zc6l5f] {
        grid-template-columns: 1fr;
    }

    .sh-split-grid-reverse .sh-image-card[b-6r62zc6l5f] {
        order: 2;
    }

    .sh-split-grid-reverse > div:not(.sh-image-card)[b-6r62zc6l5f] {
        order: 1;
    }

    .sh-grid-3[b-6r62zc6l5f] {
        grid-template-columns: repeat(2, 1fr);
    }

    .sh-nav-links[b-6r62zc6l5f] {
        display: none;
    }
}

@media (max-width: 680px) {
    .sh-container[b-6r62zc6l5f] {
        width: min(100% - 24px, 1320px);
    }

    .sh-nav-inner[b-6r62zc6l5f] {
        min-height: 70px;
    }

    .sh-logo img[b-6r62zc6l5f] {
        width: 132px;
        height: 54px;
    }

    .sh-nav-actions .sh-btn-outline[b-6r62zc6l5f] {
        display: none;
    }

    .sh-hero[b-6r62zc6l5f] {
        padding-top: 34px;
    }

        .sh-hero h1[b-6r62zc6l5f] {
            font-size: clamp(36px, 12vw, 46px);
        }

    .sh-hero-actions[b-6r62zc6l5f],
    .sh-cta-actions[b-6r62zc6l5f] {
        flex-direction: column;
        align-items: stretch;
    }

    .sh-btn[b-6r62zc6l5f] {
        width: 100%;
    }

    .sh-grid-3[b-6r62zc6l5f],
    .sh-mini-grid[b-6r62zc6l5f],
    .sh-branch-boxes[b-6r62zc6l5f] {
        grid-template-columns: 1fr;
    }

    .shala-home section[b-6r62zc6l5f] {
        padding: 46px 0;
    }

    .sh-problem-wrap[b-6r62zc6l5f],
    .sh-cta-box[b-6r62zc6l5f] {
        padding: 24px;
        border-radius: 26px;
    }

    .sh-hero-visual[b-6r62zc6l5f],
    .sh-image-card[b-6r62zc6l5f],
    .sh-cta-image[b-6r62zc6l5f] {
        border-radius: 24px;
    }
}
/* /Pages/Notifications/NotificationsPage.razor.rz.scp.css */
.notifications-stats[b-4ceealhtaz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.notification-stat-card[b-4ceealhtaz] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px;
    border-radius: 24px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.96));
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06);
    overflow: hidden;
}

    .notification-stat-card[b-4ceealhtaz]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient(circle at top right, rgba(20, 184, 166, 0.16), transparent 38%);
        pointer-events: none;
    }

    .notification-stat-card .mud-icon-root[b-4ceealhtaz] {
        width: 46px;
        height: 46px;
        padding: 11px;
        border-radius: 18px;
        background: rgba(20, 184, 166, 0.12);
    }

.notifications-card[b-4ceealhtaz] {
    border-radius: 28px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    overflow: hidden;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.07);
}

.notifications-toolbar[b-4ceealhtaz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 18px;
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.025), rgba(20, 184, 166, 0.055));
}

.notifications-list[b-4ceealhtaz] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
}

.notification-history-card[b-4ceealhtaz] {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: flex-start;
    gap: 16px;
    padding: 18px;
    border-radius: 24px;
    border: 1px solid rgba(15, 23, 42, 0.075);
    background: #ffffff;
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

    .notification-history-card:hover[b-4ceealhtaz] {
        transform: translateY(-3px);
        border-color: rgba(20, 184, 166, 0.32);
        box-shadow: 0 18px 42px rgba(15, 23, 42, 0.11);
    }

.notification-history-card--unread[b-4ceealhtaz] {
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.13), rgba(59, 130, 246, 0.07)), #ffffff;
    border-left: 6px solid #14b8a6;
}

    .notification-history-card--unread[b-4ceealhtaz]::after {
        content: "NEW";
        position: absolute;
        top: 14px;
        right: 42px;
        padding: 3px 8px;
        border-radius: 999px;
        background: rgba(20, 184, 166, 0.14);
        color: #0f766e;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 0.06em;
    }

.notification-history-icon[b-4ceealhtaz] {
    width: 48px;
    height: 48px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.06), rgba(20, 184, 166, 0.09));
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.05);
}

.notification-history-content[b-4ceealhtaz] {
    min-width: 0;
    padding-right: 42px;
}

.notification-history-top[b-4ceealhtaz] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 4px;
}

.notification-history-title[b-4ceealhtaz] {
    font-weight: 900;
    color: #0f172a;
    letter-spacing: -0.015em;
}

.notification-unread-dot[b-4ceealhtaz] {
    width: 9px;
    height: 9px;
    flex: 0 0 auto;
    border-radius: 999px;
    background: #14b8a6;
    box-shadow: 0 0 0 5px rgba(20, 184, 166, 0.14);
}

.notification-history-meta[b-4ceealhtaz] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 10px;
    font-size: 12px;
    font-weight: 650;
    color: #64748b;
}

    .notification-history-meta span:first-child[b-4ceealhtaz],
    .notification-history-meta span:nth-child(3)[b-4ceealhtaz] {
        padding: 3px 8px;
        border-radius: 999px;
        background: rgba(15, 23, 42, 0.055);
        color: #475569;
    }

.notification-history-arrow[b-4ceealhtaz] {
    margin-top: 10px;
    opacity: 0.65;
    transition: transform 0.18s ease, opacity 0.18s ease;
}

.notification-history-card:hover .notification-history-arrow[b-4ceealhtaz] {
    transform: translateX(3px);
    opacity: 1;
}

@media (max-width: 760px) {
    .notifications-stats[b-4ceealhtaz] {
        grid-template-columns: 1fr;
    }

    .notification-history-card[b-4ceealhtaz] {
        grid-template-columns: auto 1fr;
        padding: 16px;
    }

    .notification-history-card--unread[b-4ceealhtaz]::after {
        display: none;
    }

    .notification-history-content[b-4ceealhtaz] {
        padding-right: 0;
    }

    .notification-history-arrow[b-4ceealhtaz] {
        display: none;
    }
}
/* /Pages/Platform/SubscriptionPackages/PlatformSubscriptionPackages.razor.rz.scp.css */
.subscription-summary-grid[b-pjn74wa8d4] {
    margin-bottom: 1rem;
}

.subscription-highlight-card[b-pjn74wa8d4] {
    margin-bottom: 1rem;
}

.subscription-highlight-content[b-pjn74wa8d4] {
    width: 100%;
}

.subscription-highlight-icon[b-pjn74wa8d4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    flex: 0 0 2.75rem;
    border-radius: var(--mud-default-borderradius);
    background: var(--mud-palette-success-hover);
}

.subscription-filter[b-pjn74wa8d4] {
    min-width: 10.5rem;
}

.subscription-result-count[b-pjn74wa8d4] {
    white-space: nowrap;
}

.subscription-package-name[b-pjn74wa8d4] {
    font-weight: 600;
}

.subscription-limit-row[b-pjn74wa8d4] {
    min-width: 13rem;
}

    .subscription-limit-row > *[b-pjn74wa8d4] {
        flex: 1;
    }

.subscription-no-records[b-pjn74wa8d4] {
    display: flex;
    min-height: 12rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
}

.subscription-mobile-view[b-pjn74wa8d4] {
    display: none;
}

.subscription-mobile-price[b-pjn74wa8d4] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.subscription-mobile-chips[b-pjn74wa8d4] {
    flex-wrap: wrap;
}

.subscription-mobile-actions[b-pjn74wa8d4] {
    flex-wrap: wrap;
}

@media (max-width: 959.98px) {
    .subscription-highlight-content[b-pjn74wa8d4] {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .subscription-filter[b-pjn74wa8d4] {
        width: 100%;
        min-width: 0;
    }

    .subscription-desktop-view[b-pjn74wa8d4] {
        display: none;
    }

    .subscription-mobile-view[b-pjn74wa8d4] {
        display: block;
    }
}

@media (max-width: 599.98px) {
    .subscription-summary-grid[b-pjn74wa8d4] {
        margin-bottom: 0.75rem;
    }

    .subscription-mobile-card[b-pjn74wa8d4] {
        width: 100%;
    }

    .subscription-mobile-actions[b-pjn74wa8d4] {
        width: 100%;
        justify-content: stretch !important;
    }

        .subscription-mobile-actions > *[b-pjn74wa8d4] {
            flex: 1;
        }
}
/* /Pages/Tenant/Academics/AcademicsDashboard.razor.rz.scp.css */
/* /Pages/Tenant/Academics/Sections.razor.rz.scp.css */
.fw-600[b-uisaxf8eyr] {
    font-weight: 600;
}

.section-status-filter[b-uisaxf8eyr] {
    min-width: 180px;
}

@media (max-width: 768px) {
    .section-status-filter[b-uisaxf8eyr] {
        min-width: 100%;
    }
}
/* /Pages/Tenant/Certificates/Certificates.razor.rz.scp.css */

.certificate-dashboard-shell[b-lr0zra6w1r] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.certificate-hero[b-lr0zra6w1r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 24px;
    border-radius: 26px;
    background: radial-gradient(circle at top left, rgba(15, 163, 160, 0.20), transparent 35%), linear-gradient(135deg, #061F3A 0%, #082A4D 58%, #0F766E 100%);
    color: #ffffff;
    box-shadow: 0 20px 45px rgba(15, 23, 42, 0.18);
}

.certificate-hero-content[b-lr0zra6w1r] {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

.certificate-hero-icon[b-lr0zra6w1r] {
    width: 58px;
    height: 58px;
    min-width: 58px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.22);
}

    .certificate-hero-icon .mud-icon-root[b-lr0zra6w1r] {
        font-size: 34px;
        color: #ffffff;
    }

.certificate-hero-title[b-lr0zra6w1r] {
    color: #ffffff !important;
    font-weight: 950 !important;
    line-height: 1.1;
}

.certificate-hero-subtitle[b-lr0zra6w1r] {
    color: rgba(226, 232, 240, 0.86) !important;
    margin-top: 6px;
}

.certificate-hero-actions[b-lr0zra6w1r] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.certificate-stat-card[b-lr0zra6w1r] {
    min-height: 122px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px;
    border-radius: 22px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
}

.certificate-stat-icon[b-lr0zra6w1r] {
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .certificate-stat-icon .mud-icon-root[b-lr0zra6w1r] {
        color: #ffffff;
    }

.stat-primary .certificate-stat-icon[b-lr0zra6w1r] {
    background: #2563eb;
}

.stat-success .certificate-stat-icon[b-lr0zra6w1r] {
    background: #059669;
}

.stat-warning .certificate-stat-icon[b-lr0zra6w1r] {
    background: #d97706;
}

.stat-danger .certificate-stat-icon[b-lr0zra6w1r] {
    background: #dc2626;
}

.certificate-stat-body[b-lr0zra6w1r] {
    min-width: 0;
}

.certificate-stat-label[b-lr0zra6w1r] {
    color: #64748b !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.certificate-stat-value[b-lr0zra6w1r] {
    color: #0f172a !important;
    font-weight: 950 !important;
    line-height: 1.1;
}

.certificate-stat-note[b-lr0zra6w1r] {
    color: #94a3b8 !important;
}

.certificate-section-header[b-lr0zra6w1r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.certificate-section-title[b-lr0zra6w1r] {
    color: #0f172a !important;
    font-weight: 950 !important;
}

.certificate-table-wrap[b-lr0zra6w1r] {
    overflow-x: auto;
}

.certificate-table[b-lr0zra6w1r] {
    min-width: 720px;
}

.certificate-strong[b-lr0zra6w1r] {
    font-weight: 800 !important;
    color: #0f172a !important;
}

.certificate-action-card[b-lr0zra6w1r] {
    min-height: 104px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border-radius: 22px;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.08);
    cursor: pointer;
    transition: all 0.16s ease;
}

    .certificate-action-card:hover[b-lr0zra6w1r] {
        background: #ffffff;
        transform: translateY(-2px);
        box-shadow: 0 16px 35px rgba(15, 23, 42, 0.10);
    }

.certificate-action-icon[b-lr0zra6w1r] {
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .certificate-action-icon .mud-icon-root[b-lr0zra6w1r] {
        color: #ffffff;
    }

.action-generate[b-lr0zra6w1r] {
    background: #2563eb;
}

.action-issued[b-lr0zra6w1r] {
    background: #0f766e;
}

.action-config[b-lr0zra6w1r] {
    background: #d97706;
}

.certificate-action-body[b-lr0zra6w1r] {
    flex: 1;
    min-width: 0;
}

.certificate-action-title[b-lr0zra6w1r] {
    color: #0f172a !important;
    font-weight: 900 !important;
}

.certificate-action-arrow[b-lr0zra6w1r] {
    color: #94a3b8 !important;
    font-size: 18px !important;
}

.config-card[b-lr0zra6w1r] {
    border-style: dashed;
    border-color: rgba(217, 119, 6, 0.35);
}

.certificate-template-list[b-lr0zra6w1r] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.certificate-template-item[b-lr0zra6w1r] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px;
    border-radius: 18px;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.certificate-template-icon[b-lr0zra6w1r] {
    width: 42px;
    height: 42px;
    min-width: 42px;
    border-radius: 14px;
    background: rgba(15, 118, 110, 0.10);
    color: #0f766e;
    display: flex;
    align-items: center;
    justify-content: center;
}

.certificate-template-body[b-lr0zra6w1r] {
    flex: 1;
    min-width: 0;
}

.certificate-template-title[b-lr0zra6w1r] {
    color: #0f172a !important;
    font-weight: 900 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.certificate-empty-state[b-lr0zra6w1r] {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 24px;
    border-radius: 22px;
    background: #f8fafc;
    border: 1px dashed rgba(15, 23, 42, 0.18);
    text-align: center;
}

    .certificate-empty-state.small[b-lr0zra6w1r] {
        min-height: 180px;
    }

    .certificate-empty-state .mud-icon-root[b-lr0zra6w1r] {
        font-size: 42px;
        color: #94a3b8;
    }

.certificate-flow-list[b-lr0zra6w1r] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.certificate-flow-item[b-lr0zra6w1r] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.certificate-flow-dot[b-lr0zra6w1r] {
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 999px;
    background: #082A4D;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
}

.certificate-flow-line[b-lr0zra6w1r] {
    width: 2px;
    height: 22px;
    margin-left: 16px;
    background: rgba(8, 42, 77, 0.16);
}

@media (max-width: 768px) {
    .certificate-hero[b-lr0zra6w1r] {
        align-items: flex-start;
        flex-direction: column;
        padding: 20px;
    }

    .certificate-hero-actions[b-lr0zra6w1r] {
        width: 100%;
    }

        .certificate-hero-actions .mud-button-root[b-lr0zra6w1r] {
            flex: 1;
        }

    .certificate-section-header[b-lr0zra6w1r] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Pages/Tenant/Certificates/GenerateCertificate.razor.rz.scp.css */
.certificate-student-card[b-dbhy774ard] {
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.98), rgba(241, 245, 249, 0.75));
    border-radius: 16px;
    padding: 14px 16px;
}

.certificate-preview-empty[b-dbhy774ard] {
    min-height: 520px;
    border: 1px dashed rgba(15, 23, 42, 0.18);
    border-radius: 18px;
    background: rgba(248, 250, 252, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    gap: 10px;
    padding: 24px;
}

.certificate-preview-box[b-dbhy774ard] {
    min-height: 520px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    background: #ffffff;
    padding: 24px;
    overflow-x: auto;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.02);
}

    .certificate-preview-box .certificate-page[b-dbhy774ard] {
        margin: 0 auto;
    }


/* /Pages/Tenant/Certificates/IssuedCertificateDetails.razor.rz.scp.css */
.certificate-details-center[b-i3apw301s5] {
    min-height: 280px;
    border: 1px dashed rgba(15, 23, 42, 0.16);
    border-radius: 16px;
    background: rgba(248, 250, 252, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    gap: 12px;
    padding: 24px;
}

.certificate-details-row[b-i3apw301s5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

    .certificate-details-row span[b-i3apw301s5] {
        color: #64748b;
        font-size: 13px;
    }

    .certificate-details-row strong[b-i3apw301s5] {
        text-align: right;
        font-size: 13px;
        color: #0f172a;
    }

.certificate-cancel-reason[b-i3apw301s5] {
    border: 1px solid rgba(239, 68, 68, 0.18);
    background: rgba(254, 242, 242, 0.82);
    border-radius: 14px;
    padding: 12px;
    color: #7f1d1d;
    font-size: 13px;
}

.certificate-preview-empty[b-i3apw301s5] {
    min-height: 620px;
    border: 1px dashed rgba(15, 23, 42, 0.18);
    border-radius: 18px;
    background: rgba(248, 250, 252, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    gap: 10px;
    padding: 24px;
}

.certificate-preview-box[b-i3apw301s5] {
    min-height: 620px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    background: #ffffff;
    padding: 24px;
    overflow-x: auto;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.02);
}

    .certificate-preview-box .certificate-page[b-i3apw301s5] {
        margin: 0 auto;
    }


/* /Pages/Tenant/Certificates/IssuedCertificates.razor.rz.scp.css */
.issued-certificates-center[b-pjxrsl2tou] {
    min-height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px;
}

.issued-certificates-empty[b-pjxrsl2tou] {
    min-height: 260px;
    border: 1px dashed rgba(15, 23, 42, 0.16);
    border-radius: 16px;
    background: rgba(248, 250, 252, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    gap: 12px;
    padding: 24px;
}

.issued-certificates-strong[b-pjxrsl2tou] {
    font-weight: 700;
}

.issued-certificates-table[b-pjxrsl2tou] {
    border-radius: 16px;
    overflow: hidden;
}

    .issued-certificates-table .mud-table-container[b-pjxrsl2tou] {
        border-radius: 16px;
    }

    .issued-certificates-table .mud-table-row:hover[b-pjxrsl2tou] {
        background: rgba(59, 130, 246, 0.04);
    }
/* /Pages/Tenant/Dashboard/TenantDashboard.razor.rz.scp.css */
/*



.shala-dashboard {
    max-width: 1480px;
    margin: 0 auto;
    padding: 26px 34px 40px;
    color: #0f172a;
}

.shala-dashboard-header {
    min-height: 156px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 26px 30px;
    margin-bottom: 22px;
    border-radius: 28px;
    background: radial-gradient(circle at 8% 10%, rgba(20, 184, 166, .22), transparent 32%), radial-gradient(circle at 88% 12%, rgba(249, 115, 22, .20), transparent 30%), linear-gradient(135deg, #ffffff 0%, #f8fafc 48%, #eef7f6 100%);
    border: 1px solid rgba(15, 23, 42, .08);
    box-shadow: 0 24px 70px rgba(15, 23, 42, .08);
}

.dashboard-eyebrow {
    margin: 0 0 8px;
    color: #0f766e;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.shala-dashboard-header h1 {
    margin: 0;
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.05;
    font-weight: 900;
    letter-spacing: -.04em;
    color: #071827;
}

.dashboard-subtitle {
    margin: 10px 0 0;
    color: #64748b;
    font-size: 15px;
    font-weight: 500;
}

.dashboard-header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
    flex-wrap: wrap;
}

.quick-action-btn {
    height: 48px;
    padding: 0 20px;
    border: 0;
    border-radius: 16px;
    color: #fff;
    font-weight: 900;
    background: linear-gradient(135deg, #ff7a18, #ff9f1c);
    box-shadow: 0 16px 34px rgba(249, 115, 22, .28);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.profile-chip {
    min-width: 188px;
    padding: 9px 12px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(255,255,255,.78);
    border: 1px solid rgba(15, 23, 42, .08);
    box-shadow: 0 10px 28px rgba(15, 23, 42, .07);
}

.profile-avatar {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    color: #0f766e;
    font-weight: 900;
    background: #dff8f4;
}

.profile-chip strong {
    display: block;
    font-size: 13px;
    font-weight: 900;
}

.profile-chip small {
    display: block;
    color: #64748b;
    font-size: 12px;
    margin-top: 2px;
}

.kpi-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 22px;
}

.kpi-card {
    position: relative;
    min-height: 132px;
    padding: 20px;
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, .08);
    box-shadow: 0 18px 42px rgba(15, 23, 42, .08);
}

    .kpi-card::after {
        content: "";
        position: absolute;
        right: -30px;
        top: -36px;
        width: 108px;
        height: 108px;
        border-radius: 999px;
        background: rgba(255,255,255,.22);
    }

    .kpi-card.teal {
        background: linear-gradient(135deg, #0f766e, #14b8a6);
        color: #fff;
    }

    .kpi-card.orange {
        background: linear-gradient(135deg, #f97316, #ffb020);
        color: #111827;
    }

.kpi-icon {
    width: 42px;
    height: 42px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    margin-bottom: 14px;
    background: rgba(255,255,255,.18);
}

.kpi-card.orange .kpi-icon {
    background: rgba(255,255,255,.28);
}

.kpi-content p {
    margin: 0 0 8px;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
    opacity: .92;
}

.kpi-content h2 {
    margin: 0;
    font-size: 30px;
    line-height: 1;
    font-weight: 950;
    letter-spacing: -.03em;
}

.trend {
    display: block;
    margin-top: 10px;
    font-size: 12px;
    font-weight: 800;
    opacity: .88;
}

.dashboard-main-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(340px, .95fr);
    gap: 22px;
    margin-bottom: 22px;
}

.dashboard-bottom-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(360px, .9fr);
    gap: 22px;
}

.dashboard-card {
    border-radius: 26px;
    padding: 22px;
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(15, 23, 42, .08);
    box-shadow: 0 18px 48px rgba(15, 23, 42, .07);
}

.section-title-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

    .section-title-row h3 {
        margin: 0;
        font-size: 18px;
        font-weight: 950;
        letter-spacing: -.02em;
    }

    .section-title-row p {
        margin: 5px 0 0;
        color: #64748b;
        font-size: 13px;
        font-weight: 600;
    }

    .section-title-row a {
        color: #0f766e;
        font-size: 13px;
        font-weight: 900;
        text-decoration: none;
    }

.trend-bars {
    height: 300px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 18px;
    align-items: end;
    padding: 18px 8px 4px;
    border-radius: 22px;
    background: linear-gradient(180deg, #f8fafc, #ffffff);
}

.trend-bar-item {
    min-width: 0;
    display: grid;
    grid-template-rows: 1fr auto auto;
    gap: 8px;
    text-align: center;
    color: #64748b;
    font-size: 12px;
}

.trend-bar-track {
    height: 205px;
    border-radius: 999px;
    background: #edf2f7;
    display: flex;
    align-items: end;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px rgba(15,23,42,.04);
}

.trend-bar-fill {
    width: 100%;
    min-height: 10%;
    border-radius: 999px;
    background: linear-gradient(180deg, #2dd4bf, #0f766e);
    box-shadow: 0 -10px 30px rgba(20,184,166,.28);
}

.trend-bar-item span {
    font-weight: 800;
}

.trend-bar-item strong {
    font-size: 12px;
    color: #0f172a;
    font-weight: 900;
}

.alert-list {
    display: grid;
    gap: 12px;
}

.alert-item {
    min-height: 70px;
    display: grid;
    grid-template-columns: 46px 1fr 20px;
    align-items: center;
    gap: 12px;
    padding: 13px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid rgba(15,23,42,.08);
    box-shadow: 0 10px 24px rgba(15,23,42,.04);
}

    .alert-item > div:first-child {
        width: 46px;
        height: 46px;
        border-radius: 16px;
        display: grid;
        place-items: center;
        color: #f97316;
        background: #fff3e6;
    }

    .alert-item strong {
        display: block;
        font-size: 14px;
        font-weight: 950;
    }

    .alert-item small {
        display: block;
        margin-top: 3px;
        color: #64748b;
        font-weight: 600;
    }

.responsive-table {
    overflow: auto;
    border-radius: 18px;
    border: 1px solid rgba(15,23,42,.07);
}

    .responsive-table table {
        width: 100%;
        border-collapse: collapse;
        background: #fff;
    }

    .responsive-table th {
        padding: 14px 16px;
        text-align: left;
        font-size: 12px;
        color: #334155;
        background: #f8fafc;
        font-weight: 950;
    }

    .responsive-table td {
        padding: 15px 16px;
        border-top: 1px solid #eef2f7;
        font-size: 14px;
        font-weight: 750;
        color: #0f172a;
    }

.student-mini-avatar {
    width: 34px;
    height: 34px;
    margin-right: 10px;
    border-radius: 12px;
    display: inline-grid;
    place-items: center;
    color: #0f766e;
    background: #dff8f4;
    font-size: 12px;
    font-weight: 950;
    vertical-align: middle;
}

.quick-actions-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.quick-card {
    min-height: 104px;
    border: 0;
    border-radius: 22px;
    color: #fff;
    font-weight: 950;
    display: grid;
    place-items: center;
    gap: 8px;
    cursor: pointer;
    box-shadow: 0 18px 36px rgba(15,23,42,.10);
}

    .quick-card.teal {
        background: linear-gradient(135deg, #0f766e, #14b8a6);
    }

    .quick-card.orange {
        background: linear-gradient(135deg, #f97316, #ffb020);
        color: #111827;
    }

    .quick-card .mud-icon-root {
        opacity: .95;
        font-size: 30px;
    }

.dashboard-loading {
    min-height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #64748b;
    font-weight: 800;
}

@@media (max-width: 1280px) {
    .kpi-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .dashboard-main-grid,
    .dashboard-bottom-grid {
        grid-template-columns: 1fr;
    }
}

@@media (max-width: 768px) {
    .shala-dashboard {
        padding: 18px 16px 32px;
    }

    .shala-dashboard-header {
        align-items: flex-start;
        flex-direction: column;
        padding: 22px;
    }

    .dashboard-header-actions {
        width: 100%;
        justify-content: flex-start;
    }

    .kpi-grid {
        grid-template-columns: 1fr;
    }

    .trend-bars {
        gap: 10px;
        overflow-x: auto;
    }

    .quick-actions-grid {
        grid-template-columns: 1fr;
    }
}

*/
/* /Pages/Tenant/Reports/ReportsAnalytics.razor.rz.scp.css */
.report-print-area[b-g96us37mme] {
    width: 100%;
}

@media print {
    body.shala-report-printing *[b-g96us37mme] {
        visibility: hidden !important;
    }

    body.shala-report-printing .shala-report-print-target[b-g96us37mme],
    body.shala-report-printing .shala-report-print-target *[b-g96us37mme] {
        visibility: visible !important;
    }

    body.shala-report-printing .shala-report-print-target[b-g96us37mme] {
        position: absolute !important;
        inset: 0 auto auto 0 !important;
        width: 100% !important;
        background: white !important;
        color: black !important;
        padding: 16px !important;
    }

    .reports-print-hide[b-g96us37mme] {
        display: none !important;
    }

    .mud-table-root[b-g96us37mme] {
        page-break-inside: auto;
    }

    tr[b-g96us37mme] {
        page-break-inside: avoid;
        page-break-after: auto;
    }

    thead[b-g96us37mme] {
        display: table-header-group;
    }
}
/* /Pages/Tenant/Setting/BranchDocumentProfile.razor.rz.scp.css */
.branch-profile-page[b-qwxe5xj6zp] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.branch-profile-hero[b-qwxe5xj6zp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 22px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 24px;
    background: radial-gradient(circle at top left, rgba(8, 42, 77, 0.10), transparent 32%), linear-gradient(135deg, #ffffff, #f8fafc);
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.06);
}

.branch-profile-title[b-qwxe5xj6zp] {
    font-weight: 900;
    color: #0f172a;
    letter-spacing: -0.03em;
}

.branch-profile-subtitle[b-qwxe5xj6zp] {
    max-width: 720px;
    margin-top: 4px;
    color: #64748b;
}

.branch-profile-hero-actions[b-qwxe5xj6zp] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.branch-profile-editor-card[b-qwxe5xj6zp] {
    min-height: auto;
}

.branch-profile-tabs[b-qwxe5xj6zp] {
    width: 100%;
}

.branch-profile-tab-panel[b-qwxe5xj6zp] {
    padding: 24px 4px 4px 4px;
}

.branch-profile-side[b-qwxe5xj6zp] {
    position: sticky;
    top: 84px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.profile-summary-card[b-qwxe5xj6zp] {
    overflow: hidden;
}

.sticky-save-bar[b-qwxe5xj6zp] {
    position: sticky;
    bottom: 16px;
    z-index: 8;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(14px);
}

/* Color preview */
.profile-color-preview[b-qwxe5xj6zp] {
    min-height: 55px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-left: 5px solid #082A4D;
    border-radius: 14px;
    color: #0f172a;
}

    .profile-color-preview span[b-qwxe5xj6zp] {
        font-size: 0.78rem;
        color: #64748b;
    }

    .profile-color-preview strong[b-qwxe5xj6zp] {
        font-size: 0.9rem;
    }

/* Asset grid only. AssetPreview component owns card CSS. */
.asset-preview-grid[b-qwxe5xj6zp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

/* Mini profile preview */
.profile-mini-preview[b-qwxe5xj6zp] {
    position: relative;
    overflow: hidden;
    padding: 22px;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 20px;
    background: #ffffff;
    text-align: center;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
}

    .profile-mini-preview h3[b-qwxe5xj6zp] {
        margin: 0;
        color: #0f172a;
        font-size: 1.08rem;
        font-weight: 900;
        line-height: 1.25;
    }

.profile-mini-branch[b-qwxe5xj6zp] {
    margin: 5px 0;
    color: #334155;
    font-size: 0.84rem;
    font-weight: 700;
}

.profile-mini-muted[b-qwxe5xj6zp],
.muted-line[b-qwxe5xj6zp] {
    margin: 3px 0;
    color: #64748b;
    font-size: 0.76rem;
    line-height: 1.35;
    text-align: center;
}

.branch-name[b-qwxe5xj6zp] {
    margin: 4px 0;
    color: #334155;
    font-size: 0.86rem;
    font-weight: 700;
    text-align: center;
}

/* Checklist */
.profile-check-item[b-qwxe5xj6zp] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
    border: 1px solid rgba(239, 68, 68, 0.14);
    border-radius: 14px;
    background: rgba(239, 68, 68, 0.04);
}

    .profile-check-item span[b-qwxe5xj6zp] {
        width: 24px;
        height: 24px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        background: rgba(239, 68, 68, 0.12);
        color: #b91c1c;
        font-size: 0.78rem;
        font-weight: 900;
    }

    .profile-check-item p[b-qwxe5xj6zp] {
        margin: 0;
        color: #475569;
        font-size: 0.86rem;
        font-weight: 600;
    }

    .profile-check-item.is-done[b-qwxe5xj6zp] {
        border-color: rgba(34, 197, 94, 0.18);
        background: rgba(34, 197, 94, 0.05);
    }

        .profile-check-item.is-done span[b-qwxe5xj6zp] {
            background: rgba(34, 197, 94, 0.14);
            color: #15803d;
        }

/* Letterhead designer */
.letterhead-designer-layout[b-qwxe5xj6zp] {
    display: grid;
    grid-template-columns: minmax(420px, 0.9fr) minmax(560px, 1.1fr);
    gap: 22px;
    align-items: start;
}

.letterhead-editor-pane[b-qwxe5xj6zp],
.letterhead-preview-pane[b-qwxe5xj6zp] {
    min-width: 0;
}

.letterhead-preview-pane[b-qwxe5xj6zp] {
    position: sticky;
    top: 88px;
}

.letterhead-toolbar[b-qwxe5xj6zp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 16px;
    background: rgba(15, 23, 42, 0.025);
}

.letterhead-code-editor textarea[b-qwxe5xj6zp] {
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.86rem;
    line-height: 1.45;
    white-space: pre;
}

.letterhead-preview-window[b-qwxe5xj6zp] {
    width: 100%;
    min-height: 760px;
    max-height: calc(100vh - 230px);
    overflow: auto;
    padding: 18px;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 20px;
    background: linear-gradient(45deg, rgba(15, 23, 42, 0.035) 25%, transparent 25%), linear-gradient(-45deg, rgba(15, 23, 42, 0.035) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(15, 23, 42, 0.035) 75%), linear-gradient(-45deg, transparent 75%, rgba(15, 23, 42, 0.035) 75%);
    background-size: 22px 22px;
    background-position: 0 0, 0 11px, 11px -11px, -11px 0;
}

.letterhead-paper[b-qwxe5xj6zp] {
    width: 100%;
    max-width: 820px;
    min-height: 900px;
    padding: 34px;
    margin: 0 auto;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.18);
}

.letterhead-custom-html[b-qwxe5xj6zp] {
    width: 100%;
}

.generated-letterhead-header[b-qwxe5xj6zp] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px 0;
    border-bottom: 1px solid rgba(15, 23, 42, 0.16);
}

.generated-letterhead-info[b-qwxe5xj6zp] {
    flex: 1 1 auto;
    text-align: center;
}

    .generated-letterhead-info h2[b-qwxe5xj6zp] {
        margin: 0;
        color: #0f172a;
        font-size: 1.45rem;
        font-weight: 900;
        line-height: 1.2;
    }

.letterhead-document-body[b-qwxe5xj6zp] {
    min-height: 390px;
    padding: 40px 8px;
}

.letterhead-doc-title[b-qwxe5xj6zp] {
    margin: 0 0 30px 0;
    color: #0f172a;
    text-align: center;
    font-weight: 900;
    letter-spacing: 0.06em;
}

.letterhead-doc-text[b-qwxe5xj6zp] {
    margin-bottom: 14px;
    color: #334155;
    line-height: 1.8;
    text-align: justify;
}

.generated-letterhead-footer[b-qwxe5xj6zp] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(15, 23, 42, 0.16);
    color: #334155;
}

.letterhead-signature[b-qwxe5xj6zp] {
    min-width: 180px;
    text-align: center;
}

.letterhead-signature-img[b-qwxe5xj6zp] {
    max-width: 140px;
    max-height: 55px;
    object-fit: contain;
    display: block;
    margin: 0 auto 6px auto;
}

.signature-line[b-qwxe5xj6zp] {
    border-top: 1px solid rgba(15, 23, 42, 0.75);
    margin-bottom: 4px;
}

/* Responsive */
@media (max-width: 1320px) {
    .branch-profile-side[b-qwxe5xj6zp] {
        position: static;
    }

    .letterhead-designer-layout[b-qwxe5xj6zp] {
        grid-template-columns: 1fr;
    }

    .letterhead-preview-pane[b-qwxe5xj6zp] {
        position: static;
    }

    .letterhead-preview-window[b-qwxe5xj6zp] {
        max-height: 760px;
    }
}

@media (max-width: 960px) {
    .branch-profile-hero[b-qwxe5xj6zp] {
        align-items: flex-start;
        flex-direction: column;
    }

    .branch-profile-hero-actions[b-qwxe5xj6zp] {
        justify-content: flex-start;
    }

    .letterhead-preview-window[b-qwxe5xj6zp] {
        min-height: 560px;
        max-height: 680px;
    }

    .letterhead-paper[b-qwxe5xj6zp] {
        min-height: 620px;
        padding: 20px;
    }

    .letterhead-toolbar[b-qwxe5xj6zp] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 720px) {
    .asset-preview-grid[b-qwxe5xj6zp] {
        grid-template-columns: 1fr;
    }

    .sticky-save-bar[b-qwxe5xj6zp] {
        bottom: 8px;
    }

    .branch-profile-hero[b-qwxe5xj6zp] {
        padding: 18px;
        border-radius: 18px;
    }

    .generated-letterhead-footer[b-qwxe5xj6zp] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Pages/Tenant/Setting/CertificateTemplateEditor.razor.rz.scp.css */
/* /Pages/Tenant/Setting/CertificateTemplates.razor.rz.scp.css */
.certificate-template-table-wrap[b-7xoykcem2t] {
    overflow-x: auto;
}

.certificate-template-table[b-7xoykcem2t] {
    min-width: 980px;
}

.certificate-template-title[b-7xoykcem2t] {
    color: #0f172a !important;
    font-weight: 900 !important;
}

.certificate-template-empty[b-7xoykcem2t] {
    min-height: 280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 28px;
    border-radius: 22px;
    background: #f8fafc;
    border: 1px dashed rgba(15, 23, 42, 0.18);
    text-align: center;
}

    .certificate-template-empty .mud-icon-root[b-7xoykcem2t] {
        font-size: 48px;
        color: #94a3b8;
    }

.certificate-template-footer[b-7xoykcem2t] {
    padding-top: 12px;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

@media (max-width: 768px) {
    .certificate-template-footer[b-7xoykcem2t] {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 6px;
    }
}
/* /Pages/Tenant/Setting/DocumentModels.razor.rz.scp.css */
.document-config-search[b-wxlq9qrmcv] {
    min-width: 280px;
}

@media (max-width: 768px) {
    .document-config-search[b-wxlq9qrmcv] {
        width: 100%;
        min-width: 100%;
    }
}
/* /Pages/Tenant/Setting/FeeHeads.razor.rz.scp.css */
/* FeeHeads.razor.css */
.fee-heads-search[b-scuoi9hzar] {
    min-width: 280px;
}

@media (max-width: 768px) {
    .fee-heads-search[b-scuoi9hzar] {
        width: 100%;
        min-width: 100%;
    }
}
/* /Pages/Tenant/Setting/FeeStructures.razor.rz.scp.css */
/* FeeStructures.razor.css */
.structure-search[b-wfn84k44f8] {
    min-width: 280px;
}

@media (max-width: 768px) {
    .structure-search[b-wfn84k44f8] {
        width: 100%;
        min-width: 100%;
    }
}
/* /Pages/Tenant/Setting/ReceiptTemplates.razor.rz.scp.css */
.template-scroll[b-za5czaolz2], .placeholder-scroll[b-za5czaolz2] {
    max-height: 560px;
    overflow-y: auto;
    padding-right: 4px;
}

.template-card[b-za5czaolz2], .placeholder-group[b-za5czaolz2], .preview-frame[b-za5czaolz2] {
    border-radius: 16px;
}

.template-card[b-za5czaolz2] {
    transition: transform .15s ease, box-shadow .15s ease;
}

    .template-card:hover[b-za5czaolz2] {
        transform: translateY(-1px);
    }

.placeholder-panel-scroll[b-za5czaolz2] {
    max-height: 620px;
    overflow-y: auto;
    padding-right: 4px;
}

.placeholder-panel-title[b-za5czaolz2] {
    width: 100%;
}

.placeholder-group-body[b-za5czaolz2] {
    padding-top: 4px;
}

.placeholder-row[b-za5czaolz2] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    padding: 8px;
    border-radius: 12px;
    background: rgba(15, 23, 42, .025);
    border: 1px solid rgba(148, 163, 184, .18);
}

.placeholder-row-text[b-za5czaolz2] {
    min-width: 0;
    flex: 1;
}

.placeholder-key[b-za5czaolz2] {
    font-family: Consolas, Menlo, Monaco, monospace;
    font-weight: 700;
    word-break: break-word;
}

.placeholder-actions[b-za5czaolz2] {
    flex-shrink: 0;
}

@media (max-width: 960px) {
    .placeholder-panel-scroll[b-za5czaolz2] {
        max-height: 420px;
    }

    .placeholder-row[b-za5czaolz2] {
        align-items: flex-start;
        flex-direction: column;
    }

    .placeholder-actions[b-za5czaolz2] {
        width: 100%;
        justify-content: flex-end;
    }
}

.preview-frame[b-za5czaolz2] {
    background: #f8fafc;
    overflow: auto;
    max-height: 760px;
}

.template-editor textarea[b-za5czaolz2] {
    font-family: Consolas, Menlo, Monaco, monospace !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
}

.receipt-preview-window-backdrop[b-za5czaolz2] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    background: rgba(15, 23, 42, .72);
    backdrop-filter: blur(4px);
    padding: 18px;
    display: flex;
    align-items: stretch;
    justify-content: center;
}

.receipt-preview-window-shell[b-za5czaolz2] {
    width: min(1280px, 100%);
    height: 100%;
    background: #ffffff;
    border-radius: 22px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .28);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.receipt-preview-window-header[b-za5czaolz2] {
    padding: 14px 18px;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background: linear-gradient(135deg, #ffffff, #f8fafc);
}

.receipt-preview-window-body[b-za5czaolz2] {
    flex: 1;
    overflow: auto;
    background: #e5e7eb;
    padding: 28px;
}

.receipt-preview-paper[b-za5czaolz2] {
    width: min(900px, 100%);
    min-height: 1120px;
    margin: 0 auto;
    background: #ffffff;
    box-shadow: 0 14px 42px rgba(15, 23, 42, .16);
    overflow: auto;
}

@media (max-width: 768px) {
    .receipt-preview-window-backdrop[b-za5czaolz2] {
        padding: 8px;
    }

    .receipt-preview-window-shell[b-za5czaolz2] {
        border-radius: 16px;
    }

    .receipt-preview-window-header[b-za5czaolz2] {
        align-items: flex-start;
        flex-direction: column;
    }

    .receipt-preview-window-body[b-za5czaolz2] {
        padding: 12px;
    }

    .receipt-preview-paper[b-za5czaolz2] {
        min-height: auto;
    }
}
/* /Pages/Tenant/Setting/RollNumberSettings.razor.rz.scp.css */
.section-title[b-kz46ywdxoc] {
    font-weight: 700;
}

.preview-box[b-kz46ywdxoc] {
    padding: 22px;
    border-radius: var(--shala-radius-lg);
    border: 1px solid var(--shala-border);
    background: linear-gradient(135deg, var(--shala-primary-light), #ffffff);
}

.preview-label[b-kz46ywdxoc] {
    color: var(--shala-muted);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.preview-value[b-kz46ywdxoc] {
    font-weight: 800;
    color: var(--shala-primary);
    margin-top: 6px;
}

.reset-summary-card[b-kz46ywdxoc] {
    padding: 14px;
}

.mini-stat-value[b-kz46ywdxoc] {
    font-weight: 700;
    color: var(--shala-text);
}

.placeholder-set[b-kz46ywdxoc] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
/* /Pages/Tenant/Setting/TenantSettings.razor.rz.scp.css */
.settings-toolbar[b-stwu0hs3d3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.settings-search[b-stwu0hs3d3] {
    width: min(520px, 100%);
}

.settings-layout[b-stwu0hs3d3] {
    display: grid;
    grid-template-columns: 270px 1fr;
    gap: 16px;
}

.settings-sidebar[b-stwu0hs3d3] {
    position: sticky;
    top: 16px;
    height: fit-content;
}

.settings-content[b-stwu0hs3d3] {
    min-height: 420px;
}

.settings-section-header[b-stwu0hs3d3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.settings-section-title[b-stwu0hs3d3] {
    font-weight: 700;
}

.settings-empty[b-stwu0hs3d3] {
    padding: 32px 12px;
    text-align: center;
}

.settings-card[b-stwu0hs3d3] {
    width: 100%;
    height: 100%;
    min-height: 210px;
    display: flex;
    flex-direction: column;
    text-align: left;
    border: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    border-radius: var(--mud-default-borderradius);
    padding: 18px;
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

    .settings-card:hover[b-stwu0hs3d3] {
        transform: translateY(-2px);
        border-color: var(--mud-palette-primary-lighten);
        box-shadow: 0 14px 34px color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
    }

    .settings-card:focus-visible[b-stwu0hs3d3] {
        outline: 3px solid color-mix(in srgb, var(--mud-palette-primary) 25%, transparent);
        outline-offset: 3px;
    }

    .settings-card.is-disabled[b-stwu0hs3d3] {
        cursor: not-allowed;
        opacity: 0.72;
        background: var(--mud-palette-background);
    }

        .settings-card.is-disabled:hover[b-stwu0hs3d3] {
            transform: none;
            box-shadow: none;
            border-color: var(--mud-palette-lines-default);
        }

.settings-card-top[b-stwu0hs3d3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.settings-card-icon[b-stwu0hs3d3] {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
    color: var(--mud-palette-primary);
}

.settings-card-title[b-stwu0hs3d3] {
    font-weight: 700;
    margin-bottom: 6px;
}

.settings-card-subtitle[b-stwu0hs3d3] {
    line-height: 1.55;
    flex: 1;
}

.settings-card-footer[b-stwu0hs3d3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid var(--mud-palette-lines-default);
    font-size: 0.86rem;
    font-weight: 600;
    color: var(--mud-palette-primary);
}

.settings-card.is-disabled .settings-card-footer[b-stwu0hs3d3] {
    color: var(--mud-palette-text-secondary);
}

@media (max-width: 960px) {
    .settings-toolbar[b-stwu0hs3d3] {
        flex-direction: column;
        align-items: stretch;
    }

    .settings-layout[b-stwu0hs3d3] {
        grid-template-columns: 1fr;
    }

    .settings-sidebar[b-stwu0hs3d3] {
        position: static;
    }

    .settings-section-header[b-stwu0hs3d3] {
        align-items: flex-start;
    }
}
/* /Pages/Tenant/StudentDocuments/StudentDocumentChecklist.razor.rz.scp.css */
.document-search[b-3d5ogg0gol] {
    min-width: 300px;
}

@media (max-width: 768px) {
    .document-search[b-3d5ogg0gol] {
        width: 100%;
        min-width: 100%;
    }
}
/* /Pages/Tenant/Students/Exits/CreateStudentExit.razor.rz.scp.css */
/*.student-exit-find-button {
    min-height: 40px;
    margin-top: 4px;
}

.student-exit-summary-card,
.student-exit-validation-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 10px;
    padding: 12px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 14px;
    background: var(--mud-palette-background);
}

.student-exit-info-card {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    padding: 10px 12px;
    background: var(--mud-palette-surface);
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .student-exit-info-card span {
        font-size: 0.78rem;
        color: var(--mud-palette-text-secondary);
    }

    .student-exit-info-card strong {
        font-size: 0.95rem;
        color: var(--mud-palette-text-primary);
        word-break: break-word;
    }

.student-exit-list {
    margin: 6px 0 0;
    padding-left: 20px;
}

.student-exit-flow {
    margin-top: 12px;
    display: grid;
    gap: 8px;
}

    .student-exit-flow div {
        border: 1px solid var(--mud-palette-lines-default);
        border-radius: 12px;
        padding: 10px 12px;
        background: var(--mud-palette-background);
        color: var(--mud-palette-text-secondary);
        font-weight: 600;
    }

        .student-exit-flow div.done {
            border-color: var(--mud-palette-success);
            background: rgba(var(--mud-palette-success-rgb), 0.12);
            color: var(--mud-palette-success);
        }

.student-exit-smart-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 10px;
}

.student-exit-smart-card {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .student-exit-smart-card span {
        font-size: 0.78rem;
        color: var(--mud-palette-text-secondary);
    }

    .student-exit-smart-card strong {
        font-size: 0.95rem;
        color: var(--mud-palette-text-primary);
    }

    .student-exit-smart-card small {
        color: var(--mud-palette-text-secondary);
    }

    .student-exit-smart-card.success {
        border-color: var(--mud-palette-success);
        background: rgba(var(--mud-palette-success-rgb), 0.12);
    }

    .student-exit-smart-card.neutral {
        background: var(--mud-palette-background);
    }

.fw-bold {
    font-weight: 700;
}
*/
/* /Pages/Tenant/Students/StudentDetails.razor.rz.scp.css */
/* /Pages/Tenant/Students/Students.razor.rz.scp.css */
/* /Pages/Tenant/Supplies/AddSupplyStock.razor.rz.scp.css */
.add-stock-card[b-eetmr5rpey] {
    max-width: 720px;
}
/* /Pages/Tenant/Supplies/GiveSupplies.razor.rz.scp.css */
.give-search[b-ofrm4hegtb] {
    min-width: 320px;
}

@media (max-width: 768px) {
    .give-search[b-ofrm4hegtb] {
        width: 100%;
        min-width: 100%;
    }
}
/* /Pages/Tenant/Supplies/SuppliesDashboard.razor.rz.scp.css */
.supply-action-card[b-864p0cyphe] {
    height: 100%;
    text-align: center;
}