/* /Components/Layout/AuthLayout.razor.rz.scp.css */
.auth-shell[b-k1g0r10bfx] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: minmax(390px, 43%) 1fr;
    background: var(--surface);
}

.auth-panel[b-k1g0r10bfx] {
    position: relative;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    padding: 30px clamp(32px, 7vw, 112px) 30px;
    background: var(--surface);
    z-index: 1;
}

.auth-content[b-k1g0r10bfx] {
    display: flex;
    width: min(100%, 390px);
    flex: 1;
    align-items: center;
    margin-inline: auto;
    padding: 28px 0;
}

/* Every account page keeps the brand and form together. */
.auth-panel-featured .auth-content[b-k1g0r10bfx] {
    align-items: flex-start;
    padding-top: clamp(34px, 5vh, 56px);
}

.auth-footer[b-k1g0r10bfx] {
    margin: 0;
    color: var(--ink-faint);
    font-size: 12px;
    text-align: center;
}

.auth-footer-by[b-k1g0r10bfx] { display: block; }

/* The lagoon photo. Pinned to the viewport so that, when the form is taller than the screen (Register, short laptops),
   the page scrolls and the photo and its copy stay in view instead of stretching down the page. */
.auth-hero[b-k1g0r10bfx] {
    position: sticky;
    top: 0;
    align-self: start;
    height: 100vh;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(12, 23, 26, .32), rgba(12, 23, 26, .02) 50%), /* theme-exempt: shade over the photo, the same in both themes */
        url("/brand/auth/lagoon-hero.webp") center center / cover no-repeat;
}

.auth-hero[b-k1g0r10bfx]::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(8, 28, 31, .52), transparent 52%); /* theme-exempt: shade over the photo */
    content: "";
}

.auth-hero-copy[b-k1g0r10bfx] {
    position: absolute;
    z-index: 1;
    right: clamp(32px, 7vw, 112px);
    bottom: clamp(42px, 9vh, 96px);
    width: min(500px, calc(100% - 64px));
    color: #fff; /* theme-exempt: white type set on the photo */
    text-shadow: 0 2px 22px rgba(0, 0, 0, .22);
}

.auth-hero-kicker[b-k1g0r10bfx] {
    display: inline-flex;
    margin-bottom: 16px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.auth-hero-copy h2[b-k1g0r10bfx] {
    font-size: clamp(34px, 3.5vw, 56px);
    line-height: 1.06;
    letter-spacing: -.055em;
}

.auth-hero-copy p[b-k1g0r10bfx] {
    max-width: 390px;
    margin: 17px 0 0;
    font-size: 16px;
    line-height: 1.55;
}

@media (max-width: 800px) {
    .auth-shell[b-k1g0r10bfx] { display: flex; flex-direction: column; }
    .auth-panel[b-k1g0r10bfx] {
        min-height: calc(100vh - 470px);
        padding: 28px 28px 24px;
    }
    .auth-content[b-k1g0r10bfx] { margin: auto; padding: 24px 0; }
    .auth-panel-featured .auth-content[b-k1g0r10bfx] { margin: 0 auto; padding-top: 36px; }
    .auth-hero[b-k1g0r10bfx] {
        position: relative;
        top: auto;
        order: -1;
        align-self: stretch;
        flex: none;
        height: 470px;
    }
}

@media (max-width: 600px) and (orientation: portrait) {
    .auth-shell[b-k1g0r10bfx] { display: block; }
    .auth-panel[b-k1g0r10bfx] { min-height: 100vh; }
    .auth-hero[b-k1g0r10bfx] { display: none; }
}

@media (max-width: 800px) and (orientation: landscape) {
    .auth-shell[b-k1g0r10bfx] { display: grid; grid-template-columns: minmax(285px, 45%) minmax(0, 1fr); }
    .auth-panel[b-k1g0r10bfx] { min-height: 100vh; padding: 24px clamp(20px, 3.5vw, 28px); }
    .auth-panel-featured .auth-content[b-k1g0r10bfx] { padding-top: 24px; }
    .auth-hero[b-k1g0r10bfx] { position: sticky; top: 0; order: 0; align-self: start; height: 100vh; }
    .auth-hero-copy[b-k1g0r10bfx] { right: 24px; bottom: 24px; width: calc(100% - 48px); }
    .auth-hero-copy h2[b-k1g0r10bfx] { font-size: clamp(28px, 4vw, 36px); }
    .auth-hero-copy p[b-k1g0r10bfx] { font-size: 13px; line-height: 1.4; }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* app shell styling lives in wwwroot/app.css */
/* /Components/Pages/Accounting/GeneralLedger.razor.rz.scp.css */
/* A long account description stops at one line instead of widening the table (was an inline style). */
.gl-description[b-vbglwfmwnh] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* The totals row's "out of balance" figure. */
.gl-out[b-vbglwfmwnh] { color: var(--warn-ink); }
/* /Components/Pages/Accounting/PeriodClosePage.razor.rz.scp.css */
.control-account-link[b-q2rotajm9w], .control-accounts a[b-q2rotajm9w] { text-decoration: underline; text-underline-offset: 3px; }
.control-accounts[b-q2rotajm9w] { margin-top: 6px; }
.control-accounts summary[b-q2rotajm9w] { color: var(--brand-red); cursor: pointer; width: fit-content; }
.control-accounts ul[b-q2rotajm9w] { margin: 8px 0 0; padding-left: 18px; }
.control-accounts li + li[b-q2rotajm9w] { margin-top: 8px; }
/* /Components/Pages/Accounting/SummaryPage.razor.rz.scp.css */
.summary-panes[b-g5xi2wqn5q] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    align-items: start;
}

.summary-pane[b-g5xi2wqn5q] { padding: 0; overflow: hidden; }

.summary-pane-head[b-g5xi2wqn5q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 14px;
    border-bottom: 1px solid var(--line);
}

.summary-pane-title[b-g5xi2wqn5q] { font-weight: 700; font-size: 13px; }
.summary-pane-link[b-g5xi2wqn5q] { font-size: 11.5px; font-weight: 600; }

.summary-subhead[b-g5xi2wqn5q] { background: var(--surface-sunk); }

.summary-header[b-g5xi2wqn5q] { background: var(--surface-sunk); }


@media (max-width: 1080px) {
    .summary-panes[b-g5xi2wqn5q] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Banking/BankAccounts.razor.rz.scp.css */
.bank-overview[b-6y9fznw403] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
    gap: 0;
    margin: 18px 0 24px;
    padding: 15px 18px;
}
.bank-overview-item[b-6y9fznw403] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    min-width: 0;
    padding: 3px 14px 3px 2px;
}
.bank-overview-item + .bank-overview-item[b-6y9fznw403] { padding-left: 18px; border-left: 1px solid var(--line-soft); }
.bank-overview-item:only-child[b-6y9fznw403] { grid-column: 1 / -1; }
.bank-overview-item strong[b-6y9fznw403] {
    font-size: 24px;
    line-height: 1.15;
    letter-spacing: -.025em;
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}
.bank-section-heading[b-6y9fznw403] { margin: 25px 0 12px; }
.bank-section-heading h2[b-6y9fznw403] { margin: 0 0 3px; font-size: 17px; }
.bank-section-heading p[b-6y9fznw403] { margin: 0; color: var(--ink-faint); font-size: 12.5px; line-height: 1.45; }
.bank-section-note[b-6y9fznw403] { margin: 0 0 10px; font-size: 12.5px; }

/* All account types share one card measure; a lone account no longer stretches
   into an oversized banner. Two cards sit together when there is room. */
