@import url("tokens.css");
@import url("base.css");

/* Receipt filer screens only. Tokens and classes come from the design system; no literal colors. */

/* Status badges: always carry words, color is secondary. */
.badge.st-filed { background: var(--ok-bg); color: var(--ok-text); }
.badge.st-duplicate, .badge.st-skipped, .badge.st-personal { background: var(--surface-2); color: var(--text); border: 1px solid var(--line); }
.badge.st-review, .badge.st-paused { background: var(--warn-bg); color: var(--warn-text); }
.badge.st-error { background: var(--danger-bg); color: var(--danger); }
.grid td .badge { margin-left: 0; }

/* Overview */
.facts { display: grid; grid-template-columns: max-content 1fr; gap: .4rem 1.25rem; margin: 0; }
.facts dt { color: var(--muted); font-size: .85rem; text-transform: uppercase; letter-spacing: .04em; }
.facts dd { margin: 0; color: var(--text); }
.big-number { font-size: 2rem; font-weight: 700; margin: 0 0 .25rem; font-variant-numeric: tabular-nums; }
#body > .card + .card, #list > .card + .card { margin-top: 1rem; }
.card .table-wrap + .table-wrap { margin-top: 1rem; }

/* Review queue */
.review-item .doc-edit { padding: .75rem 0; border-top: 1px solid var(--line); }
.review-item .doc-edit p { grid-column: 1 / -1; margin: 0; }
.review-item .form-actions { flex-wrap: wrap; }

/* Log */
.toolbar label { display: inline-flex; align-items: center; gap: .35rem; }
.pager { display: flex; align-items: center; gap: .5rem; margin-top: .75rem; }
td.actions { white-space: nowrap; }
.grid td .tag { margin-left: .4rem; }

/* Settings */
#body input[type=text], #body input[type=number], #body select { max-width: 100%; }
#body td input[type=text] { min-width: 10rem; }
.card .grid-2 { align-items: start; }