/* =============================================================================
   FIN & LAW — REDESIGN PARTIAL 14: Client · Invoices & Payments
   Source: project/09 Invoices and Payments.dc.html
   Loads AFTER portal-redesign.css (auto-enqueued from assets/css/redesign/*.css).
   ONLY view-specific refinements — the shared .rd-stat / .rd-panel / .rd-table /
   .rd-badge / .rd-btn components are defined in portal-redesign.css and reused
   as-is here. Everything is scoped under .portal-shell so nothing leaks out.
   ============================================================================= */

/* Outstanding banner — a single narrow stat card (mockup: max-width 300px). */
.portal-shell .inv-outstanding{max-width:300px;margin-bottom:24px}

/* Invoice rows are not row-level links here, so no pointer affordance. */
.portal-shell .inv-table tbody tr{cursor:default}

/* Invoice number — bold navy, tabular figures (mockup). */
.portal-shell .inv-table .inv-num{
	font-weight:700;color:var(--blue-ink);font-variant-numeric:tabular-nums;
}

/* Amount — right-aligned tabular comes from .rd-num; weight/tone by paid state. */
.portal-shell .inv-table .inv-amount.is-strong{font-weight:700;color:var(--blue-ink)}
.portal-shell .inv-table .inv-amount.is-muted{color:var(--mid)}

/* Date cells — quieter than the default body cell (mockup: 13px muted). */
.portal-shell .inv-table .inv-date{font-size:13px;color:var(--mid);font-variant-numeric:tabular-nums}

/* Real-data "N days overdue" hint under the due date. */
.portal-shell .inv-table .inv-overdue-days{font-size:11.5px;color:var(--red-dark);margin-top:2px}

/* Overdue row tint (supplementary to the textual Overdue badge). */
.portal-shell .inv-table tr.row-overdue td{background:var(--red-pale)}
.portal-shell .inv-table tr.row-overdue:hover td{background:#fce0e0}

/* Receipt — plain blue text link (mockup), distinct from the red Pay Now pill. */
.portal-shell .inv-table .inv-receipt{
	font-size:13px;font-weight:600;color:var(--blue);white-space:nowrap;
	transition:color .18s var(--ease);
}
.portal-shell .inv-table .inv-receipt:hover{color:var(--red)}

/* Accessible table caption — visually hidden, still announced. */
.portal-shell .inv-table .inv-caption{
	position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
	clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

/* ---- Invoice status filter (chips + count) --------------------------------
   Built to match the Matters filter reference (12-client-matters.css). Client-
   side filter over the rendered invoice rows; navy-fill active chip. Sits in the
   "All Invoices" panel head, right of the title (rd-panel__head is a flex row). */
.portal-shell .inv-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.portal-shell .inv-chips{display:flex;gap:8px;flex-wrap:wrap}
.portal-shell .inv-chip{
	background:#fff;color:var(--mid);border:1px solid var(--hair);border-radius:999px;
	padding:7px 14px;font-size:12.5px;font-weight:600;cursor:pointer;line-height:1;
	transition:background .15s var(--ease),color .15s var(--ease),border-color .15s var(--ease);
}
.portal-shell .inv-chip:hover{border-color:var(--blue-ink);color:var(--blue-ink)}
.portal-shell .inv-chip.is-active{background:var(--blue-ink);color:#fff;border-color:var(--blue-ink)}
.portal-shell .inv-count{font-size:12.5px;color:var(--mid);white-space:nowrap}
.portal-shell .inv-empty-cell{text-align:center;padding:26px;color:var(--mid)}