/* ============================================================
   TitleTown · Slip Analyzer · idle hero + status kinds · v0.18.20.5
   ------------------------------------------------------------
   Loaded LAST (after mobile-idle-v0.18.9).
   SUPERSEDES styles-append-slip-analyzer-idle-v0.18.10.7.css (retire it:
   local rm + remote rm + Cloudflare purge; bucket (1), immutable).
   v0.18.20.5 (SA #AY-2): the success colour read the --accent token,
   which no stylesheet the page loads defines, so it always rendered its
   fallback. It now reads --accent-pos, the token SA #AY moved
   slip-analyzer.css to; same #5DE0AC, so nothing changes on screen.
   Rules otherwise unchanged from v0.18.10.7, whose notes follow.
   (1) SA #U. Before any analysis the hero's four KPI cells all read
       an em dash. v0.18.9 hid them on phones (<=600px); desktop kept
       an empty 2x2 grid beside the copy. The same idle test — no
       results yet, which hide() marks with [hidden] — now applies at
       every width, and the hero collapses to its copy column so the
       side track does not stay as empty space. #sa-command-hero is an
       ID, so this beats the shared .bh-hero track definition wherever
       that sits. Without :has() support the page reads as before.
   (2) setUploadStatus() emits six kinds; slip-analyzer.css styles
       three (ok / error / busy). warn (Tesseract fallback, the TT
       Analyze paste hint, v0.18.10.6's no-picks message), progress
       and success (SGP refinement) all rendered in the default grey.
       Colours follow the three that exist: warn and progress as busy,
       success as ok.
   Stated from the stylesheets, not measured on a device.
   ============================================================ */

body.sa-flow-shell:has(#results[hidden]) #sa-command-hero { grid-template-columns: minmax(0, 1fr); }
body.sa-flow-shell:has(#results[hidden]) #sa-command-hero .bh-side { display: none; }

.sa-pipeline-status[data-kind="warn"],
.sa-pipeline-status[data-kind="progress"] { color: var(--warn, #f0a86c); }
.sa-pipeline-status[data-kind="success"]  { color: var(--accent-pos, #5DE0AC); }