/*
 * Zoegent skin for Crowgent (orchestree.ai/crowgent).
 *
 * Zoegent's black and red palette, its three typefaces and its specialist
 * portraits, laid over Crowgent's own build. Every system, section, category,
 * feature and route stays where Crowgent puts it; what changes is colour,
 * type, imagery and a few display fixes listed at the end of this file.
 * Loaded after Crowgent's stylesheet; removing this file and zoegent-skin.js
 * restores the previous look byte for byte.
 *
 * How the colour works, as in Zoegent:
 *   ink    black type and black buttons (Crowgent's accent tokens map here)
 *   rail   the black sidebar, in light and dark mode alike
 *   signal Zoegent red, kept for where you are, what is selected, what is
 *          live, keyboard focus and the one main action on a screen
 *
 * Crowgent's tokens are set on `#root .warehouse` with up to one id and five
 * class-level selectors. Rules here start from the placeholder `skin-root`,
 * which scripts/crowgent-skin-overlay.mjs expands to a selector that repeats
 * `.warehouse` six times, so they win without touching Crowgent's own CSS:
 *   html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse
 * The command palette opens outside #root, so it has its own rules below.
 */

/* ── Light: Zoegent's canvas, white cards, black ink ───────────────────── */

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse {
  --zg-signal: #e8501c;
  --zg-red-strong: #c8420f;
  --zg-red-deep: #a8360b;
  --zg-red-soft: #ffe7db;
  --zg-rail: #111316;
  --zg-rail-2: #1b1e22;
  --zg-rail-line: #2a2f35;
  --zg-rail-text: #c4c9ce;
  --zg-portrait-bg: #dde0e4;

  --crowgent-accent: #0e1012;
  --crowgent-accent-on-ink: #f3f4f5;
  --crowgent-ink: #0e1012;
  --crowgent-ink-soft: #1b1e22;
  --crowgent-paper: #ffffff;
  --crowgent-paper-alt: #ecedee;
  --crowgent-hero: #f6f6f7;
  --crowgent-metadata: #5f666e;
  --crowgent-metadata-on-ink: #c4c9ce;

  --wh-bg: #ecedee;
  --wh-surface: #ffffff;
  --wh-ink: #0e1012;
  --wh-muted: #5f666e;
  --wh-line: #dadcdf;
  --wh-accent: #0e1012;
  --wh-accent-hover: #2a2f35;
  --wh-orange: #0e1012;
  --wh-soft: #f6f6f7;
  --wh-hover: #f6f6f7;

  --bg: #ecedee;
  --surface: #ffffff;
  --surface-2: #f6f6f7;
  --active: #f6f6f7;
  --border: #dadcdf;
  --border-strong: #c5c8cc;
  --ink: #0e1012;
  --ink-2: #3b4046;
  --ink-3: #5f666e;
  --ink-4: #8a9199;
  --black: #0e1012;
  --g0: #ecedee;
  --g1: #dadcdf;
  --g2: #c5c8cc;
  --g3: #8a9199;
  --g4: #5f666e;
  --h1: #ffe7db;
  --h2: #f6b394;
  --h3: #e8501c;
  --h4: #9a3412;
  --accent: #0e1012;
  --accent-soft: #e1e4e8;
  --accent-line: #c5c8cc;
  --copper: #0e1012;
  --copper-soft: #f6f6f7;
  --copper-line: #dadcdf;
  --copper-hover: #2a2f35;
  --btn-bg: #0e1012;
  --btn-fg: #ffffff;
  --btn-hover: #2a2f35;
  --cc-green: #0e1012;
  --cc-green-soft: #f6f6f7;
  --cc-orange-art: #e8501c;
  --cc-art-line: #dadcdf;
  --e1: 0 1px 2px rgba(14, 16, 18, 0.04);
  --e2: 0 2px 8px rgba(14, 16, 18, 0.06);
  --e3: 0 12px 32px rgba(14, 16, 18, 0.1);

  --sans: 'Instrument Sans', 'Inter', system-ui, -apple-system, sans-serif;
  --display: 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --mono: 'IBM Plex Mono', ui-monospace, Menlo, monospace;

  font-family: var(--sans);
  background: var(--wh-bg);
  -webkit-font-smoothing: antialiased;
}

