/* ─────────────────────────────────────────────────────────────────────
   HOMEi — «الدفعات تحت الحساب» (SUP-ADV-1 redesign, approved 2026-09-24)

   Kamal's approved design, the «المستخلصات» pattern: one KPI strip card,
   a list card with a blue top edge (navy pills الكل / مقاولين / موردين
   مواد, status chips, search), the selected advance beside it (a bottom
   sheet on a phone), a create page in numbered steps with a summary
   panel, and an advance page with its stages, money strip, tabs and
   «البيانات». No page scroll on a desktop.

   Every colour is a --ho-* token (the brand roles of tokens.css): no
   literal here — the ratchet holds this sheet at zero, and dark mode comes
   with the tokens. Logical properties only (RTL-safe). No text under the
   12px floor (--ho-text-xs).

   Registered as a Filament asset — a change here ships NOTHING until
   `php artisan filament:assets` is run and public/css/app/ is committed in
   the same change.
   ──────────────────────────────────────────────────────────────────── */

/* ── the shell: no scroll a page did not ask for ──────────────────────
   The HOMEi topbar is 68px + a 1px rule; Filament sizes the layout for its
   own 64px bar, so every page overflowed by 5px. Corrected on these pages
   only (the global shell fix is its own change). */
@media (min-width: 1024px) {
    html:has(.fi-page.cadv) .fi-body .fi-sidebar.hn-sidebar { block-size: calc(100dvh - var(--hn-topbar-h) - 1px); }
    html:has(.fi-page.cadv) .fi-layout,
    html:has(.fi-page.cadv) .fi-main-ctn { min-height: calc(100dvh - var(--hn-topbar-h) - 1px); }
}

body:has(.fi-page.cadv) { background: var(--ho-brand-page); }
body:has(.fi-page.cadv) .fi-main-ctn { background: transparent; }
.fi-page.cadv .fi-page-header-main-ctn { padding-block: 16px 12px; row-gap: 12px; }
.fi-page.cadv .fi-page-content { row-gap: 12px; }

.cadv-ws, .fi-page.cadv { color: var(--ho-brand-ink); }
.cadv-ic { inline-size: 16px; block-size: 16px; flex: none; }
.cadv-ws bdi { unicode-bidi: isolate; }
.cadv-ws :focus-visible, .fi-page.cadv :focus-visible { outline: 2px solid var(--ho-focus, var(--ho-info-line)); outline-offset: 2px; }

/* ── shared pieces ────────────────────────────────────────────────── */
.cadv-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    block-size: 36px; padding-inline: 14px; border-radius: 9px; white-space: nowrap;
    border: 1px solid var(--ho-brand-line); background: var(--ho-brand-card); color: var(--ho-ink-brand);
    font-weight: 700; font-size: 13px;
}
.cadv-btn.is-orange { background: var(--ho-brand-accent); border-color: var(--ho-brand-accent); color: var(--ho-brand-on-accent); }
.cadv-chip, .cadv-st {
    display: inline-block; border-radius: 6px; padding: 2px 8px; white-space: nowrap;
    font-size: var(--ho-text-xs); font-weight: 700; line-height: 1.6; vertical-align: middle;
}
.cadv-chip--contractor { background: var(--ho-info-soft); color: var(--ho-info-ink); }
.cadv-chip--supplier { background: var(--ho-brand-accent-soft); color: var(--ho-brand-accent-ink); }
.cadv-st.is-requested { background: var(--ho-surface-inset); color: var(--ho-ink-muted); }
.cadv-st.is-approved { background: var(--ho-info-soft); color: var(--ho-info-ink); }
.cadv-st.is-paid { background: var(--ho-warning-soft); color: var(--ho-warning-ink); }
.cadv-st.is-recovering { background: var(--ho-brand-accent-soft); color: var(--ho-brand-accent-ink); }
.cadv-st.is-recovered, .cadv-st.is-refunded, .cadv-st.is-written_off { background: var(--ho-success-soft); color: var(--ho-success-ink); }
.cadv-st.is-cancelled { background: var(--ho-danger-soft); color: var(--ho-danger-ink); }
.fi-page.cadv .fi-header-heading .cadv-chip, .fi-page.cadv .fi-header-heading .cadv-st { font-size: 13px; }

