.agent-panel {
    position: fixed; inset: 12px 12px 12px auto; margin: 0; padding: 0;
    width: min(440px, calc(100vw - 24px)); height: calc(100dvh - 24px);
    max-height: none; max-width: none; color: var(--dashboard-text); background: var(--dashboard-surface);
    border: 1px solid var(--dashboard-border-strong); border-radius: 12px; z-index: 1000;
    font-family: var(--dashboard-font-body); box-sizing: border-box;
}
.agent-panel[open] { display: flex; flex-direction: column; }
.agent-panel * { box-sizing: border-box; }
.agent-panel [hidden] { display: none !important; }
.agent-panel::backdrop { background: rgba(0, 0, 0, .6); }
.agent-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 20px 10px; }
.agent-header h2 { font: 600 1.15rem var(--dashboard-font-body); margin: 0; }
.agent-date, .agent-status { padding: 0 20px 12px; margin: 0; font-size: .82rem; color: var(--dashboard-text-secondary); line-height: 1.5; }
.agent-scroll { padding: 0 20px 20px; overflow-y: auto; flex: 1; overscroll-behavior: contain; }
.agent-panel p { line-height: 1.6; }
.agent-panel button, .agent-panel input, .agent-panel textarea { font: inherit; }
.agent-panel button { cursor: pointer; background: var(--dashboard-surface-strong); color: var(--dashboard-text); border: 1px solid var(--dashboard-border-strong); border-radius: 6px; padding: 9px 12px; min-height: 40px; }
.agent-panel button:hover { background: #22334a; }
.agent-panel button:disabled { opacity: .55; cursor: wait; }
.agent-panel :focus-visible { outline: 2px solid #73b4ff; outline-offset: 3px; }
.agent-panel input, .agent-panel textarea { display: block; width: 100%; padding: 11px; margin: 6px 0 10px; color: var(--dashboard-text); background: var(--dashboard-bg); border: 1px solid var(--dashboard-border-strong); border-radius: 6px; }
.agent-panel textarea { resize: vertical; min-height: 88px; max-height: 180px; }
.agent-panel input::placeholder, .agent-panel textarea::placeholder { color: var(--dashboard-text-secondary); }
.agent-panel label { font-size: .85rem; }
.agent-controls { display: flex; gap: 8px; flex-wrap: wrap; margin: 10px 0; }
.agent-panel .agent-primary { background: #205fad; border-color: #4387e3; }
.agent-panel .agent-primary:hover { background: #286bbf; }
.agent-panel details { margin: 18px 0; }
.agent-panel summary { cursor: pointer; padding: 8px 0; font-weight: 600; }
.agent-turn { padding: 20px 0; border-top: 1px solid var(--dashboard-border); overflow-wrap: anywhere; }
.agent-turn h3 { font-size: .95rem; line-height: 1.5; margin: 0 0 10px; }
.agent-answer { white-space: pre-wrap; font-size: .9rem; }
.agent-evidence { color: var(--dashboard-text-secondary); font-size: .8rem; }
.agent-scenario { width: 100%; border-collapse: collapse; font-size: .8rem; font-variant-numeric: tabular-nums; margin: 14px 0; }
.agent-scenario td, .agent-scenario th { padding: 7px 4px; text-align: right; border-bottom: 1px solid var(--dashboard-border); }
.agent-scenario th:first-child { text-align: left; }
.agent-item { display: block; width: 100%; text-align: left; margin: 8px 0; }
.agent-compose { padding: 14px 20px; border-top: 1px solid var(--dashboard-border); background: var(--dashboard-surface); }
.agent-note { font-size: .8rem; color: var(--dashboard-text-secondary); }
.agent-view-controls { flex: 0 0 auto; margin: 0; padding: 10px 20px; border-top: 1px solid var(--dashboard-border); }
.agent-scenario caption { text-align: left; font-weight: 600; padding-bottom: 8px; }
.agent-deltas { display: grid; grid-template-columns: 1fr auto; gap: 6px 12px; font-size: .8rem; }
.agent-deltas dd { margin: 0; font-variant-numeric: tabular-nums; text-align: right; }
.agent-scenario-group { padding: 10px 0; border-bottom: 1px solid var(--dashboard-border); }
.agent-resume { position: fixed; right: 16px; bottom: 18px; z-index: 900; padding: 12px 16px; color: #fff; background: #205fad; border: 1px solid #4387e3; border-radius: 8px; font: 600 14px var(--dashboard-font-body); cursor: pointer; }
.agent-resume[hidden] { display: none; }
.agent-working { color: var(--dashboard-text-secondary); font-size: .9rem; }
.agent-pending { min-height: 130px; }
.agent-panel .agent-question-detail { margin: 0 0 12px; }
.agent-question-detail summary { font-size: .95rem; line-height: 1.5; }
.agent-ranking h4 { margin: 22px 0 8px; font-size: 1rem; }
.agent-ranking ol { padding-left: 22px; }
.agent-ranking li { padding: 14px 0; border-bottom: 1px solid var(--dashboard-border); }
.agent-ranking li strong { font-size: .86rem; }
.agent-ranking li p { margin: 6px 0; }
.agent-rank-uplift { color: var(--dashboard-text); font-size: .98rem; font-weight: 600; font-variant-numeric: tabular-nums; }
.agent-ranking .agent-deltas { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.agent-ranking .agent-deltas dd { overflow-wrap: anywhere; }
.agent-ranking details { margin: 8px 0; }
.agent-ranking summary { font-size: .8rem; padding: 6px 0; }
.agent-panel button:active:not(:disabled) { background: #29415d; }
@media (min-width: 1200px) {
    body.agent-is-open main { margin-right: 464px; }
    body.agent-is-open .summary-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    body.agent-is-open .workspace-topbar { flex-wrap: wrap; }
    body.agent-is-open .summary-card { min-width: 0; }
    body.agent-is-open .summary-card h3 { overflow-wrap: anywhere; }
}
@media (max-width: 600px) {
    .agent-panel { inset: 0; width: 100vw; height: 100dvh; border-radius: 0; }
    .agent-panel input, .agent-panel textarea { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) { .agent-panel * { scroll-behavior: auto; transition: none; animation: none; } }