/* GENERATED by packages/console-kit/scripts/build-critical-css.mjs — do not hand edit.
   Identical in all three consoles by construction; concatenates, in this order:
     1. packages/console-kit/src/tokens.css   (generated from tokens/tokens.json)
     2. the .fs-reset rule from console-kit's primitives.css
     3. packages/console-kit/scripts/critical-source.css   <- EDIT THIS ONE
   Regenerate with `npm run console:critical-css`. */

:root {
  --fs-token-namespace: 'fs';

  --fs-color-bg-canvas: #f6f7f9;
  --fs-color-bg-surface: #ffffff;
  --fs-color-bg-subtle: #f1f3f6;
  --fs-color-bg-inset: #eaedf1;
  --fs-color-bg-elevated: #ffffff;
  --fs-color-bg-sidebar: #ffffff;
  --fs-color-bg-sidebar-hover: #f1f3f6;
  --fs-color-bg-sidebar-active: #eff2f7;
  --fs-color-bg-brand-panel-mid: #0f2d54;
  --fs-color-bg-brand-panel-end: #0a1f3b;
  --fs-color-bg-overlay: rgb(11 27 51 / 0.32);
  --fs-color-text-primary: #0b1b33;
  --fs-color-text-secondary: #475264;
  --fs-color-text-muted: #616b7a;
  --fs-color-text-inverse: #ffffff;
  --fs-color-text-disabled: #9199a5;
  --fs-color-text-on-sidebar: #e9eef6;
  --fs-color-text-on-sidebar-muted: #a7b3c7;
  --fs-color-border-subtle: #eef0f4;
  --fs-color-border-default: #e4e7ec;
  --fs-color-border-strong: #d8dce3;
  --fs-color-border-card: #e4e7ec;
  --fs-color-border-control: #c8cdd6;
  --fs-color-focus-ring: #0f2d54;
  --fs-color-focus-ring-inverse: #7fa0d3;
  --fs-color-accent-solid: #0f2d54;
  --fs-color-accent-solid-hover: #173b6b;
  --fs-color-accent-solid-active: #0a1f3b;
  --fs-color-accent-fg: #ffffff;
  --fs-color-accent-subtle: #eff2f7;
  --fs-color-accent-subtle-fg: #0f2d54;
  --fs-color-accent-text: #0f2d54;
  --fs-color-chart-1: #0f2d54;
  --fs-color-chart-2: #1b7f86;
  --fs-color-chart-3: #2f6b4d;
  --fs-color-chart-4: #856211;
  --fs-color-chart-5: #4d6b8c;
  --fs-color-chart-6: #616b7a;
  --fs-color-chart-grid: #e4e7ec;
  --fs-color-chart-axis: #7a8493;
  --fs-color-chart-track: #f1f3f6;
  --fs-color-danger-solid: #ab3a3a;
  --fs-color-danger-solid-hover: #98302f;
  --fs-color-danger-fg: #ffffff;
  --fs-color-danger-subtle: #f8e5e5;
  --fs-color-danger-subtle-fg: #98302f;
  --fs-color-warning-solid: #d3a851;
  --fs-color-warning-fg: #0b1b33;
  --fs-color-warning-subtle: #f6eed9;
  --fs-color-warning-subtle-fg: #856211;
  --fs-color-success-solid: #2f6b4d;
  --fs-color-success-fg: #ffffff;
  --fs-color-success-subtle: #e5f1ea;
  --fs-color-success-subtle-fg: #2f6b4d;
  --fs-color-info-solid: #4d6b8c;
  --fs-color-info-fg: #ffffff;
  --fs-color-info-subtle: #e6ecf5;
  --fs-color-info-subtle-fg: #4d6b8c;
  --fs-color-bg-brand-panel-glow: rgb(92 138 214 / 0.2);
  --fs-color-brand-mark: #0f2d54;
  --fs-color-brand-mark-on-panel: #ffffff;

  --fs-env-sandbox: #d3a851;
  --fs-env-sandbox-fg: #0b1b33;
  --fs-env-production: #98302f;
  --fs-env-production-fg: #ffffff;

  --fs-space-1: 4px;
  --fs-space-2: 8px;
  --fs-space-3: 12px;
  --fs-space-4: 16px;
  --fs-space-5: 20px;
  --fs-space-6: 24px;
  --fs-space-7: 28px;
  --fs-space-8: 32px;
  --fs-space-9: 36px;
  --fs-space-10: 40px;
  --fs-space-11: 44px;
  --fs-space-12: 48px;
  --fs-space-14: 56px;
  --fs-space-16: 64px;
  --fs-space-20: 80px;
  --fs-space-24: 96px;
  --fs-space-half: 2px;

  --fs-radius-base: 8px;
  --fs-radius-xs: calc(var(--fs-radius-base) - 6px);
  --fs-radius-sm: calc(var(--fs-radius-base) - 4px);
  --fs-radius-md: calc(var(--fs-radius-base) - 2px);
  --fs-radius-lg: var(--fs-radius-base);
  --fs-radius-xl: calc(var(--fs-radius-base) + 4px);
  --fs-radius-2xl: calc(var(--fs-radius-base) + 8px);
  --fs-radius-3xl: calc(var(--fs-radius-base) + 12px);
  --fs-radius-full: 9999px;

  --fs-font-sans: 'Inter', 'Inter Fallback', system-ui, -apple-system, sans-serif;
  --fs-font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
  --fs-font-display: 'Inter', 'Inter Fallback', system-ui, -apple-system, sans-serif;

  --fs-text-2xs: 11px;
  --fs-text-xs: 12px;
  --fs-text-sm: 13px;
  --fs-text-base: 14px;
  --fs-text-lg: 16px;
  --fs-text-xl: 18px;
  --fs-text-2xl: 20px;
  --fs-text-3xl: 24px;
  --fs-text-4xl: 30px;
  --fs-text-5xl: 36px;
  --fs-text-6xl: 44px;
  --fs-text-7xl: 52px;

  --fs-leading-none: 1;
  --fs-leading-tight: 1.2;
  --fs-leading-snug: 1.35;
  --fs-leading-normal: calc(20 / 14);
  --fs-leading-relaxed: 1.55;
  --fs-leading-display: 1.2;
  --fs-leading-dense: calc(20 / 13);
  --fs-leading-title: calc(28 / 20);
  --fs-leading-kpi: calc(32 / 28);
  --fs-leading-eyebrow: calc(16 / 11);

  --fs-tracking-tighter: -0.02em;
  --fs-tracking-tight: -0.01em;
  --fs-tracking-normal: 0em;
  --fs-tracking-wide: 0.02em;
  --fs-tracking-wider: 0.04em;
  --fs-tracking-display: -0.012em;
  --fs-tracking-hero: -0.02em;
  --fs-tracking-eyebrow: 0.04em;

  --fs-weight-regular: 400;
  --fs-weight-medium: 500;
  --fs-weight-semibold: 600;
  --fs-weight-bold: 700;

  --fs-shadow-xs: 0 1px 2px 0 rgb(11 27 51 / 0.04);
  --fs-shadow-sm: 0 1px 3px 0 rgb(11 27 51 / 0.06), 0 1px 2px -1px rgb(11 27 51 / 0.06);
  --fs-shadow-md: 0 4px 12px -2px rgb(11 27 51 / 0.08), 0 2px 4px -2px rgb(11 27 51 / 0.05);
  --fs-shadow-lg: 0 12px 32px -4px rgb(11 27 51 / 0.14);
  --fs-shadow-overlay: 0 8px 24px 0 rgb(11 27 51 / 0.12);
  --fs-shadow-inner-highlight: none;
  --fs-shadow-focus: 0 0 0 4px rgb(15 45 84 / 0.16);
  --fs-shadow-danger: 0 0 0 4px rgb(171 58 58 / 0.2);

  --fs-motion-fast: 140ms;
  --fs-motion-base: 200ms;
  --fs-motion-slow: 320ms;

  --fs-ease-standard: cubic-bezier(0.32, 0.72, 0, 1);
  --fs-ease-entrance: cubic-bezier(0.16, 1, 0.3, 1);
  --fs-ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --fs-ease-spring: cubic-bezier(0.22, 1.2, 0.36, 1);

  --fs-layout-sidebar-inline-size: 240px;
  --fs-layout-sidebar-inline-size-collapsed: 56px;
  --fs-layout-header-block-size: 56px;
  --fs-layout-env-band-block-size: 3px;
  --fs-layout-page-max-inline-size: 1280px;
  --fs-layout-page-gutter: var(--fs-space-8);
  --fs-layout-control-block-size-sm: 32px;
  --fs-layout-control-block-size-md: 36px;
  --fs-layout-control-block-size-lg: 40px;
  --fs-layout-tap-target-min: 24px;
  --fs-layout-table-row-block-size: 44px;
  --fs-layout-table-row-block-size-compact: 36px;

  --fs-zindex-base: 0;
  --fs-zindex-sticky: 10;
  --fs-zindex-sidebar: 20;
  --fs-zindex-header: 30;
  --fs-zindex-overlay: 100;
  --fs-zindex-toast: 200;
  --fs-zindex-skip-link: 9999;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --fs-motion-fast: 0ms;
    --fs-motion-base: 0ms;
    --fs-motion-slow: 0ms;
  }
}

