/* public/slab-btp.css - Bills To Pay: KPI strip, selection bar, cards, and the Overview "Ready To Pay Next" card.
   Tokens only (slab-tokens.css). The table is the live Invoices register's look: header 14px/700 uppercase on a 1px header-colour line, 16px/24px rows,
   no row dividers, the shared accent-green selected tint (nav.js .slab-row-sel: 16%, 22% on hover). */
.btp-stack{display:flex;flex-direction:column;gap:24px;}
.btp-stack>*{margin-top:0 !important;}

/* ---- top: bank balance and Short sit on the page; ONE card holds the five figures ---- */
.btp-top{display:flex;flex-direction:column;gap:12px;}
.btp-bankrow{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;padding:0 2px;}
.btp-k{min-width:0;}
.btp-kl{font-size:12px;font-weight:700;letter-spacing:.72px;text-transform:uppercase;color:var(--text-muted);}
.btp-kv{font-size:19px;font-weight:700;color:var(--text-strong);font-variant-numeric:tabular-nums;white-space:nowrap;}
.btp-kv.ok{color:var(--status-ok-fg);}
.btp-kv.info{color:var(--status-info-fg);}
.btp-kv.alert{color:var(--status-alert-fg);}
.btp-ks{font-size:13px;color:var(--text-muted);margin-top:1px;}
.btp-kgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:13px 0;background:var(--surface-card);border:1px solid var(--border);border-radius:12px;}
.btp-kgrid>.btp-k{text-align:center;padding:0 12px;border-left:1px solid var(--border);}
.btp-kgrid>.btp-k:first-child{border-left:0;}
.btp-kgrid .btp-kerr{justify-content:center;}
@media(max-width:700px){.btp-kgrid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px;}.btp-kgrid>.btp-k:nth-child(odd){border-left:0;}.btp-kgrid>.btp-k:last-child{grid-column:1 / -1;border-left:0;}}
.btp-short{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:15px;font-weight:700;color:var(--status-alert-fg);white-space:nowrap;}
@media(max-width:600px){.btp-short{margin-left:0;}}
.btp-bank{display:block;text-align:left;font:inherit;color:inherit;background:none;border:1px solid transparent;border-radius:10px;padding:4px 8px;margin:-5px -9px;cursor:pointer;}
.btp-bank:hover{background:var(--surface-hover);border-color:var(--border);}
.btp-bank .btp-kv{display:flex;align-items:center;gap:8px;}
.btp-bank .btp-kv .mi{font-size:var(--ico-sm);color:var(--text-muted);}
.btp-bank.empty .btp-kv{color:var(--accent-green);}
.btp-kerr{display:flex;align-items:center;gap:6px;font-size:19px;font-weight:700;color:var(--status-alert-fg);margin-top:2px;}
.btp-kerr .mi{font-size:20px;}
.btp-klink{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:0;background:none;border:0;color:var(--accent-green);font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;}
.btp-klink .mi{font-size:16px;}
.btp-klink:hover{text-decoration:underline;}

/* ---- loading ---- */
.btp-sk{height:14px;border-radius:6px;background:linear-gradient(90deg,var(--surface-card),var(--surface-hover),var(--surface-card));background-size:200% 100%;animation:btpsk 1.4s linear infinite;}
@keyframes btpsk{to{background-position:-200% 0;}}
@media(prefers-reduced-motion:reduce){.btp-sk{animation:none;}}
.btp-skcard{padding:16px;display:flex;flex-direction:column;gap:12px;background:var(--surface-card);border:1px solid var(--border);border-radius:12px;}