.bank-account-grid[b-6y9fznw403] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 370px), 440px));
    gap: 14px;
    align-items: stretch;
}
.bank-account-grid[b-6y9fznw403]  .bank-account-card {
    min-width: 0;
    min-height: 0;
    padding: 18px 19px 16px;
    container-type: inline-size;
}
.bank-account-grid[b-6y9fznw403]  .bank-account-header { flex-wrap: wrap; min-height: 0; }
.bank-account-grid[b-6y9fznw403]  .bank-account-identity { flex: 1 1 210px; align-items: flex-start; }
.bank-account-grid[b-6y9fznw403]  .bank-account-card--cash .bank-account-type-icon {
    background: color-mix(in srgb, var(--ink) 7%, transparent);
    color: var(--ink);
}
.bank-account-grid[b-6y9fznw403]  .bank-account-name { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
.bank-account-grid[b-6y9fznw403]  .bank-account-meta { overflow-wrap: anywhere; }
.bank-account-grid[b-6y9fznw403]  .bank-account-main { margin-top: 18px; }
.bank-account-grid[b-6y9fznw403]  .bank-account-main .kpi-label { min-height: 0; }
.bank-account-grid[b-6y9fznw403]  .bank-balance-link {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 100%;
    min-width: 0;
    margin-top: 5px;
    color: var(--brand-red);
    font-size: 22px;
    font-weight: 750;
    line-height: 1.2;
    font-variant-numeric: tabular-nums;
    text-decoration: none;
}
.bank-account-grid[b-6y9fznw403]  .bank-balance-link > span:first-child { overflow-wrap: anywhere; }
.bank-account-grid[b-6y9fznw403]  .bank-balance-link__hint { margin-top: 3px; font-size: 11px; font-weight: 650; }
.bank-account-grid[b-6y9fznw403]  .bank-balance-link:hover, .bank-account-grid[b-6y9fznw403]  .bank-balance-link:focus-visible { text-decoration: underline; }
.bank-account-grid[b-6y9fznw403]  .bank-account-detail {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    min-height: 64px;
    margin-top: 16px;
    padding-top: 13px;
    border-top: 1px solid var(--line-soft);
}
.bank-account-grid[b-6y9fznw403]  .bank-account-detail span { color: var(--ink-faint); font-size: 11px; }
.bank-account-grid[b-6y9fznw403]  .bank-account-detail strong { font-size: 13px; font-weight: 700; }
.bank-account-grid[b-6y9fznw403]  .bank-account-detail small { color: var(--ink-faint); font-size: 11px; }
.bank-account-grid[b-6y9fznw403]  .bank-account-actions {
    display: flex;
    align-items: center;
    gap: 8px 13px;
    flex-wrap: wrap;
    margin-top: 15px;
    padding-top: 13px;
    border-top: 1px solid var(--line-soft);
}
.bank-account-grid[b-6y9fznw403]  .bank-account-actions .btn { max-width: 100%; white-space: normal; text-align: center; }
.bank-account-grid[b-6y9fznw403]  .bank-account-action-link { color: var(--brand-red); font-size: 11.5px; font-weight: 700; text-decoration: none; }
.bank-account-grid[b-6y9fznw403]  .bank-account-action-link:hover, .bank-account-grid[b-6y9fznw403]  .bank-account-action-link:focus-visible { text-decoration: underline; }
@media (max-width: 460px) {
    .bank-account-grid[b-6y9fznw403] { grid-template-columns: minmax(0, 1fr); }
    .bank-overview[b-6y9fznw403] { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 13px; }
    .bank-overview-item[b-6y9fznw403] { padding-right: 10px; }
    .bank-overview-item + .bank-overview-item[b-6y9fznw403] { padding-left: 12px; }
    .bank-overview-item strong[b-6y9fznw403] { font-size: 19px; }
}
/* /Components/Pages/Banking/BankingReports.razor.rz.scp.css */
/* The four report cards on the Banking reports hub: as many across as fit, each at least 240px. */
.bank-report-cards[b-5yjdhbkj42] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 14px;
    margin-bottom: 16px;
}
/* /Components/Pages/Banking/LoanRepaymentPage.razor.rz.scp.css */
.loan-repayment-layout[b-0zgp21xidu] { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(260px, .8fr); gap: 16px; align-items: start; }
.loan-repayment-form[b-0zgp21xidu], .loan-repayment-summary[b-0zgp21xidu] { padding: 20px; }
.loan-repayment-form h2[b-0zgp21xidu], .loan-repayment-summary h2[b-0zgp21xidu] { font-size: 17px; margin: 0 0 14px; }
.loan-repayment-step[b-0zgp21xidu] { display: flex; align-items: center; gap: 9px; color: var(--brand-red); font-size: 12px; font-weight: 750; }
.loan-repayment-step[b-0zgp21xidu]::first-letter { font-variant-numeric: tabular-nums; }
.loan-repayment-step:not(:first-child)[b-0zgp21xidu] { margin-top: 28px; padding-top: 21px; border-top: 1px solid var(--line-soft); }
.loan-repayment-step + h2[b-0zgp21xidu] { margin-top: 9px; }
.loan-repayment-source[b-0zgp21xidu] { margin-bottom: 16px; }
.loan-repayment-actions[b-0zgp21xidu] { display: flex; justify-content: flex-end; gap: 8px; margin-top: 24px; }
.loan-repayment-summary > strong[b-0zgp21xidu] { display: block; font-size: 28px; color: var(--ink); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.loan-repayment-summary p[b-0zgp21xidu] { color: var(--ink-faint); font-size: 12px; line-height: 1.5; }
.loan-repayment-summary .loan-repayment-mismatch[b-0zgp21xidu] { color: var(--danger-ink); font-weight: 700; }
.loan-repayment-breakdown[b-0zgp21xidu] { display: grid; grid-template-columns: 1fr auto; gap: 8px; border-top: 1px solid var(--line-soft); padding-top: 14px; margin-top: 16px; font-size: 12px; }
.loan-repayment-breakdown span[b-0zgp21xidu] { color: var(--ink-soft); }
.loan-repayment-breakdown strong[b-0zgp21xidu] { font-variant-numeric: tabular-nums; }
.loan-repayment-tieout[b-0zgp21xidu] { display: grid; grid-template-columns: 1fr auto; gap: 10px; border-top: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); padding: 14px 0; margin-top: 16px; font-size: 12px; }
.loan-repayment-tieout strong[b-0zgp21xidu] { font-variant-numeric: tabular-nums; }
@media (max-width: 850px) { .loan-repayment-layout[b-0zgp21xidu] { grid-template-columns: minmax(0, 1fr); } }
/* /Components/Pages/Home.razor.rz.scp.css */
/* A dashboard figure opens the page behind it (DashboardLinks). The figure keeps its ink, not the red of a link: in the
   hero it is the one big number on the page, and red would read as money owed. A dotted underline when pointed at says it
   can be opened, as a linked figure does in a report (app.css, .rpt-table td.num a). */
.dashboard-figure-drill[b-hdy90ut2ad] { color: inherit; text-decoration: none; }
.dashboard-figure-drill:hover[b-hdy90ut2ad] { color: inherit; text-decoration: underline dotted var(--ink-faint); text-underline-offset: 4px; }

/* Side by side (wider than 900px), the balance column takes at least the width of the balance and the chart gives way. With
   the chart at its full 420px the column was squeezed on a 1024px screen until "$63,920.37" broke onto two lines after the
   point (app.css lets the figure wrap anywhere, which a phone needs). */
@media (min-width: 901px) {
    .dashboard-hero[b-hdy90ut2ad] { grid-template-columns: minmax(max-content, 1fr) minmax(0, 420px); }
}
/* /Components/Pages/Payroll/EmployeeEditPage.razor.rz.scp.css */
/* A record owns its section navigation; company-wide setup remains in Payroll settings.
   Bound the form column independently of the viewport so short values stay easy to scan. */
