/**
 * @file stat-line.css
 * @author Jouni Miikki
 * SPDX-License-Identifier: MIT
 * @description One line with its number set big, or a state dot, over a 3px ink rule (poster.css .poster-stat).
 *   Drawn by components/StatLine.js. Reads only the tokens in theme.css and the shapes in
 *   poster.css; a page never styles it from outside.
 * @usage Linked from public/spa.html in the component block, whose order keeps the order these
 *   rules had when they were one sheet.
 * @version-history
 *   v1.1.0 — 2026-09-26 — The dot's frame reads --shape-frame and --shape-frame-colour (a move: the AIMEAT values equal the old ones).
 *   v1.0.0 — 2026-09-23 — Moved unchanged from css/parts*.css (UI consolidation phase 1, a move).
 */

/* ── The two status lines (poster.css .poster-stat), their number set big (.poster-stat-number) ── */
.poster-stat-icon { display: none; }
.poster-stat--alert .poster-stat-number { color: var(--accent); }
.poster-stat-dot { flex: none; width: 0.9rem; height: 0.9rem; border: var(--shape-frame) solid var(--shape-frame-colour); align-self: center; }
.poster-stat--ok .poster-stat-dot { background: var(--success); }
.poster-stat--trouble .poster-stat-dot { background: var(--danger); }