.cadv-note { border-radius: 10px; padding: 8px 10px; font-size: var(--ho-text-xs); line-height: 1.6; }
.cadv-note.is-yellow { background: var(--ho-warning-soft); color: var(--ho-warning-ink); border: 1px solid var(--ho-warning-line); }
.cadv-note.is-blue { background: var(--ho-info-soft); color: var(--ho-info-ink); }
.cadv-note.is-red { background: var(--ho-danger-soft); color: var(--ho-danger-ink); }
.cadv-net { display: flex; justify-content: space-between; align-items: center; gap: 8px; border-radius: 10px; padding: 8px 12px; font-weight: 700; font-size: 13px; }
.cadv-net.is-green { background: var(--ho-success-soft); color: var(--ho-success-ink); border: 1px solid var(--ho-success-line); }
.cadv-net.is-orange { background: var(--ho-brand-accent-soft); color: var(--ho-brand-accent-ink); border: 1px solid var(--ho-accent-edge); }
.cadv-net small { font-weight: 500; font-size: var(--ho-text-xs); }
.cadv-net b { white-space: nowrap; }
.cadv-sec { font-weight: 700; font-size: 13px; color: var(--ho-ink-brand); }
.cadv-kv { display: flex; flex-direction: column; gap: 2px; margin: 0; }
.cadv-kv > div { display: flex; justify-content: space-between; gap: 12px; font-size: 13px; padding-block: 2px; }
.cadv-kv dt { color: var(--ho-brand-ink-muted); white-space: nowrap; }
.cadv-kv dd { margin: 0; font-weight: 700; color: var(--ho-ink-brand); text-align: end; }
.cadv-tl { display: flex; flex-direction: column; gap: 6px; }
.cadv-tl > div { display: flex; flex-wrap: wrap; gap: 0 8px; font-size: var(--ho-text-xs); color: var(--ho-brand-ink); position: relative; padding-inline-start: 16px; }
.cadv-tl > div::before { content: ""; position: absolute; inset-inline-start: 0; inset-block-start: 6px; inline-size: 8px; block-size: 8px; border-radius: 50%; background: var(--ho-success-line); }
.cadv-tl > div.is-orange::before { background: var(--ho-brand-accent); }
.cadv-tl > div.is-red::before { background: var(--ho-danger-line); }
.cadv-tl span { color: var(--ho-brand-ink-muted); }

/* the stepper */
.cadv-step { display: flex; justify-content: space-between; position: relative; list-style: none; margin: 0; padding: 2px 4px 0; }
.cadv-step::before { content: ""; position: absolute; inset-block-start: 8px; inset-inline: 16px; block-size: 1px; background: var(--ho-brand-line); }
.cadv-step li { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 3px; font-size: var(--ho-text-xs); color: var(--ho-brand-ink-muted); text-align: center; }
.cadv-step li i { display: block; inline-size: 13px; block-size: 13px; border-radius: 50%; border: 2px solid var(--ho-line-strong); background: var(--ho-brand-card); }
.cadv-step li.is-done { color: var(--ho-brand-ink); }
.cadv-step li.is-done i { background: var(--ho-success-line); border-color: var(--ho-success-line); }
.cadv-step li.is-current { color: var(--ho-ink-brand); font-weight: 700; }
.cadv-step li.is-current i { background: var(--ho-brand-accent); border-color: var(--ho-accent-edge); box-shadow: 0 0 0 3px var(--ho-brand-accent-soft); }
.cadv-step li.is-cancelled { color: var(--ho-danger-ink); font-weight: 700; }
.cadv-step li.is-cancelled i { background: var(--ho-danger-line); border-color: var(--ho-danger-line); }
.cadv-step small { font-size: var(--ho-text-xs); color: var(--ho-brand-ink-muted); font-weight: 500; }