:root[data-fs-theme='dark'] {
  --fs-color-bg-canvas: #0a111d;
  --fs-color-bg-surface: #0e1624;
  --fs-color-bg-subtle: #152033;
  --fs-color-bg-inset: #070c15;
  --fs-color-bg-elevated: #121b2b;
  --fs-color-bg-sidebar: #070c15;
  --fs-color-bg-sidebar-hover: #121b2b;
  --fs-color-bg-sidebar-active: #11213a;
  --fs-color-bg-brand-panel-mid: #0f2d54;
  --fs-color-bg-brand-panel-end: #0a1f3b;
  --fs-color-bg-overlay: rgb(2 6 12 / 0.66);
  --fs-color-text-primary: #e9eef6;
  --fs-color-text-secondary: #c5cfdf;
  --fs-color-text-muted: #8493ab;
  --fs-color-text-inverse: #0a111d;
  --fs-color-text-disabled: #4b5870;
  --fs-color-text-on-sidebar: #e9eef6;
  --fs-color-text-on-sidebar-muted: #a7b3c7;
  --fs-color-border-subtle: #1b2639;
  --fs-color-border-default: #243148;
  --fs-color-border-strong: #2e3c55;
  --fs-color-border-card: #243148;
  --fs-color-border-control: #3b4b67;
  --fs-color-focus-ring: #7fa0d3;
  --fs-color-focus-ring-inverse: #7fa0d3;
  --fs-color-accent-solid: #3567ad;
  --fs-color-accent-solid-hover: #3f72ba;
  --fs-color-accent-solid-active: #2d5b9a;
  --fs-color-accent-fg: #ffffff;
  --fs-color-accent-subtle: #11213a;
  --fs-color-accent-subtle-fg: #9db6db;
  --fs-color-accent-text: #9db6db;
  --fs-color-chart-1: #7fa0d3;
  --fs-color-chart-2: #4fb0b6;
  --fs-color-chart-3: #6cba91;
  --fs-color-chart-4: #d3a851;
  --fs-color-chart-5: #8fabc9;
  --fs-color-chart-6: #8493ab;
  --fs-color-chart-grid: #1b2639;
  --fs-color-chart-axis: #66758e;
  --fs-color-chart-track: #152033;
  --fs-color-danger-solid: #d15b57;
  --fs-color-danger-solid-hover: #e0736f;
  --fs-color-danger-fg: #0a111d;
  --fs-color-danger-subtle: #2e1b1d;
  --fs-color-danger-subtle-fg: #e0736f;
  --fs-color-warning-solid: #c69a3f;
  --fs-color-warning-fg: #0a111d;
  --fs-color-warning-subtle: #2b2412;
  --fs-color-warning-subtle-fg: #d3a851;
  --fs-color-success-solid: #43a877;
  --fs-color-success-fg: #0a111d;
  --fs-color-success-subtle: #16281f;
  --fs-color-success-subtle-fg: #6cba91;
  --fs-color-info-solid: #6d8fb4;
  --fs-color-info-fg: #0a111d;
  --fs-color-info-subtle: #1a222d;
  --fs-color-info-subtle-fg: #8fabc9;
  --fs-color-bg-brand-panel-glow: rgb(92 138 214 / 0.2);
  --fs-color-brand-mark: #e9eef6;
  --fs-color-brand-mark-on-panel: #ffffff;

  --fs-env-sandbox: #c69a3f;
  --fs-env-sandbox-fg: #0a111d;
  --fs-env-production: #d15b57;
  --fs-env-production-fg: #0a111d;

  --fs-shadow-xs: none;
  --fs-shadow-sm: none;
  --fs-shadow-md: 0 4px 12px -2px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.3);
  --fs-shadow-lg: 0 12px 32px -4px rgb(0 0 0 / 0.55);
  --fs-shadow-overlay: 0 8px 24px 0 rgb(0 0 0 / 0.5);
  --fs-shadow-inner-highlight: none;
  --fs-shadow-focus: 0 0 0 4px rgb(127 160 211 / 0.3);
  --fs-shadow-danger: 0 0 0 4px rgb(224 115 111 / 0.24);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-fs-theme='light']) {
    --fs-color-bg-canvas: #0a111d;
    --fs-color-bg-surface: #0e1624;
    --fs-color-bg-subtle: #152033;
    --fs-color-bg-inset: #070c15;
    --fs-color-bg-elevated: #121b2b;
    --fs-color-bg-sidebar: #070c15;
    --fs-color-bg-sidebar-hover: #121b2b;
    --fs-color-bg-sidebar-active: #11213a;
    --fs-color-bg-brand-panel-mid: #0f2d54;
    --fs-color-bg-brand-panel-end: #0a1f3b;
    --fs-color-bg-overlay: rgb(2 6 12 / 0.66);
    --fs-color-text-primary: #e9eef6;
    --fs-color-text-secondary: #c5cfdf;
    --fs-color-text-muted: #8493ab;
    --fs-color-text-inverse: #0a111d;
    --fs-color-text-disabled: #4b5870;
    --fs-color-text-on-sidebar: #e9eef6;
    --fs-color-text-on-sidebar-muted: #a7b3c7;
    --fs-color-border-subtle: #1b2639;
    --fs-color-border-default: #243148;
    --fs-color-border-strong: #2e3c55;
    --fs-color-border-card: #243148;
    --fs-color-border-control: #3b4b67;
    --fs-color-focus-ring: #7fa0d3;
    --fs-color-focus-ring-inverse: #7fa0d3;
    --fs-color-accent-solid: #3567ad;
    --fs-color-accent-solid-hover: #3f72ba;
    --fs-color-accent-solid-active: #2d5b9a;
    --fs-color-accent-fg: #ffffff;
    --fs-color-accent-subtle: #11213a;
    --fs-color-accent-subtle-fg: #9db6db;
    --fs-color-accent-text: #9db6db;
    --fs-color-chart-1: #7fa0d3;
    --fs-color-chart-2: #4fb0b6;
    --fs-color-chart-3: #6cba91;
    --fs-color-chart-4: #d3a851;
    --fs-color-chart-5: #8fabc9;
    --fs-color-chart-6: #8493ab;
    --fs-color-chart-grid: #1b2639;
    --fs-color-chart-axis: #66758e;
    --fs-color-chart-track: #152033;
    --fs-color-danger-solid: #d15b57;
    --fs-color-danger-solid-hover: #e0736f;
    --fs-color-danger-fg: #0a111d;
    --fs-color-danger-subtle: #2e1b1d;
    --fs-color-danger-subtle-fg: #e0736f;
    --fs-color-warning-solid: #c69a3f;
    --fs-color-warning-fg: #0a111d;
    --fs-color-warning-subtle: #2b2412;
    --fs-color-warning-subtle-fg: #d3a851;
    --fs-color-success-solid: #43a877;
    --fs-color-success-fg: #0a111d;
    --fs-color-success-subtle: #16281f;
    --fs-color-success-subtle-fg: #6cba91;
    --fs-color-info-solid: #6d8fb4;
    --fs-color-info-fg: #0a111d;
    --fs-color-info-subtle: #1a222d;
    --fs-color-info-subtle-fg: #8fabc9;
    --fs-color-bg-brand-panel-glow: rgb(92 138 214 / 0.2);
    --fs-color-brand-mark: #e9eef6;
    --fs-color-brand-mark-on-panel: #ffffff;

    --fs-env-sandbox: #c69a3f;
    --fs-env-sandbox-fg: #0a111d;
    --fs-env-production: #d15b57;
    --fs-env-production-fg: #0a111d;

    --fs-shadow-xs: none;
    --fs-shadow-sm: none;
    --fs-shadow-md: 0 4px 12px -2px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.3);
    --fs-shadow-lg: 0 12px 32px -4px rgb(0 0 0 / 0.55);
    --fs-shadow-overlay: 0 8px 24px 0 rgb(0 0 0 / 0.5);
    --fs-shadow-inner-highlight: none;
    --fs-shadow-focus: 0 0 0 4px rgb(127 160 211 / 0.3);
    --fs-shadow-danger: 0 0 0 4px rgb(224 115 111 / 0.24);
  }
}