/* ---- selection bar ---- */
.btp-sel{position:sticky;top:0;z-index:20;display:flex;flex-wrap:nowrap;align-items:center;gap:10px 20px;min-height:60px;box-sizing:border-box;padding:10px 16px;background:var(--surface-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);}
.btp-sel.on{border-color:var(--status-ok-bd);}
.btp-sel .grow{flex-grow:1;}
.btp-sel .btp-count{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--text-2);}
.btp-sel .tot{display:flex;align-items:baseline;gap:8px;}
.btp-sel .tot .v{font-size:22px;font-weight:700;color:var(--text-strong);font-variant-numeric:tabular-nums;}
.btp-sel .tot .v.sm{font-size:19px;}
.btp-sel .tot .v.ok{color:var(--status-ok-fg);}
.btp-sel .tot .v.alert{color:var(--status-alert-fg);}
.btp-sel .none{font-size:15px;color:var(--text-muted);}
.btp-sel .acts{display:flex;flex-wrap:nowrap;gap:8px;justify-content:flex-end;align-items:center;}
.btp-sel .tot,.btp-sel .btp-count{white-space:nowrap;}
@media(max-width:900px){.btp-sel{flex-wrap:wrap;padding:10px 16px;}.btp-sel .acts{flex-wrap:wrap;}}
/* the filled count pill (the board's), for the selection bar and the card headers */
.btp-sel .num-pill,.btp-ch .num-pill{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;box-sizing:border-box;border-radius:999px;background:var(--count-bg);color:var(--count-fg);font-size:12px;font-weight:700;line-height:1;}
/* tags are Title Case here, not the shared tag's capitals */
table.btp-tbl .slab-status,.rtn-tbl .slab-status{text-transform:none;letter-spacing:0;}

/* the green split button: the proposal page's .pr-split, same markup and look */
.btp-sel .pr-split{position:relative;display:inline-flex;align-items:stretch;height:var(--field-h);border-radius:10px;background:var(--action-primary);flex:0 0 auto;}
.btp-sel .pr-split button.pr-split-main,.btp-sel .pr-split button.pr-split-arrow{border:0;margin:0;font-family:inherit;color:var(--on-action);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:transparent;}
.btp-sel .pr-split-main{gap:7px;padding:0 14px;font-size:16px;font-weight:700;white-space:nowrap;border-radius:10px 0 0 10px;}
.btp-sel .pr-split-main i{font-size:var(--ico-md);}
.btp-sel .pr-split-div{width:1px;align-self:stretch;background:color-mix(in srgb, var(--on-action) 28%, transparent);}
.btp-sel .pr-split-arrow{width:38px;padding:0;border-radius:0 10px 10px 0;background:color-mix(in srgb, var(--on-action) 8%, transparent)!important;}
.btp-sel .pr-split-arrow i{font-size:var(--ico-md);}
.btp-sel .pr-split-main:hover,.btp-sel .pr-split-arrow:hover{background:var(--action-primary-hover)!important;}
.btp-sel .pr-split-main:focus-visible,.btp-sel .pr-split-arrow:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;}
.btp-sel .pr-split-main:disabled{opacity:var(--control-disabled-opacity);cursor:not-allowed;}
.btp-smenu{position:absolute;right:0;top:calc(100% + 8px);min-width:320px;width:max-content;max-width:min(440px,calc(100vw - 32px));z-index:60;background:var(--surface-menu);border:1px solid var(--border-strong);border-radius:10px;padding:6px;box-shadow:0 12px 32px color-mix(in srgb, var(--shadow-ink) 45%, transparent);text-align:left;}
.btp-smenu[hidden]{display:none;}
.btp-sitem{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;width:100%;box-sizing:border-box;padding:10px;border:0;border-radius:8px;background:none;color:var(--text-2);text-align:left;cursor:pointer;font-family:inherit;}
.btp-sitem:hover:not(:disabled){background:var(--action-secondary-hover-bg);}
.btp-sitem:disabled{opacity:var(--control-disabled-opacity);cursor:not-allowed;}
.btp-sitem .mi{color:var(--text-muted);margin-top:1px;}
.btp-sitem b{display:block;font-size:15px;font-weight:600;color:var(--text-bright);}
.btp-sitem small{display:block;font-size:13px;color:var(--text-muted);margin-top:2px;}

