/* css/modules/inv.css: the .inv-* module — split out of css/app.css by #360's sibling stage (#362).
   Load order is core.css, then every modules/*.css alphabetically; rules here
   are in their original relative order, and no selector in this file appears in
   any other (asserted in tests/css-split-check.js). */

/* invoicing reviewer queue */
.inv-list{display:flex;flex-direction:column;gap:14px}
.inv-card{background:var(--card,#fff);border:1px solid var(--line);border-radius:14px;padding:16px 18px;box-shadow:0 1px 3px rgba(20,30,60,.04)}
.inv-card.is-queried{border-left:4px solid var(--orange)}
.inv-card__hd{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.inv-sub{color:var(--muted);font-weight:700;font-size:12.5px;margin-top:3px}
.inv-flag{background:#fdecd8;color:#c96a12;font-size:11px;font-weight:900;padding:1px 7px;border-radius:999px}
.inv-total{font-size:22px;font-weight:900;color:var(--blue);text-align:right;white-space:nowrap}
.inv-total span{display:block;font-size:11px;font-weight:700;color:var(--muted-2)}
.inv-lines{width:100%;border-collapse:collapse;margin:12px 0}
.inv-lines td{padding:5px 0;font-weight:600;font-size:13.5px;border-bottom:1px solid var(--line)}
.inv-lines td.num{text-align:right;white-space:nowrap}
.inv-lines .inv-sub-row td{border-bottom:none;color:var(--muted);font-weight:800;padding-top:8px}
.inv-acts{display:flex;justify-content:flex-end;gap:8px}
.inv-approved{color:var(--green,#1f9d55);font-weight:800;font-size:13px;text-align:right}