/* Supervizor ui-v2 snapshot: packages/ui-v2/src/styles.css. Native HTML adapter. */
@font-face {font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url('assets/poppins-400.ttf') format('truetype');}
@font-face {font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url('assets/poppins-500.ttf') format('truetype');}
@font-face {font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url('assets/poppins-600.ttf') format('truetype');}
@font-face {font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url('assets/poppins-700.ttf') format('truetype');}
:root {
  --font-sans: "Poppins", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --color-white: #fff;
  --color-black: #000;
  --color-brand-secondary-50: #eef3ffff;
  --color-brand-secondary-100: #e1e9feff;
  --color-brand-secondary-200: #c8d6fdff;
  --color-brand-secondary-300: #a7bafaff;
  --color-brand-secondary-400: #8395f6ff;
  --color-brand-secondary-500: #5864edff;
  --color-brand-secondary-600: #4949e2ff;
  --color-brand-secondary-700: #3d3bc7ff;
  --color-brand-secondary-800: #3232a1ff;
  --color-brand-secondary-900: #2f3180ff;
  --color-brand-secondary-950: #0c0f31ff;
  --color-brand-primary-50: #fff1f4ff;
  --color-brand-primary-100: #ffe4eaff;
  --color-brand-primary-200: #fecddaff;
  --color-brand-primary-300: #fda4bcff;
  --color-brand-primary-400: #fb7199ff;
  --color-brand-primary-500: #f43c76ff;
  --color-brand-primary-600: #e11d64ff;
  --color-brand-primary-700: #be1255ff;
  --color-brand-primary-800: #9f124dff;
  --color-brand-primary-900: #881348ff;
  --color-brand-primary-950: #4c0523ff;
  --color-neutral-50: #f9fafbff;
  --color-neutral-100: #f3f4f6ff;
  --color-neutral-200: #e5e7ebff;
  --color-neutral-300: #d1d5dbff;
  --color-neutral-400: #9ca3afff;
  --color-neutral-500: #6b7280ff;
  --color-neutral-600: #4b5563ff;
  --color-neutral-700: #374151ff;
  --color-neutral-800: #1f2937ff;
  --color-neutral-900: #111827ff;
  --color-neutral-950: #030712ff;
  --color-warning-50: #fffbebff;
  --color-warning-100: #fef3c7ff;
  --color-warning-200: #fde68aff;
  --color-warning-300: #fcd34dff;
  --color-warning-400: #fbbf24ff;
  --color-warning-500: #f59e0bff;
  --color-warning-600: #d97706ff;
  --color-warning-700: #b45309ff;
  --color-warning-800: #92400eff;
  --color-warning-900: #78350fff;
  --color-warning-950: #451a03ff;
  --color-negative-50: #fef2f2ff;
  --color-negative-100: #fee2e2ff;
  --color-negative-200: #fecacaff;
  --color-negative-300: #fca5a5ff;
  --color-negative-400: #f87171ff;
  --color-negative-500: #ef4444ff;
  --color-negative-600: #dc2626ff;
  --color-negative-700: #b91c1cff;
  --color-negative-800: #991b1bff;
  --color-negative-900: #7f1d1dff;
  --color-negative-950: #450a0aff;
  --color-positive-50: #f0fdf4ff;
  --color-positive-100: #dcfce7ff;
  --color-positive-200: #bbf7d0ff;
  --color-positive-300: #86efacff;
  --color-positive-400: #4ade80ff;
  --color-positive-500: #22c55eff;
  --color-positive-600: #16a34aff;
  --color-positive-700: #15803dff;
  --color-positive-800: #166534ff;
  --color-positive-900: #14532dff;
  --color-positive-950: #052e16ff;
  --shadow-layout: 0 0 24px 1px rgba(0, 0, 0, 0.08);
  --shadow-card: 0 1px 2px 0 rgba(0, 0, 0, 0.05);

  --background: var(--color-white);
  --foreground: var(--color-neutral-800);
  --card: var(--color-white);
  --card-foreground: var(--color-neutral-800);
  --popover: var(--color-white);
  --popover-foreground: var(--color-neutral-800);
  --primary: var(--color-brand-primary-600);
  --primary-foreground: var(--color-white);
  --secondary: var(--color-brand-secondary-500);
  --secondary-foreground: var(--color-white);
  --muted: var(--color-neutral-100);
  --muted-foreground: var(--color-neutral-500);
  --accent: var(--color-neutral-100);
  --accent-foreground: var(--color-neutral-900);
  --destructive: var(--color-negative-600);
  --destructive-foreground: var(--color-negative-50);
  --border: var(--color-neutral-200);
  --input: var(--color-neutral-200);
  --ring: var(--color-neutral-800);
  --chart-1: oklch(0.646 0.222 41.116);
  --chart-2: oklch(0.6 0.118 184.704);
  --chart-3: oklch(0.398 0.07 227.392);
  --chart-4: oklch(0.828 0.189 84.429);
  --chart-5: oklch(0.769 0.188 70.08);
  --radius: 0.625rem;
  --sidebar: var(--color-brand-primary-600);
  --sidebar-foreground: var(--color-white);
  --sidebar-primary: var(--color-white);
  --sidebar-primary-foreground: var(--color-brand-primary-600);
  --sidebar-accent: var(--color-brand-primary-700);
  --sidebar-accent-foreground: var(--color-white);
  --sidebar-border: var(--color-brand-primary-600);
  --sidebar-ring: var(--color-white);

  --status-skipped: var(--color-white);
  --status-skipped-foreground: var(--color-neutral-500);
  --status-not_started: var(--color-neutral-200);
  --status-not_started-foreground: var(--color-neutral-900);
  --status-in_progress: var(--color-brand-secondary-200);
  --status-in_progress-foreground: var(--color-brand-secondary-800);
  --status-to_be_reviewed: var(--color-brand-secondary-700);
  --status-to_be_reviewed-foreground: var(--color-white);
  --status-completed: #6B21A8;
  --status-completed-foreground: var(--color-white);
  --conclusion-black: var(--color-neutral-900);
  --conclusion-black-foreground: var(--color-neutral-100);
  --conclusion-gray: var(--color-neutral-100);
  --conclusion-gray-foreground: var(--color-neutral-900);
  --conclusion-default: var(--color-neutral-100);
  --conclusion-default-foreground: var(--color-neutral-900);
  --radius-sm:calc(var(--radius) - 4px);
  --radius-md:calc(var(--radius) - 2px);
  --radius-lg:var(--radius);
}