@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.olwso25aue.bundle.scp.css';

/* /Components/CommonComponents/AssessmentLifecycleActionsComponent.razor.rz.scp.css */
.ala-cell[b-omefdm6whw] { min-width: 245px; display: grid; gap: .45rem; }
.ala-readiness-copy[b-omefdm6whw] { display: flex; justify-content: space-between; color: #64748b; font-size: .67rem; }
.ala-readiness-copy strong[b-omefdm6whw] { color: #172554; }
.ala-progress[b-omefdm6whw] { height: .38rem; overflow: hidden; border-radius: 999px; background: #e2e8f0; }
.ala-progress > span[b-omefdm6whw] { display: block; height: 100%; border-radius: inherit; transition: width .25s ease; }
.ala-progress-ready[b-omefdm6whw] { background: #198754; }
.ala-progress-warning[b-omefdm6whw] { background: #d99a16; }
.ala-progress-incomplete[b-omefdm6whw] { background: #b94a48; }
.ala-actions[b-omefdm6whw] { display: flex; flex-wrap: wrap; gap: .35rem; }
.ala-button[b-omefdm6whw] { padding: .25rem .45rem; border: 1px solid; border-radius: .35rem; background: #fff; font-size: .64rem; font-weight: 700; white-space: nowrap; }
.ala-button-secondary[b-omefdm6whw] { border-color: #9eb0c1; color: #475569; }
.ala-button-complete[b-omefdm6whw] { border-color: #198754; color: #157347; }
.ala-button-reopen[b-omefdm6whw] { border-color: #b7791f; color: #8a5a14; }
.ala-button:hover[b-omefdm6whw] { transform: translateY(-1px); box-shadow: 0 .15rem .35rem rgba(15, 23, 42, .12); }
/* /Components/CommonComponents/ZabDataTableAdvanced.razor.rz.scp.css */
.zdt-shell[b-la4odt0ptv] {
    --zdt-navy: #172554;
    --zdt-slate: #475569;
    --zdt-muted: #64748b;
    --zdt-line: #dbe4ea;
    --zdt-soft: #f6f8fa;
    --zdt-marble: #728fce;
    --zdt-green: #2e8b57;
    position: relative;
    width: 100%;
    overflow: hidden;
    border: 1px solid var(--zdt-line);
    border-radius: .75rem;
    background: #fff;
    box-shadow: 0 .35rem 1.1rem rgba(15, 23, 42, .06);
    color: #1e293b;
    font-family: Arial, "Segoe UI", sans-serif;
    font-size: .825rem !important;
}

.zdt-toolbar[b-la4odt0ptv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .75rem .9rem;
    border-bottom: 1px solid var(--zdt-line);
    background: linear-gradient(180deg, #fff, #f8fafc);
}

.zdt-toolbar-primary[b-la4odt0ptv],
.zdt-toolbar-actions[b-la4odt0ptv] {
    display: flex;
    align-items: center;
    gap: .55rem;
    min-width: 0;
}

.zdt-toolbar-actions[b-la4odt0ptv] {
    justify-content: flex-end;
}

.zdt-add-button[b-la4odt0ptv] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    min-height: 2.15rem;
    padding: .38rem .78rem;
    border: 1px solid #198754;
    border-radius: .42rem;
    background: linear-gradient(90deg, #198754 0%, #157347 100%);
    color: #fff;
    font-size: .76rem;
    font-weight: 700;
    box-shadow: 0 .15rem .35rem rgba(25, 135, 84, .18);
    transition: background .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.zdt-add-button:hover[b-la4odt0ptv] {
    border-color: #0f5132;
    background: linear-gradient(90deg, #157347 0%, #0f5132 100%);
    box-shadow: 0 .22rem .5rem rgba(15, 81, 50, .25);
}

.zdt-record-context[b-la4odt0ptv] {
    display: grid;
    min-width: 0;
    line-height: 1.2;
    text-transform: uppercase;
}

.zdt-record-context strong[b-la4odt0ptv] {
    overflow: hidden;
    color: var(--zdt-navy);
    font-size: .75rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zdt-record-context span[b-la4odt0ptv] {
    color: var(--zdt-muted);
    font-size: .64rem;
}

.zdt-icon-button[b-la4odt0ptv] {
    display: inline-grid;
    width: 2.15rem;
    height: 2.15rem;
    padding: 0;
    place-items: center;
    border: 1px solid #ccd8df;
    border-radius: .42rem;
    background: #fff;
    color: #526579;
}

.zdt-icon-button:hover:not(:disabled)[b-la4odt0ptv],
.zdt-icon-button.active[b-la4odt0ptv] {
    border-color: #96abd7;
    background: #eef2fb;
    color: #345287;
}

.zdt-icon-button:disabled[b-la4odt0ptv] {
    cursor: not-allowed;
    opacity: .48;
}

.zdt-output-menu[b-la4odt0ptv] {
    min-width: 13rem;
    padding: .35rem;
    border: 1px solid #d7e0e6;
    border-radius: .55rem;
    font-size: .76rem;
}

.zdt-output-menu .dropdown-item[b-la4odt0ptv] {
    display: flex;
    align-items: center;
    gap: .55rem;
    padding: .5rem .65rem;
    border-radius: .35rem;
}

.zdt-search[b-la4odt0ptv] {
    position: relative;
    display: flex;
    width: min(18rem, 32vw);
    min-width: 12rem;
    align-items: center;
}

.zdt-search > i[b-la4odt0ptv] {
    position: absolute;
    left: .7rem;
    color: #718096;
    pointer-events: none;
}

.zdt-search input[b-la4odt0ptv] {
    width: 100%;
    height: 2.15rem;
    padding: .38rem 2rem .38rem 2rem;
    border: 1px solid #cbd7df;
    border-radius: .42rem;
    outline: 0;
    background: #fff;
    color: #26384a;
    font-size: .80rem;
}

.zdt-search input:focus[b-la4odt0ptv],
.zdt-column-filter input:focus[b-la4odt0ptv],
.zdt-page-size select:focus[b-la4odt0ptv] {
    border-color: var(--zdt-marble);
    box-shadow: 0 0 0 .18rem rgba(114, 143, 206, .17);
}

.zdt-search button[b-la4odt0ptv] {
    position: absolute;
    right: .32rem;
    display: grid;
    width: 1.55rem;
    height: 1.55rem;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #718096;
}

.zdt-search button:hover[b-la4odt0ptv] {
    background: #edf2f5;
    color: #334155;
}

.zdt-error[b-la4odt0ptv] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: .65rem .8rem 0;
    padding: .55rem .7rem;
    border: 1px solid #efc0bd;
    border-radius: .42rem;
    background: #fff7f6;
    color: #9f2f2a;
    font-size: .72rem;
}

.zdt-error button[b-la4odt0ptv] {
    margin-left: auto;
    border: 0;
    background: transparent;
    color: #8d2925;
    font-weight: 700;
}

.zdt-table-frame[b-la4odt0ptv] {
    width: 100%;
    overflow: auto;
}

.zdt-table[b-la4odt0ptv] {
    width: 100%;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
    font-size: .80rem;
    white-space: nowrap;
}

.zdt-table thead[b-la4odt0ptv] {
    position: sticky;
    top: 0;
    z-index: 2;
}

.zdt-table thead th[b-la4odt0ptv] {
    padding: 0;
    border-bottom: 1px solid #cbd8e0;
    background: #edf1f3;
    color: #334155;
    font-weight: 700;
    text-align: left;
}

.zdt-sort-button[b-la4odt0ptv],
.zdt-static-header[b-la4odt0ptv] {
    display: flex;
    width: 100%;
    min-height: 2.35rem;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    padding: .48rem .72rem;
}

.zdt-sort-button[b-la4odt0ptv] {
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
}

.zdt-sort-button:hover[b-la4odt0ptv] {
    background: #e2e8ed;
    color: var(--zdt-navy);
}

.zdt-sort-button i[b-la4odt0ptv] {
    color: #8493a2;
    font-size: .66rem;
}

[aria-sort="ascending"] .zdt-sort-button[b-la4odt0ptv],
[aria-sort="descending"] .zdt-sort-button[b-la4odt0ptv] {
    box-shadow: inset 0 -2px var(--zdt-marble);
    color: #294b87;
}

[aria-sort="ascending"] .zdt-sort-button i[b-la4odt0ptv],
[aria-sort="descending"] .zdt-sort-button i[b-la4odt0ptv] {
    color: #294b87;
}

.zdt-actions-header[b-la4odt0ptv] {
    width: 7rem;
    padding: .48rem .72rem !important;
    text-align: center !important;
}

.zdt-filter-row th[b-la4odt0ptv] {
    padding: .35rem .42rem !important;
    border-bottom-color: #d9e3e9 !important;
    background: #f8fafb !important;
}

.zdt-column-filter[b-la4odt0ptv] {
    position: relative;
    display: flex;
    align-items: center;
}

.zdt-column-filter i[b-la4odt0ptv] {
    position: absolute;
    left: .5rem;
    color: #8493a2;
    font-size: .65rem;
}

.zdt-column-filter input[b-la4odt0ptv] {
    width: 100%;
    min-width: 7rem;
    height: 1.8rem;
    padding: .25rem .42rem .25rem 1.45rem;
    border: 1px solid #d2dde3;
    border-radius: .32rem;
    outline: 0;
    background: #fff;
    color: #334155;
    font-size: .68rem;
    font-weight: 400;
}

.zdt-clear-filters[b-la4odt0ptv] {
    width: 100%;
    border: 0;
    background: transparent;
    color: #536fa8;
    font-size: .66rem;
    font-weight: 700;
}

.zdt-data-row[b-la4odt0ptv] {
    background: #fff;
    transition: background-color .12s ease, box-shadow .12s ease;
}

.zdt-data-row:nth-child(even)[b-la4odt0ptv] {
    background: #fbfcfd;
}

.zdt-data-row:hover[b-la4odt0ptv] {
    background: #f1f5fb;
    box-shadow: inset 3px 0 var(--zdt-marble);
}

.zdt-data-row.clickable[b-la4odt0ptv] {
    cursor: pointer;
}

.zdt-cell[b-la4odt0ptv],
.zdt-row-actions[b-la4odt0ptv] {
    height: 2.45rem;
    padding: .38rem .72rem;
    border-bottom: 1px solid #e5ebef;
    color: #334155;
    vertical-align: middle;
}

.zdt-cell-icon[b-la4odt0ptv] {
    margin-right: .35rem;
    color: #738396;
}

.zdt-cell-link[b-la4odt0ptv] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: #315d9c;
    font: inherit;
    font-weight: 700;
}

.zdt-cell-link:hover[b-la4odt0ptv] {
    color: #203f72;
    text-decoration: underline;
}

.zdt-status-badge[b-la4odt0ptv] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    padding: .23rem .55rem;
    border-radius: 999px;
    background: #edf1f3;
    color: #526173;
    font-size: .65rem;
    font-weight: 700;
}

.badge-approved[b-la4odt0ptv] {
    background: #e6f5ed;
    color: #176c47;
}

.badge-pending[b-la4odt0ptv] {
    background: #fff5d9;
    color: #8a5b00;
}

.badge-rejected[b-la4odt0ptv] {
    background: #fce9e8;
    color: #a22d29;
}

.zdt-row-actions[b-la4odt0ptv] {
    text-align: center;
}

.zdt-row-button[b-la4odt0ptv] {
    display: inline-grid;
    width: 1.75rem;
    height: 1.75rem;
    margin: 0 .08rem;
    padding: 0;
    place-items: center;
    border: 1px solid transparent;
    border-radius: .34rem;
    background: transparent;
    font-size: .76rem;
}

.zdt-row-button.edit[b-la4odt0ptv] {
    border-color: #b8c9df;
    background: #edf3fa;
    color: #345c98;
}

.zdt-row-button.edit:hover[b-la4odt0ptv] {
    border-color: #7695bc;
    background: #cfdeef;
    color: #203f72;
}

.zdt-row-button.secondary[b-la4odt0ptv] {
    color: #267553;
}

.zdt-row-button.delete[b-la4odt0ptv] {
    color: #b23832;
}

.zdt-row-button:hover[b-la4odt0ptv] {
    border-color: #d2dde4;
    background: #f3f6f8;
}

.zdt-empty-state[b-la4odt0ptv] {
    height: 13rem;
    padding: 2rem !important;
    text-align: center;
    white-space: normal;
}

.zdt-empty-state > *[b-la4odt0ptv] {
    display: block;
}

.zdt-empty-state strong[b-la4odt0ptv] {
    margin-top: .55rem;
    color: #334155;
    font-size: .8rem;
}

.zdt-empty-state > span:last-child[b-la4odt0ptv] {
    margin-top: .22rem;
    color: var(--zdt-muted);
    font-size: .7rem;
}

.zdt-empty-icon[b-la4odt0ptv] {
    display: inline-grid;
    width: 2.6rem;
    height: 2.6rem;
    margin: auto;
    place-items: center;
    border-radius: 50%;
    background: #edf2f7;
    color: #7b8da1;
    font-size: 1.2rem;
}

.zdt-footer[b-la4odt0ptv] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: .8rem;
    min-height: 3.25rem;
    padding: .55rem .8rem;
    border-top: 1px solid var(--zdt-line);
    background: #f9fbfc;
    color: var(--zdt-muted);
    font-size: .68rem;
}

.zdt-page-size[b-la4odt0ptv] {
    display: flex;
    align-items: center;
    gap: .45rem;
}

.zdt-page-size select[b-la4odt0ptv] {
    height: 1.85rem;
    padding: .2rem 1.6rem .2rem .45rem;
    border: 1px solid #ccd8df;
    border-radius: .34rem;
    outline: 0;
    background: #fff;
    color: #334155;
    font-size: .68rem;
}

.zdt-page-summary[b-la4odt0ptv] {
    text-align: center;
}

.zdt-page-summary strong[b-la4odt0ptv],
.zdt-pagination strong[b-la4odt0ptv] {
    color: #334155;
}

.zdt-pagination[b-la4odt0ptv] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .25rem;
}

.zdt-pagination button[b-la4odt0ptv] {
    display: grid;
    width: 1.85rem;
    height: 1.85rem;
    padding: 0;
    place-items: center;
    border: 1px solid #ccd8df;
    border-radius: .34rem;
    background: #fff;
    color: #526579;
}

.zdt-pagination button:hover:not(:disabled)[b-la4odt0ptv] {
    border-color: #9db0d9;
    background: #edf2fb;
    color: #345287;
}

.zdt-pagination button:disabled[b-la4odt0ptv] {
    cursor: not-allowed;
    opacity: .42;
}

.zdt-pagination span[b-la4odt0ptv] {
    padding: 0 .4rem;
}

.zdt-loading-overlay[b-la4odt0ptv] {
    position: absolute;
    inset: 0;
    z-index: 10;
    display: grid;
    min-height: 9rem;
    place-items: center;
    background: rgba(248, 250, 252, .7);
    backdrop-filter: blur(1.5px);
}

.zdt-loading-card[b-la4odt0ptv] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .65rem .85rem;
    border: 1px solid #d4dee5;
    border-radius: .5rem;
    background: #fff;
    box-shadow: 0 .35rem 1rem rgba(15, 23, 42, .1);
    color: #44566a;
    font-size: .72rem;
    font-weight: 700;
}

.zdt-spinner[b-la4odt0ptv] {
    width: 1.05rem;
    height: 1.05rem;
    border: 2px solid #dbe3f4;
    border-top-color: var(--zdt-marble);
    border-radius: 50%;
    animation: zdt-spin-b-la4odt0ptv .75s linear infinite;
}

@keyframes zdt-spin-b-la4odt0ptv {
    to { transform: rotate(360deg); }
}

@media (max-width: 800px) {
    .zdt-toolbar[b-la4odt0ptv] {
        align-items: stretch;
        flex-direction: column;
    }

    .zdt-toolbar-actions[b-la4odt0ptv] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .zdt-search[b-la4odt0ptv] {
        width: 100%;
        flex: 1 1 100%;
    }

    .zdt-footer[b-la4odt0ptv] {
        grid-template-columns: 1fr;
    }

    .zdt-page-summary[b-la4odt0ptv] {
        text-align: left;
    }

    .zdt-pagination[b-la4odt0ptv] {
        justify-content: flex-start;
    }
}

@media print {
    .zdt-toolbar[b-la4odt0ptv],
    .zdt-filter-row[b-la4odt0ptv],
    .zdt-footer[b-la4odt0ptv],
    .zdt-actions-header[b-la4odt0ptv],
    .zdt-row-actions[b-la4odt0ptv] {
        display: none !important;
    }

    .zdt-shell[b-la4odt0ptv],
    .zdt-table-frame[b-la4odt0ptv] {
        overflow: visible;
        border: 0;
        box-shadow: none;
    }
}
/* /Components/CommonComponents/ZabOffCanvas.razor.rz.scp.css */
.offcanvas[b-1s8vh6u4ny] {
    position: fixed;
    bottom: 0;
    z-index: 9999 !important; /* Increased to sit above the top bar */
    display: flex;
    flex-direction: column;
    max-width: 100%;
    background-color: #fff;
    background-clip: padding-box;
    border-left: 1px solid rgba(0,0,0,.2);
    transition: transform .3s ease-in-out;
    top: 0;
    right: 0;
    transform: translateX(100%);
    box-shadow: -5px 0 25px rgba(0,0,0,0.15);
}

    .offcanvas.show[b-1s8vh6u4ny] {
        transform: none;
    }

.offcanvas-header[b-1s8vh6u4ny] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
}

.offcanvas-body[b-1s8vh6u4ny] {
    flex-grow: 1;
    padding: 1.25rem;
    overflow-y: auto;
}

.offcanvas-backdrop[b-1s8vh6u4ny] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9998 !important; /* Sits directly beneath the offcanvas, but above top bar */
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

    .offcanvas-backdrop.show[b-1s8vh6u4ny] {
        opacity: 0.1 !important;
        backdrop-filter: blur(2px) !important;
        -webkit-backdrop-filter: blur(2px) !important;
    }


/* =========================================================
   ZAB OFFCANVAS
========================================================= */
.zab-offcanvas-header[b-1s8vh6u4ny] {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #edf2f7;
    background: white;
    min-height: 60px;
    backdrop-filter: blur(20px);
    padding-top: 5px !important;
    padding-bottom: 2px !important;
}

    /* Modern Emerald Glow */

    .zab-offcanvas-header[b-1s8vh6u4ny]::before {
        content: "";
        position: absolute;
        inset: 0;
        /*background: linear-gradient( 180deg, rgba(14, 165, 233, 0.35) 0%, rgba(14, 165, 233, 0.20) 20%, rgba(14, 165, 233, 0.10) 35%, rgba(14, 165, 233, 0.03) 50%, rgba(14, 165, 233, 0) 65% ) !important;*/
        /*background: linear-gradient( 180deg, rgba(16,185,129,.35) 0%, rgba(16,185,129,.20) 20%, rgba(16,185,129,.10) 35%, rgba(16,185,129,.03) 50%, rgba(16,185,129,0) 65%);*/
        z-index: 0;
        background: linear-gradient( 180deg, rgba(101, 158, 199, 0.35) 0%, /* Anchor blue top anchor */
        rgba(135, 175, 199, 0.35) 0%, /* New anchor blue top anchor */
        rgba(135, 175, 199, 0.15) 20%, /* Smooth decay padding */
        rgba(135, 175, 199, 0.03) 40%, /* Micro-ambient trace */
        rgba(255, 255, 255, 1) 70%, /* Becomes solid pure white at 50% */
        rgba(255, 255, 255, 1) 100% /* Holds solid white baseline to the bottom */
        );
    }

    /* Soft glow */

    .zab-offcanvas-header[b-1s8vh6u4ny]::after {
        content: "";
        position: absolute;
        top: -30px;
        left: 50%;
        transform: translateX(-50%);
        width: 300px;
        height: 100px;
        /*background: radial-gradient( ellipse at center, rgba(16,185,129,.30) 0%, rgba(16,185,129,.10) 40%, rgba(16,185,129,0) 70%);*/
        
        z-index: 0;
    }

    /* Content above effects */

    .zab-offcanvas-header > *[b-1s8vh6u4ny] {
        position: relative;
        z-index: 2;
    }

    /* Title */

    .zab-offcanvas-header .offcanvas-title[b-1s8vh6u4ny] {
        font-size: 1.15rem;
        font-weight: 650;
        letter-spacing: -.2px;
        color: #0f172a;
    }

    /* Close button */

    .zab-offcanvas-header .btn-close[b-1s8vh6u4ny] {
        transition: all .2s ease;
    }

        .zab-offcanvas-header .btn-close:hover[b-1s8vh6u4ny] {
            transform: scale(1.1);
        }




.zab-offcanvas[b-1s8vh6u4ny] {
    width: 720px !important;
    max-width: 100%;
}


/* =========================================================
   BODY
========================================================= */

.zab-offcanvas-body[b-1s8vh6u4ny] {
    overflow-y: auto;
    padding: 1rem;
    background-color: #fafafa;
}


/* =========================================================
   FOOTER
========================================================= */

.zab-offcanvas-footer[b-1s8vh6u4ny] {
    position: sticky;
    bottom: 0;
    z-index: 10;
    background-color: white;
    border-top: 1px solid #dee2e6;
    padding: 0.75rem 1rem;
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}


/* =========================================================
   TABLETS
========================================================= */

@media (max-width: 720px) {
    .zab-offcanvas[b-1s8vh6u4ny] {
        width: 100% !important;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 720px) {
    .zab-offcanvas[b-1s8vh6u4ny] {
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
    }

    .zab-offcanvas-header[b-1s8vh6u4ny] {
        padding: 0.75rem;
    }

    .zab-offcanvas-body[b-1s8vh6u4ny] {
        padding: 0.75rem;
    }

    .zab-offcanvas-footer[b-1s8vh6u4ny] {
        padding: 0.75rem;
        flex-wrap: wrap;
    }

        .zab-offcanvas-footer .btn[b-1s8vh6u4ny] {
            width: 100%;
        }
}



.offcanvas[b-1s8vh6u4ny] {
    z-index: 5000 !important;
}

.offcanvas-backdrop[b-1s8vh6u4ny] {
    z-index: 4999 !important;
}
/* /Components/CommonComponents/ZabOffCanvasHost.razor.rz.scp.css */
/* ===========================================================
   ZAB OFFCANVAS THEME v2.1
   Viability.IQ Enterprise UI Framework
   =========================================================== */


/*============================================================
  OFFCANVAS CONTAINER
============================================================*/

.offcanvas[b-8d9zsqabps] {
    background: #fcfdff;
    border-left: solid 1px #dbe6ef;
    box-shadow: -10px 0 35px rgba(20,35,60,.18);
}


/*============================================================
  HEADER
============================================================*/

.zab-offcanvas-header[b-8d9zsqabps] {
    position: relative;
    background: linear-gradient( 180deg, #edf5ff 0%, #f7fbff 40%, #ffffff 75% );
    border-bottom: solid 1px #d9e5ef;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 4px 14px rgba(64,115,184,.10);
}


    /*============================================================
  SOFT BLUE LIGHT EFFECT
============================================================*/

    .zab-offcanvas-header[b-8d9zsqabps]::before {
        content: "";
        position: absolute;
        left: -5%;
        width: 110%;
        top: -30px;
        height: 110px;
        background: radial-gradient( ellipse, rgba(96,164,255,.26), rgba(96,164,255,.10) 45%, transparent 85% );
        pointer-events: none;
    }


    /*============================================================
  HEADER BOTTOM UNDERLINE
============================================================*/

    .zab-offcanvas-header[b-8d9zsqabps]::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: #b9d3e8;
    }


    /*============================================================
  TITLE
============================================================*/

    .zab-offcanvas-header .offcanvas-title[b-8d9zsqabps] {
        color: #5c5c5c; /* Marble */

        font-weight: 700;
        letter-spacing: .35px;
        text-shadow: 0 1px 0 rgba(255,255,255,.85), 0 2px 5px rgba(0,0,0,.08);
    }


    /*============================================================
  CLOSE BUTTON
============================================================*/
    .zab-offcanvas-header .btn-close[b-8d9zsqabps] {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        transition: all .20s ease;
    }

        .zab-offcanvas-header .btn-close:hover[b-8d9zsqabps] {
            background-color: rgba(0,120,215,.08);
            box-shadow: 0 1px 6px rgba(0,120,215,.18);
            transform: scale(1.08);
        }


/*============================================================
  BODY
============================================================*/

.zab-offcanvas-body[b-8d9zsqabps] {
    position: relative;
    background-color: #ffffff;
    overflow: auto;
    padding: 1rem;
}


    /*============================================================
  SPORTS PATTERN
============================================================*/

    .zab-offcanvas-body[b-8d9zsqabps]::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        opacity: .85;
        background: radial-gradient(circle at 12% 22%, rgba(52,125,255,.05) 0 2px, transparent 2px), radial-gradient(circle at 84% 18%, rgba(52,125,255,.05) 0 2px, transparent 2px), radial-gradient(circle at 30% 40%, rgba(52,125,255,.05) 0 2px, transparent 2px), radial-gradient(circle at 65% 55%, rgba(52,125,255,.05) 0 2px, transparent 2px), radial-gradient(circle at 15% 72%, rgba(52,125,255,.06) 0 2px, transparent 2px), radial-gradient(circle at 90% 85%, rgba(52,125,255,.07) 0 2px, transparent 2px);
        background-size: 24px 24px;
        mask-image: linear-gradient( to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.10) 20%, rgba(0,0,0,.30) 40%, rgba(0,0,0,.55) 65%, rgba(0,0,0,.85) 85%, rgba(0,0,0,1) 100% );
    }


/*============================================================
  INNER CONTENT CARD
============================================================*/

.soft-card[b-8d9zsqabps] {
    background: white;
    border: 1px solid #edf2f7;
    border-radius: 16px;
    box-shadow: 0 8px 26px rgba(36,56,92,.06), 0 2px 6px rgba(36,56,92,.05);
}


/*============================================================
  SCROLLBAR
============================================================*/

.zab-offcanvas-body[b-8d9zsqabps]::-webkit-scrollbar {
    width: 8px;
}

.zab-offcanvas-body[b-8d9zsqabps]::-webkit-scrollbar-thumb {
    background: #c8d7e8;
    border-radius: 8px;
}

    .zab-offcanvas-body[b-8d9zsqabps]::-webkit-scrollbar-thumb:hover {
        background: #9fbad8;
    }

.zab-offcanvas-body[b-8d9zsqabps]::-webkit-scrollbar-track {
    background: #f7fafc;
}


/*============================================================
  OPEN ANIMATION
============================================================*/

.offcanvas[b-8d9zsqabps] {
    transition: transform .30s cubic-bezier(.22,.61,.36,1), visibility .30s;
}

.zab-offcanvas-title[b-8d9zsqabps] {
    font-size: 0.99rem;
    font-weight: 600;
    letter-spacing: .35px;
    background: linear-gradient( 180deg, #6b6b6b 0%, #4f4f4f 45%, #2f2f2f 100% );
    -webkit-background-clip: text;
   /* -webkit-text-fill-color: transparent;*/
    text-shadow: 0 1px 0 rgba(255,255,255,.65), 0 2px 3px rgba(0,0,0,.10);
}

.zab-close-button[b-8d9zsqabps] {
    width: 36px;
    height: 36px;
    border: none;
    outline: none;
    border-radius: 50%;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .22s ease;
    cursor: pointer;
}

    .zab-close-button i[b-8d9zsqabps] {
        font-size: 1.35rem;
        color: #6a7482;
        transition: all .22s ease;
    }

    .zab-close-button:hover[b-8d9zsqabps] {
        background: rgba(58,124,212,.10);
        box-shadow: 0 3px 10px rgba(58,124,212,.18);
        transform: scale(1.08);
    }

        .zab-close-button:hover i[b-8d9zsqabps] {
            color: #2f73d6;
            transform: rotate(90deg);
        }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Base Layout Mechanics */
.fa-layout-wrapper[b-tbh8y8i77f] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
    overflow-x: hidden;
    /*overflow-y: auto;*/
    overflow-y: hidden;
    font-family: Arial, sans-serif, Helvetica, "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto;
}

.fa-top-bar[b-tbh8y8i77f] {
    display: flex;
    align-items: center;
    height: 60px;
    background-color: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    padding: 0 20px;
    z-index: 100;
    gap: 16px;
}

.fa-workspace-container[b-tbh8y8i77f] {
    display: flex;
    flex: 1;
    overflow: visible;
}

/* Sidebar Core Panels */
.fa-sidebar[b-tbh8y8i77f] {
    width: 260px;
    background-color: #f8fafc;
    border-right: 1px solid #e2e8f0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: width 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: visible;
}

    .fa-sidebar.collapsed[b-tbh8y8i77f] {
        width: 70px;
    }

.sidebar-scroller[b-tbh8y8i77f] {
    display: flex;
    flex-direction: column;
    gap: 0px;
    padding: 1px 6px;
    overflow-y: auto;
    flex: 1;
    border-bottom: solid 1px #64748b;
}
}

.sidebar-footer-static[b-tbh8y8i77f] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px;
    border-top: 1px solid #e2e8f0;
    background-color: #f8fafc;
}

.fa-nav-heading[b-tbh8y8i77f] {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #94a3b8;
    padding: 4px 12px 4px 12px;
}

.fa-sidebar.collapsed .fa-nav-heading[b-tbh8y8i77f] {
    display: none;
}


/* Base Nav Items Layout */
.fa-nav-item[b-tbh8y8i77f] {    
    display: flex;
    align-items: center;
    position: relative;
    height: 25px;
    min-height: 25px;
    padding: 0 10px;
    margin: 0;
    line-height: 1;
    font-size: 0.82rem;
    gap: 6px;    
    overflow: hidden;
    box-sizing: border-box;
}

.viq-nav-count[b-tbh8y8i77f] {
    display: inline-flex;
    align-items: center;
    justify-content: left;
    min-width: 25px;
    height: 19px;
    margin-left: 5px;
    padding: 0 6px;
    border: 1px solid #B4CFEC;      /* rgba(0, 0, 153, 0.28);*/
    border-radius: 999px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(225, 231, 255, 0.94)),
        repeating-linear-gradient(45deg, transparent 0 4px, rgba(0, 0, 153, 0.06) 4px 5px);
    color: #000099;
    font-size: 0.68rem;
    font-weight: 500;
    line-height: 1;
    flex-shrink: 0;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.12);
    transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.viq-nav-count--notification[b-tbh8y8i77f] {
    border-color: rgba(220, 53, 69, 0.34);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 229, 232, 0.95)),
        repeating-linear-gradient(45deg, transparent 0 4px, rgba(220, 53, 69, 0.07) 4px 5px);
    color: #a61e2c;
}

.fa-nav-item:hover .viq-nav-count[b-tbh8y8i77f] {
    border-color: rgba(0, 0, 153, 0.62);
    box-shadow: 0 3px 8px rgba(15, 23, 42, 0.18);
    transform: translateY(-1px);
}

.fa-nav-item:hover .viq-nav-count--notification[b-tbh8y8i77f] {
    border-color: rgba(220, 53, 69, 0.62);
}

.fa-sidebar.collapsed .viq-nav-count[b-tbh8y8i77f] {
    position: absolute;
    top: 1px;
    right: 1px;
    min-width: 17px;
    height: 15px;
    margin-left: 0;
    padding: 0 3px;
    font-size: 0.56rem;
}

@media (prefers-reduced-motion: reduce) {
    .viq-nav-count[b-tbh8y8i77f] {
        transition: none;
    }
}

    .fa-nav-item:hover[b-tbh8y8i77f] {
        background-color: #f1f5f9;
        color: #0f172a;
    }

    .fa-nav-item.active[b-tbh8y8i77f] {
        background-color: #e2e8f0;
        color: #000099;
        font-weight: 600;
    }

    a.fa-nav-item.bd-bottom[b-tbh8y8i77f] {
        border-bottom: 1px solid #64748b !important;
    }

.nav-icon-avatar-round[b-tbh8y8i77f] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    background-color: #f4ede6;
    border: 1px solid #dedede;
    border-radius: 50%;
    color: #64748b;
    font-size: 1.1rem;
    flex-shrink: 0;
    transition: all 0.2s ease;
}

.fa-nav-item:hover .nav-icon-avatar-round[b-tbh8y8i77f] {
    color: #000099;
    border-color: #cbd5e1;
}

.fa-nav-item.active .nav-icon-avatar-round[b-tbh8y8i77f] {
    background-color: #000099;
    color: #f4ede6;
    border-color: #000099;
}

.nav-text[b-tbh8y8i77f] {
    line-height: 1;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    opacity: 1;
    transition: opacity 0.2s ease;
}

.fa-sidebar.collapsed .nav-text[b-tbh8y8i77f] {
    display: none;
}

/* ==========================================================================
   VIABILITY.IQ SIDEBAR VISUAL DATA INPUT STATUS INDICATORS
   ========================================================================== */
.viq-indicator-dot[b-tbh8y8i77f] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-left: auto;
    flex-shrink: 0;
    box-shadow: 0 0 0 2px #ffffff;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Warning Color Indicator: No customer entry detected yet */
.status-warning[b-tbh8y8i77f] {
    background-color: #ffc107 !important; /* Premium Amber */
    box-shadow: 0 0 6px rgba(255, 193, 7, 0.5);
}

/* Success Color Indicator: Valid structural database row present */
.status-success[b-tbh8y8i77f] {
    background-color: #198754 !important; /* Premium Emerald */
    box-shadow: 0 0 6px rgba(25, 135, 84, 0.5);
}

/* Float status flag out as a notification badge if container collapses */
.fa-sidebar.collapsed .viq-indicator-dot[b-tbh8y8i77f] {
    position: absolute;
    top: 6px;
    right: 14px;
    margin-left: 0;
    transform: scale(1.1);
}

.fa-nav-item:hover .viq-indicator-dot[b-tbh8y8i77f] {
    transform: scale(1.3);
}

/* Footer Stack Details */
.footer-item[b-tbh8y8i77f] {
    padding: 8px;
}

.border-top-thick[b-tbh8y8i77f] {
    border-top: 2px solid #e2e8f0 !important;
    border-radius: 0;
    padding-top: 12px;
}

.footer-text-stack[b-tbh8y8i77f] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.fa-sidebar.collapsed .footer-text-stack[b-tbh8y8i77f] {
    display: none;
}

.footer-main-text[b-tbh8y8i77f] {
    font-size: 0.82rem;
    font-weight: 600;
    color: #334155;
}

.footer-main-text-sm[b-tbh8y8i77f] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #334155;
}

.footer-sub-text[b-tbh8y8i77f] {
    font-size: 0.7rem;
    color: #64748b;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* Brand Branding & Identity Accents */
.brand-main[b-tbh8y8i77f] {
    font-weight: 800;
    color: #1B8A6B;
    letter-spacing: -0.5px;
}

.brand-iq[b-tbh8y8i77f] {
    color: #D2691E;
    font-weight: 700;
}

.fa-toggle-sidebar-btn[b-tbh8y8i77f] {
    background: none;
    border: none;
    font-size: 1.5rem;
    color: #64748b;
    cursor: pointer;
}

    .fa-toggle-sidebar-btn:hover[b-tbh8y8i77f] {
        color: #000099;
    }

.fa-top-bar-right[b-tbh8y8i77f] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 20px;
}

.viq-help-link[b-tbh8y8i77f] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 11px;
    border: 1px solid #bfdbd6;
    border-radius: 20px;
    color: #176b63;
    background: #effaf8;
    font-size: 0.72rem;
    font-weight: 700;
    text-decoration: none;
    transition: color 150ms ease, background 150ms ease, transform 150ms ease;
}

.viq-help-link:hover[b-tbh8y8i77f] {
    transform: translateY(-1px);
    color: #fff;
    background: #218f80;
}

.marble-date-badge[b-tbh8y8i77f] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #64748b;
    background-color: #f1f5f9;
    padding: 6px 12px;
    border-radius: 20px;
}

.action-icon-btn[b-tbh8y8i77f] {
    background: none;
    border: none;
    font-size: 1.25rem;
    color: #64748b;
    cursor: pointer;
    position: relative;
}

    .action-icon-btn:hover[b-tbh8y8i77f] {
        color: #000099;
    }

.notification-indicator[b-tbh8y8i77f] {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 8px;
    height: 8px;
    background-color: #ef4444;
    border-radius: 50%;
    border: 2px solid #ffffff;
}

/* User Account Overlay Panels */
/*.dropdown-container {
    position: relative;
}

.avatar-trigger-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

.avatar-circle {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #000099;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.85rem;
}

.profile-card-dropdown {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    width: 240px;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
    display: none;
    z-index: 1000;
}

    .profile-card-dropdown.show {
        display: block;
    }

.profile-card-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border-bottom: 1px solid #e2e8f0;
}

.profile-avatar-large {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: #e0e7ff;
    color: #000099;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

.profile-info {
    display: flex;
    flex-direction: column;
}

.profile-name {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 700;
    color: #1e293b;
}

.profile-role {
    font-size: 0.72rem;
    color: #64748b;
}

.profile-card-body {
    padding: 8px 0;
}

.profile-dropdown-item {
    display: flex;
    align-items: center;
    padding: 8px 16px;
    color: #334155;
    text-decoration: none;
    font-size: 0.85rem;
}

    .profile-dropdown-item:hover {
        background-color: #f1f5f9;
        color: #000099;
    }

.dropdown-divider {
    height: 1px;
    background-color: #e2e8f0;
    margin: 8px 0;
}*/

/* Switch Context Options Selection Panels */
.chevron-rotate[b-tbh8y8i77f] {
    transition: transform 0.2s ease;
    color: #64748b;
    font-size: 0.8rem;
}

.fa-sidebar.collapsed .chevron-rotate[b-tbh8y8i77f] {
    display: none;
}

.chevron-rotate.rotated[b-tbh8y8i77f] {
    transform: rotate(180deg);
}

.setup-submenu-dropdown[b-tbh8y8i77f] {
    position: absolute;
    bottom: calc(100% + 4px);
    left: 8px;
    width: calc(100% - 16px);
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.05);
    display: none;
    padding: 4px 0;
    z-index: 95;
}

.fa-sidebar.collapsed .setup-submenu-dropdown[b-tbh8y8i77f] {
    left: 74px;
    bottom: 50px;
    width: 180px;
}

.setup-submenu-dropdown.show[b-tbh8y8i77f] {
    display: block;
}

.setup-dropdown-item[b-tbh8y8i77f] {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    color: #475569;
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 500;
}

    .setup-dropdown-item:hover[b-tbh8y8i77f] {
        background-color: #f1f5f9;
        color: #000099;
    }

/* Workspace Canvas */
.fa-main-content-surface[b-tbh8y8i77f] {
    flex: 1;
    background-color: #f8fafc;
    /*overflow-y: visible;*/
    height: calc(100vh - 60px); /* Fill the exact remaining space below the 60px top bar */
    overflow-y: auto;
    /* --- ADD SCROLLBAR COLOR FOR FIREFOX --- */
    scrollbar-width: auto;
    scrollbar-color: #5E7D7E #F0FFFF; /* thumb color | track background color */
}

    /* --- ADD SCROLLBAR COLOR FOR CHROMIUM BROWSERS (CHROME, EDGE, SAFARI) --- */
    .fa-main-content-surface[b-tbh8y8i77f]::-webkit-scrollbar {
        width: 8px; /* Set a clean, slim width for the scrollbar track */
    }

    .fa-main-content-surface[b-tbh8y8i77f]::-webkit-scrollbar-track {
        background: #f1f5f9; /* Subtle background track color to match your workspace */
        border-radius: 4px;
    }

    .fa-main-content-surface[b-tbh8y8i77f]::-webkit-scrollbar-thumb {
        background-color: #4C787E; /* Your custom color */
        border-radius: 4px; /* Round edges for a smooth look */
        border: 2px solid #f1f5f9; /* Gives it a tiny bit of breathing room inside the track */
    }

        .fa-main-content-surface[b-tbh8y8i77f]::-webkit-scrollbar-thumb:hover {
            background-color: #3b5d62; /* Slightly darker shade on hover for user feedback */
        }





.content-body-padding[b-tbh8y8i77f] {
    padding: 24px;
}

/* ==========================================================================
   (2) Enhanced Avatar & Sidebar Toggle Hover Transitions
   ========================================================================== */
.avatar-trigger-btn .avatar-circle[b-tbh8y8i77f],
.fa-toggle-sidebar-btn .nav-icon-avatar-round[b-tbh8y8i77f] {
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Hover scales and slightly illuminates button boundaries */
.avatar-trigger-btn:hover .avatar-circle[b-tbh8y8i77f] {
    transform: scale(1.08);
    box-shadow: 0 0 0 3px rgba(0, 0, 153, 0.15);
    background-color: #0000bd; /* Slightly brighter blue response */
}

.fa-toggle-sidebar-btn:hover .nav-icon-avatar-round[b-tbh8y8i77f] {
    transform: scale(1.08);
    background-color: #000099;
    color: #ffffff;
    border-color: #000099;
}

/* Base button properties clarification */
.avatar-trigger-btn[b-tbh8y8i77f], .fa-toggle-sidebar-btn[b-tbh8y8i77f] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    outline: none;
}

/* Dedicated background container logic for lightning shortcut bolt */
.font-icon-avatar[b-tbh8y8i77f] {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    border: 1px solid #e2e8f0;
}

.avatar-trigger-btn:hover .font-icon-avatar[b-tbh8y8i77f] {
    background-color: #e0e7ff !important;
    color: #000099 !important;
    border-color: #c7d2fe;
}

/* (1) Shortcut Menu Container Adjustments */
.shortcut-menu-dropdown[b-tbh8y8i77f] {
    width: 280px !important;
}

/* (3) Distinctive treatment for Top Level Home Link context */
.home-nav-link[b-tbh8y8i77f] {
    border-bottom: 1px dashed #e2e8f0;
    margin-bottom: 4px !important;
    padding-bottom: 12px !important;
}

    .home-nav-link.active .nav-icon-avatar-round[b-tbh8y8i77f] {
        background-color: #475569 !important;
        color: #ffffff !important;
        border-color: #475569 !important;
    }

    .home-nav-link.active[b-tbh8y8i77f] {
        background-color: #f1f5f9 !important;
        color: #475569 !important;
    }

/* Ensure the parent container establishes an isolated local positioning boundary */
.d-flex.align-items-center.gap-2.ms-2.me-0 .dropdown-container[b-tbh8y8i77f] {
    position: relative;
    display: inline-block;
}

/* Specific overlay configuration for the shortcut menu */
.profile-card-dropdown.shortcut-menu-dropdown[b-tbh8y8i77f] {
    position: absolute;
    /* Aligns the top edge of the dropdown directly to the bottom edge of the button wrapper */
    top: 100%;
    /* Aligns the left edge of the dropdown exactly with the left edge of the button wrapper */
    left: 0 !important;
    right: auto !important;
    /* Hard reset on standard spacing to ensure it doesn't push main layout grids or flexing panels */
    margin: 4px 0 0 0;
    width: 280px !important;
    /* Ensure it floats strictly over sidebars and main content panels without layout displacement */
    z-index: 1200 !important;
    /* Premium shadow depth to visually lift it off the content tracking surface */
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 16px -6px rgba(0, 0, 0, 0.05);
}

/* Ensure the main workspace row layout ignores any overflow calculations from this floating menu */
.fa-workspace-container[b-tbh8y8i77f] {
    position: relative;
    z-index: 1; /* Kept safely below 1200 */
}
/* /Components/Layout/MainLayout_Assessment.razor.rz.scp.css */
/* Base Layout Mechanics */
.fa-layout-wrapper[b-sd4lrixgup] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
    overflow-x: hidden;
    /*overflow-y: auto;*/
    overflow-y: hidden;
    font-family: Arial, sans-serif, Helvetica, "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto;
}

.fa-top-bar[b-sd4lrixgup] {
    display: flex;
    align-items: center;
    height: 60px;
    background-color: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    padding: 0 20px;
    z-index: 100;
    gap: 16px;
}

.fa-workspace-container[b-sd4lrixgup] {
    display: flex;
    flex: 1;
    overflow: visible;
}

/* Sidebar Core Panels */
.fa-sidebar[b-sd4lrixgup] {
    width: 260px;
    background-color: #f8fafc;
    border-right: 1px solid #e2e8f0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: width 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: visible;
}

    .fa-sidebar.collapsed[b-sd4lrixgup] {
        width: 70px;
    }

.sidebar-scroller[b-sd4lrixgup] {
    display: flex;
    flex-direction: column;
    gap: 0px;
    padding: 1px 6px;
    overflow-y: auto;
    flex: 1;
}

.sidebar-footer-static[b-sd4lrixgup] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px 8px;
    border-top: 1px solid #566d7e;
    background-color: #D4E1ED;      /* #f8fafc;*/
}

.fa-nav-heading[b-sd4lrixgup] {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #94a3b8;
    padding: 4px 12px 4px 12px;
}

.fa-sidebar.collapsed .fa-nav-heading[b-sd4lrixgup] {
    display: none;
}

/* Base Nav Items Layout */
.fa-nav-item[b-sd4lrixgup] {
    display: flex;
    align-items: center;
    height: 22px;
    min-height: 22px;
    padding: 0 8px;
    margin: 0;
    line-height: 1;
    font-size: 0.82rem;
    gap: 6px;
    overflow: hidden;
}

    .fa-nav-item:hover[b-sd4lrixgup] {
        background-color: #f1f5f9;
        color: #0f172a;
    }

    .fa-nav-item.active[b-sd4lrixgup] {
        background-color: #e2e8f0;
        color: #000099;
        font-weight: 600;
    }

.nav-icon-avatar-round[b-sd4lrixgup] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 25px;
    background-color: #f4ede6;
    border: 1px solid #dedede;  /* #e2e8f0;*/
    border-radius: 50%;
    color: #64748b;
    font-size: 0.95rem;
    flex-shrink: 0;
    transition: all 0.2s ease;
}

.fa-nav-item:hover .nav-icon-avatar-round[b-sd4lrixgup] {
    color: #000099;
    border-color: #cbd5e1;
}

.fa-nav-item.active .nav-icon-avatar-round[b-sd4lrixgup] {
    background-color: #000099;
    color: #ffffff;
    border-color: #000099;
}

.nav-text[b-sd4lrixgup] {
    line-height: 1;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    opacity: 1;
    transition: opacity 0.2s ease;
}

.fa-sidebar.collapsed .nav-text[b-sd4lrixgup] {
    display: none;
}

/* ==========================================================================
   VIABILITY.IQ SIDEBAR VISUAL DATA INPUT STATUS INDICATORS
   ========================================================================== */
.viq-indicator-dot[b-sd4lrixgup] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-left: auto;
    flex-shrink: 0;
    box-shadow: 0 0 0 2px #ffffff;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Warning Color Indicator: No customer entry detected yet */
.status-warning[b-sd4lrixgup] {
    background-color: #ffc107 !important; /* Premium Amber */
    box-shadow: 0 0 6px rgba(255, 193, 7, 0.5);
}

/* Success Color Indicator: Valid structural database row present */
.status-success[b-sd4lrixgup] {
    background-color: #198754 !important; /* Premium Emerald */
    box-shadow: 0 0 6px rgba(25, 135, 84, 0.5);
}

/* Float status flag out as a notification badge if container collapses */
.fa-sidebar.collapsed .viq-indicator-dot[b-sd4lrixgup] {
    position: absolute;
    top: 6px;
    right: 14px;
    margin-left: 0;
    transform: scale(1.1);
}

.fa-nav-item:hover .viq-indicator-dot[b-sd4lrixgup] {
    transform: scale(1.3);
}

/* Footer Stack Details */
.footer-item[b-sd4lrixgup] {
    padding: 8px;
}

.border-top-thick[b-sd4lrixgup] {
    border-top: 2px solid #e2e8f0 !important;
    border-radius: 0;
    padding-top: 12px;
}

.footer-text-stack[b-sd4lrixgup] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.fa-sidebar.collapsed .footer-text-stack[b-sd4lrixgup] {
    display: none;
}

.footer-main-text[b-sd4lrixgup] {
    font-size: 0.82rem;
    font-weight: 600;
    color: #334155;
}

.footer-main-text-sm[b-sd4lrixgup] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #334155;
}

.footer-sub-text[b-sd4lrixgup] {
    font-size: 0.7rem;
    color: #64748b;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* Brand Branding & Identity Accents */
.brand-main[b-sd4lrixgup] {
    font-weight: 800;
    color: #1B8A6B;
    letter-spacing: -0.5px;
}

.brand-iq[b-sd4lrixgup] {
    color: #D2691E;
    font-weight: 700;
}

.fa-toggle-sidebar-btn[b-sd4lrixgup] {
    background: none;
    border: none;
    font-size: 1.5rem;
    color: #64748b;
    cursor: pointer;
}

    .fa-toggle-sidebar-btn:hover[b-sd4lrixgup] {
        color: #000099;        
    }

.fa-top-bar-right[b-sd4lrixgup] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 20px;
}

.viq-help-link[b-sd4lrixgup] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 11px;
    border: 1px solid #bfdbd6;
    border-radius: 20px;
    color: #176b63;
    background: #effaf8;
    font-size: 0.72rem;
    font-weight: 700;
    text-decoration: none;
    transition: color 150ms ease, background 150ms ease, transform 150ms ease;
}

.viq-help-link:hover[b-sd4lrixgup] {
    transform: translateY(-1px);
    color: #fff;
    background: #218f80;
}

.marble-date-badge[b-sd4lrixgup] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #64748b;
    background-color: #f1f5f9;
    padding: 6px 12px;
    border-radius: 20px;
}

.action-icon-btn[b-sd4lrixgup] {
    background: none;
    border: none;
    font-size: 1.25rem;
    color: #64748b;
    cursor: pointer;
    position: relative;
}

    .action-icon-btn:hover[b-sd4lrixgup] {
        color: #000099;
    }

.notification-indicator[b-sd4lrixgup] {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 8px;
    height: 8px;
    background-color: #ef4444;
    border-radius: 50%;
    border: 2px solid #ffffff;
}

.fa-nav-item.footer-item[b-sd4lrixgup] {
    height: auto !important;
    min-height: 42px !important;
    padding: 6px 8px !important;
}

/* Ensure the icon inside the footer stays properly centered */
.footer-item .nav-icon-avatar-round[b-sd4lrixgup] {
    width: 24px !important;
    height: 24px !important;
}

/* Switch Context Options Selection Panels */
.chevron-rotate[b-sd4lrixgup] {
    transition: transform 0.2s ease;
    color: #64748b;
    font-size: 0.8rem;
}

.fa-sidebar.collapsed .chevron-rotate[b-sd4lrixgup] {
    display: none;
}

.chevron-rotate.rotated[b-sd4lrixgup] {
    transform: rotate(180deg);
}

.setup-submenu-dropdown[b-sd4lrixgup] {
    position: absolute;
    bottom: calc(100% + 4px);
    left: 8px;
    width: calc(100% - 16px);
    background-color: #d4e1ed;
    border: 1px solid #566d7e;
    border-radius: 8px;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.05);
    display: none;
    padding: 4px 0;
    z-index: 95;
}

.fa-sidebar.collapsed .setup-submenu-dropdown[b-sd4lrixgup] {
    left: 74px;
    bottom: 50px;
    width: 180px;
}

.setup-submenu-dropdown.show[b-sd4lrixgup] {
    display: block;
}

.setup-dropdown-item[b-sd4lrixgup] {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    color: #475569;
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 500;
}

    .setup-dropdown-item:hover[b-sd4lrixgup] {
        background-color: #f1f5f9;
        color: #000099;
        font-weight: bold;
    }

/* Workspace Canvas */
.fa-main-content-surface[b-sd4lrixgup] {
    flex: 1;
    background-color: #f8fafc;
    /*overflow-y: visible;*/
    height: calc(100vh - 60px); /* Fill the exact remaining space below the 60px top bar */
    overflow-y: auto;
    /* --- ADD SCROLLBAR COLOR FOR FIREFOX --- */
    scrollbar-width: auto;
    scrollbar-color: #5E7D7E #F0FFFF; /* thumb color | track background color */
}

    /* --- ADD SCROLLBAR COLOR FOR CHROMIUM BROWSERS (CHROME, EDGE, SAFARI) --- */
    .fa-main-content-surface[b-sd4lrixgup]::-webkit-scrollbar {
        width: 8px; /* Set a clean, slim width for the scrollbar track */
    }

    .fa-main-content-surface[b-sd4lrixgup]::-webkit-scrollbar-track {
        background: #f1f5f9; /* Subtle background track color to match your workspace */
        border-radius: 4px;
    }

    .fa-main-content-surface[b-sd4lrixgup]::-webkit-scrollbar-thumb {
        background-color: #4C787E; /* Your custom color */
        border-radius: 4px; /* Round edges for a smooth look */
        border: 2px solid #f1f5f9; /* Gives it a tiny bit of breathing room inside the track */
    }

        .fa-main-content-surface[b-sd4lrixgup]::-webkit-scrollbar-thumb:hover {
            background-color: #3b5d62; /* Slightly darker shade on hover for user feedback */
        }





.content-body-padding[b-sd4lrixgup] {
    padding: 24px;
}

/* ==========================================================================
   (2) Enhanced Avatar & Sidebar Toggle Hover Transitions
   ========================================================================== */
.avatar-trigger-btn .avatar-circle[b-sd4lrixgup],
.fa-toggle-sidebar-btn .nav-icon-avatar-round[b-sd4lrixgup] {
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Hover scales and slightly illuminates button boundaries */
.avatar-trigger-btn:hover .avatar-circle[b-sd4lrixgup] {
    transform: scale(1.08);
    box-shadow: 0 0 0 3px rgba(0, 0, 153, 0.15);
    background-color: #0000bd; /* Slightly brighter blue response */
}

.fa-toggle-sidebar-btn:hover .nav-icon-avatar-round[b-sd4lrixgup] {
    transform: scale(1.08);
    background-color: #000099;
    color: #ffffff;
    border-color: #000099;
}

/* Base button properties clarification */
.avatar-trigger-btn[b-sd4lrixgup], .fa-toggle-sidebar-btn[b-sd4lrixgup] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    outline: none;
}

/* Dedicated background container logic for lightning shortcut bolt */
.font-icon-avatar[b-sd4lrixgup] {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    border: 1px solid #e2e8f0;
}

.avatar-trigger-btn:hover .font-icon-avatar[b-sd4lrixgup] {
    background-color: #e0e7ff !important;
    color: #000099 !important;
    border-color: #c7d2fe;
}

/* (1) Shortcut Menu Container Adjustments */
.shortcut-menu-dropdown[b-sd4lrixgup] {
    width: 280px !important;
}

/* (3) Distinctive treatment for Top Level Home Link context */
.home-nav-link[b-sd4lrixgup] {
    border-bottom: 1px dashed #e2e8f0;
    margin-bottom: 4px !important;
    padding-bottom: 12px !important;
}

    .home-nav-link.active .nav-icon-avatar-round[b-sd4lrixgup] {
        background-color: #475569 !important;
        color: #ffffff !important;
        border-color: #475569 !important;
    }

    .home-nav-link.active[b-sd4lrixgup] {
        background-color: #f1f5f9 !important;
        color: #475569 !important;
    }

/* Ensure the parent container establishes an isolated local positioning boundary */
.d-flex.align-items-center.gap-2.ms-2.me-0 .dropdown-container[b-sd4lrixgup] {
    position: relative;
    display: inline-block;
}

/* Specific overlay configuration for the shortcut menu */
.profile-card-dropdown.shortcut-menu-dropdown[b-sd4lrixgup] {
    position: absolute;
    /* Aligns the top edge of the dropdown directly to the bottom edge of the button wrapper */
    top: 100%;
    /* Aligns the left edge of the dropdown exactly with the left edge of the button wrapper */
    left: 0 !important;
    right: auto !important;
    /* Hard reset on standard spacing to ensure it doesn't push main layout grids or flexing panels */
    margin: 4px 0 0 0;
    width: 280px !important;
    /* Ensure it floats strictly over sidebars and main content panels without layout displacement */
    z-index: 1200 !important;
    /* Premium shadow depth to visually lift it off the content tracking surface */
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 16px -6px rgba(0, 0, 0, 0.05);
}

/* Ensure the main workspace row layout ignores any overflow calculations from this floating menu */
.fa-workspace-container[b-sd4lrixgup] {
    position: relative;
    z-index: 1; /* Kept safely below 1200 */
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-t9gynzp2bq] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/Websites/PublicFooter.razor.rz.scp.css */
.viq-site-footer[b-1psi8jdf4j] { color: #bcccdc; background: #102a43; }
.viq-footer-container[b-1psi8jdf4j] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1.35fr;
    gap: 45px;
    width: min(1180px, calc(100% - 40px));
    margin-inline: auto;
    padding: 58px 0 44px;
}
.viq-brand[b-1psi8jdf4j] { display: inline-flex; text-decoration: none; }
.viq-brand img[b-1psi8jdf4j] { display: block; width: auto; height: 50px; object-fit: contain; }
.viq-footer-brand p[b-1psi8jdf4j] { max-width: 400px; margin: 18px 0 0; color: #9fb3c8; font-size: .8rem; line-height: 1.75; }
.viq-footer-column[b-1psi8jdf4j] { display: flex; flex-direction: column; gap: 9px; }
.viq-footer-column h4[b-1psi8jdf4j] { margin: 0 0 8px; color: #fff; font-size: .82rem; }
.viq-footer-column a[b-1psi8jdf4j] { color: #9fb3c8; font-size: .76rem; text-decoration: none; }
.viq-footer-column a:hover[b-1psi8jdf4j] { color: #68d6bc; }
.viq-footer-column address[b-1psi8jdf4j] { margin: 0; color: #9fb3c8; font-size: .76rem; font-style: normal; line-height: 1.7; }
.viq-footer-bottom[b-1psi8jdf4j] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    width: min(1180px, calc(100% - 40px));
    margin-inline: auto;
    padding: 18px 0 23px;
    border-top: 1px solid rgba(255,255,255,.09);
    color: #829ab1;
    font-size: .7rem;
}

@media (max-width: 800px) {
    .viq-footer-container[b-1psi8jdf4j] { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 520px) {
    .viq-footer-container[b-1psi8jdf4j] { grid-template-columns: 1fr; width: calc(100% - 28px); gap: 28px; }
    .viq-footer-bottom[b-1psi8jdf4j] { align-items: flex-start; flex-direction: column; width: calc(100% - 28px); }
}
/* /Components/Layout/Websites/PublicLayout.razor.rz.scp.css */
.viq-public-site[b-4nx6nntqae] {
    min-height: 100vh;
    overflow-x: clip;
    color: #334e68;
    background: #fff;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.viq-public-main[b-4nx6nntqae] { width: 100%; }

/* /Components/Layout/Websites/PublicNav.razor.rz.scp.css */
.viq-site-header[b-0ri6veq4st] {
    position: sticky;
    top: 0;
    z-index: 1000;
    border-bottom: 1px solid #dbe8e5;
    background: rgba(255,255,255,.96);
    backdrop-filter: blur(14px);
}

.viq-nav-container[b-0ri6veq4st] {
    display: flex;
    align-items: center;
    gap: 30px;
    width: min(1180px, calc(100% - 40px));
    min-height: 76px;
    margin-inline: auto;
}

.viq-brand[b-0ri6veq4st] { display: inline-flex; flex: 0 0 auto; text-decoration: none; }
.viq-brand img[b-0ri6veq4st] { display: block; width: auto; height: 48px; object-fit: contain; }

.viq-main-nav[b-0ri6veq4st] { display: flex; align-items: center; justify-content: center; gap: 26px; margin-left: auto; }
.viq-nav-link[b-0ri6veq4st], .viq-login-link[b-0ri6veq4st] {
    color: #334e68;
    font-size: .82rem;
    font-weight: 700;
    text-decoration: none;
}
.viq-nav-link:hover[b-0ri6veq4st], .viq-login-link:hover[b-0ri6veq4st] { color: #087965; }

.viq-nav-actions[b-0ri6veq4st] { display: flex; align-items: center; gap: 16px; }
.viq-primary-button[b-0ri6veq4st] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 18px;
    border-radius: 8px;
    color: #fff;
    background: #087965;
    font-size: .8rem;
    font-weight: 750;
    text-decoration: none;
}
.viq-primary-button:hover[b-0ri6veq4st] { color: #fff; background: #045b4d; }

.viq-mobile-menu-button[b-0ri6veq4st] {
    display: none;
    width: 42px;
    height: 42px;
    margin-left: auto;
    border: 1px solid #cbd9e4;
    border-radius: 8px;
    color: #102a43;
    background: #fff;
}

.viq-mobile-menu[b-0ri6veq4st] { display: grid; gap: 2px; padding: 12px 20px 20px; border-top: 1px solid #e5efec; background: #fff; }
.viq-mobile-menu > a:not(.viq-primary-button)[b-0ri6veq4st] { padding: 9px 0; color: #334e68; font-size: .85rem; font-weight: 700; text-decoration: none; }

@media (max-width: 900px) {
    .viq-main-nav[b-0ri6veq4st], .viq-nav-actions[b-0ri6veq4st] { display: none; }
    .viq-mobile-menu-button[b-0ri6veq4st] { display: grid; place-items: center; }
}

@media (max-width: 600px) {
    .viq-nav-container[b-0ri6veq4st] { width: calc(100% - 28px); min-height: 68px; }
    .viq-brand img[b-0ri6veq4st] { height: 41px; }
}

/* /Components/Pages/ActivityLogPage.razor.rz.scp.css */
.activity-page[b-mrzjkhl727] {
    padding: 0.85rem;
    border: 1px solid #dfe6ec;
    border-radius: 8px;
    background: #fff;
}

.activity-page-header[b-mrzjkhl727] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.activity-eyebrow[b-mrzjkhl727] {
    color: #198754;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.activity-page-header h2[b-mrzjkhl727] {
    margin: 0.05rem 0;
    color: #1e3a5f;
    font-size: 1.15rem;
    font-weight: 700;
}

.activity-page-header p[b-mrzjkhl727] {
    margin: 0;
    color: #758395;
    font-size: 0.74rem;
}

.header-actions[b-mrzjkhl727] {
    display: flex;
    gap: 0.4rem;
}

.activity-metrics[b-mrzjkhl727] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.55rem;
    margin-bottom: 0.65rem;
}

.activity-metrics article[b-mrzjkhl727] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    min-height: 58px;
    padding: 0.55rem 0.7rem;
    border: 1px solid #e1e7ec;
    border-radius: 7px;
    background: #fbfcfd;
}

.activity-metrics i[b-mrzjkhl727] {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 50%;
    color: #198754;
    background: #e5f4eb;
}

.activity-metrics strong[b-mrzjkhl727],
.activity-metrics span[b-mrzjkhl727] {
    display: block;
}

.activity-metrics strong[b-mrzjkhl727] {
    color: #263d53;
    font-size: 0.9rem;
    line-height: 1;
}

.activity-metrics span[b-mrzjkhl727] {
    margin-top: 0.15rem;
    color: #778596;
    font-size: 0.62rem;
}

.activity-filter-panel[b-mrzjkhl727] {
    display: grid;
    grid-template-columns: minmax(220px, 2fr) repeat(4, minmax(120px, 1fr)) auto;
    gap: 0.45rem;
    align-items: end;
    padding: 0.55rem;
    border: 1px solid #dfe5ea;
    border-radius: 7px;
    background: #f8fafb;
}

.filter-field label[b-mrzjkhl727],
.page-controls label[b-mrzjkhl727] {
    display: block;
    margin-bottom: 0.15rem;
    color: #5d6a78;
    font-size: 0.6rem;
    font-weight: 600;
}

.filter-actions[b-mrzjkhl727],
.page-controls[b-mrzjkhl727] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.activity-error[b-mrzjkhl727] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0.65rem 0 0;
    padding: 0.5rem 0.65rem;
    font-size: 0.7rem;
}

.activity-table-card[b-mrzjkhl727] {
    overflow: hidden;
    margin-top: 0.65rem;
    border: 1px solid #dce3e8;
    border-radius: 7px;
}

.activity-table[b-mrzjkhl727] {
    width: 100%;
    min-width: 1050px;
    border-collapse: collapse;
}

.activity-table th[b-mrzjkhl727] {
    padding: 6px 10px;
    border-bottom: 2px solid #dee2e6;
    color: #495057;
    background-color: #e0e5e5;
    font-size: 0.64rem;
    font-weight: 600;
    white-space: nowrap;
}

.activity-table td[b-mrzjkhl727] {
    padding: 5px 10px;
    border-bottom: 1px solid #edf0f2;
    color: #46596d;
    font-size: 0.64rem;
    vertical-align: middle;
}

.activity-row[b-mrzjkhl727] {
    transition: background-color 0.15s ease;
}

.activity-row:hover[b-mrzjkhl727],
.activity-row.expanded[b-mrzjkhl727] {
    background: #f5faf7;
}

.expand-column[b-mrzjkhl727],
.open-column[b-mrzjkhl727] {
    width: 38px;
    padding-right: 3px !important;
    padding-left: 7px !important;
    text-align: center;
}

.detail-toggle[b-mrzjkhl727],
.open-related-button[b-mrzjkhl727] {
    display: inline-grid;
    width: 25px;
    height: 25px;
    padding: 0;
    place-items: center;
    border: 1px solid #ccd7df;
    border-radius: 5px;
    color: #477086;
    background: #fff;
}

.detail-toggle:hover[b-mrzjkhl727],
.open-related-button:hover[b-mrzjkhl727] {
    border-color: #79aa8e;
    color: #146c43;
    background: #edf8f1;
}

.date-cell span[b-mrzjkhl727],
.date-cell small[b-mrzjkhl727],
.entity-cell span[b-mrzjkhl727],
.entity-cell small[b-mrzjkhl727],
.module-cell span[b-mrzjkhl727],
.module-cell small[b-mrzjkhl727] {
    display: block;
    white-space: nowrap;
}

.date-cell small[b-mrzjkhl727],
.entity-cell small[b-mrzjkhl727],
.module-cell small[b-mrzjkhl727] {
    margin-top: 1px;
    color: #8a96a3;
    font-size: 0.56rem;
}

.action-badge[b-mrzjkhl727] {
    display: inline-flex;
    padding: 0.16rem 0.42rem;
    border-radius: 999px;
    font-size: 0.56rem;
    font-weight: 700;
    white-space: nowrap;
}

.action-success[b-mrzjkhl727] {
    color: #17663f;
    background: #dbf1e5;
}

.action-info[b-mrzjkhl727] {
    color: #155c80;
    background: #dceef7;
}

.action-neutral[b-mrzjkhl727] {
    color: #536272;
    background: #e9edf1;
}

.action-danger[b-mrzjkhl727] {
    color: #923542;
    background: #f7e0e3;
}

.action-warning[b-mrzjkhl727] {
    color: #805b13;
    background: #fff0cf;
}

.action-default[b-mrzjkhl727] {
    color: #5c536f;
    background: #ede8f5;
}

.activity-detail-row td[b-mrzjkhl727] {
    padding: 0 !important;
    background: #f7faf8;
}

.activity-detail-grid[b-mrzjkhl727] {
    display: grid;
    grid-template-columns: 1.3fr 0.75fr 1fr 2fr;
    gap: 0.75rem;
    padding: 0.65rem 0.8rem 0.7rem 3rem;
    border-bottom: 1px solid #dfe8e2;
}

.activity-detail-grid > div[b-mrzjkhl727] {
    min-width: 0;
}

.detail-label[b-mrzjkhl727] {
    display: block;
    margin-bottom: 0.15rem;
    color: #7b8994;
    font-size: 0.55rem;
    font-weight: 700;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

.detail-remarks p[b-mrzjkhl727] {
    margin: 0;
}

.technical-value[b-mrzjkhl727] {
    overflow-wrap: anywhere;
    font-family: Consolas, monospace;
}

.detail-metadata[b-mrzjkhl727] {
    grid-column: 1 / -1;
}

.detail-metadata pre[b-mrzjkhl727] {
    max-height: 150px;
    margin: 0;
    padding: 0.45rem;
    overflow: auto;
    border: 1px solid #dde5df;
    border-radius: 5px;
    color: #425266;
    background: #fff;
    font-size: 0.58rem;
    white-space: pre-wrap;
}

.activity-loading[b-mrzjkhl727],
.activity-empty[b-mrzjkhl727] {
    display: flex;
    min-height: 180px;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: #758395;
    font-size: 0.7rem;
}

.activity-empty[b-mrzjkhl727] {
    flex-direction: column;
}

.activity-empty i[b-mrzjkhl727] {
    color: #a8b5c0;
    font-size: 1.7rem;
}

.activity-empty strong[b-mrzjkhl727] {
    color: #4d5f70;
}

.activity-empty span[b-mrzjkhl727] {
    font-size: 0.62rem;
}

.activity-pagination[b-mrzjkhl727] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.38rem 0.55rem;
    color: #74818e;
    background: #fafbfc;
    font-size: 0.6rem;
}

.page-controls label[b-mrzjkhl727] {
    margin: 0;
}

.page-controls select[b-mrzjkhl727] {
    width: 65px;
}

@media (max-width: 1100px) {
    .activity-filter-panel[b-mrzjkhl727] {
        grid-template-columns: repeat(3, minmax(150px, 1fr));
    }

    .search-field[b-mrzjkhl727] {
        grid-column: span 2;
    }

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

@media (max-width: 700px) {
    .activity-page-header[b-mrzjkhl727],
    .activity-pagination[b-mrzjkhl727] {
        align-items: stretch;
        flex-direction: column;
    }

    .activity-metrics[b-mrzjkhl727],
    .activity-filter-panel[b-mrzjkhl727] {
        grid-template-columns: 1fr 1fr;
    }

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

    .activity-detail-grid[b-mrzjkhl727] {
        grid-template-columns: 1fr;
        padding-left: 0.8rem;
    }

    .page-controls[b-mrzjkhl727] {
        flex-wrap: wrap;
    }
}

@media print {
    .header-actions[b-mrzjkhl727],
    .activity-filter-panel[b-mrzjkhl727],
    .activity-pagination[b-mrzjkhl727],
    .expand-column[b-mrzjkhl727],
    .open-column[b-mrzjkhl727],
    .activity-detail-row[b-mrzjkhl727] {
        display: none !important;
    }

    .activity-page[b-mrzjkhl727] {
        padding: 0;
        border: 0;
    }

    .activity-table-card[b-mrzjkhl727] {
        overflow: visible;
        border: 0;
    }

    .activity-table[b-mrzjkhl727] {
        min-width: 0;
    }
}
/* /Components/Pages/AssessmentAnalyticsPage.razor.rz.scp.css */
.analytics-page[b-wlndjcjo9k] {
    padding: 0;
}

.analytics-state[b-wlndjcjo9k] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    min-height: 15rem;
    color: #64748b;
}

.analytics-summary[b-wlndjcjo9k] {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid #dbe4ea;
    border-radius: .75rem;
    background: #fff;
    box-shadow: 0 .35rem 1rem rgba(15, 23, 42, .07);
}

    .analytics-summary > header[b-wlndjcjo9k] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        margin-bottom: 1rem;
    }

    .analytics-summary header span[b-wlndjcjo9k] {
        color: #64748b;
        font-size: .72rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .05em;
    }

    .analytics-summary h2[b-wlndjcjo9k] {
        margin: .15rem 0 0;
        color: #172554;
        font-size: 1.05rem;
    }

.analytics-grid[b-wlndjcjo9k] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

    .analytics-grid article[b-wlndjcjo9k] {
        padding: .9rem;
        border: 1px solid #dbe4ea;
        border-radius: .6rem;
        background: linear-gradient(135deg, #f8fafc, #fff);
    }

        .analytics-grid article > span[b-wlndjcjo9k] {
            color: #64748b;
            font-size: .72rem;
            font-weight: 700;
        }

        .analytics-grid article strong[b-wlndjcjo9k] {
            display: block;
            margin: .25rem 0;
            color: #172554;
            font-size: 1.55rem;
        }

        .analytics-grid article p[b-wlndjcjo9k] {
            margin: 0;
            color: #64748b;
            font-size: .7rem;
            line-height: 1.45;
        }

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

@media (max-width: 600px) {
    .analytics-grid[b-wlndjcjo9k] {
        grid-template-columns: 1fr;
    }

    .analytics-summary > header[b-wlndjcjo9k] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Pages/Error.razor.rz.scp.css */
.error-container[b-xust4crx83] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    padding: 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.error-card[b-xust4crx83] {
    background-color: #ffffff;
    border-radius: 16px;
    box-shadow: 0 15px 35px rgba(0, 0, 102, 0.08);
    max-width: 700px;
    width: 100%;
    padding: 40px;
    box-sizing: border-box;
}

.error-header[b-xust4crx83] {
    text-align: center;
    margin-bottom: 32px;
}

.error-icon[b-xust4crx83] {
    font-size: 3rem;
    color: #ef4444;
    display: block;
    margin-bottom: 16px;
}

.error-header h1[b-xust4crx83] {
    font-size: 1.75rem;
    color: #0f172a;
    margin: 0 0 8px 0;
    font-weight: 800;
}

.error-code[b-xust4crx83] {
    font-size: 0.85rem;
    color: #64748b;
    margin: 0;
}

    .error-code code[b-xust4crx83] {
        background-color: #f3f4f6;
        padding: 2px 6px;
        border-radius: 4px;
        font-family: 'Courier New', monospace;
        color: #1f2937;
    }

.error-content[b-xust4crx83] {
    margin-bottom: 32px;
}

.error-message-box[b-xust4crx83] {
    background-color: #fef2f2;
    border: 1px solid #fca5a5;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 20px;
    display: flex;
    gap: 12px;
}

    .error-message-box i[b-xust4crx83] {
        color: #dc2626;
        font-size: 1.25rem;
        flex-shrink: 0;
    }

    .error-message-box p[b-xust4crx83] {
        margin: 0;
        color: #991b1b;
        line-height: 1.5;
    }

.error-details[b-xust4crx83] {
    background-color: #f3f4f6;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 20px;
}

    .error-details summary[b-xust4crx83] {
        cursor: pointer;
        font-weight: 600;
        color: #000099;
        user-select: none;
        transition: color 0.2s;
    }

        .error-details summary:hover[b-xust4crx83] {
            color: #000077;
        }

    .error-details pre[b-xust4crx83] {
        background-color: #1f2937;
        color: #e5e7eb;
        padding: 12px;
        border-radius: 6px;
        overflow-x: auto;
        font-size: 0.75rem;
        margin: 12px 0 0 0;
        line-height: 1.4;
    }

.error-suggestions[b-xust4crx83] {
    background-color: #f0fdf4;
    border: 1px solid #86efac;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 20px;
}

    .error-suggestions h3[b-xust4crx83] {
        color: #166534;
        margin: 0 0 12px 0;
        font-size: 0.95rem;
        font-weight: 600;
    }

    .error-suggestions ul[b-xust4crx83] {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .error-suggestions li[b-xust4crx83] {
        color: #166534;
        padding: 6px 0;
        font-size: 0.9rem;
        padding-left: 24px;
        position: relative;
    }

        .error-suggestions li[b-xust4crx83]:before {
            content: "✓";
            position: absolute;
            left: 0;
            color: #16a34a;
            font-weight: bold;
        }

.error-actions[b-xust4crx83] {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

.btn[b-xust4crx83] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
    border: none;
    cursor: pointer;
    font-size: 0.95rem;
    font-family: inherit;
}

.btn-primary[b-xust4crx83] {
    background-color: #000099;
    color: #ffffff;
}

    .btn-primary:hover[b-xust4crx83] {
        background-color: #000077;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 153, 0.15);
    }

.btn-secondary[b-xust4crx83] {
    background-color: #e2e8f0;
    color: #1f2937;
}

    .btn-secondary:hover[b-xust4crx83] {
        background-color: #cbd5e1;
        transform: translateY(-2px);
    }

.me-2[b-xust4crx83] {
    margin-right: 0.5rem;
}

@media (max-width: 600px) {
    .error-card[b-xust4crx83] {
        padding: 24px;
    }

    .error-header h1[b-xust4crx83] {
        font-size: 1.35rem;
    }

    .error-icon[b-xust4crx83] {
        font-size: 2.5rem;
    }

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

    .error-actions[b-xust4crx83] {
        flex-direction: column;
    }
}
/* /Components/Pages/HomePage.razor.rz.scp.css */
/* Forcefully remove focus outlines from any element inside the home page */
.home-page-container *[b-h7mg8jd064],
.home-page-container *:focus[b-h7mg8jd064],
.home-page-container *:focus-visible[b-h7mg8jd064] {
    outline: none !important;
    box-shadow: none !important;
}

.home-page-container[b-h7mg8jd064] {
    outline: none;
    box-shadow: none;
}

    .home-page-container:focus[b-h7mg8jd064],
    .home-page-container:focus-visible[b-h7mg8jd064] {
        outline: none !important;
        box-shadow: none !important;
    }

/* Remove focus outline from greeting section */
.greeting-section[b-h7mg8jd064] {
    background-color: transparent;
    border-radius: 8px;
    padding: 16px;
    outline: none;
}

    .greeting-section:focus[b-h7mg8jd064],
    .greeting-section:focus-visible[b-h7mg8jd064] {
        outline: none !important;
        box-shadow: none !important;
    }

.home-page-wrapper[b-h7mg8jd064] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    background-color: #f8fafc;
    min-height: calc(100vh - 60px);
}

.main-content-box[b-h7mg8jd064] {
    border-radius: 8px;
}

/* Loading State */
.loading-container[b-h7mg8jd064] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 60px 24px;
    background-color: #ffffff;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    min-height: 400px;
}

.loading-text[b-h7mg8jd064] {
    font-size: 1rem;
    color: #64748b;
    margin: 0;
}

.spinner-border[b-h7mg8jd064] {
    width: 40px;
    height: 40px;
    color: #000099;
}

/* Row Two Container - Ensure uniform column padding so shadows aren't clipped */
.row-two-container[b-h7mg8jd064] {
    display: grid;
    grid-template-columns: 5fr 5fr 2fr;
    gap: 20px;
    margin: 20px 0;
    margin-top: 5px !important;
    align-items: stretch;
}

.recent-activity-column[b-h7mg8jd064] {
    padding: 12px;
}


/* Columns must be flex containers to pass height down properly */
.recent-activity-column[b-h7mg8jd064],
.alerts-column[b-h7mg8jd064],
.quick-actions-column[b-h7mg8jd064] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

    /* Force the child components/wrappers to fill 100% of the column height and respect max-height limits */
    .recent-activity-column > div[b-h7mg8jd064],
    .alerts-column > div[b-h7mg8jd064],
    .quick-actions-column > div[b-h7mg8jd064] {
        flex: 1 1 auto;
        height: 100%;
        max-height: 480px;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    /* Enable internal scrolling for lists/contents if they exceed the maximum height */
    .recent-activity-column .activity-table-wrapper[b-h7mg8jd064],
    .alerts-column .alerts-scroll-container[b-h7mg8jd064],
    .quick-actions-column .actions-scroll-container[b-h7mg8jd064] {
        overflow-y: auto;
        flex-grow: 1;
    }

.alerts-actions-column[b-h7mg8jd064] {
    flex: 1;
}

/* Full Width Insight Container */
.full-width-insight-container[b-h7mg8jd064] {
    display: block;
    width: 100%;
    margin: 20px 0;    
}

.insights-column-full[b-h7mg8jd064] {
    width: 100%;
    display: flex;
    padding: 12px;
}


.kpi-card:hover[b-h7mg8jd064] {
        transform: translateY(-2px);
        box-shadow: 0 4px 10px rgba(0, 0, 153, 0.08);
        border: 1px solid #29465B;
        border-left: 4px solid #29465B;
    }

/* Component wrappers for rows 2, 3, 4 with borders, nice bluish shadow, and hover transitions */
.dashboard-component-wrapper[b-h7mg8jd064] {
    background-color: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    box-shadow: 0 14px 28px -4px rgba(59, 130, 246, 0.35), 0 10px 12px -5px rgba(59, 130, 246, 0.20), 0 0 0 2px rgba(59, 130, 246, 0.15);
    /*box-shadow: 0 10px 25px -5px rgba(0, 0, 153, 0.18), 0 8px 10px -6px rgba(0, 102, 204, 0.12);*/
    /*transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out;*/
    transition: transform 0.5s ease-in-out, box-shadow 0.6s ease-in-out, border 0.4s ease-in-out;
    will-change: transform, box-shadow;
    height: 100%;
    width: 100%;
}

    .dashboard-component-wrapper:hover[b-h7mg8jd064] {
        transform: translateY(-4px);
        box-shadow: 0 14px 28px -4px rgba(59, 130, 246, 0.35), 0 10px 12px -5px rgba(59, 130, 246, 0.20), 0 0 0 2px rgba(59, 130, 246, 0.15);
        /*box-shadow: 0 14px 28px -4px rgba(0, 0, 153, 0.25), 0 10px 12px -5px rgba(0, 102, 204, 0.15);*/
        border: 1px solid #29465B;
        border-left: 3px solid #29465B;
    }


/* Responsive Design */
@media (max-width: 1400px) {
    .row-two-container[b-h7mg8jd064] {
        grid-template-columns: 1fr 1fr;
    }

    .quick-actions-column[b-h7mg8jd064] {
        grid-column: span 2;
    }
}

@media (max-width: 900px) {
    .row-two-container[b-h7mg8jd064] {
        grid-template-columns: 1fr;
    }

    .quick-actions-column[b-h7mg8jd064] {
        grid-column: span 1;
    }

        .recent-activity-column > div[b-h7mg8jd064],
        .alerts-column > div[b-h7mg8jd064],
        .quick-actions-column > div[b-h7mg8jd064] {
            max-height: none;
        }
}

@media (max-width: 768px) {
    .home-page-wrapper[b-h7mg8jd064] {
        padding: 16px;
        gap: 16px;
    }
}

/* Greeting Section Container */
.greeting-section[b-h7mg8jd064] {
    background-color: transparent;
    border-radius: 8px;
    padding: 16px;
}

/* Greeting Content Layout */
.greeting-content[b-h7mg8jd064] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* First Line - Title */
.greeting-title[b-h7mg8jd064] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #1e3a5f;
    line-height: 1.0;
    letter-spacing: -0.5px;
}

.greeting-name[b-h7mg8jd064] {
    color: #000099;
    font-weight: 800;
}

/* Second Line - Subtitle */
.greeting-subtitle[b-h7mg8jd064] {
    margin: 0;
    font-size: 0.75rem;
    color: #64748b;
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.last-seen-label[b-h7mg8jd064] {
    font-weight: 600;
    color: #475569;
}

.last-seen-time[b-h7mg8jd064] {
    color: #000099;
    font-weight: 600;
}

.branch-separator[b-h7mg8jd064] {
    color: #cbd5e1;
    margin: 0 2px;
}

.branch-label[b-h7mg8jd064] {
    font-weight: 600;
    color: #475569;
}

.branch-name[b-h7mg8jd064] {
    color: #1B8A6B;
    font-weight: 600;
}

/* Responsive Design */
@media (max-width: 768px) {
    .greeting-section[b-h7mg8jd064] {
        padding: 12px;
    }

    .greeting-title[b-h7mg8jd064] {
        font-size: 1rem;
    }

    .greeting-subtitle[b-h7mg8jd064] {
        font-size: 0.7rem;
    }
}

@media (max-width: 480px) {
    .greeting-section[b-h7mg8jd064] {
        padding: 8px;
    }

    .greeting-title[b-h7mg8jd064] {
        font-size: 0.95rem;
    }

    .greeting-subtitle[b-h7mg8jd064] {
        font-size: 0.65rem;
        gap: 2px;
    }

    .branch-separator[b-h7mg8jd064] {
        margin: 0 1px;
    }
}
/* /Components/Pages/HomePageComponents/GreetingSectionComponent.razor.rz.scp.css */
/* Greeting Section Container */
.greeting-section[b-5uud4i93fb] {
    background-color: transparent;
    border-radius: 8px;
    padding: 16px;
}

/* Greeting Content Layout */
.greeting-content[b-5uud4i93fb] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* First Line - Title */
.greeting-title[b-5uud4i93fb] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #1e3a5f;
    line-height: 1.0;
    letter-spacing: -0.5px;
}

.greeting-name[b-5uud4i93fb] {
    color: #000099;
    font-weight: 800;
}

/* Second Line - Subtitle */
.greeting-subtitle[b-5uud4i93fb] {
    margin: 0;
    font-size: 0.75rem;
    color: #64748b;
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.last-seen-label[b-5uud4i93fb] {
    font-weight: 600;
    color: #475569;
}

.last-seen-time[b-5uud4i93fb] {
    color: #000099;
    font-weight: 600;
}

.branch-separator[b-5uud4i93fb] {
    color: #cbd5e1;
    margin: 0 2px;
}

.branch-label[b-5uud4i93fb] {
    font-weight: 600;
    color: #475569;
}

.branch-name[b-5uud4i93fb] {
    color: #1B8A6B;
    font-weight: 600;
}

/* Responsive Design */
@media (max-width: 768px) {
    .greeting-section[b-5uud4i93fb] {
        padding: 12px;
    }

    .greeting-title[b-5uud4i93fb] {
        font-size: 1rem;
    }

    .greeting-subtitle[b-5uud4i93fb] {
        font-size: 0.7rem;
    }
}

@media (max-width: 480px) {
    .greeting-section[b-5uud4i93fb] {
        padding: 8px;
    }

    .greeting-title[b-5uud4i93fb] {
        font-size: 0.95rem;
    }

    .greeting-subtitle[b-5uud4i93fb] {
        font-size: 0.65rem;
        gap: 2px;
    }

    .branch-separator[b-5uud4i93fb] {
        margin: 0 1px;
    }
}
/* /Components/Pages/HomePageComponents/ImportantAlertsSectionComponent.razor.rz.scp.css */
/* Alerts Section Container */
.alerts-section[b-tqrfak9y0s] {
    background-color: #ffffff;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    padding: 20px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    height: 100%;
    flex: 1 1 auto;
}

/* Alerts Header */
.alerts-header[b-tqrfak9y0s] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.alerts-title[b-tqrfak9y0s] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: #1e3a5f;
    display: flex;
    align-items: center;
    gap: 8px;
}

.alerts-title-icon[b-tqrfak9y0s] {
    font-size: 1.25rem;
    color: #dc3545;
}

.alerts-subtitle[b-tqrfak9y0s] {
    margin: 0;
    font-size: 0.8rem;
    color: #94a3b8;
    font-weight: 400;
}

/* Alert Subsections */
.alert-subsection[b-tqrfak9y0s] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    border-radius: 6px;
    border-left: 4px solid #e2e8f0;
}

.urgent-section[b-tqrfak9y0s] {
    background-color: #fef2f2;
    border-left-color: #dc3545;
}

.upcoming-section[b-tqrfak9y0s] {
    background-color: #fffbf0;
    border-left-color: #ffc107;
}

.announcements-section[b-tqrfak9y0s] {
    background-color: #f0f9ff;
    border-left-color: #0066cc;
}

/* Subsection Header */
.subsection-header[b-tqrfak9y0s] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.subsection-title[b-tqrfak9y0s] {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 700;
    color: #1e3a5f;
    flex: 1;
}

.urgent-icon[b-tqrfak9y0s] {
    font-size: 1rem;
    color: #dc3545;
}

.upcoming-icon[b-tqrfak9y0s] {
    font-size: 1rem;
    color: #ffc107;
}

.announcements-icon[b-tqrfak9y0s] {
    font-size: 1rem;
    color: #0066cc;
}

/* Badges */
.urgent-badge[b-tqrfak9y0s],
.count-badge[b-tqrfak9y0s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-size: 0.75rem;
    font-weight: 700;
    background-color: #dc3545;
    color: #ffffff;
}

.count-badge[b-tqrfak9y0s] {
    background-color: #ffc107;
    color: #1e3a5f;
}

/* Alert Items */
.alert-items[b-tqrfak9y0s] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.alert-item[b-tqrfak9y0s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
    transition: all 0.2s ease;
}

.urgent-item[b-tqrfak9y0s] {
    border-left: 3px solid #dc3545;
}

.upcoming-item[b-tqrfak9y0s] {
    border-left: 3px solid #ffc107;
}

.announcement-item[b-tqrfak9y0s] {
    border-left: 3px solid #0066cc;
}

.alert-item:hover[b-tqrfak9y0s] {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

/* Alert Item Content */
.alert-item-content[b-tqrfak9y0s] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.alert-item-title[b-tqrfak9y0s] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #1e3a5f;
}

.alert-item-detail[b-tqrfak9y0s] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8rem;
    color: #64748b;
}

    .alert-item-detail i[b-tqrfak9y0s] {
        font-size: 0.75rem;
        line-height: 1;
    }

/* Alert Item Actions */
.alert-item-actions[b-tqrfak9y0s] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.alert-action-btn[b-tqrfak9y0s] {
    background-color: transparent;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    padding: 4px 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    transition: all 0.2s ease;
    color: #64748b;
}

    .alert-action-btn:hover[b-tqrfak9y0s] {
        border-color: #cbd5e1;
        background-color: #f1f5f9;
    }

.done-btn[b-tqrfak9y0s] {
    color: #28a745;
}

    .done-btn:hover[b-tqrfak9y0s] {
        background-color: #d1fae5;
        border-color: #28a745;
        color: #28a745;
    }

.dismiss-btn[b-tqrfak9y0s] {
    color: #dc3545;
}

    .dismiss-btn:hover[b-tqrfak9y0s] {
        background-color: #fee2e2;
        border-color: #dc3545;
        color: #dc3545;
    }

/* No Alerts State */
.no-alerts[b-tqrfak9y0s] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    color: #94a3b8;
    gap: 8px;
    flex-grow: 1; /* Allows empty state to gracefully fill vertical height */
}

.no-alerts-icon[b-tqrfak9y0s] {
    font-size: 2.5rem;
    color: #28a745;
}

.no-alerts p[b-tqrfak9y0s] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #28a745;
}

.no-alerts-subtitle[b-tqrfak9y0s] {
    font-size: 0.85rem;
    color: #94a3b8;
}

/* Alerts Footer */
.alerts-footer[b-tqrfak9y0s] {
    display: flex;
    justify-content: center;
    padding-top: 12px;
    border-top: 1px solid #e2e8f0;
    margin-top: auto; /* Pushes footer to the bottom if container expands */
}

.more-alerts-link[b-tqrfak9y0s] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #0066cc;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 600;
    padding: 6px 12px;
    border-radius: 4px;
    transition: all 0.2s ease;
}

    .more-alerts-link:hover[b-tqrfak9y0s] {
        background-color: #e0e7ff;
        color: #000099;
        gap: 10px;
    }

/* Responsive Design */
@media (max-width: 768px) {
    .alerts-section[b-tqrfak9y0s] {
        padding: 16px;
    }

    .alert-subsection[b-tqrfak9y0s] {
        padding: 10px;
    }

    .alert-item[b-tqrfak9y0s] {
        flex-direction: column;
        align-items: flex-start;
    }

    .alert-item-actions[b-tqrfak9y0s] {
        width: 100%;
        justify-content: flex-end;
    }

    .subsection-title[b-tqrfak9y0s] {
        font-size: 0.85rem;
    }

    .alert-item-title[b-tqrfak9y0s] {
        font-size: 0.85rem;
    }

    .alert-item-detail[b-tqrfak9y0s] {
        font-size: 0.75rem;
    }
}

@media (max-width: 480px) {
    .alerts-section[b-tqrfak9y0s] {
        padding: 12px;
    }

    .alerts-title[b-tqrfak9y0s] {
        font-size: 1rem;
    }

    .alert-subsection[b-tqrfak9y0s] {
        padding: 8px;
        gap: 8px;
    }

    .subsection-header[b-tqrfak9y0s] {
        flex-direction: column;
        align-items: flex-start;
    }

    .alert-item[b-tqrfak9y0s] {
        padding: 8px 10px;
    }

    .alert-item-title[b-tqrfak9y0s] {
        font-size: 0.8rem;
    }

    .alert-action-btn[b-tqrfak9y0s] {
        padding: 3px 5px;
        font-size: 0.7rem;
    }
}
/* /Components/Pages/HomePageComponents/KPICardComponent0.razor.rz.scp.css */
/* Compact, Professional KPI Card with Marble Left Border Accent */
.kpi-card[b-5i4m30js5f] {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-left: 3px solid #616D7E; /* Marble left border color */
    border-radius: 10px; /* (4) Increased border radius by 2px (from 12px) */
    padding: 8px 12px; /* (1) Reduced overall vertical padding */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1); /* (3) Increased smoothness of the transition */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.06), 0 2px 4px -1px rgba(0, 0, 0, 0.04);
    height: 100%;
    min-height: 95px; /* (1) Reduced minimum height */
    position: relative;
    overflow: hidden;
}

    .kpi-card:hover[b-5i4m30js5f] {
        border-left: 4px solid #566D7E; /* Marble left border color */
        transform: translateY(-4px);
        box-shadow: 0 6px 14px rgba(86, 109, 126, 0.15);
        border-color: #94a3b8;
        border-left-color: #566D7E;
    }

    /* Bottom-right semi-circle decorative accent */
    .kpi-card[b-5i4m30js5f]::after {
        content: '';
        position: absolute;
        bottom: -16px;
        right: -16px;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        pointer-events: none;
        transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1); /* (3) Smoother transition on hover */
    }

    .kpi-card:hover[b-5i4m30js5f]::after {
        transform: scale(1.15);
    }

/* Theme-specific varying subtle colors for the bottom-right semi-circle */
.kpi-color-blue[b-5i4m30js5f]::after {
    background-color: rgba(0, 102, 204, 0.12);
}

.kpi-color-green[b-5i4m30js5f]::after {
    background-color: rgba(5, 150, 105, 0.12);
}

.kpi-color-orange[b-5i4m30js5f]::after {
    background-color: rgba(217, 119, 6, 0.12);
}

.kpi-color-purple[b-5i4m30js5f]::after {
    background-color: rgba(124, 58, 237, 0.12);
}

.kpi-color-teal[b-5i4m30js5f]::after {
    background-color: rgba(13, 148, 136, 0.12);
}

.kpi-color-indigo[b-5i4m30js5f]::after {
    background-color: rgba(79, 70, 229, 0.12);
}

/* Header & Title */
.kpi-card-header[b-5i4m30js5f] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0px; /* (1) Minimized gap below header */
    border-bottom: solid 1px #EBF4FA;
    padding-bottom: 2px;
}

.kpi-label[b-5i4m30js5f] {
    font-size: 0.60rem;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    line-height: 1.2;
}

/* Icon Styling */
.kpi-icon-container[b-5i4m30js5f] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px; /* (1) Compacted icon container height */
    height: 24px;
    border-radius: 4px;
    flex-shrink: 0;
}

.kpi-icon[b-5i4m30js5f] {
    font-size: 0.8rem;
    line-height: 1;
    color: #566D7E !important;
}

/* Theme Icon Background Colors */
.kpi-color-blue .kpi-icon-container[b-5i4m30js5f] {
    background-color: #eff6ff;
    color: #0066cc;
}

.kpi-color-green .kpi-icon-container[b-5i4m30js5f] {
    background-color: #ecfdf5;
    color: #059669;
}

.kpi-color-orange .kpi-icon-container[b-5i4m30js5f] {
    background-color: #fff7ed;
    color: #d97706;
}

.kpi-color-purple .kpi-icon-container[b-5i4m30js5f] {
    background-color: #f5f3ff;
    color: #7c3aed;
}

.kpi-color-teal .kpi-icon-container[b-5i4m30js5f] {
    background-color: #f0fdfa;
    color: #0d9488;
}

.kpi-color-indigo .kpi-icon-container[b-5i4m30js5f] {
    background-color: #eef2ff;
    color: #4f46e5;
}

/* Body & Value */
.kpi-card-body[b-5i4m30js5f] {
    display: flex;
    flex-direction: column;
    gap: 2px; /* (1) Reduced gap between value section and trend */
}

.kpi-value[b-5i4m30js5f] {
    font-size: 1.0rem; /* Slightly streamlined size to complement reduced height */
    font-weight: 700;
    color: #566D7E; /* (2) Changed from dark #0f172a to a lighter slate shade */
    line-height: 1.1;
    letter-spacing: -0.5px;
}

.kpi-subtext[b-5i4m30js5f] {
    font-size: 0.68rem;
    color: #64748b;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Trend & Footer Section */
.kpi-trend-section[b-5i4m30js5f] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 1px; /* (1) Tightened vertical spacing */
    font-size: 0.65rem;
}

.kpi-trend[b-5i4m30js5f] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    font-weight: 600;
    padding: 1px 4px;
    border-radius: 3px;
}

    .kpi-trend.positive[b-5i4m30js5f] {
        background-color: #d1fae5;
        color: #065f46;
    }

    .kpi-trend.negative[b-5i4m30js5f] {
        background-color: #fee2e2;
        color: #991b1b;
    }

    .kpi-trend.neutral[b-5i4m30js5f] {
        background-color: #f1f5f9;
        color: #475569;
    }

.kpi-footer-text[b-5i4m30js5f] {
    color: #94a3b8;
    font-size: 0.65rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Components/Pages/HomePageComponents/KPIWidgetsSectionComponent.razor.rz.scp.css */
.wk-widgets-section[b-8ay7dd2hiu] {
    padding: 20px 0;
    /*margin-bottom: 5px;*/
}

.wk-widgets-header[b-8ay7dd2hiu] {
    margin-bottom: 14px;
}

.wk-widgets-title[b-8ay7dd2hiu] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 2px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .wk-widgets-title i[b-8ay7dd2hiu] {
        font-size: 1.25rem;
        color: #000099;
    }

.wk-widgets-subtitle[b-8ay7dd2hiu] {
    font-size: 0.8rem;
    color: #94a3b8;
    margin: 0;
}

.wk-widgets-loading[b-8ay7dd2hiu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    background: white;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

    .wk-widgets-loading p[b-8ay7dd2hiu] {
        margin-top: 12px;
        color: #64748b;
        font-size: 0.875rem;
    }

/* ==========================================================================
   STRICTLY NAMESPACED SELECTORS (Unique to .wk-widgets-section)
   ========================================================================== */

.wk-widgets-section[b-8ay7dd2hiu]  .kpi-card-container,
.wk-widgets-section[b-8ay7dd2hiu]  .card {
    position: relative !important;
    overflow: hidden !important;
    border-color: #cbd5e1 !important;
    border-left: 4px solid #566D7E !important; /* (1) Marble left border color */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.06), 0 2px 4px -1px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

    .wk-widgets-section[b-8ay7dd2hiu]  .card:hover {
        transform: translateY(-3px) !important;
        box-shadow: 0 10px 20px rgba(15, 23, 42, 0.1) !important;
        border-color: #94a3b8 !important;
        border-left-color: #566D7E !important;
    }

    /* Bottom-right semi-circle base positioning */
    .wk-widgets-section[b-8ay7dd2hiu]  .card::after {
        content: '' !important;
        position: absolute !important;
        bottom: -22px !important;
        right: -22px !important;
        width: 64px !important;
        height: 64px !important;
        border-radius: 50% !important;
        pointer-events: none !important;
        z-index: 1 !important;
        transition: transform 0.3s ease !important;
    }

    .wk-widgets-section[b-8ay7dd2hiu]  .card:hover::after {
        transform: scale(1.15) !important;
    }

    /* Marble font color for KPI values (#566D7E) */
    .wk-widgets-section[b-8ay7dd2hiu]  .card .value,
    .wk-widgets-section[b-8ay7dd2hiu]  .card h3,
    .wk-widgets-section[b-8ay7dd2hiu]  .card h2,
    .wk-widgets-section[b-8ay7dd2hiu]  .card .kpi-value,
    .wk-widgets-section[b-8ay7dd2hiu]  .card strong {
        color: #566D7E !important;
    }

/* (2) Varying subtle backgrounds and corresponding semi-circle accent colors per card */
.wk-widgets-section .row > div:nth-child(1)[b-8ay7dd2hiu]  .card {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;
}

    .wk-widgets-section .row > div:nth-child(1)[b-8ay7dd2hiu]  .card::after {
        background: rgba(148, 163, 184, 0.22) !important;
    }

.wk-widgets-section .row > div:nth-child(2)[b-8ay7dd2hiu]  .card {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%) !important;
}

    .wk-widgets-section .row > div:nth-child(2)[b-8ay7dd2hiu]  .card::after {
        background: rgba(34, 197, 94, 0.15) !important;
    }

.wk-widgets-section .row > div:nth-child(3)[b-8ay7dd2hiu]  .card {
    background: linear-gradient(135deg, #fefce8 0%, #fef9c3 100%) !important;
}

    .wk-widgets-section .row > div:nth-child(3)[b-8ay7dd2hiu]  .card::after {
        background: rgba(234, 179, 8, 0.15) !important;
    }

.wk-widgets-section .row > div:nth-child(4)[b-8ay7dd2hiu]  .card {
    background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%) !important;
}

    .wk-widgets-section .row > div:nth-child(4)[b-8ay7dd2hiu]  .card::after {
        background: rgba(168, 85, 247, 0.15) !important;
    }

.wk-widgets-section .row > div:nth-child(5)[b-8ay7dd2hiu]  .card {
    background: linear-gradient(135deg, #f0fdfa 0%, #ccfbf1 100%) !important;
}

    .wk-widgets-section .row > div:nth-child(5)[b-8ay7dd2hiu]  .card::after {
        background: rgba(20, 184, 166, 0.15) !important;
    }

.wk-widgets-section .row > div:nth-child(6)[b-8ay7dd2hiu]  .card {
    background: linear-gradient(135deg, #fff1f2 0%, #ffe4e6 100%) !important;
}

    .wk-widgets-section .row > div:nth-child(6)[b-8ay7dd2hiu]  .card::after {
        background: rgba(244, 63, 94, 0.15) !important;
    }
/* /Components/Pages/HomePageComponents/QuickActionsPanelComponent.razor.rz.scp.css */
/* Quick Actions Section Container */
.quick-actions-section[b-2roiqgy7zv] {
    background-color: #ffffff;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    padding: 20px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    height: 100%;
    flex: 1 1 auto;
}

/* Actions Header */
.actions-header[b-2roiqgy7zv] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.actions-title[b-2roiqgy7zv] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: #1e3a5f;
    display: flex;
    align-items: center;
    gap: 8px;
}

.actions-title-icon[b-2roiqgy7zv] {
    font-size: 1.25rem;
    color: #ffc107;
}

.actions-subtitle[b-2roiqgy7zv] {
    margin: 0;
    font-size: 0.8rem;
    color: #94a3b8;
    font-weight: 400;
}

/* Actions Container */
.actions-container[b-2roiqgy7zv] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Action Button Base - Reduced font sizes to fit tighter column widths */
.action-button[b-2roiqgy7zv] {
    background-color: transparent;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 8px 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.75rem;
    font-weight: 600;
    transition: all 0.2s ease;
    white-space: nowrap;
    text-align: left;
}

    .action-button:hover[b-2roiqgy7zv] {
        transform: translateX(2px);
    }

    /* Primary Actions - Updated to marble color #29465B with gradient fade */
    .action-button.action-primary[b-2roiqgy7zv] {
        background: linear-gradient(135deg, #29465B 0%, #1a2e3d 100%);
        color: #ffffff;
        border-color: #29465B;
    }

        .action-button.action-primary:hover[b-2roiqgy7zv] {
            background: linear-gradient(135deg, #1f3544 0%, #12202a 100%);
            border-color: #12202a;
            box-shadow: 0 4px 10px rgba(41, 70, 91, 0.25);
        }

        .action-button.action-primary:active[b-2roiqgy7zv] {
            transform: translateX(1px);
        }

    /* Secondary Actions - Subtle marble tint with smooth interactive highlights */
    .action-button.action-secondary[b-2roiqgy7zv] {
        background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
        color: #29465B;
        border-color: #cbd5e1;
    }

        .action-button.action-secondary:hover[b-2roiqgy7zv] {
            background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);
            color: #1a2e3d;
            border-color: #94a3b8;
            box-shadow: 0 2px 6px rgba(41, 70, 91, 0.1);
        }

        .action-button.action-secondary:active[b-2roiqgy7zv] {
            transform: translateX(1px);
        }

/* Action Icon Wrapper */
.action-icon-wrapper[b-2roiqgy7zv] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.action-icon[b-2roiqgy7zv] {
    font-size: 0.9rem;
    line-height: 1;
}

/* Action Text */
.action-text[b-2roiqgy7zv] {
    flex: 1;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Action Arrow */
.action-arrow[b-2roiqgy7zv] {
    font-size: 0.75rem;
    line-height: 1;
    opacity: 0;
    transition: opacity 0.2s ease, transform 0.2s ease;
    margin-left: auto;
}

.action-button.action-secondary:hover .action-arrow[b-2roiqgy7zv] {
    opacity: 1;
    transform: translateX(3px);
}

/* Divider */
.actions-divider[b-2roiqgy7zv] {
    height: 1px;
    background-color: #e2e8f0;
    margin: 4px 0;
}

/* Secondary Actions Group */
.actions-secondary[b-2roiqgy7zv] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: auto;
}

/* Disabled State */
.action-button:disabled[b-2roiqgy7zv] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

/* Responsive Design */
@media (max-width: 768px) {
    .quick-actions-section[b-2roiqgy7zv] {
        padding: 16px;
    }

    .actions-title[b-2roiqgy7zv] {
        font-size: 1rem;
    }

    .action-button[b-2roiqgy7zv] {
        padding: 8px 10px;
        font-size: 0.75rem;
    }

    .action-icon[b-2roiqgy7zv] {
        font-size: 0.85rem;
    }
}

@media (max-width: 480px) {
    .quick-actions-section[b-2roiqgy7zv] {
        padding: 12px;
    }

    .action-button[b-2roiqgy7zv] {
        padding: 8px 10px;
        font-size: 0.7rem;
    }

    .action-arrow[b-2roiqgy7zv] {
        display: none;
    }
}

```[cite: 12][b-2roiqgy7zv]
/* /Components/Pages/HomePageComponents/RecentActivitySnapshotComponent.razor.rz.scp.css */
.recent-activity-section[b-t4p4s6u8hk] {
    overflow: hidden;
    width: 100%;
    border: 1px solid #dce5ee;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 4px 14px rgba(15, 42, 67, 0.06);
}

.activity-header[b-t4p4s6u8hk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.6rem 0.7rem;
    border-bottom: 1px solid #e2e8ee;
    background: linear-gradient(90deg, #fff, #f8fafb);
}

.activity-title[b-t4p4s6u8hk] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    color: #1e3a5f;
    font-size: 0.86rem;
    font-weight: 700;
}

    .activity-title i[b-t4p4s6u8hk] {
        color: #198754;
    }

.activity-header p[b-t4p4s6u8hk] {
    margin: 0.1rem 0 0;
    color: #8190a0;
    font-size: 0.59rem;
}

.activity-filters[b-t4p4s6u8hk] {
    display: flex;
    gap: 2px;
    padding: 2px;
    border: 1px solid #dfe5ea;
    border-radius: 5px;
    background: #f0f3f5;
}

.filter-option[b-t4p4s6u8hk] {
    padding: 0.2rem 0.38rem;
    border: 0;
    border-radius: 4px;
    color: #687787;
    background: transparent;
    font-size: 0.55rem;
    font-weight: 500;
}

    .filter-option:hover[b-t4p4s6u8hk] {
        color: #146c43;
        background: #e7f3eb;
    }

    .filter-option.active[b-t4p4s6u8hk] {
        color: #146c43;
        background: #fff;
        box-shadow: 0 1px 3px rgba(33, 63, 46, 0.12);
        font-weight: 700;
    }

.activity-table-wrapper[b-t4p4s6u8hk] {
    width: 100%;
    overflow-x: hidden;
}

.activity-table[b-t4p4s6u8hk] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

    .activity-table td[b-t4p4s6u8hk] {
        padding: 5px 8px;
        border-bottom: 1px solid #edf0f2;
        color: #4b5e70;
        font-size: 0.62rem;
        vertical-align: middle;
    }

    .activity-table tr:hover[b-t4p4s6u8hk] {
        background: #f7faf8;
    }

/* Rebalanced Column Widths summing to 100% with ample room for names */
.actor-cell[b-t4p4s6u8hk] {
    width: 42%;
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.action-cell[b-t4p4s6u8hk] {
    width: 18%;
}

.object-cell[b-t4p4s6u8hk] {
    width: 40%;
    overflow: hidden;
}

.actor-icon[b-t4p4s6u8hk] {
    display: grid;
    flex: 0 0 25px;
    width: 25px;
    height: 25px;
    place-items: center;
    border-radius: 50%;
    color: #607486;
    background: #e9eef2;
}

.actor-cell div[b-t4p4s6u8hk] {
    min-width: 0;
    flex: 1;
}

/* Ensures name and timestamp stay cleanly on single lines without clipping */
.actor-cell strong[b-t4p4s6u8hk],
.actor-cell small[b-t4p4s6u8hk] {
    display: block;
    white-space: nowrap;
}

.actor-cell strong[b-t4p4s6u8hk] {
    color: #1e293b;
    font-size: 0.63rem;
    font-weight: 650;
    cursor: help;
}

/* Object / Email column text handling with ellipsis truncation */
.object-cell span[b-t4p4s6u8hk] {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: help;
}

.object-cell small[b-t4p4s6u8hk] {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Marble style for timestamps and secondary details */
.marble-meta[b-t4p4s6u8hk] {
    margin-top: 1px;
    color: #475569;
    font-weight: 550;
    font-size: 0.54rem;
}

.activity-action-badge[b-t4p4s6u8hk] {
    display: inline-flex;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0.14rem 0.38rem;
    border-radius: 999px;
    font-size: 0.53rem;
    font-weight: 700;
}

.action-success[b-t4p4s6u8hk] {
    color: #F0FFF0;
    background: #033E3E;
}

.action-info[b-t4p4s6u8hk] {
    color: #155c80;
    background: #38ACEC;
}

.action-danger[b-t4p4s6u8hk] {
    color: #dce5ee;
    background: #C34A2C;
}

.action-warning[b-t4p4s6u8hk] {
    color: #dce5ee;
    background: #E9AB17;
}

.action-neutral[b-t4p4s6u8hk] {
    color: #dce5ee;
    background: #E9AB17;
}

.snapshot-state[b-t4p4s6u8hk] {
    display: flex;
    min-height: 125px;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    color: #7c8996;
    font-size: 0.64rem;
}

.snapshot-error[b-t4p4s6u8hk] {
    color: #a13743;
    background: #fff8f8;
}

.activity-footer[b-t4p4s6u8hk] {
    padding: 0.35rem 0.65rem;
    text-align: right;
    background: #fafcfd;
}

    .activity-footer a[b-t4p4s6u8hk] {
        display: inline-flex;
        align-items: center;
        gap: 0.3rem;
        color: #197548;
        font-size: 0.58rem;
        font-weight: 650;
        text-decoration: none;
    }

        .activity-footer a:hover[b-t4p4s6u8hk] {
            color: #0e5934;
            text-decoration: underline;
        }

@media (max-width: 600px) {
    .activity-header[b-t4p4s6u8hk] {
        flex-direction: column;
    }
}
/* /Components/Pages/HomePageComponents/RecentAssessmentsSnapshotComponent.razor.rz.scp.css */
.recent-assessments-section[b-f37xcqpebt] {
    overflow: hidden;
    border: 2px solid #ffffff;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 10px 25px -5px rgba(15, 42, 67, 0.12), 0 8px 10px -6px rgba(15, 42, 67, 0.08);
}

.assessments-header[b-f37xcqpebt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1.15rem;
    border-bottom: 2px solid #e2e8f0;
    background: #ffffff; /* Card header background set to solid white */
}

.assessments-eyebrow[b-f37xcqpebt] {
    color: #566D7E;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.assessments-title[b-f37xcqpebt] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin: 0.15rem 0 0;
    color: #0f172a;
    font-size: 1.15rem;
    font-weight: 800;
}

    .assessments-title i[b-f37xcqpebt] {
        color: #059669;
        font-size: 1.25rem;
    }

.assessments-subtitle[b-f37xcqpebt] {
    margin: 0.2rem 0 0;
    color: #475569;
    font-size: 0.75rem;
    font-weight: 500;
}

.view-all-link[b-f37xcqpebt] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.85rem;
    border: 0px solid #151B54;
    border-radius: 8px;
    color: #151B54;
    font-size: 0.75rem;
    font-weight: 750;
    text-decoration: none;
    transition: all 200ms ease;
    background: #f0f9ff;
}

    .view-all-link:hover[b-f37xcqpebt] {
        border-color: #0369a1;
        color: #fff;
        background: #151B54;
        box-shadow: 0 4px 12px rgba(2, 132, 199, 0.25);
    }

.assessments-loading[b-f37xcqpebt],
.assessments-error[b-f37xcqpebt],
.no-assessments[b-f37xcqpebt] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    min-height: 180px;
    color: #475569;
    font-size: 0.82rem;
    font-weight: 600;
}

.assessments-error[b-f37xcqpebt] {
    color: #991b1b;
    background: #fef2f2;
}

.no-assessments[b-f37xcqpebt] {
    flex-direction: column;
}

    .no-assessments strong[b-f37xcqpebt] {
        color: #1e293b;
        font-size: 0.85rem;
        font-weight: 750;
    }

    .no-assessments span[b-f37xcqpebt] {
        font-size: 0.72rem;
        font-weight: 500;
    }

.assessments-empty-icon[b-f37xcqpebt] {
    color: #94a3b8;
    font-size: 2rem;
}

.assessments-table-wrapper[b-f37xcqpebt] {
    overflow-x: auto;
}

.assessments-table[b-f37xcqpebt] {
    width: 100%;
    min-width: 940px;
    border-collapse: collapse;
}

    .assessments-table th[b-f37xcqpebt] {
        padding: 3px 12px; /* Compact padding for header */
        border-bottom: 3px solid #cbd5e1;
        color: #0f172a;
        /* Marble-style header background */
        /*background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 50%, #cbd5e1 100%);*/
        background-color: #e2e8f0;
        font-size: 0.75rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        text-align: left;
        white-space: nowrap;
    }

    .assessments-table td[b-f37xcqpebt] {
        padding: 4px 12px; /* Reduced row height / compact row spacing */
        border-bottom: 1px solid #e2e8f0;
        color: #1e293b;
        font-size: 0.82rem;
        font-weight: 400; /* Removed font bold in row details */
        vertical-align: middle;
    }

.assessment-row[b-f37xcqpebt] {
    cursor: pointer;
    transition: background-color 160ms ease, box-shadow 160ms ease;
}

    .assessment-row:hover[b-f37xcqpebt] {
        background: #F8F8FF;
        box-shadow: inset 4px 0 #059669;
    }

    .assessment-row:focus-visible[b-f37xcqpebt] {
        outline: 2px solid #0284c7;
        outline-offset: -2px;
    }

.col-case-number[b-f37xcqpebt] {
    width: 17%;
    min-width: 135px;
}

.col-company[b-f37xcqpebt] {
    width: 20%;
    min-width: 160px;
}

.col-owner[b-f37xcqpebt] {
    width: 15%;
    min-width: 120px;
}

.col-period-start[b-f37xcqpebt] {
    width: 14%;
    min-width: 125px;
}

.col-status[b-f37xcqpebt] {
    width: 12%;
    min-width: 110px;
}

.col-progress[b-f37xcqpebt] {
    width: 14%;
    min-width: 145px;
}

.col-actions[b-f37xcqpebt] {
    width: 8%;
    min-width: 82px;
    text-align: right !important;
}

.assessment-case-link[b-f37xcqpebt] {
    display: block;
    padding: 0;
    border: 0;
    color: #0284c7;
    background: transparent;
    font: inherit;
    font-weight: 650;
    text-align: left;
}

    .assessment-case-link:hover[b-f37xcqpebt] {
        color: #0369a1;
        text-decoration: underline;
    }

.assessment-reference[b-f37xcqpebt] {
    display: block;
    margin-top: 1px;
    color: #64748b;
    font-size: 0.68rem;
    font-weight: 400; /* Removed bold from reference text */
}

.status-badge[b-f37xcqpebt] {
    display: inline-flex;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
    white-space: nowrap;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.status-draft[b-f37xcqpebt],
.status-default[b-f37xcqpebt] {
    color: #475569;
    background: #e2e8f0;
}

.status-in-progress[b-f37xcqpebt] {
    color: #0369a1;
    background: #e0f2fe;
}

.status-review[b-f37xcqpebt] {
    color: #b45309;
    background: #fef3c7;
}

.status-approved[b-f37xcqpebt] {
    color: #065f46;
    background: #d1fae5;
}

.status-archived[b-f37xcqpebt] {
    color: #991b1b;
    background: #fee2e2;
}

.progress-bar-container[b-f37xcqpebt] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.progress-bar-track[b-f37xcqpebt] {
    flex: 1;
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: #e2e8f0;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.06);
}

.progress-bar-fill[b-f37xcqpebt] {
    height: 100%;
    border-radius: inherit;
}

.progress-low[b-f37xcqpebt] {
    background: #ef4444;
}

.progress-medium[b-f37xcqpebt] {
    background: #f59e0b;
}

.progress-high[b-f37xcqpebt] {
    background: #10b981;
}

.progress-text[b-f37xcqpebt] {
    min-width: 36px;
    color: #334155;
    font-size: 0.75rem;
    font-weight: 600; /* Unbolded progress text */
    text-align: right;
}

.period-start-date[b-f37xcqpebt] {
    display: block;
    color: inherit;
    font: inherit;
}

.open-assessment-button[b-f37xcqpebt] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.2rem 0.5rem;
    border: 1px solid #B0CFDE;
    border-radius: 6px;
    color: #065f46;
    background: #EBF4FA;
    font-size: 0.72rem;
    font-weight: 650;
    transition: all 160ms ease;
}

    .open-assessment-button:hover[b-f37xcqpebt] {
        border-color: #059669;
        color: #fff;
        background: #306754;
        box-shadow: 0 3px 8px rgba(16, 185, 129, 0.3);
    }

.assessments-footer[b-f37xcqpebt] {
    padding: 0.35rem 1rem;
    border-top: 1px solid #e2e8f0;
    color: #64748b;
    background: #f8fafc;
    font-size: 0.68rem;
    font-weight: 500;
    text-align: right;
}

@media (max-width: 700px) {
    .assessments-header[b-f37xcqpebt] {
        align-items: flex-start;
    }

    .col-progress[b-f37xcqpebt] {
        display: none;
    }
}
/* /Components/Pages/HomePageComponents/SystemInsightsSectionComponent.razor.rz.scp.css */
/* Insights Section Container */
.insights-section[b-t1z59xyy26] {
    background-color: transparent;
    border-radius: 8px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

/* Insights Header */
.insights-header[b-t1z59xyy26] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.insights-title[b-t1z59xyy26] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: #1e3a5f;
    display: flex;
    align-items: center;
    gap: 8px;
}

.insights-title-icon[b-t1z59xyy26] {
    font-size: 1.25rem;
    color: #0066cc;
}

.insights-subtitle[b-t1z59xyy26] {
    margin: 0;
    font-size: 0.8rem;
    color: #94a3b8;
    font-weight: 400;
}

/* Loading State */
.insights-loading[b-t1z59xyy26] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 40px 20px;
    color: #94a3b8;
}

.spinner-small[b-t1z59xyy26] {
    width: 30px;
    height: 30px;
    border: 3px solid #e2e8f0;
    border-top-color: #0066cc;
    border-radius: 50%;
    animation: spin-b-t1z59xyy26 0.8s linear infinite;
}

@keyframes spin-b-t1z59xyy26 {
    to {
        transform: rotate(360deg);
    }
}

/* Insights Grid - 4 Col-3 Cards (col-3 = 25% width = 1/4 of row) */
.insights-grid[b-t1z59xyy26] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    width: 100%;
}

/* Each card takes col-3 width (25%) */
.metric-card[b-t1z59xyy26] {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    height: 100%;
    width: 100%;
    /* Each card is 25% of parent (col-3 equivalent) */
}

    .metric-card:hover[b-t1z59xyy26] {
        border-color: #cbd5e1;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    }

/* Metric Header */
.metric-header[b-t1z59xyy26] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
}

.metric-title[b-t1z59xyy26] {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 700;
    color: #1e3a5f;
    flex: 1;
    line-height: 1.2;
}

/* Export Buttons */
.export-btn[b-t1z59xyy26] {
    background-color: transparent;
    border: none;
    border-radius: 4px;
    padding: 4px 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    color: #64748b;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

    .export-btn:hover[b-t1z59xyy26] {
        background-color: #e0e7ff;
        color: #0066cc;
    }

.export-buttons-group[b-t1z59xyy26] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

/* Metric Body */
.metric-body[b-t1z59xyy26] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
}

/* Metric Value Section */
.metric-value-section[b-t1z59xyy26] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.metric-value[b-t1z59xyy26] {
    font-size: 1.75rem;
    font-weight: 800;
    color: #0066cc;
    line-height: 1;
    letter-spacing: -1px;
}

.metric-trend[b-t1z59xyy26] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 0.7rem;
    font-weight: 600;
    width: fit-content;
    padding: 3px 6px;
    border-radius: 4px;
}

    .metric-trend.trend-up[b-t1z59xyy26] {
        background-color: #d1fae5;
        color: #047857;
    }

        .metric-trend.trend-up i[b-t1z59xyy26] {
            color: #28a745;
        }

    .metric-trend.trend-down[b-t1z59xyy26] {
        background-color: #fee2e2;
        color: #991b1b;
    }

        .metric-trend.trend-down i[b-t1z59xyy26] {
            color: #dc3545;
        }

    .metric-trend i[b-t1z59xyy26] {
        font-size: 0.6rem;
        line-height: 1;
    }

/* Metric Detail */
.metric-detail[b-t1z59xyy26] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 0.75rem;
    padding-top: 8px;
    border-top: 1px solid #e2e8f0;
}

.detail-label[b-t1z59xyy26] {
    color: #64748b;
    font-weight: 500;
}

.detail-value[b-t1z59xyy26] {
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 3px;
    width: fit-content;
}

.detail-success[b-t1z59xyy26] {
    color: #28a745;
    background-color: #d1fae5;
}

.detail-warning[b-t1z59xyy26] {
    color: #dc3545;
    background-color: #fee2e2;
}

/* Distribution Container */
.distribution-container[b-t1z59xyy26] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
}

/* Pie Chart */
.pie-chart-section[b-t1z59xyy26] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.pie-chart-placeholder[b-t1z59xyy26] {
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pie-chart[b-t1z59xyy26] {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}

/* Distribution Legend */
.distribution-legend[b-t1z59xyy26] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
}

.legend-item[b-t1z59xyy26] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.7rem;
}

.legend-color[b-t1z59xyy26] {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    flex-shrink: 0;
}

.legend-text[b-t1z59xyy26] {
    color: #475569;
    font-weight: 500;
}

/* Leaderboard */
.leaderboard[b-t1z59xyy26] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.leaderboard-item[b-t1z59xyy26] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    background-color: #f8fafc;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
    transition: all 0.2s ease;
}

    .leaderboard-item:hover[b-t1z59xyy26] {
        background-color: #ffffff;
        border-color: #cbd5e1;
    }

.leaderboard-rank[b-t1z59xyy26] {
    flex-shrink: 0;
}

.rank-badge[b-t1z59xyy26] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-weight: 700;
    font-size: 0.8rem;
    color: #ffffff;
}

.rank-1[b-t1z59xyy26] {
    background: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%);
    color: #333;
}

.rank-2[b-t1z59xyy26] {
    background: linear-gradient(135deg, #c0c0c0 0%, #e8e8e8 100%);
    color: #333;
}

.rank-3[b-t1z59xyy26] {
    background: linear-gradient(135deg, #cd7f32 0%, #e8a96d 100%);
}

.rank-1[b-t1z59xyy26],
.rank-2[b-t1z59xyy26],
.rank-3[b-t1z59xyy26] {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Leaderboard Info */
.leaderboard-info[b-t1z59xyy26] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.performer-name[b-t1z59xyy26] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #1e3a5f;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.performer-detail[b-t1z59xyy26] {
    font-size: 0.7rem;
    color: #94a3b8;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Leaderboard Score */
.leaderboard-score[b-t1z59xyy26] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.score-value[b-t1z59xyy26] {
    font-size: 1rem;
    font-weight: 700;
    color: #0066cc;
}

/* No Performers Message */
.no-performers[b-t1z59xyy26] {
    margin: 0;
    padding: 12px;
    text-align: center;
    color: #94a3b8;
    font-size: 0.8rem;
}

/* Insights Footer */
.insights-footer[b-t1z59xyy26] {
    display: flex;
    justify-content: center;
    padding-top: 12px;
    border-top: 1px solid #e2e8f0;
}

.view-analytics-link[b-t1z59xyy26] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #0066cc;
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 600;
    padding: 6px 12px;
    border-radius: 4px;
    transition: all 0.2s ease;
}

    .view-analytics-link:hover[b-t1z59xyy26] {
        background-color: #e0e7ff;
        color: #000099;
        gap: 10px;
    }

/* Responsive Design */
@media (max-width: 1400px) {
    .insights-grid[b-t1z59xyy26] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 1024px) {
    .insights-grid[b-t1z59xyy26] {
        grid-template-columns: repeat(2, 1fr);
    }

    .metric-card[b-t1z59xyy26] {
        padding: 12px;
    }

    .metric-value[b-t1z59xyy26] {
        font-size: 1.5rem;
    }

    .pie-chart-placeholder[b-t1z59xyy26] {
        width: 80px;
        height: 80px;
    }
}

@media (max-width: 768px) {
    .insights-section[b-t1z59xyy26] {
        padding: 0;
    }

    .insights-grid[b-t1z59xyy26] {
        grid-template-columns: 1fr;
    }

    .metric-card[b-t1z59xyy26] {
        padding: 12px;
    }

    .metric-title[b-t1z59xyy26] {
        font-size: 0.85rem;
    }

    .metric-value[b-t1z59xyy26] {
        font-size: 1.25rem;
    }

    .metric-header[b-t1z59xyy26] {
        flex-direction: column;
        align-items: flex-start;
    }

    .export-buttons-group[b-t1z59xyy26] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .insights-section[b-t1z59xyy26] {
        padding: 0;
    }

    .insights-title[b-t1z59xyy26] {
        font-size: 1rem;
    }

    .insights-grid[b-t1z59xyy26] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .metric-card[b-t1z59xyy26] {
        padding: 10px;
        gap: 10px;
    }

    .metric-value[b-t1z59xyy26] {
        font-size: 1.1rem;
    }

    .metric-title[b-t1z59xyy26] {
        font-size: 0.8rem;
    }

    .leaderboard-score[b-t1z59xyy26] {
        display: none;
    }

    .performer-detail[b-t1z59xyy26] {
        display: none;
    }
}
/* /Components/Pages/Identity/ChangePassword.razor.rz.scp.css */
.font-def[b-mdxbe9c363] {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.m-0[b-mdxbe9c363] {
    margin: 0;
}

.p-2[b-mdxbe9c363] {
    padding: 0.5rem;
}

.py-2[b-mdxbe9c363] {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.mt-2[b-mdxbe9c363] {
    margin-top: 0.5rem;
}

.mb-3[b-mdxbe9c363] {
    margin-bottom: 1rem;
}

.me-1[b-mdxbe9c363] {
    margin-right: 0.25rem;
}

.me-2[b-mdxbe9c363] {
    margin-right: 0.5rem;
}

.me-3[b-mdxbe9c363] {
    margin-right: 1rem;
}

.fst-italic[b-mdxbe9c363] {
    font-style: italic;
}

:global(body)[b-mdxbe9c363] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    margin: 0;
    padding: 20px;
}

.auth-card[b-mdxbe9c363] {
    background-color: #ffffff;
    width: 100%;
    max-width: 520px;
    border-radius: 16px;
    border: 1px solid #d1dbe8;
    box-shadow: 0 15px 35px rgba(0, 0, 102, 0.08);
    padding: 30px 32px;
    box-sizing: border-box;
}

.auth-header[b-mdxbe9c363] {
    text-align: center;
    margin-bottom: 24px;
}

.auth-brand[b-mdxbe9c363] {
    font-weight: 800;
    font-size: 1.5rem;
    color: #0f172a;
    margin-bottom: 8px;
    display: block;
}

.auth-subtitle[b-mdxbe9c363] {
    font-size: 0.85rem;
    color: #64748b;
    margin: 0;
}

.form-group-custom[b-mdxbe9c363] {
    margin-bottom: 14px;
    position: relative;
}

.form-label-custom[b-mdxbe9c363] {
    display: block;
    font-size: 0.775rem;
    font-weight: 600;
    color: #475569;
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.input-icon-wrapper[b-mdxbe9c363] {
    position: relative;
    display: flex;
    align-items: center;
}

.icon-addon[b-mdxbe9c363] {
    position: absolute;
    left: 12px;
    color: #94a3b8;
    font-size: 0.95rem;
    pointer-events: none;
    z-index: 2;
}

.input-icon-wrapper[b-mdxbe9c363]  .form-control-custom {
    width: 100%;
    min-width: 0;
    height: 44px;
    background-color: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 0 44px 0 40px;
    font-size: 0.925rem;
    color: #1e293b;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out;
}

    .input-icon-wrapper[b-mdxbe9c363]  .form-control-custom:focus {
        outline: none;
        border-color: #000099;
        box-shadow: 0 0 0 3px rgba(0, 0, 153, 0.08);
    }

    .input-icon-wrapper[b-mdxbe9c363]  .form-control-custom:disabled {
        background-color: #f3f4f6;
        color: #9ca3af;
        cursor: not-allowed;
    }

.password-toggle-btn[b-mdxbe9c363] {
    position: absolute;
    right: 4px;
    height: 36px;
    width: 36px;
    background: none;
    border: none;
    color: #64748b;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    border-radius: 6px;
}

.password-toggle-btn:hover:not(:disabled)[b-mdxbe9c363] {
    background-color: #eef2ff;
    color: #000099;
}

.password-toggle-btn:focus-visible[b-mdxbe9c363] {
    outline: 2px solid #000099;
    outline-offset: 1px;
}

.password-toggle-btn:disabled[b-mdxbe9c363] {
    cursor: not-allowed;
    opacity: 0.55;
}

.link-btn-inline[b-mdxbe9c363] {
    font-size: 0.825rem;
    color: #000099;
    text-decoration: none;
    font-weight: 700;
}

    .link-btn-inline:hover[b-mdxbe9c363] {
        text-decoration: underline;
    }

.auth-card-footer[b-mdxbe9c363] {
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e2e8f0;
    text-align: center;
    font-size: 0.825rem;
    color: #64748b;
}

.auth-error-msg[b-mdxbe9c363] {
    display: block;
    font-size: 0.72rem;
    color: #ef4444;
    margin-top: 2px;
}

.font-weight-bold[b-mdxbe9c363] {
    font-weight: 700;
}

@media (max-width: 520px) {
    .auth-card[b-mdxbe9c363] {
        padding: 24px 20px;
    }
}
/* /Components/Pages/Identity/Login.razor.rz.scp.css */
.font-def[b-7fghlwcdbh] {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.m-0[b-7fghlwcdbh] {
    margin: 0;
}

:global(body)[b-7fghlwcdbh] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    margin: 0;
    padding: 20px;
}

.auth-card[b-7fghlwcdbh] {
    background-color: #ffffff;
    width: 100%;
    max-width: 420px;
    border-radius: 16px;
    border: 1px solid #d1dbe8;
    box-shadow: 0 15px 35px rgba(0, 0, 102, 0.08);
    padding: 40px 32px;
    box-sizing: border-box;
}

.auth-header[b-7fghlwcdbh] {
    text-align: center;
    margin-bottom: 32px;
}

.auth-brand[b-7fghlwcdbh] {
    font-weight: 800;
    font-size: 1.65rem;
    color: #0f172a;
    margin-bottom: 12px;
    display: block;
}

.auth-subtitle[b-7fghlwcdbh] {
    font-size: 0.875rem;
    color: #64748b;
    margin: 0;
}

.alert[b-7fghlwcdbh] {
    border-radius: 8px;
    margin-bottom: 20px;
    font-size: 0.875rem;
    padding: 12px 16px;
}

.alert-danger[b-7fghlwcdbh] {
    background-color: #fee2e2;
    border-color: #fca5a5;
    color: #991b1b;
}

.form-group-custom[b-7fghlwcdbh] {
    margin-bottom: 20px;
    position: relative;
}

.form-label-custom[b-7fghlwcdbh] {
    display: block;
    font-size: 0.825rem;
    font-weight: 600;
    color: #475569;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.input-icon-wrapper[b-7fghlwcdbh] {
    position: relative;
    display: flex;
    align-items: center;
}

.icon-addon[b-7fghlwcdbh] {
    position: absolute;
    left: 14px;
    color: #94a3b8;
    font-size: 1.1rem;
}

.form-control-custom[b-7fghlwcdbh] {
    width: 100%;
    height: 46px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 0 16px 0 42px;
    font-size: 0.925rem;
    color: #1e293b;
}

    .form-control-custom:focus[b-7fghlwcdbh] {
        outline: none;
        border-color: #000099;
        box-shadow: 0 0 0 4px rgba(0, 0, 153, 0.08);
    }

.password-toggle-btn[b-7fghlwcdbh] {
    position: absolute;
    right: 4px;
    height: 38px;
    width: 38px;
    background: none;
    border: none;
    color: #64748b;
    cursor: pointer;
}

.auth-actions-row[b-7fghlwcdbh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.link-btn-inline[b-7fghlwcdbh] {
    background: none;
    border: none;
    padding: 0;
    font-size: 0.825rem;
    color: #3C565B;
    text-decoration: none;
}

    .link-btn-inline:hover[b-7fghlwcdbh] {
        color: #000099;
        text-decoration: underline;
    }

.checkbox-container-custom[b-7fghlwcdbh] {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 26px;
    cursor: pointer;
    font-size: 0.85rem;
    color: #475569;
}

    .checkbox-container-custom input[b-7fghlwcdbh] {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.checkmark[b-7fghlwcdbh] {
    position: absolute;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: 1.5px solid #cbd5e1;
    border-radius: 4px;
}

.checkbox-container-custom input:checked ~ .checkmark[b-7fghlwcdbh] {
    background-color: #000099;
    border-color: #000099;
}

.checkmark[b-7fghlwcdbh]:after {
    content: "";
    position: absolute;
    display: none;
    left: 5px;
    top: 1px;
    width: 4px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.checkbox-container-custom input:checked ~ .checkmark[b-7fghlwcdbh]:after {
    display: block;
}

.auth-submit-btn[b-7fghlwcdbh] {
    width: 100%;
    height: 46px;
    background-color: #000099;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
}

    .auth-submit-btn:hover[b-7fghlwcdbh] {
        background-color: #000077;
    }

.auth-card-footer[b-7fghlwcdbh] {
    margin-top: 28px;
    padding-top: 20px;
    border-top: 1px solid #e2e8f0;
    text-align: center;
    font-size: 0.825rem;
    color: #64748b;
}
/* /Components/Pages/Identity/ProfileDropdownComponent.razor.rz.scp.css */
/* Container holds high priority so it punches through the backdrop */
.dropdown-container[b-xi09ohaxnq] {
    position: relative;
    z-index: 100000;
}

/* Full-screen viewport backdrop blankets the sidebar, top bar, and workspace */
.dropdown-backdrop[b-xi09ohaxnq] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
    background: rgba(30, 41, 59, 0.4); /* Dark charcoal/grey dimming tone */
}

.avatar-trigger-btn[b-xi09ohaxnq] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    outline: none;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

    .avatar-trigger-btn:hover[b-xi09ohaxnq] {
        transform: scale(1.08);
    }

.avatar-circle[b-xi09ohaxnq] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #000099;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.85rem;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.2s ease, box-shadow 0.2s ease;
}

    .avatar-circle i[b-xi09ohaxnq] {
        font-size: 1.3rem;
        color: #ffffff;
    }

.avatar-trigger-btn:hover .avatar-circle[b-xi09ohaxnq] {
    transform: scale(1.08);
    box-shadow: 0 0 0 3px rgba(0, 0, 153, 0.15);
    background-color: #0000bd;
}

.profile-card-dropdown[b-xi09ohaxnq] {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    width: 280px;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
    display: none;
    z-index: 100001;
    animation: slideDown-b-xi09ohaxnq 0.2s ease-out;
}

    .profile-card-dropdown.show[b-xi09ohaxnq] {
        display: block;
    }

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

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

.profile-card-header[b-xi09ohaxnq] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border-bottom: 1px solid #e2e8f0;
    background-color: #f8fafc;
}

.profile-avatar-large[b-xi09ohaxnq] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #000099;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1rem;
    flex-shrink: 0;
}

    .profile-avatar-large i[b-xi09ohaxnq] {
        font-size: 1.8rem;
        color: #ffffff;
    }

.profile-info[b-xi09ohaxnq] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.profile-name[b-xi09ohaxnq] {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 700;
    color: #1e293b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.profile-role[b-xi09ohaxnq] {
    font-size: 0.72rem;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 2px;
}

.profile-role-primary[b-xi09ohaxnq] {
    font-weight: 700;
    color: #000099;
}

.profile-role-secondary[b-xi09ohaxnq] {
    font-size: 0.62rem;
    color: #64748b;
}

.profile-card-body[b-xi09ohaxnq] {
    padding: 8px 0;
}

.profile-dropdown-item[b-xi09ohaxnq] {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    color: #334155;
    text-decoration: none;
    font-size: .85rem;
    font-weight: 500;
    transition: all 0.2s ease;
    border: none;
    background: none;
    cursor: pointer;
}

    .profile-dropdown-item:hover[b-xi09ohaxnq] {
        background-color: #f1f5f9;
        color: #000099;
        padding-left: 20px;
    }

    .profile-dropdown-item i[b-xi09ohaxnq] {
        width: 16px;
        text-align: center;
    }

.dropdown-divider[b-xi09ohaxnq] {
    height: 1px;
    background-color: #e2e8f0;
    margin: 8px 0;
}

@media (max-width: 768px) {
    .profile-card-dropdown[b-xi09ohaxnq] {
        width: 240px;
    }

    .profile-name[b-xi09ohaxnq] {
        font-size: 0.85rem;
    }

    .profile-role[b-xi09ohaxnq] {
        font-size: 0.65rem;
    }
}
/* /Components/Pages/Identity/UserSettings.razor.rz.scp.css */

.font-def[b-3o8m9tovj9] {
    font-family: Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.m-0[b-3o8m9tovj9] {
    margin: 0;
}

.p-2[b-3o8m9tovj9] {
    padding: 0.5rem;
}

.py-2[b-3o8m9tovj9] {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.mt-2[b-3o8m9tovj9] {
    margin-top: 0.5rem;
}

.mb-2[b-3o8m9tovj9] {
    margin-bottom: 0.5rem;
}

.me-1[b-3o8m9tovj9] {
    margin-right: 0.25rem;
}

.me-2[b-3o8m9tovj9] {
    margin-right: 0.5rem;
}

.fst-italic[b-3o8m9tovj9] {
    font-style: italic;
}

.fs-xs[b-3o8m9tovj9] {
    font-size: 0.7rem;
    color: #64748b;
}

.settings-section-title[b-3o8m9tovj9] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #0f172a;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 4px;
}

:global(body)[b-3o8m9tovj9] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    margin: 0;
    padding: 20px;
}

.auth-card[b-3o8m9tovj9] {
    background-color: #ffffff;
    width: 100%;
    max-width: 720px;
    border-radius: 16px;
    border: 1px solid #d1dbe8;
    box-shadow: 0 15px 35px rgba(0, 0, 102, 0.08);
    padding: 30px 32px;
    box-sizing: border-box;
}

.auth-header[b-3o8m9tovj9] {
    text-align: center;
    margin-bottom: 24px;
}

.auth-brand[b-3o8m9tovj9] {
    font-weight: 800;
    font-size: 1.5rem;
    color: #0f172a;
    margin-bottom: 8px;
    display: block;
}

.auth-subtitle[b-3o8m9tovj9] {
    font-size: 0.85rem;
    color: #64748b;
    margin: 0;
}

.form-row-custom[b-3o8m9tovj9] {
    display: flex;
    gap: 14px;
}

.form-group-custom[b-3o8m9tovj9] {
    margin-bottom: 14px;
    position: relative;
}

.flex-fill[b-3o8m9tovj9] {
    flex: 1;
    min-width: 0;
}

.form-label-custom[b-3o8m9tovj9] {
    display: block;
    font-size: 0.775rem;
    font-weight: 600;
    color: #475569;
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.input-icon-wrapper[b-3o8m9tovj9] {
    position: relative;
    display: flex;
    align-items: center;
}

.icon-addon[b-3o8m9tovj9] {
    position: absolute;
    left: 12px;
    color: #94a3b8;
    font-size: 0.95rem;
    pointer-events: none;
    z-index: 2;
}

.input-icon-wrapper[b-3o8m9tovj9]  .form-control-custom {
    width: 100%;
    min-width: 0;
    height: 42px;
    background-color: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 0 12px 0 36px;
    font-size: 0.875rem;
    color: #1e293b;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out;
}

    .input-icon-wrapper[b-3o8m9tovj9]  .form-control-custom:focus {
        outline: none;
        border-color: #000099;
        box-shadow: 0 0 0 3px rgba(0, 0, 153, 0.08);
    }

    .input-icon-wrapper[b-3o8m9tovj9]  .form-control-custom:disabled {
        background-color: #f3f4f6;
        color: #9ca3af;
        cursor: not-allowed;
    }

.notification-option[b-3o8m9tovj9] {
    padding: 10px 12px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
}

.notification-option .form-check-label[b-3o8m9tovj9] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    cursor: pointer;
    font-size: 0.825rem;
    font-weight: 600;
    color: #475569;
    user-select: none;
}

.notification-option[b-3o8m9tovj9]  .form-check-input {
    flex: 0 0 auto;
    width: 1.05rem;
    height: 1.05rem;
    margin: 0;
    border: 1px solid #94a3b8;
}

.notification-option[b-3o8m9tovj9]  .form-check-input:checked {
    background-color: #000099;
    border-color: #000099;
}

.notification-option[b-3o8m9tovj9]  .form-check-input:focus {
    border-color: #000099;
    box-shadow: 0 0 0 3px rgba(0, 0, 153, 0.12);
}

.link-btn-inline[b-3o8m9tovj9] {
    font-size: 0.825rem;
    color: #000099;
    text-decoration: none;
    font-weight: 700;
}

    .link-btn-inline:hover[b-3o8m9tovj9] {
        text-decoration: underline;
    }

.auth-card-footer[b-3o8m9tovj9] {
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e2e8f0;
    text-align: center;
    font-size: 0.825rem;
    color: #64748b;
}

.auth-error-msg[b-3o8m9tovj9] {
    display: block;
    font-size: 0.72rem;
    color: #ef4444;
    margin-top: 2px;
}

.font-weight-bold[b-3o8m9tovj9] {
    font-weight: 700;
}

@media (max-width: 640px) {
    .auth-card[b-3o8m9tovj9] {
        padding: 24px 20px;
    }

    .form-row-custom[b-3o8m9tovj9] {
        flex-direction: column;
        gap: 0;
    }
}
/* /Components/Pages/NotificationsPage.razor.rz.scp.css */
.nav-tabs .nav-link[b-g54bqcunuv] {
    color: #4b5e70;
    font-size: 0.85rem;
    font-weight: 500;
    border: 1px solid transparent;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

    .nav-tabs .nav-link.active[b-g54bqcunuv] {
        color: #198754 !important;
        background-color: #fff;
        border-color: #dce5ee #dce5ee #fff #dce5ee;
        font-weight: 700;
    }

.card[b-g54bqcunuv] {
    border-radius: 8px;
    transition: all 0.2s ease-in-out;
}

    .card:hover[b-g54bqcunuv] {
        box-shadow: 0 6px 16px rgba(15, 42, 67, 0.08) !important;
    }

.badge[b-g54bqcunuv] {
    font-weight: 600;
    font-size: 0.72rem;
}
/* /Components/Pages/PageFormComponents/TenantRoleAssignmentComponent.razor.rz.scp.css */
.tenant-role-assignment-grid[b-nl84g2d7cf] {
    display: grid;
    gap: .7rem;
}

.tenant-role-assignment-choice[b-nl84g2d7cf] {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    padding: .85rem;
    border: 1px solid #dce5ec;
    border-radius: 10px;
    cursor: pointer;
}

.tenant-role-assignment-choice small[b-nl84g2d7cf] {
    display: block;
    color: #607086;
}
/* /Components/Pages/PageFormComponents/TenantUserFormComponent.razor.rz.scp.css */
.tenant-offcanvas-role-grid[b-p76pnhq6mv] {
    display: grid;
    gap: .65rem;
    margin-top: 1rem;
}

.tenant-offcanvas-role-choice[b-p76pnhq6mv] {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    padding: .8rem;
    border: 1px solid #dce5ec;
    border-radius: 10px;
    cursor: pointer;
}

.tenant-offcanvas-role-choice small[b-p76pnhq6mv] {
    display: block;
    color: #607086;
}

/* /Components/Pages/Settings.razor.rz.scp.css */
body[b-a7skcic4al] {
    /* ==========================================================================
       Settings Component Theme Extensions
       ========================================================================== */
}

.settings-section-card[b-a7skcic4al] {
    background-color: #fff; /* #f8fafc; Theme off-blue/whitish background color matching main layout container */
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 24px;
    height: 100%;
}

.security-card-wrapper[b-a7skcic4al] {
    background-color: #ffffff; /* Contrast layout shift for panel column separation */
    border-left: 4px solid #E5E4E2; /* Highlight accent strip on column edge */
}

.settings-section-title[b-a7skcic4al] {
    font-family: "Segoe UI", -apple-system, sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
}

.title-icon[b-a7skcic4al] {
    color: #000099; /* Layout corporate signature deep blue */
}

    .title-icon.security-icon[b-a7skcic4al] {
        color: #344054; /* Polished dark marble secondary focus */
    }

/* System Layout Configuration Grid (3 Columns) */
.settings-grid-3x3[b-a7skcic4al] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

/* Security Layout Configuration Grid (1 Column Stacked) */
.settings-grid-1x1[b-a7skcic4al] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Main Settings Interactive Card Elements */
.settings-icon-card[b-a7skcic4al] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 18px;
    text-decoration: none;
    color: inherit;
    box-sizing: border-box;
    /* Smooth multi-variable transitions matching your layout properties */
    transition: background-color 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease;
}

    /* Row Layout modifier specifically tuned for Single Column Stacked Security list items */
    .settings-icon-card.row-layout[b-a7skcic4al] {
        flex-direction: row;
        align-items: center;
        gap: 14px;
        padding: 12px 14px;
        background-color: #f8fafc;
    }

    /* Link Hover & Focus State Engine Transitions */
    .settings-icon-card:hover[b-a7skcic4al] {
        background-color: #f2f4f7; /* Soft light marble background hover */
        border-color: #151B54;
        transform: translateY(-2px); /* Sleek micro lift effect */
        /* Core deep layout blue shadow style signature glow token */
        box-shadow: 0 8px 24px rgba(0, 0, 153, 0.08);
    }

/* Faint Avatar Circle Background System for Icons */
.settings-icon-avatar[b-a7skcic4al] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    min-width: 42px;
    border-radius: 50%;
    background-color: rgba(0, 0, 153, 0.06); /* Very faint layout theme blue background */
    color: #000099;
    font-size: 1.2rem;
    margin-bottom: 12px;
    transition: all 0.3s ease;
}

    /* Color Modifier variation for Security items layout icon avatars */
    .settings-icon-avatar.alt-avatar[b-a7skcic4al] {
        background-color: rgba(52, 64, 84, 0.06); /* Faint slate/marble circle */
        color: #344054;
        margin-bottom: 0; /* Align perfectly inline inside horizontal rows */
        width: 36px;
        height: 36px;
        min-width: 36px;
        font-size: 1.05rem;
    }

/* Interactive Icon response animations inside cards */
.settings-icon-card:hover .settings-icon-avatar[b-a7skcic4al] {
    background-color: #000099;
    color: #ffffff;
    transform: scale(1.05);
}

    .settings-icon-card:hover .settings-icon-avatar.alt-avatar[b-a7skcic4al] {
        background-color: #344054;
        color: #ffffff;
    }

/* Narration Text Content Structures */
.settings-card-body[b-a7skcic4al] {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.settings-card-label[b-a7skcic4al] {
    font-family: "Segoe UI", -apple-system, sans-serif;
    font-size: 0.925rem;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 4px;
    transition: color 0.2s ease;
}

.settings-icon-card:hover .settings-card-label[b-a7skcic4al] {
    color: #000099; /* Text shifts nicely on hover */
}

.settings-icon-card.row-layout:hover .settings-card-label[b-a7skcic4al] {
    color: #344054; /* Security shifts into custom dark marble color on focus */
}

.settings-card-narration-prv[b-a7skcic4al] {
    font-family: -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 0.78rem;
    color: #64748b;
    margin: 0;
    line-height: 1.4;
}

/* Responsive fallbacks for lower desktop layouts */
@media (max-width: 1199px) {
    .settings-grid-3x3[b-a7skcic4al] {
        grid-template-columns: repeat(2, 1fr); /* Drop to 2 per row smoothly if space restricts */
    }
}


/* ==========================================================================
   HIGH-DENSITY WORKSPACE GRID OPTIMIZATIONS
   ========================================================================== */

/* 1. Implements 4-column tracks for the System Settings container layout */
.settings-grid-4x4[b-a7skcic4al] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

/* 2. Forces descriptions to clean, uniform 2-line clamping bounds */
.settings-card-narration[b-a7skcic4al] {
    font-size: 0.78rem;
    color: #6c757d;
    margin: 4px 0 0 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ==========================================================================
   RESPONSIVE LAYOUT RESPONSES
   ========================================================================== */

@media (max-width: 1400px) {
    .settings-grid-4x4[b-a7skcic4al] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .settings-grid-4x4[b-a7skcic4al] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/SystemReports.razor.rz.scp.css */
.opr-page[b-ppddpwlpnu] {
    color: #172033;
}

.opr-hero[b-ppddpwlpnu] {
    align-items: center;
    border-radius: 14px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    margin: .65rem 0 1rem;
    overflow: hidden;
    padding: 1.4rem 1.6rem;
    position: relative;
}

    .opr-hero[b-ppddpwlpnu]::after {
        background: rgba(255, 255, 255, .08);
        border-radius: 50%;
        content: "";
        height: 220px;
        position: absolute;
        right: -55px;
        top: -105px;
        width: 220px;
    }

.opr-eyebrow[b-ppddpwlpnu] {
    color: #9ee9df;
    display: block;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.opr-hero h1[b-ppddpwlpnu] {
    font-size: clamp(1.35rem, 2.3vw, 2rem);
    margin: .25rem 0;
}

.opr-hero p[b-ppddpwlpnu] {
    color: #dbeafe;
    margin: 0;
}

.opr-scope[b-ppddpwlpnu] {
    align-items: center;
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 10px;
    display: flex;
    gap: .7rem;
    min-width: 235px;
    padding: .1rem 1rem;
    z-index: 1;
}

    .opr-scope i[b-ppddpwlpnu] {
        color: #78eadb;
        font-size: 1.5rem;
    }

    .opr-scope span[b-ppddpwlpnu],
    .opr-scope strong[b-ppddpwlpnu] {
        display: block;
    }

    .opr-scope span[b-ppddpwlpnu] {
        color: #cfe6f6;
        font-size: .7rem;
        text-transform: uppercase;
    }

.opr-kpis[b-ppddpwlpnu] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-bottom: 1rem;
}

    .opr-kpis article[b-ppddpwlpnu] {
        background: #fff;
        border: 1px solid #dce5ef;
        border-left: 2px solid #2176ae;
        border-radius: 10px;
        box-shadow: 0 4px 14px rgba(31, 54, 83, .06);
        padding: .8rem .9rem;
        position: relative;
        overflow: hidden;
        transition: all 0.25s ease;
    }

        .opr-kpis article:hover[b-ppddpwlpnu] {
            border: 1px solid #566D7E;
            border-left-width: 3px;
        }

        .opr-kpis article[b-ppddpwlpnu]::after {
            content: "";
            position: absolute;
            bottom: -12px;
            right: -12px;
            width: 40px;
            height: 40px;
            background: #f1f5f9;
            border-radius: 50%;
            z-index: 0;
        }

        .opr-kpis article > *[b-ppddpwlpnu] {
            position: relative;
            z-index: 1;
        }

    .opr-kpis i[b-ppddpwlpnu] {
        color: #2176ae;
        float: right;
    }

    .opr-kpis span[b-ppddpwlpnu],
    .opr-kpis strong[b-ppddpwlpnu],
    .opr-kpis small[b-ppddpwlpnu] {
        display: block;
    }

    .opr-kpis span[b-ppddpwlpnu] {
        color: #566D7E;
        font-size: .6rem;
        font-weight: 700;
        text-transform: uppercase;
    }

    .opr-kpis strong[b-ppddpwlpnu] {
        color: #566D7E;
        font-size: 0.8rem;
        margin-top: .1rem;
        margin-bottom: .15rem;
    }

    .opr-kpis small[b-ppddpwlpnu] {
        color: #64748b;
        font-size: .68rem;
        font-weight: 500;
    }

.opr-kpi-warning strong[b-ppddpwlpnu],
.opr-kpi-warning i[b-ppddpwlpnu] {
    color: #b45309;
}

.opr-layout[b-ppddpwlpnu] {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: 245px minmax(0, 1fr);
}

.opr-catalogue[b-ppddpwlpnu],
.opr-filters[b-ppddpwlpnu],
.opr-output[b-ppddpwlpnu] {
    background: #fff;
    border: 1px solid #dce5ef;
    border-radius: 11px;
    box-shadow: 0 5px 18px rgba(31, 54, 83, .06);
    transition: all 0.3s ease;
}

    .opr-catalogue:hover[b-ppddpwlpnu],
    .opr-filters:hover[b-ppddpwlpnu] {
        border-color: #94a3b8;
        box-shadow: 0 6px 20px rgba(31, 54, 83, 0.09);
    }

.opr-catalogue[b-ppddpwlpnu] {
    overflow: hidden;
    position: sticky;
    top: .75rem;
}

    .opr-catalogue > header[b-ppddpwlpnu] {
        align-items: center;
        background: #f5f8fc;
        border-bottom: 1px solid #dce5ef;
        display: flex;
        justify-content: space-between;
        padding: .75rem .85rem;
    }

        .opr-catalogue > header span[b-ppddpwlpnu] {
            font-size: .72rem;
            font-weight: 800;
            text-transform: uppercase;
        }

        .opr-catalogue > header strong[b-ppddpwlpnu] {
            color: #64748b;
            font-size: .7rem;
        }

.opr-report-option[b-ppddpwlpnu] {
    align-items: flex-start;
    background: #fff;
    border: 0;
    border-bottom: 1px solid #edf1f5;
    color: #24364d;
    display: flex;
    gap: .7rem;
    padding: .85rem;
    text-align: left;
    width: 100%;
}

    .opr-report-option:hover[b-ppddpwlpnu] {
        background: #f5f9fd;
    }

    .opr-report-option.active[b-ppddpwlpnu] {
        background: #eaf5ff;
        box-shadow: inset 3px 0 #1373b6;
        color: #0d5c93;
    }

    .opr-report-option i[b-ppddpwlpnu] {
        font-size: 1.05rem;
        margin-top: .1rem;
    }

    .opr-report-option span[b-ppddpwlpnu],
    .opr-report-option strong[b-ppddpwlpnu],
    .opr-report-option small[b-ppddpwlpnu] {
        display: block;
    }

    .opr-report-option strong[b-ppddpwlpnu] {
        font-size: .83rem;
    }

    .opr-report-option small[b-ppddpwlpnu] {
        color: #68778b;
        font-size: .7rem;
        line-height: 1.35;
        margin-top: .15rem;
    }

.opr-main[b-ppddpwlpnu] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.opr-filters[b-ppddpwlpnu] {
    padding: .9rem;
}

    .opr-filters > header[b-ppddpwlpnu],
    .opr-output-toolbar[b-ppddpwlpnu] {
        align-items: center;
        display: flex;
        justify-content: space-between;
    }

        .opr-filters > header span[b-ppddpwlpnu],
        .opr-filters > header strong[b-ppddpwlpnu],
        .opr-output-toolbar span[b-ppddpwlpnu],
        .opr-output-toolbar strong[b-ppddpwlpnu],
        .opr-output-toolbar small[b-ppddpwlpnu] {
            display: block;
        }

        .opr-filters > header span[b-ppddpwlpnu],
        .opr-output-toolbar span[b-ppddpwlpnu] {
            color: #64748b;
            font-size: .68rem;
            font-weight: 800;
            text-transform: uppercase;
        }

        .opr-filters > header strong[b-ppddpwlpnu],
        .opr-output-toolbar strong[b-ppddpwlpnu] {
            font-size: .9rem;
        }

        .opr-output-toolbar small[b-ppddpwlpnu] {
            color: #6b778c;
            font-size: .7rem;
        }

.opr-filter-grid[b-ppddpwlpnu] {
    align-items: end;
    display: grid;
    gap: .7rem;
    grid-template-columns: 1.4fr repeat(3, minmax(130px, .8fr));
    margin-top: .75rem;
}

    .opr-filter-grid label > span[b-ppddpwlpnu] {
        color: #526176;
        display: block;
        font-size: .7rem;
        font-weight: 700;
        margin-bottom: .2rem;
    }

.opr-active-filter[b-ppddpwlpnu] {
    align-items: center;
    display: flex;
    gap: .45rem;
    min-height: 31px;
}

    .opr-active-filter > span[b-ppddpwlpnu] {
        margin: 0 !important;
    }

.opr-run[b-ppddpwlpnu] {
    min-height: 31px;
}

.opr-output[b-ppddpwlpnu] {
    min-width: 0;
    overflow: hidden;
}

.opr-output-toolbar[b-ppddpwlpnu] {
    border-bottom: 1px solid #dce5ef;
    padding: .8rem .9rem;
}

.opr-table-wrap[b-ppddpwlpnu] {
    max-height: 560px;
    overflow: auto;
}

.opr-table[b-ppddpwlpnu] {
    margin: 0;
    min-width: 900px;
}

    .opr-table thead[b-ppddpwlpnu] {
        position: sticky;
        top: 0;
        z-index: 2;
    }

    .opr-table th[b-ppddpwlpnu] {
        background: #183b64;
        color: #fff;
        font-size: .7rem;
        letter-spacing: .025em;
        padding: .65rem .6rem;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .opr-table td[b-ppddpwlpnu] {
        border-color: #e8eef4;
        font-size: .76rem;
        padding: .55rem .6rem;
        vertical-align: middle;
    }

        .opr-table td small[b-ppddpwlpnu],
        .opr-table td strong[b-ppddpwlpnu] {
            display: block;
        }

        .opr-table td small[b-ppddpwlpnu] {
            color: #718096;
        }

.opr-status[b-ppddpwlpnu] {
    border-radius: 999px;
    display: inline-block;
    font-size: .65rem;
    font-weight: 800;
    padding: .18rem .5rem;
    white-space: nowrap;
}

.opr-status--draft[b-ppddpwlpnu] {
    background: #eef2f7;
    color: #475569;
}

.opr-status--progress[b-ppddpwlpnu] {
    background: #e0f2fe;
    color: #075985;
}

.opr-status--review[b-ppddpwlpnu] {
    background: #fef3c7;
    color: #92400e;
}

.opr-status--complete[b-ppddpwlpnu] {
    background: #dcfce7;
    color: #166534;
}

.opr-status--archived[b-ppddpwlpnu] {
    background: #f3e8ff;
    color: #6b21a8;
}

.opr-progress[b-ppddpwlpnu] {
    background: #e5eaf0;
    border-radius: 999px;
    height: 5px;
    min-width: 80px;
    overflow: hidden;
}

    .opr-progress span[b-ppddpwlpnu] {
        background: linear-gradient(90deg, #1684c4, #20a478);
        display: block;
        height: 100%;
    }

.opr-state[b-ppddpwlpnu] {
    align-items: center;
    color: #64748b;
    display: flex;
    gap: .6rem;
    justify-content: center;
    min-height: 150px;
    padding: 1.25rem;
}

.opr-state--error[b-ppddpwlpnu] {
    color: #b42318;
}

.opr-state--denied[b-ppddpwlpnu] {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 10px;
    color: #9a3412;
    justify-content: flex-start;
    min-height: auto;
    margin-top: 1rem;
}

    .opr-state--denied i[b-ppddpwlpnu] {
        font-size: 1.5rem;
    }

    .opr-state--denied strong[b-ppddpwlpnu],
    .opr-state--denied span[b-ppddpwlpnu] {
        display: block;
    }

@media (max-width: 1200px) {
    .opr-kpis[b-ppddpwlpnu] {
        grid-template-columns: repeat(3, 1fr);
    }

    .opr-filter-grid[b-ppddpwlpnu] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 900px) {
    .opr-layout[b-ppddpwlpnu] {
        grid-template-columns: 1fr;
    }

    .opr-catalogue[b-ppddpwlpnu] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        position: static;
    }

        .opr-catalogue > header[b-ppddpwlpnu] {
            grid-column: 1 / -1;
        }
}

@media (max-width: 680px) {
    .opr-hero[b-ppddpwlpnu] {
        align-items: flex-start;
        flex-direction: column;
        gap: 1rem;
    }

    .opr-scope[b-ppddpwlpnu] {
        width: 100%;
    }

    .opr-kpis[b-ppddpwlpnu],
    .opr-filter-grid[b-ppddpwlpnu],
    .opr-catalogue[b-ppddpwlpnu] {
        grid-template-columns: 1fr;
    }

        .opr-catalogue > header[b-ppddpwlpnu] {
            grid-column: auto;
        }
}
/* /Components/Pages/TenantRolesPage.razor.rz.scp.css */
.tenant-roles-page[b-4ucnqri85n] {
    padding: 1rem;
}

.roles-heading-card[b-4ucnqri85n],
.roles-table-card[b-4ucnqri85n],
.role-card[b-4ucnqri85n] {
    background: #fff;
    border: 1px solid #dce5ec;
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(15, 35, 55, .06);
}

.roles-heading-card[b-4ucnqri85n],
.roles-table-heading[b-4ucnqri85n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.roles-heading-card[b-4ucnqri85n] {
    padding: 1.25rem;
    margin-bottom: 1rem;
}

.roles-heading-card h2[b-4ucnqri85n],
.roles-table-heading h3[b-4ucnqri85n] {
    margin: .15rem 0;
}

.roles-heading-card p[b-4ucnqri85n] {
    margin: 0;
    color: #607086;
}

.roles-eyebrow[b-4ucnqri85n] {
    color: #53708f;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
}

.role-catalogue[b-4ucnqri85n] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: .8rem;
    margin-bottom: 1rem;
}

.role-card[b-4ucnqri85n] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .8rem;
    padding: 1rem;
}

.role-card h3[b-4ucnqri85n] {
    margin: 0;
    font-size: 1rem;
}

.role-card p[b-4ucnqri85n] {
    margin: .45rem 0 0;
    color: #607086;
    font-size: .83rem;
}

.role-card > .badge[b-4ucnqri85n] {
    grid-column: 1 / -1;
    justify-self: start;
}

.role-card-icon[b-4ucnqri85n] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    color: #0d6efd;
    background: #eaf3ff;
}

.roles-table-card[b-4ucnqri85n] {
    overflow: hidden;
}

.roles-table-heading[b-4ucnqri85n] {
    padding: 1rem;
    border-bottom: 1px solid #e2e8ef;
}

.roles-table-card th[b-4ucnqri85n] {
    color: #40566f;
    background: #f6f9fb;
    font-size: .78rem;
    text-transform: uppercase;
}

.role-pill[b-4ucnqri85n] {
    display: inline-block;
    margin: .1rem .2rem .1rem 0;
    padding: .22rem .5rem;
    border-radius: 999px;
    color: #15588a;
    background: #e8f2fa;
    font-size: .75rem;
    font-weight: 700;
}

@media (max-width: 700px) {
    .roles-heading-card[b-4ucnqri85n],
    .roles-table-heading[b-4ucnqri85n] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/TenantUsersPage.razor.rz.scp.css */
.tenant-security-page[b-hevl74ytp4] {
    padding: 1rem;
}

.tenant-security-summary[b-hevl74ytp4],
.tenant-security-card[b-hevl74ytp4] {
    background: #fff;
    border: 1px solid #dce5ec;
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(15, 35, 55, .06);
}

.tenant-security-summary[b-hevl74ytp4] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 1.25rem;
    margin-bottom: 1rem;
}

.tenant-security-summary > div:first-child[b-hevl74ytp4] {
    flex: 1;
}

.tenant-security-summary h2[b-hevl74ytp4] {
    margin: .15rem 0;
}

.tenant-security-summary p[b-hevl74ytp4] {
    margin: 0;
    color: #607086;
}

.tenant-security-eyebrow[b-hevl74ytp4] {
    color: #53708f;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
}

.tenant-seat-card[b-hevl74ytp4] {
    min-width: 145px;
    padding: .75rem 1rem;
    border-radius: 10px;
    background: #eef6fb;
}

.tenant-seat-card span[b-hevl74ytp4] {
    display: block;
    color: #607086;
    font-size: .78rem;
}

.tenant-seat-card strong[b-hevl74ytp4] {
    font-size: 1.3rem;
}

.tenant-security-card[b-hevl74ytp4] {
    overflow: hidden;
}

.tenant-security-card th[b-hevl74ytp4] {
    background: #f6f9fb;
    color: #40566f;
    font-size: .78rem;
    text-transform: uppercase;
}

.tenant-role-pill[b-hevl74ytp4] {
    display: inline-block;
    margin: .1rem .2rem .1rem 0;
    padding: .22rem .5rem;
    border-radius: 999px;
    background: #e8f2fa;
    color: #15588a;
    font-size: .75rem;
    font-weight: 700;
}

.tenant-security-loading[b-hevl74ytp4] {
    display: grid;
    place-items: center;
    min-height: 280px;
}

@media (max-width: 768px) {
    .tenant-security-summary[b-hevl74ytp4] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages_Assessments/AssessmentAccs_ConsolidatedPage.razor.rz.scp.css */
section[b-3op4usb3um] {
    min-width: 0;
}
/* /Components/Pages_Assessments/AssessmentAccs_CreditorsPage.razor.rz.scp.css */
section[b-pg1xezmxji] {
    min-width: 0;
}
/* /Components/Pages_Assessments/AssessmentAccs_DebtorsPage.razor.rz.scp.css */
section[b-s2vp6s1h9a] {
    min-width: 0;
}
/* /Components/Pages_Assessments/AssessmentAccs_Page.razor.rz.scp.css */
.accounts-shell[b-i8icjrsbhq] {
    --accounts-ink: #263746;
    --accounts-muted: #667985;
    --accounts-line: #dfe7e8;
    --accounts-blue: #315e7d;
    --accounts-mint: #dff1ea;
    --assets-navy: #102a43;
    --assets-blue: #2563eb;
    --assets-border: #dbe5f0;
    --assets-surface: #ffffff;
    color: var(--accounts-ink);
    padding: 0;
}

.assets-tabs-shell[b-i8icjrsbhq] {
    margin-top: 0.65rem;
    overflow: hidden;
    border: 1px solid #b8c7d8;
    border-radius: 10px;
    background: var(--assets-surface);
    box-shadow: 0 7px 20px rgba(15, 42, 67, 0.08);
    transition: border-color 180ms ease, box-shadow 180ms ease;
}

.assets-tabs[b-i8icjrsbhq] {
    display: flex;
    align-items: flex-end;
    gap: 0.2rem;
    min-height: 42px;
    padding: 0.35rem 0.65rem 0;
    border-bottom: 1px solid #cbd5e1;
    background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
}

.assets-tab[b-i8icjrsbhq] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 34px;
    padding: 0.42rem 0.72rem 0.5rem;
    margin-bottom: -1px;
    border: 1px solid transparent;
    border-bottom: 2px solid transparent;
    border-radius: 6px 6px 0 0;
    color: #526174;
    font-size: 0.74rem;
    font-weight: 650;
    line-height: 1;
    background: transparent;
    cursor: pointer;
    transition:
        color 180ms ease,
        background-color 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease;
}

.assets-tab:hover[b-i8icjrsbhq] {
    color: #075fc9;
    border-color: #d4e1ef #d4e1ef #93b9e8;
    background: #f2f7fd;
    box-shadow: 0 -2px 8px rgba(15, 42, 67, 0.06);
}

.assets-tab.active[b-i8icjrsbhq] {
    color: var(--assets-blue);
    border-color: #b8c7d8 #b8c7d8 #fff;
    border-bottom-width: 2px;
    background: #fff;
    box-shadow: 0 -3px 10px rgba(37, 99, 235, 0.08);
}

.assets-tab.active[b-i8icjrsbhq]::after {
    position: absolute;
    right: 0.55rem;
    bottom: -2px;
    left: 0.55rem;
    height: 3px;
    border-radius: 3px 3px 0 0;
    background: var(--assets-blue);
    content: "";
}

.assets-tab i[b-i8icjrsbhq] {
    font-size: 0.78rem;
    transition: transform 180ms ease;
}

.assets-tab:hover i[b-i8icjrsbhq],
.assets-tab.active i[b-i8icjrsbhq] {
    transform: translateY(-1px);
}

.assets-tab-content[b-i8icjrsbhq] {
    min-height: 280px;
    padding: 0.7rem;
    border-top: 0;
    background: #fff;
    animation: assets-tab-arrival-b-i8icjrsbhq 220ms ease-out;
}

.accounts-state[b-i8icjrsbhq] {
    align-items: center;
    background: #fff;
    border: 1px solid var(--accounts-line);
    border-radius: .65rem;
    display: flex;
    gap: .6rem;
    justify-content: center;
    min-height: 10rem;
}

.accounts-shell[b-i8icjrsbhq]  .accounts-kpis {
    display: grid;
    gap: .65rem;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-bottom: .75rem;
}

.accounts-shell[b-i8icjrsbhq]  .accounts-kpi,
.accounts-shell[b-i8icjrsbhq]  .accounts-card {
    background: #fff;
    border: 1px solid var(--accounts-line);
    border-radius: .65rem;
    box-shadow: 0 2px 7px rgba(31, 51, 64, .04);
}

.accounts-shell[b-i8icjrsbhq]  .accounts-kpi {
    padding: .7rem .75rem;
}

.accounts-shell[b-i8icjrsbhq]  .accounts-kpi span {
    color: var(--accounts-muted);
    display: block;
    font-size: .63rem;
    font-weight: 700;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.accounts-shell[b-i8icjrsbhq]  .accounts-kpi strong {
    display: block;
    font-size: 1rem;
    margin-top: .12rem;
}

.accounts-shell[b-i8icjrsbhq]  .accounts-kpi small {
    color: var(--accounts-muted);
    font-size: .65rem;
}

.accounts-shell[b-i8icjrsbhq]  .accounts-grid {
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(250px, .8fr) minmax(0, 1.7fr);
    margin-bottom: .75rem;
}

.accounts-shell[b-i8icjrsbhq]  .accounts-card {
    overflow: hidden;
}

.accounts-shell[b-i8icjrsbhq]  .accounts-card-header {
    align-items: center;
    border-bottom: 1px solid var(--accounts-line);
    display: flex;
    justify-content: space-between;
    padding: .65rem .75rem;
}

.accounts-shell[b-i8icjrsbhq]  .accounts-card-header h2 {
    font-size: .82rem;
    font-weight: 800;
    margin: 0;
}

.accounts-shell[b-i8icjrsbhq]  .accounts-card-header span {
    color: var(--accounts-muted);
    font-size: .66rem;
}

.accounts-shell[b-i8icjrsbhq]  .accounts-card-body {
    padding: .7rem .75rem;
}

.accounts-shell[b-i8icjrsbhq]  .accounts-table-wrap {
    overflow-x: auto;
}

.accounts-shell[b-i8icjrsbhq]  .accounts-table {
    font-size: .7rem;
    margin: 0;
    min-width: 680px;
    width: 100%;
}

.accounts-shell[b-i8icjrsbhq]  .accounts-table th {
    background: #e0e5e5;
    color: #334750;
    font-weight: 800;
    padding: .45rem .5rem;
    white-space: nowrap;
}

.accounts-shell[b-i8icjrsbhq]  .accounts-table td {
    border-bottom: 1px solid #edf1f1;
    padding: .42rem .5rem;
    white-space: nowrap;
}

.accounts-shell[b-i8icjrsbhq]  .accounts-table .total-row td {
    background: #f4f7f7;
    border-top: 2px solid #aebcbc;
    font-weight: 800;
}

.accounts-shell[b-i8icjrsbhq]  .profile-row {
    display: grid;
    gap: .4rem;
    grid-template-columns: 70px 1fr 50px;
    margin-bottom: .55rem;
}

.accounts-shell[b-i8icjrsbhq]  .profile-row span,
.accounts-shell[b-i8icjrsbhq]  .profile-row strong {
    font-size: .69rem;
}

.accounts-shell[b-i8icjrsbhq]  .profile-track,
.accounts-shell[b-i8icjrsbhq]  .chart-track {
    background: #edf2f2;
    border-radius: 999px;
    overflow: hidden;
}

.accounts-shell[b-i8icjrsbhq]  .profile-fill {
    background: #63a68d;
    border-radius: inherit;
    height: .48rem;
}

.accounts-shell[b-i8icjrsbhq]  .monthly-chart {
    align-items: end;
    display: grid;
    gap: .45rem;
    grid-template-columns: repeat(12, minmax(28px, 1fr));
    height: 180px;
    padding-top: .5rem;
}

.accounts-shell[b-i8icjrsbhq]  .chart-month {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: .25rem;
    height: 100%;
    justify-content: flex-end;
}

.accounts-shell[b-i8icjrsbhq]  .chart-bars {
    align-items: end;
    display: flex;
    gap: 2px;
    height: 145px;
}

.accounts-shell[b-i8icjrsbhq]  .chart-bar {
    border-radius: 3px 3px 0 0;
    min-height: 2px;
    width: 7px;
}

.accounts-shell[b-i8icjrsbhq]  .chart-bar.primary {
    background: #42789a;
}

.accounts-shell[b-i8icjrsbhq]  .chart-bar.secondary {
    background: #72b397;
}

.accounts-shell[b-i8icjrsbhq]  .chart-bar.negative {
    background: #c77a72;
}

.accounts-shell[b-i8icjrsbhq]  .chart-label {
    color: var(--accounts-muted);
    font-size: .61rem;
}

.accounts-shell[b-i8icjrsbhq]  .chart-legend {
    display: flex;
    font-size: .65rem;
    gap: 1rem;
}

.accounts-shell[b-i8icjrsbhq]  .legend-dot {
    border-radius: 50%;
    display: inline-block;
    height: 7px;
    margin-right: .25rem;
    width: 7px;
}

.accounts-shell[b-i8icjrsbhq]  .legend-dot.primary {
    background: #42789a;
}

.accounts-shell[b-i8icjrsbhq]  .legend-dot.secondary {
    background: #72b397;
}

@media (max-width: 1100px) {
    .accounts-shell[b-i8icjrsbhq]  .accounts-kpis {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .accounts-shell[b-i8icjrsbhq]  .accounts-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .accounts-shell[b-i8icjrsbhq]  .accounts-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@keyframes assets-tab-arrival-b-i8icjrsbhq {
    from {
        opacity: 0;
        transform: translateY(5px);
    }

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

@media (max-width: 640px) {
    .assets-tabs[b-i8icjrsbhq] {
        overflow-x: auto;
        padding-right: 0.4rem;
        padding-left: 0.4rem;
    }

    .assets-tab[b-i8icjrsbhq] {
        flex: 0 0 auto;
    }
}

@media print {
    .assets-tabs-shell[b-i8icjrsbhq] {
        overflow: visible;
        border: 0;
        box-shadow: none;
    }

    .assets-tabs[b-i8icjrsbhq] {
        display: none !important;
    }

    .assets-tab-content[b-i8icjrsbhq] {
        min-height: 0;
        padding: 0;
    }
}
/* /Components/Pages_Assessments/AssessmentAssetDetailsPage.razor.rz.scp.css */
.aad-page[b-sutmru3ie0] {
    color: #26364d;
}

.aad-panel[b-sutmru3ie0] {
    margin-bottom: 0.85rem;
    padding: 0.9rem;
    border: 1px solid #dfe6ee;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(15, 23, 42, 0.04);
}

.aad-loading[b-sutmru3ie0] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-height: 220px;
    color: #65758a;
    font-size: 0.75rem;
}

.aad-session-warning[b-sutmru3ie0] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-top: 0.75rem;
    padding: 0.9rem;
    border: 1px solid #efd39f;
    border-radius: 8px;
    background: #fffbf2;
    color: #76551f;
}

.aad-session-warning > i[b-sutmru3ie0] {
    color: #ac741c;
    font-size: 1.1rem;
}

.aad-session-warning strong[b-sutmru3ie0],
.aad-session-warning span[b-sutmru3ie0] {
    display: block;
}

.aad-session-warning strong[b-sutmru3ie0] {
    font-size: 0.72rem;
}

.aad-session-warning span[b-sutmru3ie0] {
    margin-top: 0.12rem;
    color: #827052;
    font-size: 0.63rem;
}

.aad-section-heading[b-sutmru3ie0],
.aad-movement-toolbar[b-sutmru3ie0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.aad-section-heading h2[b-sutmru3ie0],
.aad-movement-toolbar h2[b-sutmru3ie0] {
    margin: 0.08rem 0 0;
    color: #172b4d;
    font-size: 0.95rem;
    font-weight: 750;
}

.aad-eyebrow[b-sutmru3ie0] {
    display: block;
    color: #738196;
    font-size: 0.62rem;
    font-weight: 750;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}

.aad-alert-count[b-sutmru3ie0],
.aad-chart-period[b-sutmru3ie0] {
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    background: #fff3df;
    color: #995d08;
    font-size: 0.62rem;
    font-weight: 700;
}

.aad-alert-heading-actions[b-sutmru3ie0] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.aad-alert-dismiss[b-sutmru3ie0] {
    display: inline-grid;
    width: 27px;
    height: 27px;
    padding: 0;
    place-items: center;
    border: 1px solid #d5dfe9;
    border-radius: 50%;
    color: #65758a;
    background: #fff;
    transition: color 160ms ease, border-color 160ms ease, background-color 160ms ease;
}

.aad-alert-dismiss:hover[b-sutmru3ie0] {
    border-color: #98abc0;
    color: #173f68;
    background: #edf4fa;
}

.aad-alert-grid[b-sutmru3ie0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
}

.aad-alert[b-sutmru3ie0] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.65rem;
    padding: 0.65rem;
    border: 1px solid;
    border-radius: 7px;
}

.aad-alert-warning[b-sutmru3ie0] {
    border-color: #efd39f;
    background: #fffbf2;
}

.aad-alert-danger[b-sutmru3ie0] {
    border-color: #efc0c5;
    background: #fff7f8;
}

.aad-alert-icon[b-sutmru3ie0] {
    display: grid;
    width: 29px;
    height: 29px;
    place-items: center;
    border-radius: 50%;
    background: #fff;
    color: #a26b16;
}

.aad-alert-danger .aad-alert-icon[b-sutmru3ie0] {
    color: #b63847;
}

.aad-alert strong[b-sutmru3ie0] {
    display: block;
    color: #293a50;
    font-size: 0.7rem;
}

.aad-alert p[b-sutmru3ie0] {
    margin: 0.1rem 0 0;
    color: #69788c;
    font-size: 0.63rem;
}

.aad-empty-alert[b-sutmru3ie0] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.65rem;
    border: 1px solid #c7e5d5;
    border-radius: 7px;
    background: #f4fbf7;
    color: #24734c;
    font-size: 0.68rem;
}

.aad-alert-toggle[b-sutmru3ie0] {
    display: block;
    margin: 0.55rem auto 0;
    border: 0;
    background: transparent;
    color: #426486;
    font-size: 0.62rem;
    font-weight: 650;
}

.aad-metrics-panel[b-sutmru3ie0] {
    padding: 0.7rem 0.9rem 0;
}

.aad-toolbar-actions[b-sutmru3ie0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.aad-data-toolbar[b-sutmru3ie0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.65rem;
}

.aad-print-actions[b-sutmru3ie0] {
    display: inline-flex;
    align-items: stretch;
    overflow: hidden;
    border: 1px solid #cdd8e3;
    border-radius: 6px;
    background: #fff;
}

.aad-print-actions > span[b-sutmru3ie0] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.3rem 0.5rem;
    background: #f1f5f8;
    color: #435a73;
    font-size: 0.59rem;
    font-weight: 700;
}

.aad-print-actions button[b-sutmru3ie0] {
    padding: 0.3rem 0.48rem;
    border: 0;
    border-left: 1px solid #dce3ea;
    background: #fff;
    color: #426381;
    font-size: 0.58rem;
    font-weight: 650;
    transition: background-color 0.18s ease, color 0.18s ease;
}

.aad-print-actions button:hover:not(:disabled)[b-sutmru3ie0] {
    background: #eaf2f8;
    color: #183f69;
}

.aad-print-actions button:disabled[b-sutmru3ie0] {
    cursor: wait;
    opacity: 0.6;
}

.aad-category-filter[b-sutmru3ie0] {
    width: 205px;
}

.aad-category-filter[b-sutmru3ie0]  select,
.aad-category-filter[b-sutmru3ie0]  .form-select,
.aad-category-filter[b-sutmru3ie0]  input {
    font-weight: 400 !important;
}

.aad-search[b-sutmru3ie0] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.27rem 0.55rem;
    border: 1px solid #d6dee8;
    border-radius: 6px;
    color: #7b899a;
}

.aad-search input[b-sutmru3ie0] {
    width: 160px;
    border: 0;
    outline: 0;
    color: #29384c;
    font-size: 0.69rem;
}

.aad-legend[b-sutmru3ie0] {
    display: flex;
    justify-content: flex-end;
    gap: 0.85rem;
    margin: -0.2rem 0 0.5rem;
    color: #748297;
    font-size: 0.58rem;
}

.aad-legend span[b-sutmru3ie0] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.aad-legend-swatch[b-sutmru3ie0] {
    width: 12px;
    height: 9px;
    border: 1px solid #d8e0e8;
    border-radius: 2px;
}

.aad-before-acquisition[b-sutmru3ie0] {
    background: #edf0f3;
}

.aad-active-period[b-sutmru3ie0] {
    background: #fff;
}

.aad-acquisition-key[b-sutmru3ie0] {
    display: inline-grid;
    width: 15px;
    height: 15px;
    place-items: center;
    border-radius: 50%;
    background: #1c8a55;
    color: #fff;
    font-size: 0.52rem;
}

.aad-table-frame[b-sutmru3ie0] {
    border: 1px solid #1a365d !important;
    border-radius: 8px;
}

.aad-movement-table[b-sutmru3ie0] {
    min-width: 1320px;
    table-layout: fixed;
}

.aad-movement-table thead th[b-sutmru3ie0] {
    padding: 0.55rem 0.35rem;
    border-bottom: 1px solid #c9d4df;
    background: #f2f5f8;
    color: #58677b;
    font-size: 0.6rem;
    font-weight: 750;
    letter-spacing: 0.035em;
    text-align: right;
    text-transform: uppercase;
}

.aad-movement-table thead .aad-asset-column[b-sutmru3ie0] {
    width: 225px;
    padding-left: 0.75rem;
    text-align: left;
}

.aad-sortable-column[b-sutmru3ie0] {
    cursor: pointer;
    user-select: none;
    transition: color 160ms ease, background-color 160ms ease;
}

.aad-sortable-column:hover[b-sutmru3ie0] {
    color: #173f68 !important;
    background: #e7eef5 !important;
}

.aad-sortable-column i[b-sutmru3ie0] {
    margin-left: 0.25rem;
    color: #2563eb;
}

.aad-month-column[b-sutmru3ie0] {
    width: 75px;
}

.aad-movement-table thead .aad-actions-column[b-sutmru3ie0] {
    width: 125px;
    text-align: center;
}

.aad-asset-summary-row[b-sutmru3ie0] {
    cursor: pointer;
}

.aad-asset-summary-row td[b-sutmru3ie0] {
    padding: 0.52rem 0.45rem;
    border-top: 1px solid #cbd6e1;
    border-bottom: 1px solid #d8e1ea;
    background: #f7fafc;
}

.aad-asset-summary-row:hover td[b-sutmru3ie0] {
    background: #f0f6fa;
}

.aad-collapse-button[b-sutmru3ie0] {
    width: 21px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #607085;
}

.aad-asset-avatar[b-sutmru3ie0] {
    display: inline-grid;
    width: 29px;
    height: 29px;
    margin-right: 0.35rem;
    place-items: center;
    border: 1px solid #cedae6;
    border-radius: 7px;
    background: #fff;
    color: #244a73;
}

.aad-asset-identity[b-sutmru3ie0] {
    display: inline-flex;
    max-width: 155px;
    flex-direction: column;
    vertical-align: middle;
}

.aad-asset-identity strong[b-sutmru3ie0],
.aad-asset-identity small[b-sutmru3ie0] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aad-asset-identity strong[b-sutmru3ie0] {
    color: #1c314d;
    font-size: 0.7rem;
}

.aad-asset-identity small[b-sutmru3ie0] {
    color: #7a8798;
    font-size: 0.55rem;
}

.aad-summary-label[b-sutmru3ie0] {
    color: #738196;
    font-size: 0.6rem;
}

.aad-summary-value[b-sutmru3ie0] {
    margin-left: 0.3rem;
    color: #183b62;
    font-family: "SFMono-Regular", Consolas, monospace;
    font-size: 0.7rem;
}

.aad-status-pill[b-sutmru3ie0] {
    margin-left: 0.45rem;
    padding: 0.12rem 0.38rem;
    border-radius: 999px;
    font-size: 0.54rem;
    font-weight: 700;
}

.aad-status-success[b-sutmru3ie0] {
    background: #ddf2e7;
    color: #197548;
}

.aad-status-warning[b-sutmru3ie0] {
    background: #fff0d5;
    color: #99600d;
}

.aad-status-danger[b-sutmru3ie0] {
    background: #fae2e5;
    color: #ad3342;
}

.aad-status-muted[b-sutmru3ie0] {
    background: #e7ebef;
    color: #647184;
}

.aad-actions-cell[b-sutmru3ie0] {
    white-space: nowrap;
    text-align: center;
}

.aad-record-navigation[b-sutmru3ie0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 0.6rem;
    padding: 0 0.15rem;
    color: #738196;
    font-size: 0.62rem;
}

.aad-record-navigation .btn[b-sutmru3ie0] {
    padding: 0.2rem 0.5rem;
    font-size: 0.6rem;
}

.aad-action-button[b-sutmru3ie0] {
    width: 27px;
    height: 26px;
    margin: 0 0.08rem;
    padding: 0;
    border: 1px solid;
    border-radius: 5px;
    background: #fff;
    font-size: 0.68rem;
}

.aad-view-button[b-sutmru3ie0] {
    border-color: #c5d8ea;
    color: #2d658f;
}

.aad-edit-button[b-sutmru3ie0] {
    border-color: #b9d3ea;
    color: #1765a3;
}

.aad-deactivate-button[b-sutmru3ie0] {
    border-color: #edc0c5;
    color: #b93645;
}

.aad-detail-row td[b-sutmru3ie0] {
    height: 37px;
    padding: 0.36rem 0.4rem;
    border-color: #edf0f3;
}

.aad-row-label[b-sutmru3ie0] {
    padding-left: 2.9rem !important;
    background: #fff;
}

.aad-row-label strong[b-sutmru3ie0] {
    display: block;
    color: #526176;
    font-size: 0.63rem;
}

.aad-row-label small[b-sutmru3ie0] {
    display: block;
    color: #98a3b1;
    font-size: 0.51rem;
}

.aad-month-value[b-sutmru3ie0] {
    position: relative;
    color: #536277;
    font-family: "SFMono-Regular", Consolas, monospace;
    font-size: 0.59rem;
    text-align: right;
}

.aad-month-value.aad-pre-acquisition[b-sutmru3ie0] {
    background: #edf0f3;
    color: #b0b8c1;
}

.aad-not-applicable[b-sutmru3ie0],
.aad-zero-value[b-sutmru3ie0] {
    color: #b0b8c2;
}

.aad-start-badge[b-sutmru3ie0] {
    position: absolute;
    top: 50%;
    right: 0.16rem;
    display: inline-grid;
    width: 16px;
    height: 16px;
    place-items: center;
    transform: translateY(-50%);
    border: 2px solid #fff;
    border-radius: 50%;
    background: #1d925a;
    color: #fff;
    box-shadow: 0 1px 3px rgba(16, 92, 54, 0.25);
    font-size: 0.52rem;
}

.aad-movement-positive[b-sutmru3ie0] {
    color: #18734a;
}

.aad-movement-negative[b-sutmru3ie0] {
    color: #b53b49;
}

.aad-depreciation-value[b-sutmru3ie0] {
    color: #8a682d;
}

.aad-movement-badge[b-sutmru3ie0] {
    display: inline-block;
    margin-top: 0.1rem;
    padding: 0.08rem 0.18rem;
    border-radius: 3px;
    font-family: inherit;
    font-size: 0.45rem;
    font-weight: 750;
}

.aad-movement-addition[b-sutmru3ie0] {
    background: #def2e8;
    color: #197649;
}

.aad-movement-disposal[b-sutmru3ie0] {
    background: #fae1e4;
    color: #aa3442;
}

.aad-movement-revaluation[b-sutmru3ie0] {
    background: #e6e8f8;
    color: #555c9b;
}

.aad-movement-transfer[b-sutmru3ie0] {
    background: #e2eef7;
    color: #386985;
}

.aad-closing-row td[b-sutmru3ie0] {
    border-top: 1px solid #bdcad8;
    border-bottom: 1px solid #cbd6e1;
    background: #edf4fa;
    color: #173e68;
    font-weight: 750;
}

.aad-closing-row td.aad-pre-acquisition[b-sutmru3ie0] {
    background: #e6eaee;
}

.aad-detail-actions-spacer[b-sutmru3ie0] {
    border-left: 1px solid #e0e6ed;
    background: #fbfcfd;
}

.aad-empty-state[b-sutmru3ie0] {
    padding: 2rem !important;
    color: #7d8998;
    text-align: center;
}

.aad-empty-state i[b-sutmru3ie0],
.aad-empty-state span[b-sutmru3ie0] {
    display: block;
}

.aad-empty-state i[b-sutmru3ie0] {
    margin-bottom: 0.35rem;
    font-size: 1.2rem;
}

.aad-empty-state span[b-sutmru3ie0] {
    font-size: 0.68rem;
}

.aad-footnote[b-sutmru3ie0] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    margin: 0.5rem 0 0;
    color: #7c8999;
    font-size: 0.58rem;
}

.aad-chart-period[b-sutmru3ie0] {
    background: #eef5fa;
    color: #3f6483;
}

.aad-chart-grid[b-sutmru3ie0] {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(300px, 0.8fr);
    gap: 0.7rem;
}

.aad-chart-card[b-sutmru3ie0] {
    min-width: 0;
    padding: 0.8rem;
    border: 1px solid #dfe6ed;
    border-radius: 8px;
    background: #fbfcfe;
    transition:
        transform 0.22s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.22s ease,
        box-shadow 0.22s ease;
}

.aad-chart-card:hover[b-sutmru3ie0] {
    transform: translateY(-2px);
    border-color: #1a365d;
    box-shadow:
        0 10px 22px rgba(20, 48, 79, 0.16),
        0 3px 7px rgba(11, 25, 44, 0.1);
}

.aad-trend-card[b-sutmru3ie0] {
    grid-row: span 2;
}

.aad-chart-card header[b-sutmru3ie0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
}

.aad-chart-card header span:first-child[b-sutmru3ie0] {
    display: block;
    color: #68778b;
    font-size: 0.63rem;
    font-weight: 700;
}

.aad-chart-card header strong[b-sutmru3ie0] {
    display: block;
    margin-top: 0.08rem;
    color: #1a3453;
    font-family: "SFMono-Regular", Consolas, monospace;
    font-size: 0.84rem;
}

.aad-chart-card header small[b-sutmru3ie0] {
    display: block;
    margin-top: 0.08rem;
    color: #8a96a5;
    font-size: 0.53rem;
}

.aad-chart-chip[b-sutmru3ie0] {
    padding: 0.16rem 0.38rem;
    border: 1px solid #d6e3ed;
    border-radius: 999px;
    background: #f0f6fa;
    color: #466984 !important;
    font-size: 0.52rem !important;
}

.aad-chart-canvas[b-sutmru3ie0] {
    position: relative;
    height: 190px;
    margin-top: 0.55rem;
}

.aad-chart-canvas-wide[b-sutmru3ie0] {
    height: 405px;
}

@media (max-width: 1050px) {
    .aad-chart-grid[b-sutmru3ie0] {
        grid-template-columns: 1fr;
    }

    .aad-trend-card[b-sutmru3ie0] {
        grid-row: auto;
    }

    .aad-chart-canvas-wide[b-sutmru3ie0] {
        height: 280px;
    }
}

@media (max-width: 760px) {
    .aad-alert-grid[b-sutmru3ie0] {
        grid-template-columns: 1fr;
    }

    .aad-section-heading[b-sutmru3ie0],
    .aad-movement-toolbar[b-sutmru3ie0] {
        align-items: flex-start;
        flex-direction: column;
    }

    .aad-toolbar-actions[b-sutmru3ie0] {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
    }

    .aad-data-toolbar[b-sutmru3ie0] {
        align-items: stretch;
        flex-direction: column;
    }

    .aad-data-toolbar > .btn[b-sutmru3ie0] {
        align-self: flex-start;
    }

    .aad-print-actions[b-sutmru3ie0] {
        align-self: flex-start;
    }

    .aad-category-filter[b-sutmru3ie0],
    .aad-search[b-sutmru3ie0],
    .aad-search input[b-sutmru3ie0] {
        width: 100%;
    }

    .aad-legend[b-sutmru3ie0] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}
/* /Components/Pages_Assessments/AssessmentAssetsPage.razor.rz.scp.css */
.assets-page[b-uzdrwumnvp] {
    --assets-navy: #102a43;
    --assets-blue: #2563eb;
    --assets-border: #dbe5f0;
    --assets-surface: #ffffff;
}

.assets-tabs-shell[b-uzdrwumnvp] {
    margin-top: 0.65rem;
    overflow: hidden;
    border: 1px solid #b8c7d8;
    border-radius: 10px;
    background: var(--assets-surface);
    box-shadow: 0 7px 20px rgba(15, 42, 67, 0.08);
    transition: border-color 180ms ease, box-shadow 180ms ease;
}

.assets-tabs[b-uzdrwumnvp] {
    display: flex;
    align-items: flex-end;
    gap: 0.2rem;
    min-height: 42px;
    padding: 0.35rem 0.65rem 0;
    border-bottom: 1px solid #cbd5e1;
    background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
}

.assets-tab[b-uzdrwumnvp] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 34px;
    padding: 0.42rem 0.72rem 0.5rem;
    margin-bottom: -1px;
    border: 1px solid transparent;
    border-bottom: 2px solid transparent;
    border-radius: 6px 6px 0 0;
    color: #526174;
    font-size: 0.74rem;
    font-weight: 650;
    line-height: 1;
    background: transparent;
    cursor: pointer;
    transition:
        color 180ms ease,
        background-color 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease;
}

.assets-tab:hover[b-uzdrwumnvp] {
    color: #075fc9;
    border-color: #d4e1ef #d4e1ef #93b9e8;
    background: #f2f7fd;
    box-shadow: 0 -2px 8px rgba(15, 42, 67, 0.06);
}

.assets-tab.active[b-uzdrwumnvp] {
    color: var(--assets-blue);
    border-color: #b8c7d8 #b8c7d8 #fff;
    border-bottom-width: 2px;
    background: #fff;
    box-shadow: 0 -3px 10px rgba(37, 99, 235, 0.08);
}

.assets-tab.active[b-uzdrwumnvp]::after {
    position: absolute;
    right: 0.55rem;
    bottom: -2px;
    left: 0.55rem;
    height: 3px;
    border-radius: 3px 3px 0 0;
    background: var(--assets-blue);
    content: "";
}

.assets-tab i[b-uzdrwumnvp] {
    font-size: 0.78rem;
    transition: transform 180ms ease;
}

.assets-tab:hover i[b-uzdrwumnvp],
.assets-tab.active i[b-uzdrwumnvp] {
    transform: translateY(-1px);
}

.assets-tab-content[b-uzdrwumnvp] {
    min-height: 280px;
    padding: 0.7rem;
    border-top: 0;
    background: #fff;
    animation: assets-tab-arrival-b-uzdrwumnvp 220ms ease-out;
}

.assets-context-warning[b-uzdrwumnvp] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 1rem;
    border: 1px solid #f5c86b;
    border-radius: 10px;
    color: #7c4a03;
    background: #fff9e8;
}

.assets-context-warning div[b-uzdrwumnvp] {
    display: flex;
    flex-direction: column;
}

@keyframes assets-tab-arrival-b-uzdrwumnvp {
    from {
        opacity: 0;
        transform: translateY(5px);
    }

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

@media (max-width: 640px) {
    .assets-tabs[b-uzdrwumnvp] {
        overflow-x: auto;
        padding-right: 0.4rem;
        padding-left: 0.4rem;
    }

    .assets-tab[b-uzdrwumnvp] {
        flex: 0 0 auto;
    }
}

@media print {
    .assets-tabs-shell[b-uzdrwumnvp] {
        overflow: visible;
        border: 0;
        box-shadow: none;
    }

    .assets-tabs[b-uzdrwumnvp] {
        display: none !important;
    }

    .assets-tab-content[b-uzdrwumnvp] {
        min-height: 0;
        padding: 0;
    }
}
/* /Components/Pages_Assessments/AssessmentAssetSummaryPage.razor.rz.scp.css */
.asset-summary-component[b-vvl8ntflft] {
    animation: summary-arrival-b-vvl8ntflft 220ms ease-out;
}

.asset-summary-alerts[b-vvl8ntflft] {
    margin: 0.25rem 0 0.75rem;
    padding: 0.75rem;
    border: 1px solid #d6e0eb;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(15, 23, 42, 0.04);
}

.asset-summary-alert-heading[b-vvl8ntflft] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.55rem;
}

.asset-summary-alert-heading h2[b-vvl8ntflft] {
    margin: 0.08rem 0 0;
    color: #172b4d;
    font-size: 0.9rem;
    font-weight: 750;
}

.asset-summary-eyebrow[b-vvl8ntflft] {
    color: #738196;
    font-size: 0.6rem;
    font-weight: 750;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}

.asset-summary-alert-dismiss[b-vvl8ntflft] {
    display: inline-grid;
    width: 28px;
    height: 28px;
    padding: 0;
    place-items: center;
    border: 1px solid #d5dfe9;
    border-radius: 50%;
    color: #65758a;
    background: #fff;
    transition: color 160ms ease, border-color 160ms ease, background-color 160ms ease;
}

.asset-summary-alert-dismiss:hover[b-vvl8ntflft] {
    border-color: #98abc0;
    color: #173f68;
    background: #edf4fa;
}

.asset-summary-alert-grid[b-vvl8ntflft] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
}

.asset-summary-alert[b-vvl8ntflft] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.55rem;
    padding: 0.6rem;
    border: 1px solid;
    border-radius: 7px;
}

.asset-summary-alert-danger[b-vvl8ntflft] {
    border-color: #efc0c5;
    background: #fff7f8;
}

.asset-summary-alert-warning[b-vvl8ntflft] {
    border-color: #efd39f;
    background: #fffbf2;
}

.asset-summary-alert-info[b-vvl8ntflft] {
    border-color: #bdd8ef;
    background: #f4f9fd;
}

.asset-summary-alert-success[b-vvl8ntflft] {
    border-color: #c7e5d5;
    background: #f4fbf7;
}

.asset-summary-alert-icon[b-vvl8ntflft] {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border-radius: 50%;
    color: #9b6718;
    background: #fff;
}

.asset-summary-alert-danger .asset-summary-alert-icon[b-vvl8ntflft] {
    color: #b63847;
}

.asset-summary-alert-info .asset-summary-alert-icon[b-vvl8ntflft] {
    color: #286b9d;
}

.asset-summary-alert-success .asset-summary-alert-icon[b-vvl8ntflft] {
    color: #24734c;
}

.asset-summary-alert strong[b-vvl8ntflft] {
    display: block;
    color: #293a50;
    font-size: 0.68rem;
}

.asset-summary-alert p[b-vvl8ntflft] {
    margin: 0.12rem 0 0;
    color: #69788c;
    font-size: 0.61rem;
    line-height: 1.35;
}

.asset-summary-kpis[b-vvl8ntflft] {
    border-bottom: 1px dotted #d7e1eb;
    border-radius: 12px;
}

.asset-summary-category-filter[b-vvl8ntflft] {
    width: 205px;
}

.asset-summary-category-filter[b-vvl8ntflft]  select,
.asset-summary-category-filter[b-vvl8ntflft]  .form-select,
.asset-summary-category-filter[b-vvl8ntflft]  input {
    font-weight: 400 !important;
}

.asset-summary-search[b-vvl8ntflft] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.27rem 0.55rem;
    border: 1px solid #d6dee8;
    border-radius: 6px;
    color: #7b899a;
    background: #fff;
}

.asset-summary-search input[b-vvl8ntflft] {
    width: 160px;
    border: 0;
    outline: 0;
    color: #29384c;
    font-size: 0.69rem;
    font-weight: 400;
}

.marble-border[b-vvl8ntflft] {
    overflow: hidden;
    border: 1px solid #1a365d;
    border-radius: 8px;
    background: linear-gradient(135deg, #fff 0%, #f8fafc 50%, #f1f5f9 100%);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05),
                0 8px 10px -6px rgba(0, 0, 0, 0.05);
}

.sortable-header[b-vvl8ntflft] {
    cursor: pointer;
    user-select: none;
    transition: background-color 180ms ease, color 180ms ease;
}

.sortable-header:hover[b-vvl8ntflft] {
    color: #0f172a !important;
    background-color: #e2e8f0 !important;
}

.grid-font-standard th[b-vvl8ntflft],
.grid-font-standard td[b-vvl8ntflft] {
    font-size: 0.75rem !important;
}

.grid-font-standard .text-xxs[b-vvl8ntflft],
.text-xxs[b-vvl8ntflft] {
    font-size: 0.68rem !important;
}

.asset-name-button[b-vvl8ntflft] {
    font-size: 0.75rem !important;
}

.asset-summary-actions-heading[b-vvl8ntflft] {
    width: 50px;
    color: #0f172a !important;
    background-color: #e2e8f0 !important;
}

.btn-action-operation[b-vvl8ntflft] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 24px;
    padding: 0;
    margin: 0 2px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 0.82rem;
    color: #0d6efd;
    background-color: #a0d6b4;
    cursor: pointer;
    transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.btn-action-operation:hover[b-vvl8ntflft] {
    border-color: #b6d4fe;
    background-color: #eaf2ff;
    transform: translateY(-1px);
}

.hover-light-blue[b-vvl8ntflft] {
    transition: background-color 160ms ease;
}

.hover-light-blue:hover[b-vvl8ntflft] {
    background-color: rgba(59, 130, 246, 0.05) !important;
}

.asset-summary-total-row[b-vvl8ntflft] {
    border-top: 2px solid #94a3b8;
    color: #0f172a;
    font-weight: 700;
    background-color: #cbd5e1;
}

@keyframes summary-arrival-b-vvl8ntflft {
    from {
        opacity: 0;
        transform: translateY(5px);
    }

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

@media (max-width: 900px) {
    .asset-summary-alert-grid[b-vvl8ntflft] {
        grid-template-columns: 1fr;
    }

    .asset-summary-category-filter[b-vvl8ntflft],
    .asset-summary-search[b-vvl8ntflft],
    .asset-summary-search input[b-vvl8ntflft] {
        width: 100%;
    }
}

@media print {
    .asset-summary-alert-dismiss[b-vvl8ntflft],
    .asset-summary-toolbar[b-vvl8ntflft],
    .asset-summary-actions-heading[b-vvl8ntflft],
    .asset-summary-actions-cell[b-vvl8ntflft],
    .asset-summary-pagination[b-vvl8ntflft] {
        display: none !important;
    }

    .asset-summary-alerts[b-vvl8ntflft],
    .asset-summary-kpis[b-vvl8ntflft] {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .asset-summary-table-frame[b-vvl8ntflft] {
        overflow: visible !important;
        box-shadow: none !important;
    }
}
/* /Components/Pages_Assessments/AssessmentAssumptionsReportPage.razor.rz.scp.css */
.aar-page[b-awpubhofq4]{max-width:1100px;margin:auto;padding:1rem;color:#29475d;font-size:.72rem}.aar-toolbar[b-awpubhofq4]{display:flex;justify-content:space-between;align-items:center;padding:.7rem;border-radius:.5rem;background:#173d59;color:#fff}.aar-toolbar div[b-awpubhofq4]{display:grid}.aar-toolbar span[b-awpubhofq4]{color:#b9d9df;font-size:.58rem}.aar-toolbar button[b-awpubhofq4]{padding:.4rem .65rem;border:1px solid #62cbb8;border-radius:.4rem;background:#2ba88f;color:#fff;font-size:.62rem;font-weight:800}.aar-cover[b-awpubhofq4]{padding:1.5rem 0}.aar-cover h1[b-awpubhofq4]{margin:0;color:#173d59}.aar-page section[b-awpubhofq4]{margin-bottom:1rem}.aar-page h2[b-awpubhofq4]{padding-bottom:.3rem;border-bottom:2px solid #8bd3c7;color:#176b63;font-size:.9rem}.aar-grid[b-awpubhofq4]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.aar-metric[b-awpubhofq4]{display:grid;padding:.55rem;border:1px solid #d8e3ec;border-radius:.4rem;background:#f8fafc}.aar-metric span[b-awpubhofq4]{color:#718294;font-size:.56rem}.aar-metric strong[b-awpubhofq4]{color:#173d59}.aar-page table[b-awpubhofq4]{width:100%;border-collapse:collapse}.aar-page th[b-awpubhofq4],.aar-page td[b-awpubhofq4]{padding:.42rem;border:1px solid #d8e3ec}.aar-page th[b-awpubhofq4]{background:#173d59;color:#fff}.aar-page>footer[b-awpubhofq4]{padding-top:.6rem;border-top:1px solid #d8e3ec;color:#718294}.aar-state[b-awpubhofq4]{padding:2rem;text-align:center}@media(max-width:700px){.aar-grid[b-awpubhofq4]{grid-template-columns:1fr}}@media print{.aar-toolbar[b-awpubhofq4]{background:#fff;color:#173d59}.aar-toolbar button[b-awpubhofq4]{display:none}.aar-page[b-awpubhofq4]{max-width:none;padding:0}@page{size:A4 landscape;margin:10mm}}
/* /Components/Pages_Assessments/AssessmentBalanceSheetPage.razor.rz.scp.css */
.abs-page[b-2fd0en2zkt] {
    display: grid;
    gap: 0.85rem;
}

.abs-print-toolbar[b-2fd0en2zkt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.5rem 0.65rem;
    border: 1px solid #dbe5ee;
    border-radius: 0.55rem;
    background: #f8fafc;
}

.abs-print-toolbar > div[b-2fd0en2zkt] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    color: #40566d;
    font-size: 0.7rem;
    font-weight: 750;
}

.abs-print-toolbar > div i[b-2fd0en2zkt] {
    color: #2563eb;
}

.abs-metrics[b-2fd0en2zkt] {
    padding: 0.15rem;
}

.abs-state[b-2fd0en2zkt],
.abs-error[b-2fd0en2zkt] {
    display: flex;
    min-height: 7rem;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    border: 1px solid #dce5ed;
    border-radius: 0.65rem;
    background: #fff;
    color: #64748b;
    font-size: 0.72rem;
}

.abs-error[b-2fd0en2zkt] {
    border-color: #fecaca;
    background: #fff7f7;
    color: #b91c1c;
}

.abs-alert-panel[b-2fd0en2zkt] {
    overflow: hidden;
    border: 1px solid #d8e1e9;
    border-radius: 0.7rem;
    background: #fff;
}

.abs-alert-panel > header[b-2fd0en2zkt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.7rem 0.85rem;
    border-bottom: 1px solid #e8eef3;
    background: #fbfcfd;
}

.abs-alert-panel header span:first-child[b-2fd0en2zkt] {
    display: block;
    color: #7b8794;
    font-size: 0.57rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.abs-alert-panel h2[b-2fd0en2zkt] {
    margin: 0.1rem 0 0;
    color: #19324d;
    font-size: 0.84rem;
}

.abs-alert-actions[b-2fd0en2zkt] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.abs-alert-count[b-2fd0en2zkt] {
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    background: #fff3df;
    color: #995d08 !important;
    font-size: 0.61rem !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.abs-dismiss[b-2fd0en2zkt] {
    display: inline-grid;
    width: 1.75rem;
    height: 1.75rem;
    padding: 0;
    place-items: center;
    border: 1px solid #d5dfe9;
    border-radius: 50%;
    background: #fff;
    color: #65758a;
}

.abs-alert-summary[b-2fd0en2zkt] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.75rem 0.9rem;
    color: #526477;
    font-size: 0.7rem;
}

.abs-alert-grid[b-2fd0en2zkt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
    padding: 0.75rem;
}

.abs-alert[b-2fd0en2zkt] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.65rem;
    padding: 0.7rem;
    border: 1px solid;
    border-radius: 0.55rem;
}

.abs-alert > i[b-2fd0en2zkt] {
    margin-top: 0.1rem;
}

.abs-alert-critical[b-2fd0en2zkt] {
    border-color: #f3b3b0;
    background: #fff5f4;
    color: #b42318;
}

.abs-alert-warning[b-2fd0en2zkt] {
    border-color: #f0d296;
    background: #fffaed;
    color: #9a5b00;
}

.abs-alert-healthy[b-2fd0en2zkt] {
    border-color: #a9d7c3;
    background: #f0faf5;
    color: #13795b;
}

.abs-alert strong[b-2fd0en2zkt] {
    color: #23364b;
    font-size: 0.7rem;
}

.abs-alert p[b-2fd0en2zkt] {
    margin: 0.16rem 0;
    color: #59697a;
    font-size: 0.64rem;
}

.abs-alert small[b-2fd0en2zkt] {
    color: #40566d;
    font-size: 0.6rem;
    font-weight: 650;
}

.abs-alert-toggle[b-2fd0en2zkt] {
    width: 100%;
    padding: 0.46rem;
    border: 0;
    border-top: 1px solid #e8eef3;
    background: #f8fafc;
    color: #315b77;
    font-size: 0.64rem;
    font-weight: 800;
}

@media (max-width: 800px) {
    .abs-alert-grid[b-2fd0en2zkt] {
        grid-template-columns: 1fr;
    }
}

@media print {
    .abs-print-toolbar[b-2fd0en2zkt],
    .abs-dismiss[b-2fd0en2zkt],
    .abs-alert-toggle[b-2fd0en2zkt] {
        display: none !important;
    }

    .abs-page[b-2fd0en2zkt] {
        display: block !important;
    }

    .abs-metrics[b-2fd0en2zkt],
    .abs-alert-panel[b-2fd0en2zkt] {
        margin-bottom: 5mm;
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .abs-alert-panel[b-2fd0en2zkt],
    .abs-alert[b-2fd0en2zkt] {
        box-shadow: none !important;
    }

    .abs-alert-grid[b-2fd0en2zkt] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 2mm;
        padding: 2.5mm;
    }

    .abs-alert[b-2fd0en2zkt] {
        padding: 2mm;
    }
}
/* /Components/Pages_Assessments/AssessmentBudgetingPage.razor.rz.scp.css */
.budget-workspace[b-sy6uw997ae] {
    color: #172033;
}

.budget-eyebrow[b-sy6uw997ae] {
    color: #317678;
    display: block;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.budget-state-card[b-sy6uw997ae],
.budget-empty[b-sy6uw997ae],
.budget-hero[b-sy6uw997ae],
.budget-alerts[b-sy6uw997ae],
.budget-editor[b-sy6uw997ae] {
    background: #fff;
    border: 1px solid #dce6e7;
    border-radius: .65rem;
    box-shadow: 0 3px 14px rgba(31, 62, 70, .06);
    margin-top: .75rem;
}

.budget-state-card[b-sy6uw997ae] {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: center;
    min-height: 10rem;
    padding: 2rem;
}

.budget-state-error[b-sy6uw997ae] {
    color: #a12626;
}

.budget-state-error div[b-sy6uw997ae] {
    display: grid;
    flex: 1;
}

.budget-empty[b-sy6uw997ae] {
    align-items: start;
    display: grid;
    gap: 1.25rem;
    grid-template-columns: auto minmax(0, 1fr) minmax(18rem, 28rem);
    padding: 2rem;
}

.budget-empty-icon[b-sy6uw997ae] {
    align-items: center;
    background: #e9f5f2;
    border-radius: 50%;
    color: #28746c;
    display: flex;
    font-size: 1.75rem;
    height: 4rem;
    justify-content: center;
    width: 4rem;
}

.budget-empty h1[b-sy6uw997ae],
.budget-hero h1[b-sy6uw997ae] {
    color: #102c46;
    font-size: 1.35rem;
    font-weight: 800;
    margin: .25rem 0;
}

.budget-empty p[b-sy6uw997ae],
.budget-hero p[b-sy6uw997ae] {
    color: #64748b;
    font-size: .83rem;
    margin: 0;
    max-width: 52rem;
}

.budget-create-form[b-sy6uw997ae] {
    display: grid;
    gap: .75rem;
}

.budget-create-form label[b-sy6uw997ae],
.budget-name-row label[b-sy6uw997ae] {
    color: #425466;
    font-size: .72rem;
    font-weight: 700;
}

.budget-create-form label span[b-sy6uw997ae] {
    color: #8897a6;
    font-weight: 400;
}

.budget-readonly-message[b-sy6uw997ae] {
    background: #f5f7f9;
    border-radius: .5rem;
    color: #576574;
    font-size: .8rem;
    padding: 1rem;
}

.budget-hero[b-sy6uw997ae] {
    align-items: center;
    background: linear-gradient(120deg, #fff 0%, #f3faf8 100%);
    display: flex;
    justify-content: space-between;
    padding: 1.1rem 1.25rem;
}

.budget-actions[b-sy6uw997ae] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
}

.budget-kpis[b-sy6uw997ae] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: .75rem;
}

.budget-kpis article[b-sy6uw997ae] {
    background: #fff;
    border: 1px solid #dce6e7;
    border-radius: .6rem;
    box-shadow: 0 2px 9px rgba(31, 62, 70, .05);
    display: grid;
    gap: .2rem;
    padding: .85rem 1rem;
}

.budget-kpis span[b-sy6uw997ae] {
    color: #637589;
    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
}

.budget-kpis strong[b-sy6uw997ae] {
    color: #102c46;
    font-size: 1.25rem;
}

.budget-kpis small[b-sy6uw997ae] {
    color: #778899;
    font-size: .67rem;
}

.budget-alerts[b-sy6uw997ae] {
    padding: 1rem;
}

.budget-alerts > header[b-sy6uw997ae],
.budget-editor-toolbar[b-sy6uw997ae] {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.budget-alerts h2[b-sy6uw997ae],
.budget-editor h2[b-sy6uw997ae] {
    color: #18354d;
    font-size: .95rem;
    font-weight: 800;
    margin: .1rem 0 0;
}

.budget-alert-list[b-sy6uw997ae] {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    margin-top: .75rem;
}

.budget-alert[b-sy6uw997ae] {
    align-items: start;
    border-left: 3px solid;
    border-radius: .35rem;
    display: flex;
    gap: .6rem;
    padding: .65rem .75rem;
}

.budget-alert div[b-sy6uw997ae] {
    display: grid;
}

.budget-alert strong[b-sy6uw997ae] {
    font-size: .74rem;
}

.budget-alert span[b-sy6uw997ae] {
    font-size: .69rem;
}

.budget-alert-critical[b-sy6uw997ae] {
    background: #fff1f1;
    border-color: #c93b3b;
    color: #8e2020;
}

.budget-alert-warning[b-sy6uw997ae] {
    background: #fff8e7;
    border-color: #d59a16;
    color: #7a5911;
}

.budget-alert-information[b-sy6uw997ae] {
    background: #edf8f5;
    border-color: #3c927f;
    color: #24685a;
}

.budget-editor[b-sy6uw997ae] {
    overflow: hidden;
}

.budget-editor-toolbar[b-sy6uw997ae] {
    padding: 1rem;
}

.budget-name-row[b-sy6uw997ae] {
    background: #f7fafb;
    border-bottom: 1px solid #dce6e7;
    border-top: 1px solid #dce6e7;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(15rem, .7fr) minmax(18rem, 1.3fr);
    padding: .75rem 1rem;
}

.budget-table-frame[b-sy6uw997ae] {
    max-height: 62vh;
}

.budget-table[b-sy6uw997ae] {
    font-size: .68rem;
    min-width: 1380px;
}

.budget-table thead[b-sy6uw997ae] {
    position: sticky;
    top: 0;
    z-index: 4;
}

.budget-table th[b-sy6uw997ae] {
    background: #152f48;
    color: #fff;
    min-width: 6.5rem;
    padding: .55rem .35rem;
    text-align: right;
    vertical-align: bottom;
}

.budget-table th span[b-sy6uw997ae],
.budget-table th small[b-sy6uw997ae] {
    display: block;
}

.budget-table th small[b-sy6uw997ae] {
    color: #b9cedb;
    font-size: .58rem;
    font-weight: 400;
}

.budget-table td[b-sy6uw997ae] {
    border-color: #e7edef;
    padding: .35rem;
    text-align: right;
    vertical-align: middle;
}

.budget-table .budget-line-column[b-sy6uw997ae] {
    left: 0;
    min-width: 13rem;
    position: sticky;
    text-align: left;
    z-index: 2;
}

.budget-table td.budget-line-column[b-sy6uw997ae] {
    background: #fff;
}

.budget-line-column strong[b-sy6uw997ae],
.budget-line-column small[b-sy6uw997ae] {
    display: block;
}

.budget-line-column small[b-sy6uw997ae] {
    color: #789;
    font-size: .58rem;
    font-weight: 400;
}

.budget-table input[b-sy6uw997ae] {
    background: #fff;
    border: 1px solid transparent;
    border-radius: .25rem;
    color: #213d50;
    font-family: Consolas, monospace;
    font-size: .67rem;
    padding: .25rem .3rem;
    text-align: right;
    width: 100%;
}

.budget-table input:hover[b-sy6uw997ae],
.budget-table input:focus[b-sy6uw997ae] {
    border-color: #65a9aa;
    box-shadow: 0 0 0 2px rgba(101, 169, 170, .13);
    outline: 0;
}

.budget-section-row td[b-sy6uw997ae] {
    background: #eaf1f3 !important;
    color: #284c60;
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .08em;
    padding: .45rem .65rem;
    position: static;
    text-align: left;
    text-transform: uppercase;
}

.budget-calculated-row td[b-sy6uw997ae] {
    background: #f5f8fa;
    color: #173b55;
    font-family: Consolas, monospace;
    font-weight: 700;
}

.budget-calculated-row td.budget-line-column[b-sy6uw997ae] {
    background: #f5f8fa;
    font-family: inherit;
}

.budget-total-column[b-sy6uw997ae] {
    background: #e4eaed !important;
    color: #102f4a;
    font-family: Consolas, monospace;
    font-weight: 800;
    min-width: 7.5rem !important;
}

.budget-total-column small[b-sy6uw997ae] {
    display: block;
    font-size: .55rem;
    font-weight: 400;
}

.budget-editor footer[b-sy6uw997ae] {
    align-items: center;
    color: #6d7d8d;
    display: flex;
    font-size: .65rem;
    justify-content: space-between;
    padding: .65rem 1rem;
}

.budget-negative[b-sy6uw997ae] {
    color: #bd3232 !important;
}

.budget-positive[b-sy6uw997ae] {
    color: #24765f !important;
}

@media (max-width: 992px) {
    .budget-empty[b-sy6uw997ae] {
        grid-template-columns: auto 1fr;
    }

    .budget-create-form[b-sy6uw997ae] {
        grid-column: 1 / -1;
    }

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

@media (max-width: 640px) {
    .budget-hero[b-sy6uw997ae],
    .budget-alerts > header[b-sy6uw997ae],
    .budget-editor-toolbar[b-sy6uw997ae],
    .budget-editor footer[b-sy6uw997ae] {
        align-items: stretch;
        flex-direction: column;
        gap: .75rem;
    }

    .budget-kpis[b-sy6uw997ae],
    .budget-name-row[b-sy6uw997ae] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages_Assessments/AssessmentExpensesPage.razor.rz.scp.css */
/* Core Layout Matrix Specifications */
.matrix-grid-table[b-u443iyheb4] {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    font-size: 0.76rem;
}

    .matrix-grid-table th[b-u443iyheb4] {
        padding: 6px 4px;
        background-color: #f8fafc;
        border-bottom: 2px solid #cbdde0 !important;
        font-weight: 700;
    }

    .matrix-grid-table td[b-u443iyheb4] {
        padding: 5px 4px;
        border-bottom: 1px solid #e2e8f0;
    }

    /* Hard Pin Navigation Elements Locking Rules */
    .matrix-grid-table .sticky-col[b-u443iyheb4] {
        position: sticky;
        z-index: 3;
        background-color: #ffffff;
        border-right: 2px solid #cbdde0 !important;
    }

    .matrix-grid-table th.sticky-col[b-u443iyheb4] {
        z-index: 5;
        background-color: #f1f5f9;
    }

    .matrix-grid-table .sticky-action-header[b-u443iyheb4] {
        position: sticky;
        z-index: 5;
        background-color: #f1f5f9;
        border-left: 1px solid #cbdde0 !important;
    }

    .matrix-grid-table .sticky-action-cell[b-u443iyheb4] {
        position: sticky;
        z-index: 3;
        background-color: #ffffff;
        border-left: 1px solid #cbdde0 !important;
    }

.line-action-btn[b-u443iyheb4] {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.row-title-wrapper[b-u443iyheb4] {
    gap: 2px !important;
}

.custom-vat-tag[b-u443iyheb4] {
    font-size: 0.58rem !important;
    padding: 1px 3px !important;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.3px;
}

.large-matrix-checkbox[b-u443iyheb4] {
    transform: scale(1.3);
    margin: 0;
    cursor: pointer;
    vertical-align: middle;
}

/* Conditional Matrix Highlights */
.vat-inclusive-row td[b-u443iyheb4] {
    background-color: #f4fbf7 !important;
}

    .vat-inclusive-row td.sticky-col[b-u443iyheb4] {
        background-color: #f4fbf7 !important;
    }

    .vat-inclusive-row td.sticky-action-cell[b-u443iyheb4] {
        background-color: #f4fbf7 !important;
    }

.bg-light-yield-row td[b-u443iyheb4] {
    background-color: #fafbfc !important;
}

.bg-light-yield-cell[b-u443iyheb4] {
    color: #475569 !important;
    font-weight: 500;
}

.italic-cell[b-u443iyheb4] {
    font-style: italic;
}

.bg-light-totals[b-u443iyheb4] {
    background-color: #f1f5f9 !important;
}

.bg-light-totals-cell[b-u443iyheb4] {
    background-color: #f8fafc !important;
}

/* (2) Clean Minimalist Text Identity Override */
.text-marble-light[b-u443iyheb4] {
    color: #1a365d !important;
}

/* Cashflow Specific Table Styling */
.summary-cashflow-table th[b-u443iyheb4] {
    background-color: #f1f5f9 !important;
    border-bottom: 1px solid #1a365d !important;
    color: #0f172a !important;
}

.summary-cashflow-table tr:hover td[b-u443iyheb4] {
    background-color: rgba(30, 41, 59, 0.02) !important;
}

.bg-navy-light-summary[b-u443iyheb4] {
    background-color: #f0f4f8 !important;
    font-weight: 700;
}

.cashflow-profit-row td[b-u443iyheb4] {
    background-color: #f8fafc !important;
    border-top: 2px solid #1a365d !important;
    border-bottom: 2px double #1a365d !important;
    font-size: 0.78rem !important;
}

.uppercase[b-u443iyheb4] {
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.text-xxs[b-u443iyheb4] {
    font-size: 0.65rem;
}

.btn-navy[b-u443iyheb4] {
    background-color: #1a365d;
}

    .btn-navy:hover[b-u443iyheb4] {
        background-color: #112544;
    }

.btn-action-operation[b-u443iyheb4] {
    width: 26px; /* Down from 32px */
    height: 24px; /* Down from 32px to clear the cell height restriction */
    padding: 0;
    font-size: 0.82rem; /* Crisp, readable scale for the vector glyph icons */
    border: 1px solid transparent;
    border-radius: 4px; /* Proportionally tighter corner radiuses */
    display: inline-inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    /*background-color: transparent;*/
    background-color: #A0D6B4;
    margin: 0 2px;
}

.btn-edit-accent[b-u443iyheb4] {
    color: #0d6efd;
}

    .btn-edit-accent:hover:not(:disabled)[b-u443iyheb4] {
        background-color: #eaf2ff;
        border-color: #b6d4fe;
    }

.btn-delete-accent[b-u443iyheb4] {
    color: #dc3545;
}

    .btn-delete-accent:hover:not(:disabled)[b-u443iyheb4] {
        background-color: #fdf2f4;
        border-color: #f8d7da;
    }

.btn-action-operation:disabled[b-u443iyheb4] {
    color: #adb5bd;
    cursor: not-allowed;
    opacity: 0.6;
}

.input-row-hover:hover[b-u443iyheb4] {
    background-color: #f8fafc;
}

.cursor-pointer[b-u443iyheb4] {
    cursor: pointer;
}

.animate-fade[b-u443iyheb4] {
    animation: fadeIn-b-u443iyheb4 0.2s ease-in-out;
}

.axd-table-frame[b-u443iyheb4] {
    border: 1px solid #1a365d !important;
    border-radius: 8px;
}

.grid-font-standard th[b-u443iyheb4],
.grid-font-standard td[b-u443iyheb4] {
    font-size: 0.75rem !important;
}

.grid-font-standard .text-xxs[b-u443iyheb4] {
    font-size: 0.68rem !important;
}

.header-totals-navy[b-u443iyheb4] {
    background-color: #0B192C !important;
    color: #ffffff !important;
}

.row-shaded-dark[b-u443iyheb4] {
    background-color: #f1f3f5 !important;
}

    .row-shaded-dark:hover[b-u443iyheb4] {
        background-color: #e9ecef !important;
    }

.clickable-disabled-override[b-u443iyheb4] {
    opacity: 0.85;
    cursor: not-allowed;
}

.expenses-page-toolbar[b-u443iyheb4] {
    margin-right: 0;
    margin-left: 0;
}

.expenses-toolbar-primary[b-u443iyheb4],
.expenses-toolbar-actions[b-u443iyheb4] {
    min-width: 0;
}

.expenses-toolbar-primary .btn[b-u443iyheb4] {
    white-space: nowrap;
}

.expenses-toolbar-actions[b-u443iyheb4] {
    flex-wrap: nowrap;
}

.expenses-toolbar-actions .assessment-page-filter[b-u443iyheb4],
.expenses-toolbar-actions .assessment-page-search[b-u443iyheb4] {
    flex: 0 0 auto;
}

.expenses-toolbar-actions[b-u443iyheb4]  .assessment-print-button {
    flex: 0 0 auto;
    white-space: nowrap;
}

@media (max-width: 1199.98px) {
    .expenses-toolbar-primary[b-u443iyheb4],
    .expenses-toolbar-actions[b-u443iyheb4] {
        justify-content: flex-start !important;
    }
}

@media (max-width: 767.98px) {
    .expenses-toolbar-primary[b-u443iyheb4],
    .expenses-toolbar-actions[b-u443iyheb4] {
        align-items: stretch !important;
        flex-direction: column;
    }

    .expenses-toolbar-actions .assessment-page-filter[b-u443iyheb4],
    .expenses-toolbar-actions .assessment-page-search[b-u443iyheb4] {
        width: 100%;
    }
}



@keyframes fadeIn-b-u443iyheb4 {
    from {
        opacity: 0;
        transform: scale(0.9);
    }

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

.fade-staged-panel[b-u443iyheb4] {
    opacity: 0;
    transform: translateY(12px);
    animation: cubicBezierPanelArrival-b-u443iyheb4 0.55s cubic-bezier(0.215, 0.610, 0.355, 1) forwards;
}

.delay-tier-1[b-u443iyheb4] {
    animation-delay: 0.12s;
}

.delay-tier-2[b-u443iyheb4] {
    animation-delay: 0.24s;
}

.delay-tier-3[b-u443iyheb4] {
    animation-delay: 0.36s;
}

@keyframes cubicBezierPanelArrival-b-u443iyheb4 {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* Add to your existing stylesheet */
.header-totals-navy[b-u443iyheb4] {
    background-color: #0B192C !important;
    color: #ffffff !important;
}

.matrix-grid-table[b-u443iyheb4] {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    font-size: 0.75rem !important;
}

.bg-navy-light-summary[b-u443iyheb4] {
    background-color: #f0f4f8 !important;
    font-weight: 700;
}

/* Custom Professional Marble-Look Table Border */
.marble-border[b-u443iyheb4] {
    border: 1px solid #1a365d;
    /*border: 2px solid #cbd5e1;*/
    border-radius: 8px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 50%, #f1f5f9 100%);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
}

/* Sortable Table Headers */
.sortable-header[b-u443iyheb4] {
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

    .sortable-header:hover[b-u443iyheb4] {
        background-color: #e2e8f0 !important;
        color: #0f172a !important;
    }

/* Core Layout Matrix Specifications */
.matrix-grid-table[b-u443iyheb4] {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    font-size: 0.76rem;
}

    .matrix-grid-table th[b-u443iyheb4] {
        padding: 6px 4px;
        background-color: #f8fafc;
        border-bottom: 2px solid #cbdde0 !important;
        font-weight: 700;
    }

    .matrix-grid-table td[b-u443iyheb4] {
        padding: 5px 4px;
        border-bottom: 1px solid #e2e8f0;
    }

    .matrix-grid-table .sticky-col[b-u443iyheb4] {
        position: sticky;
        z-index: 3;
        background-color: #ffffff;
        border-right: 2px solid #cbdde0 !important;
    }

    .matrix-grid-table th.sticky-col[b-u443iyheb4] {
        z-index: 5;
        background-color: #f1f5f9;
    }

.btn-action-operation[b-u443iyheb4] {
    width: 26px;
    height: 24px;
    padding: 0;
    font-size: 0.82rem;
    border: 1px solid transparent;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: #A0D6B4;
    margin: 0 2px;
}

.btn-edit-accent[b-u443iyheb4] {
    color: #0d6efd;
}

    .btn-edit-accent:hover:not(:disabled)[b-u443iyheb4] {
        background-color: #eaf2ff;
        border-color: #b6d4fe;
    }

.hover-light-blue:hover[b-u443iyheb4] {
    background-color: rgba(59, 130, 246, 0.05) !important;
}

.grid-font-standard th[b-u443iyheb4],
.grid-font-standard td[b-u443iyheb4] {
    font-size: 0.75rem !important;
}

.grid-font-standard .text-xxs[b-u443iyheb4] {
    font-size: 0.68rem !important;
}
/* /Components/Pages_Assessments/AssessmentLoanRepaymentsPage.razor.rz.scp.css */
/* =========================================================
   LAYOUT OVERRIDES (FIXES THE COVERS/TOP-BAR BUG)
========================================================= */

/* Safely drop the top-bar's stacking context below modal overlays */
.fa-top-bar[b-1xudboztrf] {
    z-index: 1030 !important;
}

    /* Ensure dropdowns inside the top bar still render correctly */
    .fa-top-bar .dropdown-container[b-1xudboztrf] {
        z-index: 1031 !important;
    }


/* =========================================================
   CORE CONFIGURATION BACKPLANE
========================================================= */

.offcanvas[b-1xudboztrf] {
    position: fixed;
    bottom: 0;
    /* Elevated to modal-level height to clear layout headers */
    z-index: 2050 !important;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    background-color: #fff;
    background-clip: padding-box;
    border-left: 1px solid rgba(0,0,0,.2);
    transition: transform .3s ease-in-out;
    top: 0;
    right: 0;
    transform: translateX(100%);
    box-shadow: -5px 0 25px rgba(0,0,0,0.15);
}

    .offcanvas.show[b-1xudboztrf] {
        transform: none;
    }

.offcanvas-header[b-1xudboztrf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
}

.offcanvas-body[b-1xudboztrf] {
    flex-grow: 1;
    padding: 1.25rem;
    overflow-y: auto;
}

.offcanvas-backdrop[b-1xudboztrf] {
    position: fixed;
    top: 0;
    left: 0;
    /* Positioned immediately underneath the active panel container */
    z-index: 2040 !important;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

    .offcanvas-backdrop.show[b-1xudboztrf] {
        opacity: 0.1 !important;
        backdrop-filter: blur(2px) !important;
        -webkit-backdrop-filter: blur(2px) !important;
    }


/* =========================================================
   ZAB OFFCANVAS
========================================================= */
.zab-offcanvas-header[b-1xudboztrf] {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #edf2f7;
    background: white;
    min-height: 60px;
    backdrop-filter: blur(20px);
    padding-top: 5px !important;
    padding-bottom: 2px !important;
}

    .zab-offcanvas-header[b-1xudboztrf]::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        background: linear-gradient( 180deg, rgba(101, 158, 199, 0.35) 0%, rgba(135, 175, 199, 0.35) 0%, rgba(135, 175, 199, 0.15) 20%, rgba(135, 175, 199, 0.03) 40%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100% );
    }

    .zab-offcanvas-header[b-1xudboztrf]::after {
        content: "";
        position: absolute;
        top: -30px;
        left: 50%;
        transform: translateX(-50%);
        width: 300px;
        height: 100px;
        z-index: 0;
    }

    .zab-offcanvas-header > *[b-1xudboztrf] {
        position: relative;
        z-index: 2;
    }

    .zab-offcanvas-header .offcanvas-title[b-1xudboztrf] {
        font-size: 1.15rem;
        font-weight: 650;
        letter-spacing: -.2px;
        color: #0f172a;
    }

    .zab-offcanvas-header .btn-close[b-1xudboztrf] {
        transition: all .2s ease;
    }

        .zab-offcanvas-header .btn-close:hover[b-1xudboztrf] {
            transform: scale(1.1);
        }

.zab-offcanvas[b-1xudboztrf] {
    width: 720px !important;
    max-width: 100%;
    /* Elevated to mirror standard system behavior context rules */
    z-index: 2050 !important;
}


/* =========================================================
   BODY
========================================================= */

.zab-offcanvas-body[b-1xudboztrf] {
    overflow-y: auto;
    padding: 1rem;
    background-color: #fafafa;
}


/* =========================================================
   FOOTER
========================================================= */

.zab-offcanvas-footer[b-1xudboztrf] {
    position: sticky;
    bottom: 0;
    z-index: 10;
    background-color: white;
    border-top: 1px solid #dee2e6;
    padding: 0.75rem 1rem;
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}


/* =========================================================
   TABLETS
========================================================= */

@media (max-width: 720px) {
    .zab-offcanvas[b-1xudboztrf] {
        width: 100% !important;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 720px) {
    .zab-offcanvas[b-1xudboztrf] {
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
    }

    .zab-offcanvas-header[b-1xudboztrf] {
        padding: 0.75rem;
    }

    .zab-offcanvas-body[b-1xudboztrf] {
        padding: 0.75rem;
    }

    .zab-offcanvas-footer[b-1xudboztrf] {
        padding: 0.75rem;
        flex-wrap: wrap;
    }

        .zab-offcanvas-footer .btn[b-1xudboztrf] {
            width: 100%;
        }
}

.clickable-cell[b-1xudboztrf] {
    cursor: pointer;
    color: #357EC7;
    transition: box-shadow 0.3s;
}

    .clickable-cell :hover[b-1xudboztrf] {
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        text-decoration: underline !important;
        background-color: #C2DFFF !important;
    }

.cell-val-size[b-1xudboztrf] {
    font-size: 0.92rem !important;
}

.bg-active-repayment[b-1xudboztrf] {
    background-color: #f0f7ff !important; /* Very light tinted blue transaction pane */
}

.bg-no-repayment[b-1xudboztrf] {
    background-color: #ffffff !important; /* Very light tinted blue transaction pane */
}

.bg-active-repayment-total[b-1xudboztrf] {
    background-color: #e6f2ff !important; /* Slightly accented tint tracking for final row line sums */
}

.col-loan-profile[b-1xudboztrf] {
    width:180px !important;
}

.btn-action-operation[b-1xudboztrf] {
    width: 26px; /* Down from 32px */
    height: 24px; /* Down from 32px to clear the cell height restriction */
    padding: 0;
    font-size: 0.82rem; /* Crisp, readable scale for the vector glyph icons */
    border: 1px solid transparent;
    border-radius: 4px; /* Proportionally tighter corner radiuses */
    display: inline-inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    /*background-color: transparent;*/
    background-color: #A0D6B4;
    margin: 0 2px;
}

.btn-edit-accent[b-1xudboztrf] {
    color: #0d6efd;
}

    .btn-edit-accent:hover:not(:disabled)[b-1xudboztrf] {
        background-color: #eaf2ff;
        border-color: #b6d4fe;
    }

.btn-delete-accent[b-1xudboztrf] {
    color: #dc3545;
}

    .btn-delete-accent:hover:not(:disabled)[b-1xudboztrf] {
        background-color: #fdf2f4;
        border-color: #f8d7da;
    }

.btn-action-operation:disabled[b-1xudboztrf] {
    color: #adb5bd;
    cursor: not-allowed;
    opacity: 0.6;
}

/* Custom Professional Navy-Blue Table Border */
.navy-border[b-1xudboztrf] {
    border: 1px solid #1a365d;
    border-radius: 8px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 50%, #f1f5f9 100%);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
}

/* Sortable Table Headers */
.sortable-header[b-1xudboztrf] {
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

    .sortable-header:hover[b-1xudboztrf] {
        background-color: #e2e8f0 !important;
        color: #0f172a !important;
    }

.azd-table-frame[b-1xudboztrf] {
    border: 1px solid #1a365d !important;
    border-radius: 8px;
}
/* /Components/Pages_Assessments/AssessmentReportsPage.razor.rz.scp.css */
.arp-workspace[b-fm28xwc60l] {
    background-color: transparent;
    min-height: 100vh
}

.arp-hero[b-fm28xwc60l] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin: .55rem 0;
    margin-top: 0.1rem !important;
    padding: 1rem 1.2rem;
    border-radius: .65rem;
    /*background: linear-gradient(120deg,#DBE9FA,#EBF4FA);*/
    background-color: #fff;
    color: #566D7E;
    /*box-shadow: 0 0 8px rgba(0, 123, 255, 0.4);*/
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

    .arp-hero::after hover[b-fm28xwc60l] {
        border-color: #728FCE;
        box-shadow: 0 0 8px rgba(0, 123, 255, 0.4);
    }


    .arp-hero > div > span[b-fm28xwc60l], .arp-context span[b-fm28xwc60l], .arp-catalogue header span[b-fm28xwc60l], .arp-parameters > div span[b-fm28xwc60l], .arp-toolbar span[b-fm28xwc60l] {
        display: block;
        color: #73d5cc;
        font-size: .56rem;
        font-weight: 850;
        letter-spacing: .11em;
        text-transform: uppercase
    }

    .arp-hero h1[b-fm28xwc60l] {
        margin: .14rem 0;
        font-size: 1.15rem
    }

    .arp-hero p[b-fm28xwc60l] {
        margin: 0;
        color: #566D7E;
        background-color: #fff;
        font-size: .7rem
    }

.arp-context[b-fm28xwc60l] {
    min-width: 7rem;
    padding: .55rem .8rem;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: .45rem
}

    .arp-context strong[b-fm28xwc60l] {
        font-size: 1rem
    }

.arp-layout[b-fm28xwc60l] {
    display: grid;
    grid-template-columns: 15rem minmax(0,1fr);
    gap: .7rem
}

.arp-catalogue[b-fm28xwc60l], .arp-main[b-fm28xwc60l] {
    min-width: 0
}

.arp-catalogue[b-fm28xwc60l] {
    overflow: hidden;
    align-self: start;
    border: 1px solid #dbe5eb;
    border-radius: .6rem;
    background: #fff;
    box-shadow: 0 0 4px rgba(100, 110, 120, 0.30);    
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

    .arp-catalogue header[b-fm28xwc60l] {
        display: flex;
        justify-content: space-between;
        padding: .65rem .75rem;
        border-bottom: 1px solid #e5ecef
    }

        .arp-catalogue header span[b-fm28xwc60l] {
            color: #0b7274
        }

        .arp-catalogue header strong[b-fm28xwc60l] {
            color: #637988;
            font-size: .58rem
        }

    .arp-catalogue:hover[b-fm28xwc60l] {
        /*border-color: #728FCE;*/
        box-shadow: 0 0 8px rgba(0, 123, 255, 0.4);
    }

    .arp-report-card[b-fm28xwc60l] {
        display: grid;
        width: 100%;
        grid-template-columns: 1.7rem 1fr;
        gap: .45rem;
        padding: .68rem .65rem;
        border: 0;
        border-bottom: 1px solid #edf1f3;
        background: #fff;
        color: #29485c;
        text-align: left
    }

        .arp-report-card:hover[b-fm28xwc60l] {
            background: #f4faf9
        }

        .arp-report-card.active[b-fm28xwc60l] {
            background: #eaf7f5;
            box-shadow: inset 3px 0 #0d8b87
        }

        .arp-report-card i[b-fm28xwc60l] {
            color: #0d8b87;
            font-size: .9rem
        }

        .arp-report-card span[b-fm28xwc60l] {
            min-width: 0
        }

        .arp-report-card strong[b-fm28xwc60l] {
            display: block;
            font-size: .68rem
        }

        .arp-report-card small[b-fm28xwc60l] {
            display: block;
            margin-top: .15rem;
            color: #70828e;
            font-size: .57rem;
            line-height: 1.35
        }

    .arp-main[b-fm28xwc60l] {
        display: grid;
        gap: .6rem
    }

.arp-parameters[b-fm28xwc60l] {
    display: flex;
    align-items: end;
    gap: .55rem;
    padding: .65rem .8rem;
    border: 1px solid #dce6eb;
    border-radius: .55rem;
    background: #fff;
    box-shadow: 0 0 4px rgba(100, 110, 120, 0.30);
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

        .arp-parameters > div[b-fm28xwc60l] {
            margin-right: auto
        }

            .arp-parameters > div span[b-fm28xwc60l] {
                color: #0d7779
            }

            .arp-parameters > div strong[b-fm28xwc60l] {
                color: #1b3d53;
                font-size: .76rem
            }

        .arp-parameters label[b-fm28xwc60l] {
            color: #607482;
            font-size: .56rem;
            font-weight: 800;
            text-transform: uppercase
        }

        .arp-parameters select[b-fm28xwc60l] {
            min-width: 5rem;
            margin-top: .18rem
        }

        .arp-parameters:hover[b-fm28xwc60l] {
            box-shadow: 0 0 8px rgba(0, 123, 255, 0.4);
            /*border-color: #566D7E;*/
        }

    .arp-container[b-fm28xwc60l] {
        overflow: hidden;
        border: 1px solid #d9e4e9;
        border-radius: .6rem;
        background: #fff;
        box-shadow: 0 8px 24px rgba(20,57,78,.07)
    }

    .arp-toolbar[b-fm28xwc60l] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: .55rem .7rem;
        border-bottom: 1px solid #dae6ea;
        background: #f8fbfc
    }

        .arp-toolbar span[b-fm28xwc60l] {
            color: #0d8381
        }

        .arp-toolbar strong[b-fm28xwc60l] {
            display: block;
            color: #173b52;
            font-size: .73rem
        }

    .arp-state[b-fm28xwc60l] {
        display: flex;
        min-height: 14rem;
        align-items: center;
        justify-content: center;
        gap: .5rem;
        border: 1px dashed #cbd9df;
        border-radius: .55rem;
        background: #fff;
        color: #667d8c;
        font-size: .72rem
    }

    .arp-error[b-fm28xwc60l] {
        border-color: #efb8b4;
        background: #fff8f7;
        color: #ae2d28
    }

    .arp-audit-warning[b-fm28xwc60l] {
        padding: .55rem .7rem;
        border: 1px solid #f1cf88;
        border-radius: .45rem;
        background: #fff9e9;
        color: #765114;
        font-size: .65rem
    }

    @media(max-width:900px) {
        .arp-layout[b-fm28xwc60l] {
            grid-template-columns: 1fr
        }

        .arp-catalogue[b-fm28xwc60l] {
            display: grid;
            grid-template-columns: repeat(2,1fr)
        }

            .arp-catalogue header[b-fm28xwc60l] {
                grid-column: 1/-1
            }

        .arp-parameters[b-fm28xwc60l] {
            flex-wrap: wrap
        }

            .arp-parameters > div[b-fm28xwc60l] {
                width: 100%
            }
    }

    @media print {
        .report-screen-only[b-fm28xwc60l], .arp-hero[b-fm28xwc60l], .arp-catalogue[b-fm28xwc60l], .arp-parameters[b-fm28xwc60l], .arp-audit-warning[b-fm28xwc60l] {
            display: none !important
        }

        .arp-layout[b-fm28xwc60l] {
            display: block
        }

        .arp-container[b-fm28xwc60l] {
            border: 0;
            box-shadow: none
        }
    }
/* /Components/Pages_Assessments/AssessmentSalesPage.razor.rz.scp.css */
/* Core Layout Matrix Specifications */
.matrix-grid-table[b-u9b0lyufn7] {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    font-size: 0.76rem;
}

    .matrix-grid-table th[b-u9b0lyufn7] {
        padding: 6px 4px;
        background-color: #f8fafc;
        border-bottom: 2px solid #cbdde0 !important;
        font-weight: 700;
    }

    .matrix-grid-table td[b-u9b0lyufn7] {
        padding: 5px 4px;
        border-bottom: 1px solid #e2e8f0;
    }

    /* Hard Pin Navigation Elements Locking Rules */
    .matrix-grid-table .sticky-col[b-u9b0lyufn7] {
        position: sticky;
        z-index: 3;
        background-color: #ffffff;
        border-right: 2px solid #cbdde0 !important;
    }

    .matrix-grid-table th.sticky-col[b-u9b0lyufn7] {
        z-index: 5;
        background-color: #f1f5f9;
    }

    .matrix-grid-table .sticky-action-header[b-u9b0lyufn7] {
        position: sticky;
        z-index: 5;
        background-color: #f1f5f9;
        border-left: 1px solid #cbdde0 !important;
    }

    .matrix-grid-table .sticky-action-cell[b-u9b0lyufn7] {
        position: sticky;
        z-index: 3;
        background-color: #ffffff;
        border-left: 1px solid #cbdde0 !important;
    }

.asd-table-frame[b-u9b0lyufn7] {
    border: 1px solid #1a365d !important;
    border-radius: 8px;
} 

/* 4) Standard Table Fonts Override */
.grid-font-standard th[b-u9b0lyufn7],
.grid-font-standard td[b-u9b0lyufn7] {
    font-size: 0.75rem !important;
}

.grid-font-standard .text-xxs[b-u9b0lyufn7] {
    font-size: 0.68rem !important;
}

/* 4) Navy Background and White Text on Table Header and Total Row intersections */
.header-totals-navy[b-u9b0lyufn7] {
    background-color: #0B192C !important;
    color: #ffffff !important;
}

.line-action-btn[b-u9b0lyufn7] {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.row-title-wrapper[b-u9b0lyufn7] {
    gap: 2px !important;
}

.custom-vat-tag[b-u9b0lyufn7] {
    font-size: 0.58rem !important;
    padding: 1px 3px !important;
    line-height: 1;
    letter-spacing: 0.3px;
}

.large-matrix-checkbox[b-u9b0lyufn7] {
    transform: scale(1.3);
    margin: 0;
    cursor: pointer;
    vertical-align: middle;
}

/* Conditional Matrix Highlights */
.vat-inclusive-row td[b-u9b0lyufn7] {
    background-color: #f4fbf7 !important;
}

    .vat-inclusive-row td.sticky-col[b-u9b0lyufn7] {
        background-color: #f4fbf7 !important;
    }

    .vat-inclusive-row td.sticky-action-cell[b-u9b0lyufn7] {
        background-color: #f4fbf7 !important;
    }

.bg-light-yield-row td[b-u9b0lyufn7] {
    background-color: #fafbfc !important;
}

.bg-light-yield-cell[b-u9b0lyufn7] {
    color: #475569 !important;
    font-weight: 500;
}

.italic-cell[b-u9b0lyufn7] {
    font-style: italic;
}

.bg-light-totals[b-u9b0lyufn7] {
    background-color: #f1f5f9 !important;
}

.bg-light-totals-cell[b-u9b0lyufn7] {
    background-color: #f8fafc !important;
}

/* Clean Minimalist Text Identity Override */
.text-marble-light[b-u9b0lyufn7] {
    color: #1a365d !important;
}

text-navy-brand-plain[b-u9b0lyufn7] {
    font-weight: normal;
}


/* Cashflow Specific Table Styling */
.summary-cashflow-table th[b-u9b0lyufn7] {
    background-color: #f1f5f9 !important;
    border-bottom: 1px solid #1a365d !important;
    color: #0f172a !important;
}

.summary-cashflow-table tr:hover td[b-u9b0lyufn7] {
    background-color: rgba(30, 41, 59, 0.02) !important;
}

.bg-navy-light-summary[b-u9b0lyufn7] {
    background-color: #f0f4f8 !important;
    font-weight: 700;
}

.cashflow-profit-row td[b-u9b0lyufn7] {
    background-color: #f8fafc !important;
    border-top: 2px solid #1a365d !important;
    border-bottom: 2px double #1a365d !important;
    font-size: 0.78rem !important;
}

.uppercase[b-u9b0lyufn7] {
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.text-xxs[b-u9b0lyufn7] {
    font-size: 0.65rem;
}

.btn-navy[b-u9b0lyufn7] {
    background-color: #1a365d;
}

    .btn-navy:hover[b-u9b0lyufn7] {
        background-color: #112544;
    }

.input-row-hover:hover[b-u9b0lyufn7] {
    background-color: #f8fafc;
}

.cursor-pointer[b-u9b0lyufn7] {
    cursor: pointer;
}

.animate-fade[b-u9b0lyufn7] {
    animation: fadeIn-b-u9b0lyufn7 0.2s ease-in-out;
}

@keyframes fadeIn-b-u9b0lyufn7 {
    from {
        opacity: 0;
        transform: scale(0.9);
    }

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


/* Decorative Badge Adjustments for the Unified Income Type Display Column */
.bg-soft-blue[b-u9b0lyufn7] {
    background-color: rgba(54, 139, 193, 0.12) !important;
    color: #1a365d !important;
    border: 1px solid rgba(54, 139, 193, 0.2);
    font-weight: normal;
    padding: 3px 6px;
    border-radius: 4px;
}

.w-35[b-u9b0lyufn7] {
    width: 35% !important;
}

.w-40[b-u9b0lyufn7] {
    width: 40% !important;
}

/* Form Scroll Container Matrix Context Tweaks */
.sales-input-pane[b-u9b0lyufn7]::-webkit-scrollbar {
    width: 5px;
}

.sales-input-pane[b-u9b0lyufn7]::-webkit-scrollbar-thumb {
    background-color: #cbd5e1;
    border-radius: 4px;
}


.fade-staged-panel[b-u9b0lyufn7] {
    opacity: 0;
    transform: translateY(12px);
    animation: cubicBezierPanelArrival-b-u9b0lyufn7 0.55s cubic-bezier(0.215, 0.610, 0.355, 1) forwards;
}

.delay-tier-1[b-u9b0lyufn7] {
    animation-delay: 0.15s;
}

.delay-tier-2[b-u9b0lyufn7] {
    animation-delay: 0.30s;
}

.delay-tier-3[b-u9b0lyufn7] {
    animation-delay: 0.45s;
}

@keyframes cubicBezierPanelArrival-b-u9b0lyufn7 {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Custom row hover effect */
.hover-light-blue:hover[b-u9b0lyufn7] {
    background-color: #e3f2fd !important; /* Light blue color */
}

/* Restoring specific font constraints */
.grid-font-standard[b-u9b0lyufn7] {
    font-size: 0.75rem; /* Reverting to original smaller sizing */
}

.btn-action-operation[b-u9b0lyufn7] {
    width: 26px; /* Down from 32px */
    height: 24px; /* Down from 32px to clear the cell height restriction */
    padding: 0;
    font-size: 0.82rem; /* Crisp, readable scale for the vector glyph icons */
    border: 1px solid transparent;
    border-radius: 4px; /* Proportionally tighter corner radiuses */
    display: inline-inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    /*background-color: transparent;*/
    background-color: #A0D6B4;
    margin: 0 2px;
}

.btn-edit-accent[b-u9b0lyufn7] {
    color: #0d6efd;
}

    .btn-edit-accent:hover:not(:disabled)[b-u9b0lyufn7] {
        background-color: #eaf2ff;
        border-color: #b6d4fe;
    }

.btn-delete-accent[b-u9b0lyufn7] {
    color: #dc3545;
}

    .btn-delete-accent:hover:not(:disabled)[b-u9b0lyufn7] {
        background-color: #fdf2f4;
        border-color: #f8d7da;
    }

.btn-action-operation:disabled[b-u9b0lyufn7] {
    color: #adb5bd;
    cursor: not-allowed;
    opacity: 0.6;
}

/* Custom Professional Marble-Look Table Border */
.marble-border[b-u9b0lyufn7] {
    border: 1px solid #1a365d;
    /*border: 2px solid #cbd5e1;*/
    border-radius: 8px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 50%, #f1f5f9 100%);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
}

/* Sortable Table Headers */
.sortable-header[b-u9b0lyufn7] {
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

    .sortable-header:hover[b-u9b0lyufn7] {
        background-color: #e2e8f0 !important;
        color: #0f172a !important;
    }
/* /Components/Pages_Assessments/AssessmentSensitivityPage.razor.rz.scp.css */
.sensitivity-page[b-54rzyxuxnu] {
    --sensitivity-navy: #102a43;
    --sensitivity-blue: #2563eb;
    --sensitivity-teal: #0f8b8d;
    --sensitivity-border: #dbe5f0;
    color: #243b53;
}

.sensitivity-actions[b-54rzyxuxnu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: .55rem 0;
    color: #526174;
    font-size: .76rem;
}

    .sensitivity-actions span[b-54rzyxuxnu] {
        display: inline-flex;
        align-items: center;
        gap: .35rem;
    }

    .sensitivity-actions i[b-54rzyxuxnu] {
        color: var(--sensitivity-teal);
    }

.sensitivity-tabs-shell[b-54rzyxuxnu] {
    margin-top: .65rem;
    overflow: hidden;
    border: 1px solid #b8c7d8;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 7px 20px rgba(15, 42, 67, .08);
}

.sensitivity-tabs[b-54rzyxuxnu] {
    display: flex;
    align-items: flex-end;
    gap: .2rem;
    min-height: 42px;
    padding: .35rem .65rem 0;
    border-bottom: 1px solid #cbd5e1;
    background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
}

.sensitivity-tab[b-54rzyxuxnu] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 34px;
    padding: .42rem .72rem .5rem;
    margin-bottom: -1px;
    border: 1px solid transparent;
    border-bottom: 2px solid transparent;
    border-radius: 6px 6px 0 0;
    color: #526174;
    font-size: .74rem;
    font-weight: 650;
    line-height: 1;
    background: transparent;
    cursor: pointer;
    transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

    .sensitivity-tab:hover[b-54rzyxuxnu] {
        color: #075fc9;
        border-color: #d4e1ef #d4e1ef #93b9e8;
        background: #f2f7fd;
        box-shadow: 0 -2px 8px rgba(15, 42, 67, .06);
    }

    .sensitivity-tab.active[b-54rzyxuxnu] {
        color: var(--sensitivity-blue);
        border-color: #b8c7d8 #b8c7d8 #fff;
        border-bottom-width: 2px;
        background: #fff;
        box-shadow: 0 -3px 10px rgba(37, 99, 235, .08);
    }

        .sensitivity-tab.active[b-54rzyxuxnu]::after {
            position: absolute;
            right: .55rem;
            bottom: -2px;
            left: .55rem;
            height: 3px;
            border-radius: 3px 3px 0 0;
            background: var(--sensitivity-blue);
            content: "";
        }

.sensitivity-tab-content[b-54rzyxuxnu] {
    min-height: 360px;
    padding: .85rem;
    background: #fff;
    animation: sensitivity-arrival-b-54rzyxuxnu 220ms ease-out;
}

.sensitivity-alert[b-54rzyxuxnu] {
    display: flex;
    align-items: center;
    gap: .7rem;
    padding: .75rem 1rem;
    margin: .5rem 0;
    border: 1px solid;
    border-radius: 9px;
    font-size: .78rem;
}

    .sensitivity-alert div[b-54rzyxuxnu] {
        display: flex;
        flex-direction: column;
    }

    .sensitivity-alert.amber[b-54rzyxuxnu] {
        color: #7c4a03;
        border-color: #f5c86b;
        background: #fff9e8;
    }

    .sensitivity-alert.red[b-54rzyxuxnu] {
        color: #8b1e24;
        border-color: #ef9a9a;
        background: #fff1f2;
    }

.sensitivity-state[b-54rzyxuxnu] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    min-height: 240px;
    color: #627d98;
}

    .sensitivity-state.compact[b-54rzyxuxnu] {
        min-height: 130px;
    }

.section-heading[b-54rzyxuxnu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .75rem;
}

    .section-heading h2[b-54rzyxuxnu] {
        margin: 0;
        color: var(--sensitivity-navy);
        font-size: 1rem;
        font-weight: 750;
    }

    .section-heading p[b-54rzyxuxnu] {
        margin: .15rem 0 0;
        color: #627d98;
        font-size: .75rem;
    }

.preset-grid[b-54rzyxuxnu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: .55rem;
    margin-bottom: .8rem;
}

.preset-card[b-54rzyxuxnu] {
    display: flex;
    flex-direction: column;
    min-height: 64px;
    padding: .65rem;
    border: 1px solid var(--sensitivity-border);
    border-radius: 8px;
    color: var(--sensitivity-navy);
    text-align: left;
    background: linear-gradient(145deg, #fff, #f5f9fc);
}

    .preset-card:hover[b-54rzyxuxnu], .preset-card:focus-visible[b-54rzyxuxnu] {
        border-color: #62b6b7;
        box-shadow: 0 3px 10px rgba(15, 139, 141, .12);
    }

    .preset-card span[b-54rzyxuxnu] {
        margin-top: .2rem;
        color: #627d98;
        font-size: .68rem;
    }

.panel-grid[b-54rzyxuxnu] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr);
    gap: .75rem;
}

.sensitivity-panel[b-54rzyxuxnu], .explanation-panel[b-54rzyxuxnu] {
    padding: .8rem;
    border: 1px solid var(--sensitivity-border);
    border-radius: 9px;
    background: #fbfdff;
}

    .sensitivity-panel h3[b-54rzyxuxnu], .explanation-panel h3[b-54rzyxuxnu], .sensitivity-tab-content > section > h3[b-54rzyxuxnu] {
        margin: 0 0 .55rem;
        color: var(--sensitivity-navy);
        font-size: .84rem;
        font-weight: 750;
    }

    .sensitivity-panel label[b-54rzyxuxnu], .sweep-controls label[b-54rzyxuxnu], .reserve-control label[b-54rzyxuxnu] {
        display: block;
        margin: .42rem 0 .2rem;
        color: #486581;
        font-size: .69rem;
        font-weight: 650;
    }

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

.duration-row[b-54rzyxuxnu] {
    display: flex;
    align-items: center;
    gap: .55rem;
}

    .duration-row .form-control[b-54rzyxuxnu] {
        max-width: 90px;
    }

.check-label[b-54rzyxuxnu] {
    display: flex !important;
    align-items: center;
    gap: .25rem;
    margin: 0 !important;
    white-space: nowrap;
}

.adjustment-list[b-54rzyxuxnu] {
    display: grid;
    gap: .4rem;
}

    .adjustment-list > div[b-54rzyxuxnu] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .6rem;
        padding: .45rem .55rem;
        border-left: 3px solid var(--sensitivity-teal);
        border-radius: 5px;
        background: #eef8f8;
        font-size: .72rem;
    }

    .adjustment-list span[b-54rzyxuxnu] {
        display: flex;
        flex-direction: column;
    }

    .adjustment-list small[b-54rzyxuxnu] {
        color: #526174;
    }

    .adjustment-list button[b-54rzyxuxnu] {
        border: 0;
        color: #8b1e24;
        background: transparent;
    }

.empty-copy[b-54rzyxuxnu] {
    color: #829ab1;
    font-size: .75rem;
    font-style: italic;
}

.kpi-grid[b-54rzyxuxnu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: .55rem;
}

.kpi-card[b-54rzyxuxnu] {
    display: flex;
    flex-direction: column;
    padding: .7rem;
    border: 1px solid var(--sensitivity-border);
    border-left: 2px solid var(--sensitivity-teal);
    border-radius: 8px;
    background: #fff;
    position: relative;
    overflow: hidden;
    transition: all 0.35s ease;
}

    .kpi-card:hover[b-54rzyxuxnu] {
        border-left: 2px solid #646D7E;
        border: 1px solid #566D7E;
        border-left-width: 3px;
    }

    .kpi-card[b-54rzyxuxnu]::after {
        content: "";
        position: absolute;
        bottom: -12px;
        right: -12px;
        width: 40px;
        height: 40px;
        background: #f1f5f9;
        border-radius: 50%;
        z-index: 0;
    }

    .kpi-card > *[b-54rzyxuxnu] {
        position: relative;
        z-index: 1;
    }

    .kpi-card span[b-54rzyxuxnu] {
        color: #627d98;
        font-size: .68rem;
        text-transform: uppercase;
        letter-spacing: .03em;
    }

    .kpi-card strong[b-54rzyxuxnu] {
        margin: .15rem 0;
        color: var(--sensitivity-navy);
        font-size: 0.9rem;
        font-weight: 600;
    }

    .kpi-card small[b-54rzyxuxnu], .variance[b-54rzyxuxnu] {
        display: block;
        color: #627d98;
        font-size: .65rem;
    }

    .kpi-card.kpi-critical strong[b-54rzyxuxnu] {
        color: #c62828;
    }

    .kpi-card.kpi-average strong[b-54rzyxuxnu] {
        color: #b26a00;
    }

    .kpi-card.kpi-good strong[b-54rzyxuxnu] {
        color: #111827;
    }

    .kpi-card.kpi-very-good strong[b-54rzyxuxnu] {
        color: #15803d;
    }

.explanation-panel[b-54rzyxuxnu] {
    margin-top: .7rem;
}

    .explanation-panel ul[b-54rzyxuxnu] {
        margin-bottom: .4rem;
        padding-left: 1.2rem;
        font-size: .75rem;
    }

    .explanation-panel summary[b-54rzyxuxnu] {
        color: #486581;
        cursor: pointer;
        font-size: .72rem;
        font-weight: 650;
    }

.sweep-controls[b-54rzyxuxnu], .reserve-control[b-54rzyxuxnu] {
    display: flex;
    align-items: end;
    gap: .6rem;
    padding: .65rem;
    margin-bottom: .75rem;
    border: 1px solid var(--sensitivity-border);
    border-radius: 8px;
    background: #f8fbfd;
}

    .sweep-controls > div[b-54rzyxuxnu] {
        min-width: 90px;
        flex: 1;
    }

        .sweep-controls > div:first-child[b-54rzyxuxnu] {
            flex: 2;
        }

    .reserve-control > div[b-54rzyxuxnu] {
        width: min(320px, 100%);
    }

.mini-chart[b-54rzyxuxnu] {
    display: grid;
    gap: .25rem;
    padding: .65rem;
    margin-bottom: .75rem;
    border: 1px solid var(--sensitivity-border);
    border-radius: 8px;
}

.chart-row[b-54rzyxuxnu] {
    display: grid;
    grid-template-columns: 55px minmax(80px, 1fr) 90px;
    align-items: center;
    gap: .5rem;
    font-size: .66rem;
}

    .chart-row > div[b-54rzyxuxnu] {
        height: 9px;
        overflow: hidden;
        border-radius: 5px;
        background: #edf2f7;
    }

    .chart-row i[b-54rzyxuxnu] {
        display: block;
        height: 100%;
        border-radius: 5px;
    }

        .chart-row i.green[b-54rzyxuxnu] {
            background: #2d9d78;
        }

        .chart-row i.amber[b-54rzyxuxnu] {
            background: #e59d20;
        }

        .chart-row i.red[b-54rzyxuxnu] {
            background: #d64550;
        }

    .chart-row b[b-54rzyxuxnu] {
        text-align: right;
    }

.sensitivity-table[b-54rzyxuxnu] {
    margin-bottom: 0;
    font-size: .68rem;
    white-space: nowrap;
}

    .sensitivity-table thead th[b-54rzyxuxnu] {
        color: #fff;
        background: var(--sensitivity-navy);
    }

    .sensitivity-table th[b-54rzyxuxnu], .sensitivity-table td[b-54rzyxuxnu] {
        padding: .42rem .5rem;
        vertical-align: middle;
    }

    .sensitivity-table .baseline-row > *[b-54rzyxuxnu] {
        background: #eef6ff;
    }

.compact-table[b-54rzyxuxnu] {
    font-size: .62rem;
}

.status-pill[b-54rzyxuxnu] {
    display: inline-block;
    padding: .15rem .4rem;
    border-radius: 999px;
    font-size: .62rem;
    font-weight: 700;
}

    .status-pill.green[b-54rzyxuxnu] {
        color: #136a4b;
        background: #dff7eb;
    }

    .status-pill.amber[b-54rzyxuxnu] {
        color: #7c4a03;
        background: #fff0c9;
    }

    .status-pill.red[b-54rzyxuxnu] {
        color: #8b1e24;
        background: #ffe1e3;
    }

.comparison-picker[b-54rzyxuxnu] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .5rem;
    margin-bottom: .75rem;
}

    .comparison-picker label[b-54rzyxuxnu] {
        display: flex;
        align-items: center;
        gap: .5rem;
        padding: .55rem;
        border: 1px solid var(--sensitivity-border);
        border-radius: 8px;
        cursor: pointer;
    }

        .comparison-picker label.selected[b-54rzyxuxnu] {
            border-color: var(--sensitivity-teal);
            background: #eefafa;
        }

    .comparison-picker span[b-54rzyxuxnu] {
        display: flex;
        flex-direction: column;
        font-size: .72rem;
    }

    .comparison-picker small[b-54rzyxuxnu] {
        color: #627d98;
        font-size: .64rem;
    }

.threshold-grid[b-54rzyxuxnu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: .55rem;
}

.threshold-card[b-54rzyxuxnu] {
    padding: .7rem;
    border: 1px solid;
    border-top-width: 4px;
    border-radius: 8px;
    background: #fff;
}

    .threshold-card span[b-54rzyxuxnu] {
        display: block;
        color: #627d98;
        font-size: .68rem;
    }

    .threshold-card strong[b-54rzyxuxnu] {
        display: block;
        margin: .2rem 0;
        color: var(--sensitivity-navy);
        font-size: 1rem;
    }

    .threshold-card p[b-54rzyxuxnu] {
        margin: 0;
        font-size: .67rem;
    }

    .threshold-card.green[b-54rzyxuxnu] {
        border-color: #69c49e;
    }

    .threshold-card.amber[b-54rzyxuxnu] {
        border-color: #efbd59;
    }

    .threshold-card.red[b-54rzyxuxnu] {
        border-color: #e77980;
    }

.findings-list[b-54rzyxuxnu] {
    display: grid;
    gap: .5rem;
    margin-top: .75rem;
}

    .findings-list article[b-54rzyxuxnu] {
        display: flex;
        gap: .7rem;
        padding: .7rem;
        border-left: 4px solid;
        border-radius: 6px;
        background: #f8fafc;
    }

        .findings-list article.green[b-54rzyxuxnu] {
            border-color: #2d9d78;
        }

        .findings-list article.amber[b-54rzyxuxnu] {
            border-color: #e59d20;
        }

        .findings-list article.red[b-54rzyxuxnu] {
            border-color: #d64550;
        }

    .findings-list h3[b-54rzyxuxnu] {
        margin: 0;
        font-size: .78rem;
    }

    .findings-list p[b-54rzyxuxnu], .findings-list strong[b-54rzyxuxnu] {
        display: block;
        margin: .15rem 0 0;
        font-size: .7rem;
    }

.demo-badge[b-54rzyxuxnu] {
    display: inline-block;
    padding: .15rem .4rem;
    border-radius: 999px;
    color: #6941c6;
    font-size: .6rem;
    vertical-align: middle;
    background: #f0eaff;
}

.ai-provider-state[b-54rzyxuxnu] {
    display: flex;
    align-items: center;
    gap: .4rem;
    color: #627d98;
    font-size: .68rem;
}

    .ai-provider-state strong[b-54rzyxuxnu] {
        color: var(--sensitivity-navy);
    }

.configuration-pill[b-54rzyxuxnu], .ai-severity[b-54rzyxuxnu] {
    display: inline-block;
    padding: .16rem .45rem;
    border-radius: 999px;
    font-size: .62rem;
    font-weight: 750;
}

    .configuration-pill.configured[b-54rzyxuxnu] {
        color: #136a4b;
        background: #dff7eb;
    }

    .configuration-pill.not-configured[b-54rzyxuxnu] {
        color: #8b1e24;
        background: #ffe1e3;
    }

.ai-disclosure[b-54rzyxuxnu], .ai-disclaimer[b-54rzyxuxnu] {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    padding: .75rem;
    margin-bottom: .7rem;
    border: 1px solid #efbd59;
    border-radius: 8px;
    color: #704409;
    font-size: .74rem;
    background: #fff9e8;
}

    .ai-disclosure div[b-54rzyxuxnu] {
        display: flex;
        flex-direction: column;
        gap: .12rem;
    }

.ai-configuration-panel[b-54rzyxuxnu], .ai-controls-panel[b-54rzyxuxnu], .ai-summary[b-54rzyxuxnu] {
    padding: .8rem;
    margin-bottom: .7rem;
    border: 1px solid var(--sensitivity-border);
    border-radius: 8px;
    background: #f8fbfd;
}

    .ai-configuration-panel h3[b-54rzyxuxnu], .ai-summary h3[b-54rzyxuxnu] {
        margin: 0 0 .35rem;
        color: var(--sensitivity-navy);
        font-size: .84rem;
    }

    .ai-configuration-panel p[b-54rzyxuxnu], .ai-summary p[b-54rzyxuxnu] {
        margin: 0;
        font-size: .74rem;
    }

.ai-controls-panel[b-54rzyxuxnu] {
    display: grid;
    gap: .65rem;
}

    .ai-controls-panel > div:first-child[b-54rzyxuxnu] {
        display: flex;
        flex-direction: column;
        font-size: .74rem;
    }

        .ai-controls-panel > div:first-child span[b-54rzyxuxnu] {
            color: #627d98;
            font-size: .67rem;
        }

.ai-consent[b-54rzyxuxnu] {
    display: flex;
    align-items: flex-start;
    gap: .45rem;
    color: #364f68;
    font-size: .73rem;
    cursor: pointer;
}

    .ai-consent input[b-54rzyxuxnu] {
        margin-top: .15rem;
    }

.ai-buttons[b-54rzyxuxnu] {
    display: flex;
    gap: .45rem;
}

    .ai-buttons .btn[b-54rzyxuxnu] {
        display: inline-flex;
        align-items: center;
        gap: .35rem;
    }

.ai-table[b-54rzyxuxnu] {
    min-width: 1050px;
    white-space: normal;
}

    .ai-table caption[b-54rzyxuxnu] {
        color: #627d98;
        font-size: .65rem;
        caption-side: bottom;
    }

    .ai-table th:nth-child(1)[b-54rzyxuxnu], .ai-table td:nth-child(1)[b-54rzyxuxnu],
    .ai-table th:nth-child(7)[b-54rzyxuxnu], .ai-table td:nth-child(7)[b-54rzyxuxnu] {
        text-align: center;
    }

.ai-severity.critical[b-54rzyxuxnu] {
    color: #fff;
    background: #a12631;
}

.ai-severity.high[b-54rzyxuxnu] {
    color: #8b1e24;
    background: #ffe1e3;
}

.ai-severity.medium[b-54rzyxuxnu] {
    color: #7c4a03;
    background: #fff0c9;
}

.ai-severity.low[b-54rzyxuxnu] {
    color: #136a4b;
    background: #dff7eb;
}

.ai-disclaimer[b-54rzyxuxnu] {
    margin: .7rem 0 0;
    border-color: #9dc2ea;
    color: #174f83;
    background: #edf6ff;
}

.groq-report .kpi-grid[b-54rzyxuxnu] {
    margin-bottom: .75rem;
}

.groq-chart-grid[b-54rzyxuxnu] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

    .groq-chart-grid .mini-chart[b-54rzyxuxnu] {
        margin-bottom: .75rem;
    }

    .groq-chart-grid h3[b-54rzyxuxnu] {
        margin: 0 0 .35rem;
        color: var(--sensitivity-navy);
        font-size: .78rem;
    }

.groq-metrics-table[b-54rzyxuxnu] {
    min-width: 620px;
    margin-bottom: .75rem;
}

@keyframes sensitivity-arrival-b-54rzyxuxnu {
    from {
        opacity: 0;
        transform: translateY(5px);
    }

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

@media (max-width: 760px) {
    .sensitivity-tabs[b-54rzyxuxnu] {
        overflow-x: auto;
        padding-right: .4rem;
        padding-left: .4rem;
    }

    .sensitivity-tab[b-54rzyxuxnu] {
        flex: 0 0 auto;
    }

    .panel-grid[b-54rzyxuxnu] {
        grid-template-columns: 1fr;
    }

    .sweep-controls[b-54rzyxuxnu], .reserve-control[b-54rzyxuxnu] {
        align-items: stretch;
        flex-direction: column;
    }

    .comparison-picker[b-54rzyxuxnu] {
        grid-template-columns: 1fr;
    }

    .ai-provider-state[b-54rzyxuxnu] {
        align-items: flex-start;
        flex-direction: column;
    }

    .ai-buttons[b-54rzyxuxnu] {
        align-items: stretch;
        flex-direction: column;
    }

    .groq-chart-grid[b-54rzyxuxnu] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .form-grid[b-54rzyxuxnu] {
        grid-template-columns: 1fr;
    }

    .sensitivity-actions[b-54rzyxuxnu] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media print {
    .sensitivity-page[b-54rzyxuxnu],
    .sensitivity-page *[b-54rzyxuxnu] {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    .sensitivity-page[b-54rzyxuxnu] {
        display: block !important;
        position: static !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .sensitivity-actions[b-54rzyxuxnu], .sensitivity-tabs[b-54rzyxuxnu], .btn[b-54rzyxuxnu], .preset-grid[b-54rzyxuxnu], .sweep-controls[b-54rzyxuxnu], .comparison-picker[b-54rzyxuxnu], .reserve-control[b-54rzyxuxnu], .ai-controls-panel[b-54rzyxuxnu], .ai-configuration-panel[b-54rzyxuxnu] {
        display: none !important;
    }

    .sensitivity-tabs-shell[b-54rzyxuxnu], .sensitivity-tab-content[b-54rzyxuxnu], .groq-report[b-54rzyxuxnu], .table-responsive[b-54rzyxuxnu], .ai-table-wrap[b-54rzyxuxnu] {
        display: block !important;
        position: static !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .sensitivity-tabs-shell[b-54rzyxuxnu] {
        border: 0;
        box-shadow: none;
    }

    .sensitivity-tab-content[b-54rzyxuxnu] {
        padding: 0;
    }

    .sensitivity-table[b-54rzyxuxnu] {
        white-space: normal;
        font-size: 8pt;
    }

    .section-heading[b-54rzyxuxnu], .kpi-card[b-54rzyxuxnu], .mini-chart[b-54rzyxuxnu], .sensitivity-panel[b-54rzyxuxnu], .explanation-panel[b-54rzyxuxnu], .threshold-card[b-54rzyxuxnu] {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .ai-table[b-54rzyxuxnu] {
        min-width: 0;
        font-size: 7pt;
    }

        .ai-table tr[b-54rzyxuxnu], .groq-metrics-table tr[b-54rzyxuxnu], .ai-summary[b-54rzyxuxnu], .ai-disclaimer[b-54rzyxuxnu] {
            break-inside: avoid;
            page-break-inside: avoid;
        }

    .groq-chart-grid[b-54rzyxuxnu] {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        break-inside: auto;
    }

    .groq-metrics-table[b-54rzyxuxnu] {
        min-width: 0;
        break-inside: auto;
    }

        .ai-table thead[b-54rzyxuxnu], .groq-metrics-table thead[b-54rzyxuxnu] {
            display: table-header-group;
        }
}
/* /Components/Pages_Assessments/AssessmentSettingsPage.razor.rz.scp.css */
.assumptions-page[b-dodenec49o] {
    --assumption-navy: #183b56;
    --assumption-blue: #2563eb;
    --assumption-border: #d7e2ec;
}

.assumptions-resources[b-dodenec49o] {
    display: flex;
    justify-content: flex-end;
    gap: .4rem;
    flex-wrap: wrap;
    margin: .45rem 0
}

    .assumptions-resources a[b-dodenec49o] {
        display: inline-flex;
        align-items: center;
        gap: .28rem;
        padding: .35rem .56rem;
        border: 1px solid #cbdbe8;
        border-radius: .4rem;
        background: #fff;
        color: #315b77;
        font-size: .60rem;
        font-weight: 750;
        text-decoration: none
    }

        .assumptions-resources a:hover[b-dodenec49o] {
            border-color: #2a9d8f;
            color: #176b63;
            background: #effaf8
        }

/* Fix width alignment between readiness block and the tabs container */
.assessment-readiness-wrapper[b-dodenec49o] {
    width: 100%;
}

/* Smooth transition hover effect with a marble border and bluish shadow */
.assumption-hover-card[b-dodenec49o] {
    border: 0px solid transparent;
    border-radius: 0.65rem;
    transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

    .assumption-hover-card:hover[b-dodenec49o] {
        border: 0px#fff solid transparent; /* #94a3b8;  Marble gray-blue tone border */
        box-shadow: 0 10px 25px -5px rgba(0, 0, 128, 0.12), 0 8px 10px -6px rgba(0, 0, 128, 0.08); /* Navy blue shadow effect */
        /*box-shadow: 0 10px 25px -5px rgba(37, 99, 235, 0.12), 0 8px 10px -6px rgba(37, 99, 235, 0.08);*/ /* Bluish shadow effect */
        transform: translateY(-2px);
    }

.assumptions-intro[b-dodenec49o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 0.55rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid #cbdbe8;
    border-radius: 0.65rem;
    background: linear-gradient(135deg, #f8fbfd, #eef5fa);
}

    .assumptions-intro > div[b-dodenec49o] {
        display: flex;
        align-items: center;
        gap: 0.65rem;
    }

        .assumptions-intro > div > i[b-dodenec49o] {
            color: #2563eb;
            font-size: 1.25rem;
        }

    .assumptions-intro strong[b-dodenec49o],
    .assumptions-intro span[b-dodenec49o] {
        display: block;
    }

    .assumptions-intro strong[b-dodenec49o] {
        color: #183b56;
        font-size: 0.8rem;
    }

    .assumptions-intro span[b-dodenec49o] {
        color: #64748b;
        font-size: 0.65rem;
    }

.assumptions-badge[b-dodenec49o] {
    padding: 0.3rem 0.65rem;
    border-radius: 999px;
    background: #fff;
    color: #315b77 !important;
    font-weight: 750;
    white-space: nowrap;
}

.assets-tabs-shell[b-dodenec49o] {
    margin-top: 0.75rem;
    overflow: hidden;
    border: 1px solid #b8c7d8;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 7px 20px rgba(15, 42, 67, 0.08);
    transition: border-color 180ms ease, box-shadow 180ms ease;
}

.assets-tabs[b-dodenec49o] {
    display: flex;
    align-items: flex-end;
    gap: 0.2rem;
    min-height: 42px;
    padding: 0.35rem 0.65rem 0;
    border-bottom: 1px solid #cbd5e1;
    background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
}

.assets-tab[b-dodenec49o] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 34px;
    padding: 0.42rem 0.72rem 0.5rem;
    margin-bottom: -1px;
    border: 1px solid transparent;
    border-bottom: 2px solid transparent;
    border-radius: 6px 6px 0 0;
    background: transparent;
    color: #526174;
    font-size: 0.74rem;
    font-weight: 650;
    line-height: 1;
    cursor: pointer;
    transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

    .assets-tab:hover[b-dodenec49o] {
        border-color: #d4e1ef #d4e1ef #93b9e8;
        background: #f2f7fd;
        color: #075fc9;
        box-shadow: 0 -2px 8px rgba(15, 42, 67, 0.06);
    }

    .assets-tab.active[b-dodenec49o] {
        border-color: #b8c7d8 #b8c7d8 #fff;
        background: #fff;
        color: var(--assumption-blue);
        box-shadow: 0 -3px 10px rgba(37, 99, 235, 0.08);
    }

        .assets-tab.active[b-dodenec49o]::after {
            position: absolute;
            right: 0.6rem;
            bottom: -2px;
            left: 0.6rem;
            height: 3px;
            border-radius: 3px 3px 0 0;
            background: var(--assumption-blue);
            content: "";
        }

    .assets-tab i[b-dodenec49o] {
        font-size: 0.78rem;
        transition: transform 180ms ease;
    }

    .assets-tab:hover i[b-dodenec49o],
    .assets-tab.active i[b-dodenec49o] {
        transform: translateY(-1px);
    }

.assets-tab-content[b-dodenec49o] {
    min-height: 280px;
    padding: 0.7rem;
    border-top: 0;
    background: #fff;
    animation: assets-tab-arrival-b-dodenec49o 220ms ease-out;
}

@keyframes assets-tab-arrival-b-dodenec49o {
    from {
        opacity: 0;
        transform: translateY(5px);
    }

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

.assumptions-section-heading[b-dodenec49o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

    .assumptions-section-heading span[b-dodenec49o] {
        color: #7b8794;
        font-size: 0.56rem;
        font-weight: 800;
        letter-spacing: 0.07em;
        text-transform: uppercase;
    }

    .assumptions-section-heading h2[b-dodenec49o] {
        margin: 0.1rem 0;
        color: #183b56;
        font-size: 0.95rem;
    }

    .assumptions-section-heading p[b-dodenec49o] {
        margin: 0;
        color: #64748b;
        font-size: 0.64rem;
    }

.assumptions-card[b-dodenec49o] {
    overflow: hidden;
    border: 1px solid var(--assumption-border);
    border-radius: 0.6rem;
    background: #fff;
}

    .assumptions-card > header[b-dodenec49o] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 0.55rem 0.75rem;
        background: #eef4f8;
        color: #29445d;
        font-size: 0.7rem;
    }

        .assumptions-card > header span[b-dodenec49o] {
            color: #718096;
            font-size: 0.58rem;
        }

@media (max-width: 800px) {
    .assets-tabs[b-dodenec49o] {
        overflow-x: auto;
        padding-right: 0.4rem;
        padding-left: 0.4rem;
    }

    .assets-tab[b-dodenec49o] {
        flex: 0 0 auto;
    }

    @media print {
        .assets-tabs-shell[b-dodenec49o] {
            overflow: visible;
            border: 0;
            box-shadow: none;
        }

        .assets-tabs[b-dodenec49o] {
            display: none !important;
        }

        .assets-tab-content[b-dodenec49o] {
            min-height: 0;
            padding: 0;
        }
    }

    .assumptions-intro[b-dodenec49o],
    .assumptions-section-heading[b-dodenec49o] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Pages_Assessments/AssessmentStockPage.razor.rz.scp.css */
/* ==========================================================================
   STOCK MODULE CLEAN DESIGN SPECIFICATIONS (EXTRACTED MATRIX RULES)
   ========================================================================== */

.workspace-card-row[b-1ibya3nxhf] {
    border-radius: 6px;
}


/* ==========================================================================
   STOCK TRACKING METRIC UNIFORM STYLE RULES 
   ========================================================================== */

.stock-grid-container[b-1ibya3nxhf] {
    border-radius: 4px;
    background-color: #ffffff;
}

.matrix-grid-table[b-1ibya3nxhf] {
    font-size: 0.72rem;
    --bs-table-padding-y: 0.2rem;
    --bs-table-padding-x: 0.4rem;
}

/* Width strictly reduced to cleanly match 'Monthly inventory' narration dimensions */
.stock-header-title[b-1ibya3nxhf] {
    width: 130px;
    max-width: 130px;
}

.stock-body-title[b-1ibya3nxhf] {
    max-width: 130px;
}

.stock-body-title-label[b-1ibya3nxhf] {
    font-size: 0.85rem;
}


.stock-month-header[b-1ibya3nxhf] {
    width: 60px;
}

/* Deep Navy visual identity matching image_9f77e0.png definitions */
.stock-summary-header[b-1ibya3nxhf] {
    width: 105px;
    background-color: #1a365d !important;
}

.stock-summary-cell[b-1ibya3nxhf] {
    color: #1a365d;
    background-color: #f1f5f9;
}

.stock-action-header[b-1ibya3nxhf] {
    width: 35px;
}

.stock-row-style[b-1ibya3nxhf] {
    line-height: 1.2;
}

.stock-input-pane[b-1ibya3nxhf] {
    max-height: 400px;
    overflow-y: auto;
}


.btn-action-operation[b-1ibya3nxhf] {
    width: 26px; /* Down from 32px */
    height: 24px; /* Down from 32px to clear the cell height restriction */
    padding: 0;
    font-size: 0.82rem; /* Crisp, readable scale for the vector glyph icons */
    border: 1px solid transparent;
    border-radius: 4px; /* Proportionally tighter corner radiuses */
    display: inline-inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    /*background-color: transparent;*/
    background-color: #A0D6B4;
    margin: 0 2px;
}

.btn-edit-accent[b-1ibya3nxhf] {
    color: #0d6efd;
}

    .btn-edit-accent:hover:not(:disabled)[b-1ibya3nxhf] {
        background-color: #eaf2ff;
        border-color: #b6d4fe;
    }

.btn-delete-accent[b-1ibya3nxhf] {
    color: #dc3545;
}

    .btn-delete-accent:hover:not(:disabled)[b-1ibya3nxhf] {
        background-color: #fdf2f4;
        border-color: #f8d7da;
    }

.btn-action-operation:disabled[b-1ibya3nxhf] {
    color: #adb5bd;
    cursor: not-allowed;
    opacity: 0.6;
}

/* Custom Professional Marble-Look Table Border */
.marble-border[b-1ibya3nxhf] {
    border: 1px solid #1a365d;
    /*border: 2px solid #cbd5e1;*/
    border-radius: 8px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 50%, #f1f5f9 100%);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
}

/* Sortable Table Headers */
.sortable-header[b-1ibya3nxhf] {
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

    .sortable-header:hover[b-1ibya3nxhf] {
        background-color: #e2e8f0 !important;
        color: #0f172a !important;
    }

.avd-table-frame[b-1ibya3nxhf] {
    border: 1px solid #1a365d !important;
    border-radius: 8px;
} 
/* /Components/Pages_Assessments/AssessmentVATPage.razor.rz.scp.css */
.vat-page-container[b-pmhijiwyey] {
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    background-color: #fff;
    /*min-height: calc(100vh - 60px);*/
}

.vat-header[b-pmhijiwyey] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vat-page-title[b-pmhijiwyey] {
    margin: 0;
    font-size: 0.98rem;
    font-weight: 700;
    color: #1e3a5f;
}

.vat-page-subtitle[b-pmhijiwyey] {
    margin: 0;
    font-size: 0.75rem;
    color: #64748b;
}

.vat-actions[b-pmhijiwyey] {
    display: flex;
    gap: 10px;
}

.vat-kpi-grid[b-pmhijiwyey] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
}

.vat-kpi-card[b-pmhijiwyey] {
    --vat-kpi-accent: #728fce;
    --vat-kpi-soft: #eaf0fb;
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 82px; /* Reduced height */
    flex-direction: column;
    justify-content: center;
    gap: 3px; /* Tighter gap */
    overflow: hidden;
    padding: 10px 12px 10px 14px; /* Removed/reduced inside padding */
    border: 1px solid #dbe4ec;
    border-left: 2px solid var(--vat-kpi-accent);
    border-radius: 10px;
    background: linear-gradient(145deg, #ffffff 0%, #fbfcfe 100%);
    box-shadow: 0 2px 8px rgba(30, 58, 95, 0.04);
    isolation: isolate;
    /* Smoother, more gradual on-hover transition */
    transition: transform 350ms cubic-bezier(0.16, 1, 0.3, 1), border-color 350ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 350ms cubic-bezier(0.16, 1, 0.3, 1);
}

    .vat-kpi-card:hover[b-pmhijiwyey] {
        border-left: 3px solid var(--vat-kpi-accent);
        border-color: #566D7E;
        transform: translateY(-2.5px);
        box-shadow: 0 8px 20px rgba(71, 101, 157, 0.12);
    }

    .vat-kpi-card:focus-within[b-pmhijiwyey] {
        border-color: #566D7E;
        box-shadow: 0 0 0 3px rgba(114, 143, 206, 0.2);
    }

.vat-kpi-heading[b-pmhijiwyey] {
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    color: #566D7E;
    font-size: 0.57rem; /* Reduced font size */
    font-weight: 700;
    letter-spacing: 0.045em;
    text-transform: uppercase;
}

.vat-kpi-icon[b-pmhijiwyey] {
    display: grid;
    width: 26px;
    height: 26px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 7px;
    background: var(--vat-kpi-soft);
    color: var(--vat-kpi-accent);
    font-size: 0.8rem;
    transition: transform 350ms cubic-bezier(0.16, 1, 0.3, 1);
}

.vat-kpi-card:hover .vat-kpi-icon[b-pmhijiwyey] {
    transform: scale(1.06) rotate(-2deg);
}

.vat-kpi-value[b-pmhijiwyey] {
    z-index: 1;
    overflow: hidden;
    color: #566D7E;
    font-size: 0.85rem; /*clamp(0.80rem, 0.90vw, 0.95rem);  Reduced font size */
    font-weight: 600;
    line-height: 1.0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vat-kpi-caption[b-pmhijiwyey] {
    z-index: 1;
    overflow: hidden;
    color: #7a8ba0;
    font-size: 0.6rem; /* Scaled down slightly for harmony */
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vat-kpi-decoration[b-pmhijiwyey] {
    position: absolute;
    right: -10px;
    bottom: -10px;
    width: 36px; /* Reduced size of semi-circle background */
    height: 36px; /* Reduced size of semi-circle background */
    border-radius: 50%;
    background: var(--vat-kpi-soft);
    opacity: 0.85;
    transition: transform 350ms cubic-bezier(0.16, 1, 0.3, 1);
}

.vat-kpi-card:hover .vat-kpi-decoration[b-pmhijiwyey] {
    transform: scale(1.15);
}

.vat-kpi-output[b-pmhijiwyey] {
    --vat-kpi-accent: #2563eb;
    --vat-kpi-soft: #e8efff;
}

.vat-kpi-input[b-pmhijiwyey] {
    --vat-kpi-accent: #0f8a7b;
    --vat-kpi-soft: #e2f3f0;
}

.vat-kpi-sales[b-pmhijiwyey] {
    --vat-kpi-accent: #7c3aed;
    --vat-kpi-soft: #f1e8ff;
}

.vat-kpi-net[b-pmhijiwyey] {
    --vat-kpi-accent: #607586;
    --vat-kpi-soft: #e9eef2;
}

.vat-kpi-purchases[b-pmhijiwyey] {
    --vat-kpi-accent: #0891b2;
    --vat-kpi-soft: #e3f5f9;
}

.vat-kpi-recovery[b-pmhijiwyey] {
    --vat-kpi-accent: #ca2f3b;
    --vat-kpi-soft: #fbe7e9;
}

.btn-vat-primary[b-pmhijiwyey] {
    background: linear-gradient(135deg, #29465B 0%, #1a2e3d 100%);
    color: #ffffff;
    border: 1px solid #29465B;
    border-radius: 6px;
    padding: 6px 14px;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .btn-vat-primary:hover[b-pmhijiwyey] {
        background: linear-gradient(135deg, #1f3544 0%, #12202a 100%);
        box-shadow: 0 4px 10px rgba(41, 70, 91, 0.2);
    }

.btn-vat-secondary[b-pmhijiwyey] {
    background-color: #ffffff;
    color: #29465B;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 6px 14px;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .btn-vat-secondary:hover[b-pmhijiwyey] {
        background-color: #f1f5f9;
        border-color: #94a3b8;
    }

.vat-table-card[b-pmhijiwyey] {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.04);
    padding: 16px;
    overflow-x: auto;
}

.vat-schedule-table[b-pmhijiwyey] {
    font-size: 0.75rem;
    white-space: nowrap;
    margin-bottom: 0;
}

    .vat-schedule-table th[b-pmhijiwyey] {
        background-color: #f8fafc;
        color: #475569;
        font-weight: 700;
        border-bottom: 2px solid #e2e8f0;
        padding: 10px 8px;
    }

    .vat-schedule-table td[b-pmhijiwyey] {
        padding: 8px;
        vertical-align: middle;
        border-color: #f1f5f9;
    }

.col-line-item[b-pmhijiwyey] {
    min-width: 180px;
}

.col-action[b-pmhijiwyey] {
    min-width: 110px;
}

.table-divider-row td[b-pmhijiwyey] {
    padding: 4px;
    background-color: #f8fafc;
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
}

.table-section-header td[b-pmhijiwyey] {
    background-color: #f1f5f9;
    color: #29465B;
    font-weight: 700;
    font-size: 0.7rem;
    letter-spacing: 0.5px;
    padding: 6px 8px;
}

.table-highlight-row[b-pmhijiwyey] {
    background-color: #f8fafc;
    border-top: 2px solid #cbd5e1;
}

.text-marble[b-pmhijiwyey] {
    color: #29465B;
}

.btn-outline-marble[b-pmhijiwyey] {
    color: #29465B;
    border-color: #29465B;
    font-size: 0.7rem;
    padding: 2px 8px;
}

    .btn-outline-marble:hover[b-pmhijiwyey] {
        background-color: #29465B;
        color: #ffffff;
    }

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

@media (max-width: 720px) {
    .vat-header[b-pmhijiwyey] {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

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

@media (max-width: 460px) {
    .vat-kpi-grid[b-pmhijiwyey] {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .vat-kpi-card[b-pmhijiwyey],
    .vat-kpi-icon[b-pmhijiwyey],
    .vat-kpi-decoration[b-pmhijiwyey] {
        transition: none;
    }
}
/* /Components/Pages_Assessments/AssetFormComponents/AssessmentAssetDetailComponent.razor.rz.scp.css */
.aadc-container[b-dmvzifvvdy] {
    color: #29394f;
}

.aadc-loading[b-dmvzifvvdy] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 180px;
    color: #6c7b8e;
    font-size: 0.72rem;
}

.aadc-profile-header[b-dmvzifvvdy] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.7rem;
    padding: 0.85rem;
    border: 1px solid #dce5ed;
    border-radius: 9px;
    background: linear-gradient(135deg, #f6f9fb, #fff);
}

.aadc-profile-icon[b-dmvzifvvdy] {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 9px;
    background: #e7f0f7;
    color: #285b84;
    font-size: 1.05rem;
}

.aadc-eyebrow[b-dmvzifvvdy] {
    display: block;
    color: #79879a;
    font-size: 0.57rem;
    font-weight: 750;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}

.aadc-profile-header h3[b-dmvzifvvdy] {
    margin: 0.08rem 0;
    color: #172f4e;
    font-size: 1rem;
    font-weight: 750;
}

.aadc-profile-header p[b-dmvzifvvdy] {
    margin: 0;
    color: #708095;
    font-size: 0.63rem;
}

.aadc-status[b-dmvzifvvdy] {
    padding: 0.2rem 0.45rem;
    border-radius: 999px;
    background: #e1f3e9;
    color: #19764a;
    font-size: 0.57rem;
    font-weight: 700;
}

.aadc-profile-grid[b-dmvzifvvdy],
.aadc-summary-grid[b-dmvzifvvdy] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
    margin-top: 0.7rem;
}

.aadc-profile-grid > div[b-dmvzifvvdy],
.aadc-summary-grid article[b-dmvzifvvdy] {
    padding: 0.65rem;
    border: 1px solid #e0e7ee;
    border-radius: 7px;
    background: #fff;
}

.aadc-profile-grid span[b-dmvzifvvdy],
.aadc-summary-grid span[b-dmvzifvvdy] {
    display: block;
    color: #7b8899;
    font-size: 0.55rem;
    font-weight: 650;
    text-transform: uppercase;
}

.aadc-profile-grid strong[b-dmvzifvvdy] {
    display: block;
    margin-top: 0.16rem;
    color: #33465d;
    font-size: 0.66rem;
}

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

.aadc-summary-grid article[b-dmvzifvvdy] {
    background: #f9fbfc;
}

.aadc-summary-grid strong[b-dmvzifvvdy] {
    display: block;
    margin-top: 0.14rem;
    color: #1c3b60;
    font-family: "SFMono-Regular", Consolas, monospace;
    font-size: 0.77rem;
}

.aadc-summary-grid small[b-dmvzifvvdy] {
    display: block;
    margin-top: 0.12rem;
    color: #8a96a5;
    font-size: 0.5rem;
}

.aadc-movement-section[b-dmvzifvvdy] {
    margin-top: 0.75rem;
}

.aadc-section-heading[b-dmvzifvvdy] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 0.45rem;
}

.aadc-section-heading h4[b-dmvzifvvdy] {
    margin: 0.08rem 0 0;
    color: #263c57;
    font-size: 0.78rem;
}

.aadc-movement-count[b-dmvzifvvdy] {
    color: #748297;
    font-size: 0.56rem;
}

.aadc-table-frame[b-dmvzifvvdy] {
    border: 1px solid #dbe3eb;
    border-radius: 7px;
}

.aadc-table[b-dmvzifvvdy] {
    min-width: 660px;
}

.aadc-table th[b-dmvzifvvdy] {
    padding: 0.46rem;
    border-bottom: 1px solid #cbd6e1;
    background: #f2f5f8;
    color: #617084;
    font-size: 0.57rem;
    text-align: right;
    text-transform: uppercase;
}

.aadc-table th:first-child[b-dmvzifvvdy],
.aadc-table td:first-child[b-dmvzifvvdy] {
    text-align: left;
}

.aadc-table td[b-dmvzifvvdy] {
    padding: 0.42rem 0.46rem;
    border-color: #edf0f3;
    color: #526175;
    font-family: "SFMono-Regular", Consolas, monospace;
    font-size: 0.61rem;
    text-align: right;
}

.aadc-table td:first-child[b-dmvzifvvdy] {
    font-family: inherit;
}

.aadc-table td small[b-dmvzifvvdy] {
    display: block;
    color: #8b97a6;
    font-family: inherit;
    font-size: 0.48rem;
}

.aadc-inactive-month td[b-dmvzifvvdy] {
    background: #edf0f3;
    color: #a1abb7;
}

.aadc-not-owned[b-dmvzifvvdy] {
    font-family: inherit !important;
    font-size: 0.55rem !important;
    text-align: center !important;
}

.aadc-start-badge[b-dmvzifvvdy] {
    margin-left: 0.3rem;
    padding: 0.1rem 0.27rem;
    border-radius: 999px;
    background: #dff3e8;
    color: #19764a;
    font-size: 0.48rem;
}

.aadc-positive-movement[b-dmvzifvvdy] {
    color: #19764a;
}

.aadc-negative-movement[b-dmvzifvvdy] {
    color: #b13746;
}

.aadc-depreciation[b-dmvzifvvdy] {
    color: #8c692d !important;
}

.aadc-closing-value[b-dmvzifvvdy] {
    background: #f0f6fa;
    color: #173e68 !important;
    font-weight: 750;
}

.aadc-zero-value[b-dmvzifvvdy] {
    color: #acb5bf;
}

.aadc-remarks[b-dmvzifvvdy] {
    margin-top: 0.7rem;
    padding: 0.65rem;
    border-left: 3px solid #91adc5;
    border-radius: 0 6px 6px 0;
    background: #f5f8fa;
}

.aadc-remarks span[b-dmvzifvvdy] {
    color: #6e7c8f;
    font-size: 0.55rem;
    font-weight: 700;
    text-transform: uppercase;
}

.aadc-remarks p[b-dmvzifvvdy] {
    margin: 0.18rem 0 0;
    color: #526276;
    font-size: 0.62rem;
}

.aadc-footer[b-dmvzifvvdy] {
    display: flex;
    justify-content: flex-end;
    margin-top: 0.75rem;
}

@media (max-width: 720px) {
    .aadc-profile-grid[b-dmvzifvvdy],
    .aadc-summary-grid[b-dmvzifvvdy] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 480px) {
    .aadc-profile-header[b-dmvzifvvdy] {
        grid-template-columns: auto 1fr;
    }

    .aadc-status[b-dmvzifvvdy] {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .aadc-profile-grid[b-dmvzifvvdy],
    .aadc-summary-grid[b-dmvzifvvdy] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages_Assessments/AssetFormComponents/AssessmentAssetFormComponent.razor.rz.scp.css */
.aaf-ownership-body[b-9xnnir22ap] {
    display: grid;
    gap: .7rem;
    padding: .75rem;
}

.aaf-ownership-options[b-9xnnir22ap] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
}

.aaf-ownership-option[b-9xnnir22ap] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .55rem;
    padding: .65rem .7rem;
    border: 1px solid #d5dfe6;
    border-radius: .5rem;
    background: #fbfcfd;
    color: #526173;
    text-align: left;
    transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}

.aaf-ownership-option:hover[b-9xnnir22ap] {
    border-color: #aebec9;
    background: #f5f8fa;
}

.aaf-ownership-option.active[b-9xnnir22ap] {
    border-color: #198754;
    background: #edf8f2;
    color: #146c43;
    box-shadow: 0 0 0 .14rem rgba(25, 135, 84, .1);
}

.aaf-ownership-option > i[b-9xnnir22ap] {
    flex: 0 0 auto;
    font-size: 1rem;
}

.aaf-ownership-option > span[b-9xnnir22ap] {
    display: grid;
    min-width: 0;
}

.aaf-ownership-option strong[b-9xnnir22ap] {
    font-size: .72rem;
}

.aaf-ownership-option small[b-9xnnir22ap] {
    margin-top: .1rem;
    color: #708090;
    font-size: .59rem;
}

.aaf-input-group[b-9xnnir22ap] {
    display: flex;
    overflow: hidden;
    border: 1px solid #cbd7df;
    border-radius: .4rem;
    background: #fff;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.aaf-input-group:focus-within[b-9xnnir22ap] {
    border-color: #728fce;
    box-shadow: 0 0 0 .18rem rgba(114, 143, 206, .17);
}

.aaf-input-group > span[b-9xnnir22ap] {
    display: grid;
    min-width: 2rem;
    place-items: center;
    border-right: 1px solid #d8e1e7;
    background: #f2f5f7;
    color: #607080;
    font-size: .72rem;
    font-weight: 750;
}

.aaf-input-group .viq-form-control[b-9xnnir22ap] {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.aaf-input-group-suffix > span[b-9xnnir22ap] {
    order: 2;
    border-right: 0;
    border-left: 1px solid #d8e1e7;
}

.aaf-field-note[b-9xnnir22ap] {
    color: #718091;
    font-size: .59rem;
    font-style: italic;
    line-height: 1.35;
}

.aaf-status-summary[b-9xnnir22ap] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .7rem .75rem;
    border: 1px solid #c9dfef;
    border-radius: .52rem;
    background: linear-gradient(90deg, #edf7fd, #f8fbfd);
}

.aaf-status-summary > span[b-9xnnir22ap] {
    display: grid;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 50%;
    background: #dceefa;
    color: #2563a5;
}

.aaf-status-summary > div[b-9xnnir22ap] {
    display: grid;
}

.aaf-status-summary strong[b-9xnnir22ap] {
    color: #254d70;
    font-size: .72rem;
}

.aaf-status-summary small[b-9xnnir22ap] {
    margin-top: .12rem;
    color: #667f92;
    font-size: .61rem;
}

@media (max-width: 620px) {
    .aaf-ownership-options[b-9xnnir22ap] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages_Assessments/AssetFormComponents/AssetMovementFormComponent.razor.rz.scp.css */
/* ========================================
   ASSET MOVEMENT FORM COMPONENT (AMF)
   COMPLETELY ISOLATED STYLING
   All classes prefixed with 'amf-' to prevent conflicts
   ======================================== */

/* ========================================
   MAIN CONTAINER
   ======================================== */
.amf-container[b-lzeojqufz4] {
    font-size: 0.8rem;
    font-family: inherit;
    color: #212529;
    padding: 0.5rem;
}

/* ========================================
   ASSET HEADER CARD
   ======================================== */
.amf-header-card[b-lzeojqufz4] {
    border-radius: 1rem !important;
    transition: all 0.2s ease-in-out;
    margin-bottom: 0.75rem !important;
    padding: 0.75rem !important;
    background-color: #ffffff !important;
    border: 0 !important;
}

.amf-asset-name[b-lzeojqufz4] {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: #29465B !important;
    margin-bottom: 0rem !important;
    letter-spacing: -0.5px;
    line-height: 1.0;
}

.amf-asset-metadata[b-lzeojqufz4] {
    font-size: 0.75rem !important;
    color: #6c757d;
    line-height: 1.4;
    display: block !important;
    margin: 0 !important;
}

    .amf-asset-metadata strong[b-lzeojqufz4] {
        font-weight: 700;
        color: #495057;
    }

/* ========================================
   TABLE WRAPPER & RESPONSIVE
   ======================================== */
.amf-table-wrapper[b-lzeojqufz4] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    border: 1px solid #e9ecef;
    border-radius: 1rem;
    margin-bottom: 0.75rem;
    background-color: #ffffff;
    overflow-y: auto;
    max-height: 500px;
}

/* ========================================
   TABLE STYLES - COMPLETELY ISOLATED
   ======================================== */
.amf-data-table[b-lzeojqufz4] {
    table-layout: fixed;
    font-size: 0.75rem;
    margin-bottom: 0 !important;
    width: 100%;
    border-collapse: collapse;
}

/* ========================================
   TABLE HEADER
   ======================================== */
.amf-table-head[b-lzeojqufz4] {
    background-color: #f8f9fa;
    position: sticky;
    top: 0;
    z-index: 10;
}

.amf-header-row[b-lzeojqufz4] {
    background-color: #f8f9fa !important;
    border: 0 !important;
}

    .amf-header-row th[b-lzeojqufz4] {
        font-size: 0.65rem !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.3px;
        background-color: #f8f9fa !important;
        border-bottom: 2px solid #dee2e6 !important;
        color: #6c757d !important;
        vertical-align: middle !important;
        padding: 0.35rem 0.4rem !important;
        white-space: nowrap;
        height: 32px;
        line-height: 1.2;
        text-align: right;
        margin: 0 !important;
    }

.amf-col-month[b-lzeojqufz4] {
    width: 90px !important;
    text-align: left !important;
}

.amf-col-type[b-lzeojqufz4] {
    width: 130px !important;
    text-align: center !important;
}

.amf-col-value[b-lzeojqufz4] {
    width: 120px !important;
}

.amf-col-gross[b-lzeojqufz4] {
    width: 120px !important;
}

.amf-col-depr[b-lzeojqufz4] {
    width: 110px !important;
}

.amf-col-nbv[b-lzeojqufz4] {
    width: 120px !important;
}

/* ========================================
   TABLE BODY
   ======================================== */
.amf-table-body[b-lzeojqufz4] {
    background-color: #ffffff;
}

.amf-table-row[b-lzeojqufz4] {
    background-color: #ffffff;
    border-bottom: 1px solid #e9ecef !important;
    transition: background-color 0.15s ease-in-out;
    height: 28px;
}

    .amf-table-row:nth-child(even)[b-lzeojqufz4] {
        background-color: #f8f9fa;
    }

    .amf-table-row:hover[b-lzeojqufz4] {
        background-color: #f0f4f8;
    }

/* ========================================
   TABLE CELLS
   ======================================== */
.amf-data-table td[b-lzeojqufz4] {
    vertical-align: middle !important;
    padding: 0.3rem 0.4rem !important;
    border: 0 !important;
    height: 28px;
    line-height: 1.1;
    margin: 0 !important;
}

.amf-cell-month[b-lzeojqufz4] {
    width: 90px !important;
    font-weight: 700;
    color: #495057;
    text-align: left !important;
    padding-left: 0.75rem !important;
}

.amf-cell-type[b-lzeojqufz4] {
    width: 130px !important;
    text-align: center !important;
}

.amf-cell-value[b-lzeojqufz4] {
    width: 120px !important;
    text-align: right !important;
    padding-right: 0.5rem !important;
}

.amf-cell-gross[b-lzeojqufz4] {
    width: 120px !important;
    text-align: right !important;
    padding-right: 0.5rem !important;
}

.amf-cell-depr[b-lzeojqufz4] {
    width: 110px !important;
    text-align: right !important;
    padding-right: 0.5rem !important;
}

.amf-cell-nbv[b-lzeojqufz4] {
    width: 120px !important;
    text-align: right !important;
    padding-right: 0.75rem !important;
    background-color: #f0f8ff;
}

/* ========================================
   FORM INPUTS - MOVEMENT TYPE SELECT
   ======================================== */
.amf-select-movement-type[b-lzeojqufz4] {
    font-size: 0.75rem !important;
    min-height: 24px;
    height: 24px;
    padding: 0.2rem 0.4rem !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 0.25rem;
    transition: all 0.15s ease-in-out;
    background-color: #ffffff !important;
    line-height: 1.2;
    color: #212529 !important;
    font-weight: 600;
    margin: 0 !important;
    width: 100% !important;
    max-width: 120px;
    display: block;
}

    .amf-select-movement-type:focus[b-lzeojqufz4] {
        border-color: #0d6efd !important;
        box-shadow: 0 0 0 0.15rem rgba(13, 110, 253, 0.08) !important;
        outline: none !important;
    }

    .amf-select-movement-type:hover[b-lzeojqufz4] {
        border-color: #adb5bd;
    }

/* ========================================
   FORM INPUTS - MOVEMENT VALUE
   ======================================== */
.amf-input-movement-value[b-lzeojqufz4] {
    font-size: 0.75rem !important;
    min-height: 24px;
    height: 24px;
    padding: 0.2rem 0.4rem !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 0.25rem;
    transition: all 0.15s ease-in-out;
    background-color: #ffffff !important;
    font-family: 'Courier New', monospace;
    text-align: right !important;
    line-height: 1.2;
    color: #212529 !important;
    font-weight: 600;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box;
}

    .amf-input-movement-value:focus[b-lzeojqufz4] {
        border-color: #0d6efd !important;
        box-shadow: 0 0 0 0.15rem rgba(13, 110, 253, 0.08) !important;
        outline: none !important;
        background-color: #ffffff !important;
    }

    .amf-input-movement-value:hover[b-lzeojqufz4] {
        border-color: #adb5bd;
    }

    .amf-input-movement-value[b-lzeojqufz4]::placeholder {
        color: #adb5bd;
        opacity: 0.7;
    }

/* ========================================
   VALUE DISPLAY CELLS
   ======================================== */
.amf-value-display[b-lzeojqufz4] {
    font-family: 'Courier New', monospace;
    font-size: 0.75rem !important;
    display: inline-block;
    line-height: 1.2;
}

.amf-value-bold[b-lzeojqufz4] {
    font-weight: 700;
    color: #212529;
}

.amf-value-muted[b-lzeojqufz4] {
    color: #6c757d;
    font-weight: 500;
}

.amf-value-highlight[b-lzeojqufz4] {
    font-weight: 700;
    color: #212529;
    background-color: #f0f8ff;
    padding: 0.2rem 0.3rem;
    border-radius: 0.25rem;
}

/* ========================================
   SUMMARY BOX
   ======================================== */
.amf-summary-box[b-lzeojqufz4] {
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 0.75rem;
    padding: 0.5rem;
    margin-bottom: 0.75rem;
    font-size: 0.75rem;
}

.amf-summary-row[b-lzeojqufz4] {
    display: flex;
    gap: 1rem;
    margin-bottom: 0.5rem;
    flex-wrap: wrap;
}

    .amf-summary-row:last-child[b-lzeojqufz4] {
        margin-bottom: 0;
    }

.amf-summary-col[b-lzeojqufz4] {
    flex: 1;
    min-width: 150px;
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.amf-summary-col-full[b-lzeojqufz4] {
    flex: 1 1 100%;
}

.amf-summary-label[b-lzeojqufz4] {
    font-size: 0.7rem !important;
    color: #6c757d;
    font-weight: 600;
    display: block !important;
    margin: 0 !important;
    white-space: nowrap;
}

.amf-summary-value[b-lzeojqufz4] {
    font-family: 'Courier New', monospace;
    font-weight: 700;
    color: #212529;
    font-size: 0.85rem;
}

.amf-summary-value-highlight[b-lzeojqufz4] {
    color: #198754;
}

/* ========================================
   FORM ACTIONS
   ======================================== */
.amf-form-actions[b-lzeojqufz4] {
    display: flex;
    gap: 0.5rem;
    padding-top: 0.75rem;
    margin-top: 0.75rem;
    border-top: 1px solid #dee2e6;
}

.amf-btn-cancel[b-lzeojqufz4],
.amf-btn-submit[b-lzeojqufz4] {
    flex: 1;
    padding: 0.5rem;
    font-size: 0.75rem !important;
    font-weight: 700;
    border: none;
    border-radius: 0.375rem;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    min-height: 32px;
    line-height: 1.2;
    text-decoration: none;
    margin: 0 !important;
}

.amf-btn-cancel[b-lzeojqufz4] {
    color: #6c757d;
    background-color: #ffffff;
    border: 1px solid #dee2e6;
}

    .amf-btn-cancel:hover:not(:disabled)[b-lzeojqufz4] {
        background-color: #e9ecef;
        border-color: #adb5bd;
        transform: translateY(-1px);
    }

    .amf-btn-cancel:active:not(:disabled)[b-lzeojqufz4] {
        background-color: #dee2e6;
    }

.amf-btn-submit[b-lzeojqufz4] {
    color: #ffffff;
    background-color: #0d6efd;
    border: 1px solid #0d6efd;
}

    .amf-btn-submit:hover:not(:disabled)[b-lzeojqufz4] {
        background-color: #0b5ed7;
        border-color: #0a58ca;
        box-shadow: 0 2px 6px rgba(13, 110, 253, 0.3);
        transform: translateY(-1px);
    }

    .amf-btn-submit:active:not(:disabled)[b-lzeojqufz4] {
        background-color: #0a58ca;
        border-color: #0a3c65;
    }

    .amf-btn-submit:disabled[b-lzeojqufz4] {
        opacity: 0.6;
        cursor: not-allowed;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    .amf-btn-cancel:disabled[b-lzeojqufz4],
    .amf-btn-submit:disabled[b-lzeojqufz4] {
        transform: none;
    }

    .amf-btn-cancel i[b-lzeojqufz4],
    .amf-btn-submit i[b-lzeojqufz4] {
        font-size: 0.9rem;
        margin-right: 0.15rem !important;
    }

    .amf-btn-cancel .spinner-border[b-lzeojqufz4],
    .amf-btn-submit .spinner-border[b-lzeojqufz4] {
        width: 0.85rem !important;
        height: 0.85rem !important;
        margin-right: 0.25rem !important;
    }

/* ========================================
   BOOTSTRAP UTILITY OVERRIDES - SCOPED
   ======================================== */
.amf-container .p-2[b-lzeojqufz4] {
    padding: 0.5rem !important;
}

.amf-container .mb-3[b-lzeojqufz4] {
    margin-bottom: 0.75rem !important;
}

.amf-container .mb-0[b-lzeojqufz4] {
    margin-bottom: 0 !important;
}

.amf-container .d-flex[b-lzeojqufz4] {
    display: flex !important;
}

.amf-container .gap-3[b-lzeojqufz4] {
    gap: 0.75rem !important;
}

.amf-container .flex-wrap[b-lzeojqufz4] {
    flex-wrap: wrap !important;
}

.amf-container .bg-white[b-lzeojqufz4] {
    background-color: #ffffff !important;
}

.amf-container .border-0[b-lzeojqufz4] {
    border: 0 !important;
}

.amf-container .rounded-3[b-lzeojqufz4] {
    border-radius: 1rem !important;
}

.amf-container .shadow-sm[b-lzeojqufz4] {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.amf-container .card[b-lzeojqufz4] {
    border: 0 !important;
}

/* ========================================
   RESPONSIVE ADJUSTMENTS
   ======================================== */

@media (max-width: 1200px) {
    .amf-header-row th[b-lzeojqufz4] {
        font-size: 0.6rem !important;
        padding: 0.25rem 0.3rem !important;
        height: 28px;
    }

    .amf-data-table td[b-lzeojqufz4] {
        padding: 0.25rem 0.3rem !important;
        height: 26px;
    }

    .amf-select-movement-type[b-lzeojqufz4],
    .amf-input-movement-value[b-lzeojqufz4] {
        min-height: 22px;
        height: 22px;
        padding: 0.15rem 0.3rem !important;
        font-size: 0.7rem !important;
    }
}

@media (max-width: 768px) {
    .amf-container[b-lzeojqufz4] {
        font-size: 0.75rem;
        padding: 0.25rem;
    }

    .amf-asset-name[b-lzeojqufz4] {
        font-size: 1rem !important;
    }

    .amf-data-table[b-lzeojqufz4] {
        font-size: 0.7rem;
    }

    .amf-header-row th[b-lzeojqufz4] {
        font-size: 0.55rem !important;
        padding: 0.2rem 0.25rem !important;
        height: 26px;
    }

    .amf-data-table td[b-lzeojqufz4] {
        padding: 0.2rem 0.25rem !important;
        height: 24px;
    }

    .amf-table-row[b-lzeojqufz4] {
        height: 24px;
    }

    .amf-select-movement-type[b-lzeojqufz4],
    .amf-input-movement-value[b-lzeojqufz4] {
        min-height: 20px;
        height: 20px;
        padding: 0.1rem 0.25rem !important;
        font-size: 0.65rem !important;
    }

    .amf-btn-cancel[b-lzeojqufz4],
    .amf-btn-submit[b-lzeojqufz4] {
        font-size: 0.7rem !important;
        padding: 0.35rem 0.3rem;
        min-height: 28px;
    }

    .amf-summary-box[b-lzeojqufz4] {
        font-size: 0.7rem;
        padding: 0.4rem;
    }

    .amf-summary-col[b-lzeojqufz4] {
        min-width: 120px;
    }
}

@media (max-width: 480px) {
    .amf-container[b-lzeojqufz4] {
        padding: 0.1rem;
    }

    .amf-table-wrapper[b-lzeojqufz4] {
        border-radius: 0.5rem;
        max-height: 400px;
    }

    .amf-data-table[b-lzeojqufz4] {
        font-size: 0.65rem;
    }

    .amf-header-row th[b-lzeojqufz4] {
        font-size: 0.5rem !important;
        padding: 0.15rem 0.2rem !important;
        height: 24px;
    }

    .amf-data-table td[b-lzeojqufz4] {
        padding: 0.15rem 0.2rem !important;
        height: 22px;
    }

    .amf-summary-row[b-lzeojqufz4] {
        gap: 0.5rem;
    }

    .amf-summary-col[b-lzeojqufz4] {
        flex: 1 1 100%;
        min-width: auto;
    }

    .amf-btn-cancel[b-lzeojqufz4],
    .amf-btn-submit[b-lzeojqufz4] {
        font-size: 0.65rem !important;
        padding: 0.25rem;
        min-height: 26px;
    }
}

/* ========================================
   PRINT STYLES
   ======================================== */

@media print {
    .amf-btn-cancel[b-lzeojqufz4],
    .amf-btn-submit[b-lzeojqufz4] {
        display: none !important;
    }

    .amf-container[b-lzeojqufz4] {
        background-color: #ffffff;
        page-break-inside: avoid;
    }

    .amf-table-wrapper[b-lzeojqufz4] {
        box-shadow: none;
        border: 1px solid #000;
    }
}

/* ========================================
   ACCESSIBILITY
   ======================================== */

.amf-select-movement-type:focus[b-lzeojqufz4],
.amf-input-movement-value:focus[b-lzeojqufz4] {
    outline: 2px solid #0d6efd !important;
    outline-offset: 1px;
}

.amf-btn-cancel:focus[b-lzeojqufz4],
.amf-btn-submit:focus[b-lzeojqufz4] {
    outline: 2px solid #0d6efd !important;
    outline-offset: 2px;
}
/* /Components/Pages_Assessments/AssetFormComponents/AssetSummaryKpiCardsComponent.razor.rz.scp.css */
.asmkpi-shell[b-1u139r47g6] {
    width: 100%;
}

.asmkpi-header[b-1u139r47g6] {
    margin-bottom: 0.45rem;
}

    .asmkpi-header h2[b-1u139r47g6] {
        display: flex;
        align-items: center;
        gap: 0.45rem;
        margin: 0;
        color: #526477;
        font-size: 0.95rem;
    }

        .asmkpi-header h2 i[b-1u139r47g6] {
            color: #1d4ed8;
        }

    .asmkpi-header span[b-1u139r47g6] {
        padding-left: 1.65rem;
        color: #7b8794;
        font-size: 0.62rem;
    }

.asmkpi-grid[b-1u139r47g6] {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 0.5rem;
}

.asmkpi-card[b-1u139r47g6] {
    --asmkpi-accent: #64748b;
    min-width: 0;
    padding: 0.65rem;
    border: 1px solid #d8e4ee;
    border-left: 3px solid var(--asmkpi-accent);
    border-radius: 0.55rem;
    background: #fff;
    position: relative; /* Required for semi-circle positioning */
    overflow: hidden; /* Clips the semi-circle to the card corner */
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

    /* Bottom-right faded semi-circle treatment */
    .asmkpi-card[b-1u139r47g6]::after {
        content: '';
        position: absolute;
        bottom: -14px;
        right: -14px;
        width: 42px;
        height: 42px;
        border-radius: 50%;
        /* Uses the card's specific left border color with a subtle opacity fade */
        background-color: var(--asmkpi-accent);
        opacity: 0.15;
        pointer-events: none;
        transition: transform 180ms ease;
    }

    .asmkpi-card:hover[b-1u139r47g6] {
        transform: translateY(-2px);
        border-color: var(--asmkpi-accent);
        box-shadow: 0 7px 15px rgba(15, 42, 67, 0.09);
    }

        .asmkpi-card:hover[b-1u139r47g6]::after {
            transform: scale(1.15);
        }

    .asmkpi-card > div[b-1u139r47g6] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.35rem;
    }

.asmkpi-label[b-1u139r47g6] {
    overflow: hidden;
    color: #65758a;
    font-size: 0.55rem;
    font-weight: 700;
    letter-spacing: 0.035em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.asmkpi-card i[b-1u139r47g6] {
    color: var(--asmkpi-accent);
}

.asmkpi-card strong[b-1u139r47g6] {
    display: block;
    margin-top: 0.55rem;
    overflow: hidden;
    color: #26384a;
    font-size: 0.79rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.asmkpi-card small[b-1u139r47g6] {
    display: block;
    margin-top: 0.15rem;
    overflow: hidden;
    color: #8492a2;
    font-size: 0.53rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.asmkpi-blue[b-1u139r47g6] {
    --asmkpi-accent: #2563eb;
}

.asmkpi-slate[b-1u139r47g6] {
    --asmkpi-accent: #64748b;
}

.asmkpi-green[b-1u139r47g6] {
    --asmkpi-accent: #16a34a;
}

.asmkpi-red[b-1u139r47g6] {
    --asmkpi-accent: #dc2626;
}

.asmkpi-cyan[b-1u139r47g6] {
    --asmkpi-accent: #0891b2;
}

.asmkpi-amber[b-1u139r47g6] {
    --asmkpi-accent: #d97706;
}

@media (max-width: 1400px) {
    .asmkpi-grid[b-1u139r47g6] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .asmkpi-grid[b-1u139r47g6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Pages_Assessments/AssetFormComponents/BulkAssetsImportComponent.razor.rz.scp.css */
body[b-0ewj73m7m0] {
}
/* /Components/Pages_Assessments/AssumptionComponents/AssessmentProjectionReadinessComponent.razor.rz.scp.css */
.apr-card[b-rwf27lgezg] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0;
    border: 1px solid #d5e0e9;
    border-radius: 0.65rem;
    background: #fff;
    box-shadow: 0 4px 13px rgba(15, 42, 67, 0.05);
    transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

    .apr-card:hover[b-rwf27lgezg] {
        border-color: #94a3b8;
        box-shadow: 0 10px 25px -5px rgba(37, 99, 235, 0.12), 0 8px 10px -6px rgba(37, 99, 235, 0.08);
        transform: translateY(-2px);
    }

    .apr-card > header[b-rwf27lgezg] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 0.65rem 0.8rem;
        background: #fff !important;
    }

    .apr-card header span:first-child[b-rwf27lgezg] {
        color: #7b8794;
        font-size: 0.54rem;
        font-weight: 800;
        letter-spacing: 0.07em;
        text-transform: uppercase;
    }

    .apr-card h2[b-rwf27lgezg] {
        margin: 0.08rem 0 0;
        color: #183b56;
        font-size: 0.82rem;
    }

.apr-actions[b-rwf27lgezg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .apr-actions > strong[b-rwf27lgezg] {
        color: #183b56;
        font-size: 1rem;
    }

.apr-status[b-rwf27lgezg] {
    padding: 0.23rem 0.55rem;
    border-radius: 999px;
    font-size: 0.57rem;
    font-weight: 800;
}

.apr-status-ready[b-rwf27lgezg] {
    background: #dcfce7;
    color: #166534;
}

.apr-status-warning[b-rwf27lgezg] {
    background: #fef3c7;
    color: #92400e;
}

.apr-status-incomplete[b-rwf27lgezg] {
    background: #fee2e2;
    color: #b91c1c;
}

.apr-print[b-rwf27lgezg] {
    display: grid;
    width: 1.8rem;
    height: 1.8rem;
    padding: 0;
    place-items: center;
    border: 1px solid #cad7e2;
    border-radius: 50%;
    background: #fff;
    color: #315b77;
}

.apr-progress[b-rwf27lgezg] {
    height: 0.35rem;
    background: #e5ebf0;
}

    .apr-progress span[b-rwf27lgezg] {
        display: block;
        height: 100%;
        transition: width 300ms ease;
    }

.apr-progress-ready[b-rwf27lgezg] {
    background: #16a34a;
}

.apr-progress-warning[b-rwf27lgezg] {
    background: #d97706;
}

.apr-progress-incomplete[b-rwf27lgezg] {
    background: #dc2626;
}

.apr-summary[b-rwf27lgezg] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.55rem 0.8rem;
    color: #64748b;
    font-size: 0.61rem;
}

    .apr-summary > span i[b-rwf27lgezg] {
        margin-right: 0.25rem;
    }

    .apr-summary > span:first-child i[b-rwf27lgezg] {
        color: #16a34a;
    }

    .apr-summary > span:nth-child(2) i[b-rwf27lgezg] {
        color: #d97706;
    }

    .apr-summary button[b-rwf27lgezg] {
        margin-left: auto;
        border: 0;
        background: transparent;
        color: #2563eb;
        font-size: 0.61rem;
        font-weight: 750;
    }

.apr-check-grid[b-rwf27lgezg] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
    padding: 0 0.75rem 0.75rem;
}

/* Alert check items with transition and dark blue shadow on hover */
.apr-check[b-rwf27lgezg] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.55rem;
    padding: 0.6rem;
    border: 1px solid;
    border-radius: 0.5rem;
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

    .apr-check:hover[b-rwf27lgezg] {
        transform: translateY(-2px);
        border-color: #94a3b8 !important; /* Shifts border to marble on hover */
        box-shadow: 0 6px 16px rgba(15, 42, 67, 0.15); /* Rich dark blue shadow */
    }

.apr-check-pass[b-rwf27lgezg] {
    border-color: #b7ddca;
    background: #f0faf5;
    color: #15803d;
}

.apr-check-warning[b-rwf27lgezg] {
    border-color: #f0d296;
    background: #fffaed;
    color: #b45309;
}

.apr-check-required[b-rwf27lgezg] {
    border-color: #efb5b5;
    background: #fff5f5;
    color: #dc2626;
}

.apr-check strong[b-rwf27lgezg] {
    color: #29445d;
    font-size: 0.66rem;
}

.apr-check p[b-rwf27lgezg] {
    margin: 0.12rem 0;
    color: #64748b;
    font-size: 0.58rem;
}

.apr-check small[b-rwf27lgezg] {
    color: #40566d;
    font-size: 0.56rem;
    font-weight: 650;
}

.apr-state[b-rwf27lgezg] {
    display: flex;
    min-height: 6rem;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: #64748b;
    font-size: 0.66rem;
}

.apr-error[b-rwf27lgezg] {
    color: #b91c1c;
}

@media (max-width: 800px) {
    .apr-check-grid[b-rwf27lgezg] {
        grid-template-columns: 1fr;
    }
}

@media print {
    .apr-print[b-rwf27lgezg],
    .apr-summary button[b-rwf27lgezg] {
        display: none !important;
    }

    .apr-check-grid[b-rwf27lgezg] {
        display: grid !important;
    }
}
/* /Components/Pages_Assessments/AssumptionComponents/AssumptionsGuidanceComponent.razor.rz.scp.css */
.ag-card[b-oz8j2y53o0] {
    height: 100%;
    padding: 0.8rem;
    border: 1px solid #d7e2ec;
    border-radius: 0.6rem;
    background: linear-gradient(145deg, #f8fafc, #eef5fa);
}

.ag-card header[b-oz8j2y53o0] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    color: #29445d;
    font-size: 0.74rem;
}

.ag-card header i[b-oz8j2y53o0] {
    color: #2563eb;
}

.ag-card p[b-oz8j2y53o0] {
    margin: 0.45rem 0;
    color: #64748b;
    font-size: 0.62rem;
}

.ag-card ul[b-oz8j2y53o0] {
    display: grid;
    gap: 0.25rem;
    margin: 0 0 0.65rem;
    padding-left: 1rem;
    color: #526477;
    font-size: 0.61rem;
}
/* /Components/Pages_Assessments/AssumptionComponents/LightweightProjectionAssumptionsComponent.razor.rz.scp.css */
.lpa-card[b-eu8p9h8abr] {
    overflow: hidden;
    margin-top: 0rem;
    border: 1px solid #d7e2ec;
    border-radius: 0.65rem;
    background: #fff;
}

.lpa-card > header[b-eu8p9h8abr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.65rem 0.8rem;
    background: linear-gradient(135deg, #344e65, #4f6c7f);
    color: #fff;
}

.lpa-card header span:first-child[b-eu8p9h8abr] {
    display: block;
    color: #d5e3ec;
    font-size: 0.55rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.lpa-card h3[b-eu8p9h8abr] {
    margin: 0.08rem 0 0;
    font-size: 0.8rem;
}

.lpa-confirmed[b-eu8p9h8abr],
.lpa-draft[b-eu8p9h8abr] {
    padding: 0.22rem 0.5rem;
    border-radius: 999px;
    font-size: 0.58rem;
    font-weight: 750;
}

.lpa-confirmed[b-eu8p9h8abr] {
    background: #dcfce7;
    color: #166534;
}

.lpa-draft[b-eu8p9h8abr] {
    background: #fef3c7;
    color: #92400e;
}

.lpa-body[b-eu8p9h8abr] {
    padding: 0.8rem;
}

.lpa-grid[b-eu8p9h8abr] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.7rem;
}

.lpa-field[b-eu8p9h8abr],
.lpa-linked-fact[b-eu8p9h8abr] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 0.18rem;
    padding: 0.65rem;
    border: 1px solid #dfe7ee;
    border-radius: 0.5rem;
    background: #f9fbfc;
}

.lpa-field > span[b-eu8p9h8abr],
.lpa-linked-fact > span[b-eu8p9h8abr],
.lpa-remarks > span[b-eu8p9h8abr] {
    color: #29445d;
    font-size: 0.66rem;
    font-weight: 800;
}

.lpa-field > small[b-eu8p9h8abr],
.lpa-linked-fact > small[b-eu8p9h8abr] {
    min-height: 1.7rem;
    color: #7b8794;
    font-size: 0.56rem;
}

.lpa-linked-fact strong[b-eu8p9h8abr] {
    color: #2563eb;
    font-size: 0.7rem;
}

.lpa-remarks[b-eu8p9h8abr] {
    display: grid;
    gap: 0.25rem;
    margin-top: 0.7rem;
}

.lpa-validation[b-eu8p9h8abr] {
    display: grid;
    gap: 0.2rem;
    margin-top: 0.65rem;
    padding: 0.55rem;
    border: 1px solid #f4cf8c;
    border-radius: 0.45rem;
    background: #fff9e8;
    color: #8a5600;
    font-size: 0.61rem;
}

.lpa-body > footer[b-eu8p9h8abr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 0.75rem;
    padding-top: 0.65rem;
    border-top: 1px solid #e5ebf0;
}

.lpa-confirm-check[b-eu8p9h8abr] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    color: #526477;
    font-size: 0.62rem;
}

.lpa-state[b-eu8p9h8abr],
.lpa-error[b-eu8p9h8abr] {
    display: flex;
    min-height: 7rem;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: #64748b;
    font-size: 0.68rem;
}

.lpa-error[b-eu8p9h8abr] {
    color: #b91c1c;
}

@media (max-width: 900px) {
    .lpa-grid[b-eu8p9h8abr] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 560px) {
    .lpa-grid[b-eu8p9h8abr] {
        grid-template-columns: 1fr;
    }

    .lpa-body > footer[b-eu8p9h8abr] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Pages_Assessments/CommonComponents/AssessmentKpiCardsComponent.razor.rz.scp.css */
.assessment-kpi-shell[b-pumq2adk9k] {
    width: 100%;
    margin-top: 12px;
    margin-bottom: 16px;
}

.assessment-kpi-section-header[b-pumq2adk9k] {
    margin-bottom: .35rem; /* (1) Tightened section header bottom margin */
}

.assessment-kpi-section-header h2[b-pumq2adk9k] {
    display: flex;
    align-items: center;
    gap: .4rem;
    margin: 0;
    color: #526477;
    font-size: .9rem;
    font-weight: 700;
}

.assessment-kpi-section-header h2 i[b-pumq2adk9k] {
    color: #1d4ed8;
}

.assessment-kpi-section-header > span[b-pumq2adk9k] {
    display: block;
    padding-left: 1.5rem;
    color: #7b8794;
    font-size: .6rem;
}

.assessment-kpi-grid[b-pumq2adk9k] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .5rem; /* (1) Reduced grid gap */
    width: 100%;
}

.assessment-kpi-card[b-pumq2adk9k] {
    --kpi-accent: #728fce;
    --kpi-soft: #eaf0fb;
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 6.0rem; /* (1) Reduced overall minimum card height */
    flex-direction: column;
    justify-content: center;
    gap: .25rem; /* (1) Reduced internal vertical gap between elements */
    overflow: hidden;
    padding: .30rem .85rem .7rem 1rem; /* (1) Reduced card internal paddings */
    border: 1px solid #dbe4ec;
    border-left: .2rem solid var(--kpi-accent);
    border-radius: 10px;
    background: linear-gradient(145deg, #fff, #fbfcfe);
    box-shadow: 0 .2rem .7rem rgba(30, 58, 95, .05);
    isolation: isolate;
    transition: transform 350ms cubic-bezier(0.4, 0, 0.2, 1), /* (2) Increased smoothness */
                border-color 350ms cubic-bezier(0.4, 0, 0.2, 1),
                box-shadow 350ms cubic-bezier(0.4, 0, 0.2, 1);
}

.assessment-kpi-card:hover[b-pumq2adk9k] {
    border-color: #728fce;
    transform: translateY(-.2rem);
    box-shadow: 0 .6rem 1.4rem rgba(71, 101, 157, .15);
}

.assessment-kpi-heading[b-pumq2adk9k] {
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    color: #53667d;
    font-size: .54rem; /* (3) Reduced header font size */
    font-weight: 600;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.assessment-kpi-icon[b-pumq2adk9k] {
    display: grid;
    width: 1.85rem; /* (1) Slightly more compact icon container */
    height: 1.85rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: .5rem;
    background: var(--kpi-soft);
    color: var(--kpi-accent);
    font-size: .9rem;
    transition: transform 350ms cubic-bezier(0.4, 0, 0.2, 1); /* (2) Smooth icon transition */
}

.assessment-kpi-card:hover .assessment-kpi-icon[b-pumq2adk9k] {
    transform: scale(1.08) rotate(-3deg);
}

.assessment-kpi-value[b-pumq2adk9k] {
    z-index: 1;
    overflow: hidden;
    color: #526b80;
    font-size: clamp(.65rem, 0.9vw, 0.85rem); /* (3) Reduced value font size range */
    font-weight: 600;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.assessment-kpi-caption[b-pumq2adk9k] {
    z-index: 1;
    overflow: hidden;
    color: #7a8ba0;
    font-size: .6rem; /* (1) Scaled down to match reduced layout */
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.assessment-kpi-decoration[b-pumq2adk9k] {
    position: absolute;
    right: -.8rem;
    bottom: -.9rem;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: var(--kpi-soft);
    opacity: .9;
    transition: transform 350ms cubic-bezier(0.4, 0, 0.2, 1);
}

.assessment-kpi-card:hover .assessment-kpi-decoration[b-pumq2adk9k] {
    transform: scale(1.2);
}

.kpi-blue[b-pumq2adk9k] { --kpi-accent: #2563eb; --kpi-soft: #e8efff; }
.kpi-teal[b-pumq2adk9k] { --kpi-accent: #0f8a7b; --kpi-soft: #e2f3f0; }
.kpi-purple[b-pumq2adk9k] { --kpi-accent: #7c3aed; --kpi-soft: #f1e8ff; }
.kpi-slate[b-pumq2adk9k] { --kpi-accent: #607586; --kpi-soft: #e9eef2; }
.kpi-cyan[b-pumq2adk9k] { --kpi-accent: #0891b2; --kpi-soft: #e3f5f9; }
.kpi-red[b-pumq2adk9k] { --kpi-accent: #ca2f3b; --kpi-soft: #fbe7e9; }

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

@media (max-width: 720px) {
    .assessment-kpi-grid[b-pumq2adk9k] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 460px) {
    .assessment-kpi-grid[b-pumq2adk9k] { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .assessment-kpi-card[b-pumq2adk9k],
    .assessment-kpi-icon[b-pumq2adk9k],
    .assessment-kpi-decoration[b-pumq2adk9k] {
        transition: none;
    }
}
/* /Components/Pages_Assessments/CommonComponents/QuickAccessComponent.razor.rz.scp.css */
/* Container Shell Blueprint */
.dropdown-container[b-r8q50q5gtk] {
    position: relative;
    display: inline-block;
}

/* Quick Access Interface Launch Button */
.btn-quick-access[b-r8q50q5gtk] {
    background: transparent;
    border: 1px solid transparent;
    color: #6D7B8D;
    padding: 6px 10px;
    border-radius: 5px;
    font-size: 1.15rem;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

    .btn-quick-access:hover[b-r8q50q5gtk],
    .btn-quick-access.active[b-r8q50q5gtk] {
        color: #1a2b4c;
        background-color: rgba(26, 43, 76, 0.06);
        border-color: rgba(26, 43, 76, 0.1);
    }

/* Core Dropdown Matrix Board Shell */
.dropdown-card-menu[b-r8q50q5gtk] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    width: 400px;
    background-color: #ffffff;
    border: 1px solid rgba(26, 43, 76, 0.12);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(26, 43, 76, 0.12), 0 4px 12px rgba(0, 0, 0, 0.04);
    z-index: 1050;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s ease-in-out, visibility 0.2s;
}

    .dropdown-card-menu.show[b-r8q50q5gtk] {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

/* Minimalist Header Block */
.dropdown-card-header[b-r8q50q5gtk] {
    padding: 8px 12px;
    background-color: #ababab;
    border-bottom: 1px solid rgba(26, 43, 76, 0.08);
}

    .dropdown-card-header .header-title[b-r8q50q5gtk] {
        font-size: 0.82rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.6px;
        color: #efefef !important;
        margin-bottom: 0px;
    }

    .dropdown-card-header .header-subtitle[b-r8q50q5gtk] {
        font-size: 0.72rem;
        font-weight: 400;
        color: #6D7B8D;
    }

/* 4) Matrix Layout Framework with Faded Abstract Dot Wallpaper Array Elements */
.quick-access-grid[b-r8q50q5gtk] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
    padding: 8px;
    border: solid 1px #f5f5f5;
    border-radius: 8px;
    background-color: #ffffff;
    /*background-image: radial-gradient(rgba(54, 139, 193, 0.08) 1.5px, transparent 1.5px), radial-gradient(rgba(54, 139, 193, 0.05) 1px, transparent 1px);*/
    background-size: 16px 16px;
    background-position: 0 0, 8px 8px;
}

/* 1) 2) 3) Interactive Grid Items Customizations */
.quick-grid-item[b-r8q50q5gtk] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    background-color: #f4f8fb; /* Clean, faded off-white bluish default color */
    border: 1px solid rgba(54, 139, 193, 0.25); /* Lighter, thinner modern bluish border profile */
    border-radius: 8px;
    text-decoration: none !important;
    color: #333333;
    transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; /* Seamless animation transition rules */
}

/* Wide bottom span layout item context row mapping rules */
.wide-grid-span[b-r8q50q5gtk] {
    grid-column: span 2;
}

/* Icon Resizing Engines */
.grid-icon-wrapper[b-r8q50q5gtk] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background-color: #ffffff; /* Swapped inner icon wrapper to white to contrast against the off-white cell background */
    border-radius: 6px;
    font-size: 0.95rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
    flex-shrink: 0;
}

/* Item Content Typography Blocks */
.grid-item-text[b-r8q50q5gtk] {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
    align-items: flex-start;
}

    .grid-item-text .strong[b-r8q50q5gtk] {
        font-size: 0.79rem;
        font-weight: 600;
        color: #1a2b4c;
    }

    .grid-item-text .sub-text[b-r8q50q5gtk] {
        font-size: 0.7rem;
        color: #6D7B8D;
    }

/* 3) Distinct Hover States Enhancements */
.quick-grid-item:hover[b-r8q50q5gtk] {
    background-color: #ffffff; /* Flips to pure white background on hover */
    color: #000000;
    border-color: #368BC1; /* Enhanced accent highlight border definition */
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(54, 139, 193, 0.12);
}

    .quick-grid-item:hover .grid-item-text .strong[b-r8q50q5gtk] {
        color: #000000;
    }

    .quick-grid-item:hover .grid-icon-wrapper[b-r8q50q5gtk] {
        background-color: #f4f6f9; /* Inverts the icon background cleanly on hover */
    }

    .quick-grid-item:hover .grid-item-text .strong[b-r8q50q5gtk] {
        color: #000000;
    }

/* Unified Theme Token Map Configurations */
.text-navy[b-r8q50q5gtk] {
    color: #1a2b4c !important;
}

.text-purple[b-r8q50q5gtk] {
    color: #6f42c1 !important;
}
/* /Components/Pages_Assessments/CommonComponents/RightSummary01.razor.rz.scp.css */
/* ==========================================================================
   1. GLOBAL DASHBOARD WORKSPACE & CONTAINER LAYOUT
   ========================================================================== */
.dashboard-workspace[b-ojw8xvwb7z] {
    background-color: #f8f9fa;
    min-height: 100vh;
}

.row.g-3[b-ojw8xvwb7z] {
    margin-right: -8px;
    margin-left: -8px;
}

/* ==========================================================================
   2. SINGLE-ROW HIGHER-DENSITY KPI RIBBON INDICATORS
   ========================================================================== */
.metrics-ribbon-grid[b-ojw8xvwb7z] {
    display: grid;
    grid-template-columns: repeat(6, 1fr); /* Fits all 6 indicators inline on desktop */
    gap: 8px;
}

@media (max-width: 1400px) {
    .metrics-ribbon-grid[b-ojw8xvwb7z] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .metrics-ribbon-grid[b-ojw8xvwb7z] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* White background retained for KPI cards */
.kpi-card[b-ojw8xvwb7z] {
    background-color: #ffffff;
    border: 1px solid rgba(26, 43, 76, 0.08);
    border-radius: 6px;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

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

.kpi-card-body[b-ojw8xvwb7z] {
    padding: 8px 10px;
}

.kpi-meta[b-ojw8xvwb7z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2px;
}

/* 1) Made indicators smaller and a bit muted but visible */
.kpi-title[b-ojw8xvwb7z] {
    font-size: 0.58rem; /* Scaled down font-size */
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #64748b; /* Muted, legible slate-grey */
}

.kpi-value[b-ojw8xvwb7z] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 2px;
    letter-spacing: -0.3px;
}

.kpi-footer[b-ojw8xvwb7z] {
    font-size: 0.58rem; /* Scaled down metadata */
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Accent Borders */
.border-left-standard[b-ojw8xvwb7z] {
    border-left: 2px solid #94a3b8;
}

.border-left-danger-dynamic[b-ojw8xvwb7z] {
    border-left: 2px solid #ef4444;
}

.border-left-warning-dynamic[b-ojw8xvwb7z] {
    border-left: 2px solid #f59e0b;
}

.border-left-success-dynamic[b-ojw8xvwb7z] {
    border-left: 2px solid #10b981;
}

.border-left-navy-dynamic[b-ojw8xvwb7z] {
    border-left: 2px solid #1e3a8a;
}

.standard-shadow[b-ojw8xvwb7z] {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
}

.heavy-shadow[b-ojw8xvwb7z] {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}


/* ==========================================================================
   3. CHARTS MATRIX GRID & PREMIUM DARK SAGE HEADER CARDS
   ========================================================================== */
.dashboard-charts-matrix-grid[b-ojw8xvwb7z] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

@media (max-width: 1200px) {
    .dashboard-charts-matrix-grid[b-ojw8xvwb7z] {
        grid-template-columns: 1fr;
    }
}

/* White background retained for card body container */
.dashboard-chart-card[b-ojw8xvwb7z] {
    background-color: #ffffff;
    border: 1px solid rgba(26, 43, 76, 0.08);
    border-radius: 8px;
    overflow: hidden;
}

.pronounced-shadow[b-ojw8xvwb7z] {
    box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.04), 0 3px 6px -2px rgba(0, 0, 0, 0.02);
}

/* 2) Header specific background update: Greenish-grey matching image_bbbd02 */
.chart-card-header.dark-header[b-ojw8xvwb7z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 10px;
    background: linear-gradient(145deg, #516660, #43544f); /* Accurate sage/greenish-grey gradient */
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.chart-title-block[b-ojw8xvwb7z] {
    display: flex;
    align-items: center;
}

    .chart-title-block h5[b-ojw8xvwb7z] {
        font-size: 0.8rem;
        font-weight: 600;
        margin: 0;
    }

.chart-card-viewport[b-ojw8xvwb7z] {
    padding: 16px;
    min-height: 220px;
    position: relative;
}

.flex-center[b-ojw8xvwb7z] {
    display: flex;
    align-items: center;
    justify-content: center;
}


/* ==========================================================================
   4. SIDEBAR REFINEMENTS & HEADER MATCHING
   ========================================================================== */
.documentation-sidebar[b-ojw8xvwb7z] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* White background retained for sidebar block cards */
.context-card[b-ojw8xvwb7z] {
    background-color: #ffffff;
    border: 1px solid rgba(26, 43, 76, 0.08);
    border-radius: 8px;
    overflow: hidden;
}

/* Greenish-grey background header alignment */
.sidebar-block-header.summary-header[b-ojw8xvwb7z] {
    display: flex;
    align-items: center;
    padding: 6px 12px;
    background: linear-gradient(145deg, #516660, #43544f); /* Matching card headers */
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

    .sidebar-block-header.summary-header h6[b-ojw8xvwb7z] {
        font-size: 0.72rem;
        font-variant: small-caps;
        letter-spacing: 0.8px;
        font-weight: 600;
    }

.status-phase-list .list-group-item[b-ojw8xvwb7z] {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

    .status-phase-list .list-group-item:last-child[b-ojw8xvwb7z] {
        border-bottom: none;
    }

.status-dot-filled[b-ojw8xvwb7z] {
    font-size: 0.58rem !important;
    padding: 2px 6px;
    font-weight: 600;
}


/* ==========================================================================
   5. SPECIFIC VISUALIZATION MATRIX ENGINE PROPERTIES
   ========================================================================== */
.trend-mockup-chart[b-ojw8xvwb7z] {
    display: flex;
    height: 160px;
    gap: 8px;
    align-items: flex-end;
    position: relative;
}

.trend-bar-axis-y[b-ojw8xvwb7z] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    font-size: 0.6rem;
    color: #8a9cae;
    padding-right: 4px;
    border-right: 1px solid rgba(0, 0, 0, 0.05);
}

.trend-grid-bars[b-ojw8xvwb7z] {
    display: flex;
    width: 100%;
    justify-content: space-around;
    height: 100%;
    align-items: flex-end;
}

.trend-column-bar[b-ojw8xvwb7z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: flex-end;
    width: 100%;
}

.bar-fill-pnl[b-ojw8xvwb7z] {
    width: 60%;
    max-width: 20px;
    height: var(--bar-height);
    border-radius: 2px 2px 0 0;
    transition: all 0.3s ease;
}

/* 3) Changed positive performance timeline bars from blue to faint, sky-blue */
.bg-sky-blue[b-ojw8xvwb7z] {
    background-color: #bae6fd; /* Clear, elegant faint sky-blue */
    border: 1px solid #7dd3fc;
}

.bar-axis-x-label[b-ojw8xvwb7z] {
    font-size: 0.6rem;
    color: #8a9cae;
    margin-top: 2px;
}

.cashflow-mockup-viz[b-ojw8xvwb7z] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 160px;
}

.cash-line-stream[b-ojw8xvwb7z] {
    height: 125px;
    background: linear-gradient(180deg, rgba(25, 135, 84, 0.04) 0%, rgba(255, 255, 255, 0) 100%);
    border-bottom: 2px dashed #198754;
    position: relative;
    border-radius: 4px;
}

.cashflow-legend[b-ojw8xvwb7z] {
    display: flex;
    justify-content: center;
    font-size: 0.68rem;
    color: #4a5568;
}

.legend-dot[b-ojw8xvwb7z] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 4px;
    align-self: center;
}

.radar-chart-container[b-ojw8xvwb7z] {
    position: relative;
    width: 100%;
    max-width: 240px;
    height: 200px;
    margin: 0 auto;
}

.radar-svg-canvas[b-ojw8xvwb7z] {
    width: 100%;
    height: 100%;
    overflow: visible;
}

.radar-grid-web[b-ojw8xvwb7z] {
    fill: none;
    stroke: rgba(0, 0, 0, 0.06);
    stroke-width: 1.0;
    stroke-dasharray: 2 2;
}

.radar-axis-line[b-ojw8xvwb7z] {
    stroke: rgba(0, 0, 0, 0.06);
    stroke-width: 1.2;
}

.radar-dot[b-ojw8xvwb7z] {
    stroke: #ffffff;
    stroke-width: 1.2;
}

.dot-interest[b-ojw8xvwb7z] {
    fill: #0d6efd;
}

.dot-margin[b-ojw8xvwb7z] {
    fill: #198754;
}

.dot-efficiency[b-ojw8xvwb7z] {
    fill: #6f42c1;
}

.radar-label[b-ojw8xvwb7z] {
    position: absolute;
    font-size: 0.68rem;
    line-height: 1.1;
    color: #1a2b4c;
    pointer-events: none;
}

.lbl-top[b-ojw8xvwb7z] {
    top: -4px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.lbl-right[b-ojw8xvwb7z] {
    bottom: 16px;
    right: -25px;
    width: 90px;
}

.lbl-left[b-ojw8xvwb7z] {
    bottom: 16px;
    left: -25px;
    width: 90px;
}

.radar-shade-zone[b-ojw8xvwb7z] {
    stroke: none;
    mix-blend-mode: multiply;
}

.zone-blue[b-ojw8xvwb7z] {
    fill: rgba(13, 110, 253, 0.15);
}

.zone-green[b-ojw8xvwb7z] {
    fill: rgba(25, 135, 84, 0.12);
}

.zone-purple[b-ojw8xvwb7z] {
    fill: rgba(111, 66, 193, 0.12);
}

.radar-perimeter-outline[b-ojw8xvwb7z] {
    fill: none;
    stroke: rgba(26, 43, 76, 0.2);
    stroke-width: 1.2;
}


/* ==========================================================================
   6. UTILITY FONTS & SPECIFIC TEXT UTILITIES
   ========================================================================== */
.text-xs[b-ojw8xvwb7z] {
    font-size: 0.68rem !important;
}

.text-xxs[b-ojw8xvwb7z] {
    font-size: 0.6rem !important;
    letter-spacing: 0.4px;
    font-weight: 700;
}

.badge-approved[b-ojw8xvwb7z] {
    background-color: rgba(25, 135, 84, 0.08);
    color: #198754;
    border: 1px solid rgba(25, 135, 84, 0.15);
}
/* /Components/Pages_Assessments/CommonComponents/WorkingCapital/WorkingCapitalDistributionComponent.razor.rz.scp.css */
/*==============================================================*/
/* MODULE                                                       */
/*==============================================================*/

.wcm-module[b-6lhvvnuoc4] {
    background: #ffffff;
    border: 1px solid #dfe8f1;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0,0,0,.08);
    margin-bottom: 30px;
}

.wcm-module-body[b-6lhvvnuoc4] {
    padding: 20px;
}

/*==============================================================*/
/* HEADER                                                       */
/*==============================================================*/

.wcm-module-header[b-6lhvvnuoc4] {
    padding: 15px 20px;
    color: white;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wcm-header-debtors[b-6lhvvnuoc4] {
    background: linear-gradient(90deg,#6F94D8,#8CB7EE,#DCEEFF);
}

.wcm-header-creditors[b-6lhvvnuoc4] {
    background: linear-gradient(90deg,#73B781,#9FD4A6,#EEF9F1);
}

/*==============================================================*/
/* CARD                                                         */
/*==============================================================*/

.wcm-card[b-6lhvvnuoc4] {
    background: white;
    border: 1px solid #e3ebf3;
    border-radius: 12px;
    padding: 18px;
    box-shadow: 0 2px 8px rgba(0,0,0,.04);
    height: 100%;
}

.wcm-card-header[b-6lhvvnuoc4] {
    font-size: 15px;
    font-weight: 600;
    color: #4b6278;
    border-bottom: 1px solid #edf2f6;
    padding-bottom: 10px;
    margin-bottom: 18px;
}

/*==============================================================*/
/* PROFILE                                                      */
/*==============================================================*/

.wcm-profile-tile[b-6lhvvnuoc4] {
    background: linear-gradient(180deg,#ffffff,#f8fbfd);
    border: 1px solid #dfe8f1;
    border-radius: 12px;
    padding: 14px;
    transition: .25s;
    height: 100%;
}

    .wcm-profile-tile:hover[b-6lhvvnuoc4] {
        transform: translateY(-2px);
        box-shadow: 0 8px 18px rgba(0,0,0,.10);
    }

.tile-title[b-6lhvvnuoc4] {
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    color: #5d7083;
    margin-bottom: 10px;
}

.tile-input[b-6lhvvnuoc4] {
    text-align: center !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
}

    .tile-input.invalid-profile[b-6lhvvnuoc4] {
        border: 2px solid #dc3545 !important;
        background: #fff4f4;
    }

.wcm-profile-total[b-6lhvvnuoc4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eef5fb;
    border: 1px solid #d9e7f5;
    border-radius: 10px;
    padding: 12px 16px;
    font-weight: 700;
    color: #3f5f84;
}

/*==============================================================*/
/* DISTRIBUTION TABLE                                           */
/*==============================================================*/

.wcm-distribution-table[b-6lhvvnuoc4] {
    margin-bottom: 0;
    border-collapse: separate;
    border-spacing: 0;
}

    .wcm-distribution-table thead th[b-6lhvvnuoc4] {
        position: sticky;
        top: 0;
        z-index: 5;
        background: linear-gradient(180deg,#edf5fc,#ddeaf8);
        color: #49627d;
        font-size: 13px;
        font-weight: 600;
        border-bottom: 2px solid #c6dbef;
    }

    .wcm-distribution-table td[b-6lhvvnuoc4] {
        padding: 10px;
        vertical-align: middle;
        border-color: #e8eef5;
    }

    .wcm-distribution-table tbody tr:nth-child(even)[b-6lhvvnuoc4] {
        background: #fafcfe;
    }

    .wcm-distribution-table tbody tr:nth-child(odd)[b-6lhvvnuoc4] {
        background: white;
    }

    .wcm-distribution-table tbody tr:hover[b-6lhvvnuoc4] {
        background: #eef7ff;
    }

.wcm-month-column[b-6lhvvnuoc4] {
    font-weight: 600;
    color: #586b7d;
}

.wcm-invoiced-column[b-6lhvvnuoc4] {
    background: #f5faff;
    color: #2f5d89;
    font-weight: 700;
}

.wcm-row-total[b-6lhvvnuoc4] {
    background: #f2f7fd;
    color: #2f5d89;
    font-weight: 700;
}

.wcm-grand-total[b-6lhvvnuoc4] {
    background: linear-gradient(180deg,#edf5fc,#ddeaf8);
    border-top: 2px solid #b5cfe9;
    font-weight: 700;
}

    .wcm-grand-total td[b-6lhvvnuoc4] {
        color: #2d5b88;
        padding-top: 12px;
        padding-bottom: 12px;
    }

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

.wcm-kpi-card[b-6lhvvnuoc4] {
    background: white;
    border: 1px solid #e3ebf3;
    border-radius: 14px;
    padding: 18px;
    text-align: center;
    transition: .25s;
    height: 100%;
    box-shadow: 0 3px 10px rgba(0,0,0,.05);
}

    .wcm-kpi-card:hover[b-6lhvvnuoc4] {
        transform: translateY(-3px);
        box-shadow: 0 10px 22px rgba(0,0,0,.10);
    }

.wcm-kpi-title[b-6lhvvnuoc4] {
    font-size: 13px;
    text-transform: uppercase;
    color: #7b8794;
    margin-bottom: 8px;
}

.wcm-kpi-value[b-6lhvvnuoc4] {
    font-size: 30px;
    font-weight: 700;
    color: #3c5f88;
}

.wcm-kpi-footer[b-6lhvvnuoc4] {
    margin-top: 8px;
    font-size: 12px;
    color: #9aa8b6;
}

/*==============================================================*/
/* RESPONSIVE                                                   */
/*==============================================================*/

@media (max-width:992px) {

    .wcm-module-body[b-6lhvvnuoc4] {
        padding: 15px;
    }

    .tile-input[b-6lhvvnuoc4] {
        font-size: 18px !important;
    }

    .wcm-kpi-value[b-6lhvvnuoc4] {
        font-size: 24px;
    }

    .wcm-distribution-table[b-6lhvvnuoc4] {
        font-size: 12px;
    }
}
/* /Components/Pages_Assessments/PageFormComponents/AssessmentAssetsFormComponent.razor.rz.scp.css */
.viq-stock-distribution[b-mlvezg0vke] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: .65rem;
    padding: .75rem;
}

.viq-stock-apply[b-mlvezg0vke] { min-width: 7rem; }

.viq-stock-month-grid[b-mlvezg0vke] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
    padding: .75rem;
}

.viq-stock-month[b-mlvezg0vke] {
    display: grid;
    grid-template-columns: 2.2rem minmax(0, 1fr);
    align-items: center;
    gap: .4rem;
    margin: 0;
    padding: .38rem;
    border: 1px solid #e0e7ec;
    border-radius: .45rem;
    background: #fbfcfd;
}

.viq-stock-month > span[b-mlvezg0vke] {
    color: #526173;
    font-size: .68rem;
    font-weight: 800;
    text-align: center;
}

.viq-stock-total[b-mlvezg0vke] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .72rem .8rem;
    border: 1px solid #bfdcd0;
    border-radius: .55rem;
    background: linear-gradient(90deg, #eff9f4, #f9fcfb);
}

.viq-stock-total span[b-mlvezg0vke] {
    color: #496458;
    font-size: .7rem;
    font-weight: 700;
}

.viq-stock-total strong[b-mlvezg0vke] {
    color: #146c43;
    font-size: .9rem;
}

@media (max-width: 720px) {
    .viq-stock-month-grid[b-mlvezg0vke] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 520px) {
    .viq-stock-distribution[b-mlvezg0vke],
    .viq-stock-month-grid[b-mlvezg0vke] { grid-template-columns: 1fr; }
    .viq-stock-apply[b-mlvezg0vke] { width: 100%; }
}
/* /Components/Pages_Assessments/PageFormComponents/AssessmentLoanFormComponent.razor.rz.scp.css */
.viq-method-note[b-1ow4n0cefh] {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    padding: .7rem .75rem;
    border: 1px solid #bcd9d0;
    border-left: 3px solid #198754;
    border-radius: .5rem;
    background: #f1faf6;
}

.viq-method-note > span[b-1ow4n0cefh] {
    display: grid;
    width: 1.9rem;
    height: 1.9rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: .42rem;
    background: #dff3e9;
    color: #157347;
}

.viq-method-note strong[b-1ow4n0cefh] {
    color: #174d36;
    font-size: .76rem;
}

.viq-method-note p[b-1ow4n0cefh] {
    margin: .12rem 0 0;
    color: #527062;
    font-size: .64rem;
    line-height: 1.4;
}
/* /Components/Pages_Assessments/PageFormComponents/AssessmentLoanRepaymentFormComponent.razor.rz.scp.css */
.viq-repayment-tools[b-fa3boamypr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: .65rem;
    padding: .75rem;
    border-bottom: 1px solid #e4eaee;
    background: #fbfcfd;
}

.viq-repayment-tool-actions[b-fa3boamypr] {
    display: flex;
    gap: .45rem;
}

.viq-repayment-table-wrap[b-fa3boamypr] {
    overflow: auto;
    max-height: 30rem;
    margin: .75rem;
    border: 1px solid #d4dee6;
    border-radius: .5rem;
    background: #fff;
}

.viq-repayment-table[b-fa3boamypr] {
    width: 100%;
    min-width: 35rem;
    border-collapse: separate;
    border-spacing: 0;
    color: #334155;
    font-size: .72rem;
}

.viq-repayment-table th[b-fa3boamypr],
.viq-repayment-table td[b-fa3boamypr] {
    padding: .42rem .45rem;
    border-right: 1px solid #e2e8ee;
    border-bottom: 1px solid #e2e8ee;
    vertical-align: middle;
}

.viq-repayment-table th:last-child[b-fa3boamypr],
.viq-repayment-table td:last-child[b-fa3boamypr] { border-right: 0; }

.viq-repayment-table thead th[b-fa3boamypr] {
    position: sticky;
    top: 0;
    z-index: 2;
    padding-top: .55rem;
    padding-bottom: .55rem;
    background: #eef3f7;
    color: #273d50;
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .02em;
}

.viq-repayment-table tbody th[b-fa3boamypr] {
    width: 3.5rem;
    background: #f8fafc;
    color: #172554;
    font-weight: 800;
    text-align: center;
}

.viq-repayment-table tbody tr:hover td[b-fa3boamypr],
.viq-repayment-table tbody tr:hover th[b-fa3boamypr] { background-color: #f8fbfd; }

.viq-repayment-value[b-fa3boamypr] {
    width: 100%;
    min-height: 2rem;
    padding: .32rem .42rem;
    border: 1px solid #cbd7df;
    border-radius: .38rem;
    outline: 0;
    background: #fff;
    color: #1e293b;
    text-align: right;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .75rem;
    font-weight: 650;
}

.viq-repayment-readonly[b-fa3boamypr] {
    border-color: transparent;
    background: #f4f7f9;
    color: #586b7b;
}

.viq-repayment-extra[b-fa3boamypr] {
    border-color: #9fb8db;
    color: #173f78;
}

.viq-repayment-extra:focus[b-fa3boamypr] {
    border-color: #728fce;
    box-shadow: 0 0 0 .16rem rgba(114,143,206,.17);
}

.viq-repayment-total[b-fa3boamypr] {
    background: #f7fafc;
    color: #172554;
    text-align: right;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-weight: 800;
}

.viq-repayment-grand-total th[b-fa3boamypr],
.viq-repayment-grand-total td[b-fa3boamypr] {
    position: sticky;
    bottom: 0;
    border-bottom: 0;
    background: #eaf4ef !important;
    color: #174d36;
    font-weight: 800;
}

@media (max-width: 620px) {
    .viq-repayment-tools[b-fa3boamypr] { grid-template-columns: 1fr; }
    .viq-repayment-tool-actions[b-fa3boamypr] { display: grid; grid-template-columns: 1fr 1fr; }
}
/* /Components/Pages_Assessments/PageFormComponents/AssessmentLoansListComponent.razor.rz.scp.css */
.all-card[b-ma9v0a7s9b]{overflow:hidden;border:1px solid #d8e3ec;border-radius:.7rem;background:#fff;box-shadow:0 5px 18px rgba(21,49,72,.07)}.all-header[b-ma9v0a7s9b]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .8rem;background:linear-gradient(120deg,#173d59,#245a73);color:#fff}.all-header>div[b-ma9v0a7s9b]{display:flex;align-items:center;gap:.6rem}.all-icon[b-ma9v0a7s9b]{display:grid;width:2rem;height:2rem;place-items:center;border-radius:.5rem;background:rgba(255,255,255,.1);color:#8ee4d4}.all-header>div>div>span[b-ma9v0a7s9b]{color:#9bd8de;font-size:.52rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.all-header h3[b-ma9v0a7s9b]{margin:.04rem 0;color:#fff;font-size:.8rem}.all-header p[b-ma9v0a7s9b]{margin:0;color:#d2e1e8;font-size:.55rem}.all-header>button[b-ma9v0a7s9b]{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .65rem;border:1px solid #62cbb8;border-radius:.42rem;background:#2ba88f;color:#fff;font-size:.59rem;font-weight:800}.all-body[b-ma9v0a7s9b]{min-height:4rem}.all-state[b-ma9v0a7s9b]{display:flex;min-height:6rem;align-items:center;justify-content:center;gap:.4rem;flex-direction:column;color:#738494;font-size:.58rem}.all-table-wrap[b-ma9v0a7s9b]{overflow-x:auto}.all-table[b-ma9v0a7s9b]{width:100%;border-collapse:collapse}.all-table th[b-ma9v0a7s9b]{padding:.46rem .6rem;border-bottom:1px solid #dce5ec;background:#f4f7f9;color:#718191;font-size:.51rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.all-table td[b-ma9v0a7s9b]{padding:.48rem .6rem;border-bottom:1px solid #edf1f4;color:#40586a;font-size:.58rem;white-space:nowrap}.all-table tbody tr:hover[b-ma9v0a7s9b]{background:#fbfdfe}.all-rate[b-ma9v0a7s9b]{color:#b45309;font-weight:800}.all-status[b-ma9v0a7s9b]{padding:.18rem .4rem;border-radius:999px;font-size:.5rem;font-weight:800}.all-status.active[b-ma9v0a7s9b]{background:#dcfce7;color:#166534}.all-status.inactive[b-ma9v0a7s9b]{background:#fee2e2;color:#991b1b}.all-edit[b-ma9v0a7s9b]{border:0;background:transparent;color:#2563eb}.all-card footer[b-ma9v0a7s9b]{padding:.48rem .7rem;border-top:1px solid #dce5ec;background:#f8fafc;color:#718294;font-size:.52rem}
@media(max-width:650px){.all-header[b-ma9v0a7s9b]{align-items:stretch;flex-direction:column}.all-header>button[b-ma9v0a7s9b]{justify-content:center}}
/* /Components/Pages_Assessments/PageFormComponents/SalesCategoryListComponent.razor.rz.scp.css */
.scl-card[b-k529pvitcz]{overflow:hidden;margin-bottom:.75rem;border:1px solid #d8e3ec;border-radius:.7rem;background:#fff;box-shadow:0 5px 18px rgba(21,49,72,.07)}.scl-header[b-k529pvitcz]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .8rem;background:linear-gradient(120deg,#173d59,#245a73);color:#fff}.scl-header>div[b-k529pvitcz]{display:flex;align-items:center;gap:.6rem}.scl-icon[b-k529pvitcz]{display:grid;width:2rem;height:2rem;place-items:center;border-radius:.5rem;background:rgba(255,255,255,.1);color:#8ee4d4}.scl-header>div>div>span[b-k529pvitcz]{color:#9bd8de;font-size:.52rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.scl-header h3[b-k529pvitcz]{margin:.04rem 0;color:#fff;font-size:.8rem}.scl-header p[b-k529pvitcz]{margin:0;color:#d2e1e8;font-size:.55rem}.scl-header>button[b-k529pvitcz]{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .65rem;border:1px solid #62cbb8;border-radius:.42rem;background:#2ba88f;color:#fff;font-size:.59rem;font-weight:800}
.scl-body[b-k529pvitcz]{min-height:4rem}.scl-state[b-k529pvitcz]{display:flex;min-height:6rem;align-items:center;justify-content:center;gap:.4rem;flex-direction:column;color:#738494;font-size:.58rem}.scl-table-wrap[b-k529pvitcz]{overflow-x:auto}.scl-table[b-k529pvitcz]{width:100%;border-collapse:collapse}.scl-table th[b-k529pvitcz]{padding:.46rem .6rem;border-bottom:1px solid #dce5ec;background:#f4f7f9;color:#718191;font-size:.52rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.scl-table td[b-k529pvitcz]{padding:.48rem .6rem;border-bottom:1px solid #edf1f4;color:#40586a;font-size:.59rem}.scl-table tbody tr:hover[b-k529pvitcz]{background:#fbfdfe}.scl-rate[b-k529pvitcz]{color:#16776d;font-weight:800}.scl-status[b-k529pvitcz]{padding:.18rem .4rem;border-radius:999px;font-size:.5rem;font-weight:800}.scl-status.active[b-k529pvitcz]{background:#dcfce7;color:#166534}.scl-status.inactive[b-k529pvitcz]{background:#fee2e2;color:#991b1b}.scl-edit[b-k529pvitcz]{border:0;background:transparent;color:#2563eb}.scl-card footer[b-k529pvitcz]{padding:.48rem .7rem;border-top:1px solid #dce5ec;background:#f8fafc;color:#718294;font-size:.52rem}
@media(max-width:650px){.scl-header[b-k529pvitcz]{align-items:stretch;flex-direction:column}.scl-header>button[b-k529pvitcz]{justify-content:center}}
/* /Components/Pages_Assessments/PageFormComponents/SettingsPageComponents/DebtorsCreditorsComponent.razor.rz.scp.css */
.dc-profile-card[b-2kpzyjaftb] {
    overflow: hidden;
    border: 1px solid #d8e3ec;
    border-radius: .7rem;
    background: #fff;
    box-shadow: 0 5px 18px rgba(21, 49, 72, .07);
    color: #26384a;
}

.dc-profile-header[b-2kpzyjaftb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .9rem 1rem;
    background: linear-gradient(120deg, #173d59, #245a73);
    color: #fff;
}

.dc-profile-title[b-2kpzyjaftb],
.dc-panel-heading > div[b-2kpzyjaftb],
.dc-policy-heading[b-2kpzyjaftb] {
    display: flex;
    align-items: center;
    gap: .65rem;
}

.dc-profile-icon[b-2kpzyjaftb],
.dc-panel-icon[b-2kpzyjaftb],
.dc-policy-heading > i[b-2kpzyjaftb] {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
}

.dc-profile-icon[b-2kpzyjaftb] {
    width: 2.45rem;
    height: 2.45rem;
    border: 1px solid rgba(255,255,255,.24);
    border-radius: .55rem;
    background: rgba(255,255,255,.11);
    color: #8ee4d4;
    font-size: 1.05rem;
}

.dc-profile-title > div > span[b-2kpzyjaftb] {
    color: #9bd8de;
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.dc-profile-title h2[b-2kpzyjaftb] {
    margin: .1rem 0;
    color: #fff;
    font-size: 1rem;
}

.dc-profile-title p[b-2kpzyjaftb] {
    margin: 0;
    color: #d2e1e8;
    font-size: .72rem;
}

.dc-save-button[b-2kpzyjaftb] {
    display: inline-flex;
    min-height: 2.25rem;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    padding: .45rem .85rem;
    border: 1px solid #62cbb8;
    border-radius: .45rem;
    background: #198754;
    color: #fff;
    font-size: .75rem;
    font-weight: 750;
}

.dc-save-button:hover:not(:disabled)[b-2kpzyjaftb] { background: #157347; }
.dc-save-button:disabled[b-2kpzyjaftb] { opacity: .65; }
.dc-profile-body[b-2kpzyjaftb] { padding: .9rem; }

.dc-validation-summary[b-2kpzyjaftb] {
    display: flex;
    gap: .45rem;
    margin-bottom: .7rem;
    padding: .65rem .75rem;
    border: 1px solid #fecaca;
    border-radius: .45rem;
    background: #fff7f7;
    color: #b91c1c;
    font-size: .72rem;
}

.dc-validation-summary:empty[b-2kpzyjaftb] { display: none; }
.dc-validation-summary ul[b-2kpzyjaftb] { margin: 0; padding-left: 1rem; }

.dc-mode-panel[b-2kpzyjaftb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .75rem;
    border: 1px solid #dce5ec;
    border-radius: .55rem;
    background: #f8fafc;
}

.dc-mode-panel > div:first-child[b-2kpzyjaftb] { display: grid; gap: .12rem; }
.dc-mode-panel strong[b-2kpzyjaftb] { color: #25445c; font-size: .8rem; }
.dc-mode-panel span[b-2kpzyjaftb] { color: #697b8c; font-size: .68rem; }

.dc-mode-options[b-2kpzyjaftb] {
    display: inline-flex;
    gap: .2rem;
    padding: .2rem;
    border: 1px solid #cfdae3;
    border-radius: .5rem;
    background: #eef3f6;
}

.dc-mode-options label[b-2kpzyjaftb] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    margin: 0;
    padding: .42rem .72rem;
    border-radius: .36rem;
    color: #5b7083;
    cursor: pointer;
    font-size: .72rem;
    font-weight: 750;
}

.dc-mode-options label.active[b-2kpzyjaftb] {
    background: #198754;
    color: #fff;
    box-shadow: 0 2px 6px rgba(20,54,76,.12);
}

.dc-mode-options input[b-2kpzyjaftb] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.dc-conversion-note[b-2kpzyjaftb] {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin: .65rem 0;
    padding: .55rem .7rem;
    border-left: 3px solid #2ba88f;
    border-radius: 0 .4rem .4rem 0;
    background: #eefaf7;
    color: #37615a;
    font-size: .7rem;
}

.dc-profile-grid[b-2kpzyjaftb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: .75rem;
}

.dc-ageing-panel[b-2kpzyjaftb] {
    overflow: hidden;
    border: 1px solid #dce5ec;
    border-radius: .55rem;
    background: #fff;
}

.dc-panel-heading[b-2kpzyjaftb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .7rem;
    border-bottom: 1px solid #dce5ec;
}

.dc-creditors-panel .dc-panel-heading[b-2kpzyjaftb] { background: #fdf7ed; }
.dc-debtors-panel .dc-panel-heading[b-2kpzyjaftb] { background: #eef8f8; }

.dc-panel-icon[b-2kpzyjaftb] {
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 50%;
    font-size: .8rem;
}

.dc-creditors-panel .dc-panel-icon[b-2kpzyjaftb] { background: #ffedd5; color: #c2410c; }
.dc-debtors-panel .dc-panel-icon[b-2kpzyjaftb] { background: #d9f3f0; color: #0f766e; }

.dc-panel-heading h3[b-2kpzyjaftb],
.dc-policy-heading h3[b-2kpzyjaftb] {
    margin: 0;
    color: #29475d;
    font-size: .85rem;
    font-weight: 750;
}

.dc-panel-heading p[b-2kpzyjaftb],
.dc-policy-heading p[b-2kpzyjaftb] {
    margin: .08rem 0 0;
    color: #728191;
    font-size: .64rem;
}

.dc-total-badge[b-2kpzyjaftb] {
    padding: .25rem .5rem;
    border: 1px solid #d5dfe7;
    border-radius: 999px;
    background: rgba(255,255,255,.8);
    color: #405a6e;
    font-size: .65rem;
    font-weight: 800;
}

.dc-table-heading[b-2kpzyjaftb],
.dc-ageing-row[b-2kpzyjaftb] {
    display: grid;
    grid-template-columns: minmax(7rem,1.2fr) minmax(6rem,.9fr) minmax(5.5rem,.75fr);
    align-items: center;
    gap: .5rem;
}

.dc-table-heading[b-2kpzyjaftb] {
    padding: .45rem .65rem;
    background: #f8fafc;
    color: #7a8997;
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.dc-table-heading span:not(:first-child)[b-2kpzyjaftb] { text-align: right; }

.dc-ageing-row[b-2kpzyjaftb] {
    min-height: 3.35rem;
    padding: .45rem .65rem;
    border-top: 1px solid #edf1f4;
}

.dc-ageing-row:hover[b-2kpzyjaftb] { background: #fbfdfe; }
.dc-ageing-row label[b-2kpzyjaftb] { display: grid; gap: .06rem; margin: 0; }
.dc-ageing-row label strong[b-2kpzyjaftb] { color: #344f63; font-size: .75rem; }
.dc-ageing-row label small[b-2kpzyjaftb] { color: #8a98a5; font-size: .62rem; }

.dc-input-with-prefix[b-2kpzyjaftb],
.dc-input-with-suffix[b-2kpzyjaftb] {
    display: flex;
    overflow: hidden;
    min-height: 2.1rem;
    border: 1px solid #cad6df;
    border-radius: .4rem;
    background: #fff;
}

.dc-input-with-prefix:focus-within[b-2kpzyjaftb],
.dc-input-with-suffix:focus-within[b-2kpzyjaftb] {
    border-color: #728fce;
    box-shadow: 0 0 0 .16rem rgba(114,143,206,.16);
}

.dc-input-with-prefix span[b-2kpzyjaftb],
.dc-input-with-suffix span[b-2kpzyjaftb] {
    display: grid;
    min-width: 1.65rem;
    place-items: center;
    background: #f1f5f8;
    color: #607486;
    font-size: .75rem;
}

.dc-input-with-prefix input[b-2kpzyjaftb],
.dc-input-with-suffix input[b-2kpzyjaftb] {
    width: 100%;
    min-width: 0;
    padding: .35rem .45rem;
    border: 0;
    outline: 0;
    background: #fff;
    color: #29475d;
    text-align: right;
    font-size: .82rem;
    font-weight: 600;
}

.dc-input-with-suffix input:disabled[b-2kpzyjaftb] { background: #f3f6f8; color: #526a7d; }
.dc-converted-value[b-2kpzyjaftb] { display: grid; gap: .05rem; justify-items: end; }
.dc-converted-value strong[b-2kpzyjaftb] { color: #16776d; font-size: .75rem; }
.dc-converted-value small[b-2kpzyjaftb] { color: #8a98a5; font-size: .58rem; }

.dc-ageing-panel footer[b-2kpzyjaftb] {
    display: grid;
    grid-template-columns: 1.2fr .9fr .75fr;
    gap: .5rem;
    padding: .6rem .65rem;
    border-top: 2px solid #dce5ec;
    background: #f8fafc;
    color: #3b566a;
    font-size: .68rem;
    font-weight: 800;
}

.dc-ageing-panel footer span:nth-child(2)[b-2kpzyjaftb],
.dc-ageing-panel footer strong[b-2kpzyjaftb] { text-align: right; }
.dc-ageing-panel footer strong[b-2kpzyjaftb] { color: #16776d; }

.dc-policy-panel[b-2kpzyjaftb] {
    display: grid;
    grid-template-columns: minmax(12rem,.7fr) minmax(0,1.3fr);
    align-items: center;
    gap: .85rem;
    margin-top: .75rem;
    padding: .75rem;
    border: 1px solid #dce5ec;
    border-radius: .55rem;
    background: #f8fafc;
}

.dc-policy-heading > i[b-2kpzyjaftb] {
    width: 1.9rem;
    height: 1.9rem;
    border-radius: .4rem;
    background: #e4eef5;
    color: #315f79;
}

.dc-policy-fields[b-2kpzyjaftb] {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: .6rem;
}

.dc-policy-fields > label[b-2kpzyjaftb] {
    display: grid;
    gap: .25rem;
    margin: 0;
    color: #526a7d;
    font-size: .65rem;
    font-weight: 700;
}

.dc-vat-option[b-2kpzyjaftb] {
    grid-template-columns: auto 1fr !important;
    align-items: center;
    padding: .45rem .55rem;
    border: 1px solid #d7e1e8;
    border-radius: .4rem;
    background: #fff;
}

.dc-vat-option input[b-2kpzyjaftb] { accent-color: #198754; }
.dc-vat-option span[b-2kpzyjaftb] { display: grid; }
.dc-vat-option strong[b-2kpzyjaftb] { color: #405a6e; font-size: .68rem; }
.dc-vat-option small[b-2kpzyjaftb] { color: #8795a2; font-size: .58rem; font-weight: 500; }

@media (max-width: 900px) {
    .dc-profile-grid[b-2kpzyjaftb],
    .dc-policy-panel[b-2kpzyjaftb] { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
    .dc-profile-header[b-2kpzyjaftb],
    .dc-mode-panel[b-2kpzyjaftb] { align-items: stretch; flex-direction: column; }
    .dc-save-button[b-2kpzyjaftb],
    .dc-mode-options[b-2kpzyjaftb] { width: 100%; }
    .dc-mode-options label[b-2kpzyjaftb] { flex: 1; justify-content: center; }
    .dc-policy-fields[b-2kpzyjaftb] { grid-template-columns: 1fr; }
    .dc-table-heading[b-2kpzyjaftb] { display: none; }
    .dc-ageing-row[b-2kpzyjaftb] { grid-template-columns: 1fr; }
    .dc-converted-value[b-2kpzyjaftb] { justify-items: start; }
}
/* /Components/Pages_Assessments/PageFormComponents/SettingsPageComponents/DirectorWagesComponent.razor.rz.scp.css */
.dw-card[b-p0sznq2t10] {
    overflow: hidden;
    height: 100%;
    border: 1px solid #d8e3ec;
    border-radius: .7rem;
    background: #fff;
    box-shadow: 0 5px 18px rgba(21,49,72,.07)
}

    .dw-card > header[b-p0sznq2t10] {
        display: flex;
        align-items: center;
        gap: .6rem;
        padding: .7rem .8rem;
        background: linear-gradient(120deg,#173d59,#245a73);
        color: #fff
    }

.dw-icon[b-p0sznq2t10] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: .5rem;
    background: rgba(255,255,255,.1);
    color: #8ee4d4
}

.dw-card header div > span[b-p0sznq2t10] {
    color: #9bd8de;
    font-size: .52rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase
}

.dw-card h3[b-p0sznq2t10] {
    margin: .04rem 0;
    color: #fff;
    font-size: .8rem
}

.dw-card header p[b-p0sznq2t10] {
    margin: 0;
    color: #d2e1e8;
    font-size: .54rem
}

.dw-validation[b-p0sznq2t10] {
    margin: .6rem .7rem 0;
    color: #b91c1c;
    font-size: .58rem
}

    .dw-validation:empty[b-p0sznq2t10] {
        display: none
    }

.dw-fields[b-p0sznq2t10] {
    display: grid;
    gap: .6rem;
    padding: .75rem
}

    .dw-fields label[b-p0sznq2t10] {
        display: grid;
        gap: .2rem;
        margin: 0
    }

        .dw-fields label > span[b-p0sznq2t10] {
            color: #40586a;
            font-size: .70rem;
            font-weight: 750
        }

    .dw-fields > label > input[b-p0sznq2t10], .dw-input[b-p0sznq2t10] {
        height: 2rem;
        border: 1px solid #cad6df;
        border-radius: .38rem
    }

    .dw-fields > label > input[b-p0sznq2t10] {
        padding: .3rem .45rem;
        text-align: right;
        color: #29475d;
        font-size: .70rem
    }

.dw-input[b-p0sznq2t10] {
    display: flex;
    overflow: hidden;
    font-size: .85rem !important;
}

    .dw-input span[b-p0sznq2t10] {
        display: grid;
        min-width: 2rem;
        place-items: center;
        background: #f1f5f8;
        color: #607486;
        font-size: .56rem
    }

    .dw-input input[b-p0sznq2t10] {
        width: 100%;
        border: 0;
        padding: .3rem .45rem;
        text-align: right;
        color: #29475d;
        font-size: .90rem
    }

        .dw-input input:disabled[b-p0sznq2t10] {
            background: #f3f6f8
        }

.dw-card footer[b-p0sznq2t10] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .6rem .75rem;
    border-top: 1px solid #dce5ec;
    background: #f8fafc
}

    .dw-card footer > span[b-p0sznq2t10] {
        color: #718294;
        font-size: .51rem
    }

    .dw-card footer button[b-p0sznq2t10] {
        padding: .4rem .65rem;
        border: 1px solid #62cbb8;
        border-radius: .42rem;
        background: #2ba88f;
        color: #fff;
        font-size: .57rem;
        font-weight: 800
    }

@media(max-width:550px) {
    .dw-card footer[b-p0sznq2t10] {
        align-items: stretch;
        flex-direction: column
    }
}
/* /Components/Pages_Assessments/PageFormComponents/SettingsPageComponents/OpeningBalancesComponent.razor.rz.scp.css */
.ob-card[b-cnv1p36bp1] {
    overflow: hidden;
    border: 1px solid #d8e3ec;
    border-radius: .7rem;
    background: #fff;
    box-shadow: 0 5px 18px rgba(21,49,72,.07)
}

.ob-header[b-cnv1p36bp1] {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .7rem .8rem;
    background: linear-gradient(120deg,#173d59,#245a73);
    color: #fff
}

.ob-icon[b-cnv1p36bp1] {
    display: grid;
    width: 2.1rem;
    height: 2.1rem;
    place-items: center;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: .5rem;
    background: rgba(255,255,255,.1);
    color: #8ee4d4
}

.ob-header > div > span[b-cnv1p36bp1] {
    color: #9bd8de;
    font-size: .54rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase
}

.ob-header h3[b-cnv1p36bp1] {
    margin: .05rem 0;
    color: #fff;
    font-size: .82rem
}

.ob-header p[b-cnv1p36bp1] {
    margin: 0;
    color: #d2e1e8;
    font-size: .57rem
}

.ob-validation[b-cnv1p36bp1] {
    margin: .65rem .75rem 0;
    padding: .5rem;
    border: 1px solid #fecaca;
    border-radius: .4rem;
    background: #fff7f7;
    color: #b91c1c;
    font-size: .6rem
}

    .ob-validation:empty[b-cnv1p36bp1] {
        display: none
    }

.ob-grid[b-cnv1p36bp1] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: .65rem;
    padding: .75rem
}

.ob-section-title[b-cnv1p36bp1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .65rem .75rem .1rem;
    color: #29475d
}

.ob-section-title span[b-cnv1p36bp1] { font-size: .66rem; font-weight: 800 }
.ob-section-title small[b-cnv1p36bp1] { color: #81909d; font-size: .51rem }
.ob-readonly-grid[b-cnv1p36bp1] { grid-template-columns: repeat(2,minmax(0,1fr)) }
.ob-readonly[b-cnv1p36bp1] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: .5rem;
    padding: .55rem;
    border: 1px solid #dbe5ec;
    border-radius: .42rem;
    background: #f8fafc
}
.ob-readonly > i[b-cnv1p36bp1] { color: #218f80 }
.ob-readonly div[b-cnv1p36bp1] { display: grid }
.ob-readonly span[b-cnv1p36bp1] { color: #344f63; font-size: .6rem; font-weight: 750 }
.ob-readonly small[b-cnv1p36bp1] { color: #81909d; font-size: .48rem }
.ob-readonly strong[b-cnv1p36bp1] { color: #173d59; font-size: .64rem }

.ob-field[b-cnv1p36bp1] {
    display: grid;
    gap: .18rem;
    margin: 0
}

    .ob-field > span[b-cnv1p36bp1] {
        color: #344f63;
        font-size: .70rem;
        font-weight: 700
    }

    .ob-field small[b-cnv1p36bp1] {
        color: #81909d;
        font-size: .51rem
    }

.ob-input[b-cnv1p36bp1] {
    display: flex;
    overflow: hidden;
    height: 2rem;
    border: 1px solid #cad6df;
    border-radius: .4rem;
    background: #fff
}

    .ob-input:focus-within[b-cnv1p36bp1] {
        border-color: #2a9d8f;
        box-shadow: 0 0 0 2px rgba(42,157,143,.12)
    }

    .ob-input span[b-cnv1p36bp1] {
        display: grid;
        min-width: 2rem;
        place-items: center;
        background: #f1f5f8;
        color: #607486;
        font-size: .65rem;
        font-weight: 700
    }

    .ob-input input[b-cnv1p36bp1] {
        width: 100%;
        min-width: 0;
        padding: .3rem .45rem;
        border: 0;
        outline: 0;
        color: #29475d;
        text-align: right;
        font-size: .90rem;
        font-weight: 500
    }

.ob-suffix input[b-cnv1p36bp1] {
    order: 0
}

.ob-suffix span[b-cnv1p36bp1] {
    order: 1
}

.ob-footer[b-cnv1p36bp1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .6rem .75rem;
    border-top: 1px solid #dce5ec;
    background: #f8fafc
}

    .ob-footer > span[b-cnv1p36bp1] {
        color: #718294;
        font-size: .54rem
    }

    .ob-footer button[b-cnv1p36bp1] {
        display: inline-flex;
        align-items: center;
        gap: .3rem;
        padding: .42rem .7rem;
        border: 1px solid #62cbb8;
        border-radius: .42rem;
        background: #2ba88f;
        color: #fff;
        font-size: .61rem;
        font-weight: 800
    }

        .ob-footer button:hover[b-cnv1p36bp1] {
            background: #238d79
        }

@media(max-width:700px) {
    .ob-grid[b-cnv1p36bp1] {
        grid-template-columns: 1fr
    }

    .ob-footer[b-cnv1p36bp1] {
        align-items: stretch;
        flex-direction: column
    }

        .ob-footer button[b-cnv1p36bp1] {
            justify-content: center
        }
}
/* /Components/Pages_Assessments/PageFormComponents/SettingsPageComponents/VATEditComponent.razor.rz.scp.css */
.vat-card[b-jzsbfl9z9q] {
    overflow: hidden;
    border: 1px solid #d8e3ec;
    border-radius: .7rem;
    background: #fff;
    box-shadow: 0 5px 18px rgba(21,49,72,.07)
}

    .vat-card > header[b-jzsbfl9z9q] {
        display: flex;
        align-items: center;
        gap: .6rem;
        padding: .7rem .8rem;
        background: linear-gradient(120deg,#173d59,#245a73);
        color: #fff
    }

.vat-icon[b-jzsbfl9z9q] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: .5rem;
    background: rgba(255,255,255,.1);
    color: #8ee4d4
}

.vat-card header div > span[b-jzsbfl9z9q] {
    color: #9bd8de;
    font-size: .52rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase
}

.vat-card h3[b-jzsbfl9z9q] {
    margin: .04rem 0;
    color: #fff;
    font-size: .8rem
}

.vat-card header p[b-jzsbfl9z9q] {
    margin: 0;
    color: #d2e1e8;
    font-size: .55rem
}

.vat-validation[b-jzsbfl9z9q] {
    margin: .6rem .7rem 0;
    color: #b91c1c;
    font-size: .58rem
}

    .vat-validation:empty[b-jzsbfl9z9q] {
        display: none
    }

.vat-grid[b-jzsbfl9z9q] {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: .6rem;
    padding: .75rem
}

    .vat-grid label[b-jzsbfl9z9q] {
        display: grid;
        gap: .2rem;
        margin: 0
    }

        .vat-grid label > span[b-jzsbfl9z9q] {
            color: #40586a;
            font-size: .70rem;
            font-weight: 750
        }

    .vat-grid input[b-jzsbfl9z9q], .vat-grid select[b-jzsbfl9z9q] {
        width: 100%;
        height: 2rem;
        padding: .3rem .4rem;
        border: 1px solid #cad6df;
        border-radius: .38rem;
        color: #29475d;
        background: #fff;
        font-size: .90rem
    }

        .vat-grid input:disabled[b-jzsbfl9z9q] {
            background: #f3f6f8
        }

.vat-input[b-jzsbfl9z9q] {
    display: flex;
    overflow: hidden;
    border: 1px solid #cad6df;
    border-radius: .38rem
}

    .vat-input input[b-jzsbfl9z9q] {
        border: 0;
        text-align: right
    }

    .vat-input span[b-jzsbfl9z9q] {
        display: grid;
        min-width: 2rem;
        place-items: center;
        background: #f1f5f8;
        color: #607486;
        font-size: .56rem
    }

.vat-card footer[b-jzsbfl9z9q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .6rem .75rem;
    border-top: 1px solid #dce5ec;
    background: #f8fafc
}

    .vat-card footer > span[b-jzsbfl9z9q] {
        color: #718294;
        font-size: .53rem
    }

    .vat-card footer button[b-jzsbfl9z9q] {
        padding: .4rem .7rem;
        border: 1px solid #62cbb8;
        border-radius: .42rem;
        background: #2ba88f;
        color: #fff;
        font-size: .59rem;
        font-weight: 800
    }

@media(max-width:900px) {
    .vat-grid[b-jzsbfl9z9q] {
        grid-template-columns: repeat(2,1fr)
    }
}

@media(max-width:550px) {
    .vat-grid[b-jzsbfl9z9q] {
        grid-template-columns: 1fr
    }

    .vat-card footer[b-jzsbfl9z9q] {
        align-items: stretch;
        gap: .5rem;
        flex-direction: column
    }
}
/* /Components/Pages_Assessments/PageFormComponents/VatAdjustmentComponent.razor.rz.scp.css */
/* Compact Borderless Table Styles */
.borderless-table th[b-7vh3obe3ax] {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    border-bottom: 1px solid #dee2e6 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

.borderless-table td[b-7vh3obe3ax] {
    border: none !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.month-cell[b-7vh3obe3ax] {
    font-size: 0.72rem;
}

/* Base custom styles from layout context */
.custom-offcanvas-backdrop[b-7vh3obe3ax] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1040;
}

.custom-offcanvas[b-7vh3obe3ax] {
    position: fixed;
    top: 0;
    right: -500px;
    width: 500px;
    max-width: 100%;
    height: 100vh;
    background-color: #ffffff;
    z-index: 1050;
    box-shadow: -4px 0 15px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    transition: right 0.3s ease-in-out;
}

    .custom-offcanvas.open[b-7vh3obe3ax] {
        right: 0;
    }

.offcanvas-header[b-7vh3obe3ax] {
    padding: 16px 20px;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.offcanvas-title[b-7vh3obe3ax] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #1e3a5f;
}

.offcanvas-body[b-7vh3obe3ax] {
    padding: 20px;
    flex-grow: 1;
    overflow-y: auto;
}

.offcanvas-footer[b-7vh3obe3ax] {
    padding: 12px 20px;
    border-top: 1px solid #e2e8f0;
    background-color: #f8fafc;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.text-xs[b-7vh3obe3ax] {
    font-size: 0.75rem;
}

.text-marble[b-7vh3obe3ax] {
    color: #29465B;
}

.btn-vat-primary[b-7vh3obe3ax] {
    background: linear-gradient(135deg, #29465B 0%, #1a2e3d 100%);
    color: #ffffff;
    border: none;
    font-weight: 600;
}

    .btn-vat-primary:hover[b-7vh3obe3ax] {
        background: linear-gradient(135deg, #1f3544 0%, #12202a 100%);
        color: #ffffff;
    }
/* /Components/Pages_Assessments/ProjectionComponents/AccountsProjectionAlerts.razor.rz.scp.css */
.projection-alert-panel[b-04bbfx6nao] {
    margin-bottom: .75rem;
    padding: 1rem;
    border: 1px solid #c7d9ec;
    border-radius: 10px;
    background: #fff;
}

.projection-alert-panel > header[b-04bbfx6nao] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .65rem;
}

.projection-alert-panel > header span[b-04bbfx6nao] {
    color: #6e7891;
    font-size: .66rem;
    font-weight: 700;
    letter-spacing: .08em;
}

.projection-alert-panel h2[b-04bbfx6nao] {
    margin: .18rem 0 0;
    color: #102a43;
    font-size: .9rem;
    font-weight: 800;
}

.projection-alert-panel > header button[b-04bbfx6nao] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid #d6e1eb;
    border-radius: 50%;
    color: #63809a;
    background: #fff;
    transition: color 160ms ease, border-color 160ms ease, background 160ms ease;
}

.projection-alert-panel > header button:hover[b-04bbfx6nao] {
    border-color: #9eb8cf;
    color: #1d5f96;
    background: #f6fafe;
}

.projection-alert-list[b-04bbfx6nao] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.projection-alert-list article[b-04bbfx6nao] {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    width: min(100%, 480px);
    padding: .65rem .75rem;
    border: 1px solid;
    border-radius: 8px;
}

.projection-alert-list article.critical[b-04bbfx6nao] {
    border-color: #e9aaaa;
    color: #842828;
    background: #fff3f3;
}

.projection-alert-list article.warning[b-04bbfx6nao] {
    border-color: #efca89;
    color: #74500d;
    background: #fff9ed;
}

.projection-alert-list article.information[b-04bbfx6nao] {
    border-color: #abd7c5;
    color: #285e4a;
    background: #f0faf6;
}

.projection-alert-icon[b-04bbfx6nao] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .78);
}

.projection-alert-list strong[b-04bbfx6nao] {
    display: block;
    color: #162d47;
    font-size: .73rem;
}

.projection-alert-list p[b-04bbfx6nao] {
    margin: .14rem 0 0;
    font-size: .67rem;
    line-height: 1.45;
}
/* /Components/Pages_Assessments/ProjectionComponents/AssessmentBalanceSheetComponent.razor.rz.scp.css */
.absheet-card[b-5mzf1fc62q] {
    overflow: hidden;
    border: 1px solid #cbd8e5;
    border-radius: 0.7rem;
    background: #fff;
    box-shadow: 0 6px 18px rgba(15, 42, 67, 0.07);
}

.absheet-header[b-5mzf1fc62q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.8rem 1rem;
    background: linear-gradient(135deg, #334e68, #486581);
    color: #fff;
}

.absheet-header span[b-5mzf1fc62q] {
    display: block;
    color: #d9e7f2;
    font-size: 0.58rem;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.absheet-header h2[b-5mzf1fc62q] {
    margin: 0.1rem 0 0;
    font-size: 0.95rem;
}

.absheet-header-meta[b-5mzf1fc62q] {
    text-align: right;
}

.absheet-header-meta strong[b-5mzf1fc62q] {
    font-size: 0.75rem;
}

.absheet-frame[b-5mzf1fc62q] {
    max-width: 100%;
}

.absheet-table[b-5mzf1fc62q] {
    min-width: 1180px;
    table-layout: fixed;
    font-size: 0.66rem;
}

.absheet-table th[b-5mzf1fc62q],
.absheet-table td[b-5mzf1fc62q] {
    padding: 0.4rem 0.45rem;
    border-color: #dce5ed;
}

.absheet-table thead th[b-5mzf1fc62q] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #eaf1f7;
    color: #29445d;
    font-weight: 800;
    text-align: right;
}

.absheet-table thead th:first-child[b-5mzf1fc62q],
.absheet-table tbody th:first-child[b-5mzf1fc62q] {
    position: sticky;
    left: 0;
    z-index: 1;
    width: 245px;
    text-align: left;
}

.absheet-table tbody th[b-5mzf1fc62q] {
    background: #fff;
    color: #40566d;
    font-weight: 600;
}

.absheet-table tbody td[b-5mzf1fc62q] {
    color: #26384a;
    font-family: "SFMono-Regular", Consolas, monospace;
    text-align: right;
}

.absheet-section th[b-5mzf1fc62q] {
    position: static !important;
    padding: 0.48rem 0.55rem;
    background: #d7e6f2 !important;
    color: #173f5f !important;
    font-size: 0.68rem;
    letter-spacing: 0.055em;
}

.absheet-subsection th[b-5mzf1fc62q] {
    position: static !important;
    background: #f0f6fa !important;
    color: #486581 !important;
    font-size: 0.63rem;
    text-transform: uppercase;
}

.absheet-total-row th[b-5mzf1fc62q],
.absheet-total-row td[b-5mzf1fc62q] {
    border-top: 1px solid #8fa9bd;
    background: #f7fafc !important;
    font-weight: 800 !important;
}

.absheet-grand-total th[b-5mzf1fc62q],
.absheet-grand-total td[b-5mzf1fc62q] {
    border-top: 2px solid #486581;
    border-bottom: 3px double #486581;
    background: #eaf1f7 !important;
    color: #173f5f !important;
    font-weight: 900 !important;
}

.absheet-equity-row th[b-5mzf1fc62q],
.absheet-equity-row td[b-5mzf1fc62q] {
    background: #f0fdf4 !important;
    color: #166534 !important;
    font-weight: 800 !important;
}

.absheet-check-row th[b-5mzf1fc62q],
.absheet-check-row td[b-5mzf1fc62q] {
    background: #fafcff !important;
    font-weight: 750 !important;
}

.absheet-balanced[b-5mzf1fc62q] {
    color: #15803d !important;
}

.absheet-unbalanced[b-5mzf1fc62q] {
    color: #dc2626 !important;
}

.absheet-note[b-5mzf1fc62q] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.65rem 0.85rem;
    border-top: 1px solid #dce5ed;
    background: #f8fafc;
    color: #607286;
    font-size: 0.61rem;
}

@media print {
    @page {
        size: A4 landscape;
        margin: 8mm;
    }

    .absheet-card[b-5mzf1fc62q] {
        overflow: visible !important;
        border: 0;
        border-radius: 0;
        box-shadow: none !important;
        break-before: page;
        page-break-before: always;
    }

    .absheet-header[b-5mzf1fc62q] {
        padding: 2.5mm 3mm;
        background: #334e68 !important;
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }

    .absheet-frame[b-5mzf1fc62q] {
        overflow: visible !important;
    }

    .absheet-table[b-5mzf1fc62q] {
        width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed;
        font-size: 6.4pt;
    }

    .absheet-table thead[b-5mzf1fc62q] {
        display: table-header-group;
    }

    .absheet-table thead th[b-5mzf1fc62q],
    .absheet-table tbody th:first-child[b-5mzf1fc62q] {
        position: static !important;
    }

    .absheet-table thead th:first-child[b-5mzf1fc62q],
    .absheet-table tbody th:first-child[b-5mzf1fc62q] {
        width: 22% !important;
    }

    .absheet-table th[b-5mzf1fc62q],
    .absheet-table td[b-5mzf1fc62q] {
        padding: 1.15mm 1mm;
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }

    .absheet-section[b-5mzf1fc62q],
    .absheet-subsection[b-5mzf1fc62q],
    .absheet-total-row[b-5mzf1fc62q],
    .absheet-grand-total[b-5mzf1fc62q],
    .absheet-equity-row[b-5mzf1fc62q],
    .absheet-check-row[b-5mzf1fc62q] {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .absheet-note[b-5mzf1fc62q] {
        padding: 2mm 3mm;
        font-size: 6pt;
    }
}
/* /Components/Pages_Assessments/ProjectionComponents/BusinessHealthAlertsAccordionComponent.razor.rz.scp.css */
.business-health-alerts-container[b-u85uz7ijny] {
    font-size: 0.85rem;
}

/* Alert Header Wrapper - SOFTER COLORS */
.alert-header-wrapper[b-u85uz7ijny] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    transition: background-color 0.3s ease;
}

    .alert-header-wrapper:hover[b-u85uz7ijny] {
        filter: brightness(1.05);
    }

/* Expand/Collapse Button - MORE PROMINENT */
.accordion-button-custom[b-u85uz7ijny] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0.5rem;
    background: rgba(255, 255, 255, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-left: 0.5rem;
    margin-right: 1.5rem;
}

    .accordion-button-custom[b-u85uz7ijny]::after {
        display: none !important;
    }

    .accordion-button-custom:hover[b-u85uz7ijny] {
        background: rgba(255, 255, 255, 0.3);
        border-color: rgba(255, 255, 255, 0.6);
        transform: scale(1.05);
    }

    .accordion-button-custom:not(.collapsed)[b-u85uz7ijny] {
        background: rgba(255, 255, 255, 0.4);
        border-color: rgba(255, 255, 255, 0.8);
    }

    .accordion-button-custom i[b-u85uz7ijny] {
        transition: transform 0.3s ease;
        display: block;
    }

    .accordion-button-custom:not(.collapsed) i[b-u85uz7ijny] {
        transform: rotate(180deg);
    }

/* Alert Content Wrapper */
.alert-content-wrapper[b-u85uz7ijny] {
    cursor: pointer;
    user-select: none;
}

    .alert-content-wrapper:hover[b-u85uz7ijny] {
        opacity: 0.95;
    }

/* Accordion Item */
.business-health-accordion .accordion-item[b-u85uz7ijny] {
    border: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .business-health-accordion .accordion-item:hover[b-u85uz7ijny] {
        transform: translateY(-2px);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1) !important;
    }

.accordion-body[b-u85uz7ijny] {
    padding: 0;
}

/* Dismiss Button Styling */
.btn-close-white[b-u85uz7ijny] {
    filter: invert(1) grayscale(100%) brightness(200%);
    transition: opacity 0.2s ease;
}

    .btn-close-white:hover[b-u85uz7ijny] {
        opacity: 1 !important;
    }

.bg-light-subtle[b-u85uz7ijny] {
    background-color: #f8fafc !important;
}

.guidance-content[b-u85uz7ijny] {
    line-height: 1.8;
    font-size: 0.9rem;
}

    .guidance-content div[b-u85uz7ijny] {
        word-break: break-word;
    }

.text-white-50[b-u85uz7ijny] {
    color: rgba(255, 255, 255, 0.7) !important;
}

.text-xxs[b-u85uz7ijny] {
    font-size: 0.65rem;
}

.text-sm[b-u85uz7ijny] {
    font-size: 0.875rem;
}

.font-monospace[b-u85uz7ijny] {
    font-family: 'Courier New', monospace;
}

.rounded-3[b-u85uz7ijny] {
    border-radius: 0.75rem;
}

/* Alert Item Animations */
.alert-item[b-u85uz7ijny] {
    animation: slideIn-b-u85uz7ijny 0.3s ease-out;
}

    .alert-item.dismissing[b-u85uz7ijny] {
        animation: slideOut-b-u85uz7ijny 0.3s ease-out forwards;
    }

@keyframes slideIn-b-u85uz7ijny {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

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

@keyframes slideOut-b-u85uz7ijny {
    from {
        opacity: 1;
        transform: translateX(0);
    }

    to {
        opacity: 0;
        transform: translateX(100%);
    }
}

/* Responsive Design */
@media (max-width: 768px) {
    .accordion-button-custom[b-u85uz7ijny] {
        width: 2rem;
        height: 2rem;
        margin-right: 1rem;
        margin-left: 0.25rem;
    }

        .accordion-button-custom i[b-u85uz7ijny] {
            font-size: 1rem;
        }

    .alert-header-wrapper[b-u85uz7ijny] {
        flex-wrap: wrap;
    }
}

/* Guidance Cards */
.guidance-card[b-u85uz7ijny] {
    transition: all 0.3s ease;
    border-radius: 0.5rem;
    background: #ffffff;
}

    .guidance-card:hover[b-u85uz7ijny] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
        transform: translateY(-2px);
    }

    .guidance-card .card-header[b-u85uz7ijny] {
        background-color: #f8fafc;
        border-radius: 0.5rem 0.5rem 0 0;
    }

    .guidance-card .card-body[b-u85uz7ijny] {
        padding: 0.5rem;
    }

.guidance-item-content[b-u85uz7ijny] {
    line-height: 1.2;
}

    .guidance-item-content .text-sm[b-u85uz7ijny] {
        font-size: 0.85rem;
    }

    .guidance-item-content .text-muted[b-u85uz7ijny] {
        color: #9ca3af;
    }
/* /Components/Pages_Assessments/ProjectionComponents/BusinessHealthAlertsComponent.razor.rz.scp.css */
body[b-0h66xjs6g2] {
}

.business-health-alerts-container[b-0h66xjs6g2] {
    margin-bottom: 1rem;
    border-radius: 8px;
    font-size: 0.9rem;
    padding-top: 1px;
    padding-bottom: 1px;
}

.alert-guidance-section[b-0h66xjs6g2] {
    animation: slideIn-b-0h66xjs6g2 0.3s ease-in-out;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

    .alert-guidance-section ul[b-0h66xjs6g2] {
        list-style-type: none;
        margin-left: 0;
    }

    .alert-guidance-section li[b-0h66xjs6g2] {
        position: relative;
        padding-left: 20px;
    }

        .alert-guidance-section li[b-0h66xjs6g2]:before {
            content: "→";
            position: absolute;
            left: 0;
            color: #6c757d;
        }

@keyframes slideIn-b-0h66xjs6g2 {
    from {
        opacity: 0;
        transform: translateX(-10px);
    }

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

@keyframes fadeIn-b-0h66xjs6g2 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

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

.animate-fade[b-0h66xjs6g2] {
    animation: fadeIn-b-0h66xjs6g2 0.3s ease-in-out;
}
/* /Components/Pages_Assessments/ProjectionComponents/CashflowBusinessHealthIndexComponent.razor.rz.scp.css */
.cfhealth-card[b-nshyyum0bg] {
    overflow: hidden;
    min-width: 0;
    border: 1px solid #d7e0e8;
    border-radius: 0.75rem;
    background: #fff;
    box-shadow: 0 5px 16px rgba(15, 23, 42, 0.06);
    transition: transform 250ms cubic-bezier(0.16, 1, 0.3, 1), border-color 250ms ease, box-shadow 250ms ease;
}

    .cfhealth-card:hover[b-nshyyum0bg] {
        transform: translateY(-3px);
        border-color: #0891b2;
        box-shadow: 0 16px 30px rgba(8, 145, 178, 0.14), 0 4px 10px rgba(15, 23, 42, 0.08);
    }

.cfhealth-header[b-nshyyum0bg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.72rem 0.95rem;
    background: linear-gradient(135deg, #334155, #475569);
    color: #fff;
}

    .cfhealth-header div[b-nshyyum0bg] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .cfhealth-header span[b-nshyyum0bg] {
        padding: 0.2rem 0.55rem;
        border-radius: 999px;
        background: #0891b2;
        font-size: 0.62rem;
        font-weight: 700;
    }

.cfhealth-layout[b-nshyyum0bg] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 7.8rem;
    align-items: center;
    min-height: 22rem;
    padding: 0.6rem 0.75rem 0.85rem;
}

.cfhealth-radar-wrap[b-nshyyum0bg] {
    min-width: 0;
}

.cfhealth-radar[b-nshyyum0bg] {
    width: 100%;
    max-height: 22rem;
    overflow: visible;
    transform-origin: 50% 55%;
    transition: transform 400ms cubic-bezier(0.16, 1, 0.3, 1), filter 300ms ease;
}

.cfhealth-card:hover .cfhealth-radar[b-nshyyum0bg] {
    filter: drop-shadow(0 10px 14px rgba(8, 145, 178, 0.2));
    transform: scale(1.02);
}

.cfhealth-grid[b-nshyyum0bg] {
    fill: rgba(8, 145, 178, 0.015);
    stroke: #cbd5e1;
    stroke-dasharray: 2.5 2.5;
    stroke-width: 1;
}

.cfhealth-grid-outer[b-nshyyum0bg] {
    stroke: #64748b;
    stroke-dasharray: none;
    stroke-width: 1.5;
}

.cfhealth-axis-arm[b-nshyyum0bg] {
    stroke: #475569;
    stroke-width: 2;
    stroke-linecap: round;
}

.cfhealth-tick[b-nshyyum0bg] {
    stroke: #64748b;
    stroke-width: 1.2;
}

.cfhealth-tick-label[b-nshyyum0bg] {
    fill: #64748b;
    font-size: 8px;
    font-weight: 600;
}

.cfhealth-zone[b-nshyyum0bg] {
    stroke-width: 0;
    transform-origin: 275px 270px;
    transition: opacity 280ms ease, transform 380ms cubic-bezier(0.16, 1, 0.3, 1);
}

.cfhealth-zone-interest[b-nshyyum0bg] {
    fill: rgba(245, 158, 11, 0.32);
}

.cfhealth-zone-margin[b-nshyyum0bg] {
    fill: rgba(16, 185, 129, 0.3);
}

.cfhealth-zone-efficiency[b-nshyyum0bg] {
    fill: rgba(236, 72, 153, 0.26);
}

.cfhealth-card:hover .cfhealth-zone-interest[b-nshyyum0bg] {
    transform: scale(1.02);
}

.cfhealth-card:hover .cfhealth-zone-margin[b-nshyyum0bg] {
    transform: scale(1.03);
}

.cfhealth-card:hover .cfhealth-zone-efficiency[b-nshyyum0bg] {
    transform: scale(1.04);
}

.cfhealth-outline[b-nshyyum0bg] {
    fill: url(#cfhealthGrad);
    stroke: #0284c7;
    stroke-linejoin: round;
    stroke-width: 3;
    filter: url(#cfhealthGlow);
    transition: stroke-width 220ms ease, stroke 220ms ease;
}

.cfhealth-card:hover .cfhealth-outline[b-nshyyum0bg] {
    stroke-width: 4;
    stroke: #0891b2;
}

.cfhealth-point[b-nshyyum0bg] {
    stroke: #fff;
    stroke-width: 2.2;
    transition: r 220ms ease, filter 220ms ease;
}

.cfhealth-card:hover .cfhealth-point[b-nshyyum0bg] {
    r: 7.5px;
    filter: drop-shadow(0 3px 5px rgba(15, 23, 42, 0.35));
}

.cfhealth-point-interest[b-nshyyum0bg] {
    fill: #d97706;
}

.cfhealth-point-margin[b-nshyyum0bg] {
    fill: #059669;
}

.cfhealth-point-efficiency[b-nshyyum0bg] {
    fill: #db2777;
}

.cfhealth-label[b-nshyyum0bg] {
    fill: #1e293b;
    font-size: 10.5px;
    font-weight: 800;
    line-height: 1.1;
}

.cfhealth-value-label[b-nshyyum0bg] {
    fill: #475569;
    font-size: 9.5px;
    font-weight: 700;
}

.cfhealth-score[b-nshyyum0bg] {
    padding: 0.65rem 0.5rem;
    border: 1px solid #dbe5ec;
    border-radius: 0.65rem;
    background: linear-gradient(145deg, #f8fafc, #f1f5f9);
    text-align: center;
}

    .cfhealth-score > span[b-nshyyum0bg] {
        display: block;
        color: #64748b;
        font-size: 0.55rem;
        font-weight: 800;
        text-transform: uppercase;
    }

    .cfhealth-score strong[b-nshyyum0bg] {
        display: block;
        margin: 0.2rem 0;
        color: #0f4c5c;
        font-size: 1.45rem;
    }

    .cfhealth-score small[b-nshyyum0bg] {
        color: #7c8b98;
        font-size: 0.58rem;
    }

    .cfhealth-score p[b-nshyyum0bg] {
        margin: 0.35rem 0 0;
        color: #60717f;
        font-size: 0.55rem;
        line-height: 1.2;
    }

.cfhealth-score-track[b-nshyyum0bg] {
    height: 0.38rem;
    overflow: hidden;
    border-radius: 999px;
    background: #dce5eb;
}

    .cfhealth-score-track span[b-nshyyum0bg] {
        display: block;
        height: 100%;
        border-radius: inherit;
        background: linear-gradient(90deg, #ef4444 0%, #f59e0b 45%, #16a34a 100%);
        transition: width 700ms cubic-bezier(0.16, 1, 0.3, 1);
    }

.cfhealth-state[b-nshyyum0bg] {
    display: flex;
    min-height: 22rem;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: #64748b;
    font-size: 0.72rem;
}

.cfhealth-state-error[b-nshyyum0bg] {
    color: #b91c1c;
}

@media (max-width: 620px) {
    .cfhealth-layout[b-nshyyum0bg] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages_Assessments/ProjectionComponents/CashflowBusinessIndicatorComponent.razor.rz.scp.css */
.cfbi-shell[b-r2le6lf305] {
    overflow: hidden;
    border: 1px solid #d7e0e8;
    border-radius: 0.7rem;
    background: #fff;
    box-shadow: 0 5px 16px rgba(15, 23, 42, 0.06);
}

.cfbi-header[b-r2le6lf305] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.7rem 0.9rem;
    background: linear-gradient(135deg, #34495e, #50687a);
    color: #fff;
}

.cfbi-header-title[b-r2le6lf305] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.cfbi-header-note[b-r2le6lf305] {
    color: #d7e4ea;
    font-size: 0.62rem;
}

.cfbi-body[b-r2le6lf305] {
    padding: 1rem;
}

.cfbi-status-list[b-r2le6lf305] {
    display: grid;
    gap: 0.45rem;
}

.cfbi-status-row[b-r2le6lf305] {
    display: grid;
    grid-template-columns: minmax(9rem, max-content) minmax(5.5rem, 1fr);
    align-items: center;
    column-gap: clamp(1.25rem, 4vw, 3.5rem);
    min-height: 1.75rem;
    padding-bottom: 0.45rem;
    border-bottom: 1px solid #e6edf2;
    font-size: 0.75rem;
}

.cfbi-status-label[b-r2le6lf305] {
    color: #334155;
    font-weight: 500;
    white-space: nowrap;
}

.cfbi-status-value[b-r2le6lf305] {
    justify-self: start;
    font-weight: 800;
    white-space: nowrap;
}

.cfbi-green[b-r2le6lf305] {
    color: #15803d !important;
}

.cfbi-blue[b-r2le6lf305] {
    color: #0369a1 !important;
}

.cfbi-amber[b-r2le6lf305] {
    color: #b45309 !important;
}

.cfbi-red[b-r2le6lf305] {
    color: #dc2626 !important;
}

.cfbi-neutral[b-r2le6lf305] {
    color: #64748b !important;
}

.cfbi-highlight-grid[b-r2le6lf305] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 0.9rem 0;
}

.cfbi-highlight-card[b-r2le6lf305] {
    position: relative;
    display: flex;
    min-width: 0;
    align-items: flex-start;
    gap: 0.75rem;
    overflow: hidden;
    padding: 0.85rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.6rem;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    box-shadow: 0 2px 4px rgba(15, 23, 42, 0.03);
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

    .cfbi-highlight-card[b-r2le6lf305]::after {
        position: absolute;
        right: -1.4rem;
        bottom: -1.4rem;
        width: 4rem;
        height: 4rem;
        border-radius: 50%;
        background: rgba(8, 145, 178, 0.08);
        content: "";
    }

    .cfbi-highlight-card:hover[b-r2le6lf305] {
        transform: translateY(-2px);
        border-color: #94a3b8;
        box-shadow: 0 8px 18px rgba(15, 23, 42, 0.09);
    }

.cfbi-highlight-icon[b-r2le6lf305] {
    display: grid;
    width: 2.2rem;
    height: 2.2rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 50%;
    background: rgba(8, 145, 178, 0.1);
    color: #0891b2;
    font-size: 1.25rem;
}

.cfbi-highlight-content[b-r2le6lf305] {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.cfbi-highlight-label[b-r2le6lf305],
.cfbi-highlight-note[b-r2le6lf305] {
    display: block;
    color: #64748b;
    font-size: 0.62rem;
    font-weight: 700;
}

.cfbi-highlight-value[b-r2le6lf305] {
    display: block;
    margin: 0.2rem 0;
    overflow: hidden;
    color: #0f4c5c;
    font-size: 1.2rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .cfbi-highlight-value small[b-r2le6lf305] {
        color: #64748b;
        font-size: 0.62rem;
    }

.cfbi-metrics-table[b-r2le6lf305] {
    border: 1px solid #cbd5e1;
    font-size: 0.72rem;
}

    .cfbi-metrics-table th[b-r2le6lf305],
    .cfbi-metrics-table td[b-r2le6lf305] {
        padding: 0.55rem 0.7rem;
        border-color: #cbd5e1;
    }

    .cfbi-metrics-table th[b-r2le6lf305] {
        width: 62%;
        background: #ecfdf5;
        color: #315b52;
        font-weight: 650;
    }

    .cfbi-metrics-table td[b-r2le6lf305] {
        background: #f8fffd;
        font-weight: 800;
        text-align: right;
    }

    .cfbi-metrics-table tbody tr:hover th[b-r2le6lf305] {
        background: #dff8ec;
    }

    .cfbi-metrics-table tbody tr:hover td[b-r2le6lf305] {
        background: #eefbf7;
    }

.cfbi-state[b-r2le6lf305] {
    display: flex;
    min-height: 18rem;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: #64748b;
    font-size: 0.72rem;
}

.cfbi-state-error[b-r2le6lf305] {
    color: #b91c1c;
}

@media (max-width: 480px) {
    .cfbi-status-row[b-r2le6lf305] {
        grid-template-columns: minmax(0, 1fr) auto;
        column-gap: 1rem;
    }

    .cfbi-highlight-grid[b-r2le6lf305] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages_Assessments/ProjectionComponents/CashflowBusinessIndicatorsComponent.razor.rz.scp.css */
.business-indicators[b-gwjyc2pcbs] {
    overflow: hidden;
    border: 1px solid #d7e0e8;
    border-radius: 0.7rem;
    background: #fff;
    box-shadow: 0 5px 16px rgba(15, 23, 42, 0.06);
}

.indicator-header[b-gwjyc2pcbs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.7rem 0.9rem;
    background: linear-gradient(135deg, #34495e, #50687a);
    color: #fff;
}

    .indicator-header div[b-gwjyc2pcbs] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .indicator-header span[b-gwjyc2pcbs] {
        color: #d7e4ea;
        font-size: 0.62rem;
    }

.indicator-body[b-gwjyc2pcbs] {
    padding: 1rem;
}

.indicator-statuses[b-gwjyc2pcbs] {
    display: grid;
    gap: 0.45rem;
}

    .indicator-statuses > div[b-gwjyc2pcbs] {
        display: flex;
        justify-content: space-between;
        gap: 1.5rem;
        padding-bottom: 0.45rem;
        border-bottom: 1px solid #e6edf2;
        color: #475569;
        font-size: 0.74rem;
    }

.status-good[b-gwjyc2pcbs] {
    color: #15803d;
    font-weight: 700;
}

.status-warning[b-gwjyc2pcbs] {
    color: #b45309;
    font-weight: 700;
}

.status-risk[b-gwjyc2pcbs] {
    color: #dc2626;
    font-weight: 700;
}

.status-neutral[b-gwjyc2pcbs] {
    color: #64748b;
    font-weight: 700;
}

.indicator-highlights[b-gwjyc2pcbs] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 0.9rem 0;
}

/* KPI Cards with marble border, hover shadow/transition, and bottom-right semi-circle treatment */
.kpi-card[b-gwjyc2pcbs] {
    position: relative;
    overflow: hidden;
    padding: 0.85rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.6rem;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    box-shadow: 0 2px 4px rgba(15, 23, 42, 0.03);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

    .kpi-card:hover[b-gwjyc2pcbs] {
        transform: translateY(-3px);
        box-shadow: 0 10px 20px rgba(15, 23, 42, 0.1);
        border-color: #94a3b8;
    }

    .kpi-card[b-gwjyc2pcbs]::after {
        content: '';
        position: absolute;
        bottom: -22px;
        right: -22px;
        width: 64px;
        height: 64px;
        border-radius: 50%;
        background: rgba(8, 145, 178, 0.08);
        pointer-events: none;
        transition: transform 0.3s ease;
    }

    .kpi-card:hover[b-gwjyc2pcbs]::after {
        transform: scale(1.15);
    }

.kpi-icon[b-gwjyc2pcbs] {
    font-size: 1.25rem;
    color: #0891b2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    background: rgba(8, 145, 178, 0.1);
    border-radius: 50%;
    flex-shrink: 0;
}

.kpi-content[b-gwjyc2pcbs] {
    flex-grow: 1;
    z-index: 1;
}

.indicator-highlights span[b-gwjyc2pcbs],
.indicator-highlights small[b-gwjyc2pcbs] {
    display: block;
    color: #64748b;
    font-size: 0.62rem;
    font-weight: 700;
}

.indicator-highlights strong[b-gwjyc2pcbs] {
    display: block;
    margin: 0.2rem 0;
    color: #0f4c5c;
    font-size: 1.2rem;
}

    .indicator-highlights strong small[b-gwjyc2pcbs] {
        display: inline;
    }

.indicator-table[b-gwjyc2pcbs] {
    border: 1px solid #cbd5e1;
    font-size: 0.72rem;
}

    .indicator-table th[b-gwjyc2pcbs],
    .indicator-table td[b-gwjyc2pcbs] {
        padding: 0.5rem 0.65rem;
        border-color: #cbd5e1;
    }

    .indicator-table th[b-gwjyc2pcbs] {
        width: 62%;
        background: #ecfdf5;
        color: #315b52;
        font-weight: 600;
    }

    .indicator-table td[b-gwjyc2pcbs] {
        background: #f8fffd;
        color: #0f172a;
        text-align: right;
        font-weight: 700;
    }

    /* Row hover effects */
    .indicator-table tbody tr[b-gwjyc2pcbs] {
        transition: background-color 0.2s ease;
    }

        .indicator-table tbody tr:hover th[b-gwjyc2pcbs] {
            background-color: #d1fae5;
        }

        .indicator-table tbody tr:hover td[b-gwjyc2pcbs] {
            background-color: #ccfbf1;
        }

.indicator-component-state[b-gwjyc2pcbs] {
    display: flex;
    min-height: 18rem;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: #64748b;
    font-size: 0.72rem;
}

.indicator-component-error[b-gwjyc2pcbs] {
    color: #b91c1c;
}

@media (max-width: 480px) {
    .indicator-highlights[b-gwjyc2pcbs] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages_Assessments/ProjectionComponents/CashflowKPICardsComponent.razor.rz.scp.css */
.cfkpi-shell[b-rcaatapxj2] {
    width: 100%;
}

.cfkpi-grid[b-rcaatapxj2] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.5rem; /* (1) Reduced grid gap */
}

.cfkpi-card[b-rcaatapxj2] {
    --cfkpi-accent: #64748b;
    position: relative;
    min-width: 0;
    min-height: 5.8rem; /* (1) Reduced overall card min-height */
    padding: 0.45rem 0.6rem 0.4rem; /* (1) Reduced internal padding */
    overflow: hidden;
    border: 1px solid #dce4eb;
    border-left: 2px solid var(--cfkpi-accent);
    border-radius: 0.78rem; /* (3) Increased border radius by ~2px */
    background: linear-gradient(145deg, #ffffff 5%, #f8fafc 100%);
    box-shadow: 0 3px 10px rgba(15, 23, 42, 0.05);
    transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 400ms cubic-bezier(0.4, 0, 0.2, 1), border-color 400ms cubic-bezier(0.4, 0, 0.2, 1); /* (2) Enhanced transition smoothness */
}

    .cfkpi-card[b-rcaatapxj2]::after {
        position: absolute;
        right: -0.75rem;
        bottom: -1.1rem;
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 50%;
        background: color-mix(in srgb, var(--cfkpi-accent) 9%, transparent);
        content: "";
    }

    .cfkpi-card:hover[b-rcaatapxj2] {
        transform: translateY(-3px);
        border-color: #566D7E;
        box-shadow: 0 10px 25px rgba(86, 109, 126, 0.15);
        border-left: 4px solid var(--cfkpi-accent);
    }

.cfkpi-heading[b-rcaatapxj2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    font-weight: 450;
}

.cfkpi-label[b-rcaatapxj2] {
    overflow: hidden;
    color: #526477;
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.055em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.cfkpi-icon[b-rcaatapxj2] {
    display: grid;
    width: 1.5rem; /* (1) Slightly more compact icon box */
    height: 1.5rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 0.4rem;
    background: color-mix(in srgb, var(--cfkpi-accent) 11%, white);
    color: var(--cfkpi-accent);
}

.cfkpi-value[b-rcaatapxj2] {
    margin-top: 0.10rem; /* (1) Reduced gap above value */
    overflow: hidden;
    color: #566D7E;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: -0.025em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cfkpi-note[b-rcaatapxj2] {
    position: relative;
    z-index: 1;
    margin-top: 0.15rem; /* (1) Reduced gap above note */
    overflow: hidden;
    color: #718096;
    font-size: 0.60rem;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cfkpi-card-sales[b-rcaatapxj2] {
    --cfkpi-accent: #2563eb;
}

.cfkpi-card-inventory-up[b-rcaatapxj2] {
    --cfkpi-accent: #0f766e;
}

.cfkpi-card-inventory-down[b-rcaatapxj2] {
    --cfkpi-accent: #d97706;
}

.cfkpi-card-expenses[b-rcaatapxj2] {
    --cfkpi-accent: #7c3aed;
}

.cfkpi-card-vat[b-rcaatapxj2] {
    --cfkpi-accent: #475569;
}

.cfkpi-card-gross-profit[b-rcaatapxj2] {
    --cfkpi-accent: #0891b2;
}

.cfkpi-card-ebitda[b-rcaatapxj2] {
    --cfkpi-accent: #0369a1;
}

.cfkpi-card-profit[b-rcaatapxj2] {
    --cfkpi-accent: #15803d;
}

.cfkpi-card-loss[b-rcaatapxj2] {
    --cfkpi-accent: #dc2626;
}

.cfkpi-state[b-rcaatapxj2] {
    display: flex;
    min-height: 7rem;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border: 1px solid #dce4eb;
    border-radius: 0.78rem;
    background: #fff;
    color: #64748b;
    font-size: 0.72rem;
}

.cfkpi-state-error[b-rcaatapxj2] {
    border-color: #fecaca;
    background: #fff7f7;
    color: #b91c1c;
}

@media (max-width: 1450px) {
    .cfkpi-grid[b-rcaatapxj2] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

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

@media (max-width: 480px) {
    .cfkpi-grid[b-rcaatapxj2] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages_Assessments/ProjectionComponents/CashflowMainPagesComponent.razor.rz.scp.css */
/* ========================================
   MARBLE GRADIENT ACCORDION STYLES
   ======================================== */

.custom-professional-accordion[b-regvrqhcku] {
    margin-top: 1rem;
}

    /* Accordion Item Spacing */
    .custom-professional-accordion .accordion-item[b-regvrqhcku] {
        margin-bottom: 8px !important;
        border: 0 !important;
        border-radius: 0.6rem !important;
        overflow: hidden;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    }

    /* Accordion Button Base Styles */
    .custom-professional-accordion .accordion-button[b-regvrqhcku] {
        color: #ffffff !important;
        font-weight: 700 !important;
        letter-spacing: 0.5px;
        padding: 0.85rem 1.25rem !important;
        border: none !important;
        box-shadow: none !important;
        transition: all 0.3s ease-in-out !important;
        display: flex;
        align-items: center;
        justify-content: space-between; /* Pushes the arrow to the far right */
        /* Marble horizontal gradient fading towards the right */
        background: linear-gradient(90deg, #566D7E 0%, #738B9C 60%, #90A7B8 100%) !important;
    }

        /* Hover Transition Treatment */
        .custom-professional-accordion .accordion-button:hover[b-regvrqhcku] {
            background: linear-gradient(90deg, #4C787E 0%, #5E8F96 60%, #70A6AE 100%) !important;
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(76, 120, 126, 0.25) !important;
        }

        /* Expanded State Variant */
        .custom-professional-accordion .accordion-button:not(.collapsed)[b-regvrqhcku] {
            background: linear-gradient(90deg, #3E5E66 0%, #566D7E 70%, #688599 100%) !important;
        }

            .custom-professional-accordion .accordion-button:not(.collapsed):hover[b-regvrqhcku] {
                background: linear-gradient(90deg, #4C787E 0%, #5E8F96 70%, #7598A6 100%) !important;
            }

        /* Right-Aligned Arrow/Chevron Treatment */
        .custom-professional-accordion .accordion-button[b-regvrqhcku]::after {
            margin-left: auto !important;
            margin-right: 0 !important;
            filter: brightness(0) invert(1);
            transform: scale(1.1);
            transition: transform 0.3s ease-in-out;
        }

    /* Accordion Body Styling */
    .custom-professional-accordion .accordion-body[b-regvrqhcku] {
        background-color: #f4f6f8 !important;
        padding: 1.5rem !important;
        border: none !important;
    }
/* /Components/Pages_Assessments/ProjectionComponents/CashflowPerformanceAlertsComponent.razor.rz.scp.css */
.cfalerts-panel[b-44f2q8r17h] {
    overflow: hidden;
    border: 1px solid #d8e1e9;
    border-radius: 0.7rem;
    background: #fff;
    box-shadow: 0 4px 13px rgba(15, 23, 42, 0.05);
}

.cfalerts-header[b-44f2q8r17h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.7rem 0.85rem;
    border-bottom: 1px solid #e8eef3;
    background: #fbfcfd;
}

    .cfalerts-header span:first-child[b-44f2q8r17h] {
        display: block;
        color: #7b8794;
        font-size: 0.58rem;
        font-weight: 800;
        letter-spacing: 0.07em;
        text-transform: uppercase;
    }

    .cfalerts-header strong[b-44f2q8r17h] {
        color: #19324d;
        font-size: 0.86rem;
    }

.cfalerts-actions[b-44f2q8r17h] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.cfalerts-count[b-44f2q8r17h] {
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    background: #fff3df;
    color: #995d08 !important;
    font-size: 0.62rem !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.cfalerts-dismiss[b-44f2q8r17h] {
    display: inline-grid;
    width: 1.75rem;
    height: 1.75rem;
    padding: 0;
    place-items: center;
    border: 1px solid #d5dfe9;
    border-radius: 50%;
    background: #fff;
    color: #65758a;
    transition: color 160ms ease, border-color 160ms ease, background-color 160ms ease;
}

    .cfalerts-dismiss:hover[b-44f2q8r17h] {
        border-color: #98abc0;
        background: #edf4fa;
        color: #173f68;
    }

.cfalerts-summary[b-44f2q8r17h],
.cfalerts-state[b-44f2q8r17h] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.75rem 0.9rem;
    color: #526477;
    font-size: 0.72rem;
}

    .cfalerts-summary i[b-44f2q8r17h] {
        color: #d97706;
    }

.cfalerts-error[b-44f2q8r17h] {
    color: #b91c1c;
}

.cfalerts-grid[b-44f2q8r17h] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
    padding: 0.75rem;
}

.cfalerts-item[b-44f2q8r17h] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.65rem;
    padding: 0.7rem;
    border: 1px solid;
    border-radius: 0.55rem;
    /* Smooth transition for border size, color, transform, and shadow */
    transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-width 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

.cfalerts-critical[b-44f2q8r17h] {
    border-color: #f3b3b0;
    background: #fff5f4;
}

.cfalerts-warning[b-44f2q8r17h] {
    border-color: #f0d296;
    background: #fffaed;
}

.cfalerts-healthy[b-44f2q8r17h] {
    border-color: #a9d7c3;
    background: #f0faf5;
}

/* Hover effects for alert items */
.cfalerts-item:hover[b-44f2q8r17h] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08);
}

.cfalerts-critical:hover[b-44f2q8r17h] {
    border-width: 2px;
    border-color: #e57373;
}

.cfalerts-warning:hover[b-44f2q8r17h] {
    border-width: 2px;
    border-color: #e0a838;
}

.cfalerts-healthy:hover[b-44f2q8r17h] {
    border-width: 2px;
    border-color: #58b38a;
}

.cfalerts-icon[b-44f2q8r17h] {
    display: grid;
    width: 1.75rem;
    height: 1.75rem;
    place-items: center;
    border-radius: 50%;
    background: #fff;
}

.cfalerts-critical .cfalerts-icon[b-44f2q8r17h] {
    color: #c9362f;
}

.cfalerts-warning .cfalerts-icon[b-44f2q8r17h] {
    color: #b56c00;
}

.cfalerts-healthy .cfalerts-icon[b-44f2q8r17h] {
    color: #16805b;
}

.cfalerts-item strong[b-44f2q8r17h] {
    color: #23364b;
    font-size: 0.72rem;
}

.cfalerts-item p[b-44f2q8r17h] {
    margin: 0.18rem 0;
    color: #59697a;
    font-size: 0.65rem;
}

.cfalerts-item small[b-44f2q8r17h] {
    color: #40566d;
    font-size: 0.61rem;
    font-weight: 650;
}

.cfalerts-toggle[b-44f2q8r17h] {
    width: 100%;
    padding: 0.48rem;
    border: 0;
    border-top: 1px solid #e8eef3;
    background: #f8fafc;
    color: #315b77;
    font-size: 0.65rem;
    font-weight: 800;
}

    .cfalerts-toggle i[b-44f2q8r17h] {
        margin-left: 0.3rem;
    }

@media (max-width: 800px) {
    .cfalerts-grid[b-44f2q8r17h] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages_Assessments/ProjectionComponents/CashflowPerformanceChartComponent.razor.rz.scp.css */
.performance-chart[b-rnk9g8pr3k] {
    min-height: 100%;
    overflow: hidden;
}

.chart-subtitle[b-rnk9g8pr3k] {
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.68rem;
    font-weight: 400;
}

.chart-legend[b-rnk9g8pr3k] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem 1rem;
    margin-bottom: 0.75rem;
    color: #475569;
    font-size: 0.72rem;
}

.legend-item[b-rnk9g8pr3k] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.legend-box[b-rnk9g8pr3k] {
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 2px;
}

.legend-line[b-rnk9g8pr3k] {
    width: 1.15rem;
    height: 3px;
    border-radius: 999px;
}

.sales-colour[b-rnk9g8pr3k] {
    background: #2563eb;
}

.stock-colour[b-rnk9g8pr3k] {
    background: #f59e0b;
}

.expenses-colour[b-rnk9g8pr3k] {
    background: #7c3aed;
}

.cashflow-colour[b-rnk9g8pr3k] {
    background: #0891b2;
}

.profit-colour[b-rnk9g8pr3k] {
    background: #16a34a;
}

.chart-scroll[b-rnk9g8pr3k] {
    min-width: 0;
    overflow-x: auto;
}

.cashflow-chart[b-rnk9g8pr3k] {
    display: block;
    min-width: 720px;
    width: 100%;
    height: 330px;
}

.grid-line[b-rnk9g8pr3k] {
    stroke: #e2e8f0;
    stroke-width: 1;
}

.zero-line[b-rnk9g8pr3k] {
    stroke: #64748b;
    stroke-width: 1.5;
}

.axis-value[b-rnk9g8pr3k],
.month-label[b-rnk9g8pr3k] {
    color: #64748b;
    font-size: 11px;
}

.axis-value[b-rnk9g8pr3k] {
    text-align: right;
}

.month-label[b-rnk9g8pr3k] {
    text-align: center;
}

.series-line[b-rnk9g8pr3k] {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 3;
}

.cashflow-line[b-rnk9g8pr3k] {
    stroke: #0891b2;
}

.profit-line[b-rnk9g8pr3k] {
    stroke: #16a34a;
}

.cashflow-point[b-rnk9g8pr3k] {
    fill: #fff;
    stroke: #0891b2;
    stroke-width: 2.5;
}

.profit-point[b-rnk9g8pr3k] {
    fill: #fff;
    stroke: #16a34a;
    stroke-width: 2.5;
}

.empty-chart[b-rnk9g8pr3k] {
    display: grid;
    min-height: 280px;
    place-items: center;
    color: #64748b;
}
/* /Components/Pages_Assessments/ProjectionComponents/CashflowProfitLossTimelineComponent.razor.rz.scp.css */
.dashboard-chart-card[b-aors6gd8p4] {
    overflow: hidden;
    min-width: 0;
    border: 1px solid #d7e0e8;
    border-radius: 0.7rem;
    background: #fff;
    box-shadow: 0 5px 16px rgba(15, 23, 42, 0.06);
}

.chart-header[b-aors6gd8p4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.7rem 0.9rem;
    background: linear-gradient(135deg, #34495e, #50687a);
    color: #fff;
}

.chart-header div[b-aors6gd8p4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.chart-header span[b-aors6gd8p4] {
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: #64748b;
    font-size: 0.62rem;
    font-weight: 700;
}

.pnl-chart[b-aors6gd8p4] {
    display: grid;
    grid-template-columns: 3.5rem minmax(0, 1fr);
    min-height: 18rem;
    padding: 1rem 1rem 0.4rem;
}

.pnl-axis[b-aors6gd8p4] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 14rem;
    padding-bottom: 0.9rem;
    color: #718096;
    font-size: 0.6rem;
    text-align: right;
}

.pnl-plot[b-aors6gd8p4] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(12, minmax(1.25rem, 1fr));
    height: 15rem;
    gap: clamp(0.25rem, 1vw, 0.65rem);
    padding-inline: 0.75rem;
}

.pnl-gridline[b-aors6gd8p4],
.pnl-zero-line[b-aors6gd8p4] {
    position: absolute;
    right: 0;
    left: 0;
    border-top: 1px dashed #d9e2e9;
}

.pnl-gridline-top[b-aors6gd8p4] { top: 0; }
.pnl-zero-line[b-aors6gd8p4] {
    top: 50%;
    border-color: #607d8b;
    border-top-style: solid;
    border-top-width: 2px;
}
.pnl-gridline-bottom[b-aors6gd8p4] { bottom: 1rem; }

.pnl-month[b-aors6gd8p4] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-rows: minmax(0, 1fr) 1rem;
    min-width: 0;
}

.pnl-bar-area[b-aors6gd8p4] {
    position: relative;
}

.pnl-bar[b-aors6gd8p4] {
    position: absolute;
    right: 10%;
    left: 10%;
    min-height: 2px;
    border-radius: 0.25rem 0.25rem 0 0;
    transition: filter 160ms ease, transform 160ms ease;
}

.pnl-bar:hover[b-aors6gd8p4] {
    filter: brightness(0.92);
    transform: scaleX(1.08);
}

.pnl-profit[b-aors6gd8p4] {
    border: 1px solid #0284c7;
    background: linear-gradient(180deg, #7dd3fc, #0ea5e9);
}

.pnl-loss[b-aors6gd8p4] {
    border: 1px solid #dc2626;
    border-radius: 0 0 0.25rem 0.25rem;
    background: linear-gradient(180deg, #ef4444, #fca5a5);
}

.pnl-month > span[b-aors6gd8p4] {
    align-self: end;
    color: #526477;
    font-size: 0.6rem;
    font-weight: 800;
    text-align: center;
}

.pnl-footer[b-aors6gd8p4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.6rem 1rem 0.8rem;
    border-top: 1px solid #eef2f6;
    color: #64748b;
    font-size: 0.65rem;
}

.legend-profit[b-aors6gd8p4] {
    display: inline-block;
    width: 0.65rem;
    height: 0.65rem;
    margin-right: 0.25rem;
    border-radius: 0.15rem;
    background: #0ea5e9;
}

.pnl-component-state[b-aors6gd8p4] {
    display: flex;
    min-height: 20rem;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: #64748b;
    font-size: 0.72rem;
}

.pnl-component-error[b-aors6gd8p4] {
    color: #b91c1c;
}

@media (max-width: 620px) {
    .pnl-chart[b-aors6gd8p4] {
        overflow-x: auto;
    }

    .pnl-plot[b-aors6gd8p4] {
        min-width: 36rem;
    }
}
/* /Components/Pages_Assessments/ProjectionComponents/CashflowSummaryDashboardComponent.razor.rz.scp.css */
.cashflow-summary-dashboard[b-nal6hm7w3z] {
    overflow: hidden;
    border: 1px solid #d7e0e8;
    border-radius: 0.7rem;
    background: #fff;
    box-shadow: 0 5px 16px rgba(15, 23, 42, 0.06);
}

.summary-header[b-nal6hm7w3z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.7rem 0.9rem;
    background: linear-gradient(135deg, #34495e, #50687a);
    color: #fff;
}

.summary-header div[b-nal6hm7w3z] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.summary-header span[b-nal6hm7w3z] {
    color: #d7e4ea;
    font-size: 0.62rem;
}

.cashflow-summary-dashboard table[b-nal6hm7w3z] {
    font-size: 0.72rem;
}

.cashflow-summary-dashboard td[b-nal6hm7w3z] {
    padding: 0.43rem 0.85rem;
    border-bottom: 1px solid #edf1f4;
}

.cashflow-summary-dashboard td:last-child[b-nal6hm7w3z] {
    font-weight: 700;
    text-align: right;
}

.summary-total[b-nal6hm7w3z] {
    background: #f4f8fa;
    font-weight: 800;
    text-transform: uppercase;
}

.final-total[b-nal6hm7w3z] {
    border-bottom: 3px double #34495e;
}

.summary-note[b-nal6hm7w3z] {
    margin: 0.7rem;
    padding: 0.55rem 0.7rem;
    border-left: 3px solid #0f766e;
    background: #f0fdfa;
    color: #526477;
    font-size: 0.64rem;
}

.summary-component-state[b-nal6hm7w3z] {
    display: flex;
    min-height: 18rem;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: #64748b;
    font-size: 0.72rem;
}

.summary-component-error[b-nal6hm7w3z] {
    color: #b91c1c;
}
/* /Components/Pages_Assessments/ProjectionComponents/CashflowSummaryTableComponent.razor.rz.scp.css */
/* Component Outside Border Matching Row Borders */
.cashflow-summary-kpi.auth-card[b-6l7tyzorsn] {
    background-color: #ffffff;
    width: 100%;
    border-radius: 16px;
    border: 1px solid #cbdde0 !important;
    box-shadow: 0 15px 35px rgba(0, 0, 102, 0.08), 0 5px 15px rgba(0, 0, 102, 0.05), 0 0 1px rgba(0, 0, 102, 0.1);
    padding: 0px;
    box-sizing: border-box;
    overflow: hidden;
}

/* Matching Header Gradient Style with Reduced Padding */
.bg-marble-header[b-6l7tyzorsn] {
    background: linear-gradient(135deg, #425563 0%, #566D7E 100%) !important;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

/* Table Layout with Highly Visible Row Borders */
.viability-summary-table[b-6l7tyzorsn] {
    font-size: 0.82rem !important;
}

    .viability-summary-table .data-row[b-6l7tyzorsn] {
        border-bottom: 1px solid #cbdde0 !important;
    }

    .viability-summary-table td[b-6l7tyzorsn] {
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }

/* Explicit Navy Blue Fore-color for Scores / Values */
.text-navy[b-6l7tyzorsn] {
    color: #1a365d !important;
}

/* Footer Banner Styling */
.viability-footer-banner[b-6l7tyzorsn] {
    background-color: #f8fafc;
    border: 1px solid #cbdde0;
    position: relative;
}

.footer-banner-bar[b-6l7tyzorsn] {
    width: 3px;
    height: 24px;
    background-color: #566D7E;
    border-radius: 2px;
    flex-shrink: 0;
}
/* /Components/Pages_Assessments/ProjectionComponents/DetailedCashflowStatementComponent.razor.rz.scp.css */
.detailed-cashflow-container[b-amae1s3xei] {
    font-size: 0.95rem;
}

/* Table Wrapper */
.cashflow-table-wrapper[b-amae1s3xei] {
    overflow-x: auto;
    max-width: 100%;
}

.detailed-cashflow-table[b-amae1s3xei] {
    font-size: 0.75rem;
    border-collapse: collapse;
    min-width: 100%;
}

    .detailed-cashflow-table th[b-amae1s3xei] {
        background-color: #f3f4f6;
        font-weight: 600;
        border-bottom: 2px solid #d1d5db;
        vertical-align: bottom;
        white-space: nowrap;
    }

    .detailed-cashflow-table td[b-amae1s3xei] {
        border-bottom: 1px solid #f0f0f0;
        padding: 0.5rem 0.25rem;
        vertical-align: middle;
    }

/* Text Sizes */
.text-xs[b-amae1s3xei] {
    font-size: 0.75rem !important;
}

.text-xxs[b-amae1s3xei] {
    font-size: 0.65rem !important;
}

/* Sticky Column */
.sticky-col[b-amae1s3xei] {
    position: sticky;
    left: 0;
    z-index: 10;
    background-color: #ffffff;
    border-right: 2px solid #e5e7eb;
}

    .sticky-col:hover[b-amae1s3xei] {
        background-color: #f8fafc;
    }

/* Sticky Right Column (Total) */
.sticky-right-col[b-amae1s3xei] {
    position: sticky;
    right: 0;
    z-index: 10;
    border-left: 2px solid #e5e7eb;
}

/* Section Headers */
.section-header[b-amae1s3xei] {
    background-color: #eff6ff !important;
    font-weight: 600;
    border-top: 1px solid #e5e7eb;
}

    .section-header .sticky-col[b-amae1s3xei] {
        background-color: #eff6ff;
    }

/* Data Rows */
.data-row[b-amae1s3xei] {
    border-bottom: 1px solid #f0f0f0;
    transition: background-color 0.2s ease;
}

    .data-row:hover[b-amae1s3xei] {
        background-color: rgba(59, 130, 246, 0.03) !important;
    }

    .data-row.bg-light[b-amae1s3xei] {
        background-color: #f9fafb !important;
    }

        .data-row.bg-light .sticky-col[b-amae1s3xei] {
            background-color: #f9fafb;
        }

/* Section Divider */
.section-divider[b-amae1s3xei] {
    font-weight: 700;
    font-size: 0.8rem;
}

    .section-divider .sticky-col[b-amae1s3xei] {
        background-color: #f3f4f6;
    }

/* EBITDA Row */
.ebitda-row[b-amae1s3xei] {
    font-weight: 800;
}

    .ebitda-row .sticky-col[b-amae1s3xei] {
        background: linear-gradient(90deg, #f0f4f8 0%, #e0e7ff 100%);
    }

/* Colors */
.bg-light-blue[b-amae1s3xei] {
    background-color: #eff6ff !important;
}

.bg-light-subtle[b-amae1s3xei] {
    background-color: #f8fafc !important;
}

.bg-success-subtle[b-amae1s3xei] {
    background-color: #f0fdf4 !important;
}

.text-navy[b-amae1s3xei] {
    color: #0f172a;
}

.font-monospace[b-amae1s3xei] {
    font-family: 'Courier New', monospace;
    letter-spacing: 0.3px;
}

/* KPI Section */
.kpi-section[b-amae1s3xei] {
    border-top: 2px solid #e5e7eb;
}

/* KPI Cards */
.kpi-card[b-amae1s3xei] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 0.75rem;
    background: white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border-left: 4px solid #ccc;
}

    .kpi-card:hover[b-amae1s3xei] {
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
        transform: translateY(-3px);
    }

.kpi-icon[b-amae1s3xei] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.5rem;
    font-size: 1.25rem;
    flex-shrink: 0;
}

.kpi-content[b-amae1s3xei] {
    flex: 1;
    min-width: 0;
}

.kpi-title[b-amae1s3xei] {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kpi-value[b-amae1s3xei] {
    font-size: 1.1rem;
    font-weight: 800;
    font-family: 'Courier New', monospace;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* KPI Card Variants */
.kpi-card-primary[b-amae1s3xei] {
    border-left-color: #3b82f6;
}

    .kpi-card-primary .kpi-icon[b-amae1s3xei] {
        background-color: #eff6ff;
        color: #3b82f6;
    }

    .kpi-card-primary .kpi-title[b-amae1s3xei] {
        color: #1e40af;
    }

.kpi-card-success[b-amae1s3xei] {
    border-left-color: #16a34a;
}

    .kpi-card-success .kpi-icon[b-amae1s3xei] {
        background-color: #f0fdf4;
        color: #16a34a;
    }

    .kpi-card-success .kpi-title[b-amae1s3xei] {
        color: #15803d;
    }

    .kpi-card-success .kpi-value[b-amae1s3xei] {
        color: #16a34a;
    }

.kpi-card-info[b-amae1s3xei] {
    border-left-color: #0891b2;
}

    .kpi-card-info .kpi-icon[b-amae1s3xei] {
        background-color: #ecf0ff;
        color: #0891b2;
    }

    .kpi-card-info .kpi-title[b-amae1s3xei] {
        color: #0e7490;
    }

.kpi-card-danger[b-amae1s3xei] {
    border-left-color: #dc2626;
}

    .kpi-card-danger .kpi-icon[b-amae1s3xei] {
        background-color: #fef2f2;
        color: #dc2626;
    }

    .kpi-card-danger .kpi-title[b-amae1s3xei] {
        color: #b91c1c;
    }

    .kpi-card-danger .kpi-value[b-amae1s3xei] {
        color: #dc2626;
    }

.kpi-card-warning[b-amae1s3xei] {
    border-left-color: #f59e0b;
}

    .kpi-card-warning .kpi-icon[b-amae1s3xei] {
        background-color: #fffbeb;
        color: #f59e0b;
    }

    .kpi-card-warning .kpi-title[b-amae1s3xei] {
        color: #d97706;
    }

.kpi-card-secondary[b-amae1s3xei] {
    border-left-color: #8b5cf6;
}

    .kpi-card-secondary .kpi-icon[b-amae1s3xei] {
        background-color: #faf5ff;
        color: #8b5cf6;
    }

    .kpi-card-secondary .kpi-title[b-amae1s3xei] {
        color: #6d28d9;
    }

.kpi-card-ebitda[b-amae1s3xei] {
    border-left-color: #06b6d4;
}

    .kpi-card-ebitda .kpi-icon[b-amae1s3xei] {
        background-color: #ecf7f8;
        color: #06b6d4;
    }

    .kpi-card-ebitda .kpi-title[b-amae1s3xei] {
        color: #0891b2;
    }

.kpi-card-accent[b-amae1s3xei] {
    border-left-color: #ec4899;
}

    .kpi-card-accent .kpi-icon[b-amae1s3xei] {
        background-color: #fdf2f8;
        color: #ec4899;
    }

    .kpi-card-accent .kpi-title[b-amae1s3xei] {
        color: #be185d;
    }

/* Responsive */
@media (max-width: 1200px) {
    .detailed-cashflow-table[b-amae1s3xei] {
        font-size: 0.7rem;
    }

        .detailed-cashflow-table td[b-amae1s3xei],
        .detailed-cashflow-table th[b-amae1s3xei] {
            padding: 0.4rem 0.2rem;
        }

    .kpi-value[b-amae1s3xei] {
        font-size: 1rem;
    }
}

@media (max-width: 768px) {
    .detailed-cashflow-table[b-amae1s3xei] {
        font-size: 0.65rem;
    }

    .kpi-card[b-amae1s3xei] {
        padding: 1rem;
        gap: 0.75rem;
    }

    .kpi-icon[b-amae1s3xei] {
        width: 2rem;
        height: 2rem;
        font-size: 1rem;
    }

    .kpi-value[b-amae1s3xei] {
        font-size: 0.95rem;
    }

    .kpi-title[b-amae1s3xei] {
        font-size: 0.65rem;
    }
}
/* /Components/Pages_Assessments/ProjectionComponents/FinancialViabilityKPIComponent.razor.rz.scp.css */
/* Component Outside Border */
.financial-viability-kpi.auth-card[b-e92658xrzi] {
    background-color: #ffffff;
    width: 100%;
    border-radius: 16px;
    border: 1px solid #cbdde0 !important; /* Matches the row border color */
    box-shadow: 0 15px 35px rgba(0, 0, 102, 0.08), 0 5px 15px rgba(0, 0, 102, 0.05), 0 0 1px rgba(0, 0, 102, 0.1);
    padding: 0px;
    box-sizing: border-box;
    overflow: hidden;
}

/* Matching Header Gradient Style with Reduced Padding */
.bg-marble-header[b-e92658xrzi] {
    background: linear-gradient(135deg, #425563 0%, #566D7E 100%) !important;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

/* Table Layout with Highly Visible Row Borders */
.viability-summary-table[b-e92658xrzi] {
    font-size: 0.82rem !important;
}

    .viability-summary-table .data-row[b-e92658xrzi] {
        border-bottom: 1px solid #cbdde0 !important; /* Clearly visible border color */
    }

    .viability-summary-table td[b-e92658xrzi] {
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }

/* Explicit Navy Blue Fore-color for Scores / Values */
.text-navy[b-e92658xrzi] {
    color: #1a365d !important;
}

/* Footer Banner Styling */
.viability-footer-banner[b-e92658xrzi] {
    background-color: #f8fafc;
    border: 1px solid #cbdde0;
    position: relative;
}

.footer-banner-bar[b-e92658xrzi] {
    width: 3px;
    height: 24px;
    background-color: #566D7E;
    border-radius: 2px;
    flex-shrink: 0;
}
/* /Components/Pages_Assessments/WhatIfPage.razor.rz.scp.css */
.dashboard-workspace[b-5i7xpnmnuk] {
    min-height: 100vh;
    background-color: transparent;        /*  : #f4f7fa;*/
}

.dashboard-content[b-5i7xpnmnuk] {
    display: grid;
    gap: 1rem;
    padding: 0.5rem;
}

.dashboard-state[b-5i7xpnmnuk] {
    display: flex;
    min-height: 16rem;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    color: #475569;
}

.dashboard-visual-grid[b-5i7xpnmnuk],
.dashboard-detail-grid[b-5i7xpnmnuk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.dashboard-widget-error[b-5i7xpnmnuk] {
    display: flex;
    min-height: 7rem;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1rem;
    border: 1px solid #fecaca;
    border-radius: 0.65rem;
    background: #fff7f7;
    color: #b91c1c;
    font-size: 0.72rem;
}

@media (max-width: 1100px) {
    .dashboard-visual-grid[b-5i7xpnmnuk],
    .dashboard-detail-grid[b-5i7xpnmnuk] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 576px) {
    .dashboard-content[b-5i7xpnmnuk] {
        padding: 0.65rem;
    }

    .dashboard-alert[b-5i7xpnmnuk] {
        margin-inline: 0.65rem;
    }
}
/* /Components/Pages_Website/IndexPage.razor.rz.scp.css */
.viq-home[b-u7kewqlwxc] {
    --home-green: #087965;
    --home-green-dark: #045b4d;
    --home-orange: #df7b1c;
    --home-ink: #102a43;
    --home-copy: #486581;
    --home-soft: #f3f8f7;
    --home-border: #dbe8e5;
    color: var(--home-ink);
    background: #fff;
}

.home-container[b-u7kewqlwxc] {
    width: min(1180px, calc(100% - 40px));
    margin-inline: auto;
}

.home-hero[b-u7kewqlwxc] {
    position: relative;
    overflow: hidden;
    padding: 82px 0 88px;
    background:
        radial-gradient(circle at 86% 12%, rgba(223, 123, 28, .13), transparent 24%),
        radial-gradient(circle at 8% 84%, rgba(8, 121, 101, .12), transparent 27%),
        linear-gradient(145deg, #fff 0%, #f7fbfa 58%, #edf7f4 100%);
}

.hero-grid[b-u7kewqlwxc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(420px, .9fr);
    align-items: center;
    gap: 64px;
}

.section-kicker[b-u7kewqlwxc] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--home-green);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.hero-copy h1[b-u7kewqlwxc] {
    max-width: 680px;
    margin: 18px 0;
    color: var(--home-ink);
    font-size: clamp(2.45rem, 5vw, 4.65rem);
    font-weight: 850;
    letter-spacing: -.055em;
    line-height: 1.02;
}

.hero-lead[b-u7kewqlwxc] {
    max-width: 650px;
    margin: 0;
    color: var(--home-copy);
    font-size: 1.08rem;
    line-height: 1.75;
}

.hero-actions[b-u7kewqlwxc] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}

.home-button[b-u7kewqlwxc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 48px;
    padding: 0 22px;
    border: 1px solid var(--home-green);
    border-radius: 9px;
    font-size: .88rem;
    font-weight: 750;
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.home-button:hover[b-u7kewqlwxc] { transform: translateY(-2px); }
.home-button.primary[b-u7kewqlwxc] {
    color: #fff;
    background: var(--home-green);
    box-shadow: 0 12px 26px rgba(8, 121, 101, .22);
}
.home-button.primary:hover[b-u7kewqlwxc] { color: #fff; background: var(--home-green-dark); }
.home-button.secondary[b-u7kewqlwxc] { color: var(--home-green); background: #fff; }
.home-button.secondary:hover[b-u7kewqlwxc] { color: var(--home-green-dark); box-shadow: 0 10px 22px rgba(16, 42, 67, .1); }

.hero-proof[b-u7kewqlwxc] {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 28px;
    color: #627d98;
    font-size: .76rem;
}
.hero-proof i[b-u7kewqlwxc] { margin-right: 5px; color: var(--home-green); }

.visual-frame[b-u7kewqlwxc] {
    position: relative;
    overflow: hidden;
    padding: 10px;
    border: 1px solid rgba(8, 121, 101, .18);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 30px 65px rgba(16, 42, 67, .18);
    transform: perspective(1200px) rotateY(-2deg) rotateX(1deg);
}
.visual-frame img[b-u7kewqlwxc] { display: block; width: 100%; border-radius: 10px; }
.visual-toolbar[b-u7kewqlwxc] { display: flex; align-items: center; gap: 6px; padding: 2px 4px 10px; }
.visual-toolbar span[b-u7kewqlwxc] { width: 8px; height: 8px; border-radius: 50%; background: #d5e1e8; }
.visual-toolbar span:first-child[b-u7kewqlwxc] { background: #df7b1c; }
.visual-toolbar span:nth-child(2)[b-u7kewqlwxc] { background: #efbd59; }
.visual-toolbar span:nth-child(3)[b-u7kewqlwxc] { background: #34a382; }
.visual-toolbar small[b-u7kewqlwxc] { margin-left: auto; color: #829ab1; font-size: .62rem; }
.visual-insight[b-u7kewqlwxc] {
    position: absolute;
    right: 24px;
    bottom: 22px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    max-width: 310px;
    padding: 13px 15px;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 10px;
    color: #fff;
    background: rgba(16, 42, 67, .94);
    box-shadow: 0 12px 30px rgba(16, 42, 67, .24);
    font-size: .72rem;
}
.visual-insight i[b-u7kewqlwxc] { color: #62d2b7; font-size: 1rem; }
.visual-insight span[b-u7kewqlwxc] { display: grid; gap: 2px; }

.trust-strip[b-u7kewqlwxc] { border-block: 1px solid var(--home-border); background: #fff; }
.trust-grid[b-u7kewqlwxc] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding-block: 21px;
}
.trust-grid span[b-u7kewqlwxc] { display: flex; align-items: center; justify-content: center; gap: 9px; color: #526d82; font-size: .78rem; font-weight: 700; }
.trust-grid i[b-u7kewqlwxc] { color: var(--home-orange); }

.home-section[b-u7kewqlwxc] { padding: 88px 0; scroll-margin-top: 78px; }
.soft-section[b-u7kewqlwxc] { background: var(--home-soft); }
.section-heading[b-u7kewqlwxc] { max-width: 720px; margin: 0 auto 44px; text-align: center; }
.section-heading.left[b-u7kewqlwxc] { margin: 0; text-align: left; }
.section-heading h2[b-u7kewqlwxc] { margin: 11px 0 14px; color: var(--home-ink); font-size: clamp(1.9rem, 3vw, 2.75rem); font-weight: 820; letter-spacing: -.035em; line-height: 1.12; }
.section-heading p[b-u7kewqlwxc] { margin: 0; color: var(--home-copy); line-height: 1.75; }

.capability-grid[b-u7kewqlwxc] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}
.capability-card[b-u7kewqlwxc] {
    padding: 25px;
    border: 1px solid var(--home-border);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(16, 42, 67, .05);
}
.capability-card.featured[b-u7kewqlwxc] {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-column: span 2;
    gap: 0 16px;
    background: linear-gradient(135deg, #fff, #f1faf7);
}
.capability-card.featured .card-graphic[b-u7kewqlwxc] { grid-column: 1 / -1; }
.capability-icon[b-u7kewqlwxc] {
    display: grid;
    place-items: center;
    width: 43px;
    height: 43px;
    margin-bottom: 18px;
    border-radius: 11px;
    color: var(--home-green);
    background: #e5f5f0;
    font-size: 1.15rem;
}
.capability-card > span[b-u7kewqlwxc], .capability-card > div > span[b-u7kewqlwxc] { color: var(--home-orange); font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.capability-card h3[b-u7kewqlwxc] { margin: 8px 0; font-size: 1.12rem; }
.capability-card p[b-u7kewqlwxc] { margin: 0; color: var(--home-copy); font-size: .84rem; line-height: 1.7; }
.projection-bars[b-u7kewqlwxc] {
    display: flex;
    align-items: end;
    gap: 9px;
    height: 80px;
    margin-top: 22px;
    padding: 12px 16px 0;
    border-bottom: 1px solid #b7d8d0;
    background: repeating-linear-gradient(to bottom, transparent 0 22px, #e4efec 23px);
}
.projection-bars i[b-u7kewqlwxc] { flex: 1; border-radius: 4px 4px 0 0; background: linear-gradient(#27aa8b, var(--home-green)); }

.process-grid[b-u7kewqlwxc] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; counter-reset: step; }
.process-grid article[b-u7kewqlwxc] { position: relative; padding: 26px 22px; border-top: 3px solid var(--home-green); background: #fff; box-shadow: 0 8px 22px rgba(16, 42, 67, .06); }
.process-grid b[b-u7kewqlwxc] { color: #a9c8c0; font-size: 1.75rem; }
.process-grid h3[b-u7kewqlwxc] { margin: 15px 0 8px; font-size: 1rem; }
.process-grid p[b-u7kewqlwxc] { margin: 0; color: var(--home-copy); font-size: .8rem; line-height: 1.65; }

.audience-layout[b-u7kewqlwxc] { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 70px; }
.audience-grid[b-u7kewqlwxc] { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.audience-grid article[b-u7kewqlwxc] { display: flex; gap: 15px; padding: 22px; border: 1px solid var(--home-border); border-radius: 13px; background: #fff; }
.audience-grid i[b-u7kewqlwxc] { color: var(--home-green); font-size: 1.25rem; }
.audience-grid h3[b-u7kewqlwxc] { margin: 0 0 6px; font-size: .95rem; }
.audience-grid p[b-u7kewqlwxc] { margin: 0; color: var(--home-copy); font-size: .78rem; line-height: 1.6; }
.text-link[b-u7kewqlwxc] { display: inline-flex; align-items: center; gap: 7px; margin-top: 22px; color: var(--home-green); font-weight: 750; text-decoration: none; }

.plan-section[b-u7kewqlwxc] { background: #102a43; }
.plan-section .section-heading h2[b-u7kewqlwxc] { color: #fff; }
.plan-section .section-heading p[b-u7kewqlwxc] { color: #bcccdc; }
.plan-section .section-kicker[b-u7kewqlwxc] { color: #68d6bc; }
.plan-grid[b-u7kewqlwxc] { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; max-width: 900px; margin: auto; }
.plan-grid article[b-u7kewqlwxc] { padding: 32px; border: 1px solid #486581; border-radius: 16px; color: #d9e2ec; background: #183b56; }
.plan-grid article.recommended[b-u7kewqlwxc] { border-color: #51c8ac; background: linear-gradient(145deg, #174f47, #123f3a); }
.plan-label[b-u7kewqlwxc] { display: inline-block; padding: 5px 10px; border-radius: 99px; color: #fff; background: rgba(255,255,255,.12); font-size: .67rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.plan-grid h3[b-u7kewqlwxc] { margin: 18px 0 10px; color: #fff; font-size: 1.25rem; }
.plan-grid p[b-u7kewqlwxc] { min-height: 54px; color: #bcccdc; font-size: .84rem; line-height: 1.6; }
.plan-grid ul[b-u7kewqlwxc] { display: grid; gap: 9px; margin: 22px 0 28px; padding: 0; list-style: none; font-size: .8rem; }
.plan-grid li i[b-u7kewqlwxc] { margin-right: 8px; color: #68d6bc; }

.contact-section[b-u7kewqlwxc] { background: linear-gradient(135deg, #f3f8f7, #fff); }
.contact-grid[b-u7kewqlwxc] { display: grid; grid-template-columns: .85fr 1.15fr; align-items: start; gap: 64px; }
.contact-copy h2[b-u7kewqlwxc] { max-width: 520px; margin: 13px 0; font-size: clamp(2rem, 3vw, 3rem); font-weight: 820; letter-spacing: -.04em; }
.contact-copy > p[b-u7kewqlwxc] { max-width: 540px; color: var(--home-copy); line-height: 1.7; }
.contact-methods[b-u7kewqlwxc] { display: grid; gap: 14px; margin-top: 30px; }
.contact-methods article[b-u7kewqlwxc] { display: flex; gap: 15px; padding: 16px; border: 1px solid var(--home-border); border-radius: 11px; background: rgba(255,255,255,.78); }
.contact-methods article > i[b-u7kewqlwxc] { color: var(--home-green); font-size: 1.15rem; }
.contact-methods article div[b-u7kewqlwxc] { display: grid; gap: 4px; color: var(--home-copy); font-size: .8rem; }
.contact-methods strong[b-u7kewqlwxc] { color: var(--home-ink); }
.contact-methods address[b-u7kewqlwxc] { margin: 0; font-style: normal; }
.contact-methods a[b-u7kewqlwxc] { color: var(--home-green); font-weight: 750; text-decoration: none; }

[b-u7kewqlwxc] .contact-form-card {
    padding: 30px;
    border: 1px solid var(--home-border);
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 20px 48px rgba(16, 42, 67, .11);
}
[b-u7kewqlwxc] .contact-form-heading span { color: var(--home-orange); font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
[b-u7kewqlwxc] .contact-form-heading h3 { margin: 5px 0 22px; font-size: 1.35rem; }
[b-u7kewqlwxc] .contact-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
[b-u7kewqlwxc] .form-field { display: grid; gap: 6px; }
[b-u7kewqlwxc] .form-field.full { grid-column: 1 / -1; }
[b-u7kewqlwxc] .form-field label { color: #334e68; font-size: .75rem; font-weight: 750; }
[b-u7kewqlwxc] .form-field em, [b-u7kewqlwxc] .consent-field em { color: #b42318; font-style: normal; }
[b-u7kewqlwxc] .form-field input, [b-u7kewqlwxc] .form-field select, [b-u7kewqlwxc] .form-field textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #cbd9e4;
    border-radius: 8px;
    outline: none;
    color: var(--home-ink);
    background: #fff;
    font-size: .82rem;
}
[b-u7kewqlwxc] .form-field input:focus, [b-u7kewqlwxc] .form-field select:focus, [b-u7kewqlwxc] .form-field textarea:focus {
    border-color: var(--home-green);
    box-shadow: 0 0 0 3px rgba(8, 121, 101, .1);
}
[b-u7kewqlwxc] .validation-message { color: #b42318; font-size: .68rem; }
[b-u7kewqlwxc] .consent-field { display: flex; align-items: flex-start; gap: 9px; margin-top: 16px; color: #526d82; font-size: .72rem; }
[b-u7kewqlwxc] .consent-field input { margin-top: 3px; }
[b-u7kewqlwxc] .contact-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 46px;
    margin-top: 18px;
    border: 0;
    border-radius: 8px;
    color: #fff;
    background: var(--home-green);
    font-size: .84rem;
    font-weight: 750;
}
[b-u7kewqlwxc] .contact-submit:disabled { opacity: .65; }
[b-u7kewqlwxc] .contact-error { padding: 10px 12px; margin-bottom: 15px; border: 1px solid #f1a7a7; border-radius: 8px; color: #96202a; background: #fff1f2; font-size: .75rem; }
[b-u7kewqlwxc] .form-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
[b-u7kewqlwxc] .contact-success { display: flex; gap: 16px; padding: 15px; color: #155e4b; }
[b-u7kewqlwxc] .contact-success > i { font-size: 1.6rem; }
[b-u7kewqlwxc] .contact-success h3 { margin: 0 0 7px; color: var(--home-ink); }
[b-u7kewqlwxc] .contact-success p { margin: 0 0 7px; color: var(--home-copy); }
[b-u7kewqlwxc] .contact-success small { display: block; }
[b-u7kewqlwxc] .contact-reset { padding: 0; margin-top: 16px; border: 0; color: var(--home-green); background: transparent; font-weight: 750; }

@media (max-width: 960px) {
    .hero-grid[b-u7kewqlwxc], .audience-layout[b-u7kewqlwxc], .contact-grid[b-u7kewqlwxc] { grid-template-columns: 1fr; }
    .hero-grid[b-u7kewqlwxc] { gap: 46px; }
    .hero-visual[b-u7kewqlwxc] { max-width: 680px; }
    .capability-grid[b-u7kewqlwxc] { grid-template-columns: 1fr 1fr; }
    .process-grid[b-u7kewqlwxc] { grid-template-columns: 1fr 1fr; }
    .trust-grid[b-u7kewqlwxc] { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px) {
    .home-container[b-u7kewqlwxc] { width: min(100% - 28px, 1180px); }
    .home-hero[b-u7kewqlwxc], .home-section[b-u7kewqlwxc] { padding: 60px 0; }
    .hero-copy h1[b-u7kewqlwxc] { font-size: 2.45rem; }
    .hero-actions[b-u7kewqlwxc] { align-items: stretch; flex-direction: column; }
    .home-button[b-u7kewqlwxc] { width: 100%; }
    .visual-frame[b-u7kewqlwxc] { transform: none; }
    .visual-insight[b-u7kewqlwxc] { position: static; max-width: none; margin-top: 10px; }
    .trust-grid[b-u7kewqlwxc], .capability-grid[b-u7kewqlwxc], .process-grid[b-u7kewqlwxc], .audience-grid[b-u7kewqlwxc], .plan-grid[b-u7kewqlwxc] { grid-template-columns: 1fr; }
    .capability-card.featured[b-u7kewqlwxc] { display: block; grid-column: auto; }
    .plan-grid article p[b-u7kewqlwxc] { min-height: 0; }
    [b-u7kewqlwxc] .contact-form-card { padding: 22px 18px; }
    [b-u7kewqlwxc] .contact-form-grid { grid-template-columns: 1fr; }
}
/* /Components/Pages_Website/UserGuide/UserGuideLayout.razor.rz.scp.css */
.user-guide-layout[b-vw5yckfnzu] {
    width: 100%;
    height: 100dvh;
    margin: 0;
    overflow: hidden;
    background: #fff;
}
/* /Components/Pages_Website/UserGuide/UserGuideViewer.razor.rz.scp.css */
.user-guide-viewer[b-m9fwn9m2uq],
.user-guide-viewer iframe[b-m9fwn9m2uq] {
    width: 100%;
    height: 100%;
}

.user-guide-viewer[b-m9fwn9m2uq] {
    min-height: 100dvh;
    background: #fff;
}

.user-guide-viewer iframe[b-m9fwn9m2uq] {
    display: block;
    border: 0;
}
/* /Components/Pages_Website/Website.razor.rz.scp.css */
:root[b-m7p4mewc4o] {
    --vi-primary-green: #0f8a7b;
    --vi-dark-green: #0b665c;
    --vi-accent-orange: #d97706;
    --vi-slate: #29465B;
    --vi-bg: #f8fafc;
    --vi-border: #e2e8f0;
    --vi-text: #334155;
}

*[b-m7p4mewc4o] {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Inter', sans-serif;
}

body[b-m7p4mewc4o] {
    background-color: var(--vi-bg);
    color: var(--vi-text);
    line-height: 1.6;
    scroll-behavior: smooth;
}

.vi-container[b-m7p4mewc4o] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Header */
.vi-header[b-m7p4mewc4o] {
    background: #ffffff;
    border-bottom: 1px solid var(--vi-border);
    position: sticky;
    top: 0;
    z-index: 1000;
}

.vi-nav[b-m7p4mewc4o] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 70px;
}

.vi-logo[b-m7p4mewc4o] {
    font-size: 1.6rem;
    font-weight: 800;
    color: var(--vi-primary-green);
    letter-spacing: -0.5px;
}

    .vi-logo span[b-m7p4mewc4o] {
        color: var(--vi-accent-orange);
    }

.vi-nav-links[b-m7p4mewc4o] {
    display: flex;
    gap: 30px;
}

    .vi-nav-links a[b-m7p4mewc4o] {
        text-decoration: none;
        color: var(--vi-slate);
        font-weight: 600;
        font-size: 0.95rem;
    }

        .vi-nav-links a:hover[b-m7p4mewc4o] {
            color: var(--vi-primary-green);
        }

.vi-nav-actions[b-m7p4mewc4o] {
    display: flex;
    gap: 12px;
}

/* Buttons */
.vi-btn-primary[b-m7p4mewc4o] {
    background: linear-gradient(135deg, var(--vi-primary-green), var(--vi-dark-green));
    color: #ffffff;
    padding: 9px 18px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.9rem;
    text-decoration: none;
    display: inline-block;
    box-shadow: 0 4px 12px rgba(15, 138, 123, 0.2);
}

.vi-btn-secondary[b-m7p4mewc4o] {
    background: transparent;
    color: var(--vi-slate);
    padding: 9px 18px;
    border-radius: 6px;
    font-weight: 600;
    text-decoration: none;
}

.vi-btn-outline[b-m7p4mewc4o] {
    background: #ffffff;
    color: var(--vi-slate);
    border: 1px solid var(--vi-border);
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
}

.vi-btn-lg[b-m7p4mewc4o] {
    padding: 12px 24px;
    font-size: 1rem;
}

/* Hero Section */
.vi-hero[b-m7p4mewc4o] {
    padding: 80px 0 60px;
    text-align: center;
    background: linear-gradient(180deg, #ffffff 0%, var(--vi-bg) 100%);
}

.vi-badge[b-m7p4mewc4o] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #e2f3f0;
    color: var(--vi-primary-green);
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.vi-hero h1[b-m7p4mewc4o] {
    font-size: 2.8rem;
    font-weight: 800;
    color: var(--vi-slate);
    max-width: 800px;
    margin: 0 auto 20px;
    line-height: 1.2;
}

    .vi-hero h1 .highlight[b-m7p4mewc4o] {
        color: var(--vi-primary-green);
    }

.vi-hero p[b-m7p4mewc4o] {
    font-size: 1.1rem;
    color: #64748b;
    max-width: 650px;
    margin: 0 auto 30px;
}

.vi-hero-btns[b-m7p4mewc4o] {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 50px;
}

/* Mockup */
.vi-mockup-card[b-m7p4mewc4o] {
    background: #ffffff;
    border: 1px solid var(--vi-border);
    border-radius: 12px;
    max-width: 900px;
    margin: 0 auto;
    box-shadow: 0 20px 40px rgba(41, 70, 91, 0.08);
    overflow: hidden;
    text-align: left;
}

.vi-mockup-header[b-m7p4mewc4o] {
    background: #f1f5f9;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid var(--vi-border);
}

.dot[b-m7p4mewc4o] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

    .dot.red[b-m7p4mewc4o] {
        background: #ef4444;
    }

    .dot.yellow[b-m7p4mewc4o] {
        background: #f59e0b;
    }

    .dot.green[b-m7p4mewc4o] {
        background: #10b981;
    }

.vi-mockup-title[b-m7p4mewc4o] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    margin-left: 10px;
}

.vi-mockup-body[b-m7p4mewc4o] {
    padding: 24px;
}

.vi-mockup-kpi[b-m7p4mewc4o] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 20px;
}

    .vi-mockup-kpi div[b-m7p4mewc4o] {
        background: #f8fafc;
        padding: 14px;
        border-radius: 8px;
        border: 1px solid var(--vi-border);
    }

    .vi-mockup-kpi span[b-m7p4mewc4o] {
        font-size: 0.7rem;
        color: #64748b;
        text-transform: uppercase;
        font-weight: 700;
        display: block;
    }

    .vi-mockup-kpi strong[b-m7p4mewc4o] {
        font-size: 1.1rem;
        color: var(--vi-slate);
    }

.vi-mockup-table-placeholder[b-m7p4mewc4o] {
    background: #f8fafc;
    height: 80px;
    border-radius: 8px;
    border: 1px dashed var(--vi-border);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    padding: 0 20px;
}

.row-line[b-m7p4mewc4o] {
    height: 8px;
    background: #e2e8f0;
    border-radius: 4px;
    width: 100%;
}

    .row-line.short[b-m7p4mewc4o] {
        width: 40%;
    }

    .row-line.medium[b-m7p4mewc4o] {
        width: 70%;
    }

/* Features Grid */
.vi-features[b-m7p4mewc4o] {
    padding: 80px 0;
    background: #ffffff;
}

.vi-section-title[b-m7p4mewc4o] {
    text-align: center;
    margin-bottom: 50px;
}

    .vi-section-title h2[b-m7p4mewc4o] {
        font-size: 2rem;
        color: var(--vi-slate);
        font-weight: 800;
        margin-bottom: 10px;
    }

    .vi-section-title p[b-m7p4mewc4o] {
        color: #64748b;
        font-size: 1rem;
    }

.vi-grid[b-m7p4mewc4o] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.vi-card[b-m7p4mewc4o] {
    background: var(--vi-bg);
    border: 1px solid var(--vi-border);
    padding: 24px;
    border-radius: 12px;
}

.vi-card-icon[b-m7p4mewc4o] {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    font-size: 1.2rem;
    margin-bottom: 16px;
}

    .vi-card-icon.green[b-m7p4mewc4o] {
        background: #e2f3f0;
        color: var(--vi-primary-green);
    }

    .vi-card-icon.orange[b-m7p4mewc4o] {
        background: #fef3c7;
        color: var(--vi-accent-orange);
    }

.vi-card h3[b-m7p4mewc4o] {
    font-size: 1.05rem;
    color: var(--vi-slate);
    margin-bottom: 8px;
    font-weight: 700;
}

.vi-card p[b-m7p4mewc4o] {
    font-size: 0.85rem;
    color: #64748b;
}

/* Pricing */
.vi-pricing[b-m7p4mewc4o] {
    padding: 80px 0;
    background: var(--vi-bg);
}

.vi-pricing-grid[b-m7p4mewc4o] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    align-items: stretch;
}

.vi-price-card[b-m7p4mewc4o] {
    background: #ffffff;
    border: 1px solid var(--vi-border);
    border-radius: 12px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    position: relative;
}

    .vi-price-card.featured[b-m7p4mewc4o] {
        border-color: var(--vi-primary-green);
        box-shadow: 0 15px 35px rgba(15, 138, 123, 0.12);
        transform: scale(1.03);
    }

.vi-popular-badge[b-m7p4mewc4o] {
    position: absolute;
    top: -12px;
    right: 24px;
    background: var(--vi-accent-orange);
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 20px;
}

.vi-price-card h3[b-m7p4mewc4o] {
    font-size: 1.25rem;
    color: var(--vi-slate);
    font-weight: 800;
    margin-bottom: 8px;
}

.vi-price-desc[b-m7p4mewc4o] {
    font-size: 0.85rem;
    color: #64748b;
    margin-bottom: 20px;
    min-height: 40px;
}

.vi-price[b-m7p4mewc4o] {
    font-size: 2.2rem;
    font-weight: 800;
    color: var(--vi-slate);
    margin-bottom: 20px;
}

    .vi-price span[b-m7p4mewc4o] {
        font-size: 1rem;
        font-weight: 600;
        color: #64748b;
    }

.vi-price-features[b-m7p4mewc4o] {
    list-style: none;
    margin-bottom: 30px;
    flex-grow: 1;
}

    .vi-price-features li[b-m7p4mewc4o] {
        font-size: 0.9rem;
        color: #475569;
        margin-bottom: 12px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .vi-price-features i[b-m7p4mewc4o] {
        color: var(--vi-primary-green);
    }

/* Contact Form Section */
.vi-contact-section[b-m7p4mewc4o] {
    padding: 80px 0;
    background: #ffffff;
}

.vi-contact-wrapper[b-m7p4mewc4o] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center;
    background: linear-gradient(135deg, #f0fdf4 0%, #f8fafc 100%);
    border: 1px solid var(--vi-border);
    border-radius: 16px;
    padding: 50px;
}

.vi-contact-info h2[b-m7p4mewc4o] {
    font-size: 2rem;
    color: var(--vi-slate);
    font-weight: 800;
    margin-bottom: 16px;
}

.vi-contact-info p[b-m7p4mewc4o] {
    color: #64748b;
    margin-bottom: 24px;
}

.vi-contact-perks[b-m7p4mewc4o] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

    .vi-contact-perks li[b-m7p4mewc4o] {
        font-weight: 600;
        color: var(--vi-slate);
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .vi-contact-perks i[b-m7p4mewc4o] {
        background: var(--vi-primary-green);
        color: #fff;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        font-size: 0.75rem;
    }

.vi-form-card[b-m7p4mewc4o] {
    background: #ffffff;
    border: 1px solid var(--vi-border);
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.04);
}

    .vi-form-card h3[b-m7p4mewc4o] {
        font-size: 1.3rem;
        color: var(--vi-slate);
        font-weight: 800;
        margin-bottom: 20px;
    }

.vi-form-group[b-m7p4mewc4o] {
    margin-bottom: 16px;
}

    .vi-form-group label[b-m7p4mewc4o] {
        display: block;
        font-size: 0.8rem;
        font-weight: 700;
        color: #475569;
        margin-bottom: 6px;
        text-transform: uppercase;
    }

.vi-input[b-m7p4mewc4o] {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid var(--vi-border);
    border-radius: 6px;
    font-size: 0.95rem;
    color: var(--vi-text);
    background: #f8fafc;
    outline: none;
}

    .vi-input:focus[b-m7p4mewc4o] {
        border-color: var(--vi-primary-green);
        background: #ffffff;
    }

/* Footer */
.vi-footer[b-m7p4mewc4o] {
    background: var(--vi-slate);
    color: #ffffff;
    padding: 40px 0;
    text-align: center;
}

.vi-footer-content[b-m7p4mewc4o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.vi-footer p[b-m7p4mewc4o] {
    font-size: 0.85rem;
    color: #94a3b8;
}

.vi-socials[b-m7p4mewc4o] {
    display: flex;
    gap: 20px;
    font-size: 1.2rem;
}

    .vi-socials a[b-m7p4mewc4o] {
        color: #94a3b8;
    }

        .vi-socials a:hover[b-m7p4mewc4o] {
            color: #ffffff;
        }

@media (max-width: 1024px) {
    .vi-grid[b-m7p4mewc4o] {
        grid-template-columns: repeat(2, 1fr);
    }

    .vi-pricing-grid[b-m7p4mewc4o], .vi-contact-wrapper[b-m7p4mewc4o] {
        grid-template-columns: 1fr;
    }

    .vi-price-card.featured[b-m7p4mewc4o] {
        transform: none;
    }
}
/* /Components/Reporting/AssessmentReportRenderer.razor.rz.scp.css */
.rr-document[b-327l6k42tv] {
    color: #243b4d;
    background: #fff;
    font-family: Inter,Segoe UI,sans-serif;
    font-size: .75rem;
}

.rr-cover[b-327l6k42tv] {
    position: relative;
    display: grid;
    grid-template-columns: 10rem 1fr;
    gap: 2px;
    padding: 3px;
    border-radius: .6rem .6rem 0 0;
    background: linear-gradient(130deg,#566D7E,#9aadd8);
    color: #fff;
}

.rr-brand[b-327l6k42tv] {
    display: flex;
    align-items: flex-start
}

    .rr-brand img[b-327l6k42tv] {
        display: block;
        width: auto;
        max-width: 8rem;
        height: 2.4rem;
        object-fit: contain;
        object-position: left center
    }

.rr-kicker[b-327l6k42tv] {
    color: #f5f7fc;
    font-size: .58rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.rr-cover h1[b-327l6k42tv] {
    margin: .12rem 0;
    font-size: 1.45rem;
}

.rr-cover p[b-327l6k42tv] {
    margin: 0;
    color: #f7f9fd
}

.rr-cover dl[b-327l6k42tv] {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: .45rem;
    margin: 0;
    padding-top: .8rem;
    border-top: 1px solid rgba(255,255,255,.2);
}

    .rr-cover dl div[b-327l6k42tv] {
        min-width: 0
    }

.rr-cover dt[b-327l6k42tv] {
    margin-bottom: .2rem;
    color: #f2f5fb;
    font-size: .54rem;
    text-transform: uppercase
}

.rr-cover dd[b-327l6k42tv] {
    margin: 0;
    font-size: .67rem;
    font-weight: 750;
    overflow-wrap: anywhere
}

.rr-warning[b-327l6k42tv] {
    grid-column: 1/-1;
    padding: .45rem .6rem;
    border: 1px solid #f4ca76;
    border-radius: .35rem;
    background: #fff5d8;
    color: #7a4b00
}

.rr-section[b-327l6k42tv] {
    padding: 1rem 1.2rem;
    border: 1px solid #e0e9ef;
    border-top: 0
}

    .rr-section h2[b-327l6k42tv] {
        margin: 0 0 .55rem;
        color: #163b55;
        font-size: .9rem
    }

.rr-narrative[b-327l6k42tv] {
    max-width: 74rem;
    margin: 0;
    line-height: 1.65;
    color: #455e70
}

.rr-metrics[b-327l6k42tv] {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: .45rem
}

    .rr-metrics > div[b-327l6k42tv] {
        padding: .55rem;
        border: 1px solid #dce8ed;
        border-radius: .35rem;
        background: #f8fbfc
    }

    .rr-metrics span[b-327l6k42tv] {
        display: block;
        color: #708392;
        font-size: .55rem;
        font-weight: 750;
        text-transform: uppercase
    }

    .rr-metrics strong[b-327l6k42tv] {
        display: block;
        margin-top: .35rem;
        color: #133c52;
        font-size: .78rem
    }

.rr-table-frame[b-327l6k42tv] {
    border: 1px solid #d7e2e9;
    border-radius: .35rem
}

.rr-table[b-327l6k42tv] {
    width: 100%;
    border-collapse: collapse;
    font-variant-numeric: tabular-nums
}

    .rr-table th[b-327l6k42tv], .rr-table td[b-327l6k42tv] {
        padding: .38rem .45rem;
        border-bottom: 1px solid #e4ebef;
        white-space: nowrap;
        text-align: right
    }

        .rr-table th:first-child[b-327l6k42tv] {
            text-align: left
        }

    .rr-table thead th[b-327l6k42tv] {
        background: #15394f;
        color: #fff;
        font-size: .58rem
    }

    .rr-table tbody th[b-327l6k42tv] {
        font-weight: 600
    }

    .rr-table td[b-327l6k42tv] {
        color: #354d5e
    }

    .rr-table .rr-heading th[b-327l6k42tv] {
        background: #e9f4f4;
        color: #0c6668;
        text-transform: uppercase
    }

    .rr-table .rr-total[b-327l6k42tv] {
        background: #f0f6f8;
        font-weight: 800
    }

.rr-findings[b-327l6k42tv] {
    display: grid;
    gap: .5rem
}

.rr-finding[b-327l6k42tv] {
    display: grid;
    grid-template-columns: 1.8rem 1fr;
    gap: .55rem;
    padding: .6rem;
    border: 1px solid #dae5ea;
    border-left: 4px solid #e2a43b;
    border-radius: .35rem
}

    .rr-finding.rr-critical[b-327l6k42tv], .rr-finding.rr-red[b-327l6k42tv] {
        border-left-color: #c93832
    }

    .rr-finding.rr-healthy[b-327l6k42tv], .rr-finding.rr-green[b-327l6k42tv] {
        border-left-color: #1a9b75
    }

.rr-priority[b-327l6k42tv] {
    display: grid;
    width: 1.55rem;
    height: 1.55rem;
    place-items: center;
    border-radius: 50%;
    background: #173c53;
    color: #fff;
    font-weight: 800
}

.rr-finding h3[b-327l6k42tv] {
    margin: 0;
    color: #213d50;
    font-size: .72rem
}

    .rr-finding h3 small[b-327l6k42tv] {
        margin-left: .3rem;
        color: #788b99;
        font-size: .52rem;
        text-transform: uppercase
    }

.rr-finding p[b-327l6k42tv] {
    margin: .25rem 0;
    color: #516879;
    font-size: .65rem
}

    .rr-finding p strong[b-327l6k42tv] {
        margin-right: .3rem
    }

.rr-notes[b-327l6k42tv] {
    padding: .8rem 1.2rem;
    border: 1px solid #e0e9ef;
    border-top: 0;
    background: #f6f9fa;
    color: #687d8c;
    font-size: .58rem
}

    .rr-notes p[b-327l6k42tv] {
        margin: 0 0 .15rem
    }

.rr-summary .rr-section[b-327l6k42tv] {
    font-family: Arial,sans-serif
}

    .rr-summary .rr-section h2[b-327l6k42tv] {
        font-family: Arial,sans-serif;
        font-size: .99rem
    }

.rr-summary .rr-narrative[b-327l6k42tv] {
    font-size: .792rem
}

.rr-summary .rr-finding h3[b-327l6k42tv] {
    font-size: .792rem
}

.rr-summary .rr-finding p[b-327l6k42tv] {
    font-size: .715rem
}

@media(max-width:900px) {
    .rr-metrics[b-327l6k42tv] {
        grid-template-columns: repeat(2,1fr)
    }

    .rr-cover dl[b-327l6k42tv] {
        grid-template-columns: repeat(2,1fr)
    }
}

@media print {
    .rr-document[b-327l6k42tv] {
        font-size: 7.5pt;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact
    }

    .rr-cover dt[b-327l6k42tv] {
        margin-bottom: 2pt
    }

    .rr-metrics strong[b-327l6k42tv] {
        margin-top: 3pt
    }

    .rr-finding p strong[b-327l6k42tv] {
        margin-right: 3pt
    }

    .rr-summary .rr-section h2[b-327l6k42tv] {
        font-size: 9.9pt
    }

    .rr-summary .rr-narrative[b-327l6k42tv] {
        font-size: 8.25pt
    }

    .rr-summary .rr-finding h3[b-327l6k42tv] {
        font-size: 8.25pt
    }

    .rr-summary .rr-finding p[b-327l6k42tv] {
        font-size: 7.15pt
    }

    .rr-cover[b-327l6k42tv] {
        break-after: avoid
    }

    .rr-section[b-327l6k42tv] {
        break-inside: auto
    }

        .rr-section h2[b-327l6k42tv], .rr-metrics > div[b-327l6k42tv], .rr-finding[b-327l6k42tv] {
            break-inside: avoid
        }

    .rr-table-frame[b-327l6k42tv] {
        overflow: visible
    }

    .rr-table[b-327l6k42tv] {
        font-size: 6.5pt
    }

        .rr-table thead[b-327l6k42tv] {
            display: table-header-group
        }
}
/* /Components/Reporting/ReportEmailModal.razor.rz.scp.css */
.rem-backdrop[b-k43zw9etw6] { position: fixed; inset: 0; z-index: 1080; display: grid; place-items: center; padding: 1rem; background: rgba(9,29,46,.62); }
.rem-dialog[b-k43zw9etw6] { width: min(36rem,100%); overflow: hidden; border-radius: .75rem; background: #fff; box-shadow: 0 24px 70px rgba(0,0,0,.28); }
.rem-dialog header[b-k43zw9etw6] { display:flex; justify-content:space-between; align-items:center; padding:.85rem 1rem; background:#12324a; color:#fff; }
.rem-dialog header span[b-k43zw9etw6] { color:#8bd7d2; font-size:.58rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.rem-dialog h2[b-k43zw9etw6] { margin:.1rem 0 0; font-size:.95rem; }
.rem-dialog header button[b-k43zw9etw6] { border:0; background:transparent; color:#fff; font-size:1.5rem; }
.rem-body[b-k43zw9etw6] { display:grid; gap:.35rem; padding:1rem; }
.rem-body label[b-k43zw9etw6] { margin-top:.25rem; color:#324d62; font-size:.66rem; font-weight:800; text-transform:uppercase; }
.rem-body .validation-message[b-k43zw9etw6] { color:#b42318; font-size:.65rem; }
.rem-attachment[b-k43zw9etw6] { margin-top:.5rem; padding:.55rem; border:1px solid #cde6df; border-radius:.4rem; background:#f1faf7; color:#246455; font-size:.68rem; }
.rem-dialog footer[b-k43zw9etw6] { display:flex; justify-content:flex-end; gap:.5rem; padding:.75rem 1rem; border-top:1px solid #e5edf2; background:#f8fafc; }

/* /Components/Reporting/ReportOutputMenu.razor.rz.scp.css */
.report-output-menu .dropdown-menu[b-31a2oy5coy] { min-width: 13rem; border: 1px solid #dce7ed; }
.report-output-menu .dropdown-item[b-31a2oy5coy] { color: #173650; font-size: .74rem; padding: .5rem .8rem; }
.report-output-menu .dropdown-item i[b-31a2oy5coy] { color: #0f8c8c; }
@media print { .report-output-menu[b-31a2oy5coy] { display: none !important; } }