/* The warm conversation and the cool workbench are different surfaces. */
.workspace {
  --work-bg: #e4eaf1;
  --work-panel: #f5f8fc;
  --work-line: #bac8d7;
  --work-ink: #344a61;
  --work-muted: #596d82;
  --work-accent: #416f9c;
  background: var(--work-bg);
  border-left: 1px solid #cad4df;
}
.workspace-toolbar { border-bottom: 1px solid var(--work-line); }
.workspace-toolbar .text-button:not(.reference-button) { color: var(--work-ink); }
.workspace-toolbar .text-button:not(.reference-button):hover { background: #d3dfea; color: #213c58; }
.workspace-toolbar .edit-hint { color: var(--work-muted); }
.workspace-toolbar .focus-toggle { background: var(--work-panel); border-color: var(--work-line); }
body.focus-mode .workspace .focus-toggle { color: #fff; background: var(--work-accent); border-color: var(--work-accent); }
.workspace-footer, .workspace-footer > span:first-child { color: var(--work-muted); }
.workspace .status-dot { background: #8199ae; }
.workspace .status-dot.edited { background: var(--work-accent); }
.workspace .stage-host { scrollbar-color: #9eafc2 transparent; }
.workspace button:focus-visible, .workspace select:focus-visible, .workspace textarea:focus-visible { outline-color: var(--work-accent); }

/* The cafe is a separate, crisp editorial site, with its own amber brand. */
.workspace[data-stage=cafe] .browser-window { border-color: #afbdcc; background: #fff; box-shadow: 0 3px 10px #263d5510; }
.workspace[data-stage=cafe] .browser-chrome { background: #ccd7e3; border-color: #afbdcc; }
.workspace[data-stage=cafe] .browser-address { background: #f9fbfe; border-color: #b6c4d3; color: #41576c; }
.workspace[data-stage=cafe] .browser-address svg, .workspace[data-stage=cafe] .address-path, .workspace[data-stage=cafe] .local-label { color: #5c7185; }
.workspace .website { background: #fff; color: #283846; scrollbar-color: #b4c2d0 transparent; }
.workspace .cafe-nav { background: #283e53; border-bottom: 1px solid #42596d; color: #fff; }
.workspace .cafe-brand small { color: #c5d1dc; }
.workspace .brand-seal { background: #fff; }
.workspace .cafe-links { color: #e0e7ed; }
.workspace .nav-time { color: #c5d1dc; border-color: #5e7183; }
.workspace .hero-kicker { color: #596c7c; }
.workspace .cafe-description { color: #526575; }
.workspace .reservation-note { color: #607384; }
.workspace .cafe-bottom { border-color: #d3dde6; color: #5d7182; }
.workspace .sun-halo { background: #e0e8ef; }
.workspace .scene-caption, .workspace .scene-stamp { color: #617587; }
.workspace .scene-stamp { border-color: #a5b7c7; }
/* Selection belongs to the editor, not to the site's brand palette. */
.workspace .editable:hover:after, .workspace .editable.selected:after { border-color: var(--work-accent); }
.workspace .edit-tag { background: var(--work-accent); }

.workspace[data-stage=cafe] .inspector, .workspace[data-stage=cafe] .advanced-editor { --scene-control: #fff; --scene-line: var(--work-line); --scene-ink: var(--work-ink); background: var(--work-panel); border-color: var(--work-line); border-radius: 5px; box-shadow: none; }
.workspace[data-stage=cafe] .inspector-selection label, .workspace[data-stage=cafe] .inspector legend { color: var(--work-muted); }
.workspace[data-stage=cafe] .inspector-selection select { background: #fff; border-color: var(--work-line); color: var(--work-ink); }
.workspace[data-stage=cafe] .color-swatch { color: var(--work-muted); }
.workspace[data-stage=cafe] .color-swatch.active { color: #294f73; background: #dce8f5; border-color: #6590b6; }
.workspace[data-stage=cafe] .color-swatch:hover:not(:disabled) { background: #e5edf6; }
.workspace[data-stage=cafe] .swatch-dot { box-shadow: 0 0 0 1px #a7b5c4; }
.workspace[data-stage=cafe] .segmented { background: #e8eef5; border-color: var(--work-line); }
.workspace[data-stage=cafe] .segmented button { color: var(--work-muted); }
.workspace[data-stage=cafe] #size-options button.active { color: #fff; background: var(--work-accent); border-color: var(--work-accent); }
.workspace[data-stage=cafe] .advanced-editor summary, .workspace[data-stage=cafe] .advanced-fields label { color: var(--work-ink); }
.workspace[data-stage=cafe] .advanced-editor summary > span, .workspace[data-stage=cafe] .custom-tools small { color: var(--work-muted); }
.workspace[data-stage=cafe] .advanced-fields textarea { color: var(--work-ink); border-color: var(--work-line); background: #fff; }
.workspace[data-stage=cafe] .custom-tools button, .workspace[data-stage=cafe] .custom-tools input { color: var(--work-ink); background: #e8eef5; border-color: var(--work-line); }
.workspace[data-stage=cafe] #eyedropper[aria-pressed=true] { background: #dce8f5; outline-color: var(--work-accent); }

@media (max-width: 900px) {
  .workspace { border-left: 0; }
  .chat-sheet-backdrop:not([hidden]) { background: #1c2c3e; }
}