/* _content/TRMSCL/Components/Dialogs/FacturePrintBatchDialog.razor.rz.scp.css */
/* ✅ Force Radzen primary color inside this dialog */
.batch-root[b-9bevmzpzq2] {
    --rz-primary: #0d6efd;
}

/* actions */
.batch-actions[b-9bevmzpzq2] {
    display: flex;
    gap: 10px;
    align-items: center;
}

/* top progress line + text */
.top-progress[b-9bevmzpzq2] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.top-progress-text[b-9bevmzpzq2] {
    font-size: 12px;
    color: #6b7280;
    font-weight: 600;
}

/* progressbars */
.rzp-top.rz-progressbar[b-9bevmzpzq2],
.rzp-big.rz-progressbar[b-9bevmzpzq2] {
    border-radius: 999px;
    overflow: hidden;
    background: rgba(13,110,253,.12) !important;
}

.rzp-top.rz-progressbar[b-9bevmzpzq2] {
    height: 8px;
    width: 320px;
}

.rzp-big.rz-progressbar[b-9bevmzpzq2] {
    height: 10px;
    width: 100%;
}


.batch-root .rz-progressbar-value[b-9bevmzpzq2] {
    background: var(--rz-primary) !important;
}


.pdf-wrap[b-9bevmzpzq2] {
    position: relative;
    height: 680px;
    border-radius: 14px;
    overflow: hidden;
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
}

.pdf-frame[b-9bevmzpzq2] {
    width: 100%;
    height: 100%;
    border: 0;
    background: #fff;
}

.pdf-empty[b-9bevmzpzq2] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6b7280;
    font-size: 14px;
}


.pdf-overlay[b-9bevmzpzq2] {
    position: absolute;
    inset: 0;
    background: rgba(17,24,39,.35);
    backdrop-filter: blur(1px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
}

.pdf-card[b-9bevmzpzq2] {
    width: 420px;
    max-width: calc(100% - 24px);
    background: #fff;
    border-radius: 14px;
    padding: 18px 18px 14px;
    box-shadow: 0 18px 40px rgba(0,0,0,.25);
}

.pdf-title[b-9bevmzpzq2] {
    font-weight: 800;
    font-size: 14px;
    margin-bottom: 4px;
}

.pdf-sub[b-9bevmzpzq2] {
    font-size: 12px;
    color: #6b7280;
    margin-bottom: 12px;
}

.pdf-percent[b-9bevmzpzq2] {
    margin-top: 10px;
    font-weight: 800;
    color: #0d6efd;
    text-align: right;
}
/* _content/TRMSCL/Components/Layout/Admin/MainLayoutAdmin.razor.rz.scp.css */
.admin-layout[b-3zj7k1dv3o] {
    min-height: 100vh;
    color: #11243d;
    background:
        linear-gradient(rgba(17, 36, 61, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(17, 36, 61, .028) 1px, transparent 1px),
        linear-gradient(115deg, #f6f9fc 0%, #fbfdff 52%, #fff8ef 100%);
    background-size: 54px 54px, 54px 54px, auto;
}

.admin-body[b-3zj7k1dv3o] {
    min-width: 0;
    background: transparent;
}

.admin-page[b-3zj7k1dv3o] {
    min-width: 0;
    padding: 18px 20px 22px 10px;
}

[b-3zj7k1dv3o] .admin-sidebar-host {
    width: 270px !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

[b-3zj7k1dv3o] .admin-sidebar-host .rz-sidebar-wrapper,
[b-3zj7k1dv3o] .admin-sidebar-host .rz-sidebar-content {
    background: transparent !important;
    background-color: transparent !important;
}

.admin-side-shell[b-3zj7k1dv3o] {
    position: relative;
    width: calc(100% - 24px);
    height: calc(100vh - 24px);
    min-height: calc(100vh - 24px);
    display: flex;
    flex-direction: column;
    margin: 12px;
    overflow: hidden;
    isolation: isolate;
    border-radius: 16px;
    color: #11243d;
    background:
        radial-gradient(280px 180px at 12% 5%, rgba(15, 179, 164, .15), transparent 68%),
        radial-gradient(260px 220px at 100% 92%, rgba(213, 106, 47, .10), transparent 70%),
        linear-gradient(155deg, rgba(255, 255, 255, .98) 0%, rgba(248, 252, 253, .96) 58%, rgba(255, 249, 239, .92) 100%);
    border: 1px solid rgba(17, 36, 61, .10);
    box-shadow: 0 22px 48px rgba(17, 36, 61, .10);
}

.admin-side-shell[b-3zj7k1dv3o]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, .68) 42%, transparent 62%),
        linear-gradient(rgba(17, 36, 61, .022) 1px, transparent 1px),
        linear-gradient(90deg, rgba(17, 36, 61, .018) 1px, transparent 1px);
    background-size: 230% 100%, 32px 32px, 32px 32px;
    opacity: .66;
    animation: adminTopbarSweep-b-3zj7k1dv3o 11s ease-in-out infinite;
}

.admin-brand[b-3zj7k1dv3o] {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 28px 22px 30px;
}

.brand-mark[b-3zj7k1dv3o] {
    position: relative;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    filter: drop-shadow(0 12px 22px rgba(8, 118, 111, .22));
}

.brand-mark span[b-3zj7k1dv3o] {
    position: absolute;
    width: 24px;
    height: 28px;
    border-radius: 6px;
    background: linear-gradient(135deg, #13b9aa, #08766f);
    transform: skewY(-30deg);
}

.brand-mark span:nth-child(1)[b-3zj7k1dv3o] {
    left: 4px;
    top: 10px;
}

.brand-mark span:nth-child(2)[b-3zj7k1dv3o] {
    right: 4px;
    top: 10px;
    background: linear-gradient(135deg, #3ad8c7, #12a58f);
    transform: skewY(30deg);
}

.brand-mark span:nth-child(3)[b-3zj7k1dv3o] {
    left: 12px;
    bottom: 4px;
    width: 24px;
    height: 22px;
    background: linear-gradient(135deg, #0a8f86, #d56a2f);
    opacity: .95;
}

.admin-title[b-3zj7k1dv3o] {
    color: #10233c;
    font-family: "Poppins", "Segoe UI", system-ui, Arial, sans-serif;
    font-size: 29px;
    line-height: .9;
    font-weight: 1000;
    letter-spacing: .4px;
}

.admin-sub[b-3zj7k1dv3o] {
    margin-top: 7px;
    color: #0a9f8d;
    font-size: 13px;
    font-weight: 1000;
    letter-spacing: .42em;
}

.admin-nav-label[b-3zj7k1dv3o] {
    margin: 0 22px 14px;
    padding: 0 12px 18px;
    border-bottom: 1px solid rgba(17, 36, 61, .10);
    color: #728199;
    font-size: 12px;
    font-weight: 1000;
    letter-spacing: .18em;
    text-transform: uppercase;
}

[b-3zj7k1dv3o] .side-menu {
    flex: 1;
    min-height: 0;
    padding: 0 18px;
    overflow-y: auto;
}

[b-3zj7k1dv3o] .side-menu::-webkit-scrollbar {
    width: 7px;
}

[b-3zj7k1dv3o] .side-menu::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(17, 36, 61, .13);
}

[b-3zj7k1dv3o] .side-menu,
[b-3zj7k1dv3o] .side-menu .rz-panel-menu {
    background: transparent !important;
    border: 0 !important;
}

[b-3zj7k1dv3o] .side-menu .rz-navigation-item-wrapper {
    margin: 7px 0;
    border-radius: 8px;
    overflow: hidden;
    background: transparent !important;
}

[b-3zj7k1dv3o] .side-menu .rz-navigation-item-link {
    min-height: 51px;
    display: flex;
    align-items: center;
    padding-inline: 14px;
    border-radius: 8px;
    color: #18324f !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    font-size: 14px;
    font-weight: 850;
    text-decoration: none;
    transition: background .16s ease, color .16s ease, border-color .16s ease, transform .16s ease;
}

[b-3zj7k1dv3o] .side-menu .rz-navigation-item-link:hover {
    color: #08766f !important;
    background: #f2fbf9 !important;
    border-color: rgba(8, 118, 111, .10) !important;
    transform: translateX(2px);
}

[b-3zj7k1dv3o] .side-menu .rz-navigation-item-active > .rz-navigation-item-link,
[b-3zj7k1dv3o] .side-menu .rz-navigation-item-wrapper-active > .rz-navigation-item-link,
[b-3zj7k1dv3o] .side-menu .rz-state-active > .rz-navigation-item-link,
[b-3zj7k1dv3o] .side-menu .rz-navigation-item-link.active {
    color: #11243d !important;
    background: linear-gradient(135deg, #e8f8f5, #f2fbf9) !important;
    border-color: rgba(8, 118, 111, .12) !important;
    box-shadow: inset 4px 0 0 #0fb3a4;
}

[b-3zj7k1dv3o] .side-menu .rz-navigation-item-icon {
    margin-right: 12px;
    color: currentColor !important;
    font-size: 23px;
}

[b-3zj7k1dv3o] .side-menu .rz-navigation-item-text {
    color: currentColor !important;
    font-weight: inherit;
}

[b-3zj7k1dv3o] .side-menu .rz-navigation-menu {
    margin: 4px 0 8px 14px;
    padding: 4px;
    border-radius: 8px;
    background:
        radial-gradient(180px 80px at 0% 0%, rgba(15, 179, 164, .10), transparent 70%),
        linear-gradient(145deg, rgba(255, 255, 255, .86), rgba(245, 250, 251, .90)) !important;
    border: 1px solid rgba(8, 118, 111, .10);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .78);
}

[b-3zj7k1dv3o] .side-menu .rz-navigation-menu .rz-navigation-item,
[b-3zj7k1dv3o] .side-menu .rz-navigation-menu .rz-navigation-item-wrapper,
[b-3zj7k1dv3o] .side-menu .rz-navigation-menu .rz-navigation-item-wrapper-active,
[b-3zj7k1dv3o] .side-menu .rz-navigation-menu .rz-navigation-item-active,
[b-3zj7k1dv3o] .side-menu .rz-navigation-menu .rz-state-active,
[b-3zj7k1dv3o] .side-menu .rz-navigation-menu .rz-state-highlight {
    background: transparent !important;
    color: #18324f !important;
}

[b-3zj7k1dv3o] .side-menu .rz-navigation-menu .rz-navigation-item-link {
    min-height: 42px;
    font-size: 13px;
    color: #18324f !important;
    background: rgba(255, 255, 255, .58) !important;
    border: 1px solid rgba(17, 36, 61, .07) !important;
}

[b-3zj7k1dv3o] .side-menu .rz-navigation-menu .rz-navigation-item-link:hover,
[b-3zj7k1dv3o] .side-menu .rz-navigation-menu .rz-navigation-item-link.active,
[b-3zj7k1dv3o] .side-menu .rz-navigation-menu .rz-navigation-item-active > .rz-navigation-item-link,
[b-3zj7k1dv3o] .side-menu .rz-navigation-menu .rz-navigation-item-wrapper-active > .rz-navigation-item-link,
[b-3zj7k1dv3o] .side-menu .rz-navigation-menu .rz-state-active > .rz-navigation-item-link,
[b-3zj7k1dv3o] .side-menu .rz-navigation-menu .rz-state-highlight > .rz-navigation-item-link {
    color: #08766f !important;
    background: linear-gradient(135deg, rgba(232, 250, 246, .96), rgba(255, 255, 255, .92)) !important;
    border-color: rgba(8, 118, 111, .18) !important;
    box-shadow: inset 3px 0 0 #0fb3a4, 0 10px 22px rgba(8, 118, 111, .08);
    transform: none;
}

[b-3zj7k1dv3o] .side-menu .rz-navigation-menu .rz-navigation-item-text,
[b-3zj7k1dv3o] .side-menu .rz-navigation-menu .rz-navigation-item-icon {
    color: currentColor !important;
}

.admin-footer[b-3zj7k1dv3o] {
    margin-top: auto;
    padding: 24px 20px 22px;
    border-top: 1px solid rgba(17, 36, 61, .10);
    background:
        radial-gradient(220px 120px at 0% 100%, rgba(15, 179, 164, .11), transparent 70%),
        linear-gradient(180deg, rgba(255, 255, 255, .76) 0%, rgba(248, 252, 253, .92) 100%);
}

[b-3zj7k1dv3o] .footer-btn {
    width: 100%;
    min-height: 58px;
    justify-content: center;
    border-radius: 8px;
    font-weight: 950;
    box-shadow: none;
}

[b-3zj7k1dv3o] .logout-btn {
    color: #ffffff !important;
    border-color: transparent !important;
    background: linear-gradient(135deg, #07877f, #0fb3a4) !important;
    box-shadow: 0 16px 30px rgba(8, 118, 111, .20) !important;
}

[b-3zj7k1dv3o] .logout-btn:hover {
    color: #ffffff !important;
    background: linear-gradient(135deg, #07736c, #0ca291) !important;
}

[b-3zj7k1dv3o] .logout-btn .rz-button-text,
[b-3zj7k1dv3o] .logout-btn .rz-button-icon-left {
    color: #ffffff !important;
}

.admin-session[b-3zj7k1dv3o] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin: 24px 0 10px;
    padding: 16px 14px;
    border-radius: 8px;
    color: #11243d;
    background: #ffffff;
    border: 1px solid rgba(17, 36, 61, .10);
    box-shadow: 0 10px 24px rgba(17, 36, 61, .05);
}

.admin-session-avatar[b-3zj7k1dv3o] {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    flex: 0 0 46px;
    border-radius: 999px;
    color: #ffffff;
    background: linear-gradient(135deg, #07877f, #0fb3a4);
    font-weight: 1000;
    box-shadow: 0 12px 24px rgba(8, 118, 111, .18);
}

.admin-session strong[b-3zj7k1dv3o],
.admin-session small[b-3zj7k1dv3o] {
    display: block;
}

.admin-session strong[b-3zj7k1dv3o] {
    color: #11243d;
    font-size: 12px;
    font-weight: 1000;
}

.admin-session strong[b-3zj7k1dv3o]::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 7px;
    border-radius: 999px;
    background: #28c76f;
    box-shadow: 0 0 0 4px rgba(40, 199, 111, .12);
    vertical-align: 1px;
}

.admin-session small[b-3zj7k1dv3o] {
    margin-top: 5px;
    color: #5f7087;
    font-size: 11px;
    font-weight: 800;
}

.admin-sign[b-3zj7k1dv3o] {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(17, 36, 61, .10);
    color: #5f7087;
    font-size: 11px;
    line-height: 1.35;
    text-align: left;
}

.admin-sign div[b-3zj7k1dv3o] {
    color: #11243d;
    font-weight: 950;
}

.admin-sign span[b-3zj7k1dv3o] {
    display: block;
    margin-top: 4px;
}

.admin-topbar[b-3zj7k1dv3o] {
    position: sticky;
    top: 0;
    z-index: 20;
    overflow: hidden;
    isolation: isolate;
    min-height: 86px;
    display: grid;
    grid-template-columns: minmax(230px, 1fr) auto minmax(330px, 1fr);
    align-items: center;
    gap: 14px;
    margin: 12px 18px 0 10px;
    padding: 14px 18px;
    color: #11243d;
    border-radius: 13px;
    background:
        radial-gradient(560px 180px at 16% 0%, rgba(15, 179, 164, .10), transparent 68%),
        radial-gradient(500px 190px at 86% 12%, rgba(213, 106, 47, .09), transparent 70%),
        linear-gradient(115deg, #ffffff 0%, #fbfdfd 45%, #f6fbfb 68%, #fff8ef 100%);
    border: 1px solid rgba(17, 36, 61, .09);
    box-shadow: 0 16px 38px rgba(17, 36, 61, .08);
}

.admin-topbar[b-3zj7k1dv3o]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, .72) 42%, transparent 62%),
        linear-gradient(rgba(17, 36, 61, .025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(17, 36, 61, .020) 1px, transparent 1px);
    background-size: 230% 100%, 36px 36px, 36px 36px;
    opacity: .62;
    animation: adminTopbarSweep-b-3zj7k1dv3o 9s ease-in-out infinite;
}

.top-left[b-3zj7k1dv3o],
.admin-actions[b-3zj7k1dv3o],
.top-shortcuts[b-3zj7k1dv3o] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.top-title strong[b-3zj7k1dv3o] {
    color: #11243d;
    font-size: 21px;
    font-weight: 1000;
}

.top-shortcuts[b-3zj7k1dv3o] {
    justify-content: center;
}

.top-shortcuts button[b-3zj7k1dv3o] {
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 0 18px;
    border-radius: 8px;
    border: 1px solid rgba(17, 36, 61, .11);
    color: #18324f;
    background: rgba(255, 255, 255, .92);
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(17, 36, 61, .04);
    transition: color .16s ease, border-color .16s ease, background .16s ease, transform .16s ease;
}

.top-shortcuts button:hover[b-3zj7k1dv3o] {
    color: #08766f;
    border-color: rgba(8, 118, 111, .22);
    background: #f4fbfa;
    transform: translateY(-1px);
}

.top-shortcuts .material-icons[b-3zj7k1dv3o] {
    color: currentColor;
    font-size: 20px;
}

.admin-actions[b-3zj7k1dv3o] {
    justify-content: flex-end;
}

[b-3zj7k1dv3o] .tb-btn {
    width: 52px;
    height: 52px;
    min-width: 52px;
    border-radius: 8px;
    color: #11243d !important;
    background: #ffffff !important;
    border: 1px solid rgba(17, 36, 61, .11) !important;
    box-shadow: 0 8px 18px rgba(17, 36, 61, .04) !important;
}

[b-3zj7k1dv3o] .tb-btn:hover {
    color: #08766f !important;
    background: #f4fbfa !important;
    border-color: rgba(8, 118, 111, .22) !important;
}

.admin-pill[b-3zj7k1dv3o] {
    min-width: 230px;
    min-height: 56px;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 7px 12px;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(255, 255, 255, .95), rgba(255, 250, 240, .92));
    border: 1px solid rgba(17, 36, 61, .11);
    box-shadow: 0 8px 18px rgba(17, 36, 61, .04);
}

.admin-pill-avatar[b-3zj7k1dv3o] {
    width: 43px;
    height: 43px;
    display: grid;
    place-items: center;
    flex: 0 0 43px;
    border-radius: 999px;
    color: #ffffff;
    background: linear-gradient(135deg, #07877f, #0fb3a4 58%, #d56a2f);
    font-weight: 1000;
}

.admin-pill-name[b-3zj7k1dv3o] {
    color: #11243d;
    font-size: 12px;
    font-weight: 1000;
    text-transform: uppercase;
}

.admin-pill-role[b-3zj7k1dv3o] {
    margin-top: 3px;
    color: #5f7087;
    font-size: 11px;
    font-weight: 850;
}

.pill-chevron[b-3zj7k1dv3o] {
    margin-left: auto;
    color: #18324f;
    font-size: 20px;
}

.notif-wrap[b-3zj7k1dv3o] {
    position: relative;
}

.notif-badge[b-3zj7k1dv3o] {
    position: absolute;
    top: -6px;
    right: -6px;
    min-width: 22px;
    padding: 2px 6px;
    border-radius: 999px;
    border: 2px solid #fff;
    color: #fff;
    background: #ef4444;
    font-size: 11px;
    font-weight: 1000;
    text-align: center;
}

.notif-overlay[b-3zj7k1dv3o] {
    position: fixed;
    inset: 0;
    z-index: 49;
    background: transparent;
}

.notif-pop[b-3zj7k1dv3o] {
    position: absolute;
    right: 0;
    top: 58px;
    z-index: 50;
    width: 420px;
    max-width: 90vw;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid rgba(17, 36, 61, .12);
    background: #ffffff;
    color: #11243d;
    box-shadow: 0 22px 54px rgba(17, 36, 61, .20);
}

.notif-head[b-3zj7k1dv3o] {
    padding: 13px 14px;
    border-bottom: 1px solid rgba(17, 36, 61, .08);
    background: linear-gradient(135deg, #e8faf6, #fff6e2);
}

.notif-head .ttl[b-3zj7k1dv3o] {
    font-weight: 1000;
}

.notif-head .sub[b-3zj7k1dv3o],
.notif-empty[b-3zj7k1dv3o],
.notif-item .meta[b-3zj7k1dv3o] {
    color: #5f7087;
    font-size: 12px;
    font-weight: 800;
}

.notif-list[b-3zj7k1dv3o] {
    max-height: 320px;
    overflow: auto;
}

.notif-empty[b-3zj7k1dv3o] {
    padding: 14px;
}

.notif-item[b-3zj7k1dv3o] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 14px;
    border-bottom: 1px solid rgba(17, 36, 61, .07);
    cursor: pointer;
}

.notif-item:hover[b-3zj7k1dv3o] {
    background: #f8fafc;
}

.notif-item .code[b-3zj7k1dv3o] {
    font-size: 12.5px;
    font-weight: 1000;
}

.notif-item .subject[b-3zj7k1dv3o] {
    margin-top: 2px;
    color: #11243d;
    font-size: 13px;
}

.notif-item .meta[b-3zj7k1dv3o] {
    margin-top: 4px;
}

.notif-item .meta .sep[b-3zj7k1dv3o] {
    margin: 0 6px;
    color: #a8b4c3;
}

.notif-item .right[b-3zj7k1dv3o] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-end;
    min-width: 92px;
}

.pill[b-3zj7k1dv3o] {
    padding: 3px 9px;
    border-radius: 999px;
    border: 1px solid #e5e7eb;
    color: #11243d;
    background: #f9fafb;
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
}

.pill.st[b-3zj7k1dv3o] {
    color: #214d91;
    border-color: #cfe0ff;
    background: #edf4ff;
}

.p-urgent[b-3zj7k1dv3o] {
    color: #9f1239;
    border-color: #fecdd3;
    background: #fff1f2;
}

.p-normal[b-3zj7k1dv3o] {
    color: #214d91;
    border-color: #cfe0ff;
    background: #edf4ff;
}

.p-low[b-3zj7k1dv3o] {
    color: #075f59;
    border-color: rgba(8, 118, 111, .18);
    background: #e8faf6;
}

.notif-foot[b-3zj7k1dv3o] {
    padding: 10px;
    border-top: 1px solid rgba(17, 36, 61, .08);
    background: #fbfdff;
}

@media (max-width: 1100px) {
    .admin-topbar[b-3zj7k1dv3o] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .top-shortcuts[b-3zj7k1dv3o],
    .admin-actions[b-3zj7k1dv3o] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

@keyframes adminTopbarSweep-b-3zj7k1dv3o {
    0%, 100% {
        background-position: -120% 0, 0 0, 0 0;
    }

    50% {
        background-position: 120% 0, 0 0, 0 0;
    }
}
/* _content/TRMSCL/Components/Layout/Admin/NavMenuAdmin.razor.rz.scp.css */
.admin-nav-standalone[b-6az1aoj5bs] {
    color: #13243a;
    min-height: 100vh;
    background:
        linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, .68) 42%, transparent 62%),
        radial-gradient(360px 220px at 0% 8%, rgba(8, 118, 111, .16), transparent 68%),
        radial-gradient(360px 240px at 100% 80%, rgba(215, 104, 47, .13), transparent 70%),
        rgba(255, 255, 255, .72);
    background-size: 220% 100%, auto, auto, auto;
    animation: navSweep-b-6az1aoj5bs 10s ease-in-out infinite;
    border-right: 1px solid rgba(19, 36, 58, .12);
    backdrop-filter: blur(22px);
}

.nav-brand[b-6az1aoj5bs] {
    min-height: 70px;
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 14px 12px 10px;
    padding: 12px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .76);
    border: 1px solid rgba(19, 36, 58, .10);
    box-shadow: 0 16px 34px rgba(19, 36, 58, .08);
}

