/* Reference visual language: Suisse semibold, tight tracking, flat surfaces
   and 2px corners. Component styles retain ownership of layout and hit areas. */
/* Trial punctuation maps to placeholder dots. Keep those characters (and
   unsupported languages) in the fallback rather than changing message text. */
@font-face{font-family:Suisse;font-weight:600;font-display:swap;src:url('/fonts/SuisseIntlTRIAL-Semibold.woff2') format('woff2');unicode-range:U+0020,U+0030-0039,U+0041-005A,U+0061-007A}
@font-face{font-family:Suisse;font-weight:500;font-display:swap;src:url('/fonts/SuisseIntlTRIAL-Medium.woff2') format('woff2');unicode-range:U+0020,U+0030-0039,U+0041-005A,U+0061-007A}
:root{
  --v2-font:Suisse,Inter,system-ui,sans-serif;
  --type-regular:600;--type-medium:600;--type-semibold:600;
  --r:2px;--control-radius:2px;--surface-radius:2px;--content-inset:24px;--chat-inline-inset:16px;
  --conversation-bg:#f2f2f2;
  --workspace-canvas-bg:#e4e4e4;
  --thread-strip-bg:color-mix(in srgb,var(--conversation-bg) 50%,var(--workspace-canvas-bg));
  --conversation-history:color-mix(in srgb,var(--ink) 72%,var(--bg));
  --conversation-agent:#526915;
  --human-message-own-bg:#e7e7e5;--human-message-ink:#242423;
  --message-meta:#53534f;--message-detail:#5c5c57;--agent-status-ink:#6b6b66;
  --navigation-bg:#fff;--navigation-active:#e9e9e9;--collab-muted:#626262;--collab-danger-text:#a92f36;
}
:root[data-theme=dark]{--bg:#1c1c1c;--panel:#161616;--ink:#ededed;--muted:#8a8a8a;--line:#262626;--tint:#262626;--white:#262626;--conversation-bg:#181818;--conversation-agent:#d4f577}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1c1c1c;--panel:#161616;--ink:#ededed;--muted:#8a8a8a;--line:#262626;--tint:#262626;--white:#262626;--conversation-bg:#181818;--conversation-agent:#d4f577}}
:root[data-theme=dark]{--navigation-bg:#101010;--navigation-active:#262626;--collab-muted:#b0b0b0;--collab-danger-text:#ff9393;--workspace-canvas-bg:#242424}
:root[data-theme=dark]{--human-message-own-bg:#292929;--human-message-ink:#eeeeeb;--message-meta:#a3a3a0;--message-detail:#999995;--agent-status-ink:#858581}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--human-message-own-bg:#292929;--human-message-ink:#eeeeeb;--message-meta:#a3a3a0;--message-detail:#999995;--agent-status-ink:#858581}}
:root body .dialog-error{border:0;border-radius:var(--control-radius,2px);color:var(--collab-danger-text)!important;background:color-mix(in srgb,var(--collab-danger-text) 10%,var(--surface-overlay))}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--navigation-bg:#101010;--navigation-active:#262626;--collab-muted:#b0b0b0;--collab-danger-text:#ff9393;--workspace-canvas-bg:#242424}}
body,button,input,textarea,select{font-family:var(--v2-font);letter-spacing:-0.02em}
body{font-weight:var(--type-regular);-webkit-font-smoothing:antialiased}
button{font-weight:var(--type-medium)}
/* Chrome is not document text; conversation bodies remain selectable. */
:is(button,summary,[role=button],.sidebar,.thread-header,.collab-chat-toolbar,.collab-author,.collab-queued-heading,.collab-agent-line,.agent-sheet-head,.agent-sheet-author,.agent-sheet-divider){-webkit-user-select:none;user-select:none}
:is(input,textarea,[contenteditable=true]){-webkit-user-select:text;user-select:text}
/* Message wrappers are programmatic jump targets, not outlined controls. */
:root body .collab-chat :is(.collab-turn,.collab-queued-message):focus-visible{outline:none;border-color:transparent;background:color-mix(in srgb,var(--ink) 4%,transparent)}
.thread-load-state p{display:flex;align-items:center;gap:10px}
.thread-load-state:has(#thread-load-retry[hidden]) p::before{content:'';width:6px;height:12px;flex:none;background:currentColor;animation:conversation-cursor-fade .9s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.thread-load-state p::before{animation:none!important}}
.thread-invitations{display:flex;flex-direction:column;gap:24px;min-width:0}
.thread-participants{display:flex;flex-direction:column;gap:20px;min-width:0}
.thread-participants h3{margin:0;font-size:14px;line-height:20px}
.participant-list{display:flex;flex-direction:column;gap:2px}
.participant-row{display:flex;align-items:center;gap:10px;padding:10px 12px;min-width:0;background:var(--surface-field)}
.participant-avatar{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;overflow:hidden;background:var(--tint);font-size:12px;color:var(--collab-muted)}
.participant-avatar img{width:100%;height:100%;object-fit:cover}
.participant-identity{flex:1;min-width:0}.participant-identity strong{display:block;font-size:14px;line-height:20px;font-weight:500;overflow-wrap:anywhere}
.participant-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:none}
.thread-participants .participant-actions button,.thread-participants .participant-actions select{min-height:32px;padding:6px 10px;margin:0;font:inherit;font-size:12px;line-height:20px;border:0;border-radius:2px;background-color:var(--tint);color:var(--ink)}
.thread-participants .participant-actions button:hover{background:var(--surface-hover,var(--bg))}
.thread-participants .participant-actions .danger{color:var(--danger)}
.participant-role,.participant-feedback{font-size:12px;line-height:18px;color:var(--collab-muted)}
.participant-feedback{margin:0}.participant-feedback[role=alert]{color:var(--danger)}
.participant-confirmation{padding:16px;background:var(--surface-field);font-size:13px;line-height:20px}.participant-confirmation p{margin:8px 0 16px;color:var(--collab-muted)}
@media(max-width:520px){.participant-row{flex-wrap:wrap}.participant-row .participant-actions{width:100%;padding-left:38px}.thread-participants .participant-actions button,.thread-participants .participant-actions select{min-height:44px}}
.thread-invitations form,.thread-invitations section{display:flex;flex-direction:column;gap:12px}
.thread-invitations h3{margin:0;font-size:14px;line-height:20px}
.thread-invitations section:empty{display:none}
.thread-invitations .invitation-fields{display:grid;grid-template-columns:minmax(0,1fr) 142px;gap:12px}
.thread-invitations label{display:flex;flex-direction:column;gap:6px;margin:0;font-size:12px;color:var(--collab-muted)}
.thread-invitations input,.thread-invitations select{width:100%;min-width:0;height:36px;margin:0;padding:8px 10px;border:0;background-color:var(--surface-field);color:var(--ink);border-radius:2px;font:inherit;font-size:14px}
.thread-invitations .invitation-description,.thread-invitations .invitation-feedback{margin:0;font-size:12px;line-height:18px;color:var(--collab-muted)}
.thread-invitations .invitation-actions{display:flex;gap:6px;justify-content:flex-end;flex-shrink:0}
.thread-invitations button{min-height:32px;padding:6px 10px;font-size:13px;line-height:20px}
.thread-invitations .invitation-pending-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;background:var(--surface-field)}
.invitation-pending-row>div:first-child{display:flex;flex-direction:column;min-width:0;gap:3px;overflow-wrap:anywhere}
.invitation-pending-row strong{font-size:13px}.invitation-pending-row span{font-size:12px;color:var(--collab-muted)}
.thread-invitations .invitation-links summary{font-size:13px;cursor:pointer;color:var(--collab-muted)}
body .thread-invitations .access-management{margin:12px 0 0;padding:0;border:0}
.thread-invitations .access-management h3{display:none}
.thread-invitations .access-management p{font-size:12px;line-height:18px;color:var(--collab-muted)}
.thread-invitations .access-link-controls{margin-top:12px}
@media(max-width:520px){.thread-invitations .invitation-fields{grid-template-columns:1fr}.thread-invitations .invitation-pending-row{align-items:flex-start;flex-direction:column}.thread-invitations input,.thread-invitations select,.thread-invitations button{min-height:44px}.thread-invitations .invitation-actions{align-self:flex-end}}
.primary:is(:hover,:active){background:color-mix(in srgb,var(--ink) 86%,var(--bg));border-color:transparent;color:var(--bg)}
.collab-chat{--font-sans:var(--v2-font)}

/* The fixed-width inner container owns the 12px inset. Padding the outer
   clipping pane again pushes its contents beyond the right edge. */
.app .sidebar{--tint:var(--navigation-active);background:var(--navigation-bg);border-right:0;padding:0}
.sidebar .collab-avatar-stack{--background:var(--navigation-bg)}
.app .sidebar-top{height:var(--app-header-height);margin:0;padding:0 12px}
.collab-macos .app .sidebar-top{margin-bottom:0}
.app .new-thread{height:36px;min-height:36px;margin:20px 0;padding:0 12px;border:0;border-radius:var(--control-radius);background:color-mix(in srgb,var(--ink) 85%,var(--navigation-bg));color:var(--navigation-bg);justify-content:space-between;flex-direction:row-reverse;box-shadow:none}
.app .new-thread:is(:hover,:active){background:var(--ink);color:var(--navigation-bg)}
/* Suisse's visible letters sit slightly above its line-box center. */
.new-thread-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transform:translateY(1px)}
.app .group-label{padding:0 12px 8px;font-size:var(--type-meta-size);line-height:var(--type-meta-line);letter-spacing:-0.01em}
.app .thread-item small{margin-top:4px}
.app .sidebar-bottom{border-top:0;padding:8px 0 12px;margin:0}
.app .sidebar-bottom :is(#account,#setup){padding:6px 12px;gap:8px;min-height:36px;border-radius:var(--control-radius)}
/* Onboarding must read as a card against navigation, with a separate control fill. */
.conversation>.onboarding-card{--onboarding-bg:#f0f0f0;background:var(--onboarding-bg);border:0}
:root[data-theme=dark] .onboarding-card{--onboarding-bg:#242424}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .onboarding-card{--onboarding-bg:#242424}}
.onboarding-card-actions button{background:color-mix(in srgb,var(--ink) 12%,var(--onboarding-bg));color:var(--ink)}
.onboarding-card-actions button:hover,.onboarding-card .onboarding-card-skip:hover{background:color-mix(in srgb,var(--ink) 20%,var(--onboarding-bg));color:var(--ink)}
.onboarding-card :is(.onboarding-card-header,p,.onboarding-card-skip){color:var(--collab-muted)}

/* Share main's 44px header rhythm with the navigation. */
.app .thread-header{height:var(--app-header-height);border-bottom:0;padding:0 16px 0 24px;background:var(--thread-strip-bg)}
.app .thread-header h1{font-size:var(--type-ui-size);line-height:var(--type-ui-line);letter-spacing:-0.02em;margin:0}
.app .thread-heading .eyebrow{display:none}
/* Utility pages and loading share the title strip's midpoint surface. */
.app .workspace{position:relative;background:var(--thread-strip-bg)}
.app .workspace>:is(#thread-loading,#welcome,#computer-onboarding,#computer-view,#account-view){background:var(--thread-strip-bg)}
/* Non-thread pages own their headings. Keep only the navigation toggle
   floating over the page when the sidebar is unavailable. */
.app .workspace:has(>:is(#computer-view,#account-view,#welcome,#computer-onboarding):not([hidden]))>.thread-header{display:contents}
.app .workspace:has(>:is(#computer-view,#account-view,#welcome,#computer-onboarding):not([hidden]))>.thread-header>:not(#menu){display:none}
.app .workspace:has(>:is(#computer-view,#account-view,#welcome,#computer-onboarding):not([hidden]))>.thread-header>#menu{position:absolute;top:8px;left:8px;z-index:4;background:var(--thread-strip-bg)}
.app #account-view{padding:48px 24px 32px}
@media(max-width:900px){
 .app.sidebar-collapsed .workspace:has(>:is(#computer-view,#account-view):not([hidden]))>:is(#computer-view,#account-view){padding-top:56px}
 .app.sidebar-collapsed .workspace>#computer-view .computer-fleet-page-title{margin-top:0}
}
@media(max-width:760px){
 .app .workspace:has(>:is(#computer-view,#account-view):not([hidden]))>:is(#computer-view,#account-view){padding-top:56px}
 .app .workspace>#computer-view .computer-fleet-page-title{margin-top:0}
}
.thread-content .conversation{border-right:0;background:var(--conversation-bg)}
.thread-content .surface-pane{background:var(--panel)}
.thread-content .surface-pane .section-label,.thread-content .surface-footer{display:none}

/* Human messages share a text edge beneath the name, beside the avatar gutter. */
.collab-chat .collab-turn[data-direction] .agent-user,.collab-chat .chat-message__bubble{background:transparent;color:var(--human-message-ink);padding:0;border:0;border-radius:0;box-shadow:none}
.collab-chat .collab-turn,.collab-chat .chat-message--user{align-items:flex-start;text-align:left}
.collab-chat .collab-author{font-size:var(--type-meta-size);line-height:var(--type-meta-line);color:var(--muted-foreground);gap:8px;margin-bottom:4px;justify-content:flex-start}
.collab-chat .collab-author span{color:var(--muted-foreground)}
.collab-chat .collab-turn[data-direction] .agent-user{align-self:flex-start;max-width:100%;min-width:0;box-sizing:border-box}
/* Own message groups stay on the right; their text still reads from the left. */
.collab-chat .collab-turn[data-kind=human],.agent-sheet .agent-sheet-prompt{display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:7px;row-gap:0;min-width:0}
.collab-chat .collab-turn[data-kind=human]>*,.agent-sheet .agent-sheet-prompt>*{grid-column:2;min-width:0}
.collab-chat .collab-turn[data-kind=human]>.collab-author,.agent-sheet .agent-sheet-prompt>.agent-sheet-author{position:relative;grid-column:1/-1;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}
.collab-chat .collab-turn[data-direction=outgoing],.agent-sheet .agent-sheet-prompt[data-direction=outgoing]{display:flex;flex-direction:column;width:100%;max-width:none;margin-left:0;align-self:stretch}
.collab-chat .collab-turn[data-direction=outgoing]{align-items:stretch}
.collab-chat .collab-turn[data-direction=outgoing]>.collab-author,.agent-sheet .agent-sheet-prompt[data-direction=outgoing]>.agent-sheet-author{justify-content:flex-end}
.collab-chat .collab-turn[data-direction=outgoing]>.collab-author>.conversation-person-avatar,.agent-sheet .agent-sheet-prompt[data-direction=outgoing]>.agent-sheet-author>.conversation-person-avatar{position:static}
.collab-chat .collab-turn[data-direction=outgoing] .chat-message--user{align-items:flex-end}
.collab-chat .collab-turn[data-direction=outgoing] .agent-user{align-self:flex-end;max-width:87%;background:var(--human-message-own-bg);padding:12px 14px;border-radius:2px}
.collab-chat .collab-turn[data-direction=outgoing]>.collab-message-actions{justify-content:flex-end}
.collab-chat .collab-turn[data-direction=outgoing] .collab-message-attachments{justify-content:flex-end;margin-left:auto}
/* Agent prose uses the same text column, with the asterisk in the gutter. */
.collab-chat :is(.collab-turn[data-kind=agent],.collab-agent-reply,.collab-live-turn),.agent-sheet .agent-sheet-message{display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:7px;row-gap:0;min-width:0}
.collab-chat :is(.collab-turn[data-kind=agent],.collab-agent-reply,.collab-live-turn)>*,.agent-sheet .agent-sheet-message>*{grid-column:2;min-width:0}
.collab-chat :is(.collab-turn[data-kind=agent],.collab-agent-reply,.collab-live-turn)>:is(.collab-author,.collab-agent-reply-head),.agent-sheet .agent-sheet-message>.agent-sheet-author{position:relative;flex-wrap:wrap}
.collab-chat :is(.collab-turn[data-kind=agent],.collab-agent-reply,.collab-live-turn)>:is(.collab-author,.collab-agent-reply-head)>:is(.conversation-mark,.collab-agent-avatar),.agent-sheet .agent-sheet-message>.agent-sheet-author>.conversation-mark{position:absolute;left:-27px;top:0}
.collab-chat .agent-transcript{padding-inline:0}
.collab-chat .collab-agent-mention{background:transparent;color:var(--agent-mine,#7fb3e0);padding:0}
.collab-chat .agent-transcript-content{padding-left:var(--chat-inline-inset)!important;padding-right:var(--chat-inline-inset)!important;gap:22px}
.collab-chat .collab-turn + .collab-turn{margin-top:0}

/* Agent status lines sit on the message text edge. */
.collab-agent-line{align-items:flex-start;margin:0}
.collab-agent-line > button{padding:2px 0;border-radius:var(--r);max-width:100%}
.collab-agent-line > button:hover{background:transparent}

/* Shared hierarchy for the conversation and focused agent chat. */
.collab-chat .collab-turn[data-kind=human]{--turn-ink:var(--human-message-ink)}
.collab-chat .collab-turn[data-kind=human] .agent-user-body,
.agent-sheet .agent-sheet-bubble{font-size:var(--type-body-size);line-height:var(--type-body-line);font-weight:600;overflow-wrap:anywhere}
.collab-chat .collab-turn[data-kind=human] .collab-author,
.agent-sheet .agent-sheet-prompt>.agent-sheet-author{font-size:.75rem;line-height:1.25rem;gap:7px;margin-bottom:7px;color:var(--message-meta)}
.collab-chat .collab-turn[data-kind=human] .collab-author>span{color:var(--message-meta)}
.collab-chat .conversation-author time{font-size:.6875rem;line-height:1.125rem;color:var(--agent-status-ink)}
:root body :is(.collab-chat,.agent-sheet) :is(.collab-turn,.collab-live-turn,.agent-sheet-prompt,.agent-sheet-message)>.conversation-author{min-height:21px;line-height:20px;margin-bottom:5px;align-items:flex-start}
.conversation-author>span:not(.conversation-person-avatar),.conversation-author>strong{padding-top:1px}
.conversation-author>time{padding-top:2px}
:is(.collab-chat,.agent-sheet) .conversation-person-avatar{width:20px;height:20px;font-size:10px}
.collab-chat .collab-message-actions .collab-message-action-icon{justify-content:flex-start;background:transparent;box-shadow:none;padding:0}
.collab-chat .collab-message-actions .collab-message-action-icon svg{margin:0}
.collab-chat .collab-message-actions .collab-message-action-icon:is(:hover,:focus-visible,[data-hovered=true],[data-pressed=true]){background:transparent;color:var(--ink);box-shadow:none}
.collab-chat .collab-agent-line>button{align-items:flex-start;gap:8px;text-align:left;font-size:.75rem;line-height:1.25rem;font-weight:500;min-width:0;color:var(--agent-status-ink)}
.collab-agent-line-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;padding-top:1px}
.collab-agent-line-summary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.collab-agent-line-detail{font-size:.6875rem;line-height:1.125rem;color:var(--agent-status-ink);white-space:normal;overflow-wrap:anywhere}
.collab-agent-line .collab-agent-line-step{opacity:1}
.collab-agent-line .collab-agent-line-mark{margin-top:2px}
.collab-agent-line time{font-size:.6875rem;line-height:1.25rem;color:var(--agent-status-ink);opacity:1;padding-top:1px}
.collab-agent-line time::before{content:none}
.collab-chat .collab-agent-line>button:is(:hover,:focus-visible){--agent-status-ink:var(--ink);background:transparent;color:var(--ink)}
/* Muted interactive controls brighten without introducing a filled tile. */
.collab-chat .collab-pro-composer :is(.agent-composer-attach,.agent-icon-button,.agent-composer-queue):not(:disabled,[aria-disabled=true]):is(:hover,:focus-visible,[data-hovered=true]),
.agent-sheet :is(.collab-upload-attach,.agent-sheet-stop,.agent-sheet-close,.agent-sheet-fold,.agent-sheet-settings>summary):not(:disabled,[aria-disabled=true]):is(:hover,:focus-visible){background:transparent;color:var(--ink)}

/* Toolbar: the landing page's 32px tags. */
.collab-chat-toolbar{border-bottom:0;padding:var(--content-inset) var(--chat-inline-inset) 0;gap:4px}
.collab-agent-pill,.collab-gallery-button{height:28px;padding:0 8px;border:0!important;border-radius:var(--r)!important;background:transparent;color:var(--ink);gap:6px;font-size:var(--type-ui-size);line-height:var(--type-ui-line)}
.collab-agent-pill:hover,.collab-gallery-button:hover{background:var(--tint)}
.collab-agent-pill[aria-pressed=true]{background:#7b7b7b;color:#000}
.collab-agent-pill .agent-sheet-mark{width:12px;height:12px;border-radius:2px}

/* Composer shares the transcript's content edge. */
.collab-chat .agent-footer{padding:0 var(--chat-inline-inset) var(--content-inset)}
.collab-chat .agent-composer,.collab-chat .collab-composer-shell .agent-composer{border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important}
.collab-chat :is(.agent-composer-send,.agent-composer-attach,.agent-composer-queue,.agent-composer-stop,.agent-mode-picker,.collab-away-pill){border-radius:var(--control-radius);box-shadow:none}

/* Agent thread: a floating layer inset 12px inside the chat column. */
.agent-sheet{inset:12px;max-height:none;border:0;border-radius:var(--surface-radius);background:#262626;box-shadow:0 8px 24px rgb(0 0 0/.16)}
:root[data-theme=light] .agent-sheet{background:var(--agent-sheet-bg)}
.agent-sheet-grabber{display:none}
.agent-sheet-head{height:56px;padding:0 12px}
.agent-sheet-close{border-radius:var(--r);background:transparent}
.agent-sheet-status{border:0;background:transparent!important;padding:0 24px 8px}
.agent-sheet-log{padding:24px;gap:12px}
.agent-sheet-bubble{border-radius:var(--r);padding:12px 16px;max-width:100%;align-self:stretch}
.agent-sheet-prompt{align-items:stretch}
.agent-sheet-composer{margin:0 24px 24px;border-radius:0;border:0;background:transparent;box-shadow:none}
.agent-sheet-composer button[type=submit],.agent-sheet-primary{background:var(--ink);color:var(--bg);border-radius:var(--r);min-height:36px;padding:8px 12px;line-height:var(--type-ui-line)}
.agent-sheet-readonly{border-top:0;padding:16px 24px 24px}
.agent-sheet-mark{border-radius:2px}

/* Gallery and dialogs. */
.gallery-head{min-height:44px}
dialog{border:0;border-radius:var(--surface-radius);background:var(--surface-overlay);padding:32px;box-shadow:0 16px 48px rgb(0 0 0/.5)}
.dialog-head h2{letter-spacing:-0.03em}
.primary{border-radius:var(--r)}

/* Theme-aware floating surfaces and compact agent conversations. */
:root{--agent-sheet-bg:var(--surface-card)}
:root[data-theme=dark]{--agent-sheet-bg:var(--surface-card);--muted:#aaa;--line:#3b3b3b}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--agent-sheet-bg:var(--surface-card);--muted:#aaa;--line:#3b3b3b}}
.agent-sheet{--muted:color-mix(in srgb,var(--ink) 72%,var(--agent-sheet-bg));--c-muted:var(--muted);background:var(--agent-sheet-bg);color:var(--ink)}
.agent-sheet-log{flex:1;min-height:0;padding:16px 24px;gap:24px}
.agent-sheet-intro h2{font-size:1.125rem;line-height:1.5rem}
.agent-sheet-intro ul{font-size:var(--type-support-size);line-height:1.25rem;gap:6px}
.agent-sheet-mark.big{width:28px;height:28px;border-radius:2px}
.agent-sheet-composer{background:transparent;border:0;padding:8px 0;box-shadow:none}
.agent-sheet-composer textarea{color:var(--ink)}
/* A quiet content-width divider separates the transcript from both composers. */
.collab-chat .collab-composer-shell,
.collab-chat .collab-composer-shell.is-replying,
.agent-sheet-composer,
.agent-sheet-composer:focus-within{border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent);padding-top:12px}
.collab-agent-pill[aria-pressed=true]{background:var(--tint);color:var(--ink)}
.agent-sheet-prompt{gap:4px}
.agent-sheet-prompt[data-direction=outgoing]{align-items:flex-end;text-align:left}
.agent-sheet-prompt[data-direction=outgoing]>.agent-sheet-author{justify-content:flex-end}
.agent-sheet-prompt[data-direction=outgoing]>.agent-sheet-bubble{align-self:flex-end;max-width:87%;background:var(--human-message-own-bg)}
.agent-sheet-prompt[data-direction=incoming]{align-items:flex-start}
.agent-sheet .agent-sheet-bubble{background:transparent;padding:0;border:0;border-radius:0;max-width:100%;align-self:flex-start;box-sizing:border-box;color:var(--human-message-ink);text-align:left}
.agent-sheet-prompt{gap:0}
.agent-sheet .agent-sheet-prompt[data-direction=outgoing]>.agent-sheet-bubble,
.agent-sheet[data-mine] .agent-sheet-prompt[data-direction=outgoing]>.agent-sheet-bubble{background:var(--human-message-own-bg);padding:12px 14px;border-radius:2px;max-width:87%;align-self:flex-end}
.agent-sheet .agent-sheet-prompt[data-queued]>.agent-sheet-bubble{border:0}
.agent-sheet .agent-sheet-bubble .agent-markdown>:first-child{margin-top:0}
.agent-sheet .agent-sheet-bubble .agent-markdown>:last-child{margin-bottom:0}
.agent-sheet .agent-sheet-author{font-size:.75rem;line-height:1.25rem}
.agent-sheet .agent-sheet-divider{font-size:.6875rem;line-height:1.125rem;color:var(--agent-status-ink);justify-content:center;margin:0}
.agent-sheet .agent-sheet-divider::before,.agent-sheet .agent-sheet-divider::after{content:none}
.agent-sheet .agent-sheet-fold{font-size:.75rem;line-height:1.25rem}
.agent-sheet-message{margin:0;font-size:var(--type-body-size);line-height:var(--type-body-line)}
.agent-sheet-message :is(p,ul,ol){margin-top:0;margin-bottom:8px}
.agent-sheet-message :is(p,ul,ol):last-child{margin-bottom:0}
.agent-sheet-status,.agent-sheet-owner{font-size:var(--type-support-size);line-height:var(--type-support-line);color:var(--muted)}
.agent-sheet-head{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;min-height:44px;height:auto;padding:16px 16px 8px 24px;gap:2px 12px}
.agent-sheet-title{grid-column:1;grid-row:1;min-width:0;font-size:var(--type-ui-size);line-height:var(--type-ui-line);overflow-wrap:anywhere}
.agent-sheet-title>.agent-sheet-mark{width:14px;height:14px}
.agent-sheet-visibility{grid-column:1;grid-row:2;color:var(--muted);font-size:var(--type-support-size);line-height:var(--type-support-line);overflow-wrap:anywhere}
.agent-sheet-close{grid-column:2;grid-row:1;align-self:center;width:32px;height:32px;min-width:32px}
.agent-sheet-close:hover{background:var(--surface-hover);color:var(--ink)}
.agent-sheet-settings{position:relative;color:var(--ink);flex:none}
.agent-sheet-settings>summary{display:grid;place-items:center;width:36px;height:36px;padding:0;list-style:none;cursor:pointer;color:var(--muted);border-radius:var(--control-radius)}
.agent-sheet-settings>summary::-webkit-details-marker{display:none}
.agent-sheet-settings>summary:hover,.agent-sheet-settings[open]>summary{color:var(--ink);background:var(--surface-hover)}
.agent-sheet-settings-panel{position:absolute;bottom:calc(100% + 8px);left:0;z-index:30;width:min(320px,calc(100vw - 80px));max-height:min(440px,55dvh);overflow:auto;padding:16px;background:var(--surface-overlay);border:0;border-radius:var(--surface-radius);box-shadow:0 8px 24px rgb(0 0 0/.18)}
.agent-sheet-settings>summary:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
.agent-sheet-settings-panel .collab-agent-settings{display:grid;gap:12px}
.agent-sheet-settings-panel .collab-settings-field .select{grid-template-columns:64px minmax(0,1fr)}
@media(max-width:760px),(pointer:coarse){.agent-sheet-settings>summary{width:44px;height:44px}}
@media(max-width:760px),(pointer:coarse){.app .thread-header,.app .sidebar-top{height:52px}.app .new-thread,.app .sidebar-bottom :is(#account,#setup){min-height:44px}.collab-agent-pill,.collab-gallery-button{height:44px}}
.agent-sheet-composer .agent-sheet-composer-actions>button{display:grid;place-items:center;width:36px;height:36px;padding:0}
@media(max-width:700px){.agent-sheet{inset:8px}.agent-sheet-head{padding:12px 8px 8px 16px}.agent-sheet-log{padding:12px 16px}.agent-sheet-composer{margin:0 16px 16px}.agent-sheet-status,.agent-sheet-owner{padding-left:16px;padding-right:16px}.agent-sheet-hint{white-space:normal}}
@media(max-width:760px){
 :root{--content-inset:16px;--chat-inline-inset:12px}
 .app .thread-header{padding-inline:16px}
}
/* Keep the focused conversation on the same tighter horizontal rhythm. */
.agent-sheet-head,.agent-sheet-log,.agent-sheet-status,.agent-sheet-owner,.agent-sheet-readonly{padding-left:var(--chat-inline-inset);padding-right:var(--chat-inline-inset)}
.agent-sheet-composer{margin-left:var(--chat-inline-inset);margin-right:var(--chat-inline-inset)}
@media(max-width:760px),(pointer:coarse){
 .app .new-thread,.app .sidebar-bottom :is(#account,#setup){min-height:44px}
 .collab-agent-pill,.collab-gallery-button,.agent-sheet-composer button[type=submit],.agent-sheet-primary,.agent-sheet-quick-actions button{min-height:44px}
 .agent-sheet-close{width:44px;height:44px;min-width:44px}
 .agent-sheet-composer .agent-sheet-composer-actions>button{width:44px;height:44px;min-width:44px}
}

.conversation>.onboarding-card{flex:none;min-width:0;max-height:40%;overflow:auto;margin:12px;padding:12px;border-radius:var(--surface-radius,2px)}
.nc-suggestions{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow:auto}
.nc-suggestions:empty{display:none}
#welcome-form{width:min(100%,360px);margin-top:16px;text-align:left}
#welcome-form button{width:100%}
.welcome{overflow:auto}