/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-s2i2o7u8yo] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    #blazor-error-ui .dismiss[b-s2i2o7u8yo] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-ut59ukakmh] {
    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-ut59ukakmh] {
    background-color: rgba(255, 255, 255, 0.5);
}

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

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

.bi[b-ut59ukakmh] {
    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-ut59ukakmh] {
    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-ut59ukakmh] {
    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-ut59ukakmh] {
    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-ut59ukakmh] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

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

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

    .nav-item[b-ut59ukakmh]  .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-ut59ukakmh]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

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

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

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

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

    .nav-scrollable[b-ut59ukakmh] {
        /* 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/Pages/Cockpit/Index.razor.rz.scp.css */
.cockpit[b-itnha7yioi] {
  --mb-primary:#0073E6; --mb-primary-hover:#005FBF; --mb-primary-soft:#E8F1FD;
  --mb-accent:#36A18D; --mb-ink:#081245; --mb-border:#E4E7EC; --mb-row-hover:#F9FAFB;
  --mb-text-muted:rgba(8,18,69,0.6); --mb-success:#2E9E76; --mb-warning:#E0A100; --mb-error:#E5484D;
  --mb-bg:#F4F6F8; --mb-surface:#FFFFFF;
  --mb-font-heading:'Outfit','Inter',sans-serif;
  --mb-radius-sm:6px; --mb-radius-md:8px; --mb-shadow-card:0 1px 2px rgba(8,18,69,0.06),0 1px 3px rgba(8,18,69,0.04);
  color:var(--mb-ink);
}
.cockpit h5[b-itnha7yioi], .cockpit .sec-h[b-itnha7yioi], .cockpit .kpi-val[b-itnha7yioi], .cockpit .res-val[b-itnha7yioi] { font-family:var(--mb-font-heading); }

/* page header */
.pagebar[b-itnha7yioi] { display:flex; align-items:center; gap:10px; margin-bottom:16px; flex-wrap:wrap; }
.pagebar h5[b-itnha7yioi] { font-size:21px; font-weight:600; margin:0; }
.pagebar .spacer[b-itnha7yioi] { flex:1; }

.btn[b-itnha7yioi] { font-size:13px; border-radius:var(--mb-radius-sm); padding:8px 14px; border:1px solid transparent;
  cursor:pointer; display:inline-flex; align-items:center; gap:7px; font-weight:500; white-space:nowrap; }
.btn-filled[b-itnha7yioi] { background:var(--mb-primary); color:#fff; }
.btn-filled:hover[b-itnha7yioi] { background:var(--mb-primary-hover); }
.btn-outlined[b-itnha7yioi] { background:var(--mb-surface); color:var(--mb-primary); border-color:#B9D6F5; }
.btn-outlined:hover[b-itnha7yioi] { background:var(--mb-primary-soft); }
.btn:disabled[b-itnha7yioi] { opacity:.6; cursor:default; }

/* filter bar */
.filterbar[b-itnha7yioi] { display:flex; align-items:flex-end; gap:12px; flex-wrap:wrap; margin-bottom:20px;
  background:var(--mb-surface); border:1px solid var(--mb-border); border-radius:var(--mb-radius-md);
  padding:14px 16px; box-shadow:var(--mb-shadow-card); }
.field[b-itnha7yioi] { display:flex; flex-direction:column; gap:4px; }
.field label[b-itnha7yioi] { font-size:11px; color:var(--mb-text-muted); padding-left:2px; font-weight:500; }

/* uniform 38px controls so the whole filter row lines up on one baseline */
.control-input[b-itnha7yioi] { height:38px; box-sizing:border-box; border:1px solid #C4CDD6; border-radius:var(--mb-radius-sm);
  padding:0 11px; background:var(--mb-surface); color:var(--mb-ink); font-size:13px; font-family:inherit; min-width:160px; }
.control-input:focus[b-itnha7yioi] { outline:none; border-color:var(--mb-primary); }
select.control-select[b-itnha7yioi] { min-width:240px; cursor:pointer; }

.preset-group[b-itnha7yioi] { display:flex; height:38px; border:1px solid #C4CDD6; border-radius:var(--mb-radius-sm); overflow:hidden; }
.preset-group .pset[b-itnha7yioi] { display:flex; align-items:center; padding:0 14px; font-size:13px; font-weight:500; color:var(--mb-primary);
  background:var(--mb-surface); border:none; border-right:1px solid #C4CDD6; cursor:pointer; white-space:nowrap; }
.preset-group .pset:last-child[b-itnha7yioi] { border-right:none; }
.preset-group .pset.on[b-itnha7yioi] { background:var(--mb-primary); color:#fff; }
.preset-group .pset:hover:not(.on)[b-itnha7yioi] { background:var(--mb-primary-soft); }

.btn.load-btn[b-itnha7yioi] { height:38px; align-self:flex-end; }

/* cards */
.card[b-itnha7yioi] { background:var(--mb-surface); border:1px solid var(--mb-border); border-radius:var(--mb-radius-md); box-shadow:var(--mb-shadow-card); }
.card-pad[b-itnha7yioi] { padding:16px 18px; }
.sec-h[b-itnha7yioi] { font-size:15px; font-weight:600; margin-bottom:4px; }
.sec-sub[b-itnha7yioi] { font-size:12px; color:var(--mb-text-muted); margin-bottom:12px; }
.mb-14[b-itnha7yioi] { margin-bottom:14px; }

/* kpi strip */
.kpi-strip[b-itnha7yioi] { display:grid; grid-template-columns:repeat(6,1fr); gap:12px; margin-bottom:16px; }
.kpi-card[b-itnha7yioi] { padding:18px 16px 14px; }
.kpi-label[b-itnha7yioi] { font-size:12px; color:var(--mb-text-muted); font-weight:500; margin-bottom:6px; }
.kpi-val[b-itnha7yioi] { font-size:28px; font-weight:700; line-height:1.1; }
.kpi-sub[b-itnha7yioi] { font-size:12px; color:var(--mb-text-muted); margin-top:2px; }
.kpi-trend[b-itnha7yioi] { display:inline-flex; align-items:center; gap:3px; font-size:12px; font-weight:600; margin-top:6px; padding:2px 7px; border-radius:10px; }
.trend-up[b-itnha7yioi] { background:rgba(46,158,118,0.12); color:var(--mb-success); }
.trend-down[b-itnha7yioi] { background:rgba(229,72,77,0.12); color:var(--mb-error); }
.trend-neu[b-itnha7yioi] { background:rgba(8,18,69,0.08); color:var(--mb-text-muted); }

/* "declarabel niet gefactureerd" — hard geldlek, apart begrip van "weggegeven omzet".
   Visueel onderscheiden met een rode accentrand + rode kpi-waarde. */
.kpi-card.kpi-alert[b-itnha7yioi] { border-left:3px solid var(--mb-error); }
.kpi-card.kpi-alert .kpi-val[b-itnha7yioi] { color:var(--mb-error); }

/* grids */
.grid-2[b-itnha7yioi] { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:14px; }
.grid-3-1[b-itnha7yioi] { display:grid; grid-template-columns:2fr 1fr; gap:14px; margin-bottom:14px; }

/* table */
.tbl[b-itnha7yioi] { width:100%; border-collapse:collapse; font-size:13px; }
.tbl th[b-itnha7yioi] { text-align:right; color:var(--mb-text-muted); font-weight:500; padding:10px 12px; border-bottom:1px solid var(--mb-border); font-size:12px; white-space:nowrap; }
.tbl th:first-child[b-itnha7yioi], .tbl td:first-child[b-itnha7yioi] { text-align:left; }
.tbl td[b-itnha7yioi] { padding:11px 12px; border-bottom:1px solid #F0F2F5; text-align:right; }
.tbl tr:last-child td[b-itnha7yioi] { border-bottom:none; }
.tbl tr:hover td[b-itnha7yioi] { background:var(--mb-row-hover); }
.muted[b-itnha7yioi] { color:var(--mb-text-muted); }
.txt-success[b-itnha7yioi] { color:var(--mb-success); font-weight:600; }
.txt-warning[b-itnha7yioi] { color:var(--mb-warning); font-weight:600; }
.txt-error[b-itnha7yioi] { color:var(--mb-error); font-weight:600; }

.chip[b-itnha7yioi] { display:inline-block; font-size:11px; font-weight:600; padding:3px 9px; border-radius:11px; white-space:nowrap; }
.chip-warn[b-itnha7yioi] { background:rgba(224,161,0,0.12); color:var(--mb-warning); }
.chip-ok[b-itnha7yioi] { background:rgba(46,158,118,0.12); color:var(--mb-success); }
.chip-err[b-itnha7yioi] { background:rgba(229,72,77,0.12); color:var(--mb-error); }
.chip-info[b-itnha7yioi] { background:var(--mb-primary-soft); color:var(--mb-primary); }

.risk-badge[b-itnha7yioi] { display:flex; align-items:center; gap:6px; font-size:12px; font-weight:600; padding:8px 12px; border-radius:var(--mb-radius-sm); margin-bottom:12px; }
.risk-high[b-itnha7yioi] { background:rgba(229,72,77,0.10); color:var(--mb-error); border:1px solid rgba(229,72,77,0.25); }
.risk-med[b-itnha7yioi] { background:rgba(224,161,0,0.10); color:var(--mb-warning); border:1px solid rgba(224,161,0,0.25); }

/* scenario */
.scenario-grid[b-itnha7yioi] { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.slider-group[b-itnha7yioi] { display:flex; flex-direction:column; gap:14px; }
.slider-row[b-itnha7yioi] { display:flex; flex-direction:column; gap:6px; }
.slider-row label[b-itnha7yioi] { font-size:12px; color:var(--mb-text-muted); font-weight:500; display:flex; justify-content:space-between; }
.slider-row label span[b-itnha7yioi] { color:var(--mb-primary); font-weight:700; }
.slider-row input[type=range][b-itnha7yioi] { width:100%; accent-color:var(--mb-primary); cursor:pointer; }
.scenario-result[b-itnha7yioi] { background:var(--mb-primary-soft); border:1px solid #B9D6F5; border-radius:var(--mb-radius-md);
  padding:18px 16px; display:flex; flex-direction:column; justify-content:center; gap:12px; }
.scenario-result .res-label[b-itnha7yioi] { font-size:12px; color:var(--mb-text-muted); font-weight:500; }
.scenario-result .res-val[b-itnha7yioi] { font-size:26px; font-weight:700; }
.scenario-result .res-delta[b-itnha7yioi] { font-size:13px; font-weight:600; color:var(--mb-success); }
.res-row[b-itnha7yioi] { display:flex; flex-direction:column; gap:2px; }
.res-divider[b-itnha7yioi] { border:none; border-top:1px solid #B9D6F5; margin:4px 0; }

.legend-row[b-itnha7yioi] { display:flex; gap:20px; flex-wrap:wrap; margin-top:10px; font-size:12px; color:var(--mb-text-muted); }
.legend-row span[b-itnha7yioi] { display:flex; align-items:center; gap:6px; }
.swatch[b-itnha7yioi] { width:24px; height:3px; border-radius:2px; display:inline-block; }
.swatch-box[b-itnha7yioi] { width:14px; height:14px; border-radius:3px; display:inline-block; }

@media (max-width:1199px) {
  .kpi-strip[b-itnha7yioi] { grid-template-columns:repeat(3,1fr); }
  .grid-3-1[b-itnha7yioi] { grid-template-columns:1fr; }
  .scenario-grid[b-itnha7yioi] { grid-template-columns:1fr; }
}
@media (max-width:900px) {
  .kpi-strip[b-itnha7yioi] { grid-template-columns:repeat(2,1fr); }
  .grid-2[b-itnha7yioi] { grid-template-columns:1fr; }
}
@media (max-width:560px) {
  .kpi-strip[b-itnha7yioi] { grid-template-columns:1fr; }
}

/* print-only header line (period + admin), hidden on screen */
.print-meta[b-itnha7yioi] { display:none; }

/* ============================================================
   Print / Export PDF
   ============================================================ */
@media print {
  .pagebar .btn[b-itnha7yioi] { display:none !important; }
  .filterbar[b-itnha7yioi] { display:none !important; }
  .print-meta[b-itnha7yioi] { display:block !important; font-size:12px; color:var(--mb-text-muted); margin:2px 0 14px; }

  .card[b-itnha7yioi] { box-shadow:none !important; border-color:#D7DBE0 !important; }

  /* keep cards/sections and their charts together on a page */
  .card[b-itnha7yioi], .kpi-card[b-itnha7yioi], .kpi-strip[b-itnha7yioi], .grid-2[b-itnha7yioi], .grid-3-1[b-itnha7yioi] { break-inside:avoid; page-break-inside:avoid; }

  /* the kpi strip stays 3-up (2 rows of 3) on paper — 6 KPI cards is too narrow for one row */
  .kpi-strip[b-itnha7yioi] { grid-template-columns:repeat(3,1fr) !important; }
  .grid-2[b-itnha7yioi] { grid-template-columns:1fr 1fr !important; }
  .grid-3-1[b-itnha7yioi] { grid-template-columns:2fr 1fr !important; }

  /* tighten wide tables so they fit the page width */
  .tbl[b-itnha7yioi] { font-size:10px; }
  .tbl th[b-itnha7yioi], .tbl td[b-itnha7yioi] { padding:6px 8px; }

  .kpi-val[b-itnha7yioi] { font-size:22px; }
}
/* /Components/Pages/LedgerAccounts/Dialogs/ApplyStoredTemplateDialog.razor.rz.scp.css */
/* ---- Apply-stored-template dialog styles ---- */
/* Mirrors TemplateLedgerAccountDialog styling; hardcoded colours because the
   dialog renders outside the page's .ledger scope, so --mb-* vars don't reach it. */

/* Form field + native controls */
.field[b-z53ymbwd22] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.field label[b-z53ymbwd22] {
    font-size: 11px;
    color: rgba(8, 18, 69, 0.6);
    font-weight: 500;
    padding-left: 2px;
}

.control-input[b-z53ymbwd22] {
    height: 38px;
    box-sizing: border-box;
    border: 1px solid #C4CDD6;
    border-radius: 6px;
    padding: 0 11px;
    background: #FFFFFF;
    color: #081245;
    font-size: 13px;
    font-family: inherit;
    width: 100%;
}

.control-input:focus[b-z53ymbwd22] {
    outline: none;
    border-color: #0073E6;
}

.control-select[b-z53ymbwd22] {
    cursor: pointer;
    padding-right: 28px;
}

/* Info note */
.tpl-note[b-z53ymbwd22] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    font-size: 12px;
    color: rgba(8, 18, 69, 0.6);
    background: #E8F1FD;
    border: 1px solid #B9D6F5;
    border-radius: 6px;
    padding: 8px 12px;
}

.tpl-note-icon[b-z53ymbwd22] {
    font-size: 16px;
    color: #0073E6;
    flex-shrink: 0;
    margin-top: 1px;
}

/* Diff + result summary chips row */
.tpl-diff-summary[b-z53ymbwd22],
.tpl-result-summary[b-z53ymbwd22] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.chip[b-z53ymbwd22] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 500;
    padding: 4px 10px;
    border-radius: 10px;
    white-space: nowrap;
}

.chip-icon[b-z53ymbwd22] {
    font-size: 14px !important;
}

.chip-new[b-z53ymbwd22]    { background: rgba(46, 158, 118, 0.12); color: #2E9E76; }
.chip-diff[b-z53ymbwd22]   { background: rgba(224, 161, 0, 0.14);  color: #E0A100; }
.chip-exists[b-z53ymbwd22] { background: rgba(8, 18, 69, 0.07);    color: rgba(8, 18, 69, 0.6); }
.chip-skip[b-z53ymbwd22]   { background: rgba(8, 18, 69, 0.06);    color: rgba(8, 18, 69, 0.5); }
.chip-fail[b-z53ymbwd22]   { background: rgba(229, 72, 77, 0.12);  color: #E5484D; }
.chip-del[b-z53ymbwd22]    { background: rgba(229, 72, 77, 0.12);  color: #E5484D; }

/* Scrollable diff / result table */
.tpl-diff-scroll[b-z53ymbwd22] {
    max-height: 320px;
    overflow-y: auto;
    border: 1px solid #E4E7EC;
    border-radius: 8px;
    margin-bottom: 10px;
}

.tpl-diff-scroll table[b-z53ymbwd22] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.tpl-diff-scroll th[b-z53ymbwd22] {
    text-align: left;
    color: rgba(8, 18, 69, 0.6);
    font-weight: 500;
    padding: 8px 14px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    border-bottom: 1px solid #E4E7EC;
    background: #FBFCFD;
    white-space: nowrap;
    position: sticky;
    top: 0;
    z-index: 1;
}

.tpl-diff-scroll td[b-z53ymbwd22] {
    padding: 8px 14px;
    border-top: 1px solid #F0F2F5;
    vertical-align: middle;
}

.tpl-diff-scroll tr:hover td[b-z53ymbwd22] {
    background: #F9FAFB;
}

.acc-nr[b-z53ymbwd22] {
    color: rgba(8, 18, 69, 0.6);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    width: 80px;
}

/* Checkbox + hint */
.tpl-checkbox[b-z53ymbwd22] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #081245;
    cursor: pointer;
    margin-top: 10px;
}

.tpl-checkbox input[b-z53ymbwd22] {
    width: 16px;
    height: 16px;
    accent-color: #0073E6;
    flex-shrink: 0;
}

.tpl-hint[b-z53ymbwd22] {
    font-size: 12px;
    color: rgba(8, 18, 69, 0.6);
    margin-top: 4px;
    padding-left: 24px;
}

.tpl-applying-msg[b-z53ymbwd22] {
    text-align: center;
    font-size: 13px;
    color: rgba(8, 18, 69, 0.6);
    margin-top: 4px;
}

/* Destructive-delete warning */
.tpl-warning[b-z53ymbwd22] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    font-size: 12px;
    color: #B4232A;
    background: rgba(229, 72, 77, 0.08);
    border: 1px solid rgba(229, 72, 77, 0.35);
    border-radius: 6px;
    padding: 8px 12px;
    margin-top: 8px;
    margin-left: 24px;
}

.tpl-warning-icon[b-z53ymbwd22] {
    font-size: 16px;
    color: #E5484D;
    flex-shrink: 0;
    margin-top: 1px;
}

.muted[b-z53ymbwd22] {
    color: rgba(8, 18, 69, 0.6);
}

@media (max-width: 599px) {
    .hide-sm[b-z53ymbwd22] {
        display: none;
    }
}
/* /Components/Pages/LedgerAccounts/Dialogs/SaveAsTemplateDialog.razor.rz.scp.css */
/* ---- Save-as-template dialog styles ---- */
/* Hardcoded colours: the dialog renders outside the page's .ledger scope. */

.field[b-vaj78gl2x2] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.field label[b-vaj78gl2x2] {
    font-size: 11px;
    color: rgba(8, 18, 69, 0.6);
    font-weight: 500;
    padding-left: 2px;
}

.control-input[b-vaj78gl2x2] {
    height: 38px;
    box-sizing: border-box;
    border: 1px solid #C4CDD6;
    border-radius: 6px;
    padding: 0 11px;
    background: #FFFFFF;
    color: #081245;
    font-size: 13px;
    font-family: inherit;
    width: 100%;
}

.control-input:focus[b-vaj78gl2x2] {
    outline: none;
    border-color: #0073E6;
}

.tpl-validation-error[b-vaj78gl2x2] {
    color: #E5484D;
    font-size: 12px;
    margin: -8px 0 8px;
}
/* /Components/Pages/LedgerAccounts/Dialogs/TemplateEditorDialog.razor.rz.scp.css */
/* ---- Template editor dialog styles ---- */
/* Hardcoded colours: the dialog renders outside the page's .ledger scope, so --mb-* vars don't reach it. */

.field[b-js8l709gst] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.field label[b-js8l709gst] {
    font-size: 11px;
    color: rgba(8, 18, 69, 0.6);
    font-weight: 500;
    padding-left: 2px;
}

.control-input[b-js8l709gst] {
    height: 38px;
    box-sizing: border-box;
    border: 1px solid #C4CDD6;
    border-radius: 6px;
    padding: 0 11px;
    background: #FFFFFF;
    color: #081245;
    font-size: 13px;
    font-family: inherit;
    width: 100%;
}

.control-input:focus[b-js8l709gst] {
    outline: none;
    border-color: #0073E6;
}

.control-select[b-js8l709gst] {
    cursor: pointer;
    padding-right: 28px;
}

.tpl-validation-error[b-js8l709gst] {
    color: #E5484D;
    font-size: 12px;
    margin: -8px 0 8px;
}

/* Rows header */
.rows-head[b-js8l709gst] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.rows-title[b-js8l709gst] {
    font-size: 13px;
    font-weight: 600;
    color: #081245;
}

.rows-empty[b-js8l709gst] {
    font-size: 13px;
    color: rgba(8, 18, 69, 0.6);
    padding: 16px 0;
    text-align: center;
}

/* Rows table */
.rows-scroll[b-js8l709gst] {
    max-height: 420px;
    overflow: auto;
    border: 1px solid #E4E7EC;
    border-radius: 8px;
}

.rows-tbl[b-js8l709gst] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.rows-tbl th[b-js8l709gst] {
    text-align: left;
    color: rgba(8, 18, 69, 0.6);
    font-weight: 500;
    padding: 8px 10px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    border-bottom: 1px solid #E4E7EC;
    background: #FBFCFD;
    white-space: nowrap;
    position: sticky;
    top: 0;
    z-index: 1;
}

.rows-tbl td[b-js8l709gst] {
    padding: 8px 10px;
    border-top: 1px solid #F0F2F5;
    vertical-align: top;
}

.rows-tbl tr:hover td[b-js8l709gst] {
    background: #F9FAFB;
}

.row-warning[b-js8l709gst] {
    color: #E0A100;
    font-size: 11px;
    margin-top: 3px;
    white-space: nowrap;
}

/* Document type checkboxes */
.dt-list[b-js8l709gst] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.dt-chip[b-js8l709gst] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #081245;
    cursor: pointer;
    white-space: nowrap;
}

.dt-chip input[b-js8l709gst] {
    width: 14px;
    height: 14px;
    accent-color: #0073E6;
    flex-shrink: 0;
}

.muted[b-js8l709gst] {
    color: rgba(8, 18, 69, 0.6);
}
/* /Components/Pages/LedgerAccounts/Dialogs/TemplateLedgerAccountDialog.razor.rz.scp.css */
/* ---- Template-overname dialog styles ---- */
/* Re-uses the ledger page design tokens where possible. */

/* Administration picker: source → arrow → target */
.adm-pick[b-ow32ne1l1o] {
    display: grid;
    grid-template-columns: 1fr 36px 1fr;
    gap: 12px;
    align-items: end;
    margin-bottom: 14px;
}

.adm-pick-field[b-ow32ne1l1o] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.adm-pick-label[b-ow32ne1l1o] {
    font-size: 11px;
    color: rgba(8, 18, 69, 0.6);
    font-weight: 500;
    padding-left: 2px;
}

.adm-pick-arrow[b-ow32ne1l1o] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    color: rgba(8, 18, 69, 0.4);
}

/* Validation error */
.tpl-validation-error[b-ow32ne1l1o] {
    color: #E5484D;
    font-size: 12px;
    margin: -8px 0 8px;
}

/* Info note */
.tpl-note[b-ow32ne1l1o] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    font-size: 12px;
    color: rgba(8, 18, 69, 0.6);
    background: #E8F1FD;
    border: 1px solid #B9D6F5;
    border-radius: 6px;
    padding: 8px 12px;
    margin-bottom: 14px;
}

.tpl-note-icon[b-ow32ne1l1o] {
    font-size: 16px;
    color: #0073E6;
    flex-shrink: 0;
    margin-top: 1px;
}

/* Diff + result summary chips row */
.tpl-diff-summary[b-ow32ne1l1o],
.tpl-result-summary[b-ow32ne1l1o] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

/* Chip base (augment page-level chips) */
.chip[b-ow32ne1l1o] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 500;
    padding: 4px 10px;
    border-radius: 10px;
    white-space: nowrap;
}

.chip-icon[b-ow32ne1l1o] {
    font-size: 14px !important;
}

/* Status chips */
.chip-new[b-ow32ne1l1o]   { background: rgba(46, 158, 118, 0.12); color: #2E9E76; }
.chip-diff[b-ow32ne1l1o]  { background: rgba(224, 161, 0, 0.14);  color: #E0A100; }
.chip-exists[b-ow32ne1l1o] { background: rgba(8, 18, 69, 0.07);   color: rgba(8, 18, 69, 0.6); }
.chip-skip[b-ow32ne1l1o]  { background: rgba(8, 18, 69, 0.06);    color: rgba(8, 18, 69, 0.5); }
.chip-fail[b-ow32ne1l1o]  { background: rgba(229, 72, 77, 0.12);  color: #E5484D; }
.chip-del[b-ow32ne1l1o]   { background: rgba(229, 72, 77, 0.12);  color: #E5484D; }

/* Scrollable diff / result table */
.tpl-diff-scroll[b-ow32ne1l1o] {
    max-height: 320px;
    overflow-y: auto;
    border: 1px solid #E4E7EC;
    border-radius: 8px;
    margin-bottom: 10px;
}

/* Table re-uses .tbl from Index.razor.css via scoped isolation — repeat minimal rules here */
.tpl-diff-scroll table[b-ow32ne1l1o] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.tpl-diff-scroll th[b-ow32ne1l1o] {
    text-align: left;
    color: rgba(8, 18, 69, 0.6);
    font-weight: 500;
    padding: 8px 14px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    border-bottom: 1px solid #E4E7EC;
    background: #FBFCFD;
    white-space: nowrap;
    position: sticky;
    top: 0;
    z-index: 1;
}

.tpl-diff-scroll td[b-ow32ne1l1o] {
    padding: 8px 14px;
    border-top: 1px solid #F0F2F5;
    vertical-align: middle;
}

.tpl-diff-scroll tr:hover td[b-ow32ne1l1o] {
    background: #F9FAFB;
}

.acc-nr[b-ow32ne1l1o] {
    color: rgba(8, 18, 69, 0.6);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    width: 80px;
}

/* Checkbox + hint */
.tpl-checkbox[b-ow32ne1l1o] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #081245;
    cursor: pointer;
    margin-top: 10px;
}

.tpl-checkbox input[b-ow32ne1l1o] {
    width: 16px;
    height: 16px;
    accent-color: #0073E6;
    flex-shrink: 0;
}

.tpl-hint[b-ow32ne1l1o] {
    font-size: 12px;
    color: rgba(8, 18, 69, 0.6);
    margin-top: 4px;
    padding-left: 24px;
}

.tpl-applying-msg[b-ow32ne1l1o] {
    text-align: center;
    font-size: 13px;
    color: rgba(8, 18, 69, 0.6);
    margin-top: 4px;
}

/* Destructive-delete warning */
.tpl-warning[b-ow32ne1l1o] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    font-size: 12px;
    color: #B4232A;
    background: rgba(229, 72, 77, 0.08);
    border: 1px solid rgba(229, 72, 77, 0.35);
    border-radius: 6px;
    padding: 8px 12px;
    margin-top: 8px;
    margin-left: 24px;
}

.tpl-warning-icon[b-ow32ne1l1o] {
    font-size: 16px;
    color: #E5484D;
    flex-shrink: 0;
    margin-top: 1px;
}

.muted[b-ow32ne1l1o] {
    color: rgba(8, 18, 69, 0.6);
}

/* Responsive */
@media (max-width: 599px) {
    .adm-pick[b-ow32ne1l1o] {
        grid-template-columns: 1fr;
    }

    .adm-pick-arrow[b-ow32ne1l1o] {
        transform: rotate(90deg);
        height: 24px;
    }

    .hide-sm[b-ow32ne1l1o] {
        display: none;
    }
}
/* /Components/Pages/LedgerAccounts/Index.razor.rz.scp.css */
.ledger[b-cqqbvt9cfg] {
  --mb-primary: #0073E6;
  --mb-primary-hover: #005FBF;
  --mb-primary-soft: #E8F1FD;
  --mb-accent: #36A18D;
  --mb-ink: #081245;
  --mb-border: #E4E7EC;
  --mb-row-hover: #F9FAFB;
  --mb-text-muted: rgba(8, 18, 69, 0.6);
  --mb-success: #2E9E76;
  --mb-warning: #E0A100;
  --mb-error: #E5484D;
  --mb-bg: #F4F6F8;
  --mb-surface: #FFFFFF;
  --mb-font-heading: 'Outfit', 'Inter', sans-serif;
  --mb-radius-sm: 6px;
  --mb-radius-md: 8px;
  --mb-shadow-card: 0 1px 2px rgba(8, 18, 69, 0.06), 0 1px 3px rgba(8, 18, 69, 0.04);
  color: var(--mb-ink);
}

.ledger h5[b-cqqbvt9cfg],
.ledger .kpi-val[b-cqqbvt9cfg],
.ledger .group-title[b-cqqbvt9cfg] {
  font-family: var(--mb-font-heading);
}

/* page header */
.pagebar[b-cqqbvt9cfg] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}

.pagebar h5[b-cqqbvt9cfg] {
  font-size: 21px;
  font-weight: 600;
  margin: 0;
}

.pagebar .spacer[b-cqqbvt9cfg] {
  flex: 1;
}

/* buttons */
.btn[b-cqqbvt9cfg] {
  font-size: 13px;
  border-radius: var(--mb-radius-sm);
  padding: 0 14px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  border: 1px solid transparent;
  font-family: inherit;
  white-space: nowrap;
}

.btn-filled[b-cqqbvt9cfg] {
  background: var(--mb-primary);
  color: #fff;
  border-color: var(--mb-primary);
}

.btn-filled:hover[b-cqqbvt9cfg] {
  background: var(--mb-primary-hover);
}

.btn:disabled[b-cqqbvt9cfg] {
  opacity: .6;
  cursor: default;
}

/* material symbols icon in buttons */
.btn .sym[b-cqqbvt9cfg] {
  font-size: 18px;
}

/* filter bar */
.filterbar[b-cqqbvt9cfg] {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 16px;
  background: var(--mb-surface);
  border: 1px solid var(--mb-border);
  border-radius: var(--mb-radius-md);
  padding: 14px 16px;
  box-shadow: var(--mb-shadow-card);
}

.field[b-cqqbvt9cfg] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.field.grow[b-cqqbvt9cfg] {
  flex: 1;
  min-width: 200px;
}

.field label[b-cqqbvt9cfg] {
  font-size: 11px;
  color: var(--mb-text-muted);
  padding-left: 2px;
  font-weight: 500;
}

/* uniform 38px controls */
.control-input[b-cqqbvt9cfg] {
  height: 38px;
  box-sizing: border-box;
  border: 1px solid #C4CDD6;
  border-radius: var(--mb-radius-sm);
  padding: 0 11px;
  background: var(--mb-surface);
  color: var(--mb-ink);
  font-size: 13px;
  font-family: inherit;
  min-width: 160px;
  width: 100%;
}

.control-input:focus[b-cqqbvt9cfg] {
  outline: none;
  border-color: var(--mb-primary);
}

.control-select[b-cqqbvt9cfg] {
  min-width: 220px;
  cursor: pointer;
}

/* search wrap */
.search-wrap[b-cqqbvt9cfg] {
  display: flex;
  align-items: center;
  height: 38px;
  box-sizing: border-box;
  border: 1px solid #C4CDD6;
  border-radius: var(--mb-radius-sm);
  padding: 0 10px;
  background: var(--mb-surface);
  gap: 8px;
  min-width: 220px;
}

.search-wrap:focus-within[b-cqqbvt9cfg] {
  border-color: var(--mb-primary);
}

.search-wrap .search-icon[b-cqqbvt9cfg] {
  color: var(--mb-text-muted);
  font-size: 18px;
  flex-shrink: 0;
}

.search-wrap input[b-cqqbvt9cfg] {
  border: none;
  outline: none;
  font: inherit;
  color: inherit;
  background: transparent;
  width: 100%;
  height: 100%;
  font-size: 13px;
}

/* info banner (consolidated view) */
.note.info-banner[b-cqqbvt9cfg] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
  color: var(--mb-ink);
  background: var(--mb-primary-soft);
  border: 1px solid #B9D6F5;
  border-radius: var(--mb-radius-sm);
  padding: 10px 14px;
  margin-bottom: 14px;
}

.note.info-banner .banner-icon[b-cqqbvt9cfg] {
  color: var(--mb-primary);
  font-size: 18px;
  flex-shrink: 0;
  margin-top: 1px;
}

/* kpi strip */
.kpi-strip[b-cqqbvt9cfg] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}

.card[b-cqqbvt9cfg] {
  background: var(--mb-surface);
  border: 1px solid var(--mb-border);
  border-radius: var(--mb-radius-md);
  box-shadow: var(--mb-shadow-card);
}

.kpi-card[b-cqqbvt9cfg] {
  padding: 18px 16px 14px;
}

.kpi-label[b-cqqbvt9cfg] {
  font-size: 12px;
  color: var(--mb-text-muted);
  font-weight: 500;
  margin-bottom: 6px;
}

.kpi-val[b-cqqbvt9cfg] {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.1;
}

.kpi-sub[b-cqqbvt9cfg] {
  font-size: 12px;
  color: var(--mb-text-muted);
  margin-top: 2px;
}

/* per-type group cards */
.group[b-cqqbvt9cfg] {
  margin-bottom: 10px;
  border: 1px solid var(--mb-border);
  border-radius: var(--mb-radius-md);
  overflow: hidden;
  background: var(--mb-surface);
  box-shadow: var(--mb-shadow-card);
}

.group-head[b-cqqbvt9cfg] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 16px;
  background: #FBFCFD;
  border-bottom: 1px solid var(--mb-border);
  cursor: pointer;
  user-select: none;
}

.group.collapsed .group-head[b-cqqbvt9cfg] {
  border-bottom: none;
}

.group-head .chev[b-cqqbvt9cfg] {
  color: var(--mb-text-muted);
  font-size: 20px;
  transition: transform .15s;
}

.group.collapsed .group-head .chev[b-cqqbvt9cfg] {
  transform: rotate(-90deg);
}

.group-title[b-cqqbvt9cfg] {
  font-weight: 600;
  font-size: 14px;
}

.group-count[b-cqqbvt9cfg] {
  margin-left: auto;
  font-size: 12px;
  color: var(--mb-text-muted);
}

/* table */
.tbl[b-cqqbvt9cfg] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.tbl th[b-cqqbvt9cfg] {
  text-align: left;
  color: var(--mb-text-muted);
  font-weight: 500;
  padding: 9px 16px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .02em;
  border-bottom: 1px solid var(--mb-border);
  white-space: nowrap;
}

.tbl td[b-cqqbvt9cfg] {
  padding: 9px 16px;
  border-top: 1px solid #F0F2F5;
  vertical-align: middle;
}

.tbl tr:hover td[b-cqqbvt9cfg] {
  background: var(--mb-row-hover);
}

/* account number column */
.acc-nr[b-cqqbvt9cfg] {
  color: var(--mb-text-muted);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  width: 90px;
}

/* child account indentation */
.acc-name.child[b-cqqbvt9cfg] {
  padding-left: 32px !important;
  position: relative;
}

.acc-name.child[b-cqqbvt9cfg]::before {
  content: "↳";
  position: absolute;
  left: 16px;
  color: var(--mb-text-muted);
}

/* doc type chips */
.chip[b-cqqbvt9cfg] {
  display: inline-block;
  font-size: 11px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 10px;
  white-space: nowrap;
}

.chip-doc[b-cqqbvt9cfg] {
  background: rgba(8, 18, 69, 0.06);
  color: var(--mb-text-muted);
  margin-right: 4px;
}

/* row action icons */
.row-actions[b-cqqbvt9cfg] {
  white-space: nowrap;
  width: 80px;
}

/* misc */
.muted[b-cqqbvt9cfg] {
  color: var(--mb-text-muted);
}

.empty-hint[b-cqqbvt9cfg] {
  padding: 32px;
  text-align: center;
}

/* inactive row dimming */
.row-inactive td[b-cqqbvt9cfg] {
  opacity: 0.55;
}

.chip-inactive[b-cqqbvt9cfg] {
  display: inline-block;
  font-size: 10px;
  font-weight: 600;
  padding: 1px 6px;
  border-radius: 10px;
  background: rgba(8, 18, 69, 0.08);
  color: var(--mb-text-muted);
  margin-left: 6px;
  vertical-align: middle;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* warn KPI card (4th card — inactive count) */
.kpi-card--warn .kpi-val[b-cqqbvt9cfg] {
  color: var(--mb-warning);
}

/* MudTabs panel padding — MudBlazor PanelClass targets the inner panel div */
.tab-panel-pad[b-cqqbvt9cfg] {
  padding-top: 16px;
}

/* Templates grid */
.tpl-grid[b-cqqbvt9cfg] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 14px;
  margin-top: 4px;
}

.tpl-card[b-cqqbvt9cfg] {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.tpl-card-header[b-cqqbvt9cfg] {
  display: flex;
  align-items: center;
  gap: 8px;
}

.tpl-card-icon[b-cqqbvt9cfg] {
  color: var(--mb-primary);
  font-size: 20px;
}

.tpl-card-name[b-cqqbvt9cfg] {
  font-weight: 600;
  font-size: 15px;
  flex: 1;
}

.tpl-card-desc[b-cqqbvt9cfg] {
  font-size: 13px;
  color: var(--mb-text-muted);
}

.tpl-card-meta[b-cqqbvt9cfg] {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: var(--mb-text-muted);
  border-top: 1px solid var(--mb-border);
  padding-top: 8px;
}

.tpl-card-actions[b-cqqbvt9cfg] {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* responsive */
@media (max-width: 1199px) {
  .kpi-strip[b-cqqbvt9cfg] {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .filterbar[b-cqqbvt9cfg] {
    flex-direction: column;
    align-items: stretch;
  }

  .field.grow[b-cqqbvt9cfg],
  .control-input[b-cqqbvt9cfg],
  .search-wrap[b-cqqbvt9cfg] {
    min-width: unset;
  }

  .kpi-strip[b-cqqbvt9cfg] {
    grid-template-columns: repeat(2, 1fr);
  }

  .hide-sm[b-cqqbvt9cfg] {
    display: none;
  }
}
/* /Components/Pages/PurchaseInvoices/Index.razor.rz.scp.css */
.purchase[b-mvewyzkxm7] {
  --mb-primary:#0073E6; --mb-primary-hover:#005FBF; --mb-primary-soft:#E8F1FD;
  --mb-accent:#36A18D; --mb-ink:#081245; --mb-border:#E4E7EC; --mb-row-hover:#F9FAFB;
  --mb-text-muted:rgba(8,18,69,0.6); --mb-success:#2E9E76; --mb-warning:#E0A100; --mb-error:#E5484D;
  --mb-bg:#F4F6F8; --mb-surface:#FFFFFF;
  --mb-font-heading:'Outfit','Inter',sans-serif;
  --mb-radius-sm:6px; --mb-radius-md:8px; --mb-shadow-card:0 1px 2px rgba(8,18,69,0.06),0 1px 3px rgba(8,18,69,0.04);
  color:var(--mb-ink);
}
.purchase h5[b-mvewyzkxm7], .purchase .card-head[b-mvewyzkxm7], .purchase .kpi-val[b-mvewyzkxm7] { font-family:var(--mb-font-heading); }

/* page header */
.pagebar[b-mvewyzkxm7] { display:flex; align-items:center; gap:10px; margin-bottom:16px; flex-wrap:wrap; }
.pagebar h5[b-mvewyzkxm7] { font-size:21px; font-weight:600; margin:0; }
.pagebar .spacer[b-mvewyzkxm7] { flex:1; }

.btn[b-mvewyzkxm7] { font-size:13px; border-radius:var(--mb-radius-sm); padding:8px 14px; border:1px solid transparent;
  cursor:pointer; display:inline-flex; align-items:center; gap:7px; font-weight:500; white-space:nowrap; }
.btn-filled[b-mvewyzkxm7] { background:var(--mb-primary); color:#fff; }
.btn-filled:hover[b-mvewyzkxm7] { background:var(--mb-primary-hover); }
.btn-outlined[b-mvewyzkxm7] { background:var(--mb-surface); color:var(--mb-primary); border-color:#B9D6F5; }
.btn-outlined:hover[b-mvewyzkxm7] { background:var(--mb-primary-soft); }
.btn:disabled[b-mvewyzkxm7] { opacity:.6; cursor:default; }

/* filter bar */
.filterbar[b-mvewyzkxm7] { display:flex; align-items:flex-end; gap:12px; flex-wrap:wrap; margin-bottom:16px;
  background:var(--mb-surface); border:1px solid var(--mb-border); border-radius:var(--mb-radius-md);
  padding:14px 16px; box-shadow:var(--mb-shadow-card); }
.field[b-mvewyzkxm7] { display:flex; flex-direction:column; gap:4px; }
.field.grow[b-mvewyzkxm7] { flex:1; min-width:200px; }
.field label[b-mvewyzkxm7] { font-size:11px; color:var(--mb-text-muted); padding-left:2px; font-weight:500; }

/* uniform 38px controls so the whole filter row lines up on one baseline */
.control-input[b-mvewyzkxm7] { height:38px; box-sizing:border-box; border:1px solid #C4CDD6; border-radius:var(--mb-radius-sm);
  padding:0 11px; background:var(--mb-surface); color:var(--mb-ink); font-size:13px; font-family:inherit; min-width:160px; width:100%; }
.control-input:focus[b-mvewyzkxm7] { outline:none; border-color:var(--mb-primary); }
select.control-select[b-mvewyzkxm7] { min-width:240px; cursor:pointer; }

.preset-group[b-mvewyzkxm7] { display:flex; height:38px; border:1px solid #C4CDD6; border-radius:var(--mb-radius-sm); overflow:hidden; }
.preset-group .pset[b-mvewyzkxm7] { display:flex; align-items:center; padding:0 14px; font-size:13px; font-weight:500; color:var(--mb-primary);
  background:var(--mb-surface); border:none; border-right:1px solid #C4CDD6; cursor:pointer; white-space:nowrap; }
.preset-group .pset:last-child[b-mvewyzkxm7] { border-right:none; }
.preset-group .pset.on[b-mvewyzkxm7] { background:var(--mb-primary); color:#fff; }
.preset-group .pset:hover:not(.on)[b-mvewyzkxm7] { background:var(--mb-primary-soft); }

.btn.load-btn[b-mvewyzkxm7] { height:38px; align-self:flex-end; }

/* kpi strip */
.kpi-strip[b-mvewyzkxm7] { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:16px; }
.card[b-mvewyzkxm7] { background:var(--mb-surface); border:1px solid var(--mb-border); border-radius:var(--mb-radius-md); box-shadow:var(--mb-shadow-card); }
.kpi-card[b-mvewyzkxm7] { padding:16px; }
.kpi-label[b-mvewyzkxm7] { font-size:12px; color:var(--mb-text-muted); font-weight:500; margin-bottom:6px; }
.kpi-val[b-mvewyzkxm7] { font-size:26px; font-weight:700; line-height:1.1; }
.kpi-sub[b-mvewyzkxm7] { font-size:12px; color:var(--mb-text-muted); margin-top:2px; }

/* source note */
.source-note[b-mvewyzkxm7] { font-size:12px; color:var(--mb-text-muted); background:var(--mb-primary-soft); border:1px solid #B9D6F5;
  border-radius:var(--mb-radius-sm); padding:8px 12px; margin-bottom:16px; }

/* layout */
.grid-3-1[b-mvewyzkxm7] { display:grid; grid-template-columns:2fr 1fr; gap:16px; }
.card-head[b-mvewyzkxm7] { padding:12px 16px; border-bottom:1px solid var(--mb-border); font-weight:600; font-size:14px; }

/* table */
.tbl[b-mvewyzkxm7] { width:100%; border-collapse:collapse; font-size:13px; }
.tbl th[b-mvewyzkxm7] { text-align:left; color:var(--mb-text-muted); font-weight:500; padding:9px 16px; font-size:11px;
  text-transform:uppercase; letter-spacing:.02em; border-bottom:1px solid var(--mb-border); white-space:nowrap; }
.tbl td[b-mvewyzkxm7] { padding:10px 16px; border-top:1px solid #F0F2F5; }
.tbl tr:hover td[b-mvewyzkxm7] { background:var(--mb-row-hover); }
.tbl .amt[b-mvewyzkxm7], .tbl th.amt[b-mvewyzkxm7] { text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
.tbl .supplier[b-mvewyzkxm7] { font-weight:500; }
.muted[b-mvewyzkxm7] { color:var(--mb-text-muted); }
.txt-success[b-mvewyzkxm7] { color:var(--mb-success); font-weight:600; }
.txt-error[b-mvewyzkxm7] { color:var(--mb-error); font-weight:600; }
.empty[b-mvewyzkxm7] { padding:32px; text-align:center; color:var(--mb-text-muted); }

/* status chips */
.chip[b-mvewyzkxm7] { display:inline-block; font-size:11px; font-weight:600; padding:3px 9px; border-radius:11px; white-space:nowrap; }
.c-paid[b-mvewyzkxm7] { background:rgba(46,158,118,0.12); color:var(--mb-success); }
.c-open[b-mvewyzkxm7] { background:var(--mb-primary-soft); color:var(--mb-primary); }
.c-late[b-mvewyzkxm7] { background:rgba(229,72,77,0.12); color:var(--mb-error); }
.c-pending[b-mvewyzkxm7] { background:rgba(224,161,0,0.14); color:var(--mb-warning); }
.c-new[b-mvewyzkxm7] { background:rgba(8,18,69,0.07); color:var(--mb-text-muted); }

/* cost-per-ledger bars */
.lrow[b-mvewyzkxm7] { padding:10px 16px; border-top:1px solid #F0F2F5; }
.lrow:first-child[b-mvewyzkxm7] { border-top:none; }
.ltop[b-mvewyzkxm7] { display:flex; justify-content:space-between; font-size:13px; margin-bottom:5px; gap:10px; }
.ltop .amt[b-mvewyzkxm7] { font-variant-numeric:tabular-nums; font-weight:600; white-space:nowrap; }
.lbar[b-mvewyzkxm7] { height:7px; border-radius:4px; background:var(--mb-bg); overflow:hidden; }
.lfill[b-mvewyzkxm7] { height:100%; border-radius:4px; background:var(--mb-primary); }

@media (max-width:1199px) { .kpi-strip[b-mvewyzkxm7] { grid-template-columns:repeat(2,1fr); } }
@media (max-width:900px) {
  .grid-3-1[b-mvewyzkxm7] { grid-template-columns:1fr; }
  .hide-sm[b-mvewyzkxm7] { display:none; }
}
@media (max-width:560px) { .kpi-strip[b-mvewyzkxm7] { grid-template-columns:1fr; } }
/* /Components/Pages/SalesInvoices/Index.razor.rz.scp.css */
.sales[b-wpylp45s5n] {
  --mb-primary:#0073E6; --mb-primary-hover:#005FBF; --mb-primary-soft:#E8F1FD;
  --mb-accent:#36A18D; --mb-ink:#081245; --mb-border:#E4E7EC; --mb-row-hover:#F9FAFB;
  --mb-text-muted:rgba(8,18,69,0.6); --mb-success:#2E9E76; --mb-warning:#E0A100; --mb-error:#E5484D;
  --mb-bg:#F4F6F8; --mb-surface:#FFFFFF;
  --mb-font-heading:'Outfit','Inter',sans-serif;
  --mb-radius-sm:6px; --mb-radius-md:8px; --mb-shadow-card:0 1px 2px rgba(8,18,69,0.06),0 1px 3px rgba(8,18,69,0.04);
  color:var(--mb-ink);
}
.sales h5[b-wpylp45s5n], .sales .card-head[b-wpylp45s5n], .sales .kpi-val[b-wpylp45s5n] { font-family:var(--mb-font-heading); }

/* page header */
.pagebar[b-wpylp45s5n] { display:flex; align-items:center; gap:10px; margin-bottom:16px; flex-wrap:wrap; }
.pagebar h5[b-wpylp45s5n] { font-size:21px; font-weight:600; margin:0; }
.pagebar .spacer[b-wpylp45s5n] { flex:1; }

.btn[b-wpylp45s5n] { font-size:13px; border-radius:var(--mb-radius-sm); padding:8px 14px; border:1px solid transparent;
  cursor:pointer; display:inline-flex; align-items:center; gap:7px; font-weight:500; white-space:nowrap; }
.btn-filled[b-wpylp45s5n] { background:var(--mb-primary); color:#fff; }
.btn-filled:hover[b-wpylp45s5n] { background:var(--mb-primary-hover); }
.btn-outlined[b-wpylp45s5n] { background:var(--mb-surface); color:var(--mb-primary); border-color:#B9D6F5; }
.btn-outlined:hover[b-wpylp45s5n] { background:var(--mb-primary-soft); }
.btn:disabled[b-wpylp45s5n] { opacity:.6; cursor:default; }

/* filter bar */
.filterbar[b-wpylp45s5n] { display:flex; align-items:flex-end; gap:12px; flex-wrap:wrap; margin-bottom:16px;
  background:var(--mb-surface); border:1px solid var(--mb-border); border-radius:var(--mb-radius-md);
  padding:14px 16px; box-shadow:var(--mb-shadow-card); }
.field[b-wpylp45s5n] { display:flex; flex-direction:column; gap:4px; }
.field.grow[b-wpylp45s5n] { flex:1; min-width:200px; }
.field label[b-wpylp45s5n] { font-size:11px; color:var(--mb-text-muted); padding-left:2px; font-weight:500; }

/* uniform 38px controls so the whole filter row lines up on one baseline */
.control-input[b-wpylp45s5n] { height:38px; box-sizing:border-box; border:1px solid #C4CDD6; border-radius:var(--mb-radius-sm);
  padding:0 11px; background:var(--mb-surface); color:var(--mb-ink); font-size:13px; font-family:inherit; min-width:160px; width:100%; }
.control-input:focus[b-wpylp45s5n] { outline:none; border-color:var(--mb-primary); }
select.control-select[b-wpylp45s5n] { min-width:240px; cursor:pointer; }

.preset-group[b-wpylp45s5n] { display:flex; height:38px; border:1px solid #C4CDD6; border-radius:var(--mb-radius-sm); overflow:hidden; }
.preset-group .pset[b-wpylp45s5n] { display:flex; align-items:center; padding:0 14px; font-size:13px; font-weight:500; color:var(--mb-primary);
  background:var(--mb-surface); border:none; border-right:1px solid #C4CDD6; cursor:pointer; white-space:nowrap; }
.preset-group .pset:last-child[b-wpylp45s5n] { border-right:none; }
.preset-group .pset.on[b-wpylp45s5n] { background:var(--mb-primary); color:#fff; }
.preset-group .pset:hover:not(.on)[b-wpylp45s5n] { background:var(--mb-primary-soft); }

.btn.load-btn[b-wpylp45s5n] { height:38px; align-self:flex-end; }

/* kpi strip */
.kpi-strip[b-wpylp45s5n] { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:16px; }
.card[b-wpylp45s5n] { background:var(--mb-surface); border:1px solid var(--mb-border); border-radius:var(--mb-radius-md); box-shadow:var(--mb-shadow-card); }
.kpi-card[b-wpylp45s5n] { padding:16px; }
.kpi-label[b-wpylp45s5n] { font-size:12px; color:var(--mb-text-muted); font-weight:500; margin-bottom:6px; }
.kpi-val[b-wpylp45s5n] { font-size:26px; font-weight:700; line-height:1.1; }
.kpi-sub[b-wpylp45s5n] { font-size:12px; color:var(--mb-text-muted); margin-top:2px; }

/* source note */
.source-note[b-wpylp45s5n] { font-size:12px; color:var(--mb-text-muted); background:var(--mb-primary-soft); border:1px solid #B9D6F5;
  border-radius:var(--mb-radius-sm); padding:8px 12px; margin-bottom:16px; }

/* layout */
.grid-3-1[b-wpylp45s5n] { display:grid; grid-template-columns:2fr 1fr; gap:16px; }
.card-head[b-wpylp45s5n] { padding:12px 16px; border-bottom:1px solid var(--mb-border); font-weight:600; font-size:14px; }

/* table */
.tbl[b-wpylp45s5n] { width:100%; border-collapse:collapse; font-size:13px; }
.tbl th[b-wpylp45s5n] { text-align:left; color:var(--mb-text-muted); font-weight:500; padding:9px 16px; font-size:11px;
  text-transform:uppercase; letter-spacing:.02em; border-bottom:1px solid var(--mb-border); white-space:nowrap; }
.tbl td[b-wpylp45s5n] { padding:10px 16px; border-top:1px solid #F0F2F5; }
.tbl tr:hover td[b-wpylp45s5n] { background:var(--mb-row-hover); }
.tbl .amt[b-wpylp45s5n], .tbl th.amt[b-wpylp45s5n] { text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
.tbl .supplier[b-wpylp45s5n] { font-weight:500; }
.muted[b-wpylp45s5n] { color:var(--mb-text-muted); }
.txt-success[b-wpylp45s5n] { color:var(--mb-success); font-weight:600; }
.txt-error[b-wpylp45s5n] { color:var(--mb-error); font-weight:600; }
.empty[b-wpylp45s5n] { padding:32px; text-align:center; color:var(--mb-text-muted); }

/* status chips */
.chip[b-wpylp45s5n] { display:inline-block; font-size:11px; font-weight:600; padding:3px 9px; border-radius:11px; white-space:nowrap; }
.c-paid[b-wpylp45s5n] { background:rgba(46,158,118,0.12); color:var(--mb-success); }
.c-open[b-wpylp45s5n] { background:var(--mb-primary-soft); color:var(--mb-primary); }
.c-late[b-wpylp45s5n] { background:rgba(229,72,77,0.12); color:var(--mb-error); }
.c-pending[b-wpylp45s5n] { background:rgba(224,161,0,0.14); color:var(--mb-warning); }
.c-new[b-wpylp45s5n] { background:rgba(8,18,69,0.07); color:var(--mb-text-muted); }

/* revenue-per-client bars */
.lrow[b-wpylp45s5n] { padding:10px 16px; border-top:1px solid #F0F2F5; }
.lrow:first-child[b-wpylp45s5n] { border-top:none; }
.ltop[b-wpylp45s5n] { display:flex; justify-content:space-between; font-size:13px; margin-bottom:5px; gap:10px; }
.ltop .amt[b-wpylp45s5n] { font-variant-numeric:tabular-nums; font-weight:600; white-space:nowrap; }
.lbar[b-wpylp45s5n] { height:7px; border-radius:4px; background:var(--mb-bg); overflow:hidden; }
.lfill[b-wpylp45s5n] { height:100%; border-radius:4px; background:var(--mb-primary); }

@media (max-width:1199px) { .kpi-strip[b-wpylp45s5n] { grid-template-columns:repeat(2,1fr); } }
@media (max-width:900px) {
  .grid-3-1[b-wpylp45s5n] { grid-template-columns:1fr; }
  .hide-sm[b-wpylp45s5n] { display:none; }
}
@media (max-width:560px) { .kpi-strip[b-wpylp45s5n] { grid-template-columns:1fr; } }