.nav-logo[b-6az1aoj5bs] {
    position: relative;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    filter: drop-shadow(0 12px 22px rgba(8, 118, 111, .20));
}

.nav-logo span[b-6az1aoj5bs] {
    position: absolute;
    width: 22px;
    height: 26px;
    border-radius: 6px;
    background: linear-gradient(135deg, #0fb3a4, #08766f);
    transform: skewY(-30deg);
}

.nav-logo span:nth-child(1)[b-6az1aoj5bs] {
    left: 4px;
    top: 9px;
}

.nav-logo span:nth-child(2)[b-6az1aoj5bs] {
    right: 4px;
    top: 9px;
    background: linear-gradient(135deg, #36d4c4, #14a995);
    transform: skewY(30deg);
}

.nav-logo span:nth-child(3)[b-6az1aoj5bs] {
    left: 11px;
    bottom: 4px;
    width: 22px;
    height: 20px;
    background: linear-gradient(135deg, #0a8f86, #d7682f);
    opacity: .92;
}

.nav-brand small[b-6az1aoj5bs] {
    display: block;
    color: #08766f;
    font-size: 12px;
    font-weight: 1000;
    letter-spacing: .42em;
    text-transform: uppercase;
}

.nav-brand strong[b-6az1aoj5bs] {
    display: block;
    color: #13243a;
    font-size: 24px;
    line-height: .9;
    font-weight: 1000;
}

.navbar-toggler[b-6az1aoj5bs] {
    appearance: none;
    cursor: pointer;
    width: 42px;
    height: 38px;
    position: absolute;
    top: 16px;
    right: 12px;
    border: 1px solid rgba(19, 36, 58, .12);
    border-radius: 8px;
    background:
        url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2819,36,58,.82%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
        no-repeat center/22px rgba(255, 255, 255, .72);
}

.navbar-toggler:checked[b-6az1aoj5bs] {
    background-color: #e8faf6;
}

.nav-scrollable[b-6az1aoj5bs] {
    display: none;
    padding: 0 10px 12px;
}

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

.nav-list[b-6az1aoj5bs] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.nav-link[b-6az1aoj5bs] {
    min-height: 46px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 12px;
    border-radius: 8px;
    color: #38506b;
    text-decoration: none;
    font-size: 14px;
    font-weight: 950;
    transition: background .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease;
}

.nav-link .material-icons[b-6az1aoj5bs] {
    font-size: 21px;
    color: currentColor;
}

.nav-link:hover[b-6az1aoj5bs] {
    color: #08766f;
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 12px 24px rgba(19, 36, 58, .08);
    transform: translateX(3px);
}

.nav-link.active[b-6az1aoj5bs] {
    color: #fff;
    background: linear-gradient(135deg, #07877f, #0e9c86 58%, #d7682f);
    box-shadow: 0 14px 28px rgba(8, 118, 111, .22);
}

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

    .nav-scrollable[b-6az1aoj5bs] {
        display: block;
        height: calc(100vh - 94px);
        overflow-y: auto;
    }
}

@keyframes navSweep-b-6az1aoj5bs {
    0%, 100% {
        background-position: -120% 0, 0 0, 0 0, 0 0;
    }

    50% {
        background-position: 120% 0, 0 0, 0 0, 0 0;
    }
}
/* _content/TRMSCL/Components/Layout/MainLayout.razor.rz.scp.css */
/* =========================
   Client main layout
   ========================= */

[b-v6kdc00fh2] .app-layout {
    height: 100vh;
    background: #eef3f6;
}

[b-v6kdc00fh2] .app-body {
    min-width: 0;
    background:
        radial-gradient(900px 360px at 82% -120px, rgba(245, 155, 61, .16), transparent 62%),
        radial-gradient(900px 360px at 0% 0%, rgba(15, 159, 143, .13), transparent 56%),
        #eef3f6;
}

.page[b-v6kdc00fh2] {
    min-width: 0;
    padding: 18px;
}

/* =========================
   Sidebar
   ========================= */

[b-v6kdc00fh2] .app-sidebar {
    width: 268px;
    color: #fff;
    background:
        linear-gradient(155deg, rgba(11, 31, 52, .99) 0%, rgba(20, 77, 78, .98) 62%, rgba(105, 73, 38, .94) 100%);
    border-right: 1px solid rgba(255, 255, 255, .08);
    box-shadow: 16px 0 34px rgba(18, 38, 63, .14);
}

.sidebar-shell[b-v6kdc00fh2] {
    position: relative;
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    isolation: isolate;
}

.sidebar-shell[b-v6kdc00fh2]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, .10) 42%, transparent 62%),
        linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
    background-size: 230% 100%, 34px 34px, 34px 34px;
    opacity: .72;
    animation: layoutSweep-b-v6kdc00fh2 8s ease-in-out infinite;
}

.brand[b-v6kdc00fh2] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 16px 14px;
}

.brand[b-v6kdc00fh2]::after {
    content: "";
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .18), transparent);
}

.brand-mark-wrap[b-v6kdc00fh2] {
    position: relative;
    flex: 0 0 auto;
}

.brand-mark-wrap[b-v6kdc00fh2]::before {
    content: "";
    position: absolute;
    inset: -5px;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(37, 211, 182, .28), rgba(245, 155, 61, .18));
    filter: blur(6px);
    opacity: .8;
}

.logo[b-v6kdc00fh2],
.avatar-badge[b-v6kdc00fh2] {
    position: relative;
    z-index: 1;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #fff;
    background: rgba(255, 255, 255, .14);
    border: 1px solid rgba(255, 255, 255, .20);
    box-shadow: 0 12px 24px rgba(0, 0, 0, .18);
    font-weight: 1000;
}

.brand-text[b-v6kdc00fh2] {
    min-width: 0;
}

.brand-kicker[b-v6kdc00fh2] {
    color: rgba(255, 255, 255, .58);
    font-size: 10px;
    line-height: 1.2;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0;
}

.brand-title-alt[b-v6kdc00fh2] {
    margin-top: 2px;
    color: #fff;
    font-size: 17px;
    line-height: 1.15;
    font-weight: 1000;
    letter-spacing: 0;
}

.brand-sub[b-v6kdc00fh2] {
    margin-top: 2px;
    color: rgba(255, 255, 255, .72);
    font-size: 12px;
    font-weight: 800;
}

.session-card[b-v6kdc00fh2] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 14px 14px 8px;
    padding: 11px 12px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, .13);
    background: rgba(255, 255, 255, .08);
}

.status-dot[b-v6kdc00fh2] {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: #25d3b6;
    box-shadow: 0 0 0 5px rgba(37, 211, 182, .13);
    flex: 0 0 auto;
}

.session-card strong[b-v6kdc00fh2],
.session-card span[b-v6kdc00fh2] {
    display: block;
}

.session-card strong[b-v6kdc00fh2] {
    color: rgba(255, 255, 255, .96);
    font-size: 12px;
    line-height: 1.2;
    font-weight: 1000;
}

.session-card span[b-v6kdc00fh2] {
    margin-top: 2px;
    color: rgba(255, 255, 255, .58);
    font-size: 11px;
    font-weight: 800;
}

.menu-caption[b-v6kdc00fh2] {
    padding: 12px 18px 8px;
    color: rgba(255, 255, 255, .50);
    font-size: 10px;
    font-weight: 1000;
    text-transform: uppercase;
    letter-spacing: 0;
}

[b-v6kdc00fh2] .side-menu {
    flex: 1;
    overflow: auto;
    padding: 0 10px 10px;
    background: transparent;
}

[b-v6kdc00fh2] .side-menu::-webkit-scrollbar {
    width: 7px;
}

[b-v6kdc00fh2] .side-menu::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(255, 255, 255, .18);
}

[b-v6kdc00fh2] .side-menu .rz-panel-menu {
    background: transparent;
    border: 0;
}

[b-v6kdc00fh2] .side-menu .rz-navigation-item {
    margin: 3px 0;
}

[b-v6kdc00fh2] .side-menu .rz-navigation-item-link {
    min-height: 42px;
    border-radius: 8px;
    color: rgba(255, 255, 255, .78);
    background: transparent;
    border: 1px solid transparent;
    font-weight: 900;
    transition: background .16s ease, color .16s ease, border-color .16s ease, transform .16s ease;
}

[b-v6kdc00fh2] .side-menu .rz-navigation-item-link:hover {
    color: #fff;
    background: rgba(255, 255, 255, .09);
    border-color: rgba(255, 255, 255, .12);
    transform: translateX(2px);
}

[b-v6kdc00fh2] .side-menu .rz-navigation-item-link.active,
[b-v6kdc00fh2] .side-menu .rz-navigation-item-wrapper-active > .rz-navigation-item-link,
[b-v6kdc00fh2] .side-menu .rz-state-active > .rz-navigation-item-link {
    color: #fff;
    background: linear-gradient(135deg, rgba(37, 211, 182, .22), rgba(47, 125, 246, .18));
    border-color: rgba(37, 211, 182, .30);
    box-shadow: inset 3px 0 0 #25d3b6;
}

[b-v6kdc00fh2] .side-menu .rz-navigation-item-icon {
    color: currentColor;
    opacity: .96;
    font-size: 20px;
}

[b-v6kdc00fh2] .side-menu .rz-navigation-item-text {
    font-size: 13px;
}

[b-v6kdc00fh2] .side-menu .rz-navigation-menu {
    background: rgba(0, 0, 0, .10);
    border-radius: 8px;
    margin: 4px 0 6px 10px;
    padding: 4px;
}

[b-v6kdc00fh2] .side-menu .rz-navigation-menu .rz-navigation-item-link {
    min-height: 36px;
    font-size: 12px;
}

.sidebar-footer[b-v6kdc00fh2] {
    margin-top: auto;
    padding: 12px 14px 14px;
    border-top: 1px solid rgba(255, 255, 255, .10);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(0, 0, 0, .12));
}

.footer-actions[b-v6kdc00fh2] {
    display: grid;
    gap: 8px;
}

[b-v6kdc00fh2] .footer-btn {
    width: 100%;
    justify-content: center;
    border-radius: 8px;
    font-weight: 1000;
    box-shadow: none;
}

[b-v6kdc00fh2] .footer-btn.rz-button-light {
    color: #102033;
    background: rgba(255, 255, 255, .90);
    border-color: rgba(255, 255, 255, .70);
}

[b-v6kdc00fh2] .logout-btn {
    background: linear-gradient(135deg, #2f9fd7, #2f7df6);
    border-color: transparent;
}

.sidebar-signature[b-v6kdc00fh2] {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, .12);
    color: rgba(255, 255, 255, .66);
    font-size: 11px;
    line-height: 1.3;
    text-align: center;
    user-select: none;
}

.sidebar-signature b[b-v6kdc00fh2] {
    color: rgba(255, 255, 255, .92);
    font-weight: 1000;
}

/* =========================
   Topbar
   ========================= */

.topbar[b-v6kdc00fh2] {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    min-height: 78px;
    display: grid;
    grid-template-columns: minmax(230px, 1fr) minmax(260px, auto) minmax(150px, 1fr);
    align-items: center;
    gap: 14px;
    padding: 14px 18px;
    color: #fff;
    background:
        linear-gradient(135deg, rgba(11, 31, 52, .98) 0%, rgba(20, 77, 78, .96) 62%, rgba(105, 73, 38, .92) 100%);
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    box-shadow: 0 14px 32px rgba(18, 38, 63, .14);
}

.topbar[b-v6kdc00fh2]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, .12) 44%, transparent 62%),
        linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
    background-size: 220% 100%, 34px 34px, 34px 34px;
    opacity: .75;
    animation: layoutSweep-b-v6kdc00fh2 7s ease-in-out infinite;
}

.topbar-left[b-v6kdc00fh2],
.topbar-actions[b-v6kdc00fh2] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.topbar-actions[b-v6kdc00fh2] {
    justify-content: flex-end;
}

[b-v6kdc00fh2] .top-icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 8px;
    color: #fff;
    background: rgba(255, 255, 255, .13);
    border: 1px solid rgba(255, 255, 255, .18);
    box-shadow: none;
}

[b-v6kdc00fh2] .top-icon:hover {
    color: #fff;
    background: rgba(255, 255, 255, .21);
    border-color: rgba(255, 255, 255, .30);
}

[b-v6kdc00fh2] .top-icon-muted {
    color: rgba(255, 255, 255, .86);
}

.page-heading[b-v6kdc00fh2] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.page-heading span[b-v6kdc00fh2] {
    color: rgba(255, 255, 255, .66);
    font-size: 11px;
    font-weight: 1000;
    text-transform: uppercase;
    letter-spacing: 0;
}

.page-heading strong[b-v6kdc00fh2] {
    overflow: hidden;
    color: #fff;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 1000;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.client-pill[b-v6kdc00fh2] {
    min-width: 0;
    justify-self: center;
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 520px;
    padding: 8px 12px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .18);
    box-shadow: none;
    backdrop-filter: blur(10px);
}

.client-mark[b-v6kdc00fh2],
.avatar[b-v6kdc00fh2] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-weight: 1000;
    flex: 0 0 auto;
}

.client-mark[b-v6kdc00fh2] {
    width: 38px;
    height: 38px;
    color: #083733;
    background: rgba(210, 255, 247, .82);
    border: 1px solid rgba(255, 255, 255, .32);
}

.avatar[b-v6kdc00fh2] {
    width: 40px;
    height: 40px;
    color: #fff;
    background: linear-gradient(135deg, #123553, #0f9f8f);
    box-shadow: 0 10px 22px rgba(18, 38, 63, .16);
}

.client-meta[b-v6kdc00fh2] {
    min-width: 0;
    line-height: 1.1;
}

.client-name[b-v6kdc00fh2] {
    overflow: hidden;
    color: #fff;
    font-size: 13px;
    font-weight: 1000;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 0;
}

.client-sub[b-v6kdc00fh2] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 5px;
    color: rgba(255, 255, 255, .78);
    font-size: 12px;
    font-weight: 800;
}

.chip[b-v6kdc00fh2] {
    flex: 0 0 auto;
    padding: 3px 8px;
    border-radius: 999px;
    color: #083733;
    background: rgba(210, 255, 247, .84);
    border: 1px solid rgba(255, 255, 255, .34);
    font-size: 11px;
    font-weight: 1000;
}

.sep[b-v6kdc00fh2],
.muted[b-v6kdc00fh2] {
    color: rgba(255, 255, 255, .70);
}

/* =========================
   Responsive
   ========================= */

@media (max-width: 1180px) {
    .topbar[b-v6kdc00fh2] {
        grid-template-columns: 1fr auto;
    }

    .client-pill[b-v6kdc00fh2] {
        grid-column: 1 / -1;
        justify-self: stretch;
        max-width: none;
    }
}

@media (max-width: 760px) {
    .page[b-v6kdc00fh2] {
        padding: 12px;
    }

    .topbar[b-v6kdc00fh2] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .topbar-actions[b-v6kdc00fh2] {
        justify-content: flex-start;
    }

    .client-sub[b-v6kdc00fh2] {
        flex-wrap: wrap;
    }
}

@keyframes layoutSweep-b-v6kdc00fh2 {
    0%, 100% {
        background-position: -120% 0, 0 0, 0 0;
    }

    50% {
        background-position: 120% 0, 0 0, 0 0;
    }
}
/* _content/TRMSCL/Components/Layout/NavMenu.razor.rz.scp.css */
.navmenu-modern[b-y5679upcye] {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 16px 12px;
    color: #fff;
    background: linear-gradient(155deg, rgba(11, 31, 52, .99) 0%, rgba(20, 77, 78, .98) 62%, rgba(105, 73, 38, .94) 100%);
}

.navmenu-modern[b-y5679upcye]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, .10) 42%, transparent 62%),
        linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
    background-size: 230% 100%, 34px 34px, 34px 34px;
    opacity: .72;
    animation: navSweep-b-y5679upcye 8s ease-in-out infinite;
}

.navmenu-brand[b-y5679upcye] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 8px 14px;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.brand-dot[b-y5679upcye] {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: #25d3b6;
    box-shadow: 0 0 0 5px rgba(37, 211, 182, .13);
}

.navmenu-brand strong[b-y5679upcye],
.navmenu-brand span[b-y5679upcye] {
    display: block;
}

.navmenu-brand strong[b-y5679upcye] {
    font-size: 15px;
    font-weight: 1000;
}

.navmenu-brand span[b-y5679upcye] {
    margin-top: 2px;
    color: rgba(255, 255, 255, .66);
    font-size: 12px;
    font-weight: 800;
}

.navmenu-links[b-y5679upcye] {
    display: grid;
    gap: 5px;
}

