/* Conversation output has three levels: prose, flat business results, optional process.
 * Scoped here so task drawers and other workspaces retain their own layouts.
 */
.agent-view { --agent-measure:820px; }
.agent-view .agent-chat-header { gap:10px;padding:12px 28px;min-height:62px; }
.agent-view .agent-chat-header>.agent-contact-avatar { width:32px;height:32px; }
.agent-view .agent-chat-header h1 { font-size:15px;font-weight:550; }
.agent-view .agent-chat-heading { margin-right:auto; }
.agent-view .agent-profile-toggle { padding:8px 10px;font-size:12px; }
.agent-view .agent-header-state { margin-left:0;border:0;background:none;padding:0 6px;font-size:12px; }
.agent-view .agent-thread { padding:28px max(28px,calc((100% - var(--agent-measure))/2)) 24px; }
.agent-view .agent-message { margin-bottom:36px; }
.agent-view .agent-message-speaker { gap:8px;margin-bottom:13px;font-size:12px;color:var(--text-secondary); }
.agent-view .agent-message-mark { width:24px;height:24px; }
.agent-view .agent-message.is-user .agent-message-content { max-width:82%;padding:10px 16px;border-radius:18px;background:#f4f4f5; }
.agent-view .agent-message.is-user .agent-message-text { font-size:15px;line-height:1.7; }
.agent-view .agent-message.is-teammate .agent-message-text { padding:0 0 0 14px;border-left:2px solid var(--border-default); }
.agent-reply { font-size:16px;line-height:1.8;white-space:normal;letter-spacing:0; }
.agent-reply>:first-child { margin-top:0; }
.agent-reply>:last-child { margin-bottom:0; }
.agent-reply p { margin:0 0 16px;font:inherit;color:inherit;overflow-wrap:anywhere; }
.agent-reply strong { font-weight:600;color:var(--text-primary); }
.agent-reply h3,.agent-reply h4 { margin:24px 0 10px;font-size:16px;line-height:1.65;font-weight:600;color:var(--text-primary);letter-spacing:0; }
.agent-reply ul,.agent-reply ol { padding-left:24px;margin:10px 0 18px; }
.agent-reply li { margin:6px 0;padding-left:2px;overflow-wrap:anywhere; }
.agent-reply li::marker { color:var(--text-tertiary); }
.agent-reply a { color:inherit;text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:3px; }
.agent-reply a:hover { text-decoration-color:var(--text-primary); }
.agent-reply blockquote { margin:18px 0;padding:2px 0 2px 16px;border-left:2px solid var(--border-default);color:var(--text-secondary); }
.agent-reply code { padding:2px 5px;border-radius:4px;background:var(--surface-subtle);font: .88em ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere; }
.agent-reply pre { padding:16px 18px;border:1px solid var(--border-subtle);border-radius:10px;background:#fafafa;overflow:auto;line-height:1.7; }
.agent-reply pre code { padding:0;background:none;white-space:pre;overflow-wrap:normal; }
.agent-reply hr { margin:22px 0;border:0;border-top:1px solid var(--border-subtle); }
.agent-reply-table { max-width:100%;margin:18px 0 22px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin; }
.agent-reply-table table { border-collapse:collapse;width:100%;min-width:480px;table-layout:auto;font-size:14px;line-height:1.75;text-align:left; }
.agent-reply-table th { padding:11px 14px;font-size:12px;font-weight:500;color:var(--text-secondary);background:#fafafa;border-bottom:1px solid var(--border-default); }
.agent-reply-table td { padding:13px 14px;vertical-align:top;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);overflow-wrap:anywhere;min-width:76px; }
.agent-reply-table td:first-child { color:var(--text-primary);font-weight:500;min-width:110px; }
.agent-reply-table tbody tr:last-child td { border-bottom:0; }
.agent-reply-table th:first-child,.agent-reply-table td:first-child { padding-left:10px; }
.agent-reply-table .is-numeric { text-align:right;font-variant-numeric:tabular-nums; }
.agent-reply-table .is-center { text-align:center; }
.agent-reply-table:focus-visible { outline:2px solid var(--border-strong);outline-offset:4px;border-radius:3px; }
/* Result cards share the compact surface defined in conversation.css. */
.agent-view .agent-card-outcome { margin:10px 0 0;font-size:13px;line-height:22px; }
.agent-view .agent-card-footnote,.agent-view .agent-task-snapshot { margin:10px 0 0;font-size:12px;line-height:20px;color:var(--text-tertiary); }
.agent-view .agent-customer-list { margin:0; }
.agent-view .agent-customer-copy { flex:1;min-width:0; }
.agent-view .agent-customer-open { font-size:14px;font-weight:500; }
.agent-view .agent-customer-domain { font-size:12px; }
.agent-view .agent-customer-feedback { gap:3px; }
.agent-view .agent-feedback-choice { border-color:transparent;background:transparent;padding:4px 6px;font-size:12px; }
.agent-view .agent-feedback-choice:not(:disabled):hover { border-color:transparent;background:var(--surface-subtle); }
/* A live task replaces the static actions rather than nesting a second panel. */
.agent-view .agent-card-task.has-live-run>.agent-task-facts,
.agent-view .agent-card-task.has-live-run>.agent-card-outcome,
.agent-view .agent-card-task.has-live-run>.agent-task-snapshot,
.agent-view .agent-card-task.has-live-run>.agent-card-actions { display:none; }
.agent-view .agent-run-record { margin:12px 0 0;padding:0;border:0; }
.agent-view .agent-run-record.is-inline>p.agent-card-eyebrow { display:none; }
.agent-view .agent-run-record.is-inline+.agent-run-record.is-inline { border-top:1px solid var(--border-subtle);padding-top:14px; }
.agent-view .agent-work-surface { margin:0;border:0;border-radius:0;background:none;overflow:visible; }
.agent-view .agent-work-head { padding:3px 0 9px;gap:8px; }
.agent-view .agent-work-mark { flex:0 0 18px;width:18px;height:18px;border:0;border-radius:0;background:none; }
.agent-view .agent-work-mark svg { width:16px;height:16px; }
.agent-view .agent-work-surface.is-working .agent-work-mark::after { right:-4px;bottom:-3px;width:10px;height:10px; }
.agent-view .agent-work-heading h4 { font-size:13px;font-weight:500;letter-spacing:0; }
.agent-view .agent-work-current-domain { font-size:11px; }
.agent-view .agent-work-phases { display:none; }
.agent-view .agent-work-totals { padding:0;margin:0 0 10px;gap:8px 18px;font-size:12px; }
.agent-view .agent-work-conclusion,.agent-view .agent-work-surface>.agent-run-problem { margin:0 0 10px!important;padding:0;border:0;background:none;border-radius:0;font-size:13px;line-height:1.8; }
.agent-view .agent-work-process>summary { justify-content:flex-start;gap:8px;min-height:32px;padding:4px 0!important;font-size:12px; }
.agent-view .agent-work-chevron svg { display:block;width:13px;height:13px; }
.agent-view .agent-work-notes { padding:5px 0 10px 14px;border-left:1px solid var(--border-subtle); }
.agent-view .agent-run-record .agent-customer-results { margin:6px 0 0;padding:8px 0 0; }
.agent-view .agent-tool-work { margin:0 0 15px;padding:0;border:0;border-radius:0;background:none; }
.agent-view .agent-tool-work-summary { justify-content:flex-start;gap:9px;min-height:30px;padding:3px 0;color:var(--text-tertiary);font-size:12px;font-weight:400; }
.agent-view .agent-tool-work-summary:hover { color:var(--text-primary); }
.agent-view .agent-tool-work-count { margin:0;font-size:11px; }
.agent-view .agent-tool-work-summary:after { width:5px;height:5px; }
.agent-view .agent-tool-work-list { margin:8px 0 0;padding:0 0 0 2px; }
.agent-view .agent-tool-work-list strong { font-size:12px;font-weight:500; }
.agent-view .agent-tool-work-list p { font-size:12px; }
.agent-view .agent-tool-work-live .agent-tool-work { margin:0; }
.agent-view .agent-tool-work-live .agent-tool-work-summary { padding:4px 0; }
.agent-view .agent-compose-area { padding:8px max(28px,calc((100% - var(--agent-measure))/2)) 16px; }
.agent-view .agent-composer { padding:13px 16px 9px;border-radius:20px;border-color:#e5e7eb;box-shadow:0 2px 12px #17213303;transition:border-color .16s,box-shadow .16s; }
.agent-view .agent-composer:focus-within { border-color:#b9bec5;box-shadow:0 2px 12px #17213305; }
.agent-view .agent-composer textarea { display:block;min-height:32px;max-height:136px;padding:0;font-size:15px;line-height:1.7; }
.agent-view .agent-composer-tools { margin-top:5px;gap:10px; }
.agent-view .agent-composer-tools>span { font-size:11px; }
.agent-view .agent-send { width:32px;height:32px; }
.agent-view .agent-send svg { width:18px;height:18px; }
.agent-view .agent-jump { bottom:8px;padding:7px 11px;gap:5px;font-size:12px;border-color:#e5e7eb;box-shadow:0 2px 8px #17213305; }
.agent-view .agent-message-actions { margin-top:9px;min-height:24px; }
.agent-view .agent-message-copy { padding:4px 5px; }
@media(max-width:1050px) {
  .agent-view .agent-thread,.agent-view .agent-compose-area { padding-left:24px;padding-right:24px; }
}
@media(max-width:760px) {
  .agent-view .agent-chat-header { padding:9px 16px;gap:7px;min-height:54px; }
  .agent-view .agent-profile-toggle { padding:7px;font-size:12px; }
  .agent-view .agent-thread { padding:22px 16px 16px; }
  .agent-view .agent-message { margin-bottom:28px; }
  .agent-view .agent-message.is-user .agent-message-content { max-width:92%; }
  .agent-view .agent-reply { font-size:15px;line-height:1.85; }
  .agent-reply h3,.agent-reply h4 { margin-top:20px;font-size:15px; }
  .agent-reply-table { margin-top:14px; }
  .agent-reply-table table { font-size:13px;min-width:460px; }
  .agent-reply-table td { padding:11px 12px; }
  .agent-view .agent-compose-area { padding:6px max(12px,env(safe-area-inset-right)) max(9px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left)); }
  .agent-view .agent-composer { padding:11px 13px 8px; }
  .agent-view .agent-customer-row { flex-wrap:wrap;gap:8px 12px; }
  .agent-view .agent-customer-copy { flex-basis:calc(100% - 100px); }
  .agent-view .agent-customer-next { margin-left:auto; }
}
@media(pointer:coarse) {
  .agent-view .agent-card-action,.agent-view .agent-feedback-choice,.agent-view .agent-profile-toggle,.agent-view .agent-send { min-width:40px;min-height:40px; }
  .agent-view .agent-composer textarea { min-height:40px; }
  .agent-view .agent-work-process>summary,.agent-view .agent-tool-work-summary { min-height:40px; }
}
@media(prefers-reduced-motion:reduce) {
  .agent-view .agent-composer { transition:none; }
}