.receivables-workspace{grid-template-columns:minmax(47rem,2fr) minmax(20rem,.85fr) minmax(20rem,.85fr)}.invoices-panel{grid-row:span 2}.invoice-table{min-width:82rem}.invoice-table .calculated{font-weight:900;background:color-mix(in srgb,var(--soft),transparent 25%)}.invoice-table .date-cell{display:grid;gap:.28rem}.invoice-table .date-cell label,.invoice-table .contact-cell label{font-size:.58rem;color:var(--muted)}.invoice-table .contact-cell{display:grid;gap:.25rem}.badge{display:inline-block;padding:.28rem .45rem;border:1px solid var(--line);border-radius:999px;font-size:.6rem;font-weight:900;white-space:nowrap}.badge--paid{color:var(--accent)}.badge--late{color:var(--danger);border-color:var(--danger)}.badge--disputed{color:#c3a6ee;border-color:rgb(195 166 238 / 50%)}.aging-row{display:grid;grid-template-columns:8.4rem 1fr 5rem;gap:.45rem;align-items:center;margin:.65rem 0;font-size:.67rem}.aging-row i{height:.5rem;border-radius:2rem;background:linear-gradient(90deg,var(--accent2) var(--w),var(--line) var(--w))}.aging-row b{text-align:right}.client-row{padding:.55rem 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:.5rem;font-size:.7rem}.client-row span{color:var(--muted)}.follow-card{padding:.8rem;border:1px solid var(--line);border-left:4px solid var(--danger);border-radius:.65rem;margin:.65rem 0}.follow-card header{display:flex;justify-content:space-between;gap:.75rem}.follow-card p{font-size:.72rem;color:var(--muted);line-height:1.5}.copy-message{border:1px solid var(--accent);background:var(--soft);color:var(--accent);border-radius:.45rem;padding:.45rem .65rem;font-size:.65rem;font-weight:900}@media(max-width:82rem){.receivables-workspace{grid-template-columns:minmax(42rem,1.7fr) minmax(20rem,.8fr)}.aging-panel,.dashboard-panel,.attention-panel{grid-column:2}}@media(max-width:48rem){.receivables-workspace{display:block}.mobile-tabs{grid-template-columns:repeat(3,1fr)}.aging-panel,.dashboard-panel,.attention-panel{grid-column:auto}.invoice-table{min-width:72rem}}

.metric--hero{border-width:3px;box-shadow:0 .8rem 2rem color-mix(in srgb,var(--accent),transparent 82%)}
.metric strong small{display:block;margin-top:.25rem;color:var(--muted);font-size:.62rem;line-height:1.35}
.badge--serious{color:#f5a36a;border-color:rgb(245 163 106 / 50%);background:color-mix(in srgb,#f3a44f,transparent 88%)}
.badge--critical{color:var(--danger);border:2px solid var(--danger);background:var(--danger-soft)}
.aging-row--serious,.aging-row--critical{padding:.34rem .4rem;border-radius:.45rem;font-weight:850}
.aging-row--serious{background:color-mix(in srgb,#f3a44f,transparent 90%)}
.aging-row--critical{background:var(--danger-soft);color:var(--danger)}
.aging-row--serious i{background:linear-gradient(90deg,#d9822b var(--w),var(--line) var(--w))}
.aging-row--critical i{height:.62rem;background:linear-gradient(90deg,var(--danger) var(--w),var(--line) var(--w))}
.copy-message{padding:.58rem .85rem;font-size:.7rem;background:var(--accent);color:var(--accent-mint-ink);box-shadow:0 .35rem .8rem color-mix(in srgb,var(--accent),transparent 78%);transition:transform .15s,box-shadow .15s}
.copy-message:hover,.copy-message:focus-visible{transform:translateY(-1px);box-shadow:0 .5rem 1rem color-mix(in srgb,var(--accent),transparent 65%);outline:2px solid var(--accent2);outline-offset:2px}
@media(max-width:48rem){.invoice-table th:nth-child(n+7),.invoice-table td:nth-child(n+7){display:none}.invoice-table{min-width:48rem}.follow-card{padding:1rem}.copy-message{width:100%}}
/* Ivory: the dark-mode badge hues darkened for a light page */
body.ffy-tool[data-theme="clean"] .badge--serious{color:#9a4a0c;border-color:rgb(154 74 12 / 45%)}
body.ffy-tool[data-theme="clean"] .badge--disputed{color:#6b46a8;border-color:rgb(107 70 168 / 40%)}