[b-y5679upcye] .nav-link {
    min-height: 42px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 8px;
    color: rgba(255, 255, 255, .78);
    border: 1px solid transparent;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
}

[b-y5679upcye] .nav-link:hover {
    color: #fff;
    background: rgba(255, 255, 255, .09);
    border-color: rgba(255, 255, 255, .12);
}

[b-y5679upcye] .nav-link.active {
    color: #fff;
    background: linear-gradient(135deg, rgba(37, 211, 182, .22), rgba(47, 125, 246, .18));
    border-color: rgba(37, 211, 182, .30);
    box-shadow: inset 3px 0 0 #25d3b6;
}

[b-y5679upcye] .nav-link .material-icons {
    font-size: 20px;
}

@keyframes navSweep-b-y5679upcye {
    0%, 100% {
        background-position: -120% 0, 0 0, 0 0;
    }

    50% {
        background-position: 120% 0, 0 0, 0 0;
    }
}
/* _content/TRMSCL/Components/Pages/Admin/AdminDashboard.razor.rz.scp.css */
/* =========================
   Admin dashboard modern
   ========================= */

.dash[b-nn8l89smqo] {
    --surface: rgba(255, 255, 255, .86);
    --surface-solid: #ffffff;
    --surface-soft: rgba(248, 251, 253, .88);
    --ink: #13243a;
    --muted: #5f7087;
    --line: rgba(19, 36, 58, .10);
    --line-strong: rgba(19, 36, 58, .16);
    --teal: #08766f;
    --blue: #2f7df6;
    --indigo: #5e67f2;
    --green: #20b978;
    --orange: #d7682f;
    --red: #ef4444;
    --shadow: 0 18px 44px rgba(19, 36, 58, .10);
    --shadow-hover: 0 26px 58px rgba(19, 36, 58, .14);
    position: relative;
    overflow: visible;
    isolation: isolate;
    padding: 0;
    border-radius: 0;
    color: var(--ink);
    background: transparent;
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.dash-loader[b-nn8l89smqo],
.debug-banner[b-nn8l89smqo] {
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    padding: 11px 14px;
    border: 1px solid var(--line);
    background: var(--surface);
    box-shadow: 0 12px 28px rgba(19, 36, 58, .08);
    color: var(--muted);
    font-weight: 900;
    backdrop-filter: blur(14px);
}

.loader-dot[b-nn8l89smqo],
.status-dot[b-nn8l89smqo] {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: #22d3b6;
    box-shadow: 0 0 0 5px rgba(34, 211, 182, .13);
    flex: 0 0 auto;
}

.loader-dot[b-nn8l89smqo] {
    animation: pulseDot-b-nn8l89smqo 1.2s ease-in-out infinite;
}

.debug-banner[b-nn8l89smqo] {
    border-color: rgba(220, 38, 38, .18);
    background: #fff7f7;
    color: #b42318;
}

.admin-hero[b-nn8l89smqo] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(520px, .95fr);
    align-items: stretch;
    gap: 18px;
    padding: 28px 30px;
    border-radius: 8px;
    color: #f5fbff;
    background:
        radial-gradient(680px 340px at 16% 18%, rgba(15, 211, 189, .20), transparent 66%),
        radial-gradient(560px 320px at 92% 10%, rgba(245, 155, 61, .16), transparent 64%),
        linear-gradient(118deg, rgba(16, 34, 53, .96) 0%, rgba(24, 45, 59, .92) 42%, rgba(35, 63, 69, .84) 64%, rgba(248, 252, 252, .86) 100%);
    border: 1px solid rgba(255, 255, 255, .20);
    box-shadow: 0 24px 58px rgba(19, 36, 58, .16);
    isolation: isolate;
    animation: surfaceIn-b-nn8l89smqo .7s cubic-bezier(.2, .8, .2, 1) both;
}

.admin-hero[b-nn8l89smqo]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, .14) 42%, transparent 62%),
        radial-gradient(520px 220px at 18% 10%, rgba(16, 211, 189, .12), transparent 62%),
        radial-gradient(420px 220px at 96% 12%, rgba(245, 155, 61, .10), transparent 60%),
        linear-gradient(rgba(255, 255, 255, .055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px);
    background-size: 220% 100%, auto, auto, 34px 34px, 34px 34px;
    opacity: .82;
    animation: heroSweep-b-nn8l89smqo 7s ease-in-out infinite;
}

.hero-copy[b-nn8l89smqo] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

.hero-chip[b-nn8l89smqo] {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid rgba(16, 211, 189, .30);
    background: rgba(232, 250, 246, .92);
    color: #08766f;
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .12em;
}

.hero-copy h1[b-nn8l89smqo] {
    margin: 14px 0 8px;
    font-size: clamp(36px, 3.15vw, 52px);
    line-height: 1;
    font-weight: 950;
    letter-spacing: 0;
    color: #ffffff;
    text-shadow: 0 16px 42px rgba(3, 15, 26, .28);
}

.hero-copy p[b-nn8l89smqo] {
    margin: 0;
    max-width: 680px;
    color: rgba(245, 251, 255, .82);
    font-size: 15px;
    line-height: 1.55;
}

.hero-actions[b-nn8l89smqo] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

[b-nn8l89smqo] .hero-actions .rz-button {
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, .22);
    background: rgba(255, 255, 255, .92);
    color: #13243a;
    box-shadow: 0 14px 28px rgba(3, 15, 26, .12);
    font-weight: 900;
}

[b-nn8l89smqo] .hero-actions .rz-button:hover {
    color: var(--teal);
    background: #ffffff;
    border-color: rgba(16, 211, 189, .34);
}

.hero-summary[b-nn8l89smqo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    align-content: center;
}

.hero-stat[b-nn8l89smqo] {
    position: relative;
    min-height: 112px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 58px 1fr;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, .42);
    background:
        radial-gradient(240px 120px at 0% 0%, rgba(8, 118, 111, .10), transparent 68%),
        linear-gradient(135deg, #ffffff 0%, #f7fbfb 58%, #fffaf2 100%);
    box-shadow: 0 16px 36px rgba(3, 15, 26, .14);
}

.hero-stat[b-nn8l89smqo]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, .62) 42%, transparent 62%),
        linear-gradient(rgba(17, 36, 61, .020) 1px, transparent 1px),
        linear-gradient(90deg, rgba(17, 36, 61, .016) 1px, transparent 1px);
    background-size: 220% 100%, 28px 28px, 28px 28px;
    opacity: .55;
    animation: statSweep-b-nn8l89smqo 9s ease-in-out infinite;
}

.hero-stat > *[b-nn8l89smqo] {
    position: relative;
    z-index: 1;
}

.year-card[b-nn8l89smqo] {
    min-height: 112px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-template-columns: none;
}

.hero-stat-icon[b-nn8l89smqo] {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    color: var(--teal);
    background: #e8faf6;
    border: 1px solid rgba(8, 118, 111, .14);
}

.hero-stat-icon .material-icons[b-nn8l89smqo] {
    font-size: 30px;
}

.hero-stat span[b-nn8l89smqo],
.year-label-top[b-nn8l89smqo] {
    color: #304965;
    font-size: 14px;
    font-weight: 900;
    text-transform: none;
    letter-spacing: 0;
}

.hero-stat strong[b-nn8l89smqo] {
    display: block;
    margin-top: 6px;
    color: var(--teal);
    font-size: 34px;
    line-height: 1;
    font-weight: 1000;
    text-align: left;
}

.hero-stat-blue .hero-stat-icon[b-nn8l89smqo] {
    color: var(--blue);
    background: #edf4ff;
    border-color: rgba(47, 125, 246, .18);
}

.hero-stat-blue[b-nn8l89smqo] {
    background:
        radial-gradient(240px 120px at 0% 0%, rgba(47, 125, 246, .12), transparent 68%),
        linear-gradient(135deg, #ffffff 0%, #f6f9ff 58%, #eef5ff 100%);
}

.hero-stat-blue strong[b-nn8l89smqo] {
    color: var(--blue);
}

.hero-stat-hot .hero-stat-icon[b-nn8l89smqo] {
    color: #f97316;
    background: #fff3e0;
    border-color: rgba(249, 115, 22, .18);
}

.hero-stat-hot[b-nn8l89smqo] {
    background:
        radial-gradient(240px 120px at 0% 0%, rgba(249, 115, 22, .14), transparent 68%),
        linear-gradient(135deg, #ffffff 0%, #fff9ef 58%, #fff2df 100%);
}

.hero-stat-hot strong[b-nn8l89smqo] {
    color: #f97316;
}

.hero-stat-green .hero-stat-icon[b-nn8l89smqo] {
    color: var(--green);
    background: #eafaf2;
    border-color: rgba(32, 185, 120, .18);
}

.hero-stat-green[b-nn8l89smqo] {
    background:
        radial-gradient(240px 120px at 0% 0%, rgba(32, 185, 120, .14), transparent 68%),
        linear-gradient(135deg, #ffffff 0%, #f3fbf7 58%, #eafaf2 100%);
}

.hero-stat-green strong[b-nn8l89smqo],
.year-label-main[b-nn8l89smqo] {
    color: var(--green);
}

.year-info[b-nn8l89smqo] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.year-label-main[b-nn8l89smqo] {
    margin-top: 3px;
    font-size: 30px;
    line-height: 1;
    font-weight: 1000;
}

[b-nn8l89smqo] .year-dropdown .rz-dropdown {
    height: 40px;
    border-radius: 8px;
    color: var(--ink);
    background: #f9fbfc;
    border: 1px solid rgba(19, 36, 58, .12);
    box-shadow: none;
}

.year-processing[b-nn8l89smqo] {
    position: absolute;
    right: 28px;
    bottom: 20px;
    z-index: 5;
    width: min(390px, calc(100% - 56px));
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 14px;
    border-radius: 10px;
    color: #11243d;
    background: linear-gradient(135deg, #ffffff, #f2fbf9);
    border: 1px solid rgba(16, 211, 189, .22);
    box-shadow: 0 22px 54px rgba(3, 15, 26, .22);
    animation: processPopIn-b-nn8l89smqo .22s cubic-bezier(.2, .8, .2, 1);
}

.year-processing-ring[b-nn8l89smqo] {
    position: relative;
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    flex: 0 0 48px;
    border-radius: 999px;
    color: #08766f;
    background: #e8faf6;
    border: 1px solid rgba(8, 118, 111, .18);
}

.year-processing-ring span:first-child[b-nn8l89smqo] {
    position: absolute;
    inset: -4px;
    border-radius: inherit;
    border: 3px solid rgba(8, 118, 111, .14);
    border-top-color: #08766f;
    animation: processSpin-b-nn8l89smqo .8s linear infinite;
}

.year-processing-ring .material-icons[b-nn8l89smqo] {
    color: currentColor;
    font-size: 24px;
}

.year-processing strong[b-nn8l89smqo],
.year-processing small[b-nn8l89smqo] {
    display: block;
}

.year-processing strong[b-nn8l89smqo] {
    color: #11243d;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 1000;
}

.year-processing small[b-nn8l89smqo] {
    margin-top: 4px;
    color: #52647b;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 800;
}

.admin-toolbar[b-nn8l89smqo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .92);
    border: 1px solid var(--line);
    box-shadow: var(--shadow);
    backdrop-filter: blur(16px);
    animation: surfaceIn-b-nn8l89smqo .7s cubic-bezier(.2, .8, .2, 1) .08s both;
}

.admin-search[b-nn8l89smqo] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 54px;
    padding: 0 12px;
    border-radius: 8px;
    background: rgba(249, 251, 252, .92);
    border: 1px solid var(--line);
}

.admin-search .material-icons[b-nn8l89smqo] {
    color: var(--teal);
    font-size: 22px;
}

.admin-search input[b-nn8l89smqo] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--ink);
    font-weight: 800;
}

.clear-search[b-nn8l89smqo] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 54px;
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 0 14px;
    color: var(--ink);
    background: rgba(255, 255, 255, .86);
    font-weight: 1000;
    cursor: pointer;
}

.clear-search .material-icons[b-nn8l89smqo] {
    font-size: 18px;
}

.kpi-grid[b-nn8l89smqo],
[b-nn8l89smqo] .kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 14px;
    animation: surfaceIn-b-nn8l89smqo .7s cubic-bezier(.2, .8, .2, 1) .14s both;
}

[b-nn8l89smqo] .kpi2 {
    position: relative;
    min-height: 120px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 16px;
    border-radius: 8px;
    background:
        radial-gradient(260px 140px at 0% 0%, rgba(var(--tone-rgb, 47, 125, 246), .14), transparent 68%),
        radial-gradient(220px 120px at 100% 100%, rgba(var(--tone-rgb, 47, 125, 246), .07), transparent 70%),
        linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(247, 250, 253, .94) 56%, rgba(255, 255, 255, .88));
    border: 1px solid rgba(var(--tone-rgb, 47, 125, 246), .18);
    box-shadow: var(--shadow);
    backdrop-filter: blur(16px);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

[b-nn8l89smqo] .kpi2.kpi-blue,
[b-nn8l89smqo] .kpi2.kpi-indigo,
[b-nn8l89smqo] .kpi2.kpi-green,
[b-nn8l89smqo] .kpi2.kpi-orange {
    background:
        radial-gradient(280px 150px at 4% 0%, rgba(var(--tone-rgb), .16), transparent 68%),
        radial-gradient(220px 130px at 100% 100%, rgba(var(--tone-rgb), .08), transparent 72%),
        linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(247, 250, 253, .93) 54%, rgba(255, 255, 255, .88));
    color: var(--ink);
}

[b-nn8l89smqo] .kpi2::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(112deg, transparent 0%, rgba(255, 255, 255, .62) 42%, transparent 62%),
        linear-gradient(rgba(17, 36, 61, .022) 1px, transparent 1px),
        linear-gradient(90deg, rgba(17, 36, 61, .018) 1px, transparent 1px);
    background-size: 230% 100%, 28px 28px, 28px 28px;
    opacity: .50;
    animation: statSweep-b-nn8l89smqo 10s ease-in-out infinite;
}

[b-nn8l89smqo] .kpi2 > * {
    position: relative;
    z-index: 1;
}

[b-nn8l89smqo] .kpi2::after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    width: auto;
    height: 3px;
    background: var(--tone, var(--blue));
    z-index: 2;
}

[b-nn8l89smqo] .kpi2:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-hover);
    border-color: rgba(var(--tone-rgb), .32);
}

[b-nn8l89smqo] .kpi2-left {
    display: flex;
    align-items: center;
    gap: 12px;
}

[b-nn8l89smqo] .kpi2-icon {
    width: 42px;
    height: 42px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--tone, var(--blue));
    background:
        radial-gradient(circle at 35% 25%, rgba(255, 255, 255, .92), transparent 48%),
        linear-gradient(145deg, rgba(var(--tone-rgb), .15), rgba(var(--tone-rgb), .07));
    border: 1px solid rgba(var(--tone-rgb), .22);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .78), 0 10px 20px rgba(var(--tone-rgb), .10);
}

[b-nn8l89smqo] .kpi2-icon span {
    font-size: 22px;
    color: var(--tone, var(--blue));
}

[b-nn8l89smqo] .kpi2-title {
    color: var(--ink);
    font-size: 13px;
    line-height: 1.25;
    font-weight: 900;
    white-space: normal;
}

[b-nn8l89smqo] .kpi2-right {
    display: flex;
    justify-content: flex-end;
    margin-top: 14px;
}

[b-nn8l89smqo] .kpi2-number {
    color: var(--tone, var(--ink));
    font-size: 30px;
    line-height: 1;
    font-weight: 1000;
    letter-spacing: 0;
}

[b-nn8l89smqo] .kpi2.kpi-blue { --tone: var(--blue); --tone-rgb: 47, 125, 246; }
[b-nn8l89smqo] .kpi2.kpi-indigo { --tone: var(--indigo); --tone-rgb: 94, 103, 242; }
[b-nn8l89smqo] .kpi2.kpi-green { --tone: var(--green); --tone-rgb: 32, 185, 120; }
[b-nn8l89smqo] .kpi2.kpi-orange { --tone: var(--orange); --tone-rgb: 245, 155, 61; }

.row-main[b-nn8l89smqo] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(340px, 1fr);
    gap: 14px;
    align-items: start;
    animation: surfaceIn-b-nn8l89smqo .7s cubic-bezier(.2, .8, .2, 1) .18s both;
}

.lists-col[b-nn8l89smqo],
.right-col[b-nn8l89smqo] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
}

.card[b-nn8l89smqo],
[b-nn8l89smqo] .card {
    position: relative;
    border-radius: 8px;
    background: rgba(255, 255, 255, .92);
    border: 1px solid var(--line);
    box-shadow: 0 16px 38px rgba(19, 36, 58, .08);
    backdrop-filter: blur(14px);
}

.block[b-nn8l89smqo],
.right-card[b-nn8l89smqo] {
    padding: 18px;
}

.card-head[b-nn8l89smqo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

.card-title[b-nn8l89smqo] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--ink);
    font-size: 17px;
    line-height: 1.2;
    font-weight: 1000;
}

.card-title[b-nn8l89smqo]::before {
    content: "";
    width: 8px;
    height: 22px;
    border-radius: 6px;
    background: linear-gradient(180deg, var(--teal), var(--blue));
}

.muted[b-nn8l89smqo] {
    color: var(--muted);
    font-size: 12px;
    line-height: 1.45;
}

[b-nn8l89smqo] .card-head .rz-button,
[b-nn8l89smqo] .right-card .rz-button {
    border-radius: 8px;
    font-weight: 900;
    box-shadow: none;
}

.mini-list[b-nn8l89smqo],
.notif-list[b-nn8l89smqo] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.mini-row[b-nn8l89smqo] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 13px 14px;
    border-radius: 8px;
    border: 1px solid var(--line);
    background: #ffffff;
    backdrop-filter: blur(12px);
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.mini-row[b-nn8l89smqo]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 0;
    background: transparent;
    opacity: .65;
}

.mini-row:hover[b-nn8l89smqo] {
    transform: translateY(-2px);
    border-color: var(--line-strong);
    box-shadow: 0 16px 34px rgba(19, 36, 58, .11);
}

.mini-left[b-nn8l89smqo] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
}

.mini-main[b-nn8l89smqo] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.mini-main b[b-nn8l89smqo] {
    color: var(--ink);
    font-weight: 1000;
}

.mini-ico[b-nn8l89smqo] {
    width: 42px;
    height: 42px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--teal);
    background: rgba(15, 159, 143, .10);
    border: 1px solid rgba(15, 159, 143, .16);
    font-size: 22px;
    flex: 0 0 auto;
}

.mini-sub[b-nn8l89smqo] {
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mini-meta[b-nn8l89smqo] {
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
    padding-left: 52px;
}

.mini-right[b-nn8l89smqo] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex: 0 0 auto;
}

[b-nn8l89smqo] .mini-right .rz-badge,
[b-nn8l89smqo] .notif-top .rz-badge {
    border-radius: 7px;
    font-weight: 1000;
}

[b-nn8l89smqo] .mini-right .rz-button {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 8px;
}

.file-count[b-nn8l89smqo] {
    min-width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--muted);
    font-size: 12px;
    font-weight: 900;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: rgba(248, 251, 253, .88);
}

.empty-state[b-nn8l89smqo] {
    padding: 14px;
    border: 1px dashed var(--line-strong);
    border-radius: 8px;
    color: var(--muted);
    background: var(--surface-soft);
    font-weight: 800;
}

[b-nn8l89smqo] .rz-chart {
    border-radius: 8px;
}

[b-nn8l89smqo] .rz-tabview {
    margin-top: 10px;
}

[b-nn8l89smqo] .rz-tabview-nav {
    border-bottom: 1px solid var(--line);
    gap: 4px;
}

[b-nn8l89smqo] .rz-tabview-nav li a {
    border-radius: 8px 8px 0 0;
    font-weight: 900;
}

[b-nn8l89smqo] .rz-tabview-panels {
    border: 1px solid var(--line);
    border-top: 0;
    border-radius: 0 0 8px 8px;
    padding: 14px;
    background: rgba(255, 255, 255, .86);
}

.right-card[b-nn8l89smqo] {
    overflow: hidden;
}

