/* Unified B1Xagi surfaces. Loaded after feature styles so layout stays theme-independent. */
:root[data-theme=dark]{--b1x-bg:#0b121a;--b1x-bg-image:none;--b1x-text:#e9f1f7;--b1x-muted:#a6b8c8;--b1x-accent:#60e2db;--b1x-accent-hover:#91eee7;--b1x-on-accent:#092426;--b1x-border:#2d4151;--b1x-border-subtle:#263544;--b1x-glass:#121e29;--b1x-control:#172734;--b1x-solid:#121e29;--b1x-solid-strong:#0d1924;--b1x-glass-strong:#14232f;--b1x-shadow:0 8px 30px #00000018;--b1x-primary-shadow:none;--b1x-sheen:transparent;--b1x-sheen-tail:transparent;--surface-sheen:none}
:root[data-theme=light]{--b1x-bg:#f2f5f7;--b1x-bg-image:none;--b1x-text:#192d3b;--b1x-muted:#516778;--b1x-accent:#006d77;--b1x-accent-hover:#00535e;--b1x-on-accent:#fff;--b1x-border:#bdcdd7;--b1x-border-subtle:#d6e0e6;--b1x-glass:#fff;--b1x-control:#f0f5f7;--b1x-solid:#fff;--b1x-solid-strong:#f7fafb;--b1x-glass-strong:#fff;--b1x-shadow:0 8px 30px #23425908;--b1x-primary-shadow:none;--b1x-sheen:transparent;--b1x-sheen-tail:transparent;--surface-sheen:none}
:root[data-theme] body{background:var(--b1x-bg)!important}.liquid-scene{display:none!important}:root[data-theme] .shell{--sidebar:244px;--header:64px;gap:16px;padding:16px;background:var(--b1x-bg)!important}:root[data-theme] .shell.no-sidebar{--sidebar:0px}
:root[data-theme] :is(.sidebar,.topbar,.workspace-dock,.launch-tool,.launch-home .composer,.launch-dialog){background:var(--b1x-glass);background-image:none!important;border-color:var(--b1x-border-subtle);box-shadow:none;backdrop-filter:none}
:root[data-theme] .sidebar{border-radius:14px;padding:20px 12px}:root[data-theme] .topbar{border-radius:14px;padding:8px 16px;gap:10px}:root[data-theme] .brand.identity{padding-bottom:12px;margin-bottom:12px}:root[data-theme] .brand.identity img{object-fit:contain;width:156px;height:68px;filter:none}:root[data-theme] .brand.identity small{font-size:9px;letter-spacing:1.5px}
:root[data-theme] .sidebar .nav{border-radius:9px;min-height:44px;font-size:13px}:root[data-theme] .sidebar .nav.active{background:color-mix(in srgb,var(--cyan) 12%,transparent);color:var(--text);border-color:transparent}:root[data-theme] .sidebar #deck-open{border-color:var(--line);color:var(--text)}:root[data-theme] .new-chat{border-color:var(--line);background:var(--b1x-control);box-shadow:none}:root[data-theme] .sidebar .section-label{font-family:var(--b1x-font);font-size:9px;color:var(--muted);letter-spacing:1.3px}
:root[data-theme] .launch-home{max-width:1040px;left:0;padding:48px 38px 28px}:root[data-theme] .launch-home h1{font-size:clamp(32px,3.2vw,46px)!important;line-height:1.15!important;font-weight:550;letter-spacing:-1.6px;margin:14px 0!important}:root[data-theme] .launch-eyebrow{font:600 10px/1.6 var(--b1x-font);letter-spacing:2px;color:var(--cyan)}:root[data-theme] .launch-subtitle{font-size:14px;color:var(--muted);line-height:1.7}:root[data-theme] .launch-support{display:none}:root[data-theme] .launch-home .composer-area{margin-top:28px}:root[data-theme] .launch-home .composer{border:1px solid var(--line);border-radius:16px;outline:none;min-height:146px;padding:16px 18px;box-shadow:0 12px 40px #00000008}:root[data-theme] .launch-home .composer:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px color-mix(in srgb,var(--cyan) 8%,transparent)}:root[data-theme] .launch-home #prompt{font-size:16px;min-height:54px}:root[data-theme] .context-open{border-color:var(--line);background:transparent;color:var(--muted);min-height:32px}:root[data-theme] .composer-toolbar .send{background:var(--cyan);color:var(--b1x-on-accent);box-shadow:none;border-color:transparent}:root[data-theme] .composer-toolbar :is(.composer-btn,.send,.stop-btn){width:38px;min-width:38px;height:38px}
:root[data-theme] .launch-grid{gap:12px;margin-top:22px;grid-template-columns:repeat(2,minmax(0,1fr))}:root[data-theme] .launch-tool{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;row-gap:3px;text-align:left;align-content:center;justify-items:start;border-radius:13px;min-height:102px!important;padding:20px!important;transition:border-color .16s,background .16s}:root[data-theme] .launch-tool>:first-child{grid-row:1/3;align-self:center}:root[data-theme] .launch-tool strong{font-size:16px!important;line-height:1.5;grid-column:2;font-weight:600}:root[data-theme] .launch-tool small{font-size:12px;line-height:1.55;grid-column:2;color:var(--muted)}:root[data-theme] .launch-tool :is(svg,.icon-2d.sm){width:27px;height:27px}:root[data-theme] .launch-tool:hover{background:var(--b1x-control);border-color:var(--cyan);transform:none}:root[data-theme] .launch-tool .companion-icon-box{background:transparent;width:32px;height:32px}:root[data-theme] .launch-tool .companion-icon-box img{width:32px;height:32px}:root[data-theme] .launch-signin{border:1px solid var(--line);background:var(--b1x-control);color:var(--text);box-shadow:none;border-radius:10px;min-height:38px;font-size:12px;padding:8px 14px;max-width:230px;overflow:hidden;text-overflow:ellipsis}:root[data-theme] .launch-signin:hover{background:var(--b1x-glass);transform:none}:root[data-theme] .theme-toggle-btn{border-color:var(--line);box-shadow:none}:root[data-theme] .topbar .connection::before{box-shadow:none}:root[data-theme] .launch-footer{font-size:10px;opacity:.85;padding-top:24px}
:root[data-theme] .workspace-dock{color:var(--text);border-radius:14px;overflow:hidden}:root[data-theme] .dock-head{gap:6px;padding:12px;display:flex;flex-wrap:wrap;background:var(--b1x-glass);border-bottom-color:var(--line)}:root[data-theme] .dock-tabs{flex:1 0 100%;order:2;min-height:38px;gap:6px;margin-top:4px;scrollbar-width:thin}:root[data-theme] .dock-head>button{min-width:36px;min-height:34px;font-size:12px;white-space:nowrap}:root[data-theme] .dock-head>button:last-child{margin-left:auto}:root[data-theme] .workspace-dock button{border-color:var(--line);background:var(--b1x-control);border-radius:8px}:root[data-theme] .workspace-dock button[aria-selected=true]{border-color:var(--cyan);color:var(--cyan);background:color-mix(in srgb,var(--cyan) 8%,transparent)}:root[data-theme] .dock-panel{padding:18px}:root[data-theme] .dock-panel :is(input,textarea,select){background:var(--b1x-solid-strong);color:var(--text);border-color:var(--line);border-radius:9px;font-family:var(--b1x-font);font-size:13px;padding:12px}:root[data-theme] .dock-panel p{color:var(--muted);font-size:12px;line-height:1.7}:root[data-theme] .dock-panel label{font-size:12px}:root[data-theme] .dock-panel h2{font-size:18px;margin:4px 0 18px}:root[data-theme] .dock-panel button{min-height:40px}:root[data-theme] .dock-panel #browser-run{background:var(--cyan);color:var(--b1x-on-accent);border-color:transparent}:root[data-theme] .dock-open .launch-home{padding:30px 20px!important}:root[data-theme] .dock-open .launch-home h1{font-size:34px!important}
:root[data-theme] .cortex-companion{background:var(--b1x-solid-strong)!important;border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 100px #0005}:root[data-theme] .cortex-companion .cortex-control{outline:none!important;box-shadow:none;background:transparent!important;border:0!important;filter:drop-shadow(0 0 12px #60e2db44)}:root[data-theme] .cortex-companion h2{font-size:24px;font-weight:550}:root[data-theme] .cortex-companion .companion-voice-state{font-size:14px;line-height:1.6}:root[data-theme] .cortex-companion>button:not(.cortex-control):not(.dialog-close){border-radius:10px;padding:11px 16px;min-height:42px;margin:4px;border:1px solid var(--line)}
:root[data-theme] :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@media(max-width:1200px){:root[data-theme] .shell{--sidebar:220px;gap:12px;padding:12px}:root[data-theme] .topbar .connection{max-width:100px;white-space:nowrap;overflow:hidden}:root[data-theme] .topbar .breadcrumb{font-size:12px}:root[data-theme] .launch-signin{max-width:150px}:root[data-theme] .dock-open .launch-grid{grid-template-columns:1fr}}
@media(max-width:900px){:root[data-theme] .topbar .connection{display:none}:root[data-theme] .launch-home{padding:35px 22px}:root[data-theme] .launch-tool{padding:16px!important}}
@media(max-width:768px){:root[data-theme] .shell{padding:8px;gap:8px;--sidebar:0px}:root[data-theme] .sidebar{width:260px}:root[data-theme] .topbar{padding:8px;gap:6px}:root[data-theme] .topbar .breadcrumb{display:none}:root[data-theme] .launch-signin{min-width:0;max-width:130px;font-size:11px;padding:8px}:root[data-theme] .launch-home{padding:30px 14px 20px}:root[data-theme] .launch-home h1{font-size:34px!important}:root[data-theme] .launch-grid{grid-template-columns:1fr 1fr}:root[data-theme] .launch-tool{grid-template-columns:1fr;gap:5px;padding:16px!important;min-height:130px!important}:root[data-theme] .launch-tool>:first-child{grid-row:auto}:root[data-theme] .launch-tool strong,:root[data-theme] .launch-tool small{grid-column:1}:root[data-theme] .launch-tool strong{font-size:14px!important}:root[data-theme] .launch-tool small{font-size:11px}:root[data-theme] .composer-toolbar :is(.composer-btn,.send,.stop-btn){width:44px;min-width:44px;height:44px}:root[data-theme] .launch-home .composer{padding:14px;min-height:150px}:root[data-theme] .workspace-dock{border-radius:12px}:root[data-theme] .dock-head{padding:10px}}
@media(max-width:370px){:root[data-theme] .launch-home{padding:22px 8px}:root[data-theme] .launch-grid{gap:8px}:root[data-theme] .launch-tool{padding:12px!important}:root[data-theme] .launch-signin{max-width:95px}:root[data-theme] .topbar{gap:4px}}
@media(prefers-reduced-motion:reduce){:root[data-theme] *, :root[data-theme] *::before, :root[data-theme] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){:root[data-theme] :is(.launch-tool,.composer,.topbar,.sidebar,.workspace-dock){border:1px solid CanvasText}:root[data-theme] .cortex-control{outline:1px solid CanvasText!important}}
/* Carry the Command Center's purple/cyan neural identity into the working workspace. */
:root[data-theme=dark]{--b1x-bg:#0b0717;--b1x-text:#f3edfc;--b1x-muted:#b6a7ce;--b1x-accent:#00d8f2;--b1x-border:#473058;--b1x-border-subtle:#352347;--b1x-glass:#161024;--b1x-control:#211631;--b1x-solid:#171025;--b1x-solid-strong:#100b20;--b1x-glass-strong:#1c122d;--b1x-on-accent:#041922}
:root[data-theme=dark] .main{background:radial-gradient(ellipse at 70% 15%,#45246c24,transparent 60%)}:root[data-theme=dark] .sidebar,:root[data-theme=dark] .topbar{background:#0d0a18}:root[data-theme=dark] .launch-home h1{color:#f3edfc;font-weight:650}:root[data-theme=dark] .launch-eyebrow{color:#d58cfd}:root[data-theme=dark] .launch-tool{background:#19102b;border-color:#382348}:root[data-theme=dark] .launch-tool:hover{border-color:#9a58ca;box-shadow:0 0 20px #843acb17}:root[data-theme=dark] .launch-home .composer{border-color:#553867;background:#140e24}:root[data-theme=dark] .launch-home .composer:focus-within{border-color:#bd77ff;box-shadow:0 0 0 3px #a55de91a,0 0 26px #9a43e91a}:root[data-theme=dark] .sidebar .nav.active{background:#082536;border:1px solid #136581;color:#00d8f2}:root[data-theme=dark] .topbar .theme-toggle-btn{background:#251335;border-color:#58346f}:root[data-theme=dark] .launch-signin{background:#261536;border-color:#623a7b}:root[data-theme=dark] .workspace-dock{background:#160f23}:root[data-theme=dark] .cortex-companion{background:radial-gradient(ellipse at 50% 35%,#24123b,#100b20 70%)!important}
:root[data-theme] .cortex-companion .cortex-control img{border-radius:0;object-fit:contain}:root[data-theme] .cortex-companion .cortex-control{filter:drop-shadow(0 0 16px #00d8f544)}:root[data-theme] .cortex-companion:is([data-voice=listening],[data-voice=thinking],[data-voice=speaking]) .cortex-control{animation:neural-heartbeat 1.8s ease-in-out infinite;filter:drop-shadow(0 0 20px var(--heartbeat-color,#00d8f2))}:root[data-theme] body:has(.cortex-companion[open]:is([data-voice=listening],[data-voice=thinking],[data-voice=speaking]))::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;box-shadow:inset 0 0 24px 2px #00d8f2;animation:neural-edge 1.8s ease-in-out infinite}:root[data-theme] body:has(.cortex-companion[open][data-voice=thinking])::after{box-shadow:inset 0 0 24px 2px #9f66ff}:root[data-theme] body:has(.cortex-companion[open][data-voice=speaking])::after{box-shadow:inset 0 0 24px 2px #35e4ca}@keyframes neural-heartbeat{0%,45%,100%{transform:scale(1)}12%{transform:scale(1.045)}24%{transform:scale(1.008)}34%{transform:scale(1.028)}}@keyframes neural-edge{0%,45%,100%{opacity:.2}12%{opacity:.45}24%{opacity:.27}34%{opacity:.38}}@media(prefers-reduced-motion:reduce){:root[data-theme] body::after{animation:none!important;opacity:.25}}
:root[data-theme] .topbar .theme-toggle-btn{padding-inline:10px}:root[data-theme] #theme-label{font-size:11px;white-space:nowrap}
