/* Colony DL components — SINGLE SOURCE for the run-view pair skin.
   @prd COL-0131 COL-0130
   Consumes page tokens (--background, --foreground, --border, --input,
   --muted, --muted-foreground, --quiet, --destructive, --mono) so night and
   day come free. Pages must define those vars (the app and the design sheet
   do; concept sheets carry a small night-only token block).
   Contrast doctrine: de-emphasis NEVER via opacity on text — dim states keep
   AA ink and let the state glyph + station stroke carry the difference. */

/* ---- run strip (subway flight plan) ---- */
.rstrip{ display:block; max-width:860px; margin:0 auto; }
.rstrip .trk{ stroke:var(--border); stroke-width:1.3; fill:none; }
.rstrip .trk.on{ stroke:var(--foreground); stroke-width:2; }
.rstrip .stn{ fill:var(--background); stroke:var(--muted-foreground); stroke-width:1.5; }
.rstrip .stn.done{ fill:var(--quiet); stroke:var(--quiet); }
.rstrip .stn.cur{ fill:var(--background); stroke:var(--foreground); stroke-width:2; }
.rstrip .stn.pend{ stroke:var(--input); }
.rstrip .stn.fail{ stroke:var(--destructive); stroke-width:2; }
.rstrip .stn.receipt{ stroke-dasharray:2 2; }
.rstrip .stn.ghosted{ stroke:var(--input); stroke-dasharray:2 2; }
.rstrip text{ font-family:var(--mono); font-size:10.5px; fill:var(--muted-foreground); }
.rstrip text.cur{ fill:var(--foreground); }
.rstrip text.fail{ fill:var(--destructive); }
/* loop side tracks: the PATH dims, the label keeps AA ink */
.rstrip path.lp{ stroke:var(--muted-foreground); stroke-width:1.2; fill:none; stroke-dasharray:4 3.4; opacity:.7; }
.rstrip path.lp.dim{ opacity:.35; }
.rstrip path.lp.fail{ stroke:var(--destructive); }
.rstrip text.lp{ font-size:10px; }

/* ---- run outline (mono evidence body) ---- */
.runl{ font-family:var(--mono); font-size:12px; max-width:640px; }
.runl .orow{ display:flex; gap:10px; padding:3px 10px; border-radius:6px; align-items:baseline; }
.runl .orow.done{ color:var(--muted-foreground); }
.runl .orow.cur{ color:var(--foreground); background:var(--muted); border:1px solid var(--border); }
.runl .orow.pend{ color:var(--muted-foreground); }
.runl .orow.fail{ color:var(--destructive); }
.runl .st{ flex:none; width:14px; }
.runl .dur{ margin-left:auto; font-size:10.5px; }
.runl .ev{ padding:0 10px 3px 34px; font-size:10.5px; color:var(--muted-foreground); }
.runl .ev.fail{ color:var(--destructive); }
.runl .ev b{ color:var(--foreground); font-weight:500; }