.right-card[b-nn8l89smqo]::after {
    display: none;
}

.invoice[b-nn8l89smqo]::after { background: linear-gradient(90deg, var(--orange), #ff6b45); }
.support[b-nn8l89smqo]::after { background: linear-gradient(90deg, #38bdf8, var(--blue)); }
.notif[b-nn8l89smqo]::after { background: linear-gradient(90deg, var(--teal), var(--green)); }

.resume-lines[b-nn8l89smqo] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 16px;
}

.resume-lines .line[b-nn8l89smqo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid var(--line);
    background: linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(248, 251, 253, .78));
}

.resume-lines .val[b-nn8l89smqo] {
    color: var(--ink);
    font-size: 16px;
    font-weight: 1000;
    text-align: right;
    white-space: nowrap;
}

.money[b-nn8l89smqo] {
    color: var(--ink);
    font-size: 38px;
    line-height: 1;
    font-weight: 1000;
    margin: 14px 0 10px;
}

[b-nn8l89smqo] .invoice .rz-button,
[b-nn8l89smqo] .support .rz-button,
[b-nn8l89smqo] .notif > .rz-button {
    color: #fff !important;
    border-color: transparent !important;
}

[b-nn8l89smqo] .invoice .rz-button {
    background: linear-gradient(135deg, #ff7048, #f59b3d) !important;
}

[b-nn8l89smqo] .support .rz-button,
[b-nn8l89smqo] .notif > .rz-button {
    background: linear-gradient(135deg, #2f9fd7, #2f7df6) !important;
}

[b-nn8l89smqo] .invoice .rz-button:hover,
[b-nn8l89smqo] .support .rz-button:hover,
[b-nn8l89smqo] .notif > .rz-button:hover {
    color: #fff !important;
    filter: brightness(1.03);
}

[b-nn8l89smqo] .invoice .rz-button .rz-button-text,
[b-nn8l89smqo] .invoice .rz-button .rz-button-icon-left,
[b-nn8l89smqo] .support .rz-button .rz-button-text,
[b-nn8l89smqo] .support .rz-button .rz-button-icon-left,
[b-nn8l89smqo] .notif > .rz-button .rz-button-text,
[b-nn8l89smqo] .notif > .rz-button .rz-button-icon-left {
    color: #fff !important;
}

.type-summary[b-nn8l89smqo] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--line);
    color: var(--muted);
    font-size: 12px;
}

.type-summary-row[b-nn8l89smqo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.type-summary-row .label[b-nn8l89smqo] {
    flex: 1;
    font-weight: 800;
}

.type-summary-row .value[b-nn8l89smqo],
.type-summary-total[b-nn8l89smqo] {
    color: var(--ink);
    font-weight: 1000;
}

.type-summary-total[b-nn8l89smqo] {
    margin-top: 4px;
    text-align: right;
}

.type-summary .dot[b-nn8l89smqo] {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    flex: 0 0 10px;
}

.dot-normale[b-nn8l89smqo] { background: #3b82f6; }
.dot-avoir[b-nn8l89smqo] { background: #ef4444; }
.dot-avoirlibre[b-nn8l89smqo] { background: #f59e0b; }
.dot-globale[b-nn8l89smqo] { background: #10b981; }
.dot-libre[b-nn8l89smqo] { background: #6366f1; }

.notif-item[b-nn8l89smqo] {
    cursor: pointer;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.notif-item:hover[b-nn8l89smqo] {
    transform: translateY(-2px);
    border-color: var(--line-strong);
    box-shadow: 0 12px 24px rgba(18, 38, 63, .08);
}

.bullet[b-nn8l89smqo] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--teal);
    box-shadow: 0 0 0 5px rgba(15, 159, 143, .12);
    margin-top: 5px;
    flex: 0 0 9px;
}

.notif-content[b-nn8l89smqo] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
    width: 100%;
}

.notif-top[b-nn8l89smqo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.notif-dossier[b-nn8l89smqo] {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    color: var(--ink);
    font-size: 12px;
    font-weight: 900;
}

.sep[b-nn8l89smqo],
.date[b-nn8l89smqo] {
    color: var(--muted);
}

.date[b-nn8l89smqo] {
    font-size: 12px;
    font-weight: 700;
}

.notif-subject[b-nn8l89smqo] {
    color: var(--ink);
    font-size: 13px;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.download-toast[b-nn8l89smqo] {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 1100;
}

.download-toast-inner[b-nn8l89smqo] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 310px;
    padding: 13px 14px;
    border-radius: 8px;
    background: #102033;
    color: #fff;
    box-shadow: 0 18px 44px rgba(18, 38, 63, .24);
}

.download-toast-inner .material-icons[b-nn8l89smqo] {
    color: #36e0c5;
}

.download-toast-inner .title[b-nn8l89smqo] {
    font-weight: 1000;
}

.download-toast-inner .sub[b-nn8l89smqo] {
    color: rgba(255, 255, 255, .72);
    font-size: 12px;
    font-weight: 800;
}

.download-toast-inner .close[b-nn8l89smqo] {
    margin-left: auto;
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 8px;
    background: rgba(255, 255, 255, .12);
    color: #fff;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}

.export-overlay[b-nn8l89smqo] {
    position: absolute;
    inset: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(255, 255, 255, .70);
    backdrop-filter: blur(3px);
}

.export-box[b-nn8l89smqo] {
    min-width: 320px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 18px 22px;
    border-radius: 8px;
    border: 1px solid var(--line);
    background: #fff;
    box-shadow: var(--shadow);
}

.export-text[b-nn8l89smqo] {
    color: var(--muted);
    font-size: 13px;
    font-weight: 800;
}

@media (max-width: 1320px) {
    .admin-hero[b-nn8l89smqo],
    .row-main[b-nn8l89smqo] {
        grid-template-columns: 1fr;
    }

    .kpi-grid[b-nn8l89smqo],
    [b-nn8l89smqo] .kpi-grid {
        grid-template-columns: repeat(2, minmax(210px, 1fr));
    }
}

@media (max-width: 760px) {
    .admin-hero[b-nn8l89smqo] {
        padding: 16px;
    }

    .hero-copy h1[b-nn8l89smqo] {
        font-size: 28px;
    }

    .hero-summary[b-nn8l89smqo],
    .kpi-grid[b-nn8l89smqo],
    [b-nn8l89smqo] .kpi-grid {
        grid-template-columns: 1fr;
    }

    .admin-toolbar[b-nn8l89smqo],
    .mini-row[b-nn8l89smqo],
    .resume-lines .line[b-nn8l89smqo],
    .notif-top[b-nn8l89smqo],
    .year-card[b-nn8l89smqo] {
        align-items: stretch;
        flex-direction: column;
    }

    .year-processing[b-nn8l89smqo] {
        position: relative;
        right: auto;
        bottom: auto;
        width: 100%;
        margin-top: 12px;
    }

    .admin-toolbar[b-nn8l89smqo] {
        display: flex;
    }

    .mini-right[b-nn8l89smqo] {
        width: 100%;
        justify-content: flex-start;
        padding-left: 44px;
    }
}

@keyframes heroSweep-b-nn8l89smqo {
    0%, 100% {
        background-position: -120% 0, 0 0, 0 0;
    }

    50% {
        background-position: 120% 0, 0 0, 0 0;
    }
}

@keyframes statSweep-b-nn8l89smqo {
    0%, 100% {
        background-position: -120% 0, 0 0, 0 0;
    }

    50% {
        background-position: 120% 0, 0 0, 0 0;
    }
}

@keyframes processPopIn-b-nn8l89smqo {
    from {
        opacity: 0;
        transform: translateY(10px) scale(.98);
    }

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

@keyframes processSpin-b-nn8l89smqo {
    to {
        transform: rotate(360deg);
    }
}

@keyframes ambientSweep-b-nn8l89smqo {
    0% {
        transform: translateX(-12%) translateY(0);
        opacity: .72;
    }

    100% {
        transform: translateX(12%) translateY(-2%);
        opacity: .94;
    }
}

@keyframes gridBreath-b-nn8l89smqo {
    0%, 100% {
        opacity: .45;
    }

    50% {
        opacity: .82;
    }
}

@keyframes surfaceIn-b-nn8l89smqo {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

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

@keyframes pulseDot-b-nn8l89smqo {
    0%, 100% {
        opacity: .55;
        transform: scale(.92);
    }

    50% {
        opacity: 1;
        transform: scale(1);
    }
}
/* _content/TRMSCL/Components/Pages/Admin/AdminDossiers.razor.rz.scp.css */
.admin-list-page[b-aqkqu5mf7e] {
    --surface: #ffffff;
    --surface-soft: #f8fafc;
    --ink: #102033;
    --muted: #66758a;
    --line: rgba(16, 32, 51, .10);
    --line-strong: rgba(16, 32, 51, .18);
    --teal: #0f9f8f;
    --blue: #2f7df6;
    --orange: #f59b3d;
    --green: #20b978;
    color: var(--ink);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.list-hero[b-aqkqu5mf7e] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 520px);
    gap: 18px;
    align-items: center;
    padding: 22px;
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(135deg, #0b1f34 0%, #164d4e 62%, #6b4a28 100%);
    box-shadow: 0 18px 44px rgba(18, 38, 63, .18);
}

.list-hero[b-aqkqu5mf7e]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, .13) 44%, transparent 62%),
        linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
    background-size: 220% 100%, 34px 34px, 34px 34px;
    animation: heroSweep-b-aqkqu5mf7e 7s ease-in-out infinite;
    pointer-events: none;
}

.hero-copy[b-aqkqu5mf7e],
.hero-metrics[b-aqkqu5mf7e] {
    position: relative;
    z-index: 1;
}

.hero-chip[b-aqkqu5mf7e] {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 7px 11px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, .22);
    background: rgba(255, 255, 255, .10);
    color: rgba(255, 255, 255, .86);
    font-size: 12px;
    font-weight: 1000;
    text-transform: uppercase;
}

.status-dot[b-aqkqu5mf7e] {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: #22d3b6;
    box-shadow: 0 0 0 5px rgba(34, 211, 182, .13);
}

.hero-copy h1[b-aqkqu5mf7e] {
    margin: 14px 0 8px;
    font-size: 34px;
    line-height: 1.04;
    font-weight: 1000;
    letter-spacing: 0;
}

.hero-copy p[b-aqkqu5mf7e] {
    margin: 0;
    color: rgba(255, 255, 255, .76);
    font-size: 15px;
    line-height: 1.55;
}

.hero-metrics[b-aqkqu5mf7e] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.metric-card[b-aqkqu5mf7e] {
    min-height: 104px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 14px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, .16);
    background: rgba(255, 255, 255, .12);
    backdrop-filter: blur(10px);
}

.metric-card span[b-aqkqu5mf7e] {
    color: rgba(255, 255, 255, .74);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.metric-card strong[b-aqkqu5mf7e] {
    color: #fff;
    font-size: 30px;
    line-height: 1;
    font-weight: 1000;
    text-align: right;
}

.metric-ok[b-aqkqu5mf7e] {
    background: rgba(32, 185, 120, .20);
}

.metric-hot[b-aqkqu5mf7e] {
    background: rgba(245, 155, 61, .22);
}

.filter-panel[b-aqkqu5mf7e],
.grid-panel[b-aqkqu5mf7e],
[b-aqkqu5mf7e] .filter-panel,
[b-aqkqu5mf7e] .grid-panel {
    border-radius: 8px;
    border: 1px solid var(--line);
    background: var(--surface);
    box-shadow: 0 14px 32px rgba(18, 38, 63, .08);
}

.filters-grid[b-aqkqu5mf7e] {
    display: grid;
    grid-template-columns: repeat(6, minmax(145px, 1fr));
    gap: 12px;
    align-items: end;
}

.filter-field[b-aqkqu5mf7e] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.filter-field.wide[b-aqkqu5mf7e] {
    grid-column: span 2;
}

.filter-field.compact[b-aqkqu5mf7e] {
    max-width: 130px;
}

.filter-field span[b-aqkqu5mf7e] {
    color: var(--muted);
    font-size: 12px;
    font-weight: 900;
}

.filter-actions[b-aqkqu5mf7e] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    grid-column: 1 / -1;
    padding-top: 2px;
}

[b-aqkqu5mf7e] .filter-actions .rz-button,
[b-aqkqu5mf7e] .grid-head .rz-button {
    border-radius: 8px;
    font-weight: 900;
    box-shadow: none;
}

[b-aqkqu5mf7e] .export-btn {
    min-width: 104px;
    border-color: rgba(16, 32, 51, .10) !important;
    background: #ffffff !important;
}

[b-aqkqu5mf7e] .excel-btn {
    color: #08766f !important;
    background: linear-gradient(135deg, #ecfffb, #ffffff) !important;
    border-color: rgba(8, 118, 111, .18) !important;
}

[b-aqkqu5mf7e] .pdf-btn {
    color: #b42318 !important;
    background: linear-gradient(135deg, #fff4ed, #ffffff) !important;
    border-color: rgba(215, 104, 47, .18) !important;
}

[b-aqkqu5mf7e] .export-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(18, 38, 63, .08) !important;
}

.grid-head[b-aqkqu5mf7e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.grid-head-actions[b-aqkqu5mf7e] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
    flex-wrap: wrap;
}

.grid-head h2[b-aqkqu5mf7e] {
    margin: 0;
    color: var(--ink);
    font-size: 18px;
    font-weight: 1000;
}

.grid-head p[b-aqkqu5mf7e] {
    margin: 4px 0 0;
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
}

.grid-wrap[b-aqkqu5mf7e] {
    width: 100%;
    overflow-x: auto;
}

[b-aqkqu5mf7e] .admin-grid {
    min-width: 1080px;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid var(--line);
}

[b-aqkqu5mf7e] .admin-grid .rz-datatable-thead th {
    background: #f8fafc;
    color: var(--ink);
    font-weight: 1000;
}

[b-aqkqu5mf7e] .admin-grid .rz-datatable-data td {
    border-bottom: 1px solid rgba(16, 32, 51, .07);
}

.main-cell[b-aqkqu5mf7e] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cell-icon[b-aqkqu5mf7e] {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: var(--teal);
    background: rgba(15, 159, 143, .10);
    border: 1px solid rgba(15, 159, 143, .18);
    font-family: "Material Icons";
    font-size: 20px;
}

.main-cell strong[b-aqkqu5mf7e],
.client-cell[b-aqkqu5mf7e] {
    color: var(--ink);
    font-weight: 1000;
}

.main-cell small[b-aqkqu5mf7e] {
    display: block;
    margin-top: 2px;
    color: var(--muted);
    font-size: 11px;
    font-weight: 800;
}

.file-pill[b-aqkqu5mf7e] {
    min-width: 34px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: var(--surface-soft);
    color: var(--muted);
    font-size: 12px;
    font-weight: 1000;
}

.file-pill.has-files[b-aqkqu5mf7e] {
    color: #087568;
    border-color: rgba(15, 159, 143, .22);
    background: rgba(15, 159, 143, .10);
}

[b-aqkqu5mf7e] .rz-badge {
    border-radius: 7px;
    font-weight: 1000;
}

@media (max-width: 1250px) {
    .list-hero[b-aqkqu5mf7e] {
        grid-template-columns: 1fr;
    }

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

    .filter-field.wide[b-aqkqu5mf7e],
    .filter-actions[b-aqkqu5mf7e] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 720px) {
    .hero-metrics[b-aqkqu5mf7e],
    .filters-grid[b-aqkqu5mf7e] {
        grid-template-columns: 1fr;
    }

    .grid-head[b-aqkqu5mf7e] {
        align-items: stretch;
        flex-direction: column;
    }

    .filter-actions[b-aqkqu5mf7e],
    .grid-head-actions[b-aqkqu5mf7e] {
        justify-content: stretch;
    }

    [b-aqkqu5mf7e] .filter-actions .rz-button,
    [b-aqkqu5mf7e] .grid-head-actions .rz-button {
        flex: 1;
    }

    .filter-field.compact[b-aqkqu5mf7e] {
        max-width: none;
    }
}

.export-overlay[b-aqkqu5mf7e] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(248, 250, 252, .62);
    backdrop-filter: blur(3px);
}

.export-pop[b-aqkqu5mf7e] {
    width: min(340px, calc(100vw - 32px));
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    padding: 18px 20px;
    border-radius: 8px;
    border: 1px solid rgba(16, 32, 51, .10);
    background:
        radial-gradient(220px 120px at 0% 0%, rgba(15, 159, 143, .12), transparent 70%),
        #ffffff;
    box-shadow: 0 24px 58px rgba(18, 38, 63, .18);
}

.export-pop strong[b-aqkqu5mf7e] {
    color: var(--ink);
    font-size: 14px;
    font-weight: 1000;
}

.export-pop small[b-aqkqu5mf7e] {
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
    text-align: center;
}

@keyframes heroSweep-b-aqkqu5mf7e {
    0%, 100% {
        background-position: -120% 0, 0 0, 0 0;
    }

    50% {
        background-position: 120% 0, 0 0, 0 0;
    }
}
/* _content/TRMSCL/Components/Pages/Admin/AdminFactures.razor.rz.scp.css */
.admin-list-page[b-6xwrmokwni] {
    --surface: #ffffff;
    --surface-soft: #f8fafc;
    --ink: #102033;
    --muted: #66758a;
    --line: rgba(16, 32, 51, .10);
    --line-strong: rgba(16, 32, 51, .18);
    --teal: #0f9f8f;
    --blue: #2f7df6;
    --orange: #f59b3d;
    --green: #20b978;
    color: var(--ink);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.list-hero[b-6xwrmokwni] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 520px);
    gap: 18px;
    align-items: center;
    padding: 22px;
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(135deg, #0b1f34 0%, #164d4e 62%, #6b4a28 100%);
    box-shadow: 0 18px 44px rgba(18, 38, 63, .18);
}

.list-hero[b-6xwrmokwni]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, .13) 44%, transparent 62%),
        linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
    background-size: 220% 100%, 34px 34px, 34px 34px;
    animation: heroSweep-b-6xwrmokwni 7s ease-in-out infinite;
    pointer-events: none;
}

.hero-copy[b-6xwrmokwni],
.hero-metrics[b-6xwrmokwni] {
    position: relative;
    z-index: 1;
}

.hero-chip[b-6xwrmokwni] {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 7px 11px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, .22);
    background: rgba(255, 255, 255, .10);
    color: rgba(255, 255, 255, .86);
    font-size: 12px;
    font-weight: 1000;
    text-transform: uppercase;
}

.status-dot[b-6xwrmokwni] {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: #22d3b6;
    box-shadow: 0 0 0 5px rgba(34, 211, 182, .13);
}

.hero-copy h1[b-6xwrmokwni] {
    margin: 14px 0 8px;
    font-size: 34px;
    line-height: 1.04;
    font-weight: 1000;
    letter-spacing: 0;
}

.hero-copy p[b-6xwrmokwni] {
    margin: 0;
    color: rgba(255, 255, 255, .76);
    font-size: 15px;
    line-height: 1.55;
}

.hero-metrics[b-6xwrmokwni] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.metric-card[b-6xwrmokwni] {
    min-height: 104px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 14px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, .16);
    background: rgba(255, 255, 255, .12);
    backdrop-filter: blur(10px);
}

.metric-card span[b-6xwrmokwni] {
    color: rgba(255, 255, 255, .74);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.metric-card strong[b-6xwrmokwni] {
    color: #fff;
    font-size: 30px;
    line-height: 1;
    font-weight: 1000;
    text-align: right;
}

.metric-ok[b-6xwrmokwni] {
    background: rgba(32, 185, 120, .20);
}

.metric-hot[b-6xwrmokwni] {
    background: rgba(245, 155, 61, .22);
}

.filter-panel[b-6xwrmokwni],
.grid-panel[b-6xwrmokwni],
[b-6xwrmokwni] .filter-panel,
[b-6xwrmokwni] .grid-panel {
    border-radius: 8px;
    border: 1px solid var(--line);
    background: var(--surface);
    box-shadow: 0 14px 32px rgba(18, 38, 63, .08);
}

.filters-grid[b-6xwrmokwni] {
    display: grid;
    grid-template-columns: repeat(6, minmax(145px, 1fr));
    gap: 12px;
    align-items: end;
}

.filter-field[b-6xwrmokwni] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.filter-field.wide[b-6xwrmokwni] {
    grid-column: span 2;
}

.filter-field.compact[b-6xwrmokwni] {
    max-width: 130px;
}

.filter-field span[b-6xwrmokwni] {
    color: var(--muted);
    font-size: 12px;
    font-weight: 900;
}

.filter-actions[b-6xwrmokwni] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    grid-column: 1 / -1;
    padding-top: 2px;
}

