/* v975 Finance (HP-1162): Expenses, Payments, Refunds. Desk palette and the five type sizes only; one primary navy action per view;
   gold only for waiting, green only for done, red only for a stop. Phone first. */
.fin .fin-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.fin .fin-title{font-size:22px;font-weight:500;color:var(--navy)}
.fin-nav,.fin-sub{display:flex;gap:18px;border-bottom:1px solid var(--line);margin:12px 0 0;overflow-x:auto}
.fin-sub{gap:16px;margin-top:4px;border-bottom:0}
.fin-nav button,.fin-sub button{background:none;border:0;border-radius:0;box-shadow:none;min-height:0;padding:8px 0 8px;font-size:15px;font-weight:400;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
/* v977: the section tabs carry the one flat underline; the views beneath are plain text, the chosen one in navy */
.fin-sub button{font-size:13px;padding:6px 0;border-bottom:0;margin:0}
.fin-nav button[aria-pressed="true"]{color:var(--navy);border-bottom-color:var(--navy)}
.fin-sub button[aria-pressed="true"]{color:var(--navy);font-weight:500}
.fin-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:12px 0}
.fin-sum>div{border-top:1px solid var(--line);padding:10px 0 4px;display:grid;gap:2px}
.fin-sum span{font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.fin-sum b{font-size:22px;font-weight:500;color:var(--navy);font-variant-numeric:tabular-nums}
.fin-sum small{font-size:13px;color:var(--muted)}
.fin-sum-sm b{font-size:17px}.fin-sum .warn{border-color:var(--champ)}.fin-sum .ok b{color:#1D6B4A}
.fin-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.fin-actions button{min-height:44px}
.fin-h{font-size:13px;font-weight:500;color:var(--muted);letter-spacing:.02em;margin:18px 0 4px}
.fin-row{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;background:none;border:0;border-top:1px solid var(--line);padding:12px 2px;cursor:pointer;color:var(--navy)}
.fin-row:hover{background:var(--paper)}.fin-row-static{cursor:default}.fin-row-static:hover{background:none}
.fin-row-main{display:grid;gap:2px;min-width:0}
.fin-row-t{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fin-row-m{font-size:13px;color:var(--muted)}
.fin-row-r{display:grid;justify-items:end;gap:4px;font-variant-numeric:tabular-nums;flex:none}
.fin-row-r b{font-size:15px;font-weight:500}
.fin-pill{font-size:11.5px;padding:2px 8px;border-radius:999px;background:var(--paper);color:var(--muted);white-space:nowrap}
.fin-pill.wait{background:#F6EFDF;color:var(--attn)}.fin-pill.ok{background:#E4F2EB;color:#1D6B4A}.fin-pill.stop{background:#FCEDEA;color:#B42318}
.fin-block{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:12px 0;display:grid;gap:6px;background:#fff}
.fin-block.warn{border-color:var(--champ);background:#FBF8F1}
.fin-line{font-size:13px;color:var(--muted)}.fin-line.ok{color:#1D6B4A}.fin-line.wait{color:var(--attn)}
.fin-file{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;border-top:1px solid var(--line);padding-top:6px}
.fin-hero{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:4px 0 6px}
.fin-big{font-size:22px;font-weight:500;font-variant-numeric:tabular-nums}
.fin-amount{font-size:22px;font-variant-numeric:tabular-nums}
.fin-chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.fin-chips button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font-size:13px;color:var(--navy);min-height:40px;cursor:pointer}
.fin-chips button[aria-checked="true"]{background:var(--select,#E9EEF7);border-color:var(--blue)}
.fin-report{border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:grid;gap:4px}
.fin-dates{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}
.fin-exc{border-top:1px solid var(--line);padding-top:8px;font-size:13px}
.fin-msg{font-size:13px;min-height:1em}.fin-msg.err{color:#B42318}.fin-msg.ok{color:#1D6B4A}.fin-msg.note{color:var(--muted)}
.fin-box{max-width:620px;width:100%}
@media (max-width:600px){.fin-actions button{flex:1 1 auto}.case-panel{padding:0}.fin-box{min-height:100%;border-radius:0}}

/* v976: with Finance on, Money and Receipts due leave the navigation (Finance → Expenses shows receipts due) */
body.fin-on #tab-payments,body.fin-on #tab-receipts{display:none!important}