/* Hyrax Operator Console - design tokens (shadcn zinc/slate DARK, the default;
   no toggle). Served same-origin (style-src 'self'); NO @font-face / NO CDN (the
   strong CSP has no font-src). HSL channel triples so a class writes
   hsl(var(--token)). ASCII-only. */
:root {
  /* Tell the UA every native control (select popups, scrollbars, autofill,
     spinners) is on a dark surface, so they don't render in light chrome over
     the dark console. */
  color-scheme: dark;
  --background: 240 10% 3.9%;
  --foreground: 0 0% 98%;
  --card: 240 10% 3.9%;
  --card-foreground: 0 0% 98%;
  --popover: 240 10% 3.9%;
  --popover-foreground: 0 0% 98%;
  --primary: 0 0% 98%;
  --primary-foreground: 240 5.9% 10%;
  --secondary: 240 3.7% 15.9%;
  --secondary-foreground: 0 0% 98%;
  --muted: 240 3.7% 15.9%;
  --muted-foreground: 240 5% 64.9%;
  --accent: 240 3.7% 15.9%;
  --accent-foreground: 0 0% 98%;
  --destructive: 0 62.8% 30.6%;
  --destructive-foreground: 0 0% 98%;
  --border: 240 3.7% 15.9%;
  --input: 240 3.7% 15.9%;
  --ring: 240 4.9% 83.9%;
  --radius: 0.5rem;
  /* Positive/success accent for the 'applied directly' Alert + spend deltas. */
  --success: 142 70% 32%;
  --success-foreground: 0 0% 98%;
  --success-border: 142 60% 40%;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  min-height: 100vh;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial,
    sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: hsl(var(--foreground));
  background: hsl(var(--background));
}

code,
pre,
.mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

a {
  color: hsl(var(--foreground));
}

[hidden] {
  display: none !important;
}