/* Genesis Live Activity — 430.22 visual system alignment.
   Same structure/behavior as before; colors now come from the shared
   --gm-* token layer (genesis-messenger.css) so the pill, panel, and
   states read as one Genesis vocabulary in both themes. */
/* P0 (Session 022B): done-state attention is a temporary chip — small,
   right-aligned below the header cluster, with an explicit dismiss.
   Details remain available by clicking the chip (panel still opens). */
/* 023A: the header action cluster grew (date chip joined the row) — both
   attention-chip modes anchor below it so nothing overlaps the pills. */
.gm-live-activity[data-mode="compact"]{right:16px;top:158px;width:auto;max-width:min(340px,60vw)}
.gm-live-activity[data-mode="compact"] .gm-live-pill{width:auto;display:inline-flex;gap:8px;padding:6px 10px;border-radius:999px}
.gm-live-activity[data-mode="compact"] .gm-live-pill small{display:none}
.gm-live-activity[data-mode="compact"] .gm-live-pill strong{font-size:.74rem;white-space:nowrap}
.gm-live-dismiss{border:0;background:transparent;color:var(--gm-muted);font-size:1rem;line-height:1;padding:2px 4px;margin-left:2px;cursor:pointer;border-radius:6px}
.gm-live-dismiss:hover{color:var(--gm-text);background:var(--gm-hover)}
.gm-live-activity{position:fixed;right:24px;top:18px;z-index:40;width:min(420px,calc(100vw - 32px));font:inherit}
/* P0 (Session 022B): full-mode pill sits below the conversation-header action
   cluster instead of on top of it (header row is ~64-90px tall). */
.gm-live-activity[data-mode="full"]{top:158px}
.gm-live-pill{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;
  border:1px solid var(--gm-border-subtle);background:color-mix(in srgb,var(--gm-raised) 92%,transparent);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  box-shadow:var(--gm-shadow);border-radius:14px;padding:10px 12px;color:var(--gm-text);text-align:left;cursor:pointer;
  transition:border-color .14s ease}
.gm-live-pill:hover{border-color:var(--gm-border-strong)}
.gm-live-pill strong{display:block;font-size:.82rem;font-weight:650}
.gm-live-pill small{display:block;margin-top:2px;color:var(--gm-muted);font-size:.7rem;line-height:1.3}
.gm-live-dot{width:10px;height:10px;border-radius:50%;background:var(--gm-muted);box-shadow:0 0 0 4px color-mix(in srgb,var(--gm-muted) 16%,transparent)}
.gm-live-dot[data-state="working"]{background:var(--gm-accent);box-shadow:0 0 0 4px var(--gm-accent-soft);animation:gmLivePulse 1.8s ease-in-out infinite}
.gm-live-dot[data-state="needs-you"]{background:var(--gm-warning);box-shadow:0 0 0 4px var(--gm-warning-soft)}
.gm-live-dot[data-state="done"]{background:var(--gm-success);box-shadow:0 0 0 4px var(--gm-success-soft)}
@keyframes gmLivePulse{50%{transform:scale(.72);opacity:.62}}
.gm-live-panel{margin-top:8px;border:1px solid var(--gm-border-subtle);background:var(--gm-raised);border-radius:16px;box-shadow:var(--gm-shadow);overflow:hidden}
.gm-live-panel header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:14px 16px;border-bottom:1px solid var(--gm-border-subtle)}
.gm-live-panel header strong{font-size:.9rem;font-weight:650}
.gm-live-panel header p{margin:3px 0 0;color:var(--gm-muted);font-size:.72rem}
.gm-live-panel header button{border:1px solid var(--gm-border-subtle);background:var(--gm-hover);border-radius:999px;padding:6px 9px;color:var(--gm-secondary);font:inherit;font-size:.68rem;cursor:pointer}
.gm-live-list{max-height:min(62vh,520px);overflow:auto;padding:8px}
.gm-live-item{display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:10px;padding:10px;border-radius:11px;align-items:start}
.gm-live-item+.gm-live-item{border-top:1px solid var(--gm-border-subtle)}
.gm-live-state{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--gm-muted)}
.gm-live-item[data-state="working"] .gm-live-state{color:var(--gm-accent-strong)}
.gm-live-item[data-state="waiting"] .gm-live-state{color:var(--gm-muted)}
.gm-live-item[data-state="blocked"] .gm-live-state{color:var(--gm-danger)}
.gm-live-item[data-state="needs-you"]{background:var(--gm-warning-soft)}
.gm-live-item[data-state="needs-you"] .gm-live-state{color:var(--gm-warning)}
.gm-live-item[data-state="done"] .gm-live-state{color:var(--gm-success)}
.gm-live-item strong{display:block;font-size:.78rem;line-height:1.35;font-weight:600}
.gm-live-item p{margin:2px 0;color:var(--gm-muted);font-size:.67rem}
.gm-live-item span{display:block;color:var(--gm-secondary);font-size:.7rem;line-height:1.35}
.gm-live-item time{white-space:nowrap;color:var(--gm-muted);font-size:.63rem;font-variant-numeric:tabular-nums}
.gm-live-empty{margin:0;padding:18px;color:var(--gm-muted);font-size:.76rem}
.gm-live-panel footer{display:flex;justify-content:space-between;gap:10px;padding:9px 14px;border-top:1px solid var(--gm-border-subtle);color:var(--gm-muted);font-size:.65rem}
.gm-live-health{color:var(--gm-success)}
.gm-live-health.problem{color:var(--gm-danger)}
@media(max-width:800px){.gm-live-activity{right:12px;top:10px;bottom:auto;width:calc(100vw - 24px)}.gm-live-pill small{max-width:70vw}.gm-live-panel{max-height:75vh}.gm-live-list{max-height:58vh}}
@media(prefers-reduced-motion:reduce){.gm-live-dot[data-state="working"]{animation:none}}