.employee-record[b-6q0xa913bw] { max-width: 1100px; }
.employee-record-layout[b-6q0xa913bw] { display: grid; grid-template-columns: 190px minmax(0, 680px); gap: 28px; align-items: start; }
.employee-section-nav[b-6q0xa913bw] { padding-top: 4px; }
.employee-nav-group + .employee-nav-group[b-6q0xa913bw] { margin-top: 24px; }
.employee-nav-group h2[b-6q0xa913bw] { margin: 0 10px 8px; color: var(--ink-soft); font-size: 10.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.employee-section-link[b-6q0xa913bw] { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 42px; margin-bottom: 3px; padding: 10px 12px; text-align: left; border: 1px solid transparent; border-radius: 8px; background: transparent; color: var(--ink-soft); font: inherit; font-size: var(--type-body); cursor: pointer; }
.employee-section-link:hover[b-6q0xa913bw] { color: var(--ink); background: var(--surface); }
.employee-section-link.active[b-6q0xa913bw] { color: var(--ink); background: var(--surface); border-color: var(--line); box-shadow: inset 3px 0 0 var(--brand-red); font-weight: 650; }
.employee-nav-icon[b-6q0xa913bw] { display: inline-flex; flex: 0 0 17px; }
.employee-nav-icon[b-6q0xa913bw]  svg { width: 17px; height: 17px; }
.employee-section-content[b-6q0xa913bw] { min-width: 0; }
.employee-section-heading[b-6q0xa913bw] { margin-bottom: 18px; }
.employee-section-heading h2[b-6q0xa913bw] { margin: 0 0 4px; font-size: 19px; font-weight: 650; letter-spacing: -.02em; }
.employee-section-heading p[b-6q0xa913bw] { margin: 0; color: var(--ink-soft); font-size: 12.5px; }
.payroll-record-fields[b-6q0xa913bw] { margin: 0; }
.employee-record[b-6q0xa913bw]  .tab-content { padding: 0; min-width: 0; gap: 0; }
.employee-record[b-6q0xa913bw]  .employee-form-section { min-width: 0; padding: 20px; margin-bottom: 16px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); }
.employee-record[b-6q0xa913bw]  .employee-form-section > .section-title { margin: 0 -20px 18px; padding: 0 20px 14px; border-top: 0; border-bottom: 1px solid var(--line); font-size: 13.5px; }
.employee-record[b-6q0xa913bw]  .employee-form-section > .field-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.employee-record[b-6q0xa913bw]  .employee-form-section > .field-row > .field { min-width: 0; max-width: none !important; width: auto; }
.employee-record[b-6q0xa913bw]  .employee-form-section > .field-row > .field:only-child { max-width: 300px !important; }
.employee-record[b-6q0xa913bw]  .employee-form-section > .field-row > .flex-2:only-child { max-width: none !important; grid-column: 1 / -1; }
.employee-record[b-6q0xa913bw]  .employee-form-section > .field-row:last-child { margin-bottom: 0; }
.employee-record[b-6q0xa913bw]  .employee-form-section .settings-preference:last-child { margin-bottom: 0; }
.employee-record[b-6q0xa913bw]  .employee-form-section .settings-preference { grid-template-columns: minmax(0, 1fr) minmax(130px, 210px); }
.employee-record[b-6q0xa913bw]  .employee-form-section .settings-preference-control { min-width: 0; max-width: 100%; flex-wrap: wrap; }
.employee-record[b-6q0xa913bw]  .employee-form-section .table-scroll { max-width: 100%; }
.employee-record[b-6q0xa913bw]  .employee-form-section .field-input { min-width: 0; }
.employee-save-bar[b-6q0xa913bw] { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; border-top: 1px solid var(--line); padding-top: 16px; }
.employee-save-bar > .faint[b-6q0xa913bw] { font-size: 11.5px; }
.employee-record-checks[b-6q0xa913bw] { margin: 0 0 24px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
.employee-record-checks summary[b-6q0xa913bw] { display: flex; align-items: center; gap: 10px; padding: 12px 16px; cursor: pointer; font-size: 12.5px; }
.employee-record-checks summary > .faint[b-6q0xa913bw] { margin-left: auto; white-space: nowrap; }
.employee-check-links[b-6q0xa913bw] { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 16px 14px; }
.employee-check-links button[b-6q0xa913bw] { border: 1px solid var(--line); cursor: pointer; }
.employee-facts[b-6q0xa913bw] { background: transparent; border: 0; border-radius: 0; padding: 0 0 16px; gap: 12px 32px; }
.employee-avatar[b-6q0xa913bw] { width: 46px; height: 46px; flex-basis: 46px; border-radius: 12px; background: var(--surface); border: 1px solid var(--line); color: var(--ink); }
@media (max-width: 1100px) {
    .employee-record-layout[b-6q0xa913bw] { grid-template-columns: 170px minmax(0, 680px); gap: 20px; }
    .employee-record[b-6q0xa913bw]  .employee-form-section .settings-preference { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767px) {
    .employee-record-layout[b-6q0xa913bw] { display: block; }
    .employee-section-nav[b-6q0xa913bw] { display: none; }
    .employee-section-select[b-6q0xa913bw] { display: block; padding: 0; margin-bottom: 20px; border: 0; }
    .employee-record-checks summary[b-6q0xa913bw] { flex-wrap: wrap; }
    .employee-record-checks summary > .faint[b-6q0xa913bw] { margin-left: 27px; }
    .employee-record[b-6q0xa913bw]  .employee-form-section > .field-row { grid-template-columns: minmax(0, 1fr); gap: 14px; }
    .employee-record[b-6q0xa913bw]  .employee-form-section > .field-row > .field:only-child { max-width: none !important; }
    .employee-save-bar .row-inline[b-6q0xa913bw] { flex-wrap: wrap; }
}
/* Recurring allowances and deductions are forms too: their old seven-column table
   squeezed the account picker and required sideways scrolling inside a narrow record. */
.employee-record[b-6q0xa913bw]  .employee-pay-item { padding: 18px 0; border-top: 1px solid var(--line); margin-top: 16px; }
.employee-record[b-6q0xa913bw]  .employee-pay-item:last-child { padding-bottom: 0; }
.employee-record[b-6q0xa913bw]  .employee-pay-item-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 18px; }
.employee-record[b-6q0xa913bw]  .employee-pay-item-fields .field { margin: 0; min-width: 0; }
.employee-record[b-6q0xa913bw]  .employee-pay-item-fields + .employee-pay-item-fields { margin-top: 14px; }
.employee-record[b-6q0xa913bw]  .employee-pay-item-remove { grid-column: 1 / -1; text-align: right; }
.employee-record[b-6q0xa913bw]  .employee-payee { grid-column: 1 / -1; }
@media (max-width: 767px) {
    .employee-record[b-6q0xa913bw]  .employee-pay-item-fields { grid-template-columns: minmax(0, 1fr); }
}
.employee-record[b-6q0xa913bw]  .employee-form-section .section-title { text-transform: none; letter-spacing: normal; color: var(--ink); border-top: 0; }
.employee-record[b-6q0xa913bw]  .employee-form-section > .field-row { margin-bottom: 18px; }
.employee-record[b-6q0xa913bw]  .employee-form-section > .field-row > .field { margin-bottom: 0; }
.employee-record[b-6q0xa913bw]  .employee-pay-items .section-title { padding-top: 0; }

.employee-record[b-6q0xa913bw]  .settings-preference-copy a { text-decoration: underline; text-underline-offset: 2px; }
/* /Components/Pages/Payroll/PayPeriodSetupWizard.razor.rz.scp.css */
/* A setup form and short preview table do not need the width of a payroll register. */
.page-head[b-bkvfezmbdk], .worksheet[b-bkvfezmbdk] { max-width: 1100px; }
/* /Components/Pages/Payroll/PayRunReviewPage.razor.rz.scp.css */
/* Setup has a form-sized heading; an existing run keeps room for its worksheet. */
.pay-setup-heading[b-39f2pzzjf2] { max-width: 980px; }

/* The "Why" column of the employee pay review: the money columns do not wrap, so without a floor the note was squeezed to
   one word per line beside the run panel (browser check 2026-09-30). The table already scrolls inside its card. */
.review-rows td:nth-child(2)[b-39f2pzzjf2] { min-width: 12rem; }
/* /Components/Pages/Payroll/Review/PayRunSetup.razor.rz.scp.css */
/* Keep the type choices, steps and active form together inside one bounded card. */
.pay-setup[b-jes7ta5khw] { width: 100%; max-width: 980px; padding: 20px; }
.pay-setup-body[b-jes7ta5khw] { max-width: none; min-width: 0; }
.pay-setup > p:last-child[b-jes7ta5khw] { margin: 0; }
.pay-setup .callout a[b-jes7ta5khw] { text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 640px) {
    .pay-setup[b-jes7ta5khw] { padding: 16px; }
    .pay-process-rail button[b-jes7ta5khw] { padding: 10px 6px; gap: 6px; align-items: flex-start; }
    .pay-process-rail strong[b-jes7ta5khw], .pay-process-rail small[b-jes7ta5khw] { white-space: normal; }
}
/* /Components/Pages/Planning/Dashboard.razor.rz.scp.css */
/* A figure that opens where it comes from (the profit and loss, the forecast). Ink, not the link red: a red figure reads as a
   loss. The dotted underline says it can be opened, as on a report (.rpt-table td.num a); the brand colour comes on hover. */
.planning-figure-link[b-mte4kouod0] {
    color: inherit;
    text-decoration: underline dotted var(--ink-faint);
    text-underline-offset: 4px;
}

.planning-figure-link:hover[b-mte4kouod0],
.planning-figure-link:focus-visible[b-mte4kouod0] {
    color: var(--brand-red);
    text-decoration-style: solid;
}
/* /Components/Pages/Purchases/OverduePayablesPage.razor.rz.scp.css */
/* The two groups of "Supplier bills due" (owner decision P5) each open with a heading. */
.bills-due-heading[b-3jo705q4cz] {
    margin: 18px 0 8px;
    font-size: var(--type-section-title);
    font-weight: 600;
}
/* /Components/Pages/Purchases/PurchaseOrderDetailPage.razor.rz.scp.css */
/* "Close order" confirmation (owner decision P4): the same shape as a payment run's cancel card. */
.po-close-confirm[b-6m5flkayab] {
    padding: 18px 20px;
    margin-bottom: 14px;
    border-color: var(--brand-red);
    max-width: 560px;
}
/* /Components/Pages/Purchases/SupplierStatementPage.razor.rz.scp.css */
/* A date or document number in the statement never wraps: a column of figures reads down the page. */
.stmt-nowrap[b-diboie2voo] { white-space: nowrap; }
/* /Components/Pages/Reports/CompanyTaxReturnPage.razor.rz.scp.css */
/* The RM6 page lays its boxes out with the RM205 sheet's classes; scoped CSS only reaches its own component, so the page
   carries the same rules (they were missing, and the RM6 boxes rendered unstyled). Keep in step with VatPayeReturnPage.razor.css. */
.rm205-sheet[b-6uw1l1dqpo] {
    max-width: 1060px;
    margin-inline: auto;
    overflow: hidden;
    color: var(--ink);
    background: var(--surface);
}

.rm205-ministry-head[b-6uw1l1dqpo],
.rm205-title-row[b-6uw1l1dqpo] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
}