[b-6xwrmokwni] .filter-actions .rz-button,
[b-6xwrmokwni] .grid-head .rz-button {
    border-radius: 8px;
    font-weight: 900;
    box-shadow: none;
}

[b-6xwrmokwni] .export-btn {
    min-width: 104px;
    border-color: rgba(16, 32, 51, .10) !important;
    background: #ffffff !important;
}

[b-6xwrmokwni] .excel-btn {
    color: #08766f !important;
    background: linear-gradient(135deg, #ecfffb, #ffffff) !important;
    border-color: rgba(8, 118, 111, .18) !important;
}

[b-6xwrmokwni] .pdf-btn {
    color: #b42318 !important;
    background: linear-gradient(135deg, #fff4ed, #ffffff) !important;
    border-color: rgba(215, 104, 47, .18) !important;
}

[b-6xwrmokwni] .export-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(18, 38, 63, .08) !important;
}

.grid-head[b-6xwrmokwni] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.grid-head-actions[b-6xwrmokwni] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
    flex-wrap: wrap;
}

.grid-head h2[b-6xwrmokwni] {
    margin: 0;
    color: var(--ink);
    font-size: 18px;
    font-weight: 1000;
}

.grid-head p[b-6xwrmokwni] {
    margin: 4px 0 0;
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
}

.grid-wrap[b-6xwrmokwni] {
    width: 100%;
    overflow-x: auto;
}

[b-6xwrmokwni] .admin-grid {
    min-width: 1080px;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid var(--line);
}

[b-6xwrmokwni] .admin-grid .rz-datatable-thead th,
[b-6xwrmokwni] .admin-grid .rz-grid-table thead th {
    background: #f8fafc;
    color: var(--ink);
    font-weight: 1000;
}

[b-6xwrmokwni] .admin-grid .rz-datatable-data td,
[b-6xwrmokwni] .admin-grid .rz-grid-table tbody td {
    border-bottom: 1px solid rgba(16, 32, 51, .07);
}

.main-cell[b-6xwrmokwni] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cell-icon[b-6xwrmokwni] {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: var(--orange);
    background: rgba(245, 155, 61, .12);
    border: 1px solid rgba(245, 155, 61, .20);
    font-family: "Material Icons";
    font-size: 20px;
}

.main-cell strong[b-6xwrmokwni],
.client-cell[b-6xwrmokwni] {
    color: var(--ink);
    font-weight: 1000;
}

.main-cell small[b-6xwrmokwni] {
    display: block;
    margin-top: 2px;
    color: var(--muted);
    font-size: 11px;
    font-weight: 800;
}

.amount-footer[b-6xwrmokwni] {
    text-align: right;
    color: var(--ink);
    font-weight: 1000;
}

[b-6xwrmokwni] .rz-badge {
    border-radius: 7px;
    font-weight: 1000;
}

@media (max-width: 1250px) {
    .list-hero[b-6xwrmokwni] {
        grid-template-columns: 1fr;
    }

    .filters-grid[b-6xwrmokwni] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .filter-field.wide[b-6xwrmokwni],
    .filter-actions[b-6xwrmokwni] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 720px) {
    .hero-metrics[b-6xwrmokwni],
    .filters-grid[b-6xwrmokwni] {
        grid-template-columns: 1fr;
    }

    .grid-head[b-6xwrmokwni] {
        align-items: stretch;
        flex-direction: column;
    }

    .filter-actions[b-6xwrmokwni],
    .grid-head-actions[b-6xwrmokwni] {
        justify-content: stretch;
    }

    [b-6xwrmokwni] .filter-actions .rz-button,
    [b-6xwrmokwni] .grid-head-actions .rz-button {
        flex: 1;
    }

    .filter-field.compact[b-6xwrmokwni] {
        max-width: none;
    }
}

.export-overlay[b-6xwrmokwni] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(248, 250, 252, .62);
    backdrop-filter: blur(3px);
}

.export-pop[b-6xwrmokwni] {
    width: min(340px, calc(100vw - 32px));
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    padding: 18px 20px;
    border-radius: 8px;
    border: 1px solid rgba(16, 32, 51, .10);
    background:
        radial-gradient(220px 120px at 0% 0%, rgba(15, 159, 143, .12), transparent 70%),
        #ffffff;
    box-shadow: 0 24px 58px rgba(18, 38, 63, .18);
}

.export-pop strong[b-6xwrmokwni] {
    color: var(--ink);
    font-size: 14px;
    font-weight: 1000;
}

.export-pop small[b-6xwrmokwni] {
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
    text-align: center;
}

@keyframes heroSweep-b-6xwrmokwni {
    0%, 100% {
        background-position: -120% 0, 0 0, 0 0;
    }

    50% {
        background-position: 120% 0, 0 0, 0 0;
    }
}
/* _content/TRMSCL/Components/Pages/Dashboard.razor.rz.scp.css */
/* =========================
   Client dashboard
   ========================= */

.dash[b-1xr9by6u2u] {
    --dash-bg: #f4f7fb;
    --surface: #ffffff;
    --surface-soft: #f8fafc;
    --ink: #102033;
    --muted: #66758a;
    --line: rgba(16, 32, 51, .10);
    --line-strong: rgba(16, 32, 51, .16);
    --teal: #0f9f8f;
    --blue: #2f7df6;
    --indigo: #5e67f2;
    --green: #20b978;
    --orange: #f59b3d;
    --amber: #d58a2a;
    --shadow: 0 14px 32px rgba(18, 38, 63, .09);
    --shadow-hover: 0 18px 42px rgba(18, 38, 63, .14);
    color: var(--ink);
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.dash-loader[b-1xr9by6u2u],
.debug-banner[b-1xr9by6u2u] {
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    padding: 11px 14px;
    border: 1px solid var(--line);
    background: var(--surface);
    box-shadow: 0 8px 20px rgba(18, 38, 63, .06);
    color: var(--muted);
    font-weight: 800;
}

.loader-dot[b-1xr9by6u2u],
.status-dot[b-1xr9by6u2u],
.footer-status[b-1xr9by6u2u] {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: #22d3b6;
    box-shadow: 0 0 0 5px rgba(34, 211, 182, .13);
    flex: 0 0 auto;
}

.loader-dot[b-1xr9by6u2u] {
    animation: pulseDot-b-1xr9by6u2u 1.2s ease-in-out infinite;
}

.debug-banner[b-1xr9by6u2u] {
    border-color: rgba(220, 38, 38, .18);
    background: #fff7f7;
    color: #b42318;
}

/* =========================
   Hero
   ========================= */

.dashboard-hero[b-1xr9by6u2u] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
    align-items: stretch;
    gap: 18px;
    padding: 22px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, .24);
    background:
        linear-gradient(135deg, rgba(11, 31, 52, .98) 0%, rgba(20, 77, 78, .96) 62%, rgba(105, 73, 38, .92) 100%);
    color: #fff;
    box-shadow: 0 18px 44px rgba(18, 38, 63, .20);
    isolation: isolate;
}

.dashboard-hero[b-1xr9by6u2u]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, .12) 44%, transparent 62%),
        linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
    background-size: 220% 100%, 34px 34px, 34px 34px;
    opacity: .78;
    animation: heroSweep-b-1xr9by6u2u 7s ease-in-out infinite;
    z-index: -1;
}

.hero-copy[b-1xr9by6u2u] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

.hero-chip[b-1xr9by6u2u] {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 7px 11px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, .22);
    background: rgba(255, 255, 255, .10);
    color: rgba(255, 255, 255, .86);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0;
}

.hero-copy h1[b-1xr9by6u2u] {
    margin: 14px 0 8px;
    font-size: 34px;
    line-height: 1.04;
    font-weight: 1000;
    letter-spacing: 0;
}

.hero-copy p[b-1xr9by6u2u] {
    margin: 0;
    max-width: 620px;
    color: rgba(255, 255, 255, .76);
    font-size: 15px;
    line-height: 1.55;
}

.hero-actions[b-1xr9by6u2u] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

[b-1xr9by6u2u] .hero-actions .rz-button {
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .13);
    color: #fff;
    box-shadow: none;
    font-weight: 900;
}

[b-1xr9by6u2u] .hero-actions .rz-button:hover {
    background: rgba(255, 255, 255, .20);
    border-color: rgba(255, 255, 255, .28);
}

.hero-summary[b-1xr9by6u2u] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    align-content: center;
}

.hero-stat[b-1xr9by6u2u] {
    min-height: 108px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 14px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, .16);
    background: rgba(255, 255, 255, .12);
    backdrop-filter: blur(10px);
}

.hero-stat span[b-1xr9by6u2u] {
    color: rgba(255, 255, 255, .74);
    font-size: 12px;
    font-weight: 900;
}

.hero-stat strong[b-1xr9by6u2u] {
    color: #fff;
    font-size: 30px;
    line-height: 1;
    font-weight: 1000;
    text-align: right;
}

.hero-stat-hot[b-1xr9by6u2u] {
    background: rgba(213, 138, 42, .22);
    border-color: rgba(255, 210, 143, .26);
}

/* =========================
   KPI
   ========================= */

.kpi-grid[b-1xr9by6u2u],
[b-1xr9by6u2u] .kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 14px;
}

[b-1xr9by6u2u] .kpi2 {
    position: relative;
    min-height: 126px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 16px;
    border-radius: 8px;
    background: var(--surface);
    border: 1px solid var(--line);
    box-shadow: var(--shadow);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

[b-1xr9by6u2u] .kpi2.kpi-blue,
[b-1xr9by6u2u] .kpi2.kpi-indigo,
[b-1xr9by6u2u] .kpi2.kpi-green,
[b-1xr9by6u2u] .kpi2.kpi-orange {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(247, 250, 253, .92)),
        linear-gradient(135deg, rgba(var(--tone-rgb), .12), transparent 70%);
    color: var(--ink);
}

[b-1xr9by6u2u] .kpi2::after {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: var(--tone, var(--blue));
}

[b-1xr9by6u2u] .kpi2:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-hover);
    border-color: rgba(var(--tone-rgb), .32);
}

[b-1xr9by6u2u] .kpi2-left {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

[b-1xr9by6u2u] .kpi2-icon {
    width: 42px;
    height: 42px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--tone, var(--blue));
    background: rgba(var(--tone-rgb), .10);
    border: 1px solid rgba(var(--tone-rgb), .18);
    flex: 0 0 auto;
}

[b-1xr9by6u2u] .kpi2-icon span {
    font-size: 22px;
    color: var(--tone, var(--blue));
}

[b-1xr9by6u2u] .kpi2-title {
    color: var(--ink);
    font-size: 13px;
    line-height: 1.25;
    font-weight: 900;
    white-space: normal;
}

[b-1xr9by6u2u] .kpi2-right {
    display: flex;
    justify-content: flex-end;
    margin-top: 14px;
}

[b-1xr9by6u2u] .kpi2-number {
    color: var(--ink);
    font-size: 30px;
    line-height: 1;
    font-weight: 1000;
    letter-spacing: 0;
}

[b-1xr9by6u2u] .kpi2.kpi-blue {
    --tone: var(--blue);
    --tone-rgb: 47, 125, 246;
}

[b-1xr9by6u2u] .kpi2.kpi-indigo {
    --tone: var(--indigo);
    --tone-rgb: 94, 103, 242;
}

[b-1xr9by6u2u] .kpi2.kpi-green {
    --tone: var(--green);
    --tone-rgb: 32, 185, 120;
}

[b-1xr9by6u2u] .kpi2.kpi-orange {
    --tone: var(--orange);
    --tone-rgb: 245, 155, 61;
}

/* =========================
   Main layout
   ========================= */

.row-main[b-1xr9by6u2u] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
    gap: 14px;
    align-items: start;
}

.lists-col[b-1xr9by6u2u],
.right-col[b-1xr9by6u2u] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
}

.card[b-1xr9by6u2u],
[b-1xr9by6u2u] .card {
    position: relative;
    border-radius: 8px;
    background: var(--surface);
    border: 1px solid var(--line);
    box-shadow: var(--shadow);
}

.block[b-1xr9by6u2u],
.right-card[b-1xr9by6u2u] {
    padding: 18px;
}

.card-head[b-1xr9by6u2u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

.card-title[b-1xr9by6u2u] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--ink);
    font-size: 16px;
    line-height: 1.2;
    font-weight: 1000;
}

.card-title[b-1xr9by6u2u]::before {
    content: "";
    width: 8px;
    height: 22px;
    border-radius: 6px;
    background: linear-gradient(180deg, var(--teal), var(--blue));
}

[b-1xr9by6u2u] .card-head .rz-button,
[b-1xr9by6u2u] .right-card .rz-button {
    border-radius: 8px;
    font-weight: 900;
    box-shadow: none;
}

.muted[b-1xr9by6u2u] {
    color: var(--muted);
    font-size: 12px;
    line-height: 1.45;
}

/* =========================
   Lists
   ========================= */

.mini-list[b-1xr9by6u2u],
.notif-list[b-1xr9by6u2u] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

.mini-row[b-1xr9by6u2u] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 13px 14px;
    border-radius: 8px;
    border: 1px solid var(--line);
    background: linear-gradient(135deg, #ffffff 0%, #fbfdff 100%);
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.mini-row[b-1xr9by6u2u]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: var(--blue);
    opacity: .65;
}

.mini-row:hover[b-1xr9by6u2u] {
    transform: translateY(-2px);
    border-color: var(--line-strong);
    box-shadow: 0 12px 26px rgba(18, 38, 63, .08);
    background: #fff;
}

.mini-left[b-1xr9by6u2u] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
}

.mini-main[b-1xr9by6u2u] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.mini-main b[b-1xr9by6u2u] {
    color: var(--ink);
    font-weight: 1000;
}

.mini-ico[b-1xr9by6u2u] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--teal);
    background: rgba(15, 159, 143, .10);
    border: 1px solid rgba(15, 159, 143, .16);
    font-size: 19px;
    flex: 0 0 auto;
}

.mini-sub[b-1xr9by6u2u] {
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mini-meta[b-1xr9by6u2u] {
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
    padding-left: 44px;
}

.mini-right[b-1xr9by6u2u] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex: 0 0 auto;
}

[b-1xr9by6u2u] .mini-right .rz-badge,
[b-1xr9by6u2u] .notif-top .rz-badge {
    border-radius: 7px;
    font-weight: 1000;
    letter-spacing: 0;
}

[b-1xr9by6u2u] .mini-right .rz-button {
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 8px;
}

.file-count[b-1xr9by6u2u] {
    min-width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--muted);
    font-size: 12px;
    font-weight: 900;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--surface-soft);
}

.empty-state[b-1xr9by6u2u] {
    padding: 14px;
    border: 1px dashed var(--line-strong);
    border-radius: 8px;
    color: var(--muted);
    background: var(--surface-soft);
    font-weight: 800;
}

/* =========================
   Documents tabs
   ========================= */

[b-1xr9by6u2u] .rz-tabview {
    margin-top: 10px;
}

[b-1xr9by6u2u] .rz-tabview-nav {
    border-bottom: 1px solid var(--line);
    gap: 4px;
}

[b-1xr9by6u2u] .rz-tabview-nav li a {
    border-radius: 8px 8px 0 0;
    font-weight: 900;
}

[b-1xr9by6u2u] .rz-tabview-panels {
    border: 1px solid var(--line);
    border-top: 0;
    border-radius: 0 0 8px 8px;
    padding: 14px;
    background: #fff;
}

/* =========================
   Right column
   ========================= */

.right-card[b-1xr9by6u2u] {
    overflow: hidden;
}

.right-card[b-1xr9by6u2u]::after {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 4px;
    background: linear-gradient(90deg, var(--teal), var(--blue));
}

