Spaces:
Running
Running
| .terminal-workspace{height:100%;min-height:0;overflow:auto} | |
| .terminal-heading{align-items:flex-start} | |
| .terminal-heading .feature-actions{padding-top:0} | |
| .terminal-session-tabs{display:flex;align-items:center;gap:5px;min-height:34px;overflow-x:auto} | |
| .terminal-session-tabs>button{display:flex;align-items:center;gap:7px;max-width:220px;min-height:30px;padding:0 9px;border:1px solid var(--border);border-radius:4px;background:var(--bg-elevated);color:var(--text-secondary);font:9px var(--font-mono);cursor:pointer} | |
| .terminal-session-tabs>button[aria-selected="true"]{border-color:var(--accent);color:var(--text)} | |
| .terminal-session-tabs>button>small{color:var(--text-tertiary);font:8px var(--font-sans)} | |
| .terminal-cwd{display:flex;align-items:center;gap:9px;color:var(--text-tertiary);font-size:9px} | |
| .terminal-cwd>input{width:min(420px,100%);height:28px;padding:4px 8px;border:1px solid var(--border);border-radius:4px;background:var(--bg-elevated);color:var(--text);font:10px var(--font-mono)} | |
| .terminal-status-dot{width:6px;height:6px;flex:none;border-radius:50%;background:var(--text-tertiary)} | |
| .terminal-status-dot.is-running{background:var(--success)}.terminal-status-dot.is-stopping{background:var(--warning)} | |
| .terminal-frame{display:grid;grid-template-rows:32px minmax(220px,1fr);min-height:320px;height:min(58vh,560px);overflow:hidden;border:1px solid #293746;border-radius:4px;background:#080d13} | |
| .terminal-frame>header{display:flex;align-items:center;gap:8px;padding:0 10px;border-bottom:1px solid #263340;background:#0d141c;color:#aebdc7;font:9px var(--font-mono)} | |
| .terminal-frame>header>span:first-of-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} | |
| .terminal-frame>header>code{color:#6f8899;font:9px var(--font-mono)} | |
| .terminal-header-spacer{flex:1} | |
| .terminal-screen{min-height:0;padding:7px 9px} | |
| .terminal-screen .xterm{height:100%;} | |
| .terminal-screen .xterm-viewport{overflow-y:auto} | |
| .terminal-approval{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:start;gap:11px;padding:12px;border:1px solid var(--warning);border-radius:5px;background:color-mix(in srgb,var(--warning) 6%,var(--bg-elevated))} | |
| .terminal-approval-icon{color:var(--warning)} | |
| .terminal-approval-copy{min-width:0} | |
| .terminal-approval-copy>strong{font-size:11px} | |
| .terminal-approval-copy>pre{max-height:110px;overflow:auto;margin:6px 0;padding:8px;border:1px solid var(--border);border-radius:3px;background:var(--bg-sunken);color:var(--text);font:10px/1.55 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere} | |
| .terminal-approval-copy>p{margin:0;color:var(--text-secondary);font-size:9px;line-height:1.55} | |
| .terminal-approval-actions{display:flex;gap:6px} | |
| .terminal-approval-actions button{white-space:nowrap} | |
| .terminal-buffer-note{margin:0;color:var(--warning);font-size:9px} | |
| @media(max-width:760px){.terminal-approval{grid-template-columns:20px minmax(0,1fr)}.terminal-approval-actions{grid-column:2;justify-content:flex-end}.terminal-heading{gap:8px}} | |