.rm205-ministry-head[b-6uw1l1dqpo] {
    padding: 18px 20px 14px;
    border-bottom: 3px solid var(--ink);
}

.rm205-ministry-head div[b-6uw1l1dqpo] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.rm205-ministry-head strong[b-6uw1l1dqpo] {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
    letter-spacing: .01em;
}

.rm205-ministry-head span[b-6uw1l1dqpo] {
    font-size: 11.5px;
}

.rm205-ministry-head b[b-6uw1l1dqpo] {
    font-size: 16px;
}

.rm205-title-row[b-6uw1l1dqpo] {
    padding: 10px 20px;
    border-bottom: 2px solid var(--ink);
}

.rm205-title-row h2[b-6uw1l1dqpo] {
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 20px;
    letter-spacing: .02em;
}

.rm205-title-row strong[b-6uw1l1dqpo] {
    font-size: 13px;
}

.rm205-identity[b-6uw1l1dqpo] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
    gap: 24px;
    padding: 14px 20px;
    border-bottom: 3px solid var(--ink);
}

.rm205-identity-business[b-6uw1l1dqpo] {
    display: grid;
    gap: 10px;
}

.rm205-identity-business > div[b-6uw1l1dqpo] {
    display: grid;
    grid-template-columns: 70px 1fr;
    align-items: start;
    min-height: 34px;
}

.rm205-identity-business > .rm205-address-line[b-6uw1l1dqpo] {
    grid-template-columns: 70px 32px 1fr;
}

.rm205-address-line strong[b-6uw1l1dqpo] {
    border-left: 0;
}

.rm205-identity-business span[b-6uw1l1dqpo],
.rm205-sheet[b-6uw1l1dqpo]  .rm205-meta-label {
    padding-top: 8px;
    font-size: 12px;
    font-weight: 700;
}

.rm205-identity-business strong[b-6uw1l1dqpo],
.rm205-sheet[b-6uw1l1dqpo]  .rm205-meta-value {
    min-height: 34px;
    padding: 7px 9px;
    border: 1px solid var(--ink);
    font-size: 12px;
    line-height: 1.45;
}

.rm205-identity-fields[b-6uw1l1dqpo] {
    display: grid;
    align-content: start;
}

.rm205-identity-fields[b-6uw1l1dqpo]  .rm205-identity-line {
    display: grid;
    grid-template-columns: minmax(100px, 1fr) 32px minmax(140px, 1.2fr);
    align-items: stretch;
}

.rm205-identity-fields[b-6uw1l1dqpo]  .rm205-identity-line:has(.rm205-meta-label + .rm205-meta-value) {
    grid-template-columns: minmax(132px, 1fr) minmax(140px, 1.2fr);
}

.rm205-sheet[b-6uw1l1dqpo]  .rm205-meta-label {
    padding-right: 8px;
}

.rm205-sheet[b-6uw1l1dqpo]  .rm205-box-no {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    border: 1px solid var(--ink);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

.rm205-sheet[b-6uw1l1dqpo]  .rm205-box-no-empty {
    border-color: transparent;
}

.rm205-sheet[b-6uw1l1dqpo]  .rm205-meta-value {
    display: flex;
    align-items: center;
    border-left: 0;
    font-weight: 600;
}

.rm205-section[b-6uw1l1dqpo] {
    display: grid;
    grid-template-columns: 175px minmax(0, 1fr);
    border-bottom: 3px solid var(--ink);
}

.rm205-section-title[b-6uw1l1dqpo] {
    padding: 14px 14px 16px 20px;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
}

.rm205-lines[b-6uw1l1dqpo] {
    min-width: 0;
}

.rm205-lines[b-6uw1l1dqpo]  .rm205-line {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 38px 170px;
    align-items: stretch;
    min-height: 38px;
}

.rm205-lines[b-6uw1l1dqpo]  .rm205-line-label {
    align-self: center;
    padding: 7px 12px;
    font-size: 12.5px;
    line-height: 1.35;
}

.rm205-lines[b-6uw1l1dqpo]  .rm205-line .rm205-box-no {
    min-height: 38px;
}

.rm205-lines[b-6uw1l1dqpo]  .rm205-amount {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;
    padding: 7px 10px;
    border-top: 1px solid var(--ink);
    border-right: 1px solid var(--ink);
    font-size: 12.5px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.rm205-lines[b-6uw1l1dqpo]  .rm205-line:last-child .rm205-amount {
    border-bottom: 1px solid var(--ink);
}

.rm205-lines[b-6uw1l1dqpo]  .rm205-emphasis .rm205-line-label,
.rm205-lines[b-6uw1l1dqpo]  .rm205-emphasis .rm205-amount {
    font-weight: 800;
    background: var(--surface-sunk);
}

.rm205-lines[b-6uw1l1dqpo]  .rm205-edit-line .rm205-line-label,
.rm205-lines[b-6uw1l1dqpo]  .rm205-edit-line .rm205-amount {
    background: var(--brand-red-wash);
}

.rm205-lines[b-6uw1l1dqpo]  .rm205-edit-amount {
    padding: 3px 5px;
}

.rm205-lines[b-6uw1l1dqpo]  .rm205-number-input {
    width: 100%;
    height: var(--control-height-sm);
    padding: 3px 7px;
    border-color: var(--line-strong);   /* amount fields you type into keep a visible border, even on the tinted edit rows */
    background: var(--surface);
    text-align: right;
}

.rm205-vat-result[b-6uw1l1dqpo] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    padding: 10px 20px;
    border-bottom: 3px solid var(--ink);
    font-size: 13px;
}

.rm205-vat-result span[b-6uw1l1dqpo] {
    min-width: 170px;
    font-size: 15px;
    font-weight: 800;
    text-align: right;
}

.rm205-paye-title[b-6uw1l1dqpo] {
    padding-block: 9px;
}

.rm205-paye-section[b-6uw1l1dqpo] {
    grid-template-columns: minmax(175px, 1fr) minmax(460px, 1.25fr);
}

.rm205-lines[b-6uw1l1dqpo]  .rm205-meta-line .rm205-line-label {
    font-weight: 650;
}

.rm205-declaration[b-6uw1l1dqpo] {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr) minmax(220px, .65fr);
    gap: 14px;
    align-items: center;
    padding: 13px 20px;
    border-bottom: 3px solid var(--ink);
    font-size: 12.5px;
}

.rm205-declaration > span[b-6uw1l1dqpo] {
    font-style: italic;
    font-weight: 650;
}

.rm205-signature-line[b-6uw1l1dqpo] {
    padding: 18px 4px 3px;
    border-bottom: 1px solid var(--ink);
    color: var(--ink-faint);
    font-size: 10.5px;
    text-align: center;
}

.rm205-payment[b-6uw1l1dqpo] {
    display: grid;
    grid-template-columns: minmax(230px, .75fr) minmax(460px, 1.25fr);
    gap: 24px;
    padding: 16px 20px 20px;
}

.rm205-payment > div:first-child[b-6uw1l1dqpo] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    font-size: 12.5px;
}

.rm205-payment small[b-6uw1l1dqpo] {
    margin-top: 12px;
    color: var(--ink-faint);
    line-height: 1.45;
}

@media (max-width: 900px) {
    .rm205-sheet[b-6uw1l1dqpo] {
        overflow-x: auto;
    }

    .rm205-ministry-head[b-6uw1l1dqpo],
    .rm205-title-row[b-6uw1l1dqpo],
    .rm205-identity[b-6uw1l1dqpo],
    .rm205-section[b-6uw1l1dqpo],
    .rm205-vat-result[b-6uw1l1dqpo],
    .rm205-declaration[b-6uw1l1dqpo],
    .rm205-payment[b-6uw1l1dqpo] {
        min-width: 760px;
    }
}

/* The small capitals above each fact in the period card (was an inline style). */
.rm6-kicker[b-6uw1l1dqpo] { font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase; }

/* Box 12 opens the year's profit and loss: ink with a dotted underline, as a figure on a report (§2.1). */
.rm6-drill[b-6uw1l1dqpo] { color: inherit; text-decoration: underline dotted var(--ink-faint); text-underline-offset: 3px; }
.rm6-drill:hover[b-6uw1l1dqpo], .rm6-drill:focus-visible[b-6uw1l1dqpo] { color: var(--brand-red); text-decoration-style: solid; }

