/* ─────────────────────────────────────────────────────────────────────
   Shared activity-renderer styles — companion to /activity-render.js (U2 of
   docs/plans/2026-07-29-001-feat-team-home-floor-view-plan.md; KTD1).
   Moved VERBATIM from public/brief.html's <style> — the 33 .act-* rules the
   shared renderer's markup wears. Linked by brief.html AND org.html; neither
   page may carry a copy (negative drift pin in brief-ui.test.ts). Every color
   resolves through each page's own CSS variables — no raw hex here.
   ───────────────────────────────────────────────────────────────────── */
.act-sec-label{font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.08em;color:var(--text-muted);margin:12px 0 2px}
.act-stamp{font-weight:500}
.act-pend{color:var(--amber);font-weight:600}
.act-roll{border-top:1px solid var(--border-dim);padding:7px 2px;cursor:pointer}
.act-line{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--text-secondary)}
.act-arr{color:var(--text-muted);font-size:9px;width:10px;transition:transform .15s}
.act-roll.open .act-arr{transform:rotate(90deg)}
.act-dom{font-weight:700;color:var(--text-primary)}
/* A shut accordion is the ONLY place a stall shows once the amber summary lines
   are gone, so the row itself goes amber — not just the badge in its stat. */
.act-roll.stalled .act-dom{color:var(--amber,#d97706)}
.act-stat{color:var(--text-muted)}
.act-stat .ok{color:var(--green)} .act-stat .bad{color:var(--red)} .act-stat .warn{color:var(--amber)}
.act-members{margin:6px 0 2px 18px;cursor:default}
.act-team{font-family:var(--font-mono);font-size:9px;font-weight:700;color:var(--text-muted);margin:9px 0 3px}
/* Playback block: one header per actor, its items packed tight beneath. */
.act-grp{margin-bottom:9px}
.act-grp-head{display:flex;align-items:baseline;gap:8px;font-size:11.5px;padding-bottom:2px}
.act-grp-who{font-weight:700;color:var(--text-primary)}
.act-grp-vol{color:var(--text-muted);font-size:10.5px}
.act-grp-vol .ok{color:var(--green)} .act-grp-vol .bad{color:var(--red)} .act-grp-vol .warn{color:var(--amber)}
.act-grp-span{margin-left:auto;font-family:var(--font-mono);font-size:9.5px;color:var(--text-muted);white-space:nowrap}
.act-it{display:flex;gap:8px;align-items:baseline;font-size:10.5px;line-height:1.5;color:var(--text-secondary);padding:1px 0 1px 10px;border-left:1px solid var(--border-dim)}
.act-it-what{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.act-it-meta{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);white-space:nowrap;flex:none}
.act-it.bad .act-it-what{color:var(--red)}
.act-it.warn .act-it-what{color:var(--amber)}
.act-foot{margin-top:4px;font-size:10px}
.act-foot a{color:var(--accent);text-decoration:none}
.act-sum{background:var(--bg-surface,rgba(127,127,127,.06));border:1px solid var(--border-dim);border-radius:7px;padding:6px 9px;font-size:10.5px;color:var(--text-secondary);line-height:1.5;margin:5px 0 0 10px;white-space:pre-wrap}
.act-sum-cap{display:block;font-family:var(--font-mono);font-size:8.5px;font-weight:600;color:var(--text-muted);margin-bottom:3px}
.act-sumbtn{font-family:var(--font-mono);font-size:9.5px;font-weight:600;color:var(--accent);border:1px solid var(--border-dim);background:none;border-radius:6px;padding:2px 8px;cursor:pointer;white-space:nowrap;flex:none}
.act-sumbtn:hover{border-color:var(--accent)}
.act-sumbtn:disabled{opacity:.65;cursor:default}
.act-go{color:var(--accent);font-size:10px;text-decoration:none;white-space:nowrap;flex:none;padding-top:2px}
.act-more{font-size:10px;color:var(--accent);padding:5px 0 0;cursor:pointer}
/* href-bearing rows (workflows U10 — actLineRow's additive `l.href`): the
   anchor form keeps the div form's exact layout and inherits its colors. */
a.act-it{text-decoration:none}
a.act-it:hover .act-it-what{color:var(--accent)}