.agent-toggle{border:1px solid var(--border);border-radius:18px;padding:7px 10px;background:transparent;color:var(--muted);font:inherit;font-size:12px;cursor:pointer;flex-shrink:0}
.agent-toggle[aria-pressed="true"]{background:var(--text);color:var(--bg);border-color:var(--text)}
.agent-card{margin-top:16px;padding:18px;border:1px solid var(--border);border-radius:16px;max-width:100%;font-size:14px}
.agent-card-header{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.agent-card-header>span{color:var(--muted);font-size:12px;flex:1}
.agent-card button{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:9px;padding:7px 11px;cursor:pointer;font:inherit;font-size:12px}
.agent-card button:disabled{opacity:.5;cursor:default}
.agent-plan{padding-left:22px;color:var(--muted);margin:12px 0;line-height:1.7}
.agent-steps{list-style:none;margin:14px 0;padding:0;display:grid;gap:8px}
.agent-step{display:flex;gap:10px;flex-wrap:wrap;align-items:baseline}
.agent-step>span:first-child{width:14px;color:var(--muted)}
.agent-step.running>span:first-child{animation:agent-pulse 1.5s ease-in-out infinite}
.agent-step>small{flex-basis:100%;padding-left:24px;color:var(--muted)}
.agent-answer{line-height:1.65;overflow-wrap:anywhere}
.agent-outputs{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.agent-card [hidden]{display:none!important}
@keyframes agent-pulse{50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.agent-step.running>span:first-child{animation:none}}
@media(max-width:540px){.agent-card{padding:13px}.agent-toggle{padding:6px;font-size:11px}}
.agent-nav-link{text-decoration:none}