/* Beside the year box: the balance date the chosen year ends on (owner decision A3), so "2026" is never read as a calendar year. */
.rm6-balance-date[b-6uw1l1dqpo] {
    align-self: center;
    font-size: 13px;
}
/* /Components/Pages/Reports/OwnerMoneyReportPage.razor.rz.scp.css */
.owner-report-filters[b-g6nd0zoary] { padding: 12px 16px; margin-bottom: 14px; display: flex; gap: 12px; align-items: end; flex-wrap: wrap; }
.owner-report-card[b-g6nd0zoary] { margin-bottom: 18px; }
.owner-report-summary[b-g6nd0zoary] { min-width: 720px; }
.owner-report-movements[b-g6nd0zoary] { min-width: 820px; }
.owner-report-description[b-g6nd0zoary] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.owner-report-heading[b-g6nd0zoary] { font-size: 15px; margin: 4px 0 10px; }
.owner-report-note[b-g6nd0zoary] { margin-top: 10px; }
/* /Components/Pages/Reports/RealisedFxReportPage.razor.rz.scp.css */
/* The two wide tables keep the minimum widths they had (they scroll sideways on a phone rather than squeeze). */
.rfx-by-currency[b-7pqi8n3pbq] { min-width: 640px; }
.rfx-lines[b-7pqi8n3pbq] { min-width: 980px; }
/* /Components/Pages/Reports/Rm6SchedulesEditor.razor.rz.scp.css */
.rm6-schedules[b-eakop906c3] {
    margin-top: 14px;
    padding: 0;
    overflow: hidden;
}

.rm6-schedules-head[b-eakop906c3] {
    padding: 16px 18px 10px;
}

.rm6-schedules-head h2[b-eakop906c3] {
    margin: 0 0 8px;
    font-size: 16px;
}

.rm6-schedules-sub[b-eakop906c3] {
    margin: 8px 0 0;
    font-size: 12.5px;
}

/* The accountant's check: the same sentence every printed schedule page carries. */
.rm6-verify[b-eakop906c3] {
    padding: 8px 12px;
    border: 1px dashed var(--warn-line);
    border-radius: var(--radius-sm);
    background: var(--warn-wash);
    color: var(--warn-ink);
    font-weight: 700;
    font-size: 13px;
}

.rm6-tab-body[b-eakop906c3] {
    padding: 14px 18px 18px;
    overflow-x: auto;
}

.rm6-count[b-eakop906c3] {
    margin-left: 6px;
}

.rm6-grid td[b-eakop906c3] {
    padding: 6px 6px;
    vertical-align: top;
}

.rm6-grid th[b-eakop906c3] {
    padding: 8px 6px;
    white-space: normal;
}

.rm6-grid[b-eakop906c3]  .field-input {
    width: 100%;
    min-width: 90px;
}

.rm6-grid td.num[b-eakop906c3]  .field-input {
    min-width: 100px;
}

.rm6-grid tr.rm6-total td[b-eakop906c3] {
    font-weight: 700;
    background: var(--surface-sunk);
}

.rm6-check[b-eakop906c3] {
    display: flex;
    gap: 6px;
    align-items: center;
    margin-bottom: 4px;
    font-size: 12.5px;
    white-space: nowrap;
}

.rm6-add[b-eakop906c3] {
    margin-top: 10px;
}

.rm6-yesno[b-eakop906c3] {
    max-width: 220px;
}
/* /Components/Pages/Reports/TaxAuditPage.razor.rz.scp.css */
.tax-audit-page-head[b-q7in264rw0] {
    align-items: center;
}

.tax-audit-actions[b-q7in264rw0] {
    flex: none;
}

.tax-audit-toolbar[b-q7in264rw0] {
    display: grid;
    grid-template-columns: minmax(170px, 210px) minmax(220px, 1fr) minmax(180px, 220px) minmax(120px, auto);
    gap: 16px;
    align-items: end;
    padding: 14px 16px;
    margin-bottom: 14px;
}

.tax-audit-control[b-q7in264rw0],
.tax-audit-period[b-q7in264rw0],
.tax-audit-basis[b-q7in264rw0] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 6px;
}

.tax-audit-control .field-label[b-q7in264rw0],
.tax-audit-period .field-label[b-q7in264rw0],
.tax-audit-basis .field-label[b-q7in264rw0] {
    margin: 0;
}

.tax-audit-control .field-input[b-q7in264rw0] {
    width: 100%;
    height: var(--control-height);
    padding: 0 10px;
}

.tax-audit-period strong[b-q7in264rw0],
.tax-audit-basis strong[b-q7in264rw0] {
    min-height: var(--control-height);
    display: flex;
    align-items: center;
    font-size: 12.5px;
    line-height: 1.35;
}

.tax-audit-basis strong[b-q7in264rw0] {
    width: fit-content;
    min-height: 26px;
    margin-bottom: 3px;
    padding: 3px 9px;
    border-radius: 999px;
    background: var(--surface-sunk);
    color: var(--ink-soft);
    font-size: 11.5px;
}

.tax-audit-group[b-q7in264rw0] {
    margin-bottom: 14px;
}

.tax-audit-group-head[b-q7in264rw0],
.tax-audit-tie-head[b-q7in264rw0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--line);
}

.tax-audit-group-head h2[b-q7in264rw0],
.tax-audit-tie-head h2[b-q7in264rw0],
.tax-audit-net h2[b-q7in264rw0] {
    margin: 0;
    font-size: 15px;
    line-height: 1.35;
}

.tax-audit-group-head p[b-q7in264rw0],
.tax-audit-tie-head p[b-q7in264rw0],
.tax-audit-net p[b-q7in264rw0] {
    margin: 3px 0 0;
    color: var(--ink-faint);
    font-size: 11.5px;
    line-height: 1.45;
}

.tax-audit-group-metrics[b-q7in264rw0] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex: none;
    min-height: 24px;
}

.tax-audit-group-metrics span[b-q7in264rw0] {
    color: var(--ink-faint);
    font-size: 11.5px;
}

.tax-audit-group-metrics strong[b-q7in264rw0] {
    font-size: 13px;
    white-space: nowrap;
}

.tax-audit-group-empty[b-q7in264rw0] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 20px 16px;
}

.tax-audit-empty-mark[b-q7in264rw0] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--surface-sunk);
    color: var(--ink-faint);
    font-size: 12px;
    font-weight: 800;
}

.tax-audit-group-empty div[b-q7in264rw0] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.tax-audit-group-empty strong[b-q7in264rw0] {
    font-size: 12.5px;
}

.tax-audit-group-empty div > span[b-q7in264rw0] {
    color: var(--ink-faint);
    font-size: 11.5px;
}

.tax-audit-table-scroll[b-q7in264rw0] {
    width: 100%;
    overflow-x: auto;
}

.tax-audit-table-scroll:focus-visible[b-q7in264rw0] {
    outline: 3px solid var(--brand-red-wash);
    outline-offset: -3px;
}

.tax-audit-grid[b-q7in264rw0] {
    min-width: 980px;
}

.tax-audit-code-summary[b-q7in264rw0] {
    border-top: 1px solid var(--line);
}

.tax-audit-code-summary > summary[b-q7in264rw0] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    background: var(--surface-sunk);
    cursor: pointer;
    list-style: none;
    font-size: 12px;
    font-weight: 650;
}

.tax-audit-code-summary > summary[b-q7in264rw0]::-webkit-details-marker {
    display: none;
}

.tax-audit-code-summary > summary[b-q7in264rw0]::before {
    color: var(--ink-faint);
    content: "▸";
}

.tax-audit-code-summary[open] > summary[b-q7in264rw0]::before {
    content: "▾";
}

.tax-audit-code-summary > summary .faint[b-q7in264rw0] {
    margin-left: auto;
    font-weight: 500;
}

.tax-audit-net[b-q7in264rw0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 16px 18px;
    margin-bottom: 14px;
    border-left: 3px solid var(--brand-red);
}

