/* ==========================================================================
   Chrome ≤ 110 fallback (Win7 caps at Chrome 109; staff laptops still run it).
   Served as a STATIC file on purpose: an @supports gate inside the Tailwind
   entry is statically folded away by Tailwind v4's Lightning pipeline (its
   targets are Chrome 111+, where oklch always exists, so "not oklch" reads as
   dead code and is stripped at build time). This file bypasses that pipeline —
   Vite copies admin/public/ verbatim — so the gate reaches the browser.

   Mechanism of the bug: oklch() and color-mix() shipped in Chrome 111. On
   older Chrome every oklch theme token is invalid at substitution time
   (dialog surfaces → transparent, dimming overlay never paints), and Tailwind
   v4 compiles opacity modifiers (bg-black/60 …) to color-mix(in oklab, …),
   which is unparseable — so those utilities need explicit rgba() rules, not
   just token fallbacks. Values are the same colours converted to sRGB.

   Cascade: :root:root outspecifies the bundle's unlayered :root regardless of
   link order; the utility rules are unlayered and therefore beat Tailwind's
   @layer utilities. On modern browsers the @supports condition is false and
   the entire block is inert — modern output is byte-identical to before.
   ========================================================================== */
@supports not (color: oklch(50% 0.1 200)) {
  :root:root {
    --background: #fcf9f7;
    --foreground: #1d1713;
    --card: #ffffff;
    --card-foreground: #1d1713;
    --popover: #ffffff;
    --popover-foreground: #1d1713;
    --primary: #1d1713;
    --primary-foreground: #fcf9f7;
    --secondary: #f5f3f1;
    --secondary-foreground: #1d1713;
    --muted: #f5f3f1;
    --muted-foreground: #5d5653;
    --accent: #f2eeea;
    --accent-foreground: #1d1713;
    --destructive-foreground: #9b1f1d;
    --success: #298646;
    --success-foreground: #005725;
    --warning: #e48e26;
    --warning-foreground: #844100;
    --info: #2677b2;
    --info-foreground: #005189;
    --border: #e1ddda;
    --input: #e1ddda;
  }

  .bg-accent\/60 { background-color: rgba(242, 238, 234, 0.6); }
  .bg-black\/60 { background-color: rgba(0, 0, 0, 0.6); }
  .bg-destructive\/10 { background-color: rgba(229, 38, 47, 0.1); }
  .bg-destructive\/90 { background-color: rgba(229, 38, 47, 0.9); }
  .bg-info\/12 { background-color: rgba(38, 119, 178, 0.12); }
  .bg-muted\/30 { background-color: rgba(245, 243, 241, 0.3); }
  .bg-muted\/50 { background-color: rgba(245, 243, 241, 0.5); }
  .bg-primary\/90 { background-color: rgba(29, 23, 19, 0.9); }
  .bg-secondary\/80 { background-color: rgba(245, 243, 241, 0.8); }
  .bg-success\/12 { background-color: rgba(41, 134, 70, 0.12); }
  .bg-warning\/16 { background-color: rgba(228, 142, 38, 0.16); }
  .border-destructive\/40 { border-color: rgba(229, 38, 47, 0.4); }
  .border-destructive\/50 { border-color: rgba(229, 38, 47, 0.5); }
  .border-muted-foreground\/30 { border-color: rgba(93, 86, 83, 0.3); }
  .border-muted-foreground\/40 { border-color: rgba(93, 86, 83, 0.4); }
  .border-primary\/40 { border-color: rgba(29, 23, 19, 0.4); }
  .ring-primary\/25 { --tw-ring-color: rgba(29, 23, 19, 0.25); }
  .text-foreground\/80 { color: rgba(29, 23, 19, 0.8); }
  .text-muted-foreground\/50 { color: rgba(93, 86, 83, 0.5); }
  .text-muted-foreground\/60 { color: rgba(93, 86, 83, 0.6); }
  .text-muted-foreground\/80 { color: rgba(93, 86, 83, 0.8); }

  /* variant selectors are emitted separately by Tailwind — mirror each one */
  .hover\:bg-accent\/60:hover { background-color: rgba(242, 238, 234, 0.6); }
  .hover\:bg-destructive\/90:hover { background-color: rgba(229, 38, 47, 0.9); }
  .hover\:bg-muted\/50:hover { background-color: rgba(245, 243, 241, 0.5); }
  .hover\:bg-primary\/90:hover { background-color: rgba(29, 23, 19, 0.9); }
  .hover\:bg-secondary\/80:hover { background-color: rgba(245, 243, 241, 0.8); }
  .hover\:border-primary\/40:hover { border-color: rgba(29, 23, 19, 0.4); }
  .focus\:bg-destructive\/10:focus { background-color: rgba(229, 38, 47, 0.1); }
  .focus\:ring-primary\/25:focus { --tw-ring-color: rgba(29, 23, 19, 0.25); }
  .focus-visible\:ring-primary\/25:focus-visible { --tw-ring-color: rgba(29, 23, 19, 0.25); }

  /* Tailwind v4 preflight tints placeholders via color-mix; without this it
     collapses to full-strength currentcolor */
  ::placeholder { color: rgba(93, 86, 83, 0.5); }
}