/* ---- cards ---- */
.btp-card{background:var(--surface-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;container-type:inline-size;}
.btp-scroll{overflow-x:auto;}
.btp-ch{display:flex;align-items:center;gap:12px;padding:14px 16px;background:color-mix(in srgb,var(--blue-700) 6%,transparent);border-bottom:1px solid var(--border);box-sizing:border-box;flex-wrap:wrap;}
.btp-ct{font-size:15px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--accent-neutral);}
.btp-ch .grow{flex-grow:1;}
.btp-ch .extra{font-size:15px;color:var(--text-muted);}
.btp-ch .sum{margin-left:auto;font-size:17px;font-weight:700;color:var(--text-strong);font-variant-numeric:tabular-nums;}
.btp-empty{padding:14px 16px;font-size:15px;color:var(--text-muted);}
.btp-none{padding:20px;text-align:center;background:var(--surface-card);border:1px solid var(--border);border-radius:12px;}
.btp-none .t{font-size:16px;font-weight:700;color:var(--text-strong);}
.btp-none .s{font-size:14px;color:var(--text-muted);margin-top:4px;line-height:1.45;}
.btp-none .b{margin-top:12px;}
.btp-none .btp-bigico{font-size:32px;color:var(--accent-green);}
.btp-ln .btp-cb{flex-shrink:0;}

/* ---- the table: columns 18 · vendor 230+ · amount 120 · due 80 · last paid 190 · notes 260+ · actions (their content), 24px gaps ---- */
table.btp-tbl.slab-table{width:100%;min-width:1314px;table-layout:fixed;border-collapse:collapse;}   /* btpLayout() sets the column widths, the same on every card */
table.btp-tbl.slab-table thead th{position:static;height:42px;padding:0 0 0 24px;font-size:14px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--text-faint);background:transparent;border-bottom:1px solid var(--text-faint);text-align:left;white-space:nowrap;vertical-align:middle;}
table.btp-tbl.slab-table thead th.slab-num{text-align:right;}
table.btp-tbl.slab-table td{padding:14px 0 14px 24px;font-size:16px;line-height:24px;color:var(--text-2);vertical-align:middle;white-space:normal;overflow:visible;border:0;background:transparent;}
table.btp-tbl.slab-table tbody tr:hover td{background:var(--raise-1);}
table.btp-tbl.slab-table tbody tr.slab-row-sel>td{background-image:linear-gradient(color-mix(in srgb, var(--accent-green) 16%, transparent),color-mix(in srgb, var(--accent-green) 16%, transparent));}
table.btp-tbl.slab-table tbody tr.slab-row-sel:hover>td{background-image:linear-gradient(color-mix(in srgb, var(--accent-green) 22%, transparent),color-mix(in srgb, var(--accent-green) 22%, transparent));}
table.btp-tbl th:first-child,table.btp-tbl td:first-child{padding-left:16px;}
table.btp-tbl th:last-child,table.btp-tbl td:last-child{padding-right:16px;}
table.btp-tbl td.btp-act{white-space:nowrap;}
table.btp-tbl td.slab-num{font-weight:600;color:var(--text-2);text-align:right;font-variant-numeric:tabular-nums;}
table.btp-tbl td.nw{white-space:nowrap;}
table.btp-tbl .vn{font-weight:400;color:var(--text-2);}
table.btp-tbl .sub{font-size:15px;color:var(--text-muted);}
table.btp-tbl .mut{color:var(--text-muted);}
table.btp-tbl .late{color:var(--status-alert-fg);font-weight:600;}
table.btp-tbl .nb{white-space:nowrap;}
table.btp-tbl a.stmt-link{font-size:15px;font-weight:600;color:var(--link);}
table.btp-tbl .slab-cb{margin:0;vertical-align:middle;}
table.btp-tbl tr.slab-row-sel .slab-cb:not(:checked):not(:indeterminate){border-color:var(--n-600);background:color-mix(in srgb, var(--surface-rail) 45%, transparent);}
.btp-ln{display:flex;align-items:center;gap:8px;font-size:16px;color:var(--text-2);min-height:24px;}
.btp-ln b{font-weight:600;color:var(--text-strong);font-variant-numeric:tabular-nums;white-space:nowrap;}
.btp-ln .t{min-width:0;white-space:nowrap;}
.btp-need{font-size:16px;font-weight:600;color:var(--status-warn-fg);}
.btp-good{font-size:16px;color:var(--status-ok-fg);}
.btp-bad{font-size:16px;font-weight:600;color:var(--status-alert-fg);white-space:normal;}
.btp-note{font-size:16px;color:var(--text-muted);}
.btp-cb{margin-top:0;}
.slab-cb.sm{width:16px;height:16px;}

