/* Workspace navigation adapts from a left rail to a compact row. */
body{--workspace-primary:#2478ff;--workspace-accent:#8feaff;--workspace-rgb:36,120,255;--workspace-surface:#102742;--workspace-hue:0deg}
#workspaceNav{display:flex;gap:6px;margin:9px 0 0;flex-shrink:0;align-items:stretch}.workspaceEyebrow{display:none}.workspaceChoice{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-width:0;border:1px solid #4c678966;background:#061326ed;border-radius:11px;padding:8px 7px;color:#afc3da;text-align:left;line-height:1.3;transition:background .18s,border-color .18s}.workspaceChoice .workspaceName{font-size:10px;font-weight:500}.workspaceChoice small{display:none}.workspaceSwatch{flex-shrink:0;width:8px;height:8px;background:var(--swatch);box-shadow:0 0 9px var(--swatch);border-radius:50%}.workspaceChoice[aria-pressed=true]{border-color:var(--workspace-accent);background:var(--workspace-surface);color:#f1f8ff;box-shadow:inset 0 0 14px rgba(var(--workspace-rgb),.14)}.workspaceChoice:hover{border-color:var(--workspace-accent)}
body.fullscreen #workspaceNav{position:fixed;left:28px;top:50%;transform:translateY(-50%);flex-direction:column;width:170px;margin:0;gap:9px}.fullscreen .workspaceEyebrow{display:block;font-size:8px;letter-spacing:2px;color:var(--workspace-accent);margin:0 0 8px}.fullscreen .workspaceChoice{display:grid;grid-template-columns:12px 1fr;justify-content:start;gap:7px 10px;padding:16px 12px;min-height:76px;flex:none}.fullscreen .workspaceChoice .workspaceName{font-size:12px}.fullscreen .workspaceChoice small{display:block;grid-column:2;font-size:9px;color:#aabed2}.fullscreen .workspaceSwatch{width:10px;height:10px}.companion #workspaceNav{display:none}
#workspaceMemory{display:block;width:100%;min-height:140px;max-height:260px;resize:vertical;border-radius:10px;background:#050e1d;border:1px solid var(--workspace-primary);padding:12px;font:12px/1.65 'Segoe UI',sans-serif;color:#edf6ff}.memoryActions{display:flex;gap:10px;align-items:center;margin:10px 0 20px}#memoryStatus{font-size:10px;color:var(--workspace-accent)}
/* Keep photography and text natural; tint the orb and interface surfaces separately. */

body{--ice:var(--workspace-accent);--blue:var(--workspace-primary)}
body .brandMark{filter:drop-shadow(0 0 6px var(--workspace-primary))}
body h1{color:var(--workspace-accent);text-shadow:0 0 16px var(--workspace-primary)}
body .glass,body #agentBar,body .artifactCard,body #app #approvalPanel{background:linear-gradient(135deg,var(--workspace-surface),#07101bf5 85%);border-color:color-mix(in srgb,var(--workspace-primary),#c7d5e5 30%);box-shadow:inset 0 1px 1px #ffffff18,0 8px 28px #0006,0 0 18px rgba(var(--workspace-rgb),.13)}
body .smallButton,body .agentBarTop button,body .artifactActions button{background:var(--workspace-surface);border-color:var(--workspace-primary);color:#e8f1ff}
body .sendButton,body #allowAction{background:linear-gradient(140deg,var(--workspace-primary),var(--workspace-surface));border-color:var(--workspace-accent);box-shadow:0 0 16px rgba(var(--workspace-rgb),.45)}
body .messageLabel,body .sectionLabel,body .markdown a,body .orbCaption,body .fileGlyph,body .stepMark{color:var(--workspace-accent)}
body .message.user,body .timelineStep,body .approvalTarget{background:rgba(var(--workspace-rgb),.13);border-color:rgba(var(--workspace-rgb),.5)}
body .pill,body .modeChip,body .topbar{background:var(--workspace-surface);border-color:rgba(var(--workspace-rgb),.45)}
body .miniDot,body #stateDot,body #agentStatus::before{background:var(--workspace-accent);box-shadow:0 0 8px var(--workspace-primary)}
body.companion #app,body.focus #app{background:radial-gradient(ellipse at 50% 35%,var(--workspace-surface),#030a14f0);border-color:var(--workspace-primary)}
body .futuretechShade{background:linear-gradient(180deg,#020713aa,transparent 28%,#020713cc),radial-gradient(ellipse at 50% 45%,rgba(var(--workspace-rgb),.22),#03102388 50%,#03102333 80%)}
body .sceneChoice[aria-pressed=true]{border-color:var(--workspace-accent);box-shadow:0 0 18px rgba(var(--workspace-rgb),.25)}
@media(max-width:1200px){body.fullscreen #workspaceNav{left:18px;width:130px}.fullscreen .workspaceChoice{padding:13px 9px}.fullscreen .workspaceChoice .workspaceName{font-size:11px}}
@media(max-width:1000px){body.fullscreen #workspaceNav{position:static;transform:none;flex-direction:row;width:min(650px,90vw);margin-top:9px;gap:6px}.fullscreen .workspaceEyebrow,.fullscreen .workspaceChoice small{display:none}.fullscreen .workspaceChoice{display:flex;flex:1;min-height:36px;padding:8px 6px}.fullscreen .workspaceChoice .workspaceName{font-size:10px}}
@media(max-width:560px){.workspaceChoice{padding:7px 5px;gap:5px}.workspaceChoice .workspaceName{font-size:9px}.workspaceSwatch{width:6px;height:6px}}
@media(max-height:580px){body.expanded:not(.companion) .orbStage{height:50px;min-height:50px}body.expanded:not(.companion) .chatPanel{min-height:70px}#workspaceNav{margin-top:6px}.workspaceChoice{padding-top:6px;padding-bottom:6px}body.expanded .controls .pill,body.expanded .controls .modeChip{height:29px}}

body[data-custom-orb=true] #orb{filter:none!important}
body .sendButton svg{stroke:var(--workspace-ink)}
body #allowAction{color:var(--workspace-ink)}
.colourPreview{display:flex;align-items:center;gap:24px;padding:20px;border:1px solid #354b60;border-radius:14px;background:#07111d;margin:14px 0 18px;--preview-orb:#2478ff;--preview-primary:#2478ff;--preview-accent:#8feaff;--preview-ink:#fff}
.colourPreviewOrb{width:64px;height:64px;flex-shrink:0;border-radius:50%;position:relative;background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--preview-orb),white 60%),var(--preview-orb) 50%,#050c17);box-shadow:0 0 22px color-mix(in srgb,var(--preview-orb),transparent 55%)}
.colourPreviewOrb i{position:absolute;inset:17px -12px;border:1px solid color-mix(in srgb,var(--preview-orb),white 50%);border-radius:50%;transform:rotate(-25deg)}
.colourPreview strong{display:block;color:var(--preview-accent);font-size:12px}.colourPreview span{display:block;color:#acbfd0;font-size:10px;margin:5px 0 9px}.colourPreview b{display:inline-block;border:1px solid var(--preview-accent);background:var(--preview-primary);color:var(--preview-ink);font-size:10px;font-weight:400;padding:6px 10px;border-radius:12px}
.settingsContent .colourField{display:grid;grid-template-columns:minmax(85px,1fr) 44px 108px;gap:12px;align-items:center;margin:12px 0}.settingsContent .colourField label{margin:0}.settingsContent .colourField input[type=color]{width:44px;height:35px;padding:3px;cursor:pointer;border:1px solid #48617d;border-radius:8px;background:#07101b;margin:0}.settingsContent .colourField input[type=text]{width:100%;margin:0;padding:8px;font-family:Consolas,monospace;text-transform:uppercase}.colourField input[aria-invalid=true]{border-color:#ff9eaf}.colourActions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 5px}#workspaceColours{padding-bottom:12px;border-bottom:1px solid #4b678533;margin-bottom:16px}#colourStatus{min-height:18px}@media(max-width:430px){.settingsContent .colourField{grid-template-columns:minmax(75px,1fr) 36px 96px;gap:7px}.settingsContent .colourField input[type=color]{width:36px}.colourPreview{gap:18px;padding:16px}}

body .sendButton,body #allowAction{background:var(--workspace-primary)}

/* Stable selectors keep General, built-in and new workspaces on the same palette. */
body .brandMark stop:first-child{stop-color:color-mix(in srgb,var(--workspace-accent),white 35%)}
body .brandMark stop:nth-child(2){stop-color:var(--workspace-primary)}
body .brandMark stop:last-child{stop-color:color-mix(in srgb,var(--workspace-primary),black 35%)}
body .brandMark ellipse{stroke:var(--workspace-accent)}
body.workspace-colour-transition :is(.workspaceChoice,.composer,.pill,.topbar,.sceneChoice,.iconButton){transition-property:transform,opacity!important}

/* The conversation launcher follows the workspace secondary/accent colour. */
body #expandBtn{
 color:var(--workspace-accent);
 background:color-mix(in srgb,var(--workspace-accent) 10%,#07101b);
 border-color:color-mix(in srgb,var(--workspace-accent) 75%,#07101b);
 box-shadow:0 0 15px color-mix(in srgb,var(--workspace-accent) 23%,transparent);
}
body #expandBtn:is(:hover,:focus-visible){
 color:var(--workspace-accent);
 background:color-mix(in srgb,var(--workspace-accent) 19%,#07101b);
 border-color:var(--workspace-accent);
 box-shadow:0 0 18px color-mix(in srgb,var(--workspace-accent) 32%,transparent);
}
body #expandBtn:focus-visible{outline-color:var(--workspace-accent)}

/* Product glow preview: only shadows change; existing surfaces and colours stay intact. */
body .composer,body.fullscreen .composer{
 box-shadow:inset 0 1px 2px #ffffff25,0 8px 20px -8px #0009,
  0 10px 24px -7px color-mix(in srgb,var(--workspace-accent) 24%,transparent),
  0 5px 12px -5px color-mix(in srgb,var(--workspace-primary) 34%,transparent);
}
body .composer:focus-within,body.fullscreen .composer:focus-within{
 box-shadow:inset 0 1px 2px #ffffff25,0 8px 20px -8px #0009,
  0 12px 28px -7px color-mix(in srgb,var(--workspace-accent) 33%,transparent),
  0 5px 14px -5px color-mix(in srgb,var(--workspace-primary) 40%,transparent);
}
body .workspaceChoice[aria-pressed=true]{
 box-shadow:inset 0 0 14px rgba(var(--workspace-rgb),.14),
  0 9px 20px -7px color-mix(in srgb,var(--workspace-accent) 26%,transparent),
  0 4px 10px -5px color-mix(in srgb,var(--workspace-primary) 36%,transparent);
}
body .sceneChoice[aria-pressed=true]{
 box-shadow:0 9px 20px -7px color-mix(in srgb,var(--workspace-accent) 29%,transparent),
  0 3px 10px -4px color-mix(in srgb,var(--workspace-primary) 36%,transparent);
}
/* Keep the floating workspace strip's shadow inside its scrollable painting area. */
body:not(.fullscreen) #workspaceChoices{padding-bottom:14px;margin-bottom:-11px}