/* worklaunch.css: a goal's go panel (worklaunch.js): one fill step off the
 * page, no border; its tone colours the state words, never an edge bar.
 * Tokens only. */
.wl { margin: var(--sv-space-3) 0; padding: var(--sv-space-3); border-radius: calc(var(--sv-radius) * 1.5); background: var(--sv-fill-2); display: grid; gap: var(--sv-space-2); }
.wl[data-tone="good"] .wl-state { color: var(--ws-working-ink); }
.wl[data-tone="review"] .wl-state { color: var(--sv-attention); }
.wl-head { display: flex; gap: var(--sv-space-2); align-items: baseline; flex-wrap: wrap; }
.wl-kind, .wl-run-state, .wl-log-meta, .wl-agents { color: var(--sv-ink-tertiary); font-size: var(--ui-meta); }
.wl-line, .wl-agents, .wl-run-sum, .wl-log-body { margin: 0; }
.wl-actions { display: flex; gap: var(--sv-space-2); flex-wrap: wrap; }
.wl-actions button { min-height: 44px; }
.wl-note { min-height: 5em; width: 100%; box-sizing: border-box; }
.wl-note[hidden] { display: none; }
.wl-error { color: var(--sv-danger); margin: 0; }
.wl-sub { margin: 0; font-size: var(--ui-meta); }
.wl-runs, .wl-log { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--sv-space-1); }
.wl-run { display: grid; grid-template-columns: 1fr auto; gap: 0 var(--sv-space-2); }
.wl-run-sum { grid-column: 1 / -1; color: var(--sv-ink-tertiary); font-size: var(--ui-meta); }
.wl-run[data-tone="bad"] .wl-run-state { color: var(--sv-danger); }
.wl-run[data-tone="good"] .wl-run-state { color: var(--ws-working-ink); }