.tax-audit-kicker[b-q7in264rw0] {
    display: block;
    margin-bottom: 3px;
    color: var(--brand-red);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.tax-audit-net-value[b-q7in264rw0] {
    flex: none;
    font-size: 22px;
    letter-spacing: -.02em;
    white-space: nowrap;
}

.tax-audit-tie[b-q7in264rw0] {
    margin-bottom: 14px;
}

.tax-audit-tie-head[b-q7in264rw0] {
    align-items: center;
}

.tax-audit-recon[b-q7in264rw0] {
    min-width: 700px;
}

.tax-audit-recon th[b-q7in264rw0] {
    padding: 9px 12px;
    border-bottom: 1px solid var(--line);
    color: var(--ink-faint);
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .03em;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}

.tax-audit-recon th:nth-child(n + 2):nth-child(-n + 4)[b-q7in264rw0] {
    text-align: right;
}

.tax-audit-tie-note[b-q7in264rw0] {
    margin: 0;
    padding: 12px 16px;
    border-top: 1px solid var(--line-soft);
    color: var(--ink-soft);
    font-size: 11.5px;
    line-height: 1.5;
}

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

@media (max-width: 640px) {
    .tax-audit-page-head[b-q7in264rw0],
    .tax-audit-group-head[b-q7in264rw0],
    .tax-audit-tie-head[b-q7in264rw0],
    .tax-audit-net[b-q7in264rw0] {
        align-items: stretch;
        flex-direction: column;
    }

    .tax-audit-actions[b-q7in264rw0] {
        align-items: stretch;
    }

    .tax-audit-actions .btn[b-q7in264rw0] {
        justify-content: center;
    }

    .tax-audit-toolbar[b-q7in264rw0] {
        grid-template-columns: 1fr;
    }

    .tax-audit-group-metrics[b-q7in264rw0] {
        justify-content: space-between;
    }

    .tax-audit-net-value[b-q7in264rw0] {
        align-self: flex-start;
    }
}
/* /Components/Pages/Reports/VatPayeReturnPage.razor.rz.scp.css */
.rm205-sheet[b-va890s7n1m] {
    max-width: 1060px;
    margin-inline: auto;
    overflow: hidden;
    color: var(--ink);
    background: var(--surface);
}

.rm205-ministry-head[b-va890s7n1m],
.rm205-title-row[b-va890s7n1m] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
}

.rm205-ministry-head[b-va890s7n1m] {
    padding: 18px 20px 14px;
    border-bottom: 3px solid var(--ink);
}

.rm205-ministry-head div[b-va890s7n1m] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.rm205-ministry-head strong[b-va890s7n1m] {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
    letter-spacing: .01em;
}

.rm205-ministry-head span[b-va890s7n1m] {
    font-size: 11.5px;
}

.rm205-ministry-head b[b-va890s7n1m] {
    font-size: 16px;
}

.rm205-title-row[b-va890s7n1m] {
    padding: 10px 20px;
    border-bottom: 2px solid var(--ink);
}

.rm205-title-row h2[b-va890s7n1m] {
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 20px;
    letter-spacing: .02em;
}

.rm205-title-row strong[b-va890s7n1m] {
    font-size: 13px;
}

.rm205-identity[b-va890s7n1m] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
    gap: 24px;
    padding: 14px 20px;
    border-bottom: 3px solid var(--ink);
}

.rm205-identity-business[b-va890s7n1m] {
    display: grid;
    gap: 10px;
}

.rm205-identity-business > div[b-va890s7n1m] {
    display: grid;
    grid-template-columns: 70px 1fr;
    align-items: start;
    min-height: 34px;
}

.rm205-identity-business > .rm205-address-line[b-va890s7n1m] {
    grid-template-columns: 70px 32px 1fr;
}

.rm205-address-line strong[b-va890s7n1m] {
    border-left: 0;
}

.rm205-identity-business span[b-va890s7n1m],
.rm205-sheet[b-va890s7n1m]  .rm205-meta-label {
    padding-top: 8px;
    font-size: 12px;
    font-weight: 700;
}

.rm205-identity-business strong[b-va890s7n1m],
.rm205-sheet[b-va890s7n1m]  .rm205-meta-value {
    min-height: 34px;
    padding: 7px 9px;
    border: 1px solid var(--ink);
    font-size: 12px;
    line-height: 1.45;
}

.rm205-identity-fields[b-va890s7n1m] {
    display: grid;
    align-content: start;
}

.rm205-identity-fields[b-va890s7n1m]  .rm205-identity-line {
    display: grid;
    grid-template-columns: minmax(100px, 1fr) 32px minmax(140px, 1.2fr);
    align-items: stretch;
}

.rm205-identity-fields[b-va890s7n1m]  .rm205-identity-line:has(.rm205-meta-label + .rm205-meta-value) {
    grid-template-columns: minmax(132px, 1fr) minmax(140px, 1.2fr);
}

.rm205-sheet[b-va890s7n1m]  .rm205-meta-label {
    padding-right: 8px;
}

.rm205-sheet[b-va890s7n1m]  .rm205-box-no {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    border: 1px solid var(--ink);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

.rm205-sheet[b-va890s7n1m]  .rm205-box-no-empty {
    border-color: transparent;
}

.rm205-sheet[b-va890s7n1m]  .rm205-meta-value {
    display: flex;
    align-items: center;
    border-left: 0;
    font-weight: 600;
}

.rm205-section[b-va890s7n1m] {
    display: grid;
    grid-template-columns: 175px minmax(0, 1fr);
    border-bottom: 3px solid var(--ink);
}

.rm205-section-title[b-va890s7n1m] {
    padding: 14px 14px 16px 20px;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
}

.rm205-lines[b-va890s7n1m] {
    min-width: 0;
}

.rm205-lines[b-va890s7n1m]  .rm205-line {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 38px 170px;
    align-items: stretch;
    min-height: 38px;
}

.rm205-lines[b-va890s7n1m]  .rm205-line-label {
    align-self: center;
    padding: 7px 12px;
    font-size: 12.5px;
    line-height: 1.35;
}

.rm205-lines[b-va890s7n1m]  .rm205-line .rm205-box-no {
    min-height: 38px;
}

.rm205-lines[b-va890s7n1m]  .rm205-amount {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;
    padding: 7px 10px;
    border-top: 1px solid var(--ink);
    border-right: 1px solid var(--ink);
    font-size: 12.5px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.rm205-lines[b-va890s7n1m]  .rm205-line:last-child .rm205-amount {
    border-bottom: 1px solid var(--ink);
}

.rm205-lines[b-va890s7n1m]  .rm205-emphasis .rm205-line-label,
.rm205-lines[b-va890s7n1m]  .rm205-emphasis .rm205-amount {
    font-weight: 800;
    background: var(--surface-sunk);
}

.rm205-lines[b-va890s7n1m]  .rm205-edit-line .rm205-line-label,
.rm205-lines[b-va890s7n1m]  .rm205-edit-line .rm205-amount {
    background: var(--brand-red-wash);
}

.rm205-lines[b-va890s7n1m]  .rm205-edit-amount {
    padding: 3px 5px;
}

.rm205-lines[b-va890s7n1m]  .rm205-number-input {
    width: 100%;
    height: var(--control-height-sm);
    padding: 3px 7px;
    border-color: var(--line-strong);   /* amount fields you type into keep a visible border, even on the tinted edit rows */
    background: var(--surface);
    text-align: right;
}

.rm205-vat-result[b-va890s7n1m] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    padding: 10px 20px;
    border-bottom: 3px solid var(--ink);
    font-size: 13px;
}

.rm205-vat-result span[b-va890s7n1m] {
    min-width: 170px;
    font-size: 15px;
    font-weight: 800;
    text-align: right;
}

.rm205-paye-title[b-va890s7n1m] {
    padding-block: 9px;
}

.rm205-paye-section[b-va890s7n1m] {
    grid-template-columns: minmax(175px, 1fr) minmax(460px, 1.25fr);
}

.rm205-lines[b-va890s7n1m]  .rm205-meta-line .rm205-line-label {
    font-weight: 650;
}

.rm205-declaration[b-va890s7n1m] {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr) minmax(220px, .65fr);
    gap: 14px;
    align-items: center;
    padding: 13px 20px;
    border-bottom: 3px solid var(--ink);
    font-size: 12.5px;
}

.rm205-declaration > span[b-va890s7n1m] {
    font-style: italic;
    font-weight: 650;
}

.rm205-signature-line[b-va890s7n1m] {
    padding: 18px 4px 3px;
    border-bottom: 1px solid var(--ink);
    color: var(--ink-faint);
    font-size: 10.5px;
    text-align: center;
}

.rm205-payment[b-va890s7n1m] {
    display: grid;
    grid-template-columns: minmax(230px, .75fr) minmax(460px, 1.25fr);
    gap: 24px;
    padding: 16px 20px 20px;
}

.rm205-payment > div:first-child[b-va890s7n1m] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    font-size: 12.5px;
}

.rm205-payment small[b-va890s7n1m] {
    margin-top: 12px;
    color: var(--ink-faint);
    line-height: 1.45;
}

@media (max-width: 900px) {
    .rm205-sheet[b-va890s7n1m] {
        overflow-x: auto;
    }

    .rm205-ministry-head[b-va890s7n1m],
    .rm205-title-row[b-va890s7n1m],
    .rm205-identity[b-va890s7n1m],
    .rm205-section[b-va890s7n1m],
    .rm205-vat-result[b-va890s7n1m],
    .rm205-declaration[b-va890s7n1m],
    .rm205-payment[b-va890s7n1m] {
        min-width: 760px;
    }
}

