/* ============================================================
   Impacta — tema pannello Filament allineato al sito ImpactaEventi
   Override CSS puro (nessun build). Caricato via render hook
   STYLES_AFTER nel AdminPanelProvider, quindi vince sulla
   specificita' di Filament. Palette e stile: dark "ultraviolet",
   spigoli netti, Bebas Neue nei momenti display.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

:root {
  --ie-bg:        #05030F;   /* sfondo base sito */
  --ie-bg-2:      #0A0612;   /* superfici / sidebar / topbar */
  --ie-bg-3:      #120A1E;   /* card / righe alternate / hover */
  --ie-primary:   #7C3AED;   /* viola */
  --ie-accent:    #D946EF;   /* fucsia */
  --ie-text:      #F0EDE8;
  --ie-text-soft: #9090A8;
  --ie-border:    rgba(124, 58, 237, 0.16);
}

/* ── Sfondi principali (solo dark) ───────────────────────── */
.dark .fi-body,
.dark .fi-main-ctn,
.dark .fi-main {
  background-color: var(--ie-bg) !important;
}

.dark .fi-sidebar,
.dark .fi-topbar,
.dark .fi-topbar > nav,
.dark .fi-sidebar-header {
  background-color: var(--ie-bg-2) !important;
  border-color: var(--ie-border) !important;
}

/* Superfici a rilievo: sezioni, widget, tabelle, dropdown, modali */
.dark .fi-section,
.dark .fi-wi-stats-overview-stat,
.dark .fi-ta-ctn,
.dark .fi-ta-content,
.dark .fi-dropdown-panel,
.dark .fi-modal-window,
.dark .fi-fo-field-wrp .fi-input-wrp {
  background-color: var(--ie-bg-2) !important;
  border-color: var(--ie-border) !important;
}

.dark .fi-ta-row:hover,
.dark .fi-dropdown-list-item:hover {
  background-color: var(--ie-bg-3) !important;
}

/* ── Spigoli netti (radius ~0) come il sito ──────────────── */
.fi-btn,
.fi-input,
.fi-input-wrp,
.fi-section,
.fi-ta-ctn,
.fi-badge,
.fi-dropdown-panel,
.fi-modal-window,
.fi-wi-stats-overview-stat,
.fi-avatar,
.fi-fo-file-upload,
.fi-pagination-item {
  border-radius: 2px !important;
}

/* ── Accenti viola/fucsia ────────────────────────────────── */
.dark .fi-sidebar-item-active .fi-sidebar-item-button,
.dark .fi-tabs-item[aria-selected="true"] {
  background-color: rgba(124, 58, 237, 0.14) !important;
  color: var(--ie-text) !important;
}
.dark .fi-sidebar-item-active .fi-sidebar-item-icon {
  color: var(--ie-accent) !important;
}
/* Ring di focus fucsia */
.fi-input:focus,
.fi-btn:focus-visible,
.fi-fo-field-wrp .fi-input-wrp:focus-within {
  outline-color: var(--ie-accent) !important;
  box-shadow: 0 0 0 2px rgba(217, 70, 239, 0.35) !important;
}

/* ── Bebas Neue solo nei momenti "display" ───────────────── */
/* Brand (logo testuale) e intestazione di pagina. */
.fi-logo,
.fi-header-heading {
  font-family: 'Bebas Neue', var(--font-sans), sans-serif !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.fi-header-heading {
  font-size: 2.1rem !important;
  color: var(--ie-text) !important;
}
.fi-logo {
  font-size: 1.5rem !important;
  color: var(--ie-text) !important;
}

/* Barra d'accento sotto l'header pagina, richiamo editoriale del sito */
.dark .fi-header {
  border-bottom: 1px solid var(--ie-border);
  padding-bottom: 0.75rem;
}