#root:has(.cq-product) {
  --cq-theme-background: #fbf8f3 !important;
  --cq-theme-text: #25231f !important;
  --cq-theme-muted: #8a857a !important;
  --cq-theme-border: #dad2c4 !important;
  --cq-theme-selected: #fbeee6 !important;
  --cq-theme-accent: #e8734a !important;
  --cq-theme-action: #e8734a !important;
  --cq-theme-accent-text: #fff !important;
  --cq-chat-surface: #fff !important;
}
#root[style*="color-scheme: dark"]:has(.cq-product) {
  --cq-theme-background: #171613 !important;
  --cq-theme-text: #efeae1 !important;
  --cq-theme-muted: #b6afa1 !important;
  --cq-theme-border: #51493b !important;
  --cq-theme-selected: #291b14 !important;
  --cq-theme-accent: #ee8a63 !important;
  --cq-theme-action: #ee8a63 !important;
  --cq-chat-surface: #211f1a !important;
}
/* Appearance declarations use priority to override the later-loaded purple skin.
   Restore the compact orange CrowQ Chat presentation. All selectors stay within
   Chat's existing product shell; behavior and the other workspaces are unchanged. */
#root .cgv6:has(.cq-product) {
  --accent: var(--cq-theme-accent) !important;
  --accent-soft: var(--cq-theme-selected) !important;
  --accent-line: var(--cq-theme-border) !important;
  --bg: var(--cq-theme-background) !important;
  --surface: var(--cq-chat-surface) !important;
  --surface-2: var(--cq-theme-background) !important;
  --ink: var(--cq-theme-text) !important;
  --ink-2: var(--cq-theme-text) !important;
  --ink-3: var(--cq-theme-muted) !important;
  --border: var(--cq-theme-border) !important;
  --border-strong: var(--cq-theme-border) !important;
  --sans: 'Geist', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  --display: var(--sans) !important;
}
#root .cgv6 .cq-product.cq-product {
  --cq-display-width: 760px !important;
  --cq-reading-width: 760px !important;
  font-family: var(--sans) !important;
  background: var(--bg) !important;
}
#root .cgv6 .cq-product.cq-product .xc-shell.center {
  max-width: 760px !important;
  padding-inline: 16px !important;
}
#root .cgv6 .cq-product.cq-product .xc-hero {
  max-width: 720px !important;
  padding: 20px 16px 28px !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
#root .cgv6 .cq-product.cq-product .xc-hero::before { display: none !important; }
#root .cgv6 .cq-product.cq-product .xc-hero h1 {
  font-family: var(--display) !important;
  font-size: clamp(26px, 2.4vw, 34px) !important;
  font-weight: 500 !important;
  letter-spacing: -.025em !important;
  line-height: 1.25 !important;
  margin: 0 0 24px !important;
}
#root .cgv6 .cq-product.cq-product .xc-hero > svg[aria-label='CrowQ'] {
  width: 80px !important;
  height: auto !important;
  color: var(--accent) !important;
  margin-bottom: 16px !important;
}
#root .cgv6 .cq-product.cq-product .xc-in {
  background: var(--surface) !important;
  border: 1px solid var(--border-strong) !important;
  border-radius: 24px !important;
  padding: 12px 16px !important;
  box-shadow: 0 4px 18px #0000000d !important;
}
#root .cgv6 .cq-product.cq-product .xc-in textarea {
  font-family: var(--sans) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  min-height: 48px !important;
  max-height: 150px !important;
}
#root .cgv6 .cq-product.cq-product .xc-bar { gap: 7px !important; }
#root .cgv6 .cq-product.cq-product .xc-bar button { min-height: 34px !important; }
#root .cgv6 .cq-product.cq-product .xc-send,
#root .cgv6 .cq-product.cq-product .cqp-brand span {
  background: var(--accent) !important;
  color: white !important;
}
#root .cgv6 .cq-product.cq-product .cqp-brand span { background: none !important; color: var(--accent) !important; }
#root .cgv6 .cq-product.cq-product .xc-in:focus-within {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 20%, transparent), 0 4px 18px #0000000d !important;
}
#root .cgv6 .cq-product :is(button, a):focus-visible {
  outline: 2px solid var(--accent) !important;
  outline-offset: 3px !important;
}
#root .cgv6 .cq-product.cq-product .xc-quick { gap: 7px !important; margin-top: 16px !important; }
#root .cgv6 .cq-product.cq-product .xc-quick-chip { font-size: 13px !important; min-height: 34px !important; padding: 7px 11px !important; }
#root .cgv6 .cq-product.cq-product .xc-modelpick { font-size: 13px !important; }
#root .cgv6 .cq-product.cq-product .xc-modelpick::before { background: var(--accent) !important; }
#root .cgv6 .cq-product.cq-product .xc-modelpick :is(svg, .xc-route-dot) { color: var(--accent) !important; }
@media (max-width: 650px) {
  #root .cgv6 .cq-product.cq-product .xc-shell.center { padding-inline: 8px !important; }
  #root .cgv6 .cq-product.cq-product .xc-hero { padding: 16px 4px 24px !important; }
  #root .cgv6 .cq-product.cq-product .xc-in { padding: 12px !important; }
  #root .cgv6 .cq-product.cq-product .xc-bar button { min-height: 44px !important; }
}

#root .cgv6:has(.cq-product),
#root .cgv6 .view.on.cq-product.cq-product { background: var(--bg) !important; color: var(--ink) !important; }
#root .cgv6 .cq-product.cq-product .xc-hero > svg rect { fill: var(--accent) !important; }
#root .cgv6 .cq-product.cq-product .cdr-newchat { background: var(--accent) !important; color: white !important; }

#root[data-color-theme] .cgv6 .view.on.cq-product.cq-product .xc-in { background: var(--cq-chat-surface) !important; }
#root[data-color-theme] .cgv6 .view.on.cq-product.cq-product .cqp-header { background: var(--cq-chat-surface) !important; color: var(--ink) !important; }
#root[data-color-theme] .cgv6 .view.on.cq-product.cq-product :is(button, textarea, .xc-model-btn) { font-family: var(--sans) !important; }

#root[data-color-theme] .cgv6 .view.on.cq-product.cq-product :is(.xc-in textarea, .xc-in .xc-bar) { background: transparent !important; }