/* Home conversation layout. Load after style.css; business pages keep their layout. */ body.home-layout-active { overflow: hidden; } body.home-layout-active .shell { position: fixed; top: var(--home-viewport-top, 0px); left: 0; right: 0; height: var(--home-viewport-height, 100dvh); min-height: 0; } body.home-layout-active .sidebar { height: 100%; min-height: 0; top: 0; } body.home-layout-active main { display: flex; flex-direction: column; min-height: 0; } body.home-layout-active .topbar { flex: 0 0 auto; } body.home-layout-active .service-notice { flex: 0 0 auto; max-height: 25%; overflow: auto; margin: 10px 0 0; } body.home-layout-active .footnote, body.home-layout-active #assistant-bubble, body.home-layout-active #floating-assistant { display: none; } /* Low-frequency appearance controls remain one keyboard-accessible disclosure. */ .appearance-options { position: relative; } .topbar:has(.appearance-options[open]) { position: relative; z-index: 30; } .appearance-options > summary { cursor: pointer; list-style: none; border-radius: 12px; padding: 7px 12px; font-size: 12px; } .appearance-options > summary::-webkit-details-marker { display: none; } .appearance-options > summary:hover { background: var(--blue-tint); } .appearance-options > summary:focus-visible, .home-tools > summary:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; } .appearance-options[open] > summary { background: var(--surface); } .appearance-menu { position: absolute; right: 0; top: calc(100% + 10px); z-index: 50; width: 175px; display: grid; gap: 4px; padding: 8px; border-radius: 16px; background: var(--surface); border: 1px solid var(--line); box-shadow: var(--shadow); } .appearance-menu button { width: 100%; min-height: 44px; text-align: left; font-size: 12px; } .home-create-task { display: none; } #workspace.chat-home { max-width: 1040px; width: 100%; margin: 0 auto; flex: 1 1 0; min-height: 0; display: flex; flex-direction: column; } #workspace.chat-home > .heading-row { flex: 0 0 auto; justify-content: space-between; text-align: left; margin: 26px 0 10px; gap: 20px; } #workspace.chat-home .heading-row h1 { margin: 0; font-size: 26px; line-height: 1.4; letter-spacing: -.6px; font-weight: 600; } #workspace.chat-home .heading-row p { font-size: 13px; margin: 5px 0 0; } #workspace.chat-home .home-create-task { display: inline-flex; gap: 7px; align-items: center; justify-content: center; white-space: nowrap; font-size: 13px; padding: 10px 17px; } #workspace.chat-home .home-chat { flex: 1 1 0; min-height: 0; width: min(100%, 850px); display: flex; flex-direction: column; gap: 10px; padding: 0; margin: 0 auto; border: 0; border-radius: 0; background: none; box-shadow: none; backdrop-filter: none; } .home-transcript { position: relative; flex: 1 1 0; min-height: 0; border-radius: 22px; isolation: isolate; } .home-transcript::before, .home-transcript::after { content: ''; position: absolute; left: 0; right: 0; height: 24px; z-index: 1; pointer-events: none; background: var(--glass); backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); } .home-transcript::before { top: 0; border-radius: 22px 22px 0 0; mask-image: linear-gradient(#000, transparent); } .home-transcript::after { bottom: 0; border-radius: 0 0 22px 22px; mask-image: linear-gradient(transparent, #000); } #workspace.chat-home #home-answer { height: 100%; max-height: none; min-height: 0; margin: 0; border: 1px solid var(--glass-edge); border-radius: 22px; background: color-mix(in srgb, var(--glass) 45%, transparent); overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; overflow-anchor: none; scrollbar-gutter: stable both-edges; scrollbar-width: thin; scrollbar-color: color-mix(in srgb, var(--muted) 40%, transparent) transparent; padding: 24px 14px 54px; font-size: 14px; backdrop-filter: blur(var(--glass-blur)); -webkit-backdrop-filter: blur(var(--glass-blur)); } #home-recovery-notice, #home-draft-link { flex: 0 0 auto; width: 100%; min-width: 0; margin: 0; } #home-draft-link { padding: 0; } #home-recovery-notice .form-recovery-inline[open] { max-height: min(160px, 24dvh); overflow-y: auto; } #home-answer .message { font-size: 14px; line-height: 1.9; margin-bottom: 28px; } #home-answer .message:last-child { margin-bottom: 0; } #home-answer .message.user { width: fit-content; max-width: min(86%, 640px); margin-left: auto; background: var(--surface); border: 1px solid var(--line); border-radius: 19px 19px 5px 19px; padding: 12px 18px; box-shadow: 0 3px 10px #34507006; } #home-answer .message.assistant, .floating-messages .message.assistant { padding: 16px 18px; border: 1px solid var(--line); border-radius: 5px 19px 19px 19px; background: var(--glass); box-shadow: inset 0 1px 0 var(--glass-edge), 0 4px 16px #34507008; } #home-answer .message.assistant::before { content: "✦ K-Agent"; display: block; color: var(--muted); font-size: 12px; font-weight: 600; margin-bottom: 8px; } #home-answer .source-pill { font-size: 11px; } #home-answer > .grill-card, #home-answer > .plan-card { margin: 16px 0; padding: 20px; background: var(--surface); } #home-answer .plan-card p, #home-answer .plan-card li { font-size: 13px; } #home-answer button, #home-answer a.chat-action { min-height: 44px; font-size: 13px; } #home-answer .document-preview pre { white-space: pre-wrap; overflow-wrap: anywhere; } .home-empty { position: absolute; inset: 0; overflow: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 20px 12px 40px; } .home-empty .orb { width: 54px; height: 54px; font-size: 32px; margin-bottom: 18px; } .home-empty h2 { font-size: clamp(20px, 2.2vw, 27px); font-weight: 550; letter-spacing: -.5px; } .home-empty p { max-width: 390px; color: var(--muted); font-size: 13px; margin-top: 12px; line-height: 1.8; } #home-form { position: relative; flex: 0 0 auto; width: 100%; margin: 0; padding: 15px 17px 12px; border-radius: 23px; box-shadow: inset 0 1px 0 var(--glass-edge), 0 8px 30px #2a456515; } #workspace.chat-home #home-input { display: block; width: 100%; padding: 3px 5px 8px; min-height: 54px; max-height: var(--home-input-max, 180px); resize: none; overflow-y: auto; font-size: 15px; line-height: 1.7; border-radius: 7px; } #workspace.chat-home .home-chat-bottom { display: flex; flex-wrap: nowrap; align-items: center; gap: 10px; padding: 8px 0 0; } #home-composer-status { flex: 1; min-width: 0; font-size: 11px; color: var(--muted); } #home-form[data-busy=true] #home-composer-status { color: var(--accent); } #home-form button[type=submit] { display: inline-flex; align-items: center; gap: 10px; flex-shrink: 0; min-height: 44px; padding: 8px 16px; font-size: 13px; } #home-form button[type=submit] span { margin: 0; } #home-stop { flex-shrink: 0; border: 1px solid var(--line); min-height: 44px; background: var(--surface); font-size: 12px; } .home-tools { position: relative; flex-shrink: 0; } .home-tools > summary { list-style: none; cursor: pointer; font-size: 12px; color: var(--muted); padding: 8px 10px; min-height: 40px; display: flex; align-items: center; gap: 6px; border-radius: 12px; } .home-tools > summary::-webkit-details-marker { display: none; } .home-tools > summary:hover, .home-tools[open] > summary { background: var(--surface); color: var(--ink); } #workspace.chat-home .home-suggestions { position: absolute; bottom: calc(100% + 10px); left: 0; z-index: 5; display: grid; gap: 4px; padding: 7px; min-width: 210px; border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow); background: var(--surface); } #workspace.chat-home .home-suggestions button { width: 100%; min-height: 44px; font-size: 13px; padding: 10px 12px; text-align: left; border: 0; background: transparent; border-radius: 10px; } #workspace.chat-home .home-suggestions button:hover { background: var(--blue-tint); } .floating-messages { overflow-anchor: none; } #home-intake-welcome { width: min(100%, 610px); } .home-empty .intake-intro { max-width: 510px; margin: 12px auto 20px; } .intake-examples { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; text-align: left; } .intake-example { display: flex; flex-direction: column; gap: 5px; min-width: 0; min-height: 64px; padding: 13px 16px; border: 1px solid var(--line); border-radius: 15px; background: var(--surface); text-align: left; } .intake-example strong { font-size: 13px; font-weight: 600; } .intake-example span { color: var(--muted); font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; } .intake-example:hover { background: var(--blue-tint); } .intake-caption { display: block; color: var(--muted); font-size: 11px; line-height: 1.7; margin-top: 12px; } .intake-guide { font-size: 12px; text-align: left; } .intake-guide > summary { cursor: pointer; color: var(--muted); padding: 6px 5px 10px; min-height: 32px; } .intake-guide-content { max-height: min(340px, 35dvh); overflow-y: auto; overscroll-behavior: contain; padding: 4px 8px 14px; border-bottom: 1px solid var(--line); margin-bottom: 9px; } .intake-guide-content > p { line-height: 1.8; margin: 0 0 12px; } .intake-rules { margin: 14px 0 0; } .intake-rules dt { font-weight: 600; margin-top: 12px; } .intake-rules dd { color: var(--muted); margin: 4px 0 0; line-height: 1.8; } #floating-intake-guide { padding: 0 16px; min-height: 0; flex: 0 1 auto; overflow-y: auto; overscroll-behavior: contain; } #floating-intake-guide .intake-guide-content { max-height: none; overflow: visible; } .intake-examples-compact .intake-example { padding: 10px; } @media (max-width: 600px) { .home-empty:has(#home-intake-welcome) { justify-content: flex-start; } .home-empty:has(#home-intake-welcome) > .orb { display: none; } .intake-example { padding: 10px; } } @media (min-width: 601px) and (max-width: 1000px) { body.home-layout-active .shell { grid-template-columns: 164px minmax(0, 1fr); gap: 16px; padding: 14px; } body.home-layout-active .sidebar { padding: 20px 9px; } body.home-layout-active .nav-item { padding: 11px 9px; font-size: 12px; justify-content: flex-start; gap: 9px; } body.home-layout-active .brand { padding: 0 5px 24px; gap: 9px; } body.home-layout-active .brand b { display: block; font-size: 23px; } body.home-layout-active .sidebar-bottom { display: block; } #workspace.chat-home .heading-row h1 { font-size: 23px; } #workspace.chat-home .home-create-task { font-size: 12px; padding: 9px 12px; } } @media (max-width: 600px) { body.home-layout-active .shell { padding: 10px 10px calc(83px + env(safe-area-inset-bottom, 0px)); } body.home-layout-active main { height: 100%; padding: 0; } body.home-layout-active .sidebar { position: absolute; height: 61px; top: auto; bottom: calc(10px + env(safe-area-inset-bottom, 0px)); } body.home-layout-active .sidebar nav .nav-item { flex: 1 1 0; min-width: 0; } body.home-layout-active .sidebar-bottom { flex: 0 0 40px; } .appearance-options > summary { min-height: 44px; display: flex; align-items: center; padding: 7px 9px; } #workspace.chat-home > .heading-row { margin: 17px 2px 8px; gap: 8px; } #workspace.chat-home .heading-row h1 { font-size: 21px; } #workspace.chat-home .heading-row p { font-size: 12px; margin-top: 3px; } #workspace.chat-home .home-create-task { font-size: 12px; padding: 9px 11px; } #workspace.chat-home #home-answer { padding: 16px 7px 52px; } #home-answer .message.assistant { padding: 12px; } #home-answer .message { font-size: 14px; margin-bottom: 23px; } #home-answer .message.user { max-width: 90%; padding: 10px 14px; } .home-empty { padding: 12px 10px 24px; } .home-empty .orb { width: 44px; height: 44px; font-size: 28px; margin-bottom: 14px; } .home-empty h2 { font-size: 21px; } .home-empty p { font-size: 12px; max-width: 280px; } #home-form { border-radius: 20px; padding: 11px 11px 9px; } #workspace.chat-home #home-input { font-size: 16px; min-height: 49px; max-height: min(150px, var(--home-input-max, 150px)); } #workspace.chat-home .home-chat-bottom { gap: 7px; padding-top: 5px; } #home-composer-status { font-size: 10px; line-height: 1.5; } #home-form button[type=submit] { padding: 8px 13px; } .home-tools > summary { min-height: 44px; padding: 7px; } #home-stop { padding: 7px 10px; } } @media (max-width: 370px) { #workspace.chat-home .home-create-task { padding: 8px; font-size: 11px; } #workspace.chat-home .heading-row h1 { font-size: 19px; } #home-form .home-send-label { display: none; } #home-form button[type=submit] { min-width: 44px; justify-content: center; padding: 8px; } } body.home-compact #workspace.chat-home > .heading-row { margin-top: 8px; margin-bottom: 5px; } body.home-compact #workspace.chat-home .heading-row p { display: none; } body.home-compact .home-empty .orb { display: none; } body.home-compact .home-empty { padding: 8px; } body.home-compact .home-empty h2 { font-size: 18px; } body.home-compact .home-empty p { margin-top: 4px; } body.home-compact #workspace.chat-home #home-input { min-height: 39px; } body.home-compact #workspace.chat-home #home-answer { padding-bottom: 16px; } @media (forced-colors: active) { #home-form, .appearance-menu, .home-suggestions { border: 1px solid CanvasText; box-shadow: none; } .home-transcript::before, .home-transcript::after { display: none; } #workspace.chat-home #home-answer, #home-answer .message.assistant, .floating-messages .message.assistant { border: 1px solid CanvasText; background: Canvas; backdrop-filter: none; } } @media (prefers-reduced-transparency: reduce), (prefers-contrast: more) { .home-transcript::before, .home-transcript::after { display: none; } #workspace.chat-home #home-answer, #home-answer .message.assistant, .floating-messages .message.assistant { background: var(--surface); backdrop-filter: none; -webkit-backdrop-filter: none; } } body[data-clear=true] .home-transcript::before, body[data-clear=true] .home-transcript::after { display: none; } body[data-clear=true] #workspace.chat-home #home-answer, body[data-clear=true] #home-answer .message.assistant, body[data-clear=true] .floating-messages .message.assistant { background: var(--surface); backdrop-filter: none; -webkit-backdrop-filter: none; } /* Assistant Markdown uses text nodes, never model-provided HTML. */ .chat-rich-text { min-width: 0; overflow-wrap: anywhere; line-height: 1.8; } #home-input, #floating-input, #home-answer, #floating-messages { font-family: inherit; letter-spacing: normal; } .message .chat-rich-text p { margin: 0 0 12px; white-space: pre-wrap; } .chat-rich-text > :last-child { margin-bottom: 0; } .chat-rich-text h3 { font-size: 1.05em; line-height: 1.6; margin: 18px 0 10px; } .chat-rich-text > h3:first-child { margin-top: 0; } .chat-rich-text ul, .chat-rich-text ol { margin: 8px 0 14px; padding-left: 24px; } .chat-rich-text li { margin: 6px 0; } .chat-rich-text code { font: inherit; padding: 1px 4px; border-radius: 5px; background: var(--surface-soft); } .chat-rich-text pre { max-width: 100%; overflow: auto; padding: 12px; margin: 12px 0; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-soft); } .chat-rich-text pre code { font: .9em/1.6 ui-monospace, Consolas, monospace; padding: 0; white-space: pre; } .chat-rich-text blockquote { margin: 12px 0; padding: 4px 12px; border-left: 3px solid var(--accent); color: var(--muted); white-space: pre-wrap; } .chat-rich-text a { text-decoration: underline; text-underline-offset: 3px; } .chat-rich-text hr { border: 0; border-top: 1px solid var(--line); margin: 16px 0; } .chat-rich-table { max-width: 100%; overflow-x: auto; margin: 12px 0; } .chat-rich-table table { min-width: 0; width: 100%; border-collapse: collapse; font-size: .92em; } .chat-rich-table th, .chat-rich-table td { padding: 8px 10px; border: 1px solid var(--line); text-align: left; white-space: normal; } .chat-rich-table th { background: var(--surface-soft); } #home-draft-link .chat-draft-link { min-height: 42px; padding: 9px 14px; border: 1px solid var(--glass-edge); border-radius: 14px; background: var(--glass); box-shadow: inset 0 1px 0 var(--glass-edge); } #home-draft-link .chat-draft-link::before { content: '▤'; margin-right: 9px; } #home-draft-link .chat-draft-link:hover { background: var(--blue-tint); } #home-recovery-notice .form-recovery-inline { padding: 11px 14px; border-color: var(--glass-edge); border-radius: 14px; background: var(--glass); } /* The shared floating conversation uses the same readable glass layers as home. */ #workspace[data-chat-active=false] #home-draft-link { display: none; } #workspace[data-chat-active=false] .home-transcript::before, #workspace[data-chat-active=false] .home-transcript::after { display: none; } #workspace[data-chat-active=false] #home-empty { min-height: 100%; } #home-empty { scrollbar-width: none; } #home-empty::-webkit-scrollbar, #home-answer::-webkit-scrollbar-button { display: none; } @media (max-height: 800px) { #home-empty > .orb { display: none; } #home-empty { padding-block: 8px; } #home-empty .intake-intro { margin: 8px auto 14px; } } #floating-assistant { background: rgba(239,246,255,.68); border: 1px solid rgba(255,255,255,.85); border-radius: 26px; backdrop-filter: blur(30px) saturate(145%); -webkit-backdrop-filter: blur(30px) saturate(145%); box-shadow: inset 0 1px 0 #ffffffd9, 0 24px 70px #18385a29; } #floating-assistant .agent-header { background: rgba(255,255,255,.30); border: 0; border-bottom: 1px solid #ffffff99; box-shadow: none; } #floating-assistant .context-strip { background: rgba(233,242,255,.4); border-bottom: 1px solid #ffffff88; } #floating-assistant .floating-messages { min-height: 90px; scrollbar-width: thin; scrollbar-color: #819ab866 transparent; scroll-padding-bottom: 16px; } #floating-assistant .floating-suggestions { flex-wrap: wrap; } #floating-assistant .floating-suggestions button { background: #ffffff66; border-color: #ffffffaa; border-radius: 14px; } #floating-assistant .compose { background: #ffffffa6; border: 1px solid #ffffffd9; border-radius: 18px; box-shadow: 0 4px 18px #47648b0d; } #floating-assistant .compose textarea { background: transparent; } body[data-theme=dark]:not([data-clear=true]) #floating-assistant { background: rgba(24,36,54,.82); border-color: rgba(255,255,255,.18); } body[data-theme=dark] #floating-assistant .agent-header, body[data-theme=dark] #floating-assistant .context-strip { background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.14); } body[data-theme=dark] #floating-assistant .compose, body[data-theme=dark] #floating-assistant .floating-suggestions button { background: rgba(40,56,77,.84); border-color: rgba(255,255,255,.16); } #home-collapse { flex-shrink: 0; font-size: 12px; border: 1px solid var(--line); padding: 7px 10px; } @media (max-width: 600px) { #workspace.chat-home .home-chat-bottom { flex-wrap: wrap; } #home-composer-status { flex-basis: 100%; order: 2; } } #floating-intake-guide { max-height: 25dvh; overflow: auto; flex-shrink: 0; } body[data-clear=true] #floating-assistant, body[data-clear=true] #floating-assistant .compose { background: var(--surface); backdrop-filter: none; -webkit-backdrop-filter: none; } @media (prefers-reduced-transparency: reduce), (prefers-contrast: more), (forced-colors: active) { #floating-assistant, #floating-assistant .agent-header, #floating-assistant .context-strip, #floating-assistant .compose { background: var(--surface); backdrop-filter: none; -webkit-backdrop-filter: none; } } .document-resource-row { display: flex; align-items: center; gap: 8px; } .document-resource-row .deliverable { flex: 1; min-width: 0; } #task-group-detail { position: relative; } #task-group-detail > .resource-menu-host { position: absolute; top: 18px; right: 18px; } .detail-actions > .resource-menu-host { margin-left: auto; } /* K-Agent's full-page mode keeps the existing conversation and creation form mounted. */ .agent-selected-sources,.agent-compose-tools,.agent-context-status{display:none} body.agent-workspace-active .shell{display:block;height:var(--home-viewport-height,100dvh);min-height:0;padding:10px} body.agent-workspace-active .sidebar,body.agent-workspace-active .topbar{display:none} body.agent-workspace-active #main{height:100%;min-height:0;padding:0;overflow:hidden} body.agent-workspace-active #workspace.agent-full{width:100%;max-width:none;height:100%;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) 218px;grid-template-rows:auto minmax(0,1fr);gap:10px;position:relative} #workspace.agent-full>.heading-row{display:none} #workspace.agent-full .agent-header{grid-column:1;grid-row:1;min-width:0;display:flex;align-items:center;gap:10px;padding:9px 14px} .agent-header strong{font-size:16px;white-space:nowrap}.agent-header-subtitle{font-size:11px;color:var(--muted)} #agent-sources-open{margin-left:auto;white-space:nowrap}#agent-source-count{font-size:11px;margin-left:3px} #workspace.agent-full .home-chat{grid-column:1;grid-row:2;width:100%;min-width:0;min-height:0;max-width:none;margin:0;padding:0 2px;gap:0;border:1px solid var(--line);border-radius:20px;background:var(--glass);overflow:hidden} #workspace.agent-full .home-transcript{min-height:0} #workspace.agent-full #home-answer{border:0;border-radius:0;background:transparent;padding:20px max(15px,calc((100% - 850px)/2)) 40px} #workspace.agent-full #home-form{border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;padding:10px 15px} #workspace.agent-full #home-input{min-height:45px;max-height:var(--home-input-max,140px)} #workspace.agent-full .agent-selected-sources{display:flex;gap:6px;flex-wrap:wrap;min-height:0;margin:4px 0} .agent-source-chip{display:inline-flex;gap:5px;align-items:center;padding:3px 8px;border:1px solid var(--line);border-radius:999px;background:var(--blue-tint);font-size:11px;max-width:100%}.agent-source-chip button{border:0;min-height:22px;padding:0 3px;background:transparent;color:inherit} #workspace.agent-full .agent-compose-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-top:5px} .agent-compose-tools select{min-height:32px;max-width:145px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)} #agent-budget{margin-left:auto}#agent-budget,#agent-model{white-space:nowrap} #workspace.agent-full .agent-context-status:not([hidden]){display:block;margin:4px 0;font-size:11px;color:var(--muted)} #workspace.agent-full .home-chat-bottom{padding-top:3px} #workspace.agent-full .home-tools,#workspace.agent-full #home-collapse{display:none} #workspace.agent-full .agent-nav{grid-column:2;grid-row:1/span 2;display:flex;flex-direction:column;gap:3px;overflow:auto;padding:15px 10px;min-height:0} .agent-nav header{display:flex;align-items:center;justify-content:space-between}.agent-nav h2{font-size:12px;color:var(--muted);padding:0 10px}.agent-nav button[data-agent-page]{border:0;background:transparent;text-align:left;padding:10px;border-radius:9px;color:var(--ink)}.agent-nav button[data-agent-page]:hover{background:var(--blue-tint)}#agent-nav-close{display:none} #agent-nav-open{display:none} .agent-overlay{position:fixed;inset:0;background:#1d335667;z-index:68} .agent-sources{position:fixed;top:75px;right:245px;z-index:69;width:min(430px,calc(100vw - 20px));max-height:calc(100dvh - 95px);padding:14px;display:flex;flex-direction:column;gap:9px;min-height:0} .agent-sources header{display:flex;justify-content:space-between;align-items:center}.agent-sources h2{margin:0;font-size:15px}.agent-sources input{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px;background:var(--surface);color:var(--ink)} .agent-source-tabs{display:flex;gap:4px;flex-wrap:wrap}.agent-source-tabs button{border:0;border-radius:8px;padding:7px;background:transparent}.agent-source-tabs button[aria-selected=true]{background:var(--blue-tint);color:var(--accent);font-weight:650} .agent-source-results{display:grid;align-content:start;gap:6px;overflow:auto;min-height:0}.agent-source-item{display:block;width:100%;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:9px;text-align:left;color:var(--ink)}.agent-source-item[aria-pressed=true]{background:var(--blue-tint);border-color:var(--accent)}.agent-source-item strong,.agent-source-item small{display:block}.agent-source-item small{color:var(--muted);margin-top:3px} #workspace.agent-full .agent-sources[hidden],#workspace.agent-full .agent-nav[hidden]{display:none} @media(max-width:820px){body.agent-workspace-active .shell{padding:7px}#workspace.agent-full{display:flex!important;flex-direction:column}#workspace.agent-full .agent-header{flex:0 0 auto;width:100%;padding:8px}#workspace.agent-full .home-chat{flex:1 1 0;width:100%}#agent-nav-open{display:inline-flex}.agent-header-subtitle{display:none}#workspace.agent-full .agent-nav{position:fixed;z-index:70;right:0;top:0;bottom:0;width:min(270px,86vw);border-radius:18px 0 0 18px}#agent-nav-close{display:inline-flex}.agent-sources{right:8px;top:68px;max-height:calc(100dvh - 82px)}} @media(max-width:520px){#workspace.agent-full .agent-header strong{font-size:13px}#workspace.agent-full .agent-header{gap:5px}#agent-sources-open,#agent-nav-open,#agent-back{padding:7px;font-size:11px}#workspace.agent-full #home-answer{padding:12px 8px 20px}#workspace.agent-full #home-form{padding:8px}#workspace.agent-full .agent-compose-tools{gap:5px}#agent-budget{width:100%;margin-left:0}#agent-model{font-size:10px}} /* Isolate this compact toolbar from the legacy full-width button/form rules. */ #workspace.agent-full .agent-header>button{width:auto;min-width:0;flex:0 0 auto;white-space:nowrap} #workspace.agent-full .agent-header>strong{flex:0 0 auto} #workspace.agent-full .agent-header-subtitle{min-width:0;flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #workspace.agent-full #agent-sources-open{margin-left:0} #workspace.agent-full #home-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 8px} #workspace.agent-full #home-form>label,#workspace.agent-full #home-input,#workspace.agent-full .agent-selected-sources,#workspace.agent-full .agent-context-status{grid-column:1/-1} #workspace.agent-full #home-input{grid-row:1} #workspace.agent-full .agent-selected-sources{grid-row:2} #workspace.agent-full .agent-compose-tools{grid-column:1;grid-row:3;flex-wrap:nowrap;min-width:0;overflow:hidden} #workspace.agent-full .agent-context-status{grid-row:4} #workspace.agent-full .agent-compose-tools>button{width:auto;flex:0 0 auto;white-space:nowrap} #workspace.agent-full #agent-workflow{width:auto;min-width:100px;flex:0 0 auto} #workspace.agent-full #agent-budget{width:auto;min-width:0;max-width:330px;flex:1 1 auto;margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #workspace.agent-full #agent-model{width:auto;flex:0 0 auto;white-space:nowrap} #workspace.agent-full .home-chat-bottom{grid-column:2;grid-row:3;display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:5px;margin:0;padding:0} #workspace.agent-full #home-composer-status{display:none} .assistant-trace{margin:12px 0;padding:12px 16px;border:1px solid var(--line);border-radius:13px;background:var(--surface-soft)}.assistant-trace summary{cursor:pointer;font-size:12px;font-weight:650}.assistant-trace ol{margin:8px 0 0;padding-left:20px;font-size:11px;color:var(--muted)}.assistant-trace li{margin:5px 0;overflow-wrap:anywhere} #workspace.agent-full #home-form button[type=submit],#workspace.agent-full #home-stop{width:auto;flex:0 0 auto;white-space:nowrap;min-height:36px;padding:6px 10px} @media(max-width:820px){#workspace.agent-full #home-form{grid-template-columns:minmax(0,1fr) auto}#workspace.agent-full .agent-compose-tools{flex-wrap:wrap}#workspace.agent-full #agent-budget{max-width:190px}#workspace.agent-full #agent-model{display:inline;max-width:180px;overflow:hidden;text-overflow:ellipsis}} @media(max-width:520px){#workspace.agent-full .agent-compose-tools{display:grid;grid-template-columns:max-content minmax(0,1fr);grid-template-rows:auto auto;gap:4px 6px;overflow:visible}#workspace.agent-full .agent-compose-tools>label{display:none}#workspace.agent-full #agent-attach{grid-column:1;grid-row:1}#workspace.agent-full #agent-workflow{grid-column:2;grid-row:1;width:100%;max-width:none;min-width:0}#workspace.agent-full #agent-budget{grid-column:1;grid-row:2;width:auto;max-width:none;margin:0;font-size:10px;overflow:visible;text-overflow:clip}#workspace.agent-full #agent-model{grid-column:2;grid-row:2;width:auto;max-width:none;font-size:10px;overflow:visible;text-overflow:clip}#workspace.agent-full .agent-compose-tools>button{font-size:11px;padding:6px}#workspace.agent-full #home-form button[type=submit] .home-send-label{display:none}} /* Quiet, single-panel conversation treatment for the dedicated workspace. */ #workspace.agent-full .home-chat{border:0;background:transparent;overflow:visible;backdrop-filter:none;box-shadow:none} #workspace.agent-full .home-transcript::before,#workspace.agent-full .home-transcript::after{display:none} #workspace.agent-full #home-answer{padding:24px max(18px,calc((100% - 780px)/2)) 32px} #workspace.agent-full #home-answer .message{max-width:100%;margin:0 0 21px;line-height:1.7} #workspace.agent-full #home-answer .message.assistant{border:0;background:transparent;box-shadow:none;border-radius:0;padding:4px 0 0} #workspace.agent-full #home-answer .message.assistant::before{display:none} #workspace.agent-full #home-answer .message.user{max-width:min(82%,620px);margin-left:auto;padding:9px 14px;border:0;border-radius:18px;background:var(--surface-soft);box-shadow:none} #workspace.agent-full #home-answer .message.user p{margin:0} #workspace.agent-full #home-answer .message-sources{margin-top:5px;font-size:11px;color:var(--muted)} #workspace.agent-full #home-answer .message-sources summary{cursor:pointer;width:max-content;list-style:none} #workspace.agent-full #home-answer .message-sources summary::-webkit-details-marker{display:none} #workspace.agent-full #home-answer .message-sources p{margin:4px 0 0;overflow-wrap:anywhere} #workspace.agent-full #home-answer .assistant-progress,#workspace.agent-full #home-answer .assistant-trace{border:0;border-radius:0;background:transparent;box-shadow:none;padding:3px 0;margin:8px 0 15px;color:var(--muted)} #workspace.agent-full #home-answer .assistant-progress summary,#workspace.agent-full #home-answer .assistant-trace summary{font-weight:500;font-size:11px;cursor:pointer;color:var(--muted)} #workspace.agent-full #home-answer .assistant-progress ul{margin-top:7px} #workspace.agent-full .home-empty .orb,#workspace.agent-full #home-intake-welcome{display:none} #workspace.agent-full .home-empty h2{font-size:18px;font-weight:500;color:var(--muted)} #workspace.agent-full #home-form{width:min(calc(100% - 24px),850px);margin:0 auto 11px;padding:12px 14px 10px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:0 7px 26px #29466d12;gap:5px 9px} #workspace.agent-full #home-input{width:100%;min-height:49px;max-height:var(--home-input-max,140px);padding:3px 0 6px;border:0;background:transparent;box-shadow:none;font-size:14px;line-height:1.6;resize:none} #workspace.agent-full #home-input:focus-visible{outline:0} #workspace.agent-full #home-form:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 15%,transparent),0 7px 26px #29466d12} #workspace.agent-full .agent-selected-sources{margin:0 0 4px;gap:5px} #workspace.agent-full .agent-selected-sources:empty{display:none} #workspace.agent-full .agent-source-chip{padding:2px 7px;background:var(--blue-tint);border:0;font-size:10px} #workspace.agent-full .agent-compose-tools{margin:0;gap:7px;font-size:11px;min-width:0} #workspace.agent-full .agent-compose-tools>label{display:none} #workspace.agent-full #agent-attach{width:34px;height:34px;min-height:34px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;font-size:20px;line-height:1;background:transparent} #workspace.agent-full #agent-workflow{min-width:94px;max-width:128px;min-height:32px;height:32px;padding:0 22px 0 8px;border-radius:9px;background:transparent;font-size:11px} #workspace.agent-full .agent-budget-details{position:relative;margin-left:auto;min-width:0;flex:0 0 auto} #workspace.agent-full #agent-budget{display:inline-flex;align-items:center;min-height:29px;padding:2px 8px;border-radius:999px;background:var(--surface-soft);font-size:10px;color:var(--muted);cursor:pointer;list-style:none;white-space:nowrap} #workspace.agent-full #agent-budget::-webkit-details-marker{display:none} #workspace.agent-full .agent-budget-details[open] #agent-budget{color:var(--ink);background:var(--blue-tint)} #workspace.agent-full #agent-budget-help{position:absolute;right:0;bottom:calc(100% + 8px);z-index:20;width:min(330px,80vw);max-height:45dvh;overflow:auto;margin:0;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow);font-size:11px;line-height:1.6;color:var(--ink)} #workspace.agent-full #agent-model{max-width:170px;overflow:hidden;text-overflow:ellipsis;font-size:11px;color:var(--muted)} #workspace.agent-full .agent-context-status:not([hidden]){margin:2px 0 0;padding:5px 8px;border-radius:8px;background:var(--surface-soft);color:var(--ink)} #workspace.agent-full .home-chat-bottom{gap:5px} #workspace.agent-full #home-form button[type=submit],#workspace.agent-full #home-stop{width:36px;height:36px;min-height:36px;padding:0;display:grid;place-items:center;border-radius:50%} #workspace.agent-full #home-form button[type=submit] .home-send-label{display:none} #workspace.agent-full #home-form button[type=submit] span[aria-hidden]{font-size:20px;line-height:1} #workspace.agent-full #home-stop{font-size:0} #workspace.agent-full #home-stop::after{content:'■';font-size:15px;line-height:1} @media(max-width:820px){#workspace.agent-full #agent-model{max-width:160px}#workspace.agent-full #home-form{width:min(calc(100% - 14px),850px)}} @media(max-width:520px){#workspace.agent-full #home-answer{padding:15px 11px 24px}#workspace.agent-full #home-answer .message.user{max-width:90%}#workspace.agent-full #home-form{width:calc(100% - 8px);margin-bottom:5px;padding:10px 11px 8px}#workspace.agent-full .agent-compose-tools{grid-template-columns:34px minmax(0,1fr) auto;grid-template-rows:34px 27px;gap:3px 6px}#workspace.agent-full #agent-attach{grid-column:1;grid-row:1}#workspace.agent-full #agent-workflow{grid-column:2/-1;grid-row:1;width:100%;max-width:none}#workspace.agent-full .agent-budget-details{grid-column:1/3;grid-row:2;margin:0}#workspace.agent-full #agent-budget{min-height:26px;padding:2px 7px}#workspace.agent-full #agent-model{grid-column:3;grid-row:2;max-width:150px;overflow:hidden;text-overflow:ellipsis;align-self:center}#workspace.agent-full .home-chat-bottom{align-self:center}} /* The agent occupies the existing main region, with the global sidebar and topbar intact. */ body.agent-workspace-active .shell{display:grid;grid-template-columns:224px minmax(0,1fr);gap:16px;padding:14px} body.agent-workspace-active .sidebar{display:flex} body.agent-workspace-active .topbar{display:flex;flex:0 0 auto} body.agent-workspace-active #main{display:flex;flex-direction:column;height:100%;min-width:0;min-height:0;padding:0} body.agent-workspace-active .breadcrumb{display:flex;align-items:center;gap:12px;min-width:0} body.agent-workspace-active #agent-sources-open{width:auto;min-height:30px;margin:0;padding:5px 10px;font-size:11px} body.agent-workspace-active #workspace.agent-full{flex:1 1 0;height:auto;min-height:0;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:minmax(0,1fr);gap:12px} body.agent-workspace-active #workspace.agent-full.agent-tools-collapsed{grid-template-columns:minmax(0,1fr)} #workspace.agent-full .home-chat{grid-column:1;grid-row:1;height:100%;min-width:0;min-height:0} #workspace.agent-full #home-form[data-unavailable=true] #home-composer-status{display:block;grid-column:1/-1;grid-row:5;color:var(--muted)} #workspace.agent-full .agent-tools{grid-column:2;grid-row:1;position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border-radius:18px;padding:0} #workspace.agent-full .agent-tools[hidden],#workspace.agent-full .agent-sources[hidden],#workspace.agent-full .agent-form-host[hidden]{display:none} #workspace.agent-full .agent-tools-head{display:flex;align-items:center;gap:5px;padding:10px;border-bottom:1px solid var(--line);flex:0 0 auto} #workspace.agent-full .agent-tool-tabs{display:flex;flex:1;gap:4px;min-width:0} #workspace.agent-full .agent-tool-tabs button{min-height:34px;flex:1;padding:5px 7px;font-size:11px;white-space:nowrap} #workspace.agent-full .agent-tool-tabs button[aria-selected=true]{background:var(--blue-tint);color:var(--accent);font-weight:650} #workspace.agent-full #agent-tools-close{width:32px;min-height:32px;padding:0;font-size:19px} #workspace.agent-full .agent-sources{position:static;z-index:auto;width:100%;max-height:none;flex:1 1 0;min-height:0;padding:12px;gap:9px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden} #workspace.agent-full .agent-form-host{flex:1 1 0;min-height:0;overflow:hidden} #workspace.agent-full .agent-source-tabs button{padding:6px 5px;font-size:10px} #workspace.agent-full .agent-source-results{flex:1 1 0;min-height:0;overflow:auto} #workspace.agent-full .agent-overlay{display:none} #workspace.agent-full .task-create-drawer.task-create-docked{position:static;inset:auto;width:100%;height:100%;border:0;box-shadow:none;background:transparent;backdrop-filter:none} #workspace.agent-full .task-create-docked .task-create-drawer-head{padding:10px 13px} #workspace.agent-full .task-create-docked .task-create-drawer-head h2{font-size:14px} #workspace.agent-full .task-create-docked .task-create-drawer-head p{display:none} #workspace.agent-full .task-create-docked .task-create-drawer-body{padding:0 13px 13px} #workspace.agent-full .task-create-docked .legacy-form{grid-template-columns:minmax(0,1fr);gap:11px;padding-top:10px} #workspace.agent-full .task-create-docked .legacy-actions{bottom:-13px;margin:3px -13px -13px;padding:10px 13px} @media(max-width:1100px){body.agent-workspace-active .shell{grid-template-columns:164px minmax(0,1fr);gap:12px;padding:10px}body.agent-workspace-active #workspace.agent-full{grid-template-columns:minmax(0,1fr);display:grid!important}#workspace.agent-full .agent-tools{position:fixed;z-index:70;right:0;top:0;bottom:0;width:min(380px,92vw);height:100dvh;border-radius:18px 0 0 18px;background:var(--surface)}#workspace.agent-full .agent-overlay:not([hidden]){display:block}#workspace.agent-full .home-chat{width:100%}} @media(max-width:600px){body.agent-workspace-active .shell{grid-template-columns:minmax(0,1fr);gap:0;padding:7px 7px calc(83px + env(safe-area-inset-bottom,0px))}body.agent-workspace-active .sidebar{position:absolute;top:auto;bottom:calc(7px + env(safe-area-inset-bottom,0px));height:61px}body.agent-workspace-active #main{height:100%;padding:0}body.agent-workspace-active .topbar{padding:6px 9px}#workspace.agent-full .agent-tools{width:min(380px,96vw)}#workspace.agent-full #home-form{margin-bottom:4px}} /* Keep K-Agent's shell dimensions aligned with every other route. */ body.agent-workspace-active .shell{grid-template-columns:224px minmax(0,1fr);gap:26px;padding:20px} body.agent-workspace-active #main{padding:0 8px 0 0} body.agent-workspace-active #agent-back{width:auto;min-height:30px;padding:5px 9px;font-size:11px} @media(max-width:1250px){body.agent-workspace-active .shell{grid-template-columns:205px minmax(0,1fr);gap:20px}} @media(max-width:850px){body.agent-workspace-active .shell{grid-template-columns:184px minmax(0,1fr);gap:14px;padding:12px}} @media(max-width:600px){body.agent-workspace-active .shell{display:block;padding:10px 10px calc(83px + env(safe-area-inset-bottom,0px))}body.agent-workspace-active .sidebar{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px))}body.agent-workspace-active #main{padding:0}body.agent-workspace-active .topbar{padding:8px 10px}} /* Home and workspace share the same glass composer treatment and text scale. */ #workspace.chat-home #home-form,#workspace.agent-full #home-form{border:1px solid var(--glass-edge);border-radius:23px;background:var(--glass);backdrop-filter:blur(var(--glass-blur)) saturate(135%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(135%);box-shadow:inset 0 1px 0 var(--glass-edge),0 8px 30px #2a456515} #workspace.chat-home #home-input,#workspace.agent-full #home-input{font-size:15px;line-height:1.7} @media(max-width:600px){#workspace.chat-home #home-input,#workspace.agent-full #home-input{font-size:16px}} /* All workspace actions live behind the composer plus menu. */ #workspace.agent-full .agent-compose-tools{overflow:visible;flex-wrap:nowrap} #workspace.agent-full .agent-plus-wrap{position:relative;flex:0 0 auto} #workspace.agent-full .agent-plus-menu{position:absolute;left:0;bottom:calc(100% + 9px);z-index:80;width:188px;max-height:min(360px,60dvh);overflow:auto;display:grid;gap:2px;padding:7px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)} #workspace.agent-full .agent-plus-menu[hidden]{display:none} #workspace.agent-full .agent-plus-menu button{width:100%;min-height:34px;border:0;border-radius:8px;padding:6px 9px;text-align:left;font-size:11px;background:transparent;white-space:nowrap} #workspace.agent-full .agent-plus-menu button:hover,#workspace.agent-full .agent-plus-menu button[aria-checked=true]{background:var(--blue-tint);color:var(--accent)} #workspace.agent-full .agent-plus-menu button:disabled{opacity:.5;cursor:default} #workspace.agent-full .agent-menu-divider{height:1px;margin:4px 2px;background:var(--line)} #workspace.agent-full .agent-menu-label{padding:3px 9px;color:var(--muted);font-size:10px} #workspace.agent-full .agent-workflow-chip{width:auto;min-height:27px;padding:3px 8px;border-radius:999px;background:var(--blue-tint);color:var(--accent);font-size:10px;white-space:nowrap} #workspace.agent-full #agent-workflow[hidden]{display:none} #workspace.agent-full .agent-tools{margin-top:12px;height:calc(100% - 12px)} @media(max-width:1100px){#workspace.agent-full .agent-tools{margin:0;height:auto;top:68px;bottom:0;border-radius:18px 0 0 0}} @media(max-width:520px){#workspace.agent-full .agent-compose-tools{display:grid;grid-template-columns:34px minmax(0,1fr) auto;grid-template-rows:34px 27px;gap:3px 5px;overflow:visible}#workspace.agent-full .agent-plus-wrap{grid-column:1;grid-row:1}#workspace.agent-full .agent-workflow-chip{grid-column:2/4;grid-row:1;justify-self:start}#workspace.agent-full .agent-budget-details{grid-column:1/3;grid-row:2;margin:0}#workspace.agent-full #agent-model{grid-column:3;grid-row:2;max-width:145px;align-self:center}#workspace.agent-full .agent-plus-menu{left:0}} body.agent-workspace-active #agent-back.agent-return{min-height:30px;padding:7px 5px;border:0;background:transparent;box-shadow:none;color:var(--muted);font-size:12px} body.agent-workspace-active #agent-back.agent-return:hover{color:var(--ink);background:transparent;text-decoration:underline} #workspace.chat-home #home-form:focus-within,#workspace.agent-full #home-form:focus-within{border-color:var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-edge),0 0 0 1px var(--line),0 8px 30px #2a456515} #workspace.agent-full #home-input:focus-visible{outline:0;border-color:transparent;box-shadow:none} /* The right tools overlay the chat and never narrow the home-sized composer. */ body.agent-workspace-active #workspace.agent-full,body.agent-workspace-active #workspace.agent-full.agent-tools-collapsed{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)} body.agent-workspace-active #workspace.agent-full .agent-tools{position:fixed;z-index:70;right:20px;top:68px;bottom:20px;width:min(400px,calc(100vw - 30px));height:auto;margin:0;border-radius:18px;background:var(--glass);box-shadow:var(--shadow)} #workspace.agent-full #home-form{width:min(100%,850px);min-height:0;margin:0 auto 10px;padding:15px 17px 12px;gap:5px 9px} #workspace.agent-full #home-input{min-height:54px;padding:3px 5px 8px;line-height:1.7} #workspace.agent-full .home-chat-bottom{min-height:44px} #workspace.agent-full #home-form button[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:auto;height:auto;min-height:44px;padding:8px 16px;border-radius:13px;font-size:13px} #workspace.agent-full #home-form button[type=submit] .home-send-label{display:inline} /* The transcript owns the scroll boundary. Its last line must clear the variable-height composer, including wrapped source chips and textarea rows. */ #workspace.agent-full .home-chat{gap:12px} #workspace.agent-full .home-transcript{min-height:0;overflow:hidden} #workspace.agent-full #home-answer{box-sizing:border-box;height:100%;min-height:0;overflow-y:auto;padding-bottom:max(44px,env(safe-area-inset-bottom,0px));scroll-padding-bottom:44px} .chat-clarification{margin:16px 0 2px;padding:15px;border:1px solid var(--line);border-radius:16px;background:var(--surface-soft)} .chat-clarification h3{margin:0 0 12px;font-size:14px} .chat-clarification fieldset{min-width:0;margin:0 0 15px;padding:0;border:0} .chat-clarification legend{width:100%;margin-bottom:8px;font-size:13px;font-weight:650;line-height:1.5} .chat-clarification-option{display:flex;align-items:flex-start;gap:9px;margin:5px 0;padding:9px 11px;border:1px solid var(--line);border-radius:11px;cursor:pointer;line-height:1.5} .chat-clarification-option:has(input:checked){border-color:var(--accent);background:var(--glass)} .chat-clarification-option:focus-within{outline:2px solid var(--accent);outline-offset:2px} .chat-clarification-option input{flex:0 0 auto;width:16px;height:16px;min-height:0;margin:2px 0 0;accent-color:var(--accent)} .chat-clarification-option span{min-width:0;overflow-wrap:anywhere} .chat-clarification-option small{display:block;margin-left:auto;color:var(--muted);font-size:11px} .chat-clarification-supplement{display:block;margin-top:10px;font-size:12px;color:var(--muted)} .chat-clarification-supplement textarea{display:block;box-sizing:border-box;width:100%;min-height:64px;max-height:160px;margin-top:5px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;resize:vertical} .chat-clarification-feedback{margin:5px 0;color:var(--red);font-size:12px} .chat-clarification-feedback[hidden]{display:none} .chat-clarification-send{min-height:40px;padding:8px 14px} #workspace.agent-full #home-stop{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;min-height:44px;padding:8px 13px;border-radius:12px;font-size:12px} #workspace.agent-full #home-stop::after{display:none} @media(max-width:1100px){body.agent-workspace-active #workspace.agent-full .agent-tools{right:0;bottom:0;width:min(400px,94vw);border-radius:18px 0 0 0}} @media(max-width:600px){#workspace.agent-full #home-form{width:100%;margin-bottom:4px;padding:11px 11px 9px;border-radius:20px}#workspace.agent-full #home-input{min-height:49px;max-height:min(150px,var(--home-input-max,150px))}#workspace.agent-full #home-form button[type=submit]{padding:8px 13px}body.agent-workspace-active #workspace.agent-full .agent-tools{width:min(400px,96vw)}} @media(max-width:370px){#workspace.agent-full #home-form button[type=submit] .home-send-label{display:none}#workspace.agent-full #home-form button[type=submit]{min-width:44px;padding:8px}} .resource-menu { position: relative; } .resource-menu > summary { list-style: none; cursor: pointer; min-width: 40px; min-height: 40px; display: grid; place-items: center; font-size: 23px; border-radius: 12px; } .resource-menu > summary::-webkit-details-marker { display: none; } .resource-menu[open] > summary, .resource-menu > summary:hover { background: var(--blue-tint); } .resource-menu-items { position: absolute; right: 0; top: 100%; min-width: 172px; padding: 6px; z-index: 45; border: 1px solid var(--glass-edge); border-radius: 14px; background: var(--surface); box-shadow: var(--shadow); } .resource-menu-items button { display: block; width: 100%; text-align: left; } .resource-technical { margin: 12px 0; padding: 10px; border: 1px solid var(--line); border-radius: 12px; overflow-wrap: anywhere; } .resource-compact-menus { display: flex; gap: 8px; } .settings-save-bar { position: sticky; top: 8px; z-index: 20; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 10px 14px; border: 1px solid var(--glass-edge); border-radius: 16px; background: var(--glass); backdrop-filter: blur(24px); } .settings-save-bar [role=status] { flex: 1 1 220px; margin: 0; } /* Quiet auxiliary controls: reveal their glass affordance only on interaction. */ body.agent-workspace-active .topbar button, body.agent-workspace-active .appearance-options > summary, #workspace.agent-full #agent-attach, #workspace.agent-full .agent-workflow-chip, #workspace.agent-full #agent-budget, #workspace.agent-full .agent-tool-tabs button, #workspace.agent-full #agent-tools-close, #workspace.agent-full .agent-source-tabs button { border-color: transparent; background: transparent; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; } body.agent-workspace-active .topbar button, body.agent-workspace-active .appearance-options > summary { border: 0; } body.agent-workspace-active .topbar button:hover, body.agent-workspace-active .topbar button:active, body.agent-workspace-active .topbar button:focus-visible, body.agent-workspace-active .appearance-options > summary:is(:hover,:active,:focus-visible), body.agent-workspace-active .appearance-options[open] > summary, #workspace.agent-full #agent-attach:is(:hover,:active,:focus-visible), #workspace.agent-full #agent-attach[aria-expanded=true], #workspace.agent-full .agent-workflow-chip:is(:hover,:active,:focus-visible), #workspace.agent-full #agent-budget:is(:hover,:active,:focus-visible), #workspace.agent-full .agent-budget-details[open] #agent-budget, #workspace.agent-full .agent-tool-tabs button:is(:hover,:active,:focus-visible), #workspace.agent-full #agent-tools-close:is(:hover,:active,:focus-visible), #workspace.agent-full .agent-source-tabs button:is(:hover,:active,:focus-visible) { border-color: var(--glass-edge); background: var(--glass); box-shadow: inset 0 1px 0 var(--glass-edge), 0 3px 12px #29466d12; backdrop-filter: blur(14px) saturate(130%); -webkit-backdrop-filter: blur(14px) saturate(130%); } body.agent-workspace-active #agent-back.agent-return:is(:hover,:active,:focus-visible) { border: 0; background: var(--glass); box-shadow: inset 0 0 0 1px var(--glass-edge), inset 0 1px 0 var(--glass-edge), 0 3px 12px #29466d12; backdrop-filter: blur(14px) saturate(130%); -webkit-backdrop-filter: blur(14px) saturate(130%); text-decoration: none; } body.agent-workspace-active .topbar button:focus-visible, body.agent-workspace-active .appearance-options > summary:focus-visible, #workspace.agent-full #agent-attach:focus-visible, #workspace.agent-full .agent-workflow-chip:focus-visible, #workspace.agent-full #agent-budget:focus-visible, #workspace.agent-full .agent-tool-tabs button:focus-visible, #workspace.agent-full #agent-tools-close:focus-visible, #workspace.agent-full .agent-source-tabs button:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; } /* One composer DOM and one layout in welcome and conversation states. */ #workspace.chat-home #home-form,#workspace.agent-full #home-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 9px;width:min(100%,850px);min-height:0;margin:0 auto 10px;padding:15px 17px 12px} #workspace.chat-home #home-form>label,#workspace.agent-full #home-form>label, #workspace.chat-home #home-input,#workspace.agent-full #home-input, #workspace.chat-home .agent-selected-sources,#workspace.agent-full .agent-selected-sources, #workspace.chat-home .agent-context-status,#workspace.agent-full .agent-context-status{grid-column:1/-1} #workspace.chat-home #home-input,#workspace.agent-full #home-input{grid-row:1;min-height:54px;padding:3px 5px 8px;border:0;background:transparent;box-shadow:none;font-size:15px;line-height:1.7} #workspace.chat-home #home-input:focus-visible,#workspace.agent-full #home-input:focus-visible{outline:0;box-shadow:none} #workspace.chat-home .agent-selected-sources,#workspace.agent-full .agent-selected-sources{display:flex;grid-row:2;gap:5px;flex-wrap:wrap;margin:0 0 4px} #workspace.chat-home .agent-selected-sources:empty,#workspace.agent-full .agent-selected-sources:empty{display:none} #workspace.chat-home .agent-source-chip,#workspace.agent-full .agent-source-chip{border:0;background:var(--glass);color:var(--muted);font-size:11px} #workspace.chat-home .agent-compose-tools,#workspace.agent-full .agent-compose-tools{display:flex;grid-column:1;grid-row:3;align-items:center;gap:7px;min-width:0;margin:0;overflow:visible;font-size:12px;color:var(--muted)} #workspace.chat-home .agent-plus-wrap,#workspace.agent-full .agent-plus-wrap{position:relative;flex:0 0 auto} #workspace.chat-home #agent-attach,#workspace.agent-full #agent-attach{display:grid;place-items:center;width:34px;height:34px;min-height:34px;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;font-size:12px;line-height:1.4;color:var(--muted)} #workspace.chat-home #agent-attach:is(:hover,:active,:focus-visible),#workspace.chat-home #agent-attach[aria-expanded=true],#workspace.agent-full #agent-attach:is(:hover,:active,:focus-visible),#workspace.agent-full #agent-attach[aria-expanded=true]{background:var(--glass);box-shadow:inset 0 0 0 1px var(--glass-edge),0 3px 12px #29466d12;backdrop-filter:blur(14px) saturate(130%)} #workspace.chat-home .agent-plus-menu,#workspace.agent-full .agent-plus-menu{position:absolute;left:0;bottom:calc(100% + 9px);z-index:80;width:188px;max-height:min(360px,60dvh);overflow:auto;display:grid;gap:2px;padding:7px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)} #workspace.chat-home .agent-plus-menu[hidden],#workspace.agent-full .agent-plus-menu[hidden]{display:none} #workspace.chat-home .agent-plus-menu button,#workspace.agent-full .agent-plus-menu button{width:100%;min-height:34px;border:0;border-radius:8px;padding:6px 9px;text-align:left;font-size:12px;line-height:1.4;background:transparent;color:var(--muted);white-space:nowrap} #workspace.chat-home .agent-plus-menu button:is(:hover,:focus-visible),#workspace.agent-full .agent-plus-menu button:is(:hover,:focus-visible){background:var(--glass);color:var(--ink)} #workspace.chat-home .agent-plus-menu button[aria-checked=true],#workspace.agent-full .agent-plus-menu button[aria-checked=true]{background:var(--glass);color:var(--muted)} #workspace.chat-home .agent-workflow-chip,#workspace.agent-full .agent-workflow-chip{width:auto;min-height:29px;padding:3px 8px;border:0;border-radius:999px;background:transparent;box-shadow:none;color:var(--muted);font-size:12px;line-height:1.4;white-space:nowrap} #workspace.chat-home .agent-workflow-chip:is(:hover,:focus-visible),#workspace.agent-full .agent-workflow-chip:is(:hover,:focus-visible){background:var(--glass);box-shadow:inset 0 0 0 1px var(--glass-edge)} #workspace.chat-home .agent-budget-details,#workspace.agent-full .agent-budget-details{position:relative;flex:0 0 auto;min-width:0;margin-left:auto} #workspace.chat-home #agent-budget,#workspace.agent-full #agent-budget{display:inline-flex;align-items:center;min-height:29px;padding:2px 8px;border:0;border-radius:999px;background:transparent;box-shadow:none;font-size:12px;line-height:1.4;color:var(--muted);cursor:pointer;list-style:none;white-space:nowrap} #workspace.chat-home #agent-budget:is(:hover,:focus-visible),#workspace.chat-home .agent-budget-details[open] #agent-budget,#workspace.agent-full #agent-budget:is(:hover,:focus-visible),#workspace.agent-full .agent-budget-details[open] #agent-budget{background:var(--glass);box-shadow:inset 0 0 0 1px var(--glass-edge)} #workspace.chat-home #agent-budget-help,#workspace.agent-full #agent-budget-help{position:absolute;right:0;bottom:calc(100% + 8px);z-index:20;width:min(330px,80vw);max-height:45dvh;overflow:auto;margin:0;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow);font-size:11px;line-height:1.6;color:var(--ink)} #workspace.chat-home #agent-model,#workspace.agent-full #agent-model{display:inline;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.4;color:var(--muted)} #workspace.chat-home .agent-context-status:not([hidden]),#workspace.agent-full .agent-context-status:not([hidden]){display:block;grid-row:4;margin:2px 0 0;padding:5px 8px;color:var(--ink);font-size:11px} #workspace.chat-home .home-chat-bottom,#workspace.agent-full .home-chat-bottom{display:flex;grid-column:2;grid-row:3;align-items:center;justify-content:flex-end;gap:5px;min-height:44px;margin:0;padding:0} #workspace.chat-home .home-tools,#workspace.agent-full .home-tools,#workspace.chat-home #home-collapse,#workspace.agent-full #home-collapse{display:none} #workspace.chat-home:not(.agent-full) #home-recovery-notice,#workspace.chat-home:not(.agent-full) #home-draft-link{display:none} #workspace.chat-home #home-composer-status,#workspace.agent-full #home-composer-status{display:none} #workspace.chat-home #home-form[data-unavailable=true] #home-composer-status,#workspace.chat-home #home-form[data-busy=true] #home-composer-status,#workspace.agent-full #home-form[data-unavailable=true] #home-composer-status,#workspace.agent-full #home-form[data-busy=true] #home-composer-status{display:block} #workspace.chat-home #home-form button[type=submit],#workspace.agent-full #home-form button[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:auto;height:auto;min-height:44px;padding:8px 16px;border-radius:13px;font-size:13px} #workspace.chat-home #home-stop,#workspace.agent-full #home-stop{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;min-height:44px;padding:8px 13px;border-radius:12px;font-size:12px} #workspace.chat-home #home-stop[hidden],#workspace.agent-full #home-stop[hidden]{display:none} #workspace.chat-home #home-form:focus-within,#workspace.agent-full #home-form:focus-within{border-color:var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-edge),0 0 0 1px var(--line),0 8px 30px #2a456515} @media(max-width:600px){#workspace.chat-home #home-form,#workspace.agent-full #home-form{width:100%;margin-bottom:4px;padding:11px 11px 9px;border-radius:20px}#workspace.chat-home #home-input,#workspace.agent-full #home-input{min-height:49px;font-size:16px}#workspace.chat-home .agent-compose-tools,#workspace.agent-full .agent-compose-tools{display:grid;grid-template-columns:34px minmax(0,1fr) auto;grid-template-rows:34px 27px;gap:3px 5px}#workspace.chat-home .agent-plus-wrap,#workspace.agent-full .agent-plus-wrap{grid-column:1;grid-row:1}#workspace.chat-home .agent-workflow-chip,#workspace.agent-full .agent-workflow-chip{grid-column:2/4;grid-row:1;justify-self:start}#workspace.chat-home .agent-budget-details,#workspace.agent-full .agent-budget-details{grid-column:1/3;grid-row:2;margin:0}#workspace.chat-home #agent-model,#workspace.agent-full #agent-model{grid-column:3;grid-row:2;max-width:145px;align-self:center}#workspace.chat-home #home-form button[type=submit],#workspace.agent-full #home-form button[type=submit]{padding:8px 13px}} @media(max-width:370px){#workspace.chat-home #home-form button[type=submit] .home-send-label,#workspace.agent-full #home-form button[type=submit] .home-send-label{display:none}#workspace.chat-home #home-form button[type=submit],#workspace.agent-full #home-form button[type=submit]{min-width:44px;padding:8px}} body.home-layout-active .topbar button,body.home-layout-active .appearance-options > summary{border:0;background:transparent;box-shadow:none} body.home-layout-active .topbar button:is(:hover,:active,:focus-visible),body.home-layout-active .appearance-options > summary:is(:hover,:active,:focus-visible),body.home-layout-active .appearance-options[open] > summary{background:var(--glass);box-shadow:inset 0 0 0 1px var(--glass-edge),0 3px 12px #29466d12;backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%)} /* The shared top bar uses the same quiet controls on business routes. */ .topbar .breadcrumb > button,.topbar .appearance-options > summary,.topbar .appearance-menu button{border-color:transparent;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none} .topbar .breadcrumb > button:is(:hover,:active,:focus-visible),.topbar .appearance-options > summary:is(:hover,:active,:focus-visible),.topbar .appearance-options[open] > summary,.topbar .appearance-menu button:is(:hover,:active,:focus-visible),.topbar .appearance-menu button[aria-pressed=true]{background:var(--glass);box-shadow:inset 0 0 0 1px var(--glass-edge),0 3px 12px #29466d12;backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%)} /* Sources need intrinsic row height: the inherited 40px button minimum clipped metadata. */ #workspace.agent-full .agent-source-results{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin} #workspace.agent-full .agent-source-item{display:block;flex:0 0 auto;width:100%;height:auto;min-height:0;padding:10px 12px;border:1px solid var(--glass-edge);border-radius:13px;background:color-mix(in srgb,var(--glass) 82%,var(--surface));box-shadow:inset 0 1px 0 var(--glass-edge),0 3px 12px #29466d0a;text-align:left;white-space:normal;overflow-wrap:anywhere;line-height:1.45} #workspace.agent-full .agent-source-item:hover{background:var(--glass);box-shadow:inset 0 1px 0 var(--glass-edge),0 5px 16px #29466d16} #workspace.agent-full .agent-source-item[aria-pressed=true]{border-color:color-mix(in srgb,var(--muted) 45%,var(--glass-edge));background:var(--glass);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--muted) 20%,transparent),0 4px 14px #29466d13} #workspace.agent-full .agent-source-item strong,#workspace.agent-full .agent-source-item small{display:block;min-width:0;white-space:normal;overflow-wrap:anywhere} #workspace.agent-full .agent-source-item strong{font-size:12px;line-height:1.45} #workspace.agent-full .agent-source-item small{margin-top:4px;font-size:11px;line-height:1.45;color:var(--muted)} /* Selected documents belong beside the plus in the shared tool row. */ #workspace.chat-home .agent-selected-sources,#workspace.agent-full .agent-selected-sources{display:flex;flex:0 1 auto;align-items:center;gap:5px;min-width:0;max-width:min(44%,390px);margin:0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin} #workspace.chat-home .agent-selected-sources:empty,#workspace.agent-full .agent-selected-sources:empty{display:none} #workspace.chat-home .agent-source-chip,#workspace.agent-full .agent-source-chip{display:inline-flex;flex:0 0 auto;align-items:center;gap:5px;min-width:0;max-width:220px;margin:0;padding:3px 5px 3px 8px;overflow:hidden} #workspace.chat-home .agent-source-label,#workspace.agent-full .agent-source-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #workspace.chat-home .agent-source-chip button,#workspace.agent-full .agent-source-chip button{flex:0 0 auto;width:22px;min-height:22px;padding:0;border:0;background:transparent;color:inherit} @media(max-width:600px){#workspace.chat-home .agent-compose-tools,#workspace.agent-full .agent-compose-tools{display:flex;flex-wrap:wrap;align-content:center;gap:4px 6px}#workspace.chat-home .agent-selected-sources,#workspace.agent-full .agent-selected-sources{max-width:calc(100% - 40px);flex-wrap:wrap;overflow:visible}#workspace.chat-home .agent-source-chip,#workspace.agent-full .agent-source-chip{max-width:min(190px,100%)}#workspace.chat-home .agent-budget-details,#workspace.agent-full .agent-budget-details{margin-left:0}#workspace.chat-home #agent-model,#workspace.agent-full #agent-model{margin-left:auto}} /* Open tools reserve left-side conversation space; their top edges share a measured gap. */ body.agent-workspace-active #workspace.agent-full{position:relative;--agent-side-width:400px;--agent-side-gap:16px} body.agent-workspace-active #workspace.agent-full.agent-preview-open{--agent-side-width:clamp(420px,52%,650px)} body.agent-workspace-active #workspace.agent-full.agent-tools-open .home-chat{width:calc(100% - var(--agent-side-width) - var(--agent-side-gap));min-width:0;height:calc(100% - var(--agent-panel-top-gap,12px));margin:var(--agent-panel-top-gap,12px) 0 0;padding:0;justify-self:start} body.agent-workspace-active #workspace.agent-full .agent-tools,#workspace.agent-full .agent-source-preview{position:absolute;grid-column:auto;grid-row:auto;z-index:70;top:var(--agent-panel-top-gap,12px);right:0;bottom:0;width:var(--agent-side-width);max-width:100%;height:auto;margin:0;border-radius:18px;background:var(--glass);box-shadow:var(--shadow)} #workspace.agent-full .agent-source-preview{z-index:72;display:flex;flex-direction:column;min-height:0;overflow:hidden} #workspace.agent-full.agent-preview-open .agent-tools{display:none} body.agent-workspace-active #workspace.agent-full.agent-tools-open .agent-compose-tools{flex-wrap:wrap;row-gap:5px} body.agent-workspace-active #workspace.agent-full.agent-tools-open #agent-model{max-width:100%;overflow:hidden;text-overflow:ellipsis} #workspace.agent-full .agent-splitter{position:absolute;z-index:74;top:var(--agent-panel-top-gap,12px);bottom:0;right:var(--agent-side-width);width:var(--agent-side-gap);cursor:col-resize;touch-action:none;display:flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;outline:none} #workspace.agent-full .agent-splitter::after{content:"";width:3px;height:44px;border-radius:4px;background:color-mix(in srgb,var(--muted) 45%,transparent)} #workspace.agent-full .agent-splitter:is(:hover,:focus-visible){background:color-mix(in srgb,var(--glass) 70%,transparent)} #workspace.agent-full .agent-splitter:is(:hover,:focus-visible)::after{background:var(--muted)} #workspace.agent-full .agent-splitter[hidden]{display:none} #workspace.agent-full .agent-source-preview[hidden]{display:none} #workspace.agent-full .agent-source-preview>header{display:flex;align-items:center;gap:12px;min-height:54px;flex:0 0 auto;padding:9px 13px;border-bottom:1px solid var(--line)} #workspace.agent-full .agent-source-preview>header button{width:auto;min-height:34px;flex:0 0 auto;padding:6px 10px;background:transparent;color:var(--muted)} #workspace.agent-full .agent-source-preview>header button:hover{background:var(--glass);box-shadow:inset 0 0 0 1px var(--glass-edge)} #workspace.agent-full .agent-source-preview>header strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px} #workspace.agent-full .agent-source-preview-body{flex:1 1 0;min-height:0;overflow:auto;padding:17px 20px 22px;overflow-wrap:anywhere} #workspace.agent-full .agent-source-preview-body h2{font-size:19px;line-height:1.4;margin:0 0 16px} #workspace.agent-full .agent-source-preview-body h3{font-size:14px;margin:20px 0 8px} #workspace.agent-full .agent-source-preview-body p{line-height:1.7;white-space:pre-wrap} #workspace.agent-full .agent-source-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;margin:0} #workspace.agent-full .agent-source-fields>div{min-width:0;padding:8px 0;border-bottom:1px solid var(--line)} #workspace.agent-full .agent-source-fields dt{font-size:11px;color:var(--muted)} #workspace.agent-full .agent-source-fields dd{margin:4px 0 0;font-size:13px;overflow-wrap:anywhere} #workspace.agent-full .agent-source-preview .document-native-editor{height:calc(100dvh - 200px);min-height:520px} #workspace.agent-full .agent-source-item{display:flex;align-items:center;gap:8px} #workspace.agent-full .agent-source-open{display:block;flex:1 1 0;min-width:0;min-height:0;width:auto;margin:0;padding:0;border:0;background:transparent;text-align:left;white-space:normal;overflow-wrap:anywhere;color:var(--ink)} #workspace.agent-full .agent-source-open:hover{background:transparent} #workspace.agent-full .agent-source-toggle{flex:0 0 auto;width:auto;min-height:32px;margin:0;padding:5px 8px;border-radius:9px;background:var(--surface-soft);color:var(--muted);font-size:11px;white-space:nowrap} #workspace.agent-full .agent-source-toggle[aria-pressed=true]{background:var(--glass);color:var(--ink);box-shadow:inset 0 0 0 1px var(--glass-edge)} @media(max-width:1100px){body.agent-workspace-active #workspace.agent-full.agent-tools-open{--agent-side-width:100%}body.agent-workspace-active #workspace.agent-full.agent-tools-open .home-chat{visibility:hidden;width:100%}body.agent-workspace-active #workspace.agent-full .agent-overlay{display:none}} @media(max-width:600px){#workspace.agent-full .agent-source-preview-body{padding:14px}#workspace.agent-full .agent-source-fields{grid-template-columns:minmax(0,1fr)}#workspace.agent-full .agent-source-preview .document-native-editor{height:calc(100dvh - 240px);min-height:300px}#workspace.agent-full .agent-source-item{align-items:flex-start}#workspace.agent-full .agent-source-toggle{max-width:93px;white-space:normal}} /* Keep the draft affordance on the same width baseline as the active composer. */ #workspace.chat-home #home-draft-link,#workspace.agent-full #home-draft-link{width:min(100%,850px);min-width:0;margin-inline:auto} #workspace.chat-home #home-draft-link .chat-draft-link,#workspace.agent-full #home-draft-link .chat-draft-link{display:block;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left} /* The existing live status moves into the tools row; clipping changes only its paint. */ #workspace.chat-home .agent-compose-tools,#workspace.agent-full .agent-compose-tools{flex-wrap:nowrap;min-height:34px;max-height:34px} body.agent-workspace-active #workspace.agent-full.agent-tools-open .agent-compose-tools{flex-wrap:nowrap;row-gap:0} #workspace.chat-home .agent-compose-tools>.agent-context-status:not([hidden]),#workspace.agent-full .agent-compose-tools>.agent-context-status:not([hidden]){display:block;flex:1 1 0;min-width:0;max-width:42%;height:auto;margin:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;color:var(--muted);background:transparent} #workspace.chat-home .agent-compose-tools>.agent-budget-details,#workspace.agent-full .agent-compose-tools>.agent-budget-details{flex:0 0 auto;margin-left:auto} #workspace.chat-home .agent-compose-tools>#agent-model,#workspace.agent-full .agent-compose-tools>#agent-model{flex:0 1 auto;min-width:0;margin-left:0} @media(max-width:600px){ #workspace.chat-home .agent-compose-tools,#workspace.agent-full .agent-compose-tools{display:flex;flex-wrap:nowrap;gap:4px;overflow:visible} #workspace.chat-home .agent-compose-tools>.agent-selected-sources,#workspace.agent-full .agent-compose-tools>.agent-selected-sources{flex:0 1 16%;max-width:16%;min-width:0;flex-wrap:nowrap;overflow:hidden} #workspace.chat-home .agent-compose-tools>.agent-workflow-chip,#workspace.agent-full .agent-compose-tools>.agent-workflow-chip{flex:0 1 18%;max-width:18%;min-width:0;overflow:hidden;text-overflow:ellipsis} #workspace.chat-home .agent-compose-tools>.agent-context-status:not([hidden]),#workspace.agent-full .agent-compose-tools>.agent-context-status:not([hidden]){max-width:none;font-size:10px} #workspace.chat-home .agent-compose-tools>.agent-budget-details,#workspace.agent-full .agent-compose-tools>.agent-budget-details{max-width:77px;overflow:visible} #workspace.chat-home .agent-compose-tools>#agent-model,#workspace.agent-full .agent-compose-tools>#agent-model{max-width:66px;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #workspace.chat-home .home-chat-bottom,#workspace.agent-full .home-chat-bottom{min-width:44px} } /* Keep the compact brand control and topbar restore entry on one navigation state. */ .sidebar .sidebar-brand-row{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:16px} .sidebar .sidebar-brand-row .brand{min-width:0;padding:0;gap:8px} .sidebar .sidebar-collapse-entry{display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;min-height:34px;padding:0;border:0;border-radius:9px;background:transparent;box-shadow:none;color:var(--muted)} .sidebar .sidebar-collapse-entry svg{flex:0 0 18px} .sidebar .sidebar-collapse-entry:is(:hover,:focus-visible){background:var(--glass);color:var(--ink)} .sidebar .sidebar-collapse-entry:focus-visible{outline:3px solid var(--focus);outline-offset:2px} @media(min-width:601px) and (max-width:850px){.sidebar .sidebar-brand-row .brand b span{display:none}} .topbar .breadcrumb{display:flex;align-items:center;gap:12px;min-width:0} .topbar #sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:30px;min-height:30px;padding:5px;border:0;border-radius:8px;background:transparent;box-shadow:none;color:var(--muted)} .topbar #sidebar-toggle:is(:hover,:focus-visible){background:var(--glass);box-shadow:inset 0 0 0 1px var(--glass-edge);color:var(--ink)} @media(min-width:601px){.topbar #sidebar-toggle{display:none}body.sidebar-collapsed .topbar #sidebar-toggle{display:inline-flex}} body.sidebar-collapsed .shell{grid-template-columns:minmax(0,1fr);column-gap:0} body.sidebar-collapsed .shell>.sidebar{display:none} @media(max-width:600px){.sidebar .sidebar-brand-row{display:none}body.sidebar-collapsed .shell{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}} /* The floating conversation mounts the same source picker, file input, budget, and form controls used by the full K-Agent workspace. Its tools stay inside the float so the underlying task page and route remain usable. */ #floating-assistant #floating-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:5px;overflow:visible} #floating-assistant #floating-input{grid-column:1;grid-row:1;min-width:0;width:100%} #floating-assistant #floating-form>button[type=submit]{grid-column:2;grid-row:1} #floating-compose-tools{grid-column:1/-1;grid-row:2;min-width:0} #floating-assistant .agent-compose-tools{display:flex;align-items:center;flex-wrap:wrap;gap:4px 7px;min-width:0;max-height:112px;overflow:visible;font-size:11px;color:var(--muted)} #floating-assistant .agent-selected-sources{display:flex;gap:5px;flex-wrap:wrap;min-width:0;max-width:100%;max-height:56px;overflow-y:auto} #floating-assistant .agent-selected-sources:empty{display:none} #floating-assistant .agent-plus-wrap,#floating-assistant .agent-budget-details{position:relative;flex:0 0 auto} #floating-assistant .agent-plus-menu{position:absolute;left:0;bottom:calc(100% + 7px);z-index:8;width:196px;max-height:min(330px,55dvh);overflow:auto;display:grid;gap:2px;padding:7px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:var(--shadow)} #floating-assistant .agent-plus-menu[hidden]{display:none} #floating-assistant .agent-plus-menu button{width:100%;min-height:32px;padding:5px 8px;text-align:left;font-size:11px} #floating-assistant .agent-workflow-chip{flex:0 1 auto;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #floating-assistant .agent-context-status:not([hidden]){display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px} #floating-assistant .agent-budget-details{margin-left:auto} #floating-assistant #agent-model{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px} #floating-assistant .agent-selected-sources .agent-source-chip{max-width:185px} #floating-assistant .agent-selected-sources .agent-source-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #floating-assistant .floating-agent-tools-host{position:absolute;inset:0;z-index:6;pointer-events:none} #floating-assistant .floating-agent-tools-host>.agent-tools,#floating-assistant .floating-agent-tools-host>.agent-source-preview{position:absolute;inset:0;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border:0;border-radius:inherit;background:var(--surface);box-shadow:none;pointer-events:auto} #floating-assistant .floating-agent-tools-host>.agent-tools[hidden],#floating-assistant .floating-agent-tools-host>.agent-source-preview[hidden],#floating-assistant .agent-sources[hidden],#floating-assistant .agent-form-host[hidden]{display:none} #floating-assistant .agent-tools-head,#floating-assistant .agent-source-preview>header{display:flex;align-items:center;gap:6px;flex:0 0 auto;padding:9px 12px;border-bottom:1px solid var(--line)} #floating-assistant .agent-tools-head .agent-tool-tabs{display:flex;min-width:0;flex:1 1 auto} #floating-assistant .agent-tool-tabs button{padding:5px 8px;min-height:34px;font-size:11px} #floating-assistant #agent-tools-close{margin-left:auto;min-width:34px;min-height:34px;padding:4px;font-size:18px} #floating-assistant .agent-sources{position:static;z-index:auto;display:flex;flex-direction:column;flex:1 1 0;min-height:0;width:100%;max-height:none;padding:11px;gap:8px;border:0;border-radius:0;background:transparent;box-shadow:none} #floating-assistant .agent-sources input{width:100%;min-height:38px} #floating-assistant .agent-source-tabs{display:flex;flex-wrap:wrap;gap:3px} #floating-assistant .agent-source-tabs button{min-height:32px;padding:5px 6px;font-size:11px} #floating-assistant .agent-source-results{display:flex;flex-direction:column;gap:7px;flex:1 1 0;min-height:0;overflow:auto} #floating-assistant .agent-source-item{display:flex;align-items:center;gap:6px;min-width:0;width:100%;padding:9px;white-space:normal;overflow-wrap:anywhere} #floating-assistant .agent-source-open{display:block;flex:1 1 0;min-width:0;min-height:0;width:auto;padding:0;border:0;background:transparent;text-align:left;overflow-wrap:anywhere} #floating-assistant .agent-source-open strong,#floating-assistant .agent-source-open small{display:block} #floating-assistant .agent-source-toggle{flex:0 0 auto;width:auto;min-height:32px;padding:5px 7px;font-size:10px} #floating-assistant .agent-form-host{flex:1 1 0;min-height:0;overflow:hidden} #floating-assistant .task-create-drawer.task-create-docked{position:static;inset:auto;width:100%;height:100%;border:0;box-shadow:none;background:transparent;backdrop-filter:none} #floating-assistant .task-create-docked .task-create-drawer-body{padding:0 11px 11px} #floating-assistant .task-create-docked .task-create-drawer-body{flex:1 1 0;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain} #floating-assistant .task-create-docked .legacy-form{grid-template-columns:minmax(0,1fr);gap:10px} #floating-assistant .task-create-docked #legacy-form.record-form{display:flex;flex:0 0 auto;flex-direction:column;align-items:stretch;width:100%;min-width:0;max-width:100%;height:auto;min-height:0;overflow:visible} #floating-assistant .task-create-docked #legacy-form.record-form>.form-field, #floating-assistant .task-create-docked #legacy-form.record-form>.wide, #floating-assistant .task-create-docked #legacy-form.record-form>#legacy-feedback, #floating-assistant .task-create-docked #legacy-form.record-form>.legacy-actions, #floating-assistant .task-create-docked #legacy-form.record-form>#legacy-plan{flex:0 0 auto;width:100%;min-width:0;max-width:100%;box-sizing:border-box} #floating-assistant .task-create-docked #legacy-form.record-form>#legacy-feedback{display:block;position:static;white-space:normal;writing-mode:horizontal-tb;overflow-wrap:break-word;line-height:1.5} #floating-assistant .task-create-docked #legacy-form.record-form>.legacy-actions{position:static;z-index:auto;align-self:stretch;margin:8px 0 0;padding:12px 0 calc(14px + env(safe-area-inset-bottom, 0px));background:transparent;box-shadow:none} #floating-assistant .agent-source-preview{z-index:2} #floating-assistant .agent-source-preview>header strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #floating-assistant .agent-source-preview-body{flex:1 1 0;min-height:0;overflow:auto;padding:14px;overflow-wrap:anywhere} #floating-assistant .agent-source-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:5px} #floating-assistant .agent-source-preview .document-native-editor{height:min(65dvh,520px);min-height:0} @media(max-width:600px){#floating-assistant .agent-compose-tools{max-height:96px}#floating-assistant .agent-source-item{align-items:flex-start}#floating-assistant .agent-source-toggle{max-width:100px;white-space:normal}} /* Keep the text-only send action visible at the narrow composer breakpoint. */ #workspace.chat-home #home-form button[type=submit] .home-send-label, #workspace.agent-full #home-form button[type=submit] .home-send-label{display:inline}