/* figure boxes */
.cadv-fg { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.cadv-fg.is-two { grid-template-columns: 1fr 1fr; }
.cadv-fb { border: 1px solid var(--ho-brand-line); border-radius: 10px; padding: 7px 10px; min-inline-size: 0; }
.cadv-fb .l { font-size: var(--ho-text-xs); color: var(--ho-brand-ink-muted); }
.cadv-fb .v { font-weight: 700; font-size: 16px; color: var(--ho-ink-brand); font-feature-settings: "tnum"; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cadv-fb.is-green .v { color: var(--ho-success-ink); }
.cadv-fb.is-orange .v { color: var(--ho-brand-accent-ink); }

/* ── the list page ─────────────────────────────────────────────────── */
.fi-page.cadv--list .fi-header { display: none; }
.cadv-ws { display: flex; flex-direction: column; gap: 12px; min-block-size: 0; }
.fi-page.cadv--list .cadv-ws { block-size: calc(100dvh - var(--hn-topbar-h, 68px) - 1px - 44px); }
.cadv-head { display: flex; align-items: flex-start; gap: 14px; }
.cadv-title { font-size: 26px; font-weight: 700; line-height: 1.25; color: var(--ho-ink-brand); }
.cadv-lead { color: var(--ho-brand-ink-muted); font-size: 13px; margin-block-start: 2px; }
.cadv-refresh { color: var(--ho-info-ink); font-weight: 700; display: inline-flex; align-items: center; gap: 4px; }
.cadv-refresh .cadv-ic { inline-size: 13px; block-size: 13px; }
.cadv-acts { margin-inline-start: auto; display: flex; gap: 8px; align-items: center; }

.cadv-kst { display: flex; background: var(--ho-brand-card); border: 1px solid var(--ho-brand-line); border-radius: 14px; flex: none; }
.cadv-kc { flex: 1; min-inline-size: 0; padding: 10px 16px; border-inline-start: 1px solid var(--ho-brand-line); }
.cadv-kc:first-child { border-inline-start: 0; }
.cadv-kc-l { display: flex; gap: 4px; align-items: center; color: var(--ho-brand-ink-muted); font-size: var(--ho-text-xs); }
.cadv-kc-l .cadv-ic { inline-size: 12px; block-size: 12px; }
.cadv-kc-v { font-size: 24px; font-weight: 700; line-height: 1.35; color: var(--ho-ink-brand); font-feature-settings: "tnum"; white-space: nowrap; }
.cadv-kc-v small { font-size: 14px; font-weight: 600; }
.cadv-kc-v.is-orange { color: var(--ho-brand-accent-ink); }
.cadv-kc-v.is-green { color: var(--ho-success-ink); }
.cadv-kc-v.is-red { color: var(--ho-danger-ink); }
.cadv-kc-v.is-small { font-size: 15px; line-height: 2.15; white-space: normal; }
.cadv-kc-s { font-size: var(--ho-text-xs); color: var(--ho-brand-ink-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cadv-kc-s.is-red { color: var(--ho-danger-ink); }

.cadv-bc { flex: 1; min-block-size: 0; display: flex; flex-direction: column; overflow: hidden; background: var(--ho-brand-card); border: 1px solid var(--ho-brand-line); border-block-start: 3px solid var(--ho-info-line); border-radius: 14px; }
.cadv-bh { display: flex; align-items: center; gap: 8px; padding: 10px 16px; }
.cadv-bh h2 { font-size: 17px; font-weight: 700; color: var(--ho-ink-brand); }
.cadv-bh h2 span { font-size: 13px; font-weight: 500; color: var(--ho-brand-ink-muted); }
.cadv-pills, .cadv-tabsb { display: flex; gap: 6px; align-items: center; }
.cadv-pills { margin-inline-start: auto; }
.cadv-pill { display: inline-flex; align-items: center; gap: 6px; block-size: 32px; padding-inline: 14px; border-radius: 999px; border: 1px solid var(--ho-brand-line); background: var(--ho-brand-card); color: var(--ho-ink-brand); font-weight: 700; font-size: 13px; white-space: nowrap; }
.cadv-pill.is-on { background: var(--ho-ink-brand); border-color: var(--ho-ink-brand); color: var(--ho-brand-card); }
.cadv-pill b { font-feature-settings: "tnum"; }
.cadv-fl { display: flex; align-items: center; gap: 4px; padding: 0 16px 10px; border-block-end: 1px solid var(--ho-brand-line); overflow-x: auto; }
.cadv-fc { padding: 5px 10px; border-radius: 8px; font-weight: 600; font-size: 13px; color: var(--ho-ink-brand); white-space: nowrap; }
.cadv-fc b { margin-inline-start: 5px; font-feature-settings: "tnum"; }
.cadv-fc.is-on { background: var(--ho-info-soft); color: var(--ho-info-ink); }
.cadv-search { margin-inline-start: auto; display: flex; align-items: center; gap: 6px; inline-size: 260px; flex: none; block-size: 34px; padding-inline: 10px; border: 1px solid var(--ho-brand-line); border-radius: 9px; color: var(--ho-brand-ink-muted); background: var(--ho-brand-inset); }
.cadv-search input { flex: 1; min-inline-size: 0; border: 0; background: transparent; padding: 0; font-size: 13px; color: var(--ho-ink-brand); box-shadow: none; }
.cadv-search input:focus { outline: none; box-shadow: none; }

.cadv-body { flex: 1; display: flex; min-block-size: 0; }
.cadv-tbl { flex: 1; min-inline-size: 0; display: flex; flex-direction: column; }
.cadv-tbl-scroll { flex: 1; min-block-size: 0; overflow: auto; }
.cadv-ws table { inline-size: 100%; border-collapse: collapse; }
.cadv-ws th { position: sticky; inset-block-start: 0; background: var(--ho-brand-card); color: var(--ho-brand-ink-muted); font-weight: 600; font-size: var(--ho-text-xs); text-align: start; padding: 8px 12px; border-block-end: 1px solid var(--ho-brand-line); white-space: nowrap; z-index: 1; }
.cadv-ws td { padding: 8px 12px; border-block-end: 1px solid var(--ho-line-brand-soft); vertical-align: middle; white-space: nowrap; font-size: 13px; }
.cadv-ws tbody tr { cursor: pointer; }
.cadv-ws tbody tr:hover td { background: var(--ho-surface-brand); }
.cadv-ws tr.is-sel td { background: var(--ho-brand-accent-soft); }
.cadv-ws tr.is-sel td:first-child { box-shadow: inset -3px 0 0 var(--ho-brand-accent); }
[dir="ltr"] .cadv-ws tr.is-sel td:first-child { box-shadow: inset 3px 0 0 var(--ho-brand-accent); }
.cadv-c1 { font-weight: 700; color: var(--ho-ink-brand); }
.cadv-c2 { font-size: var(--ho-text-xs); color: var(--ho-brand-ink-muted); }
.cadv-link { color: var(--ho-info-ink); }
.cadv-payee { font-weight: 600; color: var(--ho-ink-brand); }
.cadv-mo { font-weight: 700; color: var(--ho-ink-brand); font-feature-settings: "tnum"; white-space: nowrap; }
.cadv-mo.is-red { color: var(--ho-danger-ink); }
.cadv-pr { text-align: center; font-size: var(--ho-text-xs); font-weight: 600; color: var(--ho-ink-brand); }
.cadv-pb { block-size: 4px; inline-size: 64px; margin: 3px auto 0; border-radius: 9px; background: var(--ho-brand-soft); overflow: hidden; }
.cadv-pb i { display: block; block-size: 100%; border-radius: 9px; background: var(--ho-success-line); }
.cadv-pb.is-part i { background: var(--ho-brand-accent); }
.cadv-empty { text-align: center; color: var(--ho-brand-ink-muted); padding: 28px 12px; cursor: default; }
.cadv-tf { display: flex; align-items: center; gap: 8px; padding: 8px 16px; color: var(--ho-brand-ink-muted); font-size: var(--ho-text-xs); border-block-start: 1px solid var(--ho-brand-line); flex: none; }
.cadv-tf > b { margin-inline-start: auto; }
.cadv-pg { margin-inline-start: auto; display: flex; gap: 6px; }
.cadv-pg button { inline-size: 28px; block-size: 28px; border: 1px solid var(--ho-brand-line); border-radius: 8px; font-weight: 700; color: var(--ho-ink-brand); background: var(--ho-brand-card); }
.cadv-pg button.is-on { background: var(--ho-ink-brand); color: var(--ho-brand-card); border-color: var(--ho-ink-brand); }
.cadv-pg button:disabled { opacity: .45; }

/* the selected advance */
.cadv-dp { inline-size: 360px; flex: none; display: flex; flex-direction: column; min-block-size: 0; border-inline-start: 1px solid var(--ho-brand-line); background: var(--ho-brand-card); }
.cadv-dpi { flex: 1; min-block-size: 0; overflow: auto; padding: 12px 16px; display: flex; flex-direction: column; gap: 10px; }
.cadv-dt { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.cadv-dt b { font-size: 16px; color: var(--ho-ink-brand); }
.cadv-x { margin-inline-start: auto; color: var(--ho-brand-ink-muted); display: none; }
.cadv-dsub { font-size: var(--ho-text-xs); color: var(--ho-brand-ink-muted); margin-block-start: -6px; }
.cadv-dfoot { display: flex; flex-wrap: wrap; gap: 8px; padding: 10px 16px; border-block-start: 1px solid var(--ho-brand-line); flex: none; }
.cadv-dfoot > * { flex: 1 1 0; }
.cadv-dfoot .fi-btn { justify-content: center; block-size: 36px; inline-size: 100%; white-space: nowrap; }
/* «اعتماد» — the page's one primary decision, in the brand orange */
.fi-page.cadv .fi-btn.cadv-accent { background: var(--ho-brand-accent); border-color: var(--ho-brand-accent); color: var(--ho-brand-on-accent); }
.fi-page.cadv .fi-btn.cadv-accent:hover { background: var(--ho-brand-accent-strong); }
.cadv-dp-empty { flex: 1; display: grid; place-items: center; align-content: center; gap: 8px; color: var(--ho-brand-ink-muted); text-align: center; padding: 24px; }
.cadv-dp-empty .cadv-ic { inline-size: 28px; block-size: 28px; }

/* ── the create page: numbered steps + summary ────────────────────── */
.fi-page.cadv--form .fi-header-heading { font-size: 26px; color: var(--ho-ink-brand); }
.fi-page.cadv--form .fi-header-subheading { color: var(--ho-brand-ink-muted); }
.cadv-create { align-items: start; }
.fi-page.cadv .cadv-step-sec { border-radius: 0; box-shadow: none; border: 0; border-block-end: 1px solid var(--ho-brand-line); background: var(--ho-brand-card); }
.fi-page.cadv .cadv-step-sec.is-first { border-block-start: 3px solid var(--ho-info-line); border-start-start-radius: 14px; border-start-end-radius: 14px; }
.fi-page.cadv .cadv-create .fi-sc-group > .fi-sc { gap: 0; }
.fi-page.cadv .cadv-step-sec .fi-section-header-heading { font-size: 16px; font-weight: 700; color: var(--ho-ink-brand); }
.fi-page.cadv .cadv-step-sec .fi-section-header { padding-block: 12px 4px; }
.fi-page.cadv .cadv-step-sec .fi-section-content { padding-block: 8px 14px; }
.cadv-step-of { color: var(--ho-brand-ink-muted); font-size: var(--ho-text-xs); }
/* «الدفعة لمين؟» — the two choices as cards */
.fi-page.cadv .cadv-cards { display: grid !important; grid-template-columns: 1fr 1fr; gap: 10px; }
.fi-page.cadv .cadv-cards > label, .fi-page.cadv .cadv-cards .fi-fo-radio-label {
    display: flex; gap: 10px; align-items: flex-start; border: 1px solid var(--ho-brand-line); border-radius: 12px; padding: 10px 14px; background: var(--ho-brand-card); cursor: pointer; margin: 0;
}
.fi-page.cadv .cadv-cards > label:has(input:checked), .fi-page.cadv .cadv-cards .fi-fo-radio-label:has(input:checked) { border: 2px solid var(--ho-brand-accent); background: var(--ho-brand-accent-soft); }
.fi-page.cadv .cadv-summary { border-block-start: 3px solid var(--ho-brand-accent); border-radius: 14px; }
.fi-page.cadv .cadv-summary .fi-section-header-heading { font-size: 16px; font-weight: 700; color: var(--ho-ink-brand); }
.cadv-sum { display: flex; flex-direction: column; gap: 8px; }
.fi-page.cadv .cadv-summary-acts { margin-block-start: 6px; }
.fi-page.cadv .cadv-summary-acts .fi-ac,
.fi-page.cadv .cadv-summary-acts :has(> .fi-btn) { display: grid !important; grid-template-columns: 1fr !important; gap: 8px; }
.fi-page.cadv .cadv-summary-acts .fi-btn { inline-size: 100%; justify-content: center; block-size: 42px; }
.fi-page.cadv .cadv-summary-acts .fi-btn.fi-color-primary { background: var(--ho-brand-accent); color: var(--ho-brand-on-accent); }
@media (min-width: 1280px) {
    .fi-page.cadv .cadv-summary { position: sticky; inset-block-start: calc(var(--hn-topbar-h, 68px) + 12px); }
}

/* ── the advance page ─────────────────────────────────────────────── */
.fi-page.cadv--view .fi-header-heading { font-size: 26px; color: var(--ho-ink-brand); display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.fi-page.cadv--view .fi-header-subheading { color: var(--ho-brand-ink-muted); }
.fi-page.cadv--view .cadv-ws { block-size: calc(100dvh - var(--hn-topbar-h, 68px) - 1px - 150px); min-block-size: 420px; }
.cadv-vk { align-items: stretch; }
.cadv-stp { inline-size: 330px; flex: none; padding: 10px 16px; border-inline-end: 1px solid var(--ho-brand-line); display: flex; flex-direction: column; gap: 6px; }
.cadv-vg { flex: 1; min-block-size: 0; display: grid; grid-template-columns: 1fr 340px; gap: 12px; }
.cadv-tabsb { padding: 10px 16px; border-block-end: 1px solid var(--ho-brand-line); }
.cadv-sc { background: var(--ho-brand-card); border: 1px solid var(--ho-brand-line); border-radius: 14px; overflow: auto; }
.cadv-ss { padding: 12px 16px; border-block-end: 1px solid var(--ho-brand-line); display: flex; flex-direction: column; gap: 6px; }
.cadv-ss:last-child { border-block-end: 0; }
.cadv-h3 { font-size: 16px; font-weight: 700; color: var(--ho-ink-brand); }
.cadv-pad { padding: 10px 16px; }
[x-cloak] { display: none !important; }

/* ── tablet and phone ──────────────────────────────────────────────── */
@media (max-width: 1279.98px) {
    .fi-page.cadv--list .cadv-ws, .fi-page.cadv--view .cadv-ws { block-size: auto; }
    .cadv-kst { flex-wrap: wrap; }
    .cadv-kc { flex: 1 1 33%; border-block-end: 1px solid var(--ho-brand-line); }
    .cadv-dp { position: fixed; inset-inline: 0; inset-block-end: 0; inline-size: auto; max-block-size: 82dvh; z-index: 45; border: 0; border-radius: 22px 22px 0 0; box-shadow: 0 -10px 30px var(--ho-line-strong); transform: translateY(105%); transition: transform .2s; }
    .cadv-dp.is-open { transform: none; }
    .cadv-x { display: inline-block; }
    .cadv-vg { grid-template-columns: 1fr; }
    .cadv-vk { flex-wrap: wrap; }
    .cadv-stp { inline-size: 100%; border-inline-end: 0; border-block-end: 1px solid var(--ho-brand-line); }
}
@media (max-width: 767.98px) {
    .cadv-head { flex-direction: column; }
    .cadv-acts { margin-inline-start: 0; }
    .cadv-kc { flex: 1 1 50%; }
    .cadv-bh { flex-wrap: wrap; }
    .cadv-pills { margin-inline-start: 0; overflow-x: auto; }
    .cadv-search { inline-size: 100%; }
    .cadv-fl { flex-wrap: wrap; }
    .cadv-ws thead { display: none; }
    .cadv-ws tbody tr { display: grid; grid-template-columns: 1fr auto; gap: 4px 8px; padding: 10px 12px; margin: 8px 12px; border: 1px solid var(--ho-brand-line); border-radius: 14px; }
    .cadv-ws tbody td { padding: 0; border: 0; white-space: normal; }
    .cadv-ws tbody td[data-col="advance"] { grid-column: 1; }
    .cadv-ws tbody td[data-col="status"] { grid-column: 2; grid-row: 1; justify-self: end; }
    .cadv-ws tbody td[data-col="payee"] { grid-column: 1 / -1; font-size: var(--ho-text-xs); }
    .cadv-ws tbody td[data-col="amount"] { grid-column: 1; }
    .cadv-ws tbody td[data-col="type"] { grid-column: 2; justify-self: end; }
    .cadv-ws tbody td[data-col="recovered"], .cadv-ws tbody td[data-col="date"] { display: none; }
    .fi-page.cadv .cadv-cards { grid-template-columns: 1fr; }
}