/* Kitchen in the AI Board ("lab") palette — colors only; layout and controls unchanged.
   Loaded after ai.html's inline <style> so equal-specificity rules here win. */
:root {
  --teal: #93c5fd;
  --teal-dim: #2563eb;
  --chat-bg: #0f172a;
  --chat-surface: #1e293b;
  --chat-border: #334155;
  --chat-text: #e2e8f0;
  --chat-muted: #94a3b8;
  --conv-bg: #111827;
  --conv-hover: #1f2937;
  --conv-active: #1e293b;
  --side-bg: #111827;
  --side-border: #334155;
  --side-text: #e2e8f0;
  --side-muted: #94a3b8;
}

/* panels + rails */
.setup-col { border-left: 1px solid #334155; }
.setup-panel { border: 1px solid #334155; background: #1e293b; border-radius: 12px; }
.sec-question { color: #e2e8f0; }
.concept-strip { background: #1e293b; }
.kitchen-guide-bar, .example-row select, .field-block textarea { background: #1e293b; }
.kitchen-guide-bar h3 { color: #e2e8f0; }
.main-prompt-preview, .fs-path-tip strong { color: #cbd5e1; }
.show-me-link:hover, .show-me-link[aria-expanded="true"],
.hobb-helper-tip-link:hover, .helper-path-line a:hover, .fs-path-pick:hover { color: #bfdbfe; }

/* buttons: slate like the board */
.mux-conv-collapse, .mux-setup-collapse, .conv-edit-actions button, .cloud-hs-btn, .cloud-lib-btn,
.btn-mic, .composer .btn-append-txt, .composer .btn-append-file, .hobb-launch-bar .hobb-ctrl,
.kitchen-guide-bar button, .chip-btn, .step-badge, .field-block .btn-mic {
  background: #334155;
  border-color: #475569;
}
.chat-view-bar__side, .fs-op-pill { background: #1e293b; border-color: #475569; }
.chat-view-bar__side:hover, .fs-op-pill:hover { background: #334155; border-color: #60a5fa; }
.mux-conv-collapse:hover, .mux-setup-collapse:hover { background: #2563eb; }
.conv-edit-toggle.active, .btn-mic:active, .chip-btn.active, .step-badge.active,
.composer .btn-append-txt:hover, .composer .btn-append-file:hover { background: #1e3a8a; }
.hobb-led, .hobb-kv, .chat-view-quiet-toggle { border-color: #475569; }
.chat-view-quiet-toggle:hover, .chat-view-quiet-toggle[aria-pressed="true"] { border-color: #64748b; }
.hobb-led.is-on { border-color: #60a5fa; }
.conv-row-check input { accent-color: #2563eb; }

/* scrollbars */
.mux-conv-list, .chat-thread-scroll { scrollbar-color: #475569 #0b1220; }
.chat-thread-scroll::-webkit-scrollbar-track { background: #0b1220; }
.chat-thread-scroll::-webkit-scrollbar-thumb { background: #475569; border-color: #0b1220; }
.chat-thread-scroll::-webkit-scrollbar-thumb:hover { background: #60a5fa; }

/* AI pills: each AI in its own color — outlined when off, filled when on (ON BUS halo still wins: inline !important) */
#provRow .chip-btn.prov-opt[data-prov="claude"] { --ai: #f0a47e; }
#provRow .chip-btn.prov-opt[data-prov="cursor"] { --ai: #c4b5fd; }
#provRow .chip-btn.prov-opt[data-prov="gemini"] { --ai: #93c5fd; }
#provRow .chip-btn.prov-opt[data-prov="chatgpt"] { --ai: #6ee7b7; }
#provRow .chip-btn.prov-opt[data-prov="groq"] { --ai: #fca5a5; }
body #provRow .chip-btn.prov-opt[data-prov] {
  background: transparent;
  border: 2px solid var(--ai);
  color: #fff;
  border-radius: 12px;
  font-weight: 800;
  box-shadow: none;
}
body #provRow .chip-btn.prov-opt[data-prov]:hover { background: rgba(255, 255, 255, 0.06); }
body.kitchen-ui #provRow .chip-btn.prov-opt[data-prov].active:not(.c5-baton-current),
body.kitchen-ui #provRow .chip-btn.prov-opt[data-prov].active:hover:not(.c5-baton-current),
body #provRow .chip-btn.prov-opt[data-prov].active:not(.c5-baton-current) {
  background: var(--ai);
  border-color: var(--ai);
  color: #111;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.12);
}
body #provRow .chip-btn.prov-opt[data-prov] .prov-badge { color: var(--ai); }
body #provRow .chip-btn.prov-opt[data-prov].active .prov-badge { color: #111; opacity: 0.75; }
#provRow .prov-opt[data-prov="claude"] .prov-name::before { content: "🦉 "; }
#provRow .prov-opt[data-prov="cursor"] .prov-name::before { content: "🛠️ "; }
#provRow .prov-opt[data-prov="gemini"] .prov-name::before { content: "✨ "; }
#provRow .prov-opt[data-prov="chatgpt"] .prov-name::before { content: "🤖 "; }
#provRow .prov-opt[data-prov="groq"] .prov-name::before { content: "⚡ "; }

/* chats list rows: gold edge on the open chat, like the board mockup */
.conv-row { border-radius: 10px; }
.conv-row.active { background: #1f2937; box-shadow: inset 3px 0 0 #fde047; }