.chat-workspace{min-width:0;min-height:0}.app-shell[data-chat-visible=true] .main-content.workspace-body{height:calc(calc(100dvh / var(--interface-scale,1)) - var(--workspace-header-height) - var(--workspace-bottom-clearance));max-width:none;min-height:0;padding:18px 24px 24px;padding-right:max(24px, env(safe-area-inset-right));grid-template-columns:minmax(0,1fr);gap:22px;display:grid;overflow:hidden}.app-shell[data-chat-route=true] .workspace-body>.route-content{display:none}.app-shell[data-chat-mode=dock][data-chat-route=false] .workspace-body{grid-template-columns:minmax(0, 1fr) clamp(350px, calc(32vw / var(--interface-scale,1)), 450px)}.app-shell[data-chat-visible=true] .workspace-body>.route-content{overscroll-behavior:contain;min-width:0;min-height:0;padding-right:4px;overflow:auto}@media (width>=1001px){.app-shell[data-chat-mode=dock][data-chat-visible=true][data-chat-side=left] .workspace-body{grid-template-columns:clamp(350px, calc(32vw / var(--interface-scale,1)), 450px) minmax(0, 1fr)}.app-shell[data-chat-mode=dock][data-chat-visible=true][data-chat-side=left] .workspace-body>.chat-workspace{grid-area:1/1}.app-shell[data-chat-mode=dock][data-chat-visible=true][data-chat-side=left] .workspace-body>.route-content{grid-area:1/2}:root .app-shell[data-chat-mode=dock][data-chat-visible=true] .workspace>.topbar{position:relative;top:auto}:root .app-shell[data-chat-mode=dock][data-chat-visible=true]>.workspace>.workspace-body{grid-template-rows:minmax(0,1fr);overflow:clip}}.app-shell[data-chat-mode=focus][data-chat-route=true]{--workspace-header-height:calc(56px + var(--workspace-top-inset));--workspace-bottom-clearance:0px}.app-shell[data-chat-mode=focus][data-chat-route=true] .workspace-body{height:calc(calc(100dvh / var(--interface-scale,1)) - var(--workspace-header-height));padding:14px 20px 20px;padding-bottom:max(20px, env(safe-area-inset-bottom));padding-right:max(20px, env(safe-area-inset-right))}.app-shell[data-chat-mode=focus][data-chat-route=true] .workspace>.topbar{height:var(--workspace-header-height)}.chat-workspace .conversations-page{flex-direction:column;max-width:none;height:100%;min-height:0;display:flex}.chat-workspace .conversation-page-heading{flex-wrap:nowrap;align-items:center;gap:16px;min-height:48px;margin-bottom:14px;display:flex}.chat-workspace .conversation-page-heading h1{margin:0;font-size:28px}.chat-workspace-controls{align-items:center;gap:8px;min-width:0;display:flex}.chat-workspace .chat-workspace-controls .button,.chat-workspace .chat-workspace-controls .icon-button,.chat-workspace .conversation-view-controls .icon-button,.chat-mode-picker select{min-width:44px;min-height:44px;font-size:var(--text-base)}.chat-mode-picker{flex-shrink:0;min-width:0}.chat-mode-picker select{width:auto;color:var(--text);background-color:var(--surface,white);border:1px solid var(--border);border-radius:var(--radius-md);padding:9px 28px 9px 13px}.chat-workspace .conversation-workbench{border-radius:var(--radius-lg);flex:1;grid-template-columns:minmax(272px,30%) minmax(0,1fr);height:auto;min-height:0;max-height:none;display:grid}.chat-workspace .conversation-search{margin:16px 16px 10px}.chat-workspace .conversation-list-item{gap:12px;min-height:86px;padding:13px 12px}.chat-workspace .conversation-list-foot{font-size:var(--text-base);padding:12px}.chat-workspace .conversation-list-foot svg{width:18px;height:18px}.chat-workspace .conversation-preview{font-size:var(--text-base);line-height:1.4}.chat-workspace .conversation-thread-header{gap:10px;min-height:66px;padding:10px 16px}.chat-workspace .conversation-thread-header .conversation-symbol{border-radius:var(--radius-sm);width:38px;height:38px}.chat-workspace .conversation-thread-heading h2{font-size:var(--text-lg);white-space:nowrap;text-overflow:ellipsis;margin:0;line-height:1.35;overflow:hidden}.chat-workspace .conversation-people-button{width:auto;min-width:54px;min-height:44px;font-size:var(--text-base);flex-shrink:0;gap:5px;display:inline-flex}.conversation-live-indicator{flex-shrink:0;align-items:center;display:inline-flex}.conversation-live-indicator>span:first-child{background:var(--dark-success-bg,#23816a);border-radius:50%;width:8px;height:8px}.chat-workspace .conversation-connection{font-size:var(--text-base);padding:6px 12px}.chat-workspace .conversation-messages{min-height:80px;padding:12px 24px 8px}.chat-workspace .conversation-day{margin:8px 0 15px}.chat-workspace .conversation-composer{padding:8px 20px 12px}.chat-workspace .conversation-input-row textarea{min-height:55px;max-height:140px}.chat-workspace .conversation-composer-foot p{margin-top:6px}.chat-close-dock>span{display:none}.chat-workspace[data-chat-mode=dock]{border-left:1px solid var(--border);padding-left:18px}.chat-workspace[data-chat-mode=dock] .conversation-page-heading{flex-wrap:wrap;gap:10px;margin-bottom:10px}.chat-workspace[data-chat-mode=dock] .conversation-page-heading h1{font-size:22px}.chat-workspace[data-chat-mode=dock] .chat-workspace-controls{width:100%}.chat-workspace[data-chat-mode=dock] .chat-new-conversation{padding:10px}.chat-workspace[data-chat-mode=dock] .chat-new-conversation>.primary-action-label,.chat-workspace[data-chat-mode=dock] .chat-ping>span,.chat-workspace[data-chat-mode=focus] .chat-ping>span{display:none}.chat-workspace[data-chat-mode=dock] .chat-ping,.chat-workspace[data-chat-mode=focus] .chat-ping{padding:10px}.chat-workspace[data-chat-mode=dock] .chat-mode-picker{flex:1}.chat-workspace[data-chat-mode=dock] .chat-mode-picker select{width:100%}.chat-workspace[data-chat-mode=dock] .conversation-workbench{display:flex}.chat-workspace[data-chat-mode=dock] .conversation-sidebar{border:0;width:100%}.chat-workspace[data-chat-mode=dock] .has-thread .conversation-sidebar{display:none}.chat-workspace[data-chat-mode=dock] .conversation-thread{width:100%}.chat-workspace[data-chat-mode=dock] .conversation-back{min-width:44px;min-height:44px;display:inline-flex}.chat-workspace[data-chat-mode=dock] .conversation-thread-header{gap:7px;padding:8px}.chat-workspace[data-chat-mode=dock] .conversation-thread-header>.conversation-symbol{display:none}.chat-workspace[data-chat-mode=dock] .conversation-thread-header:has(.conversation-local-time){flex-wrap:wrap;row-gap:0}.chat-workspace[data-chat-mode=dock] .conversation-thread-header:has(.conversation-local-time) .conversation-thread-heading{display:contents}.chat-workspace[data-chat-mode=dock] .conversation-thread-header:has(.conversation-local-time) h2{flex:1;min-width:0}.chat-workspace[data-chat-mode=dock] .conversation-thread-header:has(.conversation-local-time) .conversation-local-time{flex:0 calc(100% - 51px);order:1;margin-inline-start:51px}.chat-workspace[data-chat-mode=dock] .conversation-messages{padding:8px 10px}.chat-workspace[data-chat-mode=dock] .conversation-message>.avatar{display:none}.chat-workspace[data-chat-mode=dock] .conversation-message-content{max-width:95%}.chat-workspace[data-chat-mode=dock] .conversation-message.is-own{padding-left:8px}.chat-workspace[data-chat-mode=dock] .conversation-composer{padding:9px}.chat-workspace[data-chat-mode=dock] .conversation-composer-foot{flex-wrap:wrap}@media (width<=1100px){.chat-workspace .conversation-workbench{grid-template-columns:minmax(240px,32%) minmax(0,1fr)}}@media (width<=1000px){.chat-workspace .chat-dock-side{display:none}.app-shell[data-chat-mode=dock][data-chat-visible=true] .workspace-body{grid-template-columns:minmax(0,1fr)}.app-shell[data-chat-mode=dock][data-chat-visible=true] .route-content{display:none}.chat-workspace[data-chat-mode=dock]{border-left:0;padding-left:0}.chat-workspace[data-chat-mode=dock] .chat-close-dock{gap:6px;width:auto;padding:8px;display:inline-flex}.chat-close-dock>span{display:inline}}@media (width<=760px){.app-shell[data-chat-visible=true] .main-content.workspace-body{height:calc(calc(100dvh / var(--interface-scale,1)) - var(--workspace-header-height) - var(--workspace-bottom-clearance));padding:10px max(10px, env(safe-area-inset-right)) 12px max(10px, env(safe-area-inset-left));gap:0}.app-shell[data-chat-mode=focus][data-chat-route=true] .workspace-body{height:calc(calc(100dvh / var(--interface-scale,1)) - var(--workspace-header-height));padding-top:8px;padding-bottom:max(10px, env(safe-area-inset-bottom))}.chat-workspace .conversation-page-heading{flex-wrap:wrap;gap:9px;margin-bottom:10px;display:flex}.chat-workspace .conversation-page-heading h1{font-size:22px}.chat-workspace .has-thread .conversation-page-heading h1{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.chat-workspace-controls{gap:7px;width:100%}.chat-workspace .chat-mode-picker{flex:1}.chat-workspace .chat-mode-picker select{width:100%}.chat-workspace .chat-new-conversation{padding:10px}.chat-workspace .chat-new-conversation>.primary-action-label{display:none}.chat-workspace .conversation-workbench{border-radius:var(--radius);height:auto;min-height:0;display:flex}.chat-workspace .conversation-thread-header{gap:7px;padding:8px}.chat-workspace .conversation-back{width:44px;min-width:44px;min-height:44px}.chat-workspace .conversation-thread-header>.conversation-symbol{display:none}.chat-workspace .conversation-project-link{width:44px;min-width:44px}.chat-workspace .conversation-thread-heading h2{font-size:var(--text-lg)}.chat-workspace .conversation-thread-header:has(.conversation-local-time){flex-wrap:wrap;row-gap:0}.chat-workspace .conversation-thread-header:has(.conversation-local-time) .conversation-thread-heading{display:contents}.chat-workspace .conversation-thread-header:has(.conversation-local-time) h2{flex:1;min-width:0}.chat-workspace .conversation-thread-header:has(.conversation-local-time) .conversation-local-time{flex:0 calc(100% - 51px);order:1;margin-inline-start:51px}.chat-workspace .conversation-composer{padding:8px}.chat-workspace .conversation-messages{padding:6px 10px}}.chat-workspace[data-chat-mode=dock] .has-thread .conversation-page-heading h1{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.chat-workspace .conversations-page .conversation-page-heading{display:flex}.chat-workspace .conversations-page .conversation-workbench{height:auto;min-height:0;max-height:none}@media (width>=1001px) and (width<=1190px){.app-shell[data-sidebar-mode=expanded][data-chat-mode=dock] .workspace-body{grid-template-columns:minmax(0,1fr)}.app-shell[data-sidebar-mode=expanded][data-chat-mode=dock] .route-content{display:none}.app-shell[data-sidebar-mode=expanded][data-chat-mode=dock] .chat-workspace{border-left:0;padding-left:0}.app-shell[data-sidebar-mode=expanded][data-chat-mode=dock] .chat-close-dock{gap:6px;width:auto;padding:8px;display:inline-flex}.app-shell[data-sidebar-mode=expanded][data-chat-mode=dock] .chat-close-dock>span{display:inline}}@media (width<=360px){.chat-workspace[data-chat-mode=dock] .chat-close-dock>span{display:none}}@media (width>=761px){:root .app-shell .workspace-view-select.chat-mode-picker{box-sizing:border-box;background:var(--control-background);border-radius:var(--control-radius);box-shadow:var(--control-shadow);align-items:center;padding:4px;display:inline-flex}:root .app-shell .workspace-view-select.chat-mode-picker select{border-radius:var(--control-radius);width:180px;height:36px;min-height:36px;color:var(--text);box-shadow:none;background-color:#0000;border:0;padding:8px 32px 8px 12px;font-size:14px;font-weight:400;line-height:1.4;transition:background-color .15s ease-in-out,box-shadow .15s ease-in-out}:root .app-shell .workspace-view-select.chat-mode-picker select:hover{background-color:var(--control-hover-background)}:root .app-shell .workspace-view-select.chat-mode-picker select:focus{background-color:var(--surface);box-shadow:var(--control-selection-shadow)}:root .app-shell .workspace-view-select.chat-mode-picker select:focus-visible{outline:2px solid var(--separator);outline-offset:2px}@media (prefers-reduced-motion:reduce){:root .app-shell .workspace-view-select.chat-mode-picker select{transition:none}}}
