/* Tandem design tokens, SCOPED to .tandem (19 Oct 2026, planner slice 1). A copy of ~/my-agent/tms-design/tokens.css (v0.1.0, generated
   from tokens.json) with every ':root' selector rewritten to '.tandem', so the console's own variables (--bg, --surface, --focus)
   are never overridden outside the planner. Regenerate: see PLANNER-SLICE1-REPORT.md. */
.tandem {
  --neutral-0: #FFFFFF;
  --neutral-100: #F4F6F9;
  --neutral-200: #E7EBF0;
  --neutral-300: #D2D8E0;
  --neutral-400: #A7B0BD;
  --neutral-500: #788292;
  --neutral-600: #586273;
  --neutral-700: #3F4857;
  --neutral-800: #29303C;
  --neutral-900: #121721;
  --neutral-dark-0: #0C1016;
  --neutral-dark-50: #121821;
  --neutral-dark-100: #18202B;
  --neutral-dark-150: #1F2835;
  --neutral-dark-200: #28323F;
  --brand-100: #EAF2FF;
  --brand-200: #CCE0FF;
  --brand-300: #9EC2FA;
  --brand-400: #5A93EE;
  --brand-500: #0A5BD3;
  --brand-600: #084AAF;
  --brand-700: #073C8E;
  --brand-800: #062E6D;
  --brand-900: #04214E;
  --success-100: #E5F5EC;
  --success-300: #9ED9B8;
  --success-500: #1E9A57;
  --success-700: #126B3C;
  --success-900: #093B21;
  --warning-100: #FDF1DA;
  --warning-300: #F6CC7A;
  --warning-500: #B47100;
  --warning-700: #874700;
  --warning-900: #482600;
  --danger-100: #FCEAE8;
  --danger-300: #F3ADA5;
  --danger-500: #D63C2E;
  --danger-700: #A01F15;
  --danger-900: #5A110B;
  --info-100: #E4F3F9;
  --info-300: #9BD2EA;
  --info-500: #1A86B8;
  --info-700: #0A5878;
  --info-900: #053347;
  --bg: #F4F6F9;
  --surface: #FFFFFF;
  --surface-raised: #FFFFFF;
  --surface-sunken: #E7EBF0;
  --border: #D2D8E0;
  --border-strong: #788292;
  --grid-line: #E9EDF2;
  --text: #121721;
  --text-2: #3F4857;
  --text-3: #586273;
  --text-disabled: #788292;
  --brand: #0A5BD3;
  --brand-hover: #084AAF;
  --brand-pressed: #073C8E;
  --on-brand: #FFFFFF;
  --brand-soft: #EAF2FF;
  --brand-text: #084AAF;
  --focus: #0A5BD3;
  --success-bg: #E5F5EC;
  --success-fg: #126B3C;
  --success-icon: #1E9A57;
  --success-solid: #126B3C;
  --warning-bg: #FDF1DA;
  --warning-fg: #874700;
  --warning-icon: #B47100;
  --warning-solid: #874700;
  --danger-bg: #FCEAE8;
  --danger-fg: #A01F15;
  --danger-icon: #D63C2E;
  --danger-solid: #A01F15;
  --info-bg: #E4F3F9;
  --info-fg: #0A5878;
  --info-icon: #1A86B8;
  --info-solid: #0A5878;
  --on-solid: #FFFFFF;
  --neutral-bg: #E7EBF0;
  --neutral-fg: #3F4857;
  --event-bg: #3F4857;
  --on-event: #FFFFFF;
  --now-line: #D63C2E;
  --scrim: rgba(18,23,33,0.32);
  --glass: rgba(255,255,255,0.72);
  --glass-border: rgba(255,255,255,0.9);
  --font-sans: "Inter", "InterVariable", ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
  --weight-regular: 400;
  --weight-semibold: 600;
  --text-12: 12px; --leading-12: 16px;
  --text-14: 14px; --leading-14: 20px;
  --text-16: 16px; --leading-16: 24px;
  --text-18: 18px; --leading-18: 28px;
  --text-20: 20px; --leading-20: 28px;
  --text-24: 24px; --leading-24: 32px;
  --text-30: 30px; --leading-30: 36px;
  --text-36: 36px; --leading-36: 40px;
  --text-48: 48px; --leading-48: 52px;
  --tracking-caps: 0.06em;
  --tracking-tight: -0.01em;
  --tracking-display: -0.02em;
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-full: 9999px;
  --shadow-1: 0 1px 2px rgba(18,23,33,0.06), 0 1px 3px rgba(18,23,33,0.10);
  --shadow-2: 0 2px 4px rgba(18,23,33,0.06), 0 4px 6px rgba(18,23,33,0.10);
  --shadow-3: 0 3px 6px rgba(18,23,33,0.07), 0 5px 15px rgba(18,23,33,0.12);
  --shadow-4: 0 4px 8px rgba(18,23,33,0.06), 0 10px 24px rgba(18,23,33,0.14);
  --shadow-5: 0 6px 12px rgba(18,23,33,0.06), 0 15px 35px rgba(18,23,33,0.18);
  --duration-instant: 0ms;
  --duration-fast: 100ms;
  --duration-base: 160ms;
  --duration-slow: 220ms;
  --duration-panel: 280ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --target-app-primary: 56px;
  --target-app-min: 48px;
  --target-app-gap: 12px;
  --target-console-min: 32px;
  --target-console-comfortable: 40px;
  --density-compact-row: 40px;
  --density-compact-bar: 24px;
  --density-compact-font: 12px;
  --density-compact-pad: 4px;
  --density-normal-row: 56px;
  --density-normal-bar: 32px;
  --density-normal-font: 14px;
  --density-normal-pad: 8px;
  --density-spacious-row: 72px;
  --density-spacious-bar: 40px;
  --density-spacious-font: 14px;
  --density-spacious-pad: 12px;
  --z-base: 0;
  --z-sticky: 10;
  --z-panel: 20;
  --z-drawer: 30;
  --z-popover: 40;
  --z-modal: 50;
  --z-toast: 60;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  .tandem:not([data-theme="light"]) {
    --bg: #0C1016;
    --surface: #121821;
    --surface-raised: #18202B;
    --surface-sunken: #090C11;
    --border: #28323F;
    --border-strong: #6B7687;
    --grid-line: #1A222D;
    --text: #EEF2F7;
    --text-2: #BAC3D0;
    --text-3: #909BAB;
    --text-disabled: #6B7585;
    --brand: #6AA6FF;
    --brand-hover: #86B7FF;
    --brand-pressed: #A6CAFF;
    --on-brand: #06101F;
    --brand-soft: #14284A;
    --brand-text: #8DBCFF;
    --focus: #86B7FF;
    --success-bg: #11301F;
    --success-fg: #74DCA2;
    --success-icon: #4CC985;
    --success-solid: #4CC985;
    --warning-bg: #352708;
    --warning-fg: #F5C25A;
    --warning-icon: #E9A93A;
    --warning-solid: #E9A93A;
    --danger-bg: #3A1714;
    --danger-fg: #FF958A;
    --danger-icon: #F2685B;
    --danger-solid: #FF8A7E;
    --info-bg: #0D2A37;
    --info-fg: #79CCEE;
    --info-icon: #4AB4E2;
    --info-solid: #79CCEE;
    --on-solid: #0B0F15;
    --neutral-bg: #232C38;
    --neutral-fg: #C3CBD6;
    --event-bg: #3A4555;
    --on-event: #EEF2F7;
    --now-line: #FF7A6E;
    --scrim: rgba(0,0,0,0.55);
    --glass: rgba(24,32,43,0.72);
    --glass-border: rgba(255,255,255,0.08);
    --shadow-1: 0 1px 2px rgba(0,0,0,0.40);
    --shadow-2: 0 4px 6px rgba(0,0,0,0.40);
    --shadow-3: 0 5px 15px rgba(0,0,0,0.45);
    --shadow-4: 0 10px 24px rgba(0,0,0,0.50);
    --shadow-5: 0 15px 35px rgba(0,0,0,0.55);
    color-scheme: dark;
  }
}
.tandem[data-theme="dark"] {
  --bg: #0C1016;
  --surface: #121821;
  --surface-raised: #18202B;
  --surface-sunken: #090C11;
  --border: #28323F;
  --border-strong: #6B7687;
  --grid-line: #1A222D;
  --text: #EEF2F7;
  --text-2: #BAC3D0;
  --text-3: #909BAB;
  --text-disabled: #6B7585;
  --brand: #6AA6FF;
  --brand-hover: #86B7FF;
  --brand-pressed: #A6CAFF;
  --on-brand: #06101F;
  --brand-soft: #14284A;
  --brand-text: #8DBCFF;
  --focus: #86B7FF;
  --success-bg: #11301F;
  --success-fg: #74DCA2;
  --success-icon: #4CC985;
  --success-solid: #4CC985;
  --warning-bg: #352708;
  --warning-fg: #F5C25A;
  --warning-icon: #E9A93A;
  --warning-solid: #E9A93A;
  --danger-bg: #3A1714;
  --danger-fg: #FF958A;
  --danger-icon: #F2685B;
  --danger-solid: #FF8A7E;
  --info-bg: #0D2A37;
  --info-fg: #79CCEE;
  --info-icon: #4AB4E2;
  --info-solid: #79CCEE;
  --on-solid: #0B0F15;
  --neutral-bg: #232C38;
  --neutral-fg: #C3CBD6;
  --event-bg: #3A4555;
  --on-event: #EEF2F7;
  --now-line: #FF7A6E;
  --scrim: rgba(0,0,0,0.55);
  --glass: rgba(24,32,43,0.72);
  --glass-border: rgba(255,255,255,0.08);
  --shadow-1: 0 1px 2px rgba(0,0,0,0.40);
  --shadow-2: 0 4px 6px rgba(0,0,0,0.40);
  --shadow-3: 0 5px 15px rgba(0,0,0,0.45);
  --shadow-4: 0 10px 24px rgba(0,0,0,0.50);
  --shadow-5: 0 15px 35px rgba(0,0,0,0.55);
  color-scheme: dark;
}
@media (prefers-reduced-motion: reduce) {
  .tandem { --duration-instant: 0ms; --duration-fast: 0ms; --duration-base: 0ms; --duration-slow: 0ms; --duration-panel: 0ms; }
}