/* ---- row actions: the tag, ONE icon button (34x34), More ---- */
.btp-acts{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap;}
.btp-acts .slab-status{margin:0;align-self:center;}
.btp-acts .sub{white-space:nowrap;}
.btp-ib{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;box-sizing:border-box;border-radius:10px;border:1px solid var(--border-strong);background:var(--action-secondary-bg);color:var(--action-secondary-text);cursor:pointer;flex:0 0 auto;}
.btp-ib:hover{background:var(--action-secondary-hover-bg);}
.btp-ib:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;}
.btp-ib.on{background:color-mix(in srgb, var(--raise-ink) 12%, transparent);color:var(--text-strong);}
.btp-ib .mi{font-size:var(--ico-md);}
.btp-ib .qb-mark{width:20px;height:20px;vertical-align:0;}
.btp-ib svg{display:block;}
.btp-acts .btn{height:34px;}
/* the floating More menu: drawn on the page, not inside the scrolling card, so a card edge never clips it */
#btpMenu{position:fixed;z-index:70;min-width:240px;max-width:calc(100vw - 32px);background:var(--surface-menu);border:1px solid var(--border-strong);border-radius:10px;padding:6px;box-shadow:0 12px 32px color-mix(in srgb, var(--shadow-ink) 45%, transparent);}
#btpMenu[hidden]{display:none;}
.btp-mi{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;box-sizing:border-box;padding:9px 10px;border:0;border-radius:8px;background:none;color:var(--text-2);font-size:15px;font-weight:500;font-family:inherit;text-align:left;cursor:pointer;}
.btp-mi:hover:not(:disabled){background:var(--action-secondary-hover-bg);}
.btp-mi:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px;}
.btp-mi:disabled{opacity:var(--control-disabled-opacity);cursor:not-allowed;}
.btp-mi .mi{color:var(--text-muted);}
.btp-mi.danger,.btp-mi.danger .mi{color:var(--accent-red);}

/* when the table scrolls inside its card, the action column stays pinned on the right; a phone-width card is too narrow to pin it */
@container (min-width:700px){
table.btp-tbl td.btp-act,table.btp-tbl thead th:last-child{position:sticky;right:0;z-index:1;background-color:var(--surface-card);}
table.btp-tbl tbody tr:hover td.btp-act{background-color:var(--surface-hover);}
table.btp-tbl tr.recon-row td{position:static;}
.btp-scroll.more table.btp-tbl td.btp-act,.btp-scroll.more table.btp-tbl thead th:last-child{box-shadow:-10px 0 10px -8px rgba(0,0,0,.55);}
}

/* ---- the Filter pop-over (SlabUI.filterButton, extended: a joined Approval switcher and an Overdue Only switch) ---- */
#btpFilterMount{position:relative;}
#btpFilterMount .slab-filter-pop{width:320px;left:auto;right:0;}
#btpFilterMount .slab-filter-seg,.btp-seg{display:flex;gap:2px;padding:3px;box-sizing:border-box;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface-rail);}
#btpFilterMount .slab-filter-seg button,.btp-seg button{flex:1 1 0;border:0;border-radius:7px;background:none;padding:5px 12px;font-size:14px;font-weight:600;font-family:inherit;color:var(--action-secondary-text);cursor:pointer;}
#btpFilterMount .slab-filter-seg button.on,.btp-seg button.on{background:var(--action-primary);color:var(--on-action);}
.slab-filter-fld[data-btp="seg"]>:not(label):not(.btp-seg),.slab-filter-fld[data-btp="sw"]>*:not(.btp-swrow){display:none !important;}
.slab-filter-fld[data-btp="sw"]{margin-top:16px;}
.btp-swrow{display:flex;align-items:center;justify-content:space-between;font-size:15px;color:var(--text-bright);cursor:pointer;background:none;border:0;padding:0;width:100%;font-family:inherit;}
.btp-swt{width:36px;height:20px;border-radius:999px;background:var(--border-strong);position:relative;display:inline-block;flex:0 0 auto;}
.btp-swt span{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--action-secondary-text);transition:left .12s;}
.btp-swrow[aria-checked="true"] .btp-swt{background:var(--action-primary);}
.btp-swrow[aria-checked="true"] .btp-swt span{left:18px;background:var(--on-action);}

