.agent-workbench,.terminal-workbench{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}
.agent-heading{display:flex;align-items:center;gap:7px;padding:9px 10px;border-bottom:1px solid var(--line);flex-wrap:wrap}.agent-heading strong{color:var(--bright);margin-right:auto}.agent-badge{border:1px solid var(--line);border-radius:12px;padding:1px 7px;color:var(--muted);font-size:10px}.agent-badge.connected{color:#91c49c;border-color:#406b4c}
.agent-workbench button,.terminal-controls button,.agent-dialog button{border:1px solid var(--line);border-radius:4px;padding:4px 7px;font-size:11px}.agent-primary{background:#345684!important;color:white!important;border-color:#5385c6!important}.agent-selectors{display:grid;grid-template-columns:105px minmax(100px,1fr);gap:6px;padding:8px 10px 4px}.agent-selectors select:last-child{grid-column:1/-1}.agent-workbench input:not([type=checkbox]),.agent-workbench textarea,.agent-dialog input:not([type=checkbox]){border:1px solid #454950;background:#24262b;border-radius:4px;padding:6px 8px;color:var(--bright);min-width:0;width:100%}.agent-workbench textarea{resize:vertical}.agent-toolbar{display:flex;gap:5px;align-items:center;padding:4px 10px;flex-wrap:wrap}.agent-toolbar select{flex:1;max-width:100%;font-size:11px}.agent-workspace-status,.agent-note{font-size:11px;color:var(--muted);padding:3px 10px;overflow-wrap:anywhere}.agent-workspace-status.failed{color:#ff9a8b}.agent-tabs{display:flex;border-block:1px solid var(--line);padding:0 6px;gap:1px}.agent-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:8px 7px}.agent-tabs button.active{border-bottom-color:var(--accent);color:var(--bright)}.agent-tab-content{flex:1;min-height:70px;overflow:auto;overscroll-behavior:contain;padding:10px}.agent-chat{display:flex;flex-direction:column;gap:12px}.agent-empty{color:var(--muted);padding:15px 5px;line-height:1.8}.agent-message{padding:10px;border:1px solid #3a3e46;border-radius:7px;overflow-wrap:anywhere}.agent-user{background:#2d3543;border-color:#414e64}.agent-message-title{font-size:10px;text-transform:uppercase;font-weight:650;color:var(--muted);margin-bottom:5px}.agent-message-text{white-space:pre-wrap;line-height:1.65;color:var(--bright)}.agent-tool-call,.agent-tool-definition,.agent-trace-event{border:1px solid var(--line);border-radius:5px;padding:7px;margin:5px 0;overflow-wrap:anywhere}.agent-tool-call summary,.agent-tool-definition summary,.agent-trace-event summary{cursor:pointer;font-size:11px;color:#a9bfdf}.agent-tool-call.failed{border-color:#a34f47}.agent-json{font:11px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:350px;overflow:auto;margin:7px 0;background:#202226;padding:8px;border-radius:4px;color:#aebad1}.agent-approval{border:1px solid #9c7d40;background:#3c3426;border-radius:6px;padding:9px;margin-bottom:10px}.agent-diff pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:200px;overflow:auto;font:11px/1.5 ui-monospace,monospace;padding:7px}.agent-diff-before{background:#3c282a;color:#f4b3b1}.agent-diff-after{background:#24382c;color:#b4debe}.agent-plan-step{display:flex;gap:9px;margin:6px 0}.agent-plan-step.completed{color:#89bd91}.agent-plan-step.in_progress{color:#97b9f4}.agent-metrics{font-size:11px;color:var(--muted);padding-block:8px;border-block:1px solid var(--line)}.agent-context-settings{display:grid;grid-template-columns:1fr 1fr;gap:9px}.agent-field{display:flex;flex-direction:column;gap:5px;min-width:0}.agent-field>span{font-size:11px;color:var(--muted)}.agent-checkbox,.agent-context-settings textarea{grid-column:1/-1}.agent-workbench progress{width:100%;height:8px;margin-top:15px;accent-color:var(--accent)}.agent-error{color:#ffb3a6;overflow-wrap:anywhere;max-height:110px;overflow:auto;font-size:11px;padding:7px 10px}.agent-composer{border-top:1px solid var(--line);padding:8px;background:var(--panel-2)}.agent-composer .agent-toolbar{padding:6px 0 0}.agent-shortcut{font-size:10px;color:var(--muted);margin-left:auto}.agent-dialog{background:var(--panel);color:var(--text);border:1px solid #5d626b;border-radius:10px;width:min(600px,95vw);max-height:90dvh;padding:20px}.agent-dialog::backdrop{background:#0009}.agent-dialog h2{font-size:17px;color:var(--bright);margin-top:0}.agent-dialog form{display:flex;flex-direction:column;gap:12px}.agent-dialog .agent-toolbar{justify-content:flex-end;padding:0}.agent-dialog .agent-note{padding:0}.agent-dialog input[type=checkbox]{align-self:flex-start}.agent-artifact{width:min(950px,95vw)}.agent-artifact .agent-json{max-height:65dvh}
.terminal-controls{display:flex;align-items:center;gap:5px;padding:5px 7px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.terminal-controls select{max-width:190px;font-size:11px;padding:3px}.terminal-status{font-size:10px;color:var(--muted);padding:3px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.terminal-viewport{--fg:#d4d4d4;--bg:#1e1f22;position:relative;flex:1;min-height:50px;overflow:auto;overscroll-behavior:contain;background:var(--bg);color:var(--fg);padding:8px 12px;outline:none;cursor:text}.terminal-screen{font:13px/18px ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-variant-ligatures:none;font-kerning:none;width:max-content;min-width:100%;white-space:pre}.terminal-command{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding:5px 10px}.terminal-command input{flex:1;min-width:0;background:transparent;border:0;outline:none;font:12px/20px ui-monospace,monospace}
@media(max-width:600px){.agent-context-settings{grid-template-columns:1fr}.agent-selectors{grid-template-columns:90px minmax(60px,1fr)}.agent-heading,.agent-toolbar{gap:4px}.agent-shortcut{display:none}.agent-tabs button{font-size:10px;padding:7px 4px}.terminal-controls select{max-width:130px}}

/* Browser agent: local review and explicit task controls. */
.agent-heading,.agent-tabs{flex-wrap:wrap}
.agent-workbench[data-environment="browser"] .agent-badge{border-color:#6f9d72}
.agent-review-diff{white-space:pre;overflow:auto;max-height:360px;padding:8px;font:12px/1.6 ui-monospace,monospace;background:#1d2026}
.agent-review-diff>span{display:block;white-space:pre-wrap;overflow-wrap:anywhere}
.agent-added{background:#203a2b;color:#addec0}.agent-removed{background:#3a2428;color:#e4b6b9}
.agent-change,.agent-followup,.agent-question{border:1px solid var(--border,#424650);padding:10px;margin:8px 0;border-radius:5px}
.agent-question{border-color:#bfa065}.agent-question textarea,.agent-followup textarea,[data-agent-content="followups"]>textarea{box-sizing:border-box;width:100%;min-height:70px}
.agent-rule{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--border,#424650)}
.agent-rule>span{font:12px ui-monospace,monospace;overflow-wrap:anywhere}.agent-rule select{min-width:130px}
.agent-permission-rules{overflow:auto}.agent-changes{overflow:auto}.agent-review-diff:empty{display:none}

/* Xterm owns its viewport, cell layout, accessibility tree and IME textarea. */
.terminal-viewport{position:relative;flex:1;min-height:80px;min-width:0;overflow:hidden;padding:6px;background:#17181b;color:#d4d4d4}
.terminal-screen,.terminal-surface{height:100%;width:100%;min-width:0;white-space:normal;overflow:hidden}
.terminal-surface .xterm{height:100%}.terminal-surface .xterm-helper-textarea{resize:none;border:0;padding:0;min-width:0;min-height:0}
.terminal-controls{flex-wrap:wrap}.terminal-controls input[type=search]{width:140px;min-width:80px;flex:1}
.terminal-surface .xterm-screen{font-variant-ligatures:none}