html body {
  background: #ecedee;
}

/* ── Dark: Zoegent's night palette ─────────────────────────────────────── */

/* Crowgent's own dark rules read --crowgent-* as fixed brand colours (its
   dark canvas is var(--crowgent-ink)), so those stay as set above. */
html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse.wh-dark {
  --zg-signal: #ff6a3d;
  --zg-red-soft: #3a1a0e;
  --zg-portrait-bg: #1d2125;

  --wh-bg: #0a0b0d;
  --wh-surface: #15181b;
  --wh-ink: #f3f4f5;
  --wh-muted: #9aa1a9;
  --wh-line: #2a2f35;
  --wh-accent: #f3f4f5;
  --wh-accent-hover: #ffffff;
  --wh-orange: #f3f4f5;
  --wh-soft: #1b1e22;
  --wh-hover: #1b1e22;

  --bg: #0a0b0d;
  --surface: #15181b;
  --surface-2: #1b1e22;
  --active: #1b1e22;
  --border: #2a2f35;
  --border-strong: #3a4047;
  --ink: #f3f4f5;
  --ink-2: #c4c9ce;
  --ink-3: #9aa1a9;
  --ink-4: #7a828b;
  --black: #0e1012;
  --g0: #1b1e22;
  --g1: #2a2f35;
  --g2: #5f666e;
  --g3: #9aa1a9;
  --g4: #c4c9ce;
  --h1: #3a1a0e;
  --h2: #7a2e12;
  --h3: #e8501c;
  --h4: #ff8a63;
  --accent: #f3f4f5;
  --accent-soft: #22262b;
  --accent-line: #3a4047;
  --copper: #f3f4f5;
  --copper-soft: #1b1e22;
  --copper-line: #2a2f35;
  --copper-hover: #ffffff;
  --btn-bg: #f3f4f5;
  --btn-fg: #0e1012;
  --btn-hover: #ffffff;
  --cc-green: #f3f4f5;
  --cc-green-soft: #1b1e22;
  --cc-orange-art: #ff6a3d;
  --cc-art-line: #3a4047;

  background: var(--wh-bg);
}

html[data-theme='dark'] body {
  background: #0a0b0d;
}

