/* ════════════════ STATUS (Sent · Paid · Pending) — the app's dot-and-caps invoice label ════════════════ */
.status { display: inline-flex; align-items: center; gap: 6px; font: 700 11px/1 var(--sans); letter-spacing: .1em; text-transform: uppercase; }
.status::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.status.sent { color: var(--blue); } .status.paid { color: var(--mint); } .status.pending { color: var(--amber); }