.invoice[b-1xr9by6u2u]::after {
    background: linear-gradient(90deg, var(--orange), #ff6b45);
}

.support[b-1xr9by6u2u]::after {
    background: linear-gradient(90deg, #38bdf8, var(--blue));
}

.notif[b-1xr9by6u2u]::after {
    background: linear-gradient(90deg, var(--teal), var(--green));
}

.resume-lines[b-1xr9by6u2u] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 16px;
}

.resume-lines .line[b-1xr9by6u2u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid var(--line);
    background: linear-gradient(135deg, #fff, #fafcff);
}

.resume-lines .val[b-1xr9by6u2u] {
    color: var(--ink);
    font-size: 16px;
    font-weight: 1000;
    text-align: right;
    white-space: nowrap;
}

.money[b-1xr9by6u2u] {
    color: var(--ink);
    font-size: 38px;
    line-height: 1;
    font-weight: 1000;
    margin: 14px 0 10px;
}

[b-1xr9by6u2u] .invoice .rz-button {
    color: #fff !important;
    background: linear-gradient(135deg, #ff7048, #f59b3d) !important;
    border-color: transparent !important;
}

[b-1xr9by6u2u] .support .rz-button,
[b-1xr9by6u2u] .notif > .rz-button {
    color: #fff !important;
    background: linear-gradient(135deg, #2f9fd7, #2f7df6) !important;
    border-color: transparent !important;
}

[b-1xr9by6u2u] .invoice .rz-button:hover,
[b-1xr9by6u2u] .invoice .rz-button:focus,
[b-1xr9by6u2u] .invoice .rz-button:active {
    color: #fff !important;
    background: linear-gradient(135deg, #ff7048, #f59b3d) !important;
    border-color: transparent !important;
    filter: brightness(1.03);
}

[b-1xr9by6u2u] .support .rz-button:hover,
[b-1xr9by6u2u] .support .rz-button:focus,
[b-1xr9by6u2u] .support .rz-button:active,
[b-1xr9by6u2u] .notif > .rz-button:hover,
[b-1xr9by6u2u] .notif > .rz-button:focus,
[b-1xr9by6u2u] .notif > .rz-button:active {
    color: #fff !important;
    background: linear-gradient(135deg, #2f9fd7, #2f7df6) !important;
    border-color: transparent !important;
    filter: brightness(1.03);
}

[b-1xr9by6u2u] .invoice .rz-button .rz-button-text,
[b-1xr9by6u2u] .invoice .rz-button .rz-button-icon-left,
[b-1xr9by6u2u] .invoice .rz-button .rz-button-icon-right,
[b-1xr9by6u2u] .support .rz-button .rz-button-text,
[b-1xr9by6u2u] .support .rz-button .rz-button-icon-left,
[b-1xr9by6u2u] .support .rz-button .rz-button-icon-right,
[b-1xr9by6u2u] .notif > .rz-button .rz-button-text,
[b-1xr9by6u2u] .notif > .rz-button .rz-button-icon-left,
[b-1xr9by6u2u] .notif > .rz-button .rz-button-icon-right {
    color: #fff !important;
}

/* =========================
   Notifications
   ========================= */

.notif-item[b-1xr9by6u2u] {
    cursor: pointer;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.notif-item:hover[b-1xr9by6u2u] {
    transform: translateY(-2px);
    border-color: var(--line-strong);
    box-shadow: 0 12px 24px rgba(18, 38, 63, .08);
}

.bullet[b-1xr9by6u2u] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--teal);
    box-shadow: 0 0 0 5px rgba(15, 159, 143, .12);
    margin-top: 5px;
    flex: 0 0 9px;
}

.notif-content[b-1xr9by6u2u] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
    width: 100%;
}

.notif-top[b-1xr9by6u2u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.notif-dossier[b-1xr9by6u2u] {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    color: var(--ink);
    font-size: 12px;
    font-weight: 900;
}

.sep[b-1xr9by6u2u],
.date[b-1xr9by6u2u] {
    color: var(--muted);
}

.date[b-1xr9by6u2u] {
    font-size: 12px;
    font-weight: 700;
}

.notif-subject[b-1xr9by6u2u] {
    color: var(--ink);
    font-size: 13px;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* =========================
   Download toast
   ========================= */

.download-toast[b-1xr9by6u2u] {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 1100;
}

.download-toast-inner[b-1xr9by6u2u] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 310px;
    padding: 13px 14px;
    border-radius: 8px;
    background: #102033;
    color: #fff;
    box-shadow: 0 18px 44px rgba(18, 38, 63, .24);
}

.download-toast-inner .material-icons[b-1xr9by6u2u] {
    color: #36e0c5;
}

.download-toast-inner .title[b-1xr9by6u2u] {
    font-weight: 1000;
}

.download-toast-inner .sub[b-1xr9by6u2u] {
    color: rgba(255, 255, 255, .72);
    font-size: 12px;
    font-weight: 800;
}

.download-toast-inner .close[b-1xr9by6u2u] {
    margin-left: auto;
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 8px;
    background: rgba(255, 255, 255, .12);
    color: #fff;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}

/* =========================
   Legacy export overlay
   ========================= */

.export-overlay[b-1xr9by6u2u] {
    position: absolute;
    inset: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(255, 255, 255, .70);
    backdrop-filter: blur(3px);
}

.export-box[b-1xr9by6u2u] {
    min-width: 320px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 18px 22px;
    border-radius: 8px;
    border: 1px solid var(--line);
    background: #fff;
    box-shadow: var(--shadow);
}

.export-text[b-1xr9by6u2u] {
    color: var(--muted);
    font-size: 13px;
    font-weight: 800;
}

/* =========================
   Responsive
   ========================= */

@media (max-width: 1320px) {
    .kpi-grid[b-1xr9by6u2u],
    [b-1xr9by6u2u] .kpi-grid {
        grid-template-columns: repeat(2, minmax(210px, 1fr));
    }

    .row-main[b-1xr9by6u2u] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 980px) {
    .dashboard-hero[b-1xr9by6u2u] {
        grid-template-columns: 1fr;
    }

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

@media (max-width: 680px) {
    .dashboard-hero[b-1xr9by6u2u] {
        padding: 16px;
    }

    .hero-copy h1[b-1xr9by6u2u] {
        font-size: 28px;
    }

    .hero-summary[b-1xr9by6u2u],
    .kpi-grid[b-1xr9by6u2u],
    [b-1xr9by6u2u] .kpi-grid {
        grid-template-columns: 1fr;
    }

    .mini-row[b-1xr9by6u2u],
    .resume-lines .line[b-1xr9by6u2u],
    .notif-top[b-1xr9by6u2u] {
        align-items: flex-start;
        flex-direction: column;
    }

    .mini-right[b-1xr9by6u2u] {
        width: 100%;
        justify-content: flex-start;
        padding-left: 44px;
    }

    .resume-lines .val[b-1xr9by6u2u] {
        text-align: left;
    }
}

@keyframes heroSweep-b-1xr9by6u2u {
    0%, 100% {
        background-position: -120% 0, 0 0, 0 0;
    }

    50% {
        background-position: 120% 0, 0 0, 0 0;
    }
}

@keyframes pulseDot-b-1xr9by6u2u {
    0%, 100% {
        opacity: .55;
        transform: scale(.92);
    }

    50% {
        opacity: 1;
        transform: scale(1);
    }
}
/* _content/TRMSCL/Components/Pages/DossiersFactures.razor.rz.scp.css */
.page[b-ggh4gsp84p] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.page-head[b-ggh4gsp84p] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 12px;
    padding: 6px 2px;
}

.h1[b-ggh4gsp84p] {
    font-weight: 1000;
    font-size: 22px;
    color: #0b1b2a;
}

.sub[b-ggh4gsp84p] {
    font-size: 12px;
    opacity: .65;
}

.head-actions[b-ggh4gsp84p] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.filter-card[b-ggh4gsp84p] {
    border-radius: 18px;
    border: 1px solid rgba(11,27,42,.08);
    box-shadow: 0 10px 28px rgba(20,38,78,.10);
}

.filters[b-ggh4gsp84p] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr;
    gap: 12px;
    align-items: end;
}

.f .lbl[b-ggh4gsp84p] {
    font-size: 12px;
    opacity: .7;
    margin-bottom: 6px;
    font-weight: 700;
}

.f-actions[b-ggh4gsp84p] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.grid-card[b-ggh4gsp84p] {
    border-radius: 18px;
    border: 1px solid rgba(11,27,42,.08);
    box-shadow: 0 10px 28px rgba(20,38,78,.10);
}

.grid-modern[b-ggh4gsp84p] {
    border-radius: 14px;
    overflow: hidden;
}

/* responsive */
@media (max-width:1200px) {
    .filters[b-ggh4gsp84p] {
        grid-template-columns: 1fr 1fr;
    }

    .f-actions[b-ggh4gsp84p] {
        justify-content: stretch;
    }
}
.filter-card[b-ggh4gsp84p] {
    margin-bottom: 12px;
}

/* Flex = meilleur pour garder les boutons bien placés */
.filters-bar[b-ggh4gsp84p] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: flex-end;
}

.f-item[b-ggh4gsp84p] {
    flex: 1 1 160px;
    min-width: 160px;
}

    .f-item.small[b-ggh4gsp84p] {
        flex: 0 0 120px;
        min-width: 120px;
    }

/* ✅ boutons toujours ensemble à droite */
.f-actions[b-ggh4gsp84p] {
    margin-left: auto;
    display: flex;
    gap: 10px;
    align-items: center;
    flex: 0 0 auto;
}

/* sur petit écran: ils restent ensemble, juste wrap si لازم */
@media (max-width: 700px) {
    .f-actions[b-ggh4gsp84p] {
        margin-left: 0;
        width: 100%;
        justify-content: flex-end;
    }
}

/* Grid wrapper (si الشاشة صغيّر) */
.grid-wrap[b-ggh4gsp84p] {
    width: 100%;
    overflow-x: auto;
}

    .grid-wrap .rz-grid[b-ggh4gsp84p] {
        min-width: 900px;
    }
/* _content/TRMSCL/Components/Pages/DossiersNonFactures.razor.rz.scp.css */
.page[b-pqxb2f8qmq] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.page-head[b-pqxb2f8qmq] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 12px;
    padding: 6px 2px;
}

.h1[b-pqxb2f8qmq] {
    font-weight: 1000;
    font-size: 22px;
    color: #0b1b2a;
}

.sub[b-pqxb2f8qmq] {
    font-size: 12px;
    opacity: .65;
}

.head-actions[b-pqxb2f8qmq] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.filter-card[b-pqxb2f8qmq] {
    border-radius: 18px;
    border: 1px solid rgba(11,27,42,.08);
    box-shadow: 0 10px 28px rgba(20,38,78,.10);
}

.filters[b-pqxb2f8qmq] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr;
    gap: 12px;
    align-items: end;
}

.f .lbl[b-pqxb2f8qmq] {
    font-size: 12px;
    opacity: .7;
    margin-bottom: 6px;
    font-weight: 700;
}

.f-actions[b-pqxb2f8qmq] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.grid-card[b-pqxb2f8qmq] {
    border-radius: 18px;
    border: 1px solid rgba(11,27,42,.08);
    box-shadow: 0 10px 28px rgba(20,38,78,.10);
}

.grid-modern[b-pqxb2f8qmq] {
    border-radius: 14px;
    overflow: hidden;
}

/* responsive */
@media (max-width:1200px) {
    .filters[b-pqxb2f8qmq] {
        grid-template-columns: 1fr 1fr;
    }

    .f-actions[b-pqxb2f8qmq] {
        justify-content: stretch;
    }
}
.filter-card[b-pqxb2f8qmq] {
    margin-bottom: 12px;
}

/* Flex = meilleur pour garder les boutons bien placés */
.filters-bar[b-pqxb2f8qmq] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: flex-end;
}

.f-item[b-pqxb2f8qmq] {
    flex: 1 1 160px;
    min-width: 160px;
}

    .f-item.small[b-pqxb2f8qmq] {
        flex: 0 0 120px;
        min-width: 120px;
    }

/* ✅ boutons toujours ensemble à droite */
.f-actions[b-pqxb2f8qmq] {
    margin-left: auto;
    display: flex;
    gap: 10px;
    align-items: center;
    flex: 0 0 auto;
}

/* sur petit écran: ils restent ensemble, juste wrap si لازم */
@media (max-width: 700px) {
    .f-actions[b-pqxb2f8qmq] {
        margin-left: 0;
        width: 100%;
        justify-content: flex-end;
    }
}

/* Grid wrapper (si الشاشة صغيّر) */
.grid-wrap[b-pqxb2f8qmq] {
    width: 100%;
    overflow-x: auto;
}

    .grid-wrap .rz-grid[b-pqxb2f8qmq] {
        min-width: 900px;
    }
/* _content/TRMSCL/Components/Pages/Dums.razor.rz.scp.css */
/* Card filtres */
.filter-card[b-37wvt6849o] {
    padding: 12px 12px 6px 12px;
    border-radius: 14px;
}

/* ✅ Layout : 12 colonnes (comme Bootstrap) */
.filters-bar[b-37wvt6849o] {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 12px;
    align-items: end;
}

.f-item[b-37wvt6849o] {
    grid-column: span 3; /* ✅ 4 items / ligne (12/3=4) */
    min-width: 0;
}

    /* Un peu plus petit pour "Lignes" */
    .f-item.small[b-37wvt6849o] {
        grid-column: span 2; /* 6 items possibles */
    }

.lbl[b-37wvt6849o] {
    font-size: 12px;
    color: #6b7280;
    margin-bottom: 6px;
    font-weight: 600;
}

/* ✅ Zone boutons sur toute la ligne */
.f-actions[b-37wvt6849o] {
    grid-column: 1 / -1;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 4px;
}

/* ✅ Responsive */
@media (max-width: 1200px) {
    .f-item[b-37wvt6849o] {
        grid-column: span 4;
    }
        /* 3 / ligne */
        .f-item.small[b-37wvt6849o] {
            grid-column: span 4;
        }
    /* même taille */
}

@media (max-width: 900px) {
    .f-item[b-37wvt6849o] {
        grid-column: span 6;
    }
        /* 2 / ligne */
        .f-item.small[b-37wvt6849o] {
            grid-column: span 6;
        }
}

@media (max-width: 600px) {
    .f-item[b-37wvt6849o] {
        grid-column: span 12;
    }
        /* 1 / ligne */
        .f-item.small[b-37wvt6849o] {
            grid-column: span 12;
        }

    .f-actions[b-37wvt6849o] {
        justify-content: stretch;
    }

        .f-actions .rz-button[b-37wvt6849o] {
            width: 100%;
        }
}
/* _content/TRMSCL/Components/Pages/Factures.razor.rz.scp.css */
.page[b-j34sbzy33y] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.page-head[b-j34sbzy33y] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 12px;
    padding: 6px 2px;
}

.h1[b-j34sbzy33y] {
    font-weight: 1000;
    font-size: 22px;
    color: #0b1b2a;
}

.sub[b-j34sbzy33y] {
    font-size: 12px;
    opacity: .65;
}

.head-actions[b-j34sbzy33y] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.filter-card[b-j34sbzy33y] {
    border-radius: 18px;
    border: 1px solid rgba(11,27,42,.08);
    box-shadow: 0 10px 28px rgba(20,38,78,.10);
}

.filters[b-j34sbzy33y] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr;
    gap: 12px;
    align-items: end;
}

.f .lbl[b-j34sbzy33y] {
    font-size: 12px;
    opacity: .7;
    margin-bottom: 6px;
    font-weight: 700;
}

.f-actions[b-j34sbzy33y] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.grid-card[b-j34sbzy33y] {
    border-radius: 18px;
    border: 1px solid rgba(11,27,42,.08);
    box-shadow: 0 10px 28px rgba(20,38,78,.10);
}

.grid-modern[b-j34sbzy33y] {
    border-radius: 14px;
    overflow: hidden;
}

/* responsive */
@media (max-width:1200px) {
    .filters[b-j34sbzy33y] {
        grid-template-columns: 1fr 1fr;
    }

    .f-actions[b-j34sbzy33y] {
        justify-content: stretch;
    }
}
.filter-card[b-j34sbzy33y] {
    margin-bottom: 12px;
}

/* Flex = meilleur pour garder les boutons bien placés */
.filters-bar[b-j34sbzy33y] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: flex-end;
}

.f-item[b-j34sbzy33y] {
    flex: 1 1 160px;
    min-width: 160px;
}

    .f-item.small[b-j34sbzy33y] {
        flex: 0 0 120px;
        min-width: 120px;
    }

/* ✅ boutons toujours ensemble à droite */
.f-actions[b-j34sbzy33y] {
    margin-left: auto;
    display: flex;
    gap: 10px;
    align-items: center;
    flex: 0 0 auto;
}

/* sur petit écran: ils restent ensemble, juste wrap si لازم */
@media (max-width: 700px) {
    .f-actions[b-j34sbzy33y] {
        margin-left: 0;
        width: 100%;
        justify-content: flex-end;
    }
}

/* Grid wrapper (si الشاشة صغيّر) */
.grid-wrap[b-j34sbzy33y] {
    width: 100%;
    overflow-x: auto;
}

    .grid-wrap .rz-grid[b-j34sbzy33y] {
        min-width: 900px;
    }
/* _content/TRMSCL/Components/Pages/Login.razor.rz.scp.css */
.login-shell[b-hj85zdkcni] {
    width: 100%;
    height: 100vh;
    height: 100svh;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: clamp(10px, 1.4vh, 18px);
    overflow: hidden;
    isolation: isolate;
    box-sizing: border-box;
    padding: clamp(14px, 2vh, 24px) clamp(18px, 3vw, 42px);
    color: #eef7f8;
    background:
        linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px),
        radial-gradient(900px 520px at 13% 18%, rgba(28, 185, 168, .26), transparent 62%),
        radial-gradient(720px 520px at 92% 13%, rgba(226, 128, 68, .24), transparent 64%),
        radial-gradient(780px 520px at 55% 102%, rgba(255,255,255,.18), transparent 66%),
        linear-gradient(118deg, #102235 0%, #182d3b 34%, #233f45 55%, #dce7e4 82%, #fff1e4 100%);
    background-size: 58px 58px, 58px 58px, auto, auto, auto, auto;
}

.login-shell *[b-hj85zdkcni],
.login-shell *[b-hj85zdkcni]::before,
.login-shell *[b-hj85zdkcni]::after {
    box-sizing: border-box;
}

.login-shell[b-hj85zdkcni]::before,
.login-shell[b-hj85zdkcni]::after {
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: -1;
}

.login-shell[b-hj85zdkcni]::before {
    inset: 0;
    background:
        linear-gradient(110deg, transparent 0%, rgba(255,255,255,.12) 45%, transparent 58%),
        radial-gradient(620px 360px at 6% 78%, rgba(14,156,134,.22), transparent 66%),
        radial-gradient(680px 380px at 72% 0%, rgba(255,255,255,.20), transparent 70%);
    opacity: .58;
    transform: translateX(-5%);
    animation: ambientSweep-b-hj85zdkcni 15s ease-in-out infinite alternate;
}

.login-shell[b-hj85zdkcni]::after {
    inset: 0;
    background:
        linear-gradient(115deg, transparent 0%, rgba(255,255,255,.10) 42%, transparent 61%),
        radial-gradient(1px 1px at 12% 22%, rgba(123,236,225,.9), transparent),
        radial-gradient(1px 1px at 38% 10%, rgba(255,255,255,.8), transparent),
        radial-gradient(1px 1px at 74% 18%, rgba(255,255,255,.65), transparent),
        radial-gradient(1px 1px at 92% 48%, rgba(255,190,130,.65), transparent);
    background-size: 240% 100%, auto, auto, auto, auto;
    animation: gridBreath-b-hj85zdkcni 8s ease-in-out infinite;
}

.login-grid[b-hj85zdkcni] {
    width: min(1680px, 100%);
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(500px, .88fr) minmax(660px, 1.12fr);
    gap: clamp(24px, 3.2vw, 52px);
    align-items: center;
    margin: 0 auto;
    z-index: 1;
}

.login-story[b-hj85zdkcni],
.login-panel[b-hj85zdkcni] {
    position: relative;
    animation: surfaceIn-b-hj85zdkcni .72s cubic-bezier(.2,.8,.2,1) both;
}

.login-panel[b-hj85zdkcni] {
    animation-delay: .08s;
}

.login-story[b-hj85zdkcni] {
    display: grid;
    gap: clamp(12px, 1.6vh, 18px);
    padding: 4px 0 4px 6px;
}

.brand-row[b-hj85zdkcni] {
    display: grid;
    grid-template-columns: 68px 1fr;
    gap: 18px;
    align-items: center;
}

.brand-mark[b-hj85zdkcni] {
    width: 68px;
    height: 68px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: rgba(255,255,255,.88);
    border: 1px solid rgba(255,255,255,.36);
    box-shadow: 0 24px 60px rgba(3, 15, 26, .28);
    animation: markFloat-b-hj85zdkcni 5.5s ease-in-out infinite;
}

.brand-mark img[b-hj85zdkcni] {
    width: 50px;
    max-height: 50px;
    object-fit: contain;
}

.eyebrow[b-hj85zdkcni],
.login-badge[b-hj85zdkcni],
.context-cards span[b-hj85zdkcni] {
    text-transform: uppercase;
    letter-spacing: .16em;
    font-weight: 950;
    color: #10d3bd;
    font-size: 11px;
}

.brand-row h1[b-hj85zdkcni] {
    margin: 6px 0 7px;
    font-size: clamp(30px, 2.8vw, 42px);
    line-height: 1.02;
    font-weight: 1000;
    color: #f8fbff;
    text-shadow: 0 16px 44px rgba(3, 15, 26, .34);
}

.brand-row p[b-hj85zdkcni] {
    margin: 0;
    max-width: 600px;
    color: rgba(238,247,248,.78);
    font-size: 15px;
    line-height: 1.55;
}

.title-doc-motion[b-hj85zdkcni] {
    position: relative;
    width: min(440px, 100%);
    height: 40px;
    margin: 8px 0;
    overflow: hidden;
}

.title-doc-motion[b-hj85zdkcni]::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background: linear-gradient(90deg, rgba(31,221,202,.42), rgba(226,128,68,.30), transparent);
}

.mini-doc[b-hj85zdkcni] {
    position: absolute;
    top: 3px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 32px;
    padding: 6px 11px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,.26);
    background: #f8fbfd;
    box-shadow: 0 14px 26px rgba(3, 15, 26, .16);
    font-size: 11px;
    font-weight: 1000;
    letter-spacing: .08em;
}

.mini-doc[b-hj85zdkcni]  .rz-icon {
    font-size: 18px;
}

.mini-doc-a[b-hj85zdkcni] {
    color: #08766f;
    background: linear-gradient(135deg, #e8faf6, #ffffff);
    animation: titleDocA-b-hj85zdkcni 4.8s ease-in-out infinite;
}

.mini-doc-b[b-hj85zdkcni] {
    color: #a75a09;
    background: linear-gradient(135deg, #fff4dc, #ffffff);
    animation: titleDocB-b-hj85zdkcni 5.4s ease-in-out infinite;
}

.mini-doc-c[b-hj85zdkcni] {
    color: #214d91;
    background: linear-gradient(135deg, #edf4ff, #ffffff);
    animation: titleDocC-b-hj85zdkcni 6s ease-in-out infinite;
}

.feature-grid[b-hj85zdkcni] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.feature-card[b-hj85zdkcni] {
    position: relative;
    overflow: hidden;
    min-height: 84px;
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 14px;
    border-radius: 8px;
    background: rgba(255,255,255,.18);
    border: 1px solid rgba(255,255,255,.26);
    box-shadow: 0 20px 44px rgba(3, 15, 26, .16);
    animation: cardLift-b-hj85zdkcni .55s cubic-bezier(.2,.8,.2,1) both;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}

.feature-card[b-hj85zdkcni]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,.20) 42%, transparent 58%);
    transform: translateX(-120%);
    transition: transform .55s ease;
}

.feature-card:hover[b-hj85zdkcni] {
    transform: translateY(-5px);
    background: rgba(255,255,255,.24);
    border-color: rgba(255,255,255,.38);
    box-shadow: 0 26px 54px rgba(3, 15, 26, .20);
}

