/*
 * KSM Design v2 — thin override layer per Filament admin (B6, ADR 0010).
 *
 * Approccio documentato da Filament 5 ("Customizing the appearance"): override
 * CSS sulle classi semantiche .fi-* sopra lo stylesheet precompilato di default,
 * SENZA theme Tailwind custom (che richiederebbe Node + Tailwind 4 nella
 * toolchain di apps/api e nel Dockerfile.prod — trade-off tracciato in ROADMAP).
 *
 * Token: packages/tailwind-preset/src/tokens.ts (SSOT) — qui solo i valori
 * che il panel API non copre (radius, shadow, glass, tipografia display).
 * Palette e font passano da AdminPanelProvider (->colors() / ->font()).
 *
 * Pubblicato via FilamentAsset (AppServiceProvider) + `php artisan filament:assets`
 * (auto al deploy: composer post-autoload-dump → filament:upgrade).
 */

:root {
  --ksm-radius-control: 0.75rem; /* 12px — button, input, dropdown (DNA control 12-14) */
  --ksm-radius-card: 1rem; /* 16px — card/section (DNA card 16-20, variante densa admin) */
  --ksm-shadow-elevation-1: 0 1px 2px rgba(14, 19, 32, 0.04);
  --ksm-shadow-elevation-2: 0 4px 12px rgba(14, 19, 32, 0.12);
  --ksm-glass-light: rgba(255, 255, 255, 0.88);
  --ksm-glass-sidebar-light: rgba(247, 249, 251, 0.92);
  --ksm-glass-dark: rgba(14, 19, 32, 0.85);
}

/* ── Tipografia display (DNA: titoli 800 tracking -0.025em, sottotitoli 700) ── */

.fi-header-heading,
.fi-simple-header-heading {
  font-weight: 800;
  letter-spacing: -0.025em;
}

.fi-section-header-heading,
.fi-modal-heading,
.fi-ta-header-heading,
.fi-ta-empty-state-heading {
  font-weight: 700;
  letter-spacing: -0.01em;
}

.fi-wi-stats-overview-stat-value {
  font-weight: 800;
  letter-spacing: -0.025em;
  font-variant-numeric: tabular-nums; /* numeri tabellari (DNA mockup) */
}

.fi-sidebar-group-label {
  letter-spacing: 0.14em; /* eyebrow uppercase (DNA) */
  text-transform: uppercase;
  font-size: 0.7rem;
}

/* ── Radius semantici (DNA: control 12 / card 16 / pill badge) ── */

.fi-btn,
.fi-input-wrp,
.fi-dropdown-panel {
  border-radius: var(--ksm-radius-control);
}

.fi-section,
.fi-ta-ctn,
.fi-wi-stats-overview-stat,
.fi-modal-window {
  border-radius: var(--ksm-radius-card);
}

/* ── Elevation (shadow freddi rgba(14,19,32,…) invece dei default) ── */

.fi-section,
.fi-wi-stats-overview-stat {
  box-shadow: var(--ksm-shadow-elevation-1);
}

.fi-ta-ctn {
  box-shadow: var(--ksm-shadow-elevation-1);
}

.fi-dropdown-panel,
.fi-modal-window {
  box-shadow: var(--ksm-shadow-elevation-2);
}

/* ── Glass topbar + sidebar (coerente con SiteHeader B4 e layout tenant B4b) ── */

.fi-topbar {
  background-color: var(--ksm-glass-light);
  backdrop-filter: blur(12px) saturate(150%);
  -webkit-backdrop-filter: blur(12px) saturate(150%);
}

.dark .fi-topbar {
  background-color: var(--ksm-glass-dark);
}

.fi-sidebar.fi-main-sidebar {
  background-color: var(--ksm-glass-sidebar-light);
  backdrop-filter: blur(12px) saturate(150%);
  -webkit-backdrop-filter: blur(12px) saturate(150%);
}

.dark .fi-sidebar.fi-main-sidebar {
  background-color: var(--ksm-glass-dark);
}