/* A workspace grid row above both main headers, outside every scroll region. */
#appView.agent-call-active{grid-template-rows:56px 64px minmax(0,1fr)}
#appView.agent-call-active>.web-workspace-header{grid-row:2}
#appView.agent-call-active>.filter-rail,#appView.agent-call-active>.sidebar{grid-row:3}
#appView.agent-call-active>.conversation{grid-row:2/-1}
.agent-call-bar{grid-column:1/-1;grid-row:1;display:flex;align-items:center;gap:16px;min-width:0;padding:8px 16px;background:var(--panel);color:var(--text);border-bottom:1px solid var(--line);z-index:3}
.agent-call-name{min-width:0;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;background:none;color:inherit;font-weight:700;text-align:start;cursor:pointer}
.agent-call-status{color:var(--muted);font-size:13px}.agent-call-clock{font-variant-numeric:tabular-nums;font-size:14px}
.agent-call-end{margin-inline-start:auto;white-space:nowrap;background:#dc3545;color:white;border:0;border-radius:8px;padding:8px 16px;font-weight:600;cursor:pointer}
.agent-call-transport{position:fixed;width:1px;height:1px;bottom:0;left:0;opacity:0;pointer-events:none;border:0}
.agent-call-preview{display:flex;flex-direction:column;gap:4px}.agent-call-line{display:flex;padding:0 16px}.agent-call-line.mine{justify-content:flex-end}.agent-call-bubble{max-width:80%;border-radius:14px;padding:10px 12px;background:var(--panel-soft,#f3f5fa);color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}.agent-call-line.mine .agent-call-bubble{background:var(--primary,#315cf6);color:white}.agent-call-time{display:block;text-align:end;font-size:10px;opacity:.7;margin-top:4px}