/* COO エージェント独自の見た目（共通の style.css に足すもの）。色は必ず変数で */
.auth{margin:32px auto}
.section{margin-top:28px}
.text-danger{color:var(--danger)}
.break{word-break:break-all;display:block;padding:8px;background:var(--surface-2);border-radius:var(--r-sm)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.home-top{margin-bottom:16px}
.stat-value small{font-size:.9rem;margin-left:2px;color:var(--muted)}
progress{width:100%;height:8px;accent-color:var(--accent)}

/* ブリーフ */
.brief .stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:8px 0 16px}
.brief-body{white-space:pre-wrap;line-height:1.75;overflow-wrap:anywhere}
details.card summary{cursor:pointer;list-style:none;min-height:44px;align-items:center}
details.card summary::-webkit-details-marker{display:none}
details.card[open] summary{margin-bottom:12px}

/* 承認 */
.draft .reason{font-size:.9rem;color:var(--ink-2);background:var(--surface-2);border-radius:var(--r-sm);padding:10px 12px}

/* 実況 */
.live-now{display:flex;align-items:center;gap:12px;border-color:var(--accent)}
.pulse{width:12px;height:12px;border-radius:50%;background:var(--accent);flex:none;box-shadow:0 0 0 0 var(--accent);animation:pulse 1.6s infinite}
.pulse.is-done{background:var(--success);animation:none}
.pulse.is-error{background:var(--danger);animation:none}
@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 60%,transparent)}70%{box-shadow:0 0 0 10px transparent}100%{box-shadow:0 0 0 0 transparent}}
@media (prefers-reduced-motion:reduce){.pulse{animation:none}}
.live-status{margin-bottom:16px}
.answer{margin-bottom:16px;border-color:var(--accent)}
.live-board{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;align-items:start}
@media (max-width:860px){.live-board{grid-template-columns:1fr}}
.agents{display:grid;gap:12px}
.agent-card{padding:14px 16px}
.agent-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.agent-name{font-weight:700;display:flex;align-items:center;gap:8px}
.agent-now{margin:6px 0 0;color:var(--ink-2);font-size:.92rem;overflow-wrap:anywhere}
.agent-card[data-status="waiting"]{opacity:.6}
.agent-card[data-status="running"]{border-color:var(--accent)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--line-strong);flex:none}
.agent-card[data-status="running"] .dot{background:var(--accent);animation:pulse 1.6s infinite}
.agent-card[data-status="done"] .dot{background:var(--success)}
.feed{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px;max-height:420px;overflow:auto;font-size:.88rem}
.coord .feed{max-height:640px}
.feed li{display:grid;grid-template-columns:4.6em 1fr;gap:8px;padding:6px 8px;border-radius:var(--r-sm);background:var(--surface-2);overflow-wrap:anywhere}
.feed time{color:var(--muted);font-variant-numeric:tabular-nums}
.feed li[data-k="tool"]::before,.feed li[data-k="send"]::before,.feed li[data-k="recv"]::before{content:none}
.feed li[data-k="send"]{background:var(--accent-soft)}
.feed li[data-k="recv"]{background:color-mix(in srgb,var(--success) 12%,var(--surface))}
.feed li[data-k="error"]{background:color-mix(in srgb,var(--danger) 12%,var(--surface));color:var(--danger)}
.feed li[data-k="think"]{color:var(--muted)}
.feed li[data-k="user"]{background:var(--surface-3)}
.agent-card details summary{cursor:pointer;color:var(--muted);font-size:.85rem;margin-top:6px;min-height:32px}

/* 施策 */
.pre{white-space:pre-wrap;overflow-wrap:anywhere}
.initiative-title{margin:8px 0 4px;font-size:1.15rem}
.initiative .review{background:var(--surface-2);border-radius:var(--r-sm);padding:12px 14px;margin:8px 0}
.initiative .review p{margin:6px 0 0}
.initiative details summary{cursor:pointer;color:var(--muted);font-size:.9rem;min-height:36px}
.initiative .decide{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}
