/* CM001 theme: default v16 — compiled, do not edit */
@layer cm.reset, cm.tokens, cm.base, cm.components, cm.grid, cm.pages, cm.override;
:root{
  --brand: #2563eb;
  --brand-600: #1e51c1;
  --brand-50: #eef3fd;
  --on-brand: #ffffff;
  --bg: #f6f8fb;
  --surface: #ffffff;
  --surface-2: #f1f5f9;
  --text: #0f172a;
  --text-2: #475569;
  --text-3: #94a3b8;
  --line: #e2e8f0;
  --line-2: #cbd5e1;
  --ok: #16a34a;
  --warn: #d97706;
  --danger: #dc2626;
  --info: #0ea5e9;
  --neutral: #64748b;
  --nav-group-bg: color-mix(in srgb, var(--brand) 10%, var(--surface));
  --on-ok: #0f172a;
  --on-warn: #0f172a;
  --on-danger: #ffffff;
  --on-info: #0f172a;
  --density: 1;
  --radius-unit: 6px;
  --bp-sm: 560px;
  --bp-md: 720px;
  --bp-lg: 860px;
  --bp-xl: 1100px;
  --touch-min: 44px;
  --pwa-accent: #2563eb;
  --sidebar-w: 256px;
  --topbar-h: 56px;
  --content-max: 1200px;
  --dur-fast: 120ms;
  --dur-med: 200ms;
  --dur-slow: 320ms;
  --ease-std: cubic-bezier(.2,0,0,1);
  --ease-out: cubic-bezier(0,0,.2,1);
  --ease-in: cubic-bezier(.4,0,1,1);
  --focus-ring: #2563eb;
  --control-h: 38px;
  --control-h-sm: 30px;
  --control-h-lg: 46px;
  --focus-radius: 8px;
  --z-nav: 100;
  --z-sticky: 200;
  --z-dropdown: 800;
  --z-overlay: 900;
  --z-modal: 1000;
  --z-toast: 1100;
  --z-tooltip: 1200;
  --status-open: #2563eb;
  --status-progress: #d97706;
  --status-done: #16a34a;
  --status-hold: #64748b;
  --priority-low: #16a34a;
  --priority-med: #d97706;
  --priority-high: #ea580c;
  --priority-crit: #dc2626;
  --status-review: #8b5cf6;
  --status-closed: #475569;
  --status-cancelled: #dc2626;
  --status-overdue: #b91c1c;
  --priority-urgent: #e11d48;
  --font-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --fs-base: 14px;
  --fs-sm: 12.5px;
  --fs-lg: 16px;
  --fs-h1: 22px;
  --lh: 1.55;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(15,23,42,.06), 0 1px 3px rgba(15,23,42,.08);
  --shadow-md: 0 4px 12px rgba(15,23,42,.10);
  --sla-ok: #16a34a;
  --sla-warn: #d97706;
  --sla-breach: #dc2626;
  --sla-paused: #64748b;
  --radius-sm: calc(var(--radius-unit, 6px) * 1);
  --radius-md: calc(var(--radius-unit, 6px) * 1.667);
  --radius-lg: calc(var(--radius-unit, 6px) * 2.667);
  --radius-pill: 999px;
  --space-1: calc(4px * var(--density, 1));
  --space-2: calc(8px * var(--density, 1));
  --space-3: calc(12px * var(--density, 1));
  --space-4: calc(16px * var(--density, 1));
  --space-5: calc(24px * var(--density, 1));
  --space-6: calc(32px * var(--density, 1));
  --fs-2xs: calc(var(--fs-base, 14px) - 3px);
  --fs-xs:  calc(var(--fs-base, 14px) - 2px);
  --fs-sm:  calc(var(--fs-base, 14px) - 1.5px);
  --fs-lg:  calc(var(--fs-base, 14px) + 2px);
  --fs-xl:  calc(var(--fs-base, 14px) + 14px);
  --fs-2xl: calc(var(--fs-base, 14px) + 14px);
  --fs-h1:  calc(var(--fs-base, 14px) + 8px);
  --ok-wash: color-mix(in srgb, var(--ok) 12%, var(--surface));
  --ok-edge: color-mix(in srgb, var(--ok) 40%, var(--line));
  --ok-ink:  color-mix(in srgb, var(--ok) 62%, var(--text));
  --warn-wash: color-mix(in srgb, var(--warn) 12%, var(--surface));
  --warn-edge: color-mix(in srgb, var(--warn) 40%, var(--line));
  --warn-ink:  color-mix(in srgb, var(--warn) 62%, var(--text));
  --danger-wash: color-mix(in srgb, var(--danger) 12%, var(--surface));
  --danger-edge: color-mix(in srgb, var(--danger) 40%, var(--line));
  --danger-ink:  color-mix(in srgb, var(--danger) 62%, var(--text));
  --info-wash: color-mix(in srgb, var(--info) 12%, var(--surface));
  --info-edge: color-mix(in srgb, var(--info) 40%, var(--line));
  --info-ink:  color-mix(in srgb, var(--info) 62%, var(--text));
  --brand-wash: color-mix(in srgb, var(--brand) 12%, var(--surface));
  --brand-edge: color-mix(in srgb, var(--brand) 40%, var(--line));
  --brand-ink:  color-mix(in srgb, var(--brand) 62%, var(--text));
  --neutral-wash: color-mix(in srgb, var(--neutral) 12%, var(--surface));
  --neutral-edge: color-mix(in srgb, var(--neutral) 40%, var(--line));
  --neutral-ink:  color-mix(in srgb, var(--neutral) 62%, var(--text));
  --surface-1: var(--surface);
  --internal: var(--info);
  --disabled-ink: color-mix(in srgb, var(--text) 38%, transparent);
  --disabled-surface: color-mix(in srgb, var(--text) 6%, var(--surface));
  --shadow-xs: 0 1px 1px rgba(15,23,42,.05);
  --shadow-lg: 0 16px 40px rgba(15,23,42,.14);
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  --brand-50: #0f1e3d;
  --bg: #0b1220;
  --surface: #111a2e;
  --surface-2: #1a2337;
  --text: #e6edf7;
  --text-2: #9fb0c9;
  --text-3: #64748b;
  --line: #24304a;
  --line-2: #334155;
  --nav-group-bg: color-mix(in srgb, var(--brand) 16%, var(--surface));
  --radius-sm: calc(var(--radius-unit, 6px) * 1);
  --radius-md: calc(var(--radius-unit, 6px) * 1.667);
  --radius-lg: calc(var(--radius-unit, 6px) * 2.667);
  --radius-pill: 999px;
  --space-1: calc(4px * var(--density, 1));
  --space-2: calc(8px * var(--density, 1));
  --space-3: calc(12px * var(--density, 1));
  --space-4: calc(16px * var(--density, 1));
  --space-5: calc(24px * var(--density, 1));
  --space-6: calc(32px * var(--density, 1));
  --fs-2xs: calc(var(--fs-base, 14px) - 3px);
  --fs-xs:  calc(var(--fs-base, 14px) - 2px);
  --fs-sm:  calc(var(--fs-base, 14px) - 1.5px);
  --fs-lg:  calc(var(--fs-base, 14px) + 2px);
  --fs-xl:  calc(var(--fs-base, 14px) + 14px);
  --fs-2xl: calc(var(--fs-base, 14px) + 14px);
  --fs-h1:  calc(var(--fs-base, 14px) + 8px);
  --ok-wash: color-mix(in srgb, var(--ok) 12%, var(--surface));
  --ok-edge: color-mix(in srgb, var(--ok) 40%, var(--line));
  --ok-ink:  color-mix(in srgb, var(--ok) 62%, var(--text));
  --warn-wash: color-mix(in srgb, var(--warn) 12%, var(--surface));
  --warn-edge: color-mix(in srgb, var(--warn) 40%, var(--line));
  --warn-ink:  color-mix(in srgb, var(--warn) 62%, var(--text));
  --danger-wash: color-mix(in srgb, var(--danger) 12%, var(--surface));
  --danger-edge: color-mix(in srgb, var(--danger) 40%, var(--line));
  --danger-ink:  color-mix(in srgb, var(--danger) 62%, var(--text));
  --info-wash: color-mix(in srgb, var(--info) 12%, var(--surface));
  --info-edge: color-mix(in srgb, var(--info) 40%, var(--line));
  --info-ink:  color-mix(in srgb, var(--info) 62%, var(--text));
  --brand-wash: color-mix(in srgb, var(--brand) 12%, var(--surface));
  --brand-edge: color-mix(in srgb, var(--brand) 40%, var(--line));
  --brand-ink:  color-mix(in srgb, var(--brand) 62%, var(--text));
  --neutral-wash: color-mix(in srgb, var(--neutral) 12%, var(--surface));
  --neutral-edge: color-mix(in srgb, var(--neutral) 40%, var(--line));
  --neutral-ink:  color-mix(in srgb, var(--neutral) 62%, var(--text));
  --surface-1: var(--surface);
  --internal: var(--info);
  --disabled-ink: color-mix(in srgb, var(--text) 38%, transparent);
  --disabled-surface: color-mix(in srgb, var(--text) 6%, var(--surface));
  --shadow-xs: 0 1px 1px rgba(0,0,0,.45);
  --shadow-sm: 0 1px 2px rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.55);
  --shadow-md: 0 6px 16px rgba(0,0,0,.55);
  --shadow-lg: 0 16px 40px rgba(0,0,0,.6);
} }
:root[data-theme="dark"]{
  --brand-50: #0f1e3d;
  --bg: #0b1220;
  --surface: #111a2e;
  --surface-2: #1a2337;
  --text: #e6edf7;
  --text-2: #9fb0c9;
  --text-3: #64748b;
  --line: #24304a;
  --line-2: #334155;
  --nav-group-bg: color-mix(in srgb, var(--brand) 16%, var(--surface));
  --radius-sm: calc(var(--radius-unit, 6px) * 1);
  --radius-md: calc(var(--radius-unit, 6px) * 1.667);
  --radius-lg: calc(var(--radius-unit, 6px) * 2.667);
  --radius-pill: 999px;
  --space-1: calc(4px * var(--density, 1));
  --space-2: calc(8px * var(--density, 1));
  --space-3: calc(12px * var(--density, 1));
  --space-4: calc(16px * var(--density, 1));
  --space-5: calc(24px * var(--density, 1));
  --space-6: calc(32px * var(--density, 1));
  --fs-2xs: calc(var(--fs-base, 14px) - 3px);
  --fs-xs:  calc(var(--fs-base, 14px) - 2px);
  --fs-sm:  calc(var(--fs-base, 14px) - 1.5px);
  --fs-lg:  calc(var(--fs-base, 14px) + 2px);
  --fs-xl:  calc(var(--fs-base, 14px) + 14px);
  --fs-2xl: calc(var(--fs-base, 14px) + 14px);
  --fs-h1:  calc(var(--fs-base, 14px) + 8px);
  --ok-wash: color-mix(in srgb, var(--ok) 12%, var(--surface));
  --ok-edge: color-mix(in srgb, var(--ok) 40%, var(--line));
  --ok-ink:  color-mix(in srgb, var(--ok) 62%, var(--text));
  --warn-wash: color-mix(in srgb, var(--warn) 12%, var(--surface));
  --warn-edge: color-mix(in srgb, var(--warn) 40%, var(--line));
  --warn-ink:  color-mix(in srgb, var(--warn) 62%, var(--text));
  --danger-wash: color-mix(in srgb, var(--danger) 12%, var(--surface));
  --danger-edge: color-mix(in srgb, var(--danger) 40%, var(--line));
  --danger-ink:  color-mix(in srgb, var(--danger) 62%, var(--text));
  --info-wash: color-mix(in srgb, var(--info) 12%, var(--surface));
  --info-edge: color-mix(in srgb, var(--info) 40%, var(--line));
  --info-ink:  color-mix(in srgb, var(--info) 62%, var(--text));
  --brand-wash: color-mix(in srgb, var(--brand) 12%, var(--surface));
  --brand-edge: color-mix(in srgb, var(--brand) 40%, var(--line));
  --brand-ink:  color-mix(in srgb, var(--brand) 62%, var(--text));
  --neutral-wash: color-mix(in srgb, var(--neutral) 12%, var(--surface));
  --neutral-edge: color-mix(in srgb, var(--neutral) 40%, var(--line));
  --neutral-ink:  color-mix(in srgb, var(--neutral) 62%, var(--text));
  --surface-1: var(--surface);
  --internal: var(--info);
  --disabled-ink: color-mix(in srgb, var(--text) 38%, transparent);
  --disabled-surface: color-mix(in srgb, var(--text) 6%, var(--surface));
  --shadow-xs: 0 1px 1px rgba(0,0,0,.45);
  --shadow-sm: 0 1px 2px rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.55);
  --shadow-md: 0 6px 16px rgba(0,0,0,.55);
  --shadow-lg: 0 16px 40px rgba(0,0,0,.6);
}