html[data-cockpit-theme="dark"]{--cp-bg:#101619;--cp-panel:#172025;--cp-raised:#202c32;--cp-line:#283b43;--cp-text:#e7f1f4;--cp-muted:#a5bac3;--cp-accent:#176e61;--cp-highlight:#82e2ce;--cp-key:#82e2ce;--cp-onkey:#09251f;--cp-hover:#22363b;--cp-shadow:rgba(0,0,0,.2);}
html[data-cockpit-theme="dim"]{--cp-bg:#1a2026;--cp-panel:#222b33;--cp-raised:#2b3742;--cp-line:#3a4a56;--cp-text:#e6edf3;--cp-muted:#b2c0cd;--cp-accent:#315e81;--cp-highlight:#9ac9ee;--cp-key:#a7cce9;--cp-onkey:#132637;--cp-hover:#2e4050;--cp-shadow:rgba(0,0,0,.18);}
html[data-cockpit-theme="light"]{--cp-bg:#f3f6f7;--cp-panel:#ffffff;--cp-raised:#edf3f4;--cp-line:#d9e3e7;--cp-text:#182c34;--cp-muted:#526873;--cp-accent:#146e61;--cp-highlight:#116f64;--cp-key:#146e61;--cp-onkey:#ffffff;--cp-hover:#e8f3f1;--cp-shadow:rgba(30,60,70,.08);}
html[data-cockpit-theme="warm"]{--cp-bg:#211c16;--cp-panel:#2a241c;--cp-raised:#373025;--cp-line:#514537;--cp-text:#f5e8d4;--cp-muted:#ccbaa0;--cp-accent:#82602d;--cp-highlight:#e7bd7b;--cp-key:#e7bd7b;--cp-onkey:#30200b;--cp-hover:#423323;--cp-shadow:rgba(0,0,0,.2);}
html[data-cockpit-theme="ocean"]{--cp-bg:#0d1b28;--cp-panel:#142535;--cp-raised:#1c3346;--cp-line:#2b495e;--cp-text:#e3f1fb;--cp-muted:#a5c2d5;--cp-accent:#156280;--cp-highlight:#80d8f1;--cp-key:#80d8f1;--cp-onkey:#092a39;--cp-hover:#193d4d;--cp-shadow:rgba(0,0,0,.2);}
html[data-cockpit-theme="mono"]{--cp-bg:#f7f7f7;--cp-panel:#ffffff;--cp-raised:#eeeeee;--cp-line:#d9d9d9;--cp-text:#141414;--cp-muted:#5a5a5a;--cp-accent:#222222;--cp-highlight:#252525;--cp-key:#222222;--cp-onkey:#ffffff;--cp-hover:#eeeeee;--cp-shadow:rgba(0,0,0,.07);}
html[data-cockpit-theme="futuristic"]{--cp-bg:#f0f4fc;--cp-panel:#ffffff;--cp-raised:#e8effb;--cp-line:#ccdaf0;--cp-text:#182845;--cp-muted:#526885;--cp-accent:#245cd4;--cp-highlight:#1754ce;--cp-key:#245cd4;--cp-onkey:#ffffff;--cp-hover:#e6eefc;--cp-shadow:rgba(35,70,130,.1);}
/* FirstAI workspace: one surface language, seven existing color themes. */
html[data-cockpit-theme] {--cp-display:'Bahnschrift','Segoe UI Variable Display','Segoe UI',sans-serif;--cp-body:'Segoe UI Variable Text','Segoe UI','Inter',sans-serif;}
html[data-cockpit-theme] body {
 --bg:var(--cp-bg);--bg1:var(--cp-panel);--bg2:var(--cp-panel);--bg3:var(--cp-raised);--surface:var(--cp-panel);--surface2:var(--cp-raised);
 --panel:var(--cp-panel);--panel2:var(--cp-raised);--hover:var(--cp-hover);--active:var(--cp-hover);
 --text:var(--cp-text);--text2:var(--cp-muted);--sub:var(--cp-muted);--unread:var(--cp-text);--border:var(--cp-line);--glass-border:var(--cp-line);
 --accent:var(--cp-accent);--accent2:var(--cp-highlight);--glass:var(--cp-panel);--shadow:0 10px 35px var(--cp-shadow);
 font-family:var(--cp-body);background:var(--cp-bg);color:var(--cp-text);
}
.cockpit-ui .header,.cockpit-ui .ws-header,.cockpit-ui .email-header {background:var(--cp-panel)!important;border-color:var(--cp-line);box-shadow:none;backdrop-filter:none;min-height:62px;gap:12px;}
.cockpit-ui .header {padding:10px 18px;flex-wrap:nowrap;}
.cockpit-ui .header::after {background:linear-gradient(90deg,var(--cp-highlight),transparent 42%);opacity:.35;}
.cockpit-ui .header h1 {font-family:var(--cp-display);font-size:21px;letter-spacing:-.8px;color:var(--cp-text);background:none;-webkit-text-fill-color:currentColor;filter:none;white-space:nowrap;}
.cockpit-brand-symbol {display:inline-grid;place-items:center;vertical-align:middle;width:28px;height:28px;border:1px solid var(--cp-highlight);border-radius:9px;color:var(--cp-highlight);font-size:18px;margin-right:7px;}
.cockpit-ui .header h1>span:not(.cockpit-brand-symbol) {display:none;}
.cockpit-ui #aiNameBadge {border:1px solid var(--cp-line)!important;background:var(--cp-raised)!important;color:var(--cp-muted)!important;box-shadow:none!important;border-radius:8px!important;font-size:11px!important;max-width:155px;overflow:hidden;text-overflow:ellipsis;}
.cockpit-ui .header-right {gap:5px;flex-wrap:nowrap;}
.cockpit-ui .header-tab {border-radius:8px;border-color:transparent;background:transparent;font-size:12px;min-height:36px;color:var(--cp-muted);padding:7px 10px;}
.cockpit-ui .header-tab:hover,.cockpit-ui .header-tab.active {background:var(--cp-hover);border-color:var(--cp-line);box-shadow:none;transform:none;color:var(--cp-highlight);}
.cockpit-ui .theme-picker-btn,.cockpit-ui .settings-btn,.cockpit-ui .logout-btn {background:transparent;border:1px solid transparent;border-radius:8px;min-height:34px;min-width:32px;color:var(--cp-muted);}
.cockpit-ui .theme-picker-btn:hover,.cockpit-ui .settings-btn:hover {background:var(--cp-raised);border-color:var(--cp-line);}
.cockpit-ui #mainSidebar {background:var(--cp-panel);border-color:var(--cp-line);padding:16px 12px;backdrop-filter:none;}
.cockpit-ui .cockpit-sidebar-top {display:grid;gap:6px;margin-bottom:20px;}
.cockpit-ui .cockpit-new-chat,.cockpit-ui .cockpit-search-button {font:inherit;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--cp-line);border-radius:10px;padding:11px 12px;cursor:pointer;background:var(--cp-raised);color:var(--cp-text);text-align:left;}
.cockpit-ui .cockpit-new-chat {background:var(--cp-key);border-color:var(--cp-key);color:var(--cp-onkey);font-weight:650;}
.cockpit-ui .cockpit-search-button kbd {font:11px ui-monospace,monospace;opacity:.7;}
.cockpit-ui .workflow-nav {gap:4px;border-color:var(--cp-line);padding-bottom:14px;margin-bottom:14px;}
.cockpit-ui .workflow-nav a,.cockpit-ui .workflow-nav a:first-child {border:0;background:transparent;color:var(--cp-text);font-size:13px;font-weight:500;border-radius:8px;min-height:40px;padding:9px 12px;}
.cockpit-ui .workflow-nav a:hover {background:var(--cp-hover);color:var(--cp-highlight);}
.cockpit-ui .mode-btn {border-color:transparent;background:transparent!important;border-radius:8px;min-height:35px;padding:8px 10px;margin-bottom:1px;box-shadow:none;color:var(--cp-muted)!important;font-family:inherit;font-size:12px;}
.cockpit-ui .mode-btn.active {background:var(--cp-hover)!important;color:var(--cp-highlight)!important;border:1px solid var(--cp-line);}
.cockpit-ui .mode-btn:hover {background:var(--cp-raised)!important;color:var(--cp-text)!important;transform:none;}
.cockpit-ui .sidebar h3 {font:600 10px var(--cp-body);letter-spacing:1.4px;color:var(--cp-muted);margin-top:20px;}
.cockpit-ui .pin-btn {border-color:transparent;opacity:.5;}
.cockpit-ui #densityCtl {flex-shrink:0;margin:0 4px!important;border-radius:9px!important;border-color:var(--cp-line)!important;}
.cockpit-ui #densityCtl button {flex:0 0 auto;font-size:11px!important;padding:7px 9px!important;min-width:32px;min-height:32px;white-space:nowrap;}
.cockpit-ui .main-panel {background:var(--cp-bg);min-width:0;}
.cockpit-ui .chat-area {padding:30px clamp(16px,4vw,64px);scrollbar-width:thin;scrollbar-color:var(--cp-line) transparent;}
.cockpit-ui .cockpit-welcome {max-width:800px;width:100%;padding:22px 0 14px;text-align:left;}
.cockpit-ui .cockpit-eyebrow {display:flex;align-items:center;gap:10px;font:600 10px ui-monospace,'Consolas',monospace;letter-spacing:2.3px;color:var(--cp-highlight);text-transform:uppercase;margin-bottom:16px;}
.cockpit-ui .cockpit-eyebrow::before {content:'';width:22px;height:1px;background:var(--cp-highlight);}
.cockpit-ui .cockpit-heading {font:600 clamp(25px,2.5vw,37px)/1.2 var(--cp-display);letter-spacing:-1px;margin-bottom:10px;text-wrap:balance;}
.cockpit-ui .chat-empty-subtitle {font-size:14px;line-height:1.6;margin-bottom:24px;max-width:640px;color:var(--cp-muted);}
.cockpit-ui .cockpit-quick-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;}
.cockpit-ui .cockpit-quick-action {position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-height:126px;padding:16px;border:1px solid var(--cp-line);background:var(--cp-panel);border-radius:13px;color:var(--cp-text);font-family:inherit;box-shadow:none;transition:background .16s,border-color .16s;}
.cockpit-ui .cockpit-quick-action:hover {background:var(--cp-raised);border-color:var(--cp-highlight);transform:none;}
.cockpit-action-icon {width:22px;height:22px;color:var(--cp-highlight);}
.cockpit-action-copy {display:grid;gap:6px;text-align:left;}
.cockpit-action-label {font-size:13px;font-weight:600;line-height:1.4;}
.cockpit-action-desc {font-size:11px;line-height:1.45;color:var(--cp-muted);font-weight:400;}
.cockpit-action-arrow {position:absolute;top:15px;right:15px;font-size:16px;color:var(--cp-muted);opacity:.6;}
.cockpit-ui .qs-block {margin-top:20px;gap:15px;}
.cockpit-ui .qs-head {font-size:11px;font-weight:500;letter-spacing:.3px;}
.cockpit-ui .qs-pill {border-radius:7px;background:transparent;border-color:var(--cp-line);font-size:11px;padding:6px 9px;transform:none;color:var(--cp-muted);}
.cockpit-ui .qs-pill:hover {color:var(--cp-highlight);background:var(--cp-hover);}
.cockpit-ui .qs-add {font-size:10px;border-color:var(--cp-line);padding:3px 7px;}
.cockpit-workflow-path {display:flex;align-items:center;gap:20px;list-style:none;margin-top:20px;padding:0;color:var(--cp-muted);font:10px ui-monospace,monospace;letter-spacing:.3px;}
.cockpit-workflow-path li+li::before {content:'→';margin-right:20px;opacity:.5;}
.cockpit-ui #mainInputArea {align-self:center;width:calc(100% - 48px);max-width:860px;margin:0 auto 22px;padding:12px 16px!important;border:1px solid var(--cp-line);border-radius:18px;background:var(--cp-panel);box-shadow:0 16px 48px var(--cp-shadow);backdrop-filter:none;}
.cockpit-ui #mainInputArea::before {left:18px;right:18px;background:linear-gradient(90deg,var(--cp-highlight),transparent 70%);opacity:.45;}
.cockpit-ui #mainInputArea:focus-within {border-color:var(--cp-highlight);}
.cockpit-ui #userInput {font-family:inherit;font-size:15px!important;border:0!important;box-shadow:none;background:transparent!important;color:var(--cp-text)!important;padding:12px 4px!important;min-height:70px;}
.cockpit-ui #userInput::placeholder {color:var(--cp-muted);opacity:.85;}
.cockpit-ui #sendBtn {background:var(--cp-key)!important;color:var(--cp-onkey)!important;box-shadow:none;border:0;border-radius:12px;font-size:13px;min-width:76px;min-height:44px;}
.cockpit-ui .workflow-context {font-size:11px;padding:2px 0 7px;gap:8px;}
.cockpit-ui .workflow-context select {min-height:29px;padding:4px 8px;background:var(--cp-raised);border-color:var(--cp-line);font-size:11px;}
.cockpit-ui .workflow-context>span {font-size:10px;}
.cockpit-ui .workflow-status {font-size:10px;line-height:1.4;padding:4px 0 0;}
.cockpit-ui .workflow-status:empty {display:none;}
.cockpit-ui .cockpit-input-tools {border-top:1px solid var(--cp-line);padding-top:7px;}
.cockpit-ui .cockpit-input-tools>summary {cursor:pointer;font-size:11px;color:var(--cp-muted);padding:5px 0;}
.cockpit-ui .cockpit-input-tools #inputToolbar {padding:7px 0;}
.cockpit-ui .output-panel {background:var(--cp-panel);border-left:1px solid var(--cp-line);}
.cockpit-ui .output-panel-header {background:var(--cp-panel);padding:12px;}
.cockpit-ui .output-action-btn {background:var(--cp-raised);border-color:var(--cp-line);font-size:11px!important;border-radius:7px;}
.cockpit-ui .doc-empty .ei {color:var(--cp-highlight);opacity:.5;}
.cockpit-ui .message {width:100%;max-width:860px;align-self:center;}
.cockpit-ui .msg-body {font-size:15px;line-height:1.75;background:var(--cp-panel);border-color:var(--cp-line);box-shadow:none;}
.cockpit-ui .msg-body.user-msg {background:var(--cp-raised);border-color:var(--cp-line);}
.cockpit-ui .ws-sidebar {background:var(--cp-panel);border-color:var(--cp-line);}
.cockpit-ui .ws-logo {color:var(--cp-text);font-family:var(--cp-display);letter-spacing:-.4px;}
.cockpit-ui .ws-nav a.active {background:var(--cp-hover);color:var(--cp-highlight);border-color:var(--cp-highlight);}
.cockpit-ui .ws-content {background:var(--cp-bg);padding:28px;}
.cockpit-ui .card,.cockpit-ui .today-item {background:var(--cp-panel);border-color:var(--cp-line);border-radius:13px;box-shadow:none;}
.cockpit-ui .btn-primary,.cockpit-ui .today-act-btn.primary,.cockpit-ui .btn-compose {background:var(--cp-key);color:var(--cp-onkey);border-color:var(--cp-key);}
.cockpit-ui .btn-secondary,.cockpit-ui .btn-icon,.cockpit-ui .today-act-btn {background:var(--cp-raised);border-color:var(--cp-line);color:var(--cp-text);}
.cockpit-ui .form-row input,.cockpit-ui .form-row textarea,.cockpit-ui .form-row select {background:var(--cp-raised);border-color:var(--cp-line);color:var(--cp-text);}
.cockpit-ui .modal,.cockpit-ui .auto-modal,.cockpit-ui .ws-modal,.cockpit-ui .admin-modal {background:var(--cp-panel);color:var(--cp-text);border-color:var(--cp-line);}
.cockpit-ui .email-app {grid-template-rows:62px 1fr;}
.cockpit-ui .email-header .logo {font-family:var(--cp-display);color:var(--cp-highlight);}
.cockpit-ui .email-sidebar,.cockpit-ui .email-list,.cockpit-ui .email-detail,.cockpit-ui .ai-panel {border-color:var(--cp-line);}
.cockpit-ui .email-item:hover,.cockpit-ui .folder-item:hover {background:var(--cp-hover);}
.cockpit-ui .email-item.active,.cockpit-ui .folder-item.active {background:var(--cp-hover);color:var(--cp-highlight);}
.cockpit-ui .cockpit-launch {display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--cp-line);border-radius:9px;background:var(--cp-raised);color:var(--cp-muted);padding:7px 10px;min-height:34px;cursor:pointer;font:12px var(--cp-body);white-space:nowrap;}
.cockpit-ui .cockpit-launch svg {width:16px;height:16px;}
.cockpit-command {position:fixed;inset:14vh auto auto 50%;transform:translateX(-50%);width:min(620px,calc(100vw - 28px));max-height:72vh;padding:0;border:1px solid var(--cp-line);border-radius:18px;background:var(--cp-panel);color:var(--cp-text);box-shadow:0 30px 100px rgba(0,0,0,.45);}
.cockpit-command::backdrop {background:rgba(5,11,17,.55);backdrop-filter:blur(6px);}
.cockpit-command-head {display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid var(--cp-line);}
.cockpit-command-head input {width:100%;border:0;background:none;color:var(--cp-text);font:16px var(--cp-body);outline:0;}
.cockpit-command-head button {border:1px solid var(--cp-line);border-radius:6px;background:var(--cp-raised);color:var(--cp-muted);padding:5px 8px;cursor:pointer;}
.cockpit-command-list {display:grid;gap:3px;max-height:48vh;overflow:auto;padding:10px;}
.cockpit-command-list button {display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;text-align:left;padding:12px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--cp-text);font:14px var(--cp-body);cursor:pointer;}
.cockpit-command-list button small {color:var(--cp-muted);font-size:11px;}
.cockpit-command-list button:hover,.cockpit-command-list button:focus {border-color:var(--cp-line);background:var(--cp-hover);outline:0;}
.cockpit-command-footer {padding:12px 18px;border-top:1px solid var(--cp-line);color:var(--cp-muted);font-size:11px;}
html[data-cockpit-theme] :where(button,a,input,textarea,select,summary,[tabindex]):focus-visible {outline:2px solid var(--cp-highlight)!important;outline-offset:3px;}
html[data-cockpit-theme] ::selection {background:var(--cp-key);color:var(--cp-onkey);}
@media(min-width:1000px){.cockpit-ui #mainSidebar:not(.hidden-sidebar){width:248px;min-width:248px}.cockpit-ui .ws-sidebar:not(.collapsed){width:248px}.cockpit-ui #main-content:has(.cockpit-welcome) .chat-area{padding-top:clamp(24px,6vh,76px);padding-bottom:12px}.cockpit-ui .cockpit-welcome{margin:auto;}}
@media(max-width:1250px){.cockpit-ui #aiNameBadge{display:none}.cockpit-ui .header{gap:8px;padding:8px 12px}.cockpit-ui .header-tab{padding:7px}.cockpit-ui .cockpit-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cockpit-ui .cockpit-quick-action{min-height:100px;gap:12px}.cockpit-ui .header-right{gap:2px}.cockpit-ui .cockpit-launch .cockpit-launch-label{display:none}}
@media(max-width:768px){
 .cockpit-ui .header{flex-wrap:wrap;min-height:54px}.cockpit-ui .header h1{font-size:18px}.cockpit-ui .chat-area{padding:16px}.cockpit-ui .cockpit-welcome{padding:18px 0 10px}.cockpit-ui .cockpit-heading{font-size:27px;letter-spacing:-.6px}.cockpit-ui .chat-empty-subtitle{font-size:13px;margin-bottom:18px}
 .cockpit-ui .cockpit-quick-grid{gap:8px}.cockpit-ui .cockpit-quick-action{min-height:100px;padding:13px}.cockpit-action-desc{font-size:11px}.cockpit-ui #mainInputArea{width:calc(100% - 20px);margin:0 10px 10px;padding:10px 12px!important;border-radius:15px;max-height:65dvh;overflow-y:auto}
 .cockpit-ui .workflow-context>span{display:none}.cockpit-ui .workflow-context select{min-height:34px}.cockpit-ui #userInput{min-height:64px!important;font-size:16px!important}.cockpit-ui .cockpit-workflow-path{font-size:10px;gap:10px;flex-wrap:wrap}.cockpit-workflow-path li+li::before{margin-right:10px}
 .cockpit-ui .ws-content{padding:16px}.cockpit-ui .ws-header{padding:12px;gap:8px;flex-wrap:wrap}.cockpit-ui .email-header{gap:5px;padding:0 8px}.cockpit-ui .cockpit-launch{min-height:40px;padding:6px 8px}
 .cockpit-ui .cockpit-input-tools{display:block}.cockpit-ui #mobileDrivingBtn,.cockpit-ui #mobileInterpretBtn{padding:10px 0!important;font-size:14px!important}.cockpit-ui .email-app{grid-template-rows:62px 1fr}
}
@media(prefers-reduced-motion:reduce){.cockpit-ui *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{html[data-cockpit-theme] body{--cp-bg:#fff;--cp-panel:#fff;--cp-raised:#f2f2f2;--cp-hover:#f2f2f2;--cp-line:#ccc;--cp-highlight:#222;--cp-text:#000;--cp-muted:#444;color:#000;background:#fff}.cockpit-launch,.cockpit-command{display:none!important}}

.cockpit-ui .cockpit-workflow-path li+li::before{content:none}
.cockpit-ui .cockpit-workflow-path{margin:0 0 18px;gap:16px}
.cockpit-ui .cockpit-section-label{font-size:11px;font-weight:600;color:var(--cp-muted);letter-spacing:.5px}
.cockpit-ui .cockpit-composer-actions{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 2px}
.cockpit-ui .cockpit-composer-actions .cockpit-launch{font-size:11px;min-height:29px;padding:5px 9px;border-color:transparent;background:transparent}
.cockpit-ui .cockpit-composer-actions .cockpit-launch:hover{background:var(--cp-raised);border-color:var(--cp-line)}
.cockpit-ui #fileBar:not(.has-file){display:none}
.cockpit-ui #fileBar.has-file{display:flex!important;flex-wrap:wrap;gap:6px;background:transparent;border:0;padding:8px 0;margin:0}
.cockpit-ui #fileBar.has-file #fileList{min-width:0;max-width:100%;white-space:normal!important;flex-wrap:wrap}
.cockpit-ui .website-source-panel{font-size:12px;border:1px solid var(--cp-line);border-radius:10px;background:var(--cp-panel);padding:10px 12px;color:var(--cp-muted);margin:8px 0}
.cockpit-ui .website-source-panel a{color:var(--cp-highlight)}
@media(max-width:768px){.cockpit-ui .cockpit-composer-actions .cockpit-launch{min-height:38px}.cockpit-ui.is-mobile.mobile-simple .cockpit-input-tools[open] #inputToolbar{display:flex!important}.cockpit-ui #fileBar .upload-btn{min-height:36px}}

.cockpit-mode-options{border-block:1px solid var(--cp-line);padding:8px 0;margin:12px 0}.cockpit-mode-options>summary{cursor:pointer;font-size:12px;color:var(--cp-muted);padding:8px 10px}.cockpit-mode-options[open]>summary{color:var(--cp-highlight)}
@media(min-width:769px) and (max-width:1100px){.cockpit-ui .header{flex-wrap:wrap}.cockpit-ui .header-right{margin-left:auto}}

/* Optional composer controls collapse; drafts, attachments and send/stop stay native. */
.cockpit-ui #mainInputArea #mobilePromptToggleBtn {
 position:relative;z-index:2;display:flex;width:max-content;
 align-items:center;justify-content:center;gap:7px;padding:5px 10px;margin:0 0 6px auto;
 min-height:30px;border:1px solid var(--cp-line);border-radius:20px;
 background:var(--cp-panel);color:var(--cp-muted);font:11px var(--cp-body);cursor:pointer;
}
.cockpit-ui #mainInputArea #mobilePromptToggleBtn:hover {color:var(--cp-highlight);border-color:var(--cp-highlight)}
.cockpit-ui #mobilePromptToggleChevron {font-size:16px;line-height:1;transform:none}
.cockpit-ui:not(.speaker-mode) #mainInputArea.prompt-compact #mobilePromptToggleBtn {position:absolute;top:-15px;right:16px;margin:0}
.cockpit-ui:not(.speaker-mode) #mainInputArea.prompt-compact {padding:12px!important;overflow:visible}
.cockpit-ui:not(.speaker-mode) #mainInputArea.prompt-compact > :not(#mobilePromptToggleBtn):not(#inputRow):not(#fileBar):not(.workflow-status) {display:none!important}
.cockpit-ui:not(.speaker-mode) .prompt-compact #inputRow {display:flex!important;align-items:flex-end!important;gap:8px!important}
.cockpit-ui:not(.speaker-mode) .prompt-compact #inputRow > div:first-child {flex:1;min-width:0;width:auto!important}
.cockpit-ui:not(.speaker-mode) .prompt-compact #inputRow > :not(:first-child):not(#sendBtn):not(#stopStreamBtn) {display:none!important}
.cockpit-ui:not(.speaker-mode) .prompt-compact #inputRow > div:first-child > div {display:none!important}
.cockpit-ui:not(.speaker-mode) .prompt-compact #userInput {min-height:52px!important;max-height:min(180px,28dvh)!important;padding:10px 4px!important;line-height:1.5}
.cockpit-ui:not(.speaker-mode) .prompt-compact :is(#sendBtn,#stopStreamBtn) {flex-shrink:0;width:auto!important;min-width:60px;min-height:44px!important;margin:0!important;padding:10px 12px!important;font-size:13px!important}
.cockpit-ui:not(.speaker-mode) .prompt-compact #fileBar > :not(#fileList):not(#removeFileBtn) {display:none!important}
@media(max-width:768px){
 .cockpit-ui #mainInputArea #mobilePromptToggleBtn {min-height:36px}
 .cockpit-ui:not(.speaker-mode) #mainInputArea.prompt-compact #mobilePromptToggleBtn {top:-18px;right:12px}
 .cockpit-ui:not(.speaker-mode) #mainInputArea.prompt-compact {max-height:none;margin-top:18px}
}
.cockpit-ui:not(.speaker-mode) .prompt-compact #fileList {max-height:min(120px,20dvh);overflow-y:auto!important;overscroll-behavior:contain}

/* Raised instrument panels: existing theme tokens keep their semantic colors. */
html[data-cockpit-depth="on"] {
 --depth-edge:color-mix(in srgb,var(--cp-panel) 76%,#fff);
 --depth-base:color-mix(in srgb,var(--cp-bg) 78%,var(--cp-line));
 --depth-soft:0 7px 18px var(--cp-shadow),inset 0 1px 0 var(--depth-edge),inset 0 -1px 0 var(--cp-line);
}
html[data-cockpit-depth="on"] .cockpit-ui :is(.header,.ws-header,.email-header) {box-shadow:0 5px 16px var(--cp-shadow),inset 0 1px 0 var(--depth-edge)}
html[data-cockpit-depth="on"] .cockpit-ui :is(.card,.today-item,.email-detail,.ai-panel) {box-shadow:var(--depth-soft)}
html[data-cockpit-depth="on"] .cockpit-ui #mainInputArea {box-shadow:0 4px 0 var(--depth-base),0 14px 32px var(--cp-shadow),inset 0 1px 0 var(--depth-edge)}
html[data-cockpit-depth="on"] .cockpit-ui :is(.cockpit-new-chat,#sendBtn,.btn-primary,.btn-compose) {box-shadow:0 3px 0 color-mix(in srgb,var(--cp-key) 60%,#000),0 7px 14px var(--cp-shadow),inset 0 1px 0 rgba(255,255,255,.3)}
html[data-cockpit-depth="on"] .cockpit-ui :is(.cockpit-new-chat,#sendBtn,.btn-primary,.btn-compose):active {box-shadow:0 1px 0 color-mix(in srgb,var(--cp-key) 60%,#000),inset 0 1px 3px rgba(0,0,0,.15)}
html[data-cockpit-depth="on"] .cockpit-ui .cockpit-quick-action {
 background:radial-gradient(ellipse at var(--depth-light-x,20%) var(--depth-light-y,0%),color-mix(in srgb,var(--cp-highlight) 9%,transparent),transparent 72%),linear-gradient(145deg,var(--cp-raised),var(--cp-panel) 65%);
 border-color:var(--cp-line);
 box-shadow:0 4px 0 var(--depth-base),0 10px 22px var(--cp-shadow),inset 0 1px 0 var(--depth-edge),inset 0 -1px 0 var(--cp-line);
 transition:transform 160ms ease-out,box-shadow 160ms ease-out,border-color 160ms ease-out;
}
html[data-cockpit-depth="on"] .cockpit-ui .cockpit-quick-action:hover {border-color:var(--cp-highlight);box-shadow:0 5px 0 var(--depth-base),0 14px 26px var(--cp-shadow),inset 0 1px 0 var(--depth-edge)}
html[data-cockpit-depth="on"] .cockpit-ui .cockpit-action-icon {
 display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid var(--cp-line);border-radius:9px;
 background:linear-gradient(145deg,var(--cp-hover),var(--cp-panel));
 box-shadow:2px 3px 0 var(--depth-base),0 5px 9px var(--cp-shadow),inset 0 1px 0 var(--depth-edge);
}
html[data-cockpit-depth="on"] .cockpit-ui .cockpit-action-icon svg {width:20px;height:20px}
html[data-cockpit-depth="on"] .cockpit-ui .dash-stat-card {transition:transform 160ms ease-out,box-shadow 160ms ease-out,border-color 160ms ease-out}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
 html[data-cockpit-depth="on"] .cockpit-ui :is(.cockpit-quick-action,.dash-stat-card)[data-depth-active="true"] {transform:perspective(700px) rotateX(var(--depth-rx,0deg)) rotateY(var(--depth-ry,0deg)) translateY(-2px)}
}
@media (prefers-reduced-motion:reduce),(hover:none),(pointer:coarse) {
 html[data-cockpit-depth="on"] .cockpit-ui :is(.cockpit-quick-action,.dash-stat-card) {transform:none!important;transition:none!important}
}
@media print {
 html[data-cockpit-depth="on"] .cockpit-ui :is(.header,.ws-header,.email-header,.card,.today-item,.email-detail,.ai-panel,#mainInputArea,.cockpit-new-chat,#sendBtn,.btn-primary,.btn-compose,.cockpit-quick-action,.cockpit-action-icon) {box-shadow:none!important;transform:none!important;background-image:none!important}
}

/* The primary writing and reading surfaces carry the strongest depth treatment. */
html[data-cockpit-depth="on"] .cockpit-ui #mainInputArea {
 background-image:radial-gradient(ellipse at 95% 0%,color-mix(in srgb,var(--cp-key) 9%,transparent),transparent 68%),linear-gradient(150deg,var(--cp-raised),var(--cp-panel) 52%);
 border-color:color-mix(in srgb,var(--cp-line) 70%,var(--cp-muted));
}
html[data-cockpit-depth="on"] .cockpit-ui #mainInputArea:focus-within {
 border-color:var(--cp-highlight);
 box-shadow:0 0 0 3px color-mix(in srgb,var(--cp-highlight) 10%,transparent),0 4px 0 var(--depth-base),0 16px 36px var(--cp-shadow),inset 0 1px 0 var(--depth-edge);
}
html[data-cockpit-depth="on"] .cockpit-ui .msg-body:not(.user-msg):not(.system-msg):not(.error-msg) {
 padding:clamp(16px,2vw,24px);border-radius:17px;
 background:linear-gradient(160deg,color-mix(in srgb,var(--cp-raised) 55%,var(--cp-panel)),var(--cp-panel) 38%);
 box-shadow:0 3px 0 var(--depth-base),0 10px 24px var(--cp-shadow),inset 0 1px 0 var(--depth-edge);
 backdrop-filter:none;
}
html[data-cockpit-depth="on"] .cockpit-ui .msg-header {gap:9px;padding:0 4px;margin-bottom:9px;color:var(--cp-highlight)}
html[data-cockpit-depth="on"] .cockpit-ui .msg-header .badge {background:var(--cp-hover);color:var(--cp-highlight);border:1px solid var(--cp-line);box-shadow:inset 0 1px 0 var(--depth-edge)}
html[data-cockpit-depth="on"] .cockpit-ui :is(.msg-body,#outputArea) .md-body {line-height:1.75;color:var(--cp-text)}
html[data-cockpit-depth="on"] .cockpit-ui :is(.msg-body,#outputArea) .md-body > *+* {margin-block-start:.85em}
html[data-cockpit-depth="on"] .cockpit-ui :is(.msg-body,#outputArea) .md-body :is(p,li) {line-height:1.75}
html[data-cockpit-depth="on"] .cockpit-ui :is(.msg-body,#outputArea) .md-body :is(h1,h2,h3,h4) {color:var(--cp-text)!important;-webkit-text-fill-color:currentColor;line-height:1.4}
html[data-cockpit-depth="on"] .cockpit-ui :is(.msg-body,#outputArea) .md-body h2 {color:var(--cp-highlight)!important;padding-bottom:6px;border-bottom:1px solid var(--cp-line)}
html[data-cockpit-depth="on"] .cockpit-ui :is(.msg-body,#outputArea) .md-body :is(strong,td) {color:var(--cp-text)}
html[data-cockpit-depth="on"] .cockpit-ui :is(.msg-body,#outputArea) .md-body blockquote {border-left-color:var(--cp-highlight);background:var(--cp-hover);color:var(--cp-muted);padding:12px 16px;border-radius:0 10px 10px 0}
html[data-cockpit-depth="on"] .cockpit-ui :is(.msg-body,#outputArea) .md-body :is(pre,th) {background:var(--cp-raised);border-color:var(--cp-line);color:var(--cp-text)}
html[data-cockpit-depth="on"] .cockpit-ui :is(.msg-body,#outputArea) .md-body pre code {color:var(--cp-text)}
html[data-cockpit-depth="on"] .cockpit-ui .msg-body.user-msg {border-radius:15px 15px 5px 15px;box-shadow:inset 0 1px 0 var(--depth-edge)}
html[data-cockpit-depth="on"] .cockpit-ui .stream-status {background:var(--cp-raised);border-color:var(--cp-line)!important;box-shadow:inset 0 1px 0 var(--depth-edge)}
html[data-cockpit-depth="on"] .cockpit-ui .stream-status::before {content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cp-muted);margin-right:8px;vertical-align:middle}
html[data-cockpit-depth="on"] .cockpit-ui .stream-status[data-state="error"]::before {background:var(--red)}
html[data-cockpit-depth="on"] .cockpit-ui .stream-status[data-state="fallback"]::before {background:var(--orange)}
html[data-cockpit-depth="on"] .cockpit-ui #outputArea {background:var(--cp-panel);box-shadow:inset 4px 0 14px var(--cp-shadow)}
html[data-cockpit-depth="on"] .cockpit-ui .doc-query {border-left-color:var(--cp-highlight);background:var(--cp-raised);color:var(--cp-text);box-shadow:var(--depth-soft)}
@media print {
 html[data-cockpit-depth="on"] .cockpit-ui :is(#mainInputArea,.msg-body,#outputArea,.msg-header .badge,.stream-status,.doc-query) {box-shadow:none!important;background-image:none!important}
}