/* ── Type: Archivo for headings, Instrument Sans for reading, Plex Mono for labels ── */

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse :is(h1, h2, h3, .wordmark, .cc-h, .set-sec) {
  font-family: var(--display);
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse h1 {
  font-weight: 760;
  font-stretch: 118%;
  letter-spacing: -0.03em;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse h2 {
  font-weight: 700;
  font-stretch: 112%;
  letter-spacing: -0.015em;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse h3 {
  font-weight: 680;
  font-stretch: 106%;
  letter-spacing: -0.01em;
}

/* The serif accent line in a heading takes the heading's own face and colour. */
html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse h1 em {
  font-family: inherit;
  font-style: normal;
  color: inherit;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse :is(button, input, textarea, select) {
  font-family: var(--sans);
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse :is(code, kbd, pre, samp) {
  font-family: var(--mono);
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse
  :is(
    .wh-eyebrow,
    .wh-nav-label,
    .set-cap,
    .cc-launchpad-heading,
    .cc-blueprint-heading,
    .cc-gateway-visual > span,
    .crow-mkt__hero-eyebrow
  ) {
  font-family: var(--mono);
  font-weight: 500;
  letter-spacing: 0.06em;
}

/* ── Sidebar: Zoegent's black rail ─────────────────────────────────────── */

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .wh-sidebar {
  --wh-bg: #111316;
  --wh-surface: #15181b;
  --wh-ink: #ffffff;
  --wh-muted: #9aa1a9;
  --wh-line: #2a2f35;
  --wh-hover: #1b1e22;
  --wh-soft: #1b1e22;
  --wh-accent: #e8501c;
  --wh-orange: #e8501c;
  --ink: #ffffff;
  --ink-2: #c4c9ce;
  --ink-3: #9aa1a9;
  --border: #2a2f35;
  --surface: #15181b;
  --surface-2: #1b1e22;
  background: #111316;
  border-right-color: #2a2f35;
  color: #c4c9ce;
  scrollbar-color: #2a2f35 transparent;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .wh-sidebar .wh-brand {
  color: #ffffff;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .wh-sidebar .wh-brand small {
  color: #8a9199;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .wh-sidebar .wh-search {
  background: #1b1e22;
  border-color: #2a2f35;
  color: #c4c9ce !important;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .wh-sidebar .wh-search:hover {
  border-color: #3a4047;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .wh-sidebar .wh-nav-label {
  color: #8a9199;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .wh-sidebar .wh-nav {
  color: #c4c9ce !important;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .wh-sidebar .wh-nav svg {
  color: #8a9199;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .wh-sidebar .wh-nav:hover {
  background: #1b1e22;
  color: #ffffff !important;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .wh-sidebar .wh-nav:hover svg {
  color: #c4c9ce;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .wh-sidebar .wh-nav.wh-active {
  background: #1b1e22;
  color: #ffffff !important;
  box-shadow: inset 3px 0 0 #e8501c;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .wh-sidebar .wh-nav.wh-active :is(svg, .wh-nav-dot) {
  color: #e8501c;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .wh-sidebar .wh-workspace-note {
  background: #15181b;
  border-color: #2a2f35;
  color: #c4c9ce;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .wh-sidebar .wh-workspace-note strong {
  color: #ffffff;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .wh-sidebar .wh-workspace-note > svg {
  color: #e8501c;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .wh-sidebar .wh-account {
  border-top-color: #2a2f35;
  color: #c4c9ce;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .wh-sidebar .wh-account > span {
  background: #2a2f35;
  color: #ffffff;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .wh-sidebar .wh-account strong {
  color: #ffffff;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .wh-sidebar .wh-account small {
  color: #9aa1a9;
}

/* The phone menu's backdrop dims in neutral black. */
html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .wh-scrim {
  background: rgba(10, 11, 13, 0.55);
}

/* Settings opens over the app with its own menu: the same black rail. */
html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse #settings .set-rail {
  --wh-bg: #111316;
  --wh-surface: #111316;
  --wh-ink: #ffffff;
  --wh-muted: #9aa1a9;
  --wh-line: #2a2f35;
  --wh-hover: #1b1e22;
  --wh-soft: #1b1e22;
  --wh-accent: #e8501c;
  --ink: #ffffff;
  --ink-2: #c4c9ce;
  --ink-3: #9aa1a9;
  --ink-4: #8a9199;
  --border: #2a2f35;
  --border-strong: #2a2f35;
  --surface: #1b1e22;
  --surface-2: #1b1e22;
  --active: #1b1e22;
  background: #111316;
  border-right-color: #2a2f35;
  color: #c4c9ce;
  scrollbar-color: #2a2f35 transparent;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse #settings .set-rail .set-cap {
  color: #8a9199;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse #settings .set-rail .set-search input {
  background: transparent;
  color: #ffffff;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse #settings .set-rail .set-item.on {
  background: #1b1e22;
  color: #ffffff !important;
  box-shadow: inset 3px 0 0 #e8501c;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse #settings .set-rail .set-item.on svg {
  color: #e8501c;
  opacity: 1;
}

/* ── Signal red: the main action, where you are, what is selected or live ── */

/* The one red button per screen, like Zoegent's "Message your agent". */
html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .wh-sidebar .wh-primary.wh-new,
html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .crow-mkt__hero-primary {
  background: #c8420f;
  border-color: #c8420f;
  color: #ffffff;
  box-shadow: none;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .wh-sidebar .wh-primary.wh-new:hover,
html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .crow-mkt__hero-primary:hover {
  background: #a8360b;
  border-color: #a8360b;
  color: #ffffff;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse :is(.wh-new, .crow-mkt__hero-primary) svg {
  color: #ffffff;
}

/* Selected stage, tab and filter. */
html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse
  :is(
    .cc-stage-active,
    .ws-tabs button.on,
    .wh-filters button[aria-pressed='true'],
    .crow-submit__steps button[aria-pressed='true'],
    .segc button.on
  ) {
  border-color: var(--zg-signal);
  box-shadow: inset 0 -2px var(--zg-signal);
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .set-item.on {
  box-shadow: inset 3px 0 0 var(--zg-signal);
}

/* Live dots, ticks and an exceeded budget. */
html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .wh-dot,
html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .cc-budget-exceeded > span {
  background: var(--zg-signal);
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse :is(input[type='checkbox'], input[type='radio'], input[type='range'], progress) {
  accent-color: var(--zg-signal);
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse :focus-visible {
  outline: 2px solid var(--zg-signal);
  outline-offset: 2px;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse ::selection {
  background: #ffe7db;
  color: #0e1012;
}

/* ── Fields: white wells with a firm edge, as in Zoegent ───────────────── */

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse :is(input, textarea, select) {
  --wh-bg: var(--wh-surface);
  --wh-line: #c5c8cc;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse.wh-dark :is(input, textarea, select) {
  --wh-line: #3a4047;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .wh-sidebar :is(input, textarea, select) {
  --wh-line: #2a2f35;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .cc-brief-composer:focus-within {
  border-color: var(--wh-ink);
  box-shadow: none;
}

/* ── Surfaces ──────────────────────────────────────────────────────────── */

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .cc-heading-link {
  background: var(--wh-surface);
  border-color: var(--wh-line);
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse :is(.wh-template .wh-template-icon, .cc-gateway-visual) {
  background: var(--wh-soft);
  background-image: none;
  color: var(--wh-ink);
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .cc-gateway-visual > span {
  color: var(--wh-muted);
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .wh-danger {
  color: #a1251b;
  border-color: #e7b0a9;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse.wh-dark .wh-danger {
  color: #f5a29a;
  border-color: #5c2a24;
}

/* Marketplace, submission and settings pages keep their own tokens; point
   them at Zoegent's ink, greys and status colours. */
html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .crow-mkt {
  --crow-success: #1b6b45;
  --crow-hermes: #7a4b00;
  --crow-error: #a1251b;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse.wh-dark .crow-mkt {
  --crow-success: #8fd8ae;
  --crow-hermes: #f2c46d;
  --crow-error: #f5a29a;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .crow-submit {
  --submit-accent: #c8420f;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse.wh-dark .crow-submit {
  --submit-accent: #ff6a3d;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .settings-page {
  --sp-cream-50: #f6f6f7;
  --sp-cream-100: #ecedee;
  --sp-cream-150: #e9ebed;
  --sp-cream-200: #e1e4e8;
  --sp-cream-300: #c5c8cc;
  --sp-surface: #ffffff;
  --sp-ink-900: #0e1012;
  --sp-ink-800: #1b1e22;
  --sp-ink-700: #3b4046;
  --sp-ink-600: #5f666e;
  --sp-ink-500: #8a9199;
  --sp-ink-400: #9aa1a9;
  --sp-ink-300: #c4c9ce;
  --sp-indigo: #0e1012;
  --sp-indigo-hover: #2a2f35;
  --sp-indigo-soft: #e1e4e8;
  --sp-emerald: #1b6b45;
  --sp-emerald-soft: #e3f1ea;
  --sp-amber: #7a4b00;
  --sp-amber-soft: #fcefd2;
  --sp-danger: #a1251b;
  --sp-danger-soft: #fbe1de;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse.wh-dark .settings-page {
  --sp-cream-50: #0a0b0d;
  --sp-cream-100: #15181b;
  --sp-cream-150: #1b1e22;
  --sp-cream-200: #2a2f35;
  --sp-cream-300: #3a4047;
  --sp-surface: #15181b;
  --sp-ink-900: #f3f4f5;
  --sp-ink-800: #e1e4e8;
  --sp-ink-700: #c4c9ce;
  --sp-ink-600: #9aa1a9;
  --sp-ink-500: #7a828b;
  --sp-ink-400: #5f666e;
  --sp-ink-300: #3a4047;
  --sp-indigo: #f3f4f5;
  --sp-indigo-hover: #ffffff;
  --sp-indigo-soft: #22262b;
  --sp-emerald: #8fd8ae;
  --sp-emerald-soft: #12301f;
  --sp-amber: #f2c46d;
  --sp-amber-soft: #3a2a08;
  --sp-danger: #f5a29a;
  --sp-danger-soft: #3d1512;
}

/* ── Illustrations: Crowgent's drawings in ink, greys and one red ──────── */

/* Mission control, "Think it through / Build it out / Bring it together". */
html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .cc-workspace-art .cc-art-sheet {
  color: #e1e4e8;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .cc-workspace-art .cc-art-paper {
  color: #ffffff;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .cc-workspace-art .cc-art-lines {
  color: #c5c8cc;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .cc-workspace-art .cc-art-bubble {
  color: #0e1012;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .cc-workspace-art .cc-art-glyphs {
  color: #ffffff;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .cc-workspace-art :is(.cc-art-detail, .cc-art-labels) {
  color: #5f666e;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse :is(.cc-workspace-art-mission, .cc-workspace-art-code) .cc-art-bubble {
  color: var(--zg-signal);
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .cc-workspace-art-code .cc-art-terminal {
  color: #111316;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .cc-workspace-art-code .cc-art-code {
  color: #8a9199;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse.wh-dark .cc-workspace-art .cc-art-sheet {
  color: #2a2f35;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse.wh-dark .cc-workspace-art .cc-art-paper {
  color: #1b1e22;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse.wh-dark .cc-workspace-art .cc-art-lines {
  color: #3a4047;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse.wh-dark .cc-workspace-art .cc-art-bubble {
  color: #f3f4f5;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse.wh-dark .cc-workspace-art .cc-art-glyphs {
  color: #0e1012;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse.wh-dark :is(.cc-workspace-art-mission, .cc-workspace-art-code) .cc-art-bubble {
  color: var(--zg-signal);
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse.wh-dark :is(.cc-workspace-art-mission, .cc-workspace-art-code) .cc-art-glyphs {
  color: #ffffff;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse.wh-dark .cc-workspace-art :is(.cc-art-detail, .cc-art-labels) {
  color: #9aa1a9;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse.wh-dark .cc-workspace-art-code .cc-art-terminal {
  color: #0a0b0d;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .cc-blueprint .cc-art-orbit {
  color: var(--wh-muted);
}

/* Repositories and Evaluation: the process strip on the black rail colour. */
html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .repo-workspace {
  --repo-pipeline-soft: #1b1e22;
  --repo-pipeline-line: #3a4047;
  --repo-pipeline-ink: #ffffff;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse :is(.repo-pipeline, .molt-process) {
  --repo-pipeline-bg: #111316;
  --repo-pipeline-text: #c4c9ce;
  --repo-pipeline-accent: #ff6a3d;
  background: #111316;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse :is(.repo-pipeline, .molt-process) p {
  color: #c4c9ce;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .repo-pipeline-stages button[aria-pressed='true'] {
  color: #ffffff;
  background: #1b1e22;
  border-color: #e8501c;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .molt-process svg [fill='#292d34'] {
  fill: #1b1e22;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .molt-process svg [fill='#17191c'] {
  fill: #ffffff;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse
  :is(.molt-process, .molt-repository-visual, .molt-native-check)
  svg
  :is([fill='#f7782f'], [fill='#ff9854']) {
  fill: #e8501c;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse
  :is(.molt-process, .molt-repository-visual, .molt-native-check)
  svg
  :is([stroke='#ff9854'], [stroke='#ffae77'], [stroke='#f7782f']) {
  stroke: #e8501c;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .molt-process svg :is([stroke='#ff9854'], [stroke='#ffae77']) {
  stroke: #ff6a3d;
}

/* Agent submission: the live preview is a dark card. Crowgent's shared
   heading colour made its title black on black; inside the card, text takes
   the rail's light ink. */
html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .crow-submit__preview {
  --wh-ink: #ffffff;
  --wh-muted: #9aa1a9;
  --wh-line: #2a2f35;
  --wh-surface: #1b1e22;
  background: #111316;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .crow-submit__preview svg [fill='#292d34'] {
  fill: #1b1e22;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .crow-submit__preview svg [fill='#f7782f'] {
  fill: #e8501c;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .crow-submit__preview svg [fill='#ffae77'] {
  fill: #ff6a3d;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .crow-submit__preview :is(code, .crow-submit__preview-placement > code) {
  color: #ff8a63;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .crow-submit__readiness progress::-webkit-progress-value {
  background: #e8501c;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .crow-submit__readiness progress::-moz-progress-bar {
  background: #e8501c;
}

/* Marketplace hero: paper cards in greys, a black screen, red marks. */
html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .crow-mkt__hero-display {
  border-color: var(--wh-line);
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .crow-mkt__hero-display > span {
  color: var(--wh-muted);
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .crow-mkt__art-line {
  color: #c5c8cc;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .crow-mkt__art-paper {
  color: #ffffff;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .crow-mkt__art-shadow {
  color: #dadcdf;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .crow-mkt__art-soft {
  color: #e1e4e8;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .crow-mkt__art-ink {
  color: #8a9199;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse rect.crow-mkt__art-accent {
  color: #0e1012;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse g.crow-mkt__art-accent {
  color: var(--zg-signal);
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse.wh-dark .crow-mkt__art-line {
  color: #3a4047;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse.wh-dark .crow-mkt__art-paper {
  color: #1b1e22;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse.wh-dark .crow-mkt__art-shadow {
  color: #0a0b0d;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse.wh-dark .crow-mkt__art-soft {
  color: #2a2f35;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse.wh-dark .crow-mkt__art-ink {
  color: #7a828b;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse.wh-dark rect.crow-mkt__art-accent {
  color: #0a0b0d;
}

/* ── Portraits: Zoegent's specialists where Crowgent shows agents ──────── */

/* Mission control, "Your agents": four of the 612 specialists. */
html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .cc-team-glyph {
  overflow: hidden;
  background:
    url('https://media.orchestree.ai/zoegent/portraits/thumbs/nx-001.webp') 0 0 / 50% 50% no-repeat,
    url('https://media.orchestree.ai/zoegent/portraits/thumbs/nx-007.webp') 100% 0 / 50% 50%
      no-repeat,
    url('https://media.orchestree.ai/zoegent/portraits/thumbs/nx-008.webp') 0 100% / 50% 50%
      no-repeat,
    url('https://media.orchestree.ai/zoegent/portraits/thumbs/nx-010.webp') 100% 100% / 50% 50%
      no-repeat,
    var(--zg-portrait-bg);
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .cc-team-glyph > svg {
  opacity: 0;
}

/* Agent workshop: the page's art is a specialist instead of a robot icon. */
html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .wh-heading-art:has(> .lucide-bot) {
  overflow: hidden;
  background:
    url('https://media.orchestree.ai/zoegent/portraits/thumbs/nx-001.webp') center / cover no-repeat,
    var(--zg-portrait-bg);
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .wh-heading-art:has(> .lucide-bot) > svg {
  opacity: 0;
}

/* Specialty cards (Capability evidence, collections): zoegent-skin.js sets
   --zg-portrait to a specialist with that specialty. */
html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .evidence-class[data-zg-portrait] > div:first-child > svg:first-child {
  display: none;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .evidence-class[data-zg-portrait] > div:first-child::before {
  content: '';
  flex: none;
  width: 24px;
  height: 24px;
  border-radius: 7px;
  background:
    var(--zg-portrait) center / cover no-repeat,
    var(--zg-portrait-bg);
}

/* Marketplace collections: a specialist from the collection replaces its icon. */
html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .crow-mkt__cluster[data-zg-portrait] .crow-mkt__cluster-display > svg:first-child {
  display: none;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .crow-mkt__cluster[data-zg-portrait] .crow-mkt__cluster-display::before {
  content: '';
  flex: none;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background:
    var(--zg-portrait) center / cover no-repeat,
    var(--zg-portrait-bg);
}

/* ── Zoegent inside Crowgent (elements added by zoegent-skin.js) ─────────── */

/* The sidebar entry that opens Zoegent, where CrowBot used to live. */
html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .wh-sidebar .zg-nav-zoegent > svg:last-child {
  margin-left: auto;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .zg-nav-face {
  flex: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background:
    var(--zg-portrait) center / cover no-repeat,
    #2a2f35;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.14);
}

/* A specialty's details: the Zoegent specialists behind it, in place of the
   note that the Zoegent address was not verified yet. */
html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .evidence-detail .wh-data-note[data-zg-replaced] {
  display: none;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .zg-roster {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--wh-line);
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .zg-roster__title {
  margin: 0 0 10px;
  color: var(--wh-ink);
  font-size: 13px;
  font-weight: 650;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .zg-roster__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .zg-roster__agent {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 3px 12px 3px 3px;
  border: 1px solid var(--wh-line);
  border-radius: 999px;
  background: var(--wh-surface);
  color: var(--wh-ink);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .zg-roster__agent:hover {
  border-color: var(--wh-ink);
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .zg-roster__face {
  flex: none;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background:
    var(--zg-portrait) center / cover no-repeat,
    var(--zg-portrait-bg);
}

/* ── Command palette ("Find anything", opens outside #root) ─────────────── */

html body .wh-palette.wh-palette {
  --palette-bg: #ffffff;
  --palette-text: #0e1012;
  --palette-muted: #5f666e;
  --palette-line: #dadcdf;
  --palette-hover: #f6f6f7;
  font-family:
    'Instrument Sans',
    'Inter',
    system-ui,
    -apple-system,
    sans-serif;
  -webkit-font-smoothing: antialiased;
}

html body .wh-palette.wh-palette[data-theme='dark'] {
  --palette-bg: #15181b;
  --palette-text: #f3f4f5;
  --palette-muted: #9aa1a9;
  --palette-line: #2a2f35;
  --palette-hover: #1b1e22;
}

html body .wh-palette.wh-palette h2 {
  font-family: 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-stretch: 112%;
  letter-spacing: -0.015em;
}

html body .wh-palette.wh-palette input {
  border-color: #c5c8cc;
}

html body .wh-palette.wh-palette[data-theme='dark'] input {
  border-color: #3a4047;
}

html body .wh-palette.wh-palette .wh-palette-result[aria-selected='true'] {
  box-shadow: inset 3px 0 0 #e8501c;
}

html body .wh-palette.wh-palette :focus-visible {
  outline: 2px solid #e8501c;
  outline-offset: 2px;
}

/* ── Display fixes ─────────────────────────────────────────────────────── */

/* Review inbox reuses Capability evidence's search toolbar, but that page's
   stylesheet only loads when Capability evidence is opened, so on a fresh
   visit the search field, status menu and note ran together unstyled. */
html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .evidence-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 26px 0 12px;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .evidence-search {
  display: flex;
  flex: 1 1 0%;
  align-items: center;
  gap: 10px;
  min-width: 220px;
  padding: 10px 14px;
  border: 1px solid #c5c8cc;
  border-radius: 8px;
  background: var(--wh-surface);
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse.wh-dark .evidence-search {
  border-color: #3a4047;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .evidence-search:focus-within {
  outline: 2px solid var(--zg-signal);
  outline-offset: 2px;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .evidence-search input {
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--wh-ink);
  font-size: 14px;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .evidence-search input:focus-visible {
  outline: none;
}

html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .evidence-toolbar select {
  padding: 10px 14px;
  border: 1px solid var(--wh-line);
  border-radius: 8px;
  background: var(--wh-surface);
  color: var(--wh-ink);
}

@media (max-width: 650px) {
  html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .evidence-toolbar > * {
    width: 100%;
    flex: 1 1 100%;
  }
}

/* Marketplace cards: "Unmeasured" and "12 named specialty classes" ran into
   one word; the count's caption now sits on its own line. */
html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .crow-mkt__cluster-count small {
  display: block;
  margin-top: 2px;
}

/* All features had its title pressed against the top bar. */
html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .wh-feature-directory {
  padding: 32px 0 48px;
}

/* Phones and tablets: the top bar's "Open CrowQ" link broke onto two lines
   and the page name was cut mid-letter. Keep the link on one line and let a
   long page name end in an ellipsis instead. */
@media (max-width: 900px) {
  html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .wh-topbar > div:first-child,
  html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .wh-topbar .wh-breadcrumb {
    min-width: 0;
    overflow: hidden;
  }

  html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .wh-topbar .wh-breadcrumb strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .wh-topbar .wh-product-link {
    white-space: nowrap;
  }
}

/* Phones: show just the page name. The "Workspace ›" root is plain text, not a
   link, and dropping it lets the page name and "Open CrowQ" share one line.
   Screen readers still read it. */
@media (max-width: 640px) {
  /* Crowgent sets this size with !important; this rule outranks it. */
  html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .wh-topbar .wh-breadcrumb {
    gap: 0;
    font-size: 0 !important;
  }

  html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .wh-topbar .wh-breadcrumb > svg {
    display: none;
  }

  html body #root .warehouse.warehouse.warehouse.warehouse.warehouse.warehouse .wh-topbar .wh-breadcrumb strong {
    font-size: 13px;
  }
}