.fs-reset {
  box-sizing: border-box;
  font-family: var(--fs-font-sans);
  color: var(--fs-color-text-primary);
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src:
    url('/fonts/inter-v41-latin-var.woff2') format('woff2-variations'),
    url('/fonts/inter-v41-latin-var.woff2') format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Inter Fallback';
  src: local('Arial');
  size-adjust: 106.33%;
  ascent-override: 91.11%;
  descent-override: 22.69%;
  line-gap-override: 0%;
}

html {
  color-scheme: light dark;
}

:root[data-fs-theme='light'] {
  color-scheme: light;
}

:root[data-fs-theme='dark'] {
  color-scheme: dark;
}

body {
  margin: 0;
  background: var(--fs-color-bg-canvas);
  color: var(--fs-color-text-primary);
  font-family: var(--fs-font-sans);
  font-size: var(--fs-text-base);
  line-height: var(--fs-leading-normal);
  font-optical-sizing: auto;
  accent-color: var(--fs-color-accent-solid);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fs-root-error-boundary {
  display: grid;
  place-content: center;
  justify-items: center;
  gap: var(--fs-space-5);
  min-block-size: 60vh;
  max-inline-size: 440px;
  margin-inline: auto;
  padding: var(--fs-space-14) var(--fs-space-6);
  text-align: center;
  font-family: var(--fs-font-sans);
  color: var(--fs-color-text-primary);
}

.fs-root-error-boundary h1 {
  margin: 0;
  font-family: var(--fs-font-display);
  font-size: var(--fs-text-2xl);
  font-weight: var(--fs-weight-semibold);
  letter-spacing: var(--fs-tracking-tight);
  line-height: var(--fs-leading-title);
  text-wrap: balance;
}

.fs-root-error-boundary p {
  margin: 0;
  font-size: var(--fs-text-base);
  line-height: var(--fs-leading-normal);
  color: var(--fs-color-text-secondary);
}

.fs-root-error-boundary button {
  min-block-size: var(--fs-layout-control-block-size-md);
  margin-block-start: var(--fs-space-2);
  padding-inline: var(--fs-space-6);
  border: 0;
  border-radius: var(--fs-radius-md);
  background-color: var(--fs-color-accent-solid);
  color: var(--fs-color-accent-fg);
  font: inherit;
  font-size: var(--fs-text-sm);
  font-weight: var(--fs-weight-medium);
  cursor: pointer;
  transition: transform var(--fs-motion-fast) var(--fs-ease-standard);
}

.fs-root-error-boundary button:hover {
  background-color: var(--fs-color-accent-solid-hover);
}

.fs-root-error-boundary button:active {
  transform: translateY(1px);
}

.fs-root-error-boundary button:focus-visible {
  outline: 2px solid var(--fs-color-focus-ring);
  outline-offset: 2px;
}