/* statement check against QuickBooks (the Reconciles / N Differences chip and its list) and Pay Hold notes, inside the cards */
table.btp-tbl .rc-top{display:flex;align-items:flex-start;justify-content:space-between;column-gap:24px;row-gap:8px;flex-wrap:wrap;}
table.btp-tbl .rc-lines{flex:1 1 420px;min-width:0;}
table.btp-tbl .stmtparts{font-size:15px;color:var(--text-muted);white-space:normal;margin-top:2px;}
table.btp-tbl .stmtparts:first-child{margin-top:0;}
table.btp-tbl .stmtparts b{font-weight:600;color:var(--text-strong);font-variant-numeric:tabular-nums;white-space:nowrap;}
table.btp-tbl .rc-chip{display:inline-flex;align-items:center;gap:4px;font:inherit;font-size:12px;font-weight:600;line-height:1;padding:5px 9px;border-radius:999px;cursor:pointer;border:1px solid var(--status-ok-bd);background:var(--status-ok-bg);color:var(--status-ok-fg);}
table.btp-tbl .rc-chip.diff{border-color:var(--status-warn-bd);background:var(--status-warn-bg);color:var(--status-warn-fg);}
table.btp-tbl .rc-chip .mi{font-size:var(--ico-sm);transition:transform .15s;}
table.btp-tbl .rc-chip[aria-expanded="true"] .mi{transform:rotate(180deg);}
table.btp-tbl td.recon-cell[colspan]{height:auto;padding:12px 16px 14px 16px;vertical-align:top;font-size:15px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--text-muted);background:color-mix(in srgb,var(--blue-700) 3%,transparent);white-space:normal;overflow:visible;}
table.btp-tbl .rc-body{max-width:none;}
table.btp-tbl .rc-head{font-size:15px;color:var(--text-muted);margin:10px 0 8px;}
table.btp-tbl .rc-grid{display:grid;grid-template-columns:minmax(150px,190px) 96px 104px 104px minmax(0,1fr);column-gap:16px;row-gap:6px;align-items:baseline;}
table.btp-tbl .rc-grid .rc-h{font-size:14px;font-weight:600;color:var(--text-muted);padding-bottom:4px;border-bottom:1px solid var(--border);}
table.btp-tbl .rc-grid .n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text-strong);}
table.btp-tbl .rc-grid .k{font-weight:600;color:var(--text-strong);}
table.btp-tbl .rc-grid .k.amount,table.btp-tbl .rc-grid .k.due,table.btp-tbl .rc-grid .k.missing-in-qb,table.btp-tbl .rc-grid .k.not-on-statement{color:var(--status-warn-fg);}
table.btp-tbl .rc-grid>div{min-width:0;white-space:normal;}
table.btp-tbl .rc-grid .t{white-space:nowrap;}
table.btp-tbl .rc-grid .n{white-space:nowrap;}
table.btp-tbl .undo-link{background:none;border:0;padding:0 0 0 6px;font:inherit;font-weight:600;color:var(--action-primary,var(--text-strong));text-decoration:underline;cursor:pointer;}
table.btp-tbl .pay-held{display:flex;align-items:flex-start;gap:5px;font-size:15px;font-weight:600;color:var(--status-alert-fg);}
table.btp-tbl .paid-anyway{font-size:15px;color:var(--text-muted);}
table.btp-tbl .paidnote .undo-link,table.btp-tbl .undo-link{margin-left:6px;}
table.btp-tbl tr.recon-row td{background:color-mix(in srgb,var(--blue-700) 3%,transparent);}

#btpFilterMount .slab-filter-ft button{padding:0 6px;min-width:0;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:5px;}
#btpFilterMount .slab-filter-ft button .mi{font-size:var(--ico-md);}

