/* 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}
: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;
  --conversation-bg:var(--bg);
  --conversation-history:color-mix(in srgb,var(--ink) 72%,var(--bg));
  --conversation-agent:#526915;
}
:root[data-theme=dark]{--bg:#1c1c1c;--panel:#161616;--ink:#ededed;--muted:#8a8a8a;--line:#262626;--tint:#262626;--white:#262626;--conversation-bg:#161616;--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:#161616;--conversation-agent:#d4f577}}
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)}
.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{background:var(--panel);border-right:0;padding:0}
.app .sidebar-top{height:64px;margin:0;padding:0 12px}
.app .new-thread{height:40px;margin:8px 0 16px;padding:0 12px;border:0;border-radius:var(--control-radius);background:var(--ink);color:var(--bg);justify-content:space-between;flex-direction:row-reverse}
.app .new-thread:hover{background:#fff}
.new-thread-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.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:16px 0 24px;margin:0}
.app .sidebar-bottom :is(#account,#setup){padding:8px 12px;gap:8px;min-height:40px;border-radius:var(--control-radius)}

/* Header: 64px, text at 24px, no rule under it. */
.app .thread-header{height:64px;border-bottom:0;padding:0 16px 0 24px}
.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}
.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}

/* Chat: flat messages, names and times as small grey lines, 32px between messages. */
.collab-chat .collab-turn[data-direction] .agent-user,.collab-chat .chat-message__bubble{background:transparent!important;color:inherit;padding:0!important;border-radius:0!important;box-shadow:none!important}
.collab-chat .collab-turn,.collab-chat .chat-message--user{align-items:flex-start!important;text-align:left}
.collab-chat .collab-turn[data-direction=outgoing] .collab-author{justify-content:flex-start;flex-direction:row}
.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%}
.collab-chat .collab-turn[data-direction=outgoing]>.collab-message-actions{justify-content:flex-start}
.collab-chat .collab-turn[data-direction=outgoing] .collab-message-attachments{justify-content:flex-start;margin-left: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(--content-inset)!important;padding-right:var(--content-inset)!important;gap:32px}
.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:-20px 0 0}
.collab-agent-line > button{padding:2px 0;border-radius:var(--r);max-width:100%}
.collab-agent-line > button:hover{background:transparent}

/* Toolbar: the landing page's 32px tags. */
.collab-chat-toolbar{border-bottom:0;padding:12px var(--content-inset) 0;gap:4px}
.collab-agent-pill,.collab-gallery-button{height:32px;padding:2px 12px 0;border:0!important;border-radius:var(--r)!important;background:transparent;gap:8px;font-size:var(--type-ui-size)}
.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:8px;height:8px;border-radius:2px}

/* Composer shares the transcript's content edge. */
.collab-chat .agent-footer{padding:0 var(--content-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{top:60px;left:12px;right:12px;bottom:12px;max-height:none;border:0;border-radius:var(--surface-radius);background:#262626;box-shadow:0 16px 48px rgb(0 0 0/.5)}
:root[data-theme=light] .agent-sheet{background:#fff}
.agent-sheet-grabber{display:none}
.agent-sheet-head{height:56px;padding:0 12px}
.agent-sheet-switch{background:transparent;padding:0;gap:4px}
.agent-sheet-switch button{height:32px;padding:2px 12px 0;border-radius:var(--r);font-size:var(--type-ui-size)}
.agent-sheet-switch button[aria-selected=true]{background:#7b7b7b;color:#000;box-shadow:none}
.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);height:32px;padding:2px 12px 0}
.agent-sheet-readonly{border-top:0;padding:16px 24px 24px}
.agent-sheet-mark{border-radius:2px}

/* Gallery and dialogs. */
.gallery-head{min-height:64px}
dialog{border:0;border-radius:var(--surface-radius);background:var(--white);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(--bg)}
:root[data-theme=dark]{--agent-sheet-bg:#262626;--muted:#aaa;--line:#3b3b3b}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--agent-sheet-bg:#262626;--muted:#aaa;--line:#3b3b3b}}
.agent-sheet{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)}
.agent-sheet-switch button[aria-selected=true],.collab-agent-pill[aria-pressed=true]{background:var(--tint);color:var(--ink)}
.agent-sheet-prompt{gap:4px}
.agent-sheet-bubble{background:transparent!important;padding:0;border:0!important}
.agent-sheet-message{margin:0}
.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:1.25rem}
.agent-sheet-head{min-height:48px;height:auto;padding:8px 12px}
.agent-sheet-title,.agent-sheet-switch button{font-size:var(--type-support-size)}
.app .new-thread:hover{background:var(--muted)}
@media(max-width:700px){.agent-sheet{top:48px;left:8px;right:8px;bottom:8px}.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-switch button{padding-left:8px;padding-right:8px}.agent-sheet-hint{white-space:normal}}
@media(max-width:760px){
 :root{--content-inset:16px}
 .app .thread-header{padding-inline:16px}
}
@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-switch 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}
}