/* expenses pages. The form shares the payment form's pieces (css/payments.css: categories, modes, save bar). */
.spend-total { font-size: 26px; font-weight: 800; font-variant-numeric: tabular-nums; letter-spacing: -.01em; }
.spend-bar { display: flex; gap: 2px; height: 10px; border-radius: 999px; overflow: hidden; background: var(--muted-bg); }
.spend-bar span { display: block; min-width: 3px; }
.cat-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px; vertical-align: 1px; }
.unpaid-line { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; background: var(--warn-bg); color: var(--warn); font-weight: 700; text-decoration: none; }
a.unpaid-line:hover { filter: brightness(.98); }
.file-input { padding: 6px 8px; }