/* ── Orion — chat width ─────────────────────────────────────────────────────
   Widen the chat area beyond Chainlit's built-in 60rem "wide" cap so long error
   messages / log lines aren't squeezed into a narrow column. */
.mx-auto.flex.flex-col.flex-grow.gap-6 { max-width: min(100rem, 96vw) !important; }
#message-composer { max-width: min(100rem, 96vw) !important; }

/* ── Orion — night-sky dark theme ───────────────────────────────────────────
   Orion is a constellation, so dark mode wears a deep-space look: navy surfaces,
   periwinkle "starlight" accent. Chainlit reads these shadcn tokens as bare HSL
   triples via hsl(var(--token)); its own .dark block loads AFTER this file at
   equal specificity, so the overrides MUST be !important to win the cascade. */
.dark {
  --background: 225 45% 9% !important;          /* deep space navy (was 0 0% 13%) */
  --foreground: 220 25% 92% !important;
  --card: 226 38% 13% !important;
  --card-foreground: 220 25% 94% !important;
  --popover: 226 38% 13% !important;
  --popover-foreground: 220 25% 94% !important;
  --primary: 230 100% 74% !important;           /* periwinkle starlight (was pink) */
  --primary-foreground: 230 50% 12% !important;
  --secondary: 226 30% 17% !important;
  --secondary-foreground: 220 25% 92% !important;
  --muted: 226 24% 18% !important;
  --muted-foreground: 224 16% 68% !important;
  --accent: 230 42% 22% !important;
  --accent-foreground: 220 25% 94% !important;
  --border: 226 28% 20% !important;
  --input: 226 28% 20% !important;
  --ring: 230 100% 74% !important;
  --sidebar-background: 228 48% 6% !important;
  --sidebar-foreground: 220 20% 88% !important;
  --sidebar-border: 226 28% 16% !important;
  --sidebar-primary: 230 100% 74% !important;
  --sidebar-primary-foreground: 230 50% 12% !important;
  --sidebar-accent: 226 32% 14% !important;
  --sidebar-accent-foreground: 220 25% 94% !important;
  --sidebar-ring: 230 100% 74% !important;
}

/* Deep-space backdrop with an overhead starlight glow — the identity cue that
   makes dark mode read as "night sky", not generic dark grey. */
.dark body {
  background:
    radial-gradient(1200px 760px at 50% -10%, rgba(96,116,236,0.30) 0%, rgba(40,52,110,0.12) 42%, transparent 72%),
    radial-gradient(900px 620px at 88% 112%, rgba(126,96,224,0.20), transparent 60%),
    linear-gradient(180deg, #0b1330 0%, #070b1c 55%, #05070f 100%) fixed !important;
}

/* Login card: a panel floating in the night sky (starlight ring + glow). */
.dark [data-testid="auth-card"],
.dark main form,
.dark form[aria-label] {
  background: rgba(13, 19, 45, 0.72) !important;
  border: 1px solid rgba(158, 176, 255, 0.18) !important;
  border-radius: 16px !important;
  box-shadow: 0 0 0 1px rgba(158,176,255,0.05), 0 24px 60px -20px rgba(0,0,0,0.7),
              0 0 90px -30px rgba(124,140,255,0.5) !important;
  backdrop-filter: blur(6px);
}

/* Keep the replaced Orion logo comfortably sized in the header. */
img[alt="logo"], img[src*="/logo"] { height: 26px !important; width: auto !important; }