/* The small capitals above each fact in the period card (was an inline style). */
.rm205-kicker[b-va890s7n1m] { font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase; }

/* A box figure that opens the lines behind it on the tax audit: ink with a dotted underline, as a figure on a report (§2.1). */
.rm205-drill[b-va890s7n1m] { color: inherit; text-decoration: underline dotted var(--ink-faint); text-underline-offset: 3px; }
.rm205-drill:hover[b-va890s7n1m], .rm205-drill:focus-visible[b-va890s7n1m] { color: var(--brand-red); text-decoration-style: solid; }
/* /Components/Pages/Settings/ChartOfAccounts.razor.rz.scp.css */
.coa-edit-link[b-aslcqfwsg0] {
    color: inherit;
    text-decoration: none;
}

.coa-edit-link:hover[b-aslcqfwsg0],
.coa-edit-link:focus-visible[b-aslcqfwsg0] {
    color: var(--brand-red);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.coa-balance-link[b-aslcqfwsg0] {
    color: var(--brand-red);
    font-weight: 650;
    text-decoration: none;
    font-variant-numeric: tabular-nums;
}

.coa-balance-link:hover[b-aslcqfwsg0],
.coa-balance-link:focus-visible[b-aslcqfwsg0] {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.coa-row-action[b-aslcqfwsg0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    color: var(--ink-faint);
    font-size: 18px;
    line-height: 1;
    text-decoration: none;
}

.coa-row-action:hover[b-aslcqfwsg0],
.coa-row-action:focus-visible[b-aslcqfwsg0] {
    color: var(--brand-red);
    background: var(--brand-red-wash);
}

/* A child account's indent under its header (was an inline padding per row). */
.coa-depth-1[b-aslcqfwsg0] { padding-left: 20px; }
.coa-depth-2[b-aslcqfwsg0] { padding-left: 40px; }
.coa-depth-3[b-aslcqfwsg0] { padding-left: 60px; }
.coa-depth-4[b-aslcqfwsg0] { padding-left: 80px; }
.coa-depth-5[b-aslcqfwsg0] { padding-left: 100px; }
.coa-depth-6[b-aslcqfwsg0] { padding-left: 120px; }
/* /Components/Pages/Settings/CoaAccountEditPage.razor.rz.scp.css */
.coa-editor[b-fxysspmo05] {
    width: min(100%, 980px);
    margin: 0 auto;
    padding-bottom: 24px;
}

.coa-page-head[b-fxysspmo05] {
    align-items: flex-end;
}

.coa-title-row[b-fxysspmo05] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
}

.coa-title-row h1[b-fxysspmo05] {
    margin-right: 3px;
}

.coa-control-callout[b-fxysspmo05] {
    margin: 0 0 14px;
}

.coa-form-stack[b-fxysspmo05] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.coa-section[b-fxysspmo05] {
    padding: 20px 22px 22px;
}

.coa-section-heading[b-fxysspmo05] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
    padding-bottom: 13px;
    border-bottom: 1px solid var(--line-soft);
}

.coa-section-heading h2[b-fxysspmo05] {
    margin: 0 0 4px;
    font-size: 15px;
}

.coa-section-heading p[b-fxysspmo05] {
    margin: 0;
    color: var(--ink-faint);
    font-size: 12px;
    line-height: 1.45;
}

.coa-identity-grid[b-fxysspmo05],
.coa-two-column[b-fxysspmo05] {
    display: grid;
    grid-template-columns: minmax(160px, 210px) minmax(280px, 1fr);
    gap: 16px;
}

.coa-two-column[b-fxysspmo05] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.coa-full-field[b-fxysspmo05] {
    grid-column: 1 / -1;
}

.coa-optional[b-fxysspmo05] {
    color: var(--ink-faint);
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}

.coa-field-help[b-fxysspmo05] {
    color: var(--ink-faint);
    font-size: 11px;
    line-height: 1.35;
}

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

.coa-role-option[b-fxysspmo05] {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    min-height: 82px;
    padding: 15px;
    border: 1px solid var(--line-strong);
    border-radius: var(--radius);
    background: var(--surface);
    cursor: pointer;
}

.coa-role-option:hover:not(.disabled)[b-fxysspmo05] {
    border-color: var(--brand-red);
}

.coa-role-option.selected[b-fxysspmo05] {
    border-color: var(--brand-red);
    box-shadow: 0 0 0 2px var(--brand-red-wash);
}

.coa-role-option.disabled[b-fxysspmo05] {
    cursor: not-allowed;
    opacity: .72;
}

.coa-role-option input[b-fxysspmo05] {
    margin-top: 2px;
    accent-color: var(--brand-red);
}

.coa-role-option span[b-fxysspmo05] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.coa-role-option strong[b-fxysspmo05] {
    font-size: 13px;
}

.coa-role-option small[b-fxysspmo05] {
    color: var(--ink-faint);
    font-size: 11.5px;
    line-height: 1.45;
}

.coa-parent-field[b-fxysspmo05] {
    margin-top: 16px;
    max-width: 620px;
}

.coa-field-disabled[b-fxysspmo05] {
    opacity: .65;
}

.coa-status-heading[b-fxysspmo05] {
    align-items: center;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.coa-switch-row[b-fxysspmo05] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--ink);
    font-size: 13px;
    font-weight: 650;
    cursor: pointer;
}

.coa-switch-row.disabled[b-fxysspmo05] {
    cursor: not-allowed;
    opacity: .72;
}

.coa-error[b-fxysspmo05] {
    margin: 14px 0 0;
}

.coa-action-bar[b-fxysspmo05] {
    position: sticky;
    z-index: 10;
    bottom: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 66px;
    margin-top: 16px;
    padding: 10px 14px;
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--surface) 96%, transparent);
    box-shadow: 0 -5px 18px rgba(20, 24, 29, .06);
    backdrop-filter: blur(8px);
}

.coa-action-summary[b-fxysspmo05] {
    flex: 1;
    color: var(--ink-faint);
    font-size: 12px;
}

input:disabled[b-fxysspmo05],
select:disabled[b-fxysspmo05],
textarea:disabled[b-fxysspmo05] {
    cursor: not-allowed;
    background: var(--surface-sunk);
    color: var(--ink-faint);
}

@media (max-width: 720px) {
    .coa-editor[b-fxysspmo05] {
        width: 100%;
    }

    .coa-page-head[b-fxysspmo05] {
        align-items: flex-start;
    }

    .coa-identity-grid[b-fxysspmo05],
    .coa-two-column[b-fxysspmo05],
    .coa-role-options[b-fxysspmo05] {
        grid-template-columns: 1fr;
    }

    .coa-full-field[b-fxysspmo05] {
        grid-column: auto;
    }

    .coa-section[b-fxysspmo05] {
        padding: 17px;
    }

    .coa-status-heading[b-fxysspmo05] {
        align-items: flex-start;
        flex-direction: column;
    }

    .coa-action-summary[b-fxysspmo05] {
        display: none;
    }

    .coa-action-bar[b-fxysspmo05] {
        justify-content: flex-end;
    }
}
/* /Components/Pages/Settings/SettingsHubPage.razor.rz.scp.css */
.page-head .sub a[b-3q8wp8wrrr] { text-decoration: underline; text-underline-offset: 3px; }
/* /Components/Shared/CashEntryForm.razor.rz.scp.css */
.cash-entry-purpose[b-bnch33dwp4] { max-width: 340px; margin-bottom: 20px; }

/* Each dimension is one field: its label stays above its control, including when the row wraps. */
.cash-lines .cash-dimensions-row[b-bnch33dwp4] { grid-template-columns: minmax(0, 1fr); padding: 8px 14px 12px; }
.cash-dimension-fields[b-bnch33dwp4] { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 190px)); gap: 12px; align-items: start; }
.cash-dimension-field[b-bnch33dwp4] { display: flex; flex-direction: column; gap: 5px; min-width: 0; font-size: 11px; }
.cash-dimension-field select[b-bnch33dwp4] { width: 100%; min-width: 0; font-size: 11.5px; }
@media (max-width: 600px) {
    .cash-dimension-fields[b-bnch33dwp4] { grid-template-columns: minmax(0, 1fr); }
}
/* /Components/Shared/ModuleOverviewCard.razor.rz.scp.css */
/* Each figure is a link to the report behind it. The card's head is stretched over the whole card (app.css,
   .dashboard-module-head::after), so the figures sit above it, like the chart does, to take their own clicks. They read as
   figures, not as red links: ink, with a dotted underline when pointed at, as a linked figure in a report does. */
