/* ─────────────────────────────────────────────────────────────
   Vaadhan — Agent Kit styles
   Shared trace-panel UI for all client-orchestrated agents
   (Research / Drafting / Rebuttal / Matter Intelligence / …).
   Promoted from the inline `.ra-*` styles in adversarial.html.
   Relies on the per-page design tokens (--gold, --surface, …).
   ───────────────────────────────────────────────────────────── */

.agent-panel { margin-bottom:18px; border:1px solid var(--border-hi); border-radius:12px; background:var(--surface); overflow:hidden; box-shadow:var(--shadow-soft); }
.agent-head { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 16px; border-bottom:1px solid var(--border); }
.agent-badge { font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:700; letter-spacing:.08em; color:var(--gold); text-transform:uppercase; }
.agent-status { font-family:'JetBrains Mono',monospace; font-size:10px; color:var(--ink-dim); }

.agent-trace { list-style:none; margin:0; padding:10px 16px; display:flex; flex-direction:column; gap:8px; }
.agent-step { display:flex; align-items:flex-start; gap:9px; font-size:12px; color:var(--ink-mid); line-height:1.5; }
.agent-step .ic { flex:none; width:16px; height:16px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:9px; margin-top:1px; background:var(--raised); }
@keyframes agentSpin { to { transform:rotate(360deg); } }
.agent-step.run .ic { border:2px solid var(--border-hi); border-top-color:var(--gold); background:transparent; animation:agentSpin .8s linear infinite; }
.agent-step.done .ic { background:var(--jade); color:#fff; }
.agent-step.warn .ic { background:var(--amber); color:#fff; }
.agent-step .tx strong { color:var(--ink); font-weight:600; }
.agent-step .meta { color:var(--ink-dim); font-size:11px; }

.agent-result { border-top:1px solid var(--border); padding:16px; }
.agent-result-label { font-family:'JetBrains Mono',monospace; font-size:9.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--gold); margin-bottom:8px; }
.agent-result-text { font-size:13px; line-height:1.7; color:var(--ink); white-space:pre-wrap; max-height:48vh; overflow-y:auto; padding:14px; background:var(--raised); border:1px solid var(--border); border-radius:8px; }
.agent-result-actions { margin-top:10px; }
.agent-copy { font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.06em; text-transform:uppercase; color:#fff; background:linear-gradient(135deg,var(--gold) 0%,var(--gold-lit) 100%); border:none; border-radius:7px; padding:9px 16px; cursor:pointer; }

.agent-flags { margin-top:10px; padding:12px 14px; border-radius:8px; background:rgba(168,50,40,.08); border:1px solid rgba(168,50,40,.25); font-size:12px; color:var(--ink-mid); line-height:1.6; }
.agent-flags strong { color:var(--crimson); }