/* ═══════════════════════════════════════════════════════════
   Zylentix Admin — Brand tokens + bits Tailwind can't express
   ───────────────────────────────────────────────────────────
   With Tailwind JIT via CDN, all utility classes (including
   arbitrary values like w-[232px], text-[13px], gap-2.5 etc.)
   work natively — no manual shims needed.

   This file now only contains:
     1. Brand color CSS variables (dual-brand Zylentix / Anantdata)
     2. Sidebar link underline reset
     3. Display font utility (Geist matches marketing site)
   ═══════════════════════════════════════════════════════════ */

/* ── ROOT BRAND VARIABLES — default = Zylentix (purple) ── */
:root {
  --color-brand-25:  247 244 253;
  --color-brand-50:  241 236 251;
  --color-brand-100: 229 221 248;
  --color-brand-200: 210 195 243;
  --color-brand-300: 185 161 237;
  --color-brand-400: 153 118 229;
  --color-brand-500: 121 76 220;
  --color-brand-600: 85 37 191;
  --color-brand-700: 72 31 162;
  --color-brand-800: 57 25 128;
  --color-brand-900: 42 18 94;
  --color-brand-950: 30 13 68;
}

/* ── Anantdata brand override (blue) ── */
[data-brand="anantdata"] {
  --color-brand-25:  239 246 255;
  --color-brand-50:  224 238 255;
  --color-brand-100: 194 222 255;
  --color-brand-200: 147 197 253;
  --color-brand-300: 96 165 250;
  --color-brand-400: 56 138 242;
  --color-brand-500: 32 120 198;
  --color-brand-600: 26 109 207;
  --color-brand-700: 21 87 166;
  --color-brand-800: 17 69 131;
  --color-brand-900: 12 51 97;
  --color-brand-950: 8 35 68;
}

/* ── Hidden scrollbar utility (for scroll-snap rows, filter chips, etc.) ── */
.no-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.no-scrollbar::-webkit-scrollbar { width: 0; height: 0; display: none; }

/* ── Display font (DM Sans) ── */
.font-display {
  font-family: 'DM Sans', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  letter-spacing: -0.01em;
}

/* ═══════════════════════════════════════════════════════════
   UNIFIED CARD SHADOW — single source of truth for every
   panel/card surface across the admin. Subtle 2-layer elevation
   (Sellora / Linear style), no harsh borders.
   Apply .card-surface OR the Tailwind shadow alias below.
   ═══════════════════════════════════════════════════════════ */
.card-surface,
.shadow-card {
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.04),
    0 2px 6px -2px rgba(15, 23, 42, 0.05),
    0 8px 20px -12px rgba(15, 23, 42, 0.06) !important;
}

/* Interactive hover lift */
.card-surface.is-interactive:hover,
.hover\:shadow-card-hover:hover {
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.05),
    0 4px 10px -2px rgba(15, 23, 42, 0.06),
    0 12px 28px -14px rgba(15, 23, 42, 0.08) !important;
}

/* ── Global panel rule: any rounded card-like surface gets the same
      shadow and loses its ring/border, without touching templates. ── */
main .bg-white.rounded-xl,
main .bg-white.rounded-2xl,
main .bg-white\/95.rounded-2xl {
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.04),
    0 2px 6px -2px rgba(15, 23, 42, 0.05),
    0 8px 20px -12px rgba(15, 23, 42, 0.06);
  border: 0 !important;
}
/* Kill ring-1 rings on those same panels (Tailwind --tw-ring-* vars) */
main .bg-white.rounded-xl.ring-1,
main .bg-white.rounded-xl.ring,
main .bg-white.rounded-2xl.ring-1,
main .bg-white.rounded-2xl.ring {
  --tw-ring-shadow: 0 0 #0000 !important;
  --tw-ring-offset-shadow: 0 0 #0000 !important;
}
/* Keep Tailwind shadow-sm/shadow alongside the card system — do not
   override table/list nested surfaces; only top-level white cards. */