.feature-card:hover[b-hj85zdkcni]::before {
    transform: translateX(120%);
}

.feature-card:nth-child(1)[b-hj85zdkcni] { animation-delay: .08s; }
.feature-card:nth-child(2)[b-hj85zdkcni] { animation-delay: .16s; }
.feature-card:nth-child(3)[b-hj85zdkcni] { animation-delay: .24s; }
.feature-card:nth-child(4)[b-hj85zdkcni] { animation-delay: .32s; }

.feature-client[b-hj85zdkcni] {
    background: linear-gradient(135deg, rgba(15,179,164,.24), rgba(255,255,255,.18));
    border-color: rgba(44,220,201,.32);
}

.feature-secure[b-hj85zdkcni] {
    background: linear-gradient(135deg, rgba(65,111,190,.24), rgba(255,255,255,.18));
    border-color: rgba(148,181,255,.28);
}

.feature-report[b-hj85zdkcni] {
    background: linear-gradient(135deg, rgba(226,128,68,.24), rgba(255,255,255,.18));
    border-color: rgba(255,188,120,.30);
}

.feature-support[b-hj85zdkcni] {
    background: linear-gradient(135deg, rgba(139,111,210,.22), rgba(255,255,255,.18));
    border-color: rgba(190,171,255,.24);
}

.feature-card[b-hj85zdkcni]  .rz-icon {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 8px;
    background: rgba(255,255,255,.84);
    color: #08766f;
    font-size: 20px;
    box-shadow: 0 14px 30px rgba(3, 15, 26, .16);
    animation: iconPulse-b-hj85zdkcni 4s ease-in-out infinite;
}

.feature-client[b-hj85zdkcni]  .rz-icon {
    background: #e8faf6;
    color: #08766f;
}

.feature-secure[b-hj85zdkcni]  .rz-icon {
    background: #edf4ff;
    color: #2458a6;
}

.feature-report[b-hj85zdkcni]  .rz-icon {
    background: #fff4dc;
    color: #b96d13;
}

.feature-support[b-hj85zdkcni]  .rz-icon {
    background: #f3edff;
    color: #6f4bb2;
}

.feature-card strong[b-hj85zdkcni] {
    display: block;
    margin-bottom: 6px;
    color: #ffffff;
    text-shadow: 0 1px 12px rgba(3, 15, 26, .20);
    font-size: 15px;
    font-weight: 1000;
}

.feature-card span[b-hj85zdkcni] {
    display: block;
    color: rgba(248,252,252,.88);
    font-size: 12.5px;
    line-height: 1.5;
}

.story-footer[b-hj85zdkcni] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.story-badge[b-hj85zdkcni] {
    padding: 9px 12px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,.30);
    box-shadow: 0 16px 34px rgba(3, 15, 26, .15);
    font-size: 12px;
    font-weight: 900;
    animation: badgeFloat-b-hj85zdkcni 4.8s ease-in-out infinite;
}

.story-badge:nth-child(2)[b-hj85zdkcni] {
    animation-delay: .35s;
}

.story-badge:nth-child(3)[b-hj85zdkcni] {
    animation-delay: .7s;
}

.badge-teal[b-hj85zdkcni] {
    background: #e8faf6;
    border-color: rgba(31,221,202,.28);
    color: #075f59;
}

.badge-amber[b-hj85zdkcni] {
    background: #fff2dd;
    border-color: rgba(226,128,68,.28);
    color: #8a4d0b;
}

.badge-blue[b-hj85zdkcni] {
    background: #edf4ff;
    border-color: rgba(89,139,219,.28);
    color: #214d91;
}

.signal-strip[b-hj85zdkcni] {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 14px;
    border-radius: 8px;
    background: rgba(255,255,255,.20);
    border: 1px solid rgba(255,255,255,.30);
    color: rgba(248,252,252,.92);
    font-size: 12px;
    font-weight: 850;
    box-shadow: 0 18px 38px rgba(3, 15, 26, .18);
}

.signal-strip b[b-hj85zdkcni] {
    color: #7cf3e5;
}

.signal-dot[b-hj85zdkcni],
.footer-status[b-hj85zdkcni] {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: #10d3bd;
    box-shadow: 0 0 0 6px rgba(16,211,189,.13);
    animation: signalPulse-b-hj85zdkcni 1.9s ease-out infinite;
}

.login-panel[b-hj85zdkcni] {
    overflow: hidden;
    padding: clamp(22px, 2.5vh, 32px);
    border-radius: 10px;
    color: #11243d;
    background:
        linear-gradient(135deg, #ffffff, #fbfdfc),
        radial-gradient(520px 260px at 96% 0%, rgba(226,128,68,.13), transparent 70%),
        radial-gradient(440px 260px at 0% 100%, rgba(15,179,164,.11), transparent 70%);
    border: 1px solid #d7e3ea;
    box-shadow: 0 28px 74px rgba(3, 15, 26, .24), inset 0 1px 0 rgba(255,255,255,.94);
}

.login-panel[b-hj85zdkcni]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(110deg, transparent 0%, rgba(255,255,255,.24) 42%, transparent 62%),
        linear-gradient(rgba(17,36,61,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(17,36,61,.022) 1px, transparent 1px);
    background-size: 260% 100%, 42px 42px, 42px 42px;
    opacity: .38;
    animation: panelSweep-b-hj85zdkcni 9s ease-in-out infinite;
}

.login-panel > *[b-hj85zdkcni] {
    position: relative;
    z-index: 1;
}

.panel-top[b-hj85zdkcni],
.login-options[b-hj85zdkcni],
.login-actions[b-hj85zdkcni],
.panel-actions[b-hj85zdkcni],
.remember-row[b-hj85zdkcni],
.secure-note[b-hj85zdkcni] {
    display: flex;
    align-items: center;
}

.panel-top[b-hj85zdkcni] {
    justify-content: space-between;
    margin-bottom: 12px;
}

.user-chip[b-hj85zdkcni] {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    color: #11243d;
    background: linear-gradient(135deg, #eef7f7, #fff0df);
    border: 1px solid rgba(17,36,61,.13);
    box-shadow: 0 16px 34px rgba(17,36,61,.09);
    font-weight: 1000;
    animation: chipGlow-b-hj85zdkcni 4.5s ease-in-out infinite;
}

.panel-actions[b-hj85zdkcni] {
    gap: 10px;
}

.panel-actions button[b-hj85zdkcni],
.icon-action[b-hj85zdkcni] {
    border: 1px solid #cfdae3;
    background: #ffffff;
    color: #0f2137;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 0 10px 22px rgba(17,36,61,.06);
    transition: color .16s ease, border-color .16s ease, background .16s ease, transform .16s ease;
}

.panel-actions button[b-hj85zdkcni] {
    width: 44px;
    height: 44px;
}

.panel-actions button[b-hj85zdkcni]  .rz-icon,
.icon-action[b-hj85zdkcni]  .rz-icon {
    color: currentColor;
    font-size: 22px;
}

.panel-actions button:hover[b-hj85zdkcni],
.icon-action:hover[b-hj85zdkcni] {
    color: #08766f;
    border-color: rgba(8,118,111,.34);
    background: #f2fbf9;
    transform: translateY(-1px);
}

.login-heading[b-hj85zdkcni] {
    max-width: 680px;
    margin-bottom: 14px;
}

.login-badge[b-hj85zdkcni] {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    margin-bottom: 10px;
    padding: 8px 12px;
    border-radius: 8px;
    color: #08766f;
    background: #e8faf6;
    border: 1px solid rgba(8,118,111,.18);
}

.login-badge[b-hj85zdkcni]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(100deg, transparent, rgba(255,255,255,.82), transparent);
    transform: translateX(-120%);
    animation: badgeShine-b-hj85zdkcni 3.8s ease-in-out infinite;
}

.login-heading h2[b-hj85zdkcni] {
    max-width: 720px;
    margin: 0;
    color: #0f2137;
    font-size: clamp(30px, 2.8vw, 42px);
    line-height: 1.05;
    font-weight: 1000;
    letter-spacing: 0;
}

.login-heading p[b-hj85zdkcni] {
    max-width: 600px;
    margin: 9px 0 0;
    color: #52647b;
    font-size: 14px;
    line-height: 1.58;
}

.context-cards[b-hj85zdkcni] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin: 12px 0 10px;
}

.context-cards > div[b-hj85zdkcni] {
    min-height: 84px;
    padding: 13px 14px;
    border-radius: 8px;
    border: 1px solid #d8e2ea;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(17,36,61,.06);
}

.context-cards .active-context[b-hj85zdkcni] {
    border-color: rgba(8,118,111,.28);
    background: linear-gradient(135deg, #f1fbf8, #fff8ee);
}

.context-cards strong[b-hj85zdkcni],
.context-cards small[b-hj85zdkcni] {
    display: block;
}

.context-cards strong[b-hj85zdkcni] {
    margin: 8px 0 3px;
    color: #11243d;
    font-size: 18px;
    font-weight: 1000;
}

.context-cards small[b-hj85zdkcni] {
    color: #52647b;
    font-size: 12px;
}

.login-form[b-hj85zdkcni] {
    margin-top: 8px;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #d8e2ea;
    background: #ffffff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
}

.form-grid[b-hj85zdkcni] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.field-block label[b-hj85zdkcni] {
    display: block;
    margin-bottom: 7px;
    color: #11243d;
    font-size: 13px;
    font-weight: 950;
}

.input-frame[b-hj85zdkcni] {
    position: relative;
    min-height: 50px;
    display: grid;
    grid-template-columns: 44px 1fr;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #cfdbe4;
    background: #ffffff;
    box-shadow: 0 10px 20px rgba(17,36,61,.04);
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.input-frame:focus-within[b-hj85zdkcni] {
    background: #ffffff;
    border-color: rgba(8,118,111,.52);
    box-shadow: 0 0 0 4px rgba(8,118,111,.10), 0 14px 26px rgba(17,36,61,.07);
}

.input-frame[b-hj85zdkcni] >  .rz-icon {
    justify-self: center;
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    color: #08766f;
    background: #e8faf6;
    font-size: 20px;
}

.input-frame[b-hj85zdkcni]  .rz-textbox {
    width: 100% !important;
    height: 48px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #11243d !important;
    font-weight: 800 !important;
}

.input-frame[b-hj85zdkcni]  .rz-textbox::placeholder {
    color: #718197 !important;
}

.input-frame[b-hj85zdkcni]  .rz-textbox:focus {
    box-shadow: none !important;
}

.field-block:last-child .input-frame[b-hj85zdkcni]  .rz-textbox {
    padding-right: 54px !important;
}

.icon-action[b-hj85zdkcni] {
    position: absolute;
    right: 8px;
    top: 6px;
    width: 38px;
    height: 38px;
}

[b-hj85zdkcni] .validation-message {
    display: block;
    margin-top: 6px;
    color: #be123c;
    font-size: 12px;
    font-weight: 800;
}

.login-options[b-hj85zdkcni] {
    justify-content: space-between;
    gap: 12px;
    margin: 10px 0 0;
    padding: 11px 0;
    border-top: 1px solid rgba(17,36,61,.10);
}

.remember-row[b-hj85zdkcni] {
    gap: 10px;
    color: #11243d;
    font-size: 13px;
    font-weight: 900;
}

.secure-note[b-hj85zdkcni] {
    gap: 8px;
    padding: 10px 13px;
    border-radius: 8px;
    color: #52647b;
    background: #eefaf7;
    border: 1px solid rgba(8,118,111,.18);
    font-size: 12px;
    font-weight: 850;
}

.secure-note[b-hj85zdkcni]  .rz-icon {
    color: #08766f;
}

.login-actions[b-hj85zdkcni] {
    justify-content: space-between;
    gap: 14px;
}

[b-hj85zdkcni] .btn-login-modern.rz-button {
    min-width: 198px !important;
    height: 50px !important;
    border: 0 !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #08766f 0%, #0f9f8f 52%, #102235 100%) !important;
    box-shadow: 0 18px 38px rgba(8,118,111,.28), 0 10px 24px rgba(16,34,53,.18) !important;
    font-weight: 950 !important;
    transition: transform .16s ease, box-shadow .16s ease, filter .16s ease !important;
}

[b-hj85zdkcni] .btn-login-modern.rz-button:hover {
    transform: translateY(-1px);
    filter: saturate(1.08) brightness(1.02);
    box-shadow: 0 22px 46px rgba(8,118,111,.32), 0 12px 28px rgba(16,34,53,.20) !important;
}

[b-hj85zdkcni] .btn-login-modern.rz-button .rz-button-text,
[b-hj85zdkcni] .btn-login-modern.rz-button .rz-button-icon-left {
    color: #ffffff !important;
}

.forgot-link[b-hj85zdkcni] {
    color: #445c7a;
    font-weight: 950;
    text-decoration: none;
    transition: color .16s ease;
}

.forgot-link:hover[b-hj85zdkcni] {
    color: #08766f;
}

.login-bottom-footer[b-hj85zdkcni] {
    width: min(1680px, 100%);
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 0 auto;
    padding: 9px 14px;
    border-radius: 8px;
    color: #52647b;
    background: #ffffff;
    border: 1px solid #d8e2ea;
    box-shadow: 0 18px 42px rgba(3, 15, 26, .14);
    font-size: 12px;
    font-weight: 850;
    animation: footerIn-b-hj85zdkcni .7s cubic-bezier(.2,.8,.2,1) .22s both;
}

.footer-brand[b-hj85zdkcni],
.footer-links[b-hj85zdkcni] {
    display: flex;
    align-items: center;
    gap: 11px;
    flex-wrap: wrap;
}

.footer-brand strong[b-hj85zdkcni] {
    color: #0f2137;
}

.footer-links span[b-hj85zdkcni] {
    padding: 8px 11px;
    border-radius: 8px;
    background: #f8fbfd;
    border: 1px solid #dbe5ec;
    color: #445c7a;
}

.footer-links span:nth-child(1)[b-hj85zdkcni] {
    background: #e8faf6;
    color: #075f59;
}

.footer-links span:nth-child(2)[b-hj85zdkcni] {
    background: #edf4ff;
    color: #214d91;
}

.footer-links span:nth-child(3)[b-hj85zdkcni] {
    background: #f8fbfd;
    color: #52647b;
}

.login-toast[b-hj85zdkcni] {
    position: fixed;
    right: clamp(16px, 2.2vw, 34px);
    top: clamp(16px, 2.2vh, 28px);
    z-index: 95;
    width: min(420px, calc(100vw - 32px));
    min-height: 86px;
    display: grid;
    grid-template-columns: 48px 1fr 38px;
    align-items: center;
    gap: 12px;
    overflow: hidden;
    padding: 14px;
    border-radius: 10px;
    color: #12243b;
    background: linear-gradient(135deg, #ffffff, #fff8f5);
    border: 1px solid rgba(220, 38, 38, .18);
    box-shadow: 0 24px 62px rgba(3, 15, 26, .24);
    animation: toastIn-b-hj85zdkcni .28s cubic-bezier(.2,.8,.2,1), toastAttention-b-hj85zdkcni .52s ease .12s;
}

.login-toast[b-hj85zdkcni]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(220, 38, 38, .08), transparent 42%),
        linear-gradient(rgba(17,36,61,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(17,36,61,.020) 1px, transparent 1px);
    background-size: auto, 28px 28px, 28px 28px;
}

.toast-icon[b-hj85zdkcni],
.toast-copy[b-hj85zdkcni],
.toast-close[b-hj85zdkcni] {
    position: relative;
    z-index: 1;
}

.toast-icon[b-hj85zdkcni] {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: #dc2626;
    background: #fff1f2;
    border: 1px solid rgba(220, 38, 38, .16);
    animation: toastIconPulse-b-hj85zdkcni 1.5s ease-in-out infinite;
}

.toast-icon[b-hj85zdkcni]  .rz-icon {
    color: currentColor;
    font-size: 28px;
}

.toast-copy[b-hj85zdkcni] {
    min-width: 0;
}

.toast-copy strong[b-hj85zdkcni],
.toast-copy span[b-hj85zdkcni] {
    display: block;
}

.toast-copy strong[b-hj85zdkcni] {
    color: #12243b;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 1000;
}

.toast-copy span[b-hj85zdkcni] {
    margin-top: 4px;
    color: #52647b;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 800;
}

.toast-close[b-hj85zdkcni] {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    border: 1px solid #d8e2ea;
    color: #445c7a;
    background: #ffffff;
    cursor: pointer;
    transition: color .16s ease, background .16s ease, border-color .16s ease;
}

.toast-close:hover[b-hj85zdkcni] {
    color: #dc2626;
    background: #fff7f7;
    border-color: rgba(220, 38, 38, .22);
}

.toast-close[b-hj85zdkcni]  .rz-icon {
    color: currentColor;
    font-size: 20px;
}

.toast-progress[b-hj85zdkcni] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 4px;
    background: linear-gradient(90deg, #dc2626, #f97316);
    transform-origin: left center;
    animation: toastProgress-b-hj85zdkcni 4.2s linear forwards;
}

.login-loading-overlay[b-hj85zdkcni] {
    position: fixed;
    inset: 0;
    z-index: 80;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(6, 16, 28, .52);
    backdrop-filter: blur(14px);
    animation: loadingFade-b-hj85zdkcni .18s ease both;
}

.login-loading-card[b-hj85zdkcni] {
    position: relative;
    overflow: hidden;
    width: min(440px, 100%);
    display: grid;
    gap: 16px;
    justify-items: center;
    padding: 30px;
    border-radius: 10px;
    color: #11243d;
    background: rgba(255, 255, 255, .94);
    border: 1px solid rgba(255, 255, 255, .66);
    box-shadow: 0 34px 92px rgba(3, 15, 26, .34);
}

.login-loading-card[b-hj85zdkcni]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(110deg, transparent 0%, rgba(255,255,255,.70) 42%, transparent 62%),
        linear-gradient(rgba(17,36,61,.040) 1px, transparent 1px),
        linear-gradient(90deg, rgba(17,36,61,.034) 1px, transparent 1px);
    background-size: 220% 100%, 34px 34px, 34px 34px;
    animation: loadingSweep-b-hj85zdkcni 2.4s ease-in-out infinite;
    pointer-events: none;
}

.loading-orbit[b-hj85zdkcni],
.loading-copy[b-hj85zdkcni],
.loading-steps[b-hj85zdkcni] {
    position: relative;
    z-index: 1;
}

.loading-orbit[b-hj85zdkcni] {
    width: 76px;
    height: 76px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(232,250,246,.96), rgba(255,246,226,.92));
    border: 1px solid rgba(8,118,111,.18);
}

.loading-orbit span[b-hj85zdkcni] {
    position: absolute;
    inset: -5px;
    border-radius: inherit;
    border: 3px solid rgba(8,118,111,.16);
    border-top-color: #08766f;
    animation: loadingSpin-b-hj85zdkcni .9s linear infinite;
}

.loading-orbit[b-hj85zdkcni]  .rz-icon {
    color: #08766f;
    font-size: 30px;
}

.loading-copy[b-hj85zdkcni] {
    text-align: center;
}

.loading-copy span[b-hj85zdkcni] {
    display: inline-flex;
    margin-bottom: 8px;
    padding: 6px 10px;
    border-radius: 999px;
    color: #08766f;
    background: rgba(232,250,246,.9);
    border: 1px solid rgba(8,118,111,.18);
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .12em;
}

.loading-copy strong[b-hj85zdkcni] {
    display: block;
    color: #11243d;
    font-size: 22px;
    line-height: 1.16;
    font-weight: 950;
}

.loading-copy p[b-hj85zdkcni] {
    max-width: 340px;
    margin: 8px auto 0;
    color: #52647b;
    font-size: 13px;
    line-height: 1.5;
}

.loading-steps[b-hj85zdkcni] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.loading-steps div[b-hj85zdkcni] {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-radius: 8px;
    color: #50627a;
    background: rgba(248, 251, 253, .92);
    border: 1px solid rgba(17,36,61,.09);
    font-size: 12px;
    font-weight: 900;
}

.loading-steps span[b-hj85zdkcni] {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #14a995;
    animation: loadingDot-b-hj85zdkcni 1.1s ease-in-out infinite;
}