.dashboard-module-figure[b-rvz3ftieep] { position: relative; z-index: 1; color: inherit; text-decoration: none; border-radius: 4px; }
.dashboard-module-figure:hover strong[b-rvz3ftieep],
.dashboard-module-figure:focus-visible strong[b-rvz3ftieep] { text-decoration: underline dotted; text-underline-offset: 3px; }
.dashboard-module-figure:focus-visible[b-rvz3ftieep] { outline: 2px solid var(--brand-red); outline-offset: 2px; }
/* /Components/Shared/OwnerCashEntry.razor.rz.scp.css */
.owner-entry-heading[b-ggciruo9hg], .owner-entry-setup[b-ggciruo9hg] { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.owner-entry-heading .badge[b-ggciruo9hg] { color: var(--ink-soft); }
.owner-entry-balance[b-ggciruo9hg] { display: flex; flex-wrap: wrap; gap: 16px 32px; padding: 14px 0; margin: 16px 0; border-top: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); font-size: 13px; }
.owner-entry-balance span[b-ggciruo9hg] { display: flex; flex-direction: column; gap: 4px; color: var(--ink-soft); }
.owner-entry-balance strong[b-ggciruo9hg] { color: var(--ink); font-variant-numeric: tabular-nums; }
.owner-entry-setup[b-ggciruo9hg] { margin-top: 18px; font-size: 13px; }
.owner-entry-actions[b-ggciruo9hg] { display: flex; justify-content: flex-end; gap: 10px; margin-top: 16px; }
.owner-entry .field-row[b-ggciruo9hg] { margin-bottom: 14px; }
.owner-entry .field[b-ggciruo9hg] { min-width: 0; }
@media (max-width: 600px) { .owner-entry .field-row[b-ggciruo9hg] { flex-direction: column; } .owner-entry .field-row[b-ggciruo9hg] { margin-bottom: 14px; }
.owner-entry .field[b-ggciruo9hg] { width: 100%; } }
/* /Components/Shared/SettingsDirectory.razor.rz.scp.css */
/* Company and Payroll settings share these scoped styles, including the caller-rendered rows. */
.settings-directory[b-zx6q95wcg9]  .settings-search-field {
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 780px;
    margin-bottom: 24px;
    padding: 0 12px;
    background: var(--surface);
    border: 1px solid var(--line-strong);
    border-radius: var(--radius);
}
.settings-directory[b-zx6q95wcg9]  .settings-search-field:focus-within { outline: 2px solid var(--brand-red); outline-offset: 2px; }
.settings-directory[b-zx6q95wcg9]  .settings-search-field input.field-input { border: 0; box-shadow: none; outline: none; min-width: 0; padding: 11px 0; background: transparent; }
.settings-directory[b-zx6q95wcg9]  .settings-hub-icon { display: inline-flex; flex: 0 0 18px; width: 18px; height: 18px; color: var(--ink-soft); }
.settings-directory[b-zx6q95wcg9]  .settings-hub-icon svg { width: 100%; height: 100%; }
.settings-directory[b-zx6q95wcg9]  .settings-hub-layout { display: grid; grid-template-columns: 220px minmax(0, 780px); gap: 28px; align-items: start; }
.settings-directory[b-zx6q95wcg9]  .settings-hub-layout:not(:has(.settings-hub-categories)) { grid-template-columns: minmax(0, 780px); }
.settings-directory[b-zx6q95wcg9]  .settings-hub-categories {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
}
.settings-directory[b-zx6q95wcg9]  .settings-hub-category {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 44px;
    padding: 11px 12px;
    border: 0;
    border-radius: var(--radius);
    background: transparent;
    color: var(--ink-soft);
    text-align: left;
    font: inherit;
    font-size: var(--type-body);
    cursor: pointer;
}
.settings-directory[b-zx6q95wcg9]  .settings-hub-category:hover { background: var(--surface-sunk); color: var(--ink); }
.settings-directory[b-zx6q95wcg9]  .settings-hub-category[aria-pressed="true"] { background: var(--brand-red-wash); color: var(--brand-red); font-weight: 650; }
.settings-directory[b-zx6q95wcg9]  .settings-hub-category[aria-pressed="true"] .settings-hub-icon { color: inherit; }
.settings-directory[b-zx6q95wcg9]  .settings-hub-category:focus-visible, .settings-directory[b-zx6q95wcg9]  .settings-hub-row:focus-visible { outline: 2px solid var(--brand-red); outline-offset: -2px; }
.settings-directory[b-zx6q95wcg9]  .settings-hub-content { min-width: 0; display: grid; gap: 16px; }
.settings-directory[b-zx6q95wcg9]  .settings-hub-section { padding: 0; overflow: hidden; }
.settings-directory[b-zx6q95wcg9]  .settings-hub-section h2 { margin: 0; padding: 19px 22px; font-size: 16px; border-bottom: 1px solid var(--line); }
.settings-directory[b-zx6q95wcg9]  .settings-hub-list li, .settings-directory[b-zx6q95wcg9]  .settings-hub-list li:first-child { padding: 0; }
.settings-directory[b-zx6q95wcg9]  .settings-hub-row { display: flex; align-items: center; gap: 20px; min-height: 80px; padding: 17px 22px; color: var(--ink); }
.settings-directory[b-zx6q95wcg9]  .settings-hub-row:hover { background: var(--surface-sunk); color: var(--ink); }
.settings-directory[b-zx6q95wcg9]  .settings-hub-row-copy { min-width: 0; flex: 1; overflow-wrap: anywhere; }
.settings-directory[b-zx6q95wcg9]  .settings-hub-label { color: var(--ink); }
.settings-directory[b-zx6q95wcg9]  .settings-hub-row:hover .settings-hub-label { color: var(--brand-red); }
.settings-directory[b-zx6q95wcg9]  .settings-hub-summary { margin-top: 4px; }
.settings-directory[b-zx6q95wcg9]  .settings-hub-status { display: inline-block; margin-top: 7px; padding: 2px 7px; border-radius: var(--radius-sm); background: var(--surface-sunk); color: var(--ink-soft); font-size: 12px; }
.settings-directory[b-zx6q95wcg9]  .settings-hub-label--greyed { color: var(--ink-soft); }
.settings-directory[b-zx6q95wcg9]  .settings-hub-row--greyed:hover { background: transparent; }
.settings-directory[b-zx6q95wcg9]  .settings-hub-row--greyed:hover .settings-hub-label { color: var(--ink-soft); }
.settings-directory[b-zx6q95wcg9]  .settings-hub-mobile-category { display: none; }
.settings-directory[b-zx6q95wcg9]  .settings-hub-results { margin: 0; color: var(--ink-soft); font-size: 13px; }
.settings-directory[b-zx6q95wcg9]  .settings-hub-empty { padding: 24px; }
.settings-directory[b-zx6q95wcg9]  .settings-hub-empty h2 { font-size: 16px; margin: 0 0 8px; }
@media (max-width: 900px) {
    .settings-directory[b-zx6q95wcg9]  .settings-hub-layout { grid-template-columns: 195px minmax(0, 1fr); gap: 18px; }
}
@media (max-width: 640px) {
    .settings-directory[b-zx6q95wcg9]  .settings-hub-layout { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .settings-directory[b-zx6q95wcg9]  .settings-hub-categories { display: none; }
    .settings-directory[b-zx6q95wcg9]  .settings-hub-mobile-category { display: grid; gap: 6px; }
    .settings-directory[b-zx6q95wcg9]  .settings-hub-mobile-category select { width: 100%; min-height: 44px; }
    .settings-directory[b-zx6q95wcg9]  .settings-hub-row { padding: 16px; gap: 12px; }
    .settings-directory[b-zx6q95wcg9]  .settings-hub-section h2 { padding: 17px 16px; }
    .settings-directory[b-zx6q95wcg9]  .settings-search-field input.field-input { font-size: 16px; }
}

.settings-directory[b-zx6q95wcg9]  .settings-hub-section-intro { padding: 0 22px 18px; border-bottom: 1px solid var(--line); }
.settings-directory[b-zx6q95wcg9]  .settings-hub-section:has(.settings-hub-section-intro) h2 { padding-bottom: 6px; border-bottom: 0; }
@media (max-width: 640px) {
    .settings-directory[b-zx6q95wcg9]  .settings-hub-section-intro { padding: 0 16px 16px; }
}
/* /Components/Shared/SettingsShell.razor.rz.scp.css */
.settings-breadcrumb[b-8sfeunv3hj] { margin-bottom: 14px; font-size: 13px; }
.settings-breadcrumb ol[b-8sfeunv3hj] { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 0; }
.settings-breadcrumb li[b-8sfeunv3hj] { display: inline-flex; align-items: center; gap: 8px; }
.settings-breadcrumb li + li[b-8sfeunv3hj]::before { content: "›"; color: var(--ink-faint); }
.settings-breadcrumb li[aria-current][b-8sfeunv3hj] { font-weight: 600; }
.settings-breadcrumb a[b-8sfeunv3hj] { text-decoration: underline; text-underline-offset: 3px; }