.btp-failbnr.bnr:not(.bnr-m){flex-wrap:wrap;}
.btp-failbnr.bnr:not(.bnr-m) .bnr-body{flex:1 1 0;}
.btp-failbnr.bnr:not(.bnr-m) .bnr-acts{order:3;flex:1 1 100%;box-sizing:border-box;padding-left:34px;align-self:auto;}   /* the sentence takes the full width, the actions their own line */

/* ---- dialogs ---- */
.btp-dl{display:flex;justify-content:space-between;gap:16px;padding:7px 0;border-bottom:1px solid var(--border);font-size:15px;color:var(--text-2);}
.btp-dl b{color:var(--text-strong);font-variant-numeric:tabular-nums;white-space:nowrap;}
.btp-dtot{display:flex;justify-content:space-between;gap:16px;padding:10px 0 14px;font-size:15px;font-weight:700;color:var(--text-strong);}
.btp-pick{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--border);font-size:15px;color:var(--text-2);}

/* ---- Overview: Ready To Pay Next (rides beside #reviewCardMount) ---- */
#readyNextMount{min-width:0;container-type:inline-size;align-self:start;}
.rtn{background:var(--surface-card);border:1px solid var(--border);border-radius:10px;padding:16px 18px;display:flex;flex-direction:column;box-sizing:border-box;}
.rtn-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;}
.rtn-title{font-size:15px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--accent-neutral);}
.rtn-sub{font-size:14px;color:var(--text-dim);font-weight:500;margin-top:3px;}
.rtn-tbl{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;}
.rtn-tbl th{font-size:14px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--text-faint);text-align:left;padding:0 8px 8px 0;white-space:nowrap;}
.rtn-tbl th.n,.rtn-tbl td.n{text-align:right;padding-right:0;}
.rtn-tbl td{font-size:15px;padding:6px 8px 6px 0;vertical-align:middle;color:var(--text-2);white-space:nowrap;}
.rtn-tbl td.nm{white-space:normal;overflow:visible;font-weight:600;color:var(--text-on-menu);}
.rtn-tbl td.nm .slab-status{display:inline-flex;margin:2px 0 0 8px;}
.rtn-tbl td.d{color:var(--status-alert-fg);font-weight:600;}
.rtn-tbl td.n{font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-2);}
.rtn-tbl td.n.neg{color:var(--status-alert-fg);}
.rtn-tbl td.n.pos{color:var(--status-ok-fg);}
.rtn-tbl .slab-status{margin-left:8px;vertical-align:middle;}
.rtn-tbl tr.cut td{padding:6px 0;}
.rtn-cut{display:flex;align-items:center;gap:7px;color:var(--status-alert-fg);font-size:15px;font-weight:700;padding:6px 10px;border-radius:8px;background:var(--status-alert-bg);border:1px solid var(--status-alert-bd);}
.rtn-ft{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border);font-size:15px;color:var(--text-dim);}
.rtn-ft b.ok{color:var(--status-ok-fg);}
.rtn-ft b.alert{color:var(--status-alert-fg);}
.rtn-state{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:8px 0;font-size:15px;color:var(--text-2);}
.rtn-state .t{font-weight:700;color:var(--text-strong);}
@container (max-width:470px){.rtn-tbl th.hide-s,.rtn-tbl td.hide-s{display:none;}}

/* ---- the "Suggested To Pay" group on the owner's approval card ---- */
.rvc-pay .rvc-lt-sub{color:var(--text-dim);}
.rvc-pay-note{font-size:14px;color:var(--text-dim);margin:2px 0 6px 48px;}

.rvc-pay .rvc-tot{flex-wrap:wrap;}
.rvc-pay .rvc-tl{white-space:nowrap;}
.rvc-pay .rvc-tb{margin-left:auto;}

/* the shared table's frozen-first-columns helper is not part of this table's design: no pinned check column, no divider line */
table.btp-tbl.slab-table--pin1 :is(thead th,tbody td):is(:first-child,:nth-child(2)){box-shadow:none;}
table.btp-tbl.slab-table--pin1 tbody td:is(:first-child,:nth-child(2)):not(.btp-act){position:static;}