/*
 * Number tiles: a label over a large figure, in a grid. The one definition,
 * used by the dashboard (code list, code page) and the operator console's
 * overview. The tile's box is the page's card (.card in base.css, .module in
 * the admin); these rules are its layout and type. Requires tokens.css.
 */
.kpis { display: grid; gap: var(--space-3); grid-template-columns: repeat(2, 1fr); }
@media (min-width: 900px) { .kpis { grid-template-columns: repeat(4, 1fr); } }
.kpi { padding: var(--space-4); display: grid; gap: var(--space-1); }
.kpi-label { font-size: var(--text-sm); color: var(--text-muted); display: flex; align-items: center; gap: var(--space-2); }
.kpi-value { font-size: var(--text-2xl); font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1.2; }
a.kpi-value { color: inherit; text-decoration: none; justify-self: start; }
a.kpi-value:hover, a.kpi-value:focus-visible { color: var(--accent-ink); text-decoration: underline; text-decoration-thickness: 2px; }