.loading-steps div:nth-child(2) span[b-hj85zdkcni] {
    animation-delay: .15s;
}

.loading-steps div:nth-child(3) span[b-hj85zdkcni] {
    animation-delay: .3s;
}

.route-status[b-hj85zdkcni] {
    margin: 24px;
    padding: 18px;
    border-radius: 8px;
    background: #ffffff;
    border: 1px solid rgba(17,36,61,.12);
    color: #11243d;
    font-weight: 800;
}

@media (min-width: 1181px) {
    .login-shell[b-hj85zdkcni] {
        overflow: hidden;
    }
}

@media (max-height: 820px) and (min-width: 1181px) {
    .login-shell[b-hj85zdkcni] {
        padding-block: 18px;
    }

    .login-grid[b-hj85zdkcni] {
        align-items: start;
    }

    .login-story[b-hj85zdkcni] {
        gap: 14px;
    }

    .feature-card[b-hj85zdkcni] {
        min-height: 84px;
        padding: 14px;
    }

    .login-panel[b-hj85zdkcni] {
        padding: 22px;
    }

    .login-heading h2[b-hj85zdkcni] {
        font-size: clamp(30px, 2.6vw, 40px);
    }

    .context-cards > div[b-hj85zdkcni] {
        min-height: 82px;
    }
}

@media (max-width: 1180px) {
    .login-shell[b-hj85zdkcni] {
        overflow-x: hidden;
        overflow-y: auto;
    }

    .login-grid[b-hj85zdkcni] {
        width: 100%;
        grid-template-columns: 1fr;
        gap: 24px;
        align-items: start;
    }

    .login-story[b-hj85zdkcni] {
        padding: 0;
    }

    .login-bottom-footer[b-hj85zdkcni] {
        width: 100%;
        margin-top: 12px;
    }
}

@media (max-width: 760px) {
    .login-shell[b-hj85zdkcni] {
        padding: 16px;
        justify-content: flex-start;
    }

    .login-grid[b-hj85zdkcni] {
        width: 100%;
        min-height: auto;
    }

    .brand-row[b-hj85zdkcni],
    .feature-grid[b-hj85zdkcni],
    .context-cards[b-hj85zdkcni],
    .form-grid[b-hj85zdkcni] {
        grid-template-columns: 1fr;
    }

    .brand-row[b-hj85zdkcni] {
        gap: 14px;
        text-align: left;
    }

    .brand-row h1[b-hj85zdkcni] {
        font-size: 34px;
    }

    .title-doc-motion[b-hj85zdkcni] {
        width: 100%;
    }

    .login-panel[b-hj85zdkcni] {
        padding: 20px;
    }

    .login-heading h2[b-hj85zdkcni] {
        font-size: 34px;
    }

    .login-options[b-hj85zdkcni],
    .login-actions[b-hj85zdkcni] {
        align-items: stretch;
        flex-direction: column;
    }

    .login-bottom-footer[b-hj85zdkcni] {
        align-items: stretch;
        flex-direction: column;
    }

    .footer-brand[b-hj85zdkcni],
    .footer-links[b-hj85zdkcni] {
        align-items: stretch;
        flex-direction: column;
    }

    [b-hj85zdkcni] .btn-login-modern.rz-button {
        width: 100% !important;
    }

    .login-toast[b-hj85zdkcni] {
        top: 12px;
        right: 12px;
        left: 12px;
        width: auto;
        grid-template-columns: 44px 1fr 36px;
        padding: 12px;
    }
}

@media (max-width: 480px) {
    .login-shell[b-hj85zdkcni] {
        padding: 12px;
    }

    .brand-row[b-hj85zdkcni] {
        grid-template-columns: 58px 1fr;
    }

    .brand-mark[b-hj85zdkcni] {
        width: 58px;
        height: 58px;
    }

    .brand-mark img[b-hj85zdkcni] {
        width: 44px;
        max-height: 44px;
    }

    .title-doc-motion[b-hj85zdkcni] {
        height: auto;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        overflow: visible;
    }

    .title-doc-motion[b-hj85zdkcni]::before {
        display: none;
    }

    .mini-doc[b-hj85zdkcni] {
        position: static;
        transform: none !important;
        animation: none;
    }

    .login-panel[b-hj85zdkcni] {
        padding: 16px;
    }

    .login-heading h2[b-hj85zdkcni] {
        font-size: 30px;
    }

    .panel-top[b-hj85zdkcni] {
        align-items: flex-start;
    }
}

@keyframes ambientSweep-b-hj85zdkcni {
    0% {
        transform: translateX(-10%) translateY(0);
        opacity: .68;
    }

    100% {
        transform: translateX(10%) translateY(-2%);
        opacity: .92;
    }
}

@keyframes gridBreath-b-hj85zdkcni {
    0%, 100% {
        opacity: .42;
        background-position: -120% 0, 0 0, 0 0, 0 0, 0 0;
    }

    50% {
        opacity: .78;
        background-position: 120% 0, 0 0, 0 0, 0 0, 0 0;
    }
}

@keyframes surfaceIn-b-hj85zdkcni {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

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

@keyframes cardLift-b-hj85zdkcni {
    from {
        opacity: 0;
        transform: translateY(14px) scale(.985);
    }

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

@keyframes markFloat-b-hj85zdkcni {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-6px);
    }
}

@keyframes iconPulse-b-hj85zdkcni {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.06);
    }
}

@keyframes badgeFloat-b-hj85zdkcni {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-3px);
    }
}

@keyframes signalPulse-b-hj85zdkcni {
    0% {
        box-shadow: 0 0 0 0 rgba(16,211,189,.32);
    }

    100% {
        box-shadow: 0 0 0 9px rgba(16,211,189,0);
    }
}

@keyframes chipGlow-b-hj85zdkcni {
    0%, 100% {
        box-shadow: 0 14px 30px rgba(17,36,61,.08);
    }

    50% {
        box-shadow: 0 18px 42px rgba(8,118,111,.20);
    }
}

@keyframes badgeShine-b-hj85zdkcni {
    0%, 42% {
        transform: translateX(-120%);
    }

    72%, 100% {
        transform: translateX(120%);
    }
}

@keyframes panelSweep-b-hj85zdkcni {
    0%, 100% {
        background-position: -120% 0, 0 0, 0 0;
    }

    50% {
        background-position: 120% 0, 0 0, 0 0;
    }
}

@keyframes footerIn-b-hj85zdkcni {
    from {
        opacity: 0;
        transform: translateY(12px);
    }

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

@keyframes titleDocA-b-hj85zdkcni {
    0%, 100% {
        left: 0;
        transform: translateY(0) rotate(-2deg);
    }

    50% {
        left: 42px;
        transform: translateY(-4px) rotate(2deg);
    }
}

@keyframes titleDocB-b-hj85zdkcni {
    0%, 100% {
        left: 112px;
        transform: translateY(3px) rotate(2deg);
    }

    50% {
        left: 174px;
        transform: translateY(-3px) rotate(-2deg);
    }
}

@keyframes titleDocC-b-hj85zdkcni {
    0%, 100% {
        left: 238px;
        transform: translateY(-1px) rotate(-1deg);
    }

    50% {
        left: 324px;
        transform: translateY(4px) rotate(3deg);
    }
}

@keyframes loadingFade-b-hj85zdkcni {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes loadingSpin-b-hj85zdkcni {
    to {
        transform: rotate(360deg);
    }
}

@keyframes loadingSweep-b-hj85zdkcni {
    0%, 100% {
        background-position: -120% 0, 0 0, 0 0;
    }

    50% {
        background-position: 120% 0, 0 0, 0 0;
    }
}

@keyframes loadingDot-b-hj85zdkcni {
    0%, 100% {
        opacity: .45;
        transform: scale(.9);
    }

    50% {
        opacity: 1;
        transform: scale(1.15);
    }
}

@keyframes toastIn-b-hj85zdkcni {
    from {
        opacity: 0;
        transform: translateY(-14px) translateX(18px) scale(.98);
    }

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

@keyframes toastAttention-b-hj85zdkcni {
    0%, 100% {
        transform: translateX(0);
    }

    24% {
        transform: translateX(-5px);
    }

    48% {
        transform: translateX(5px);
    }

    72% {
        transform: translateX(-2px);
    }
}

@keyframes toastIconPulse-b-hj85zdkcni {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(220, 38, 38, .18);
    }

    50% {
        box-shadow: 0 0 0 8px rgba(220, 38, 38, 0);
    }
}

@keyframes toastProgress-b-hj85zdkcni {
    from {
        transform: scaleX(1);
    }

    to {
        transform: scaleX(0);
    }
}
/* _content/TRMSCL/Components/Pages/Support/AdminTickets.razor.rz.scp.css */

.adm-page[b-jioq3ebw0s] {
    padding: 18px;
}

.adm-head[b-jioq3ebw0s] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-end;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.adm-title[b-jioq3ebw0s] {
    font-size: 22px;
    font-weight: 900;
    color: #1f2a37;
}

.adm-sub[b-jioq3ebw0s] {
    font-size: 13px;
    color: #6b7280;
    margin-top: 4px;
}

.adm-actions[b-jioq3ebw0s] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 100%;
}

[b-jioq3ebw0s] .adm-actions .rz-button {
    border-radius: 8px;
    font-weight: 900;
}

[b-jioq3ebw0s] .export-btn {
    min-width: 126px;
}

[b-jioq3ebw0s] .excel-btn {
    color: #08766f !important;
    background: linear-gradient(135deg, #ecfffb, #ffffff) !important;
    border-color: rgba(8, 118, 111, .18) !important;
}

[b-jioq3ebw0s] .pdf-btn {
    color: #b42318 !important;
    background: linear-gradient(135deg, #fff4ed, #ffffff) !important;
    border-color: rgba(215, 104, 47, .18) !important;
}

[b-jioq3ebw0s] .export-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(18, 38, 63, .08) !important;
}

.adm-kpis[b-jioq3ebw0s] {
    display: grid;
    grid-template-columns: repeat(4, minmax(160px, 1fr));
    gap: 12px;
    margin-bottom: 12px;
}



.kpi[b-jioq3ebw0s] {
    position: relative;
    background: #fff;
    border: 1px solid #eef2f7;
    border-radius: 18px;
    padding: 14px 14px 12px 14px;
    box-shadow: 0 10px 22px rgba(0,0,0,.06);
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 12px;
}

.k-ico[b-jioq3ebw0s] {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 900;
    background: #f3f4f6;
    color: #111827;
}

.k-txt[b-jioq3ebw0s] {
    line-height: 1.05;
}



    /* ✅ barre gradient en haut */
    .kpi[b-jioq3ebw0s]::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 4px;
        background: linear-gradient(90deg, #3b82f6, #06b6d4);
    }

    /* couleurs par type */
    .kpi.k-total[b-jioq3ebw0s]::before {
        background: linear-gradient(90deg,#0ea5e9,#6366f1);
    }

    .kpi.k-open[b-jioq3ebw0s]::before {
        background: linear-gradient(90deg,#f59e0b,#f97316);
    }

    .kpi.k-progress[b-jioq3ebw0s]::before {
        background: linear-gradient(90deg,#8b5cf6,#6366f1);
    }

    .kpi.k-closed[b-jioq3ebw0s]::before {
        background: linear-gradient(90deg,#22c55e,#16a34a);
    }

.k-l[b-jioq3ebw0s] {
    font-size: 12px;
    color: #6b7280;
    font-weight: 900;
}

.k-v[b-jioq3ebw0s] {
    font-size: 24px;
    font-weight: 1000;
    margin-top: 6px;
    color: #111827;
}


.adm-card[b-jioq3ebw0s] {
    border-radius: 16px;
}

.cell-ticket .tno[b-jioq3ebw0s] {
    font-weight: 900;
    color: #111827;
}

.cell-ticket .sub[b-jioq3ebw0s] {
    color: #6b7280;
    font-size: 12px;
    margin-top: 2px;
    max-width: 520px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mini[b-jioq3ebw0s] {
    font-size: 12px;
    margin-top: 4px;
}

.muted[b-jioq3ebw0s] {
    color: #6b7280;
    font-size: 12px;
}

.pill[b-jioq3ebw0s] {
    display: inline-flex;
    padding: 4px 10px;
    border-radius: 999px;
    font-weight: 800;
    font-size: 12px;
    border: 1px solid rgba(0,0,0,.06);
}

.pill-gray[b-jioq3ebw0s] {
    background: #f3f4f6;
    color: #374151;
}

.pill-muted[b-jioq3ebw0s] {
    background: #f8fafc;
    color: #6b7280;
}

.pill-blue[b-jioq3ebw0s] {
    background: #e0f2fe;
    color: #075985;
}

.pill-red[b-jioq3ebw0s] {
    background: #fee2e2;
    color: #991b1b;
}

.pill-orange[b-jioq3ebw0s] {
    background: #ffedd5;
    color: #9a3412;
}

.pill-purple[b-jioq3ebw0s] {
    background: #ede9fe;
    color: #5b21b6;
}

.pill-green[b-jioq3ebw0s] {
    background: #dcfce7;
    color: #166534;
}

.export-overlay[b-jioq3ebw0s] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(248, 250, 252, .62);
    backdrop-filter: blur(3px);
}

.export-pop[b-jioq3ebw0s] {
    width: min(340px, calc(100vw - 32px));
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    padding: 18px 20px;
    border-radius: 8px;
    border: 1px solid rgba(16, 32, 51, .10);
    background:
        radial-gradient(220px 120px at 0% 0%, rgba(15, 159, 143, .12), transparent 70%),
        #ffffff;
    box-shadow: 0 24px 58px rgba(18, 38, 63, .18);
}

.export-pop strong[b-jioq3ebw0s] {
    color: #102033;
    font-size: 14px;
    font-weight: 1000;
}

.export-pop small[b-jioq3ebw0s] {
    color: #66758a;
    font-size: 12px;
    font-weight: 800;
    text-align: center;
}



@media (max-width: 1100px) {
    .adm-kpis[b-jioq3ebw0s] {
        grid-template-columns: repeat(2,1fr);
    }
}

@media (max-width: 650px) {
    .adm-kpis[b-jioq3ebw0s] {
        grid-template-columns: 1fr;
    }
}


/* _content/TRMSCL/Components/Pages/Support/TicketDetail.razor.rz.scp.css */
.td-wrap[b-sy7h08u3y0] {
    width: 100%;
    padding: 18px;
}

.td-card[b-sy7h08u3y0] {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    border-radius: 18px;
    border: 1px solid #eef2f7;
    box-shadow: 0 10px 30px rgba(0,0,0,.05);
    position: relative;
    overflow: hidden;
}

.muted[b-sy7h08u3y0] {
    color: #6b7280;
}

/* Top */
.td-top[b-sy7h08u3y0] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 14px 12px 14px;
    border-bottom: 1px solid #eef2f7;
    background: linear-gradient(180deg,#ffffff,#fbfdff);
}

.td-left[b-sy7h08u3y0] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.td-titles[b-sy7h08u3y0] {
    line-height: 1.1;
}

.td-title[b-sy7h08u3y0] {
    font-size: 18px;
    font-weight: 900;
    color: #111827;
}

.td-sub[b-sy7h08u3y0] {
    font-size: 12px;
    margin-top: 4px;
    color: #6b7280;
}

.td-right[b-sy7h08u3y0] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.td-chip[b-sy7h08u3y0] {
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid #e5e7eb;
    background: #fff;
    font-size: 12px;
    font-weight: 800;
    color: #111827;
}

.chip-strong[b-sy7h08u3y0] {
    background: #eef2ff;
    border-color: #dbeafe;
    color: #1e3a8a;
}

/* States */
.td-state[b-sy7h08u3y0] {
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.td-empty[b-sy7h08u3y0] {
    padding: 24px;
    text-align: center;
}

.empty-title[b-sy7h08u3y0] {
    font-size: 18px;
    font-weight: 900;
    color: #111827;
    margin-bottom: 6px;
}

/* Summary */
.td-summary[b-sy7h08u3y0] {
    padding: 14px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.sum-left[b-sy7h08u3y0] {
    min-width: 0;
}

.sum-subject[b-sy7h08u3y0] {
    font-size: 15px;
    font-weight: 900;
    color: #111827;
    line-height: 1.25;
    word-break: break-word;
}

.sum-right[b-sy7h08u3y0] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

/* Pills */
.pill[b-sy7h08u3y0] {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    border: 1px solid rgba(0,0,0,.06);
    white-space: nowrap;
}

.pill-open[b-sy7h08u3y0] {
    background: #ffedd5;
    color: #9a3412;
    border-color: #fed7aa;
}

.pill-progress[b-sy7h08u3y0] {
    background: #e0f2fe;
    color: #075985;
    border-color: #bae6fd;
}

.pill-closed[b-sy7h08u3y0] {
    background: #dcfce7;
    color: #166534;
    border-color: #bbf7d0;
}

.pill-low[b-sy7h08u3y0] {
    background: #f3f4f6;
    color: #374151;
    border-color: #e5e7eb;
}

.pill-normal[b-sy7h08u3y0] {
    background: #ede9fe;
    color: #5b21b6;
    border-color: #ddd6fe;
}

.pill-urgent[b-sy7h08u3y0] {
    background: #fee2e2;
    color: #991b1b;
    border-color: #fecaca;
}

/* Chat */
.td-chat[b-sy7h08u3y0] {
    padding: 14px;
    background: #f8fafc;
    border-top: 1px solid #eef2f7;
    border-bottom: 1px solid #eef2f7;
    max-height: 440px;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.td-chat-empty[b-sy7h08u3y0] {
    padding: 18px;
    border: 1px dashed #d1d5db;
    border-radius: 14px;
    background: #fff;
    text-align: center;
}

.msg[b-sy7h08u3y0] {
    display: flex;
    gap: 10px;
    align-items: flex-end;
    max-width: 100%;
}

    .msg.me[b-sy7h08u3y0] {
        justify-content: flex-end;
    }

        .msg.me .avatar[b-sy7h08u3y0] {
            display: none;
        }

        .msg.me .bubble[b-sy7h08u3y0] {
            background: #ffffff;
            border: 1px solid #dbeafe;
            box-shadow: 0 8px 18px rgba(0,0,0,.04);
        }

    .msg.them .bubble[b-sy7h08u3y0] {
        background: #fff;
        border: 1px solid #e5e7eb;
        box-shadow: 0 8px 18px rgba(0,0,0,.04);
    }

.avatar[b-sy7h08u3y0] {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 13px;
    color: #0b5bd3;
    background: #eef6ff;
    border: 1px solid #dbeafe;
    flex: 0 0 auto;
}

.bubble[b-sy7h08u3y0] {
    width: min(820px, 92%);
    border-radius: 16px;
    padding: 10px 12px;
}

.bubble-top[b-sy7h08u3y0] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 6px;
    font-size: 12px;
}

.who[b-sy7h08u3y0] {
    font-weight: 900;
    color: #111827;
}

.text[b-sy7h08u3y0] {
    white-space: pre-wrap;
    word-break: break-word;
    color: #111827;
    font-size: 13.5px;
    line-height: 1.45;
}

/* Reply */
.td-reply[b-sy7h08u3y0] {
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #fff;
}

.reply-head[b-sy7h08u3y0] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
}

.reply-title[b-sy7h08u3y0] {
    font-weight: 900;
    color: #111827;
}

/* Overlay */
.td-overlay[b-sy7h08u3y0] {
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,.70);
    backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.td-overlay-box[b-sy7h08u3y0] {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 14px;
    padding: 18px 22px;
    box-shadow: 0 10px 25px rgba(0,0,0,.08);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    min-width: 320px;
}

@media (max-width: 900px) {
    .td-wrap[b-sy7h08u3y0] {
        padding: 12px;
    }

    .td-top[b-sy7h08u3y0] {
        flex-direction: column;
    }

    .reply-head[b-sy7h08u3y0] {
        flex-direction: column;
        align-items: stretch;
    }

        .reply-head .rz-button[b-sy7h08u3y0] {
            width: 100%;
        }

    .td-chat[b-sy7h08u3y0] {
        max-height: 55vh;
    }

    .sum-right[b-sy7h08u3y0] {
        justify-content: flex-start;
    }
}