/* Local CrowQ Chat preview: Zoegent's typography and Prexent color system.
   The captured Chat bundle, behavior and saved conversations stay intact. */
@font-face { font-family: Inter; src: url('/fonts/inter/InterVariable.woff2') format('woff2'); font-display: swap; font-weight: 100 900; }
#root .cgv6 {
  --bg: #f5f5f8; --surface: #fff; --surface-2: #f7f5fc; --active: #ede8fd;
  --border: #e6e5ee; --border-strong: #d5c8ef;
  --ink: #222033; --ink-2: #423d5d; --ink-3: #777487; --ink-4: #9995ab;
  --black: #201637; --g0: #f7f5fc; --g1: #e6e5ee; --g2: #c4bbd3; --g3: #777487; --g4: #423d5d;
  --accent: #7353dc; --accent-soft: #f1edfd; --accent-line: #d5c8ef;
  --copper: #7353dc; --copper-soft: #f1edfd; --copper-line: #d5c8ef; --copper-hover: #5334b1;
  --blue-soft: #e6efff; --purple: #7353dc; --purple-soft: #f7f5fc; --rose-soft: #fff0e8;
  --btn-bg: #7353dc; --btn-fg: #fff; --btn-hover: #5334b1;
  --radius: 20px; --radius-sm: 10px;
  --sans: Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --display: Georgia,'Times New Roman',serif;
  --mono: ui-monospace,SFMono-Regular,Menlo,monospace;
  --fs-body: 15px; --fs-sm: 13px; --fs-cap: 11px;
  font-family: var(--sans); font-size: 15px; line-height: 1.5;
}
#root .cgv6 :is(.view.on.cdr-live,.main) { background: #f5f5f8; }
#root .cgv6 .view.on.cdr-live { background: radial-gradient(ellipse at 55% 35%,#e9dfff70,transparent 65%),#f5f5f8; }
/* Match the light Work / Code rail in both collapsed and expanded Chat navigation. */
#root .cgv6 .sidebar { background: #f7f5fc; border-color: #e6e5ee; color: #777487; }
#root .cgv6 .sidebar :is(.nav-item,.nav-act,.foot-btn,.rail-toggle,.profile,.nav-head,.kbd-hint,.platform-dock__waffle) { color: #777487; }
#root .cgv6 .sidebar :is(.nav-act,.platform-dock__waffle) { background: transparent; border-color: #e6e5ee; }
#root .cgv6 .sidebar :is(.nav-item:hover,.nav-act:hover,.foot-btn:hover,.rail-toggle:hover,.profile:hover,.kbd-hint:hover,.platform-dock__waffle:hover) { background: #ede8fd; color: #7353dc; }
#root .cgv6 .sidebar :is(.nav-item.on,.nav-item.active,[aria-current="page"]) { background: #ede8fd; color: #7353dc; }
#root .cgv6 .sidebar :is(.nav-item,.nav-act,.foot-btn,.rail-toggle,.kbd-hint,.platform-dock__waffle) svg { opacity: 1; }
#root .cgv6 .sidebar .side-foot { border-color: #e6e5ee; }
#root .cgv6 .sidebar :is(.profile .pl,.nav-head,.kbd) { color: #777487; }
#root .cgv6 .sidebar :is(button,a):focus-visible { outline: 2px solid #7353dc; outline-offset: 2px; }
#root .cgv6 :is(button,input,textarea,select) { font-family: var(--sans); }
#root .cgv6 .crowq-mode-nav { background: #f7f5fc; border-color: #e6e5ee; border-radius: 10px; }
#root .cgv6 .crowq-mode-nav button { font-size: 13px; font-weight: 620; }
#root .cgv6 .crowq-mode-nav button[aria-selected=true] { color: #5334b1; background: #ede8fd; }
#root .cgv6 .xc-hero { position: relative; isolation: isolate; padding: 30px 24px; border-radius: 24px; }
#root .cgv6 .xc-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
  background: radial-gradient(circle at 50% 18%,#ffffff70 0 15%,transparent 15.2%),linear-gradient(107deg,#fbf2ff 2%,#e9dfff 50%,#fbe7e4 100%); border: 1px solid #e6e5ee; }
#root .cgv6 .xc-hero h1 { font: 400 clamp(30px,3vw,48px)/1.15 var(--display); letter-spacing: -.04em; color: #222033; }
#root .cgv6 .xc-hero svg[aria-label=CrowQ] { color: #7353dc; }
#root .cgv6 .xc-hero svg[aria-label=CrowQ] [fill]:not([fill=none]) { fill: #7353dc; }
#root .cgv6 .xc-in { background: #fff; border-color: #e6e5ee; border-radius: 20px; box-shadow: 0 10px 40px #27203909; }
#root .cgv6 .xc-in:focus-within { border-color: #aa9aff; box-shadow: 0 0 0 3px #7353dc09,0 8px 26px #47356b08; }
#root .cgv6 .xc-in textarea { font-size: 13px; line-height: 1.65; color: #423d5d; border: 0; outline: none; box-shadow: none; }
#root .cgv6 .xc-quick button { font-size: 13px; background: #fff; border-color: #e6e5ee; }
#root .cgv6 .xc-quick button:nth-child(1) { background: #f7f5fc; }
#root .cgv6 .xc-quick button:nth-child(2) { background: #e6efff; }
#root .cgv6 .xc-quick button:nth-child(3) { background: #fff0e8; }
#root .cgv6 .xc-quick button:nth-child(4) { background: #e4f5ed; }
#root .cgv6 .cb-spot { background: #ffffffce; border-color: #e6e5ee; border-radius: 16px; }
#root .cgv6 :is(button,a):focus-visible { outline-color: #7353dc; }
@media(max-width:650px) { #root .cgv6 .xc-hero { padding: 24px 16px; } #root .cgv6 .xc-hero h1 { font-size: 30px; } }
@media(max-width:650px) {
  #root .cgv6 .xc-bar { flex-wrap: wrap; row-gap: 10px; }
  #root .cgv6 .xc-modelwrap { max-width: calc(100% - 54px); }
  #root .cgv6 .xc-model { max-width: 100%; }
  #root .cgv6 .cb-spot { flex-wrap: wrap; align-items: flex-start; }
  #root .cgv6 .cb-spot-txt { flex: 1; min-width: 180px; text-align: left; }
  #root .cgv6 .cb-spot-act { width: 100%; justify-content: flex-end; }
  #root .cgv6 .xc-quick { flex-wrap: wrap; justify-content: center; }
  #root .cgv6 .xc-shell.center>.xc-hero { margin-top: 20px; margin-bottom: 20px; }
}

/* Owner rollback: original Chat layout with a regular Inter heading and a medium mascot. */
#root .cgv6 .xc-hero h1 { font-family: var(--sans) !important; font-weight: 400 !important; }
#root .cgv6 .xc-hero svg[aria-label=CrowQ] { width: 110px; height: auto; aspect-ratio: 28 / 17; }
@media(max-width:650px) { #root .cgv6 .cb-spot-act { margin-left: 0; flex-basis: 100%; min-width: 0; } }

/* Keep the approved rail and pixel mascot on the cloud Chat shell. */
#root .cgv6:has(.cq-product)>.app{grid-template-columns:64px minmax(0,1fr)!important}
#root .cgv6:has(.cq-product)>.app>.sidebar{display:flex!important;width:64px;overflow-x:hidden;padding:12px 8px;background:#f7f5fc}
#root .cgv6:has(.cq-product)>.app>.sidebar :is(.wordmark,.nav-cap,.nav-head,.profile .nm,.profile .pl,.badge,.kbd,.dots){display:none}
#root .cgv6:has(.cq-product)>.app>.sidebar :is(.nav-item,.nav-act,.foot-btn,.rail-toggle){width:44px;min-width:44px;justify-content:center;padding:12px}
#root .cgv6:has(.cq-product)>.app>.sidebar :is(.nav-item,.nav-act,.foot-btn,.rail-toggle)>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#root .cgv6 .cq-product .cqp-apps button.active{background:#ede8fd;color:#7353dc}
#root .cgv6 .xc-hero>svg[aria-label=CrowQ]{display:block;margin:4px auto 20px;width:110px;height:auto}
@media(max-width:650px){#root .cgv6 .cq-product .cqp-header{height:auto;min-height:64px;padding:12px 16px;gap:12px;flex-wrap:wrap}#root .cgv6 .cq-product .cqp-apps{flex-wrap:wrap}#root .cgv6 .cq-product .cqp-apps button{padding:8px;font-size:12px}#root .cgv6:has(.cq-product)>.app{grid-template-columns:52px minmax(0,1fr)!important}#root .cgv6:has(.cq-product)>.app>.sidebar{width:52px;padding:8px 4px}}