/* NEW-81 — tab "Tài chính" của phụ lục + #/finance-unassigned (views/appendix_finance.js). Tiền tố af-. */
.af-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 10px; margin: 0 0 14px; }
.af-tile { background: var(--surface, #fff); border: 1px solid var(--line, #dcdbe0); border-radius: 8px; padding: 10px 12px; display: flex; flex-direction: column; gap: 2px; }
.af-tile .af-l { font-size: 12px; color: var(--muted, #5d5a66); }
.af-tile .af-v { font-size: 18px; font-variant-numeric: tabular-nums; }
.af-tile .af-h { font-size: 12px; color: var(--muted, #5d5a66); }
.af-tile.af-neg .af-v { color: var(--err); }
.af-tile.af-warn { border-left: 3px solid var(--warn); }
.af-tile.af-muted .af-v { color: var(--muted, #5d5a66); }
.af-sec { margin-top: 14px; }
.af-sec h3 { margin: 0 0 8px; font-size: 15px; }
.af-s { font-size: 12px; }
.af-legacy { margin: 8px 0 0; }
.af-un { margin-bottom: 12px; }
.af-lead { max-width: 820px; }
.af-sec select { max-width: 280px; }