/* ============================================================
   NEURIAM — MENU V2 (estratto di produzione, 23 ago 2026)
   SOLO la sidebar: grigio B, testi bianchi, icone 24px, hover
   teal, selezione viola con lunetta, fascia logo 76px allineata
   alla testata pagina, logo blu elettrico.
   Il resto del tema V2 resta su grafica.dashboard in valutazione.
   ============================================================ */

/* ---------------- SIDEBAR ----------------
   Firma V2: navigazione sempre scura.
   Rev.3 (richieste Ruben): grigio piu' chiaro e OPACO (tinta
   unita, niente gradiente), icone piu' grandi, testi/icone
   piu' bianchi, logo bianco, lunetta viola + sfumatura sulla
   voce attiva (ripresa dalla rev.1). */
html[data-theme=light] aside{
  background:#2b303c !important;              /* grigio B scelto da Ruben */
  border-right:1px solid #3a4150 !important;
}
html[data-theme=dark] aside{
  background:#14161d !important;
  border-right:1px solid #222633 !important;
}
/* Testi e icone: quasi bianchi, bianchi pieni su hover/attivo */
aside{ color:#dde1ea; }
aside a{ color:#dde1ea !important; }
aside a:hover{
  color:#ffffff !important;
  background:linear-gradient(90deg,rgba(34,184,221,.32),rgba(72,217,255,.06)) !important;
  border-radius:10px;
}
aside b, aside strong, aside h1, aside h2, aside h3{ color:#ffffff; }
aside .text-gray-400, aside .text-gray-500, aside small{ color:#aab2c2 !important; }

/* Icone di navigazione piu' grandi */
aside a svg{
  width:24px !important; height:24px !important;
  flex-shrink:0; opacity:.95;
}

/* Logo + allineamento — Rev.10 (misure lette dal bundle).
   UNA variabile comanda ENTRAMBE le testate: quella della pagina
   (header px-5 py-4) e quella della sidebar. Le righe combaciano
   per costruzione. --logo-h regola solo la taglia del logo. */
:root{ --nv2-band:76px; }
aside{ --logo-h:66px; }

/* Testata pagina: altezza fissata, contenuto centrato in verticale */
header.px-5.py-4.border-b{
  height:var(--nv2-band) !important;
  min-height:var(--nv2-band) !important;
  padding-top:0 !important; padding-bottom:0 !important;
  display:flex !important; align-items:center !important;
  box-sizing:border-box;
}
header.px-5.py-4.border-b > div{ flex:1; }

/* Testata sidebar: stessa altezza, logo dipinto e centrato */
aside > :first-child{
  height:var(--nv2-band) !important;
  min-height:var(--nv2-band) !important;
  max-height:var(--nv2-band) !important;
  margin:0 !important; padding:0 !important;
  border-bottom:1px solid #3a4150 !important;
  box-sizing:border-box; overflow:hidden;
  background-image:url("/neuriam-logo-blu-elettrico.png") !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:auto var(--logo-h) !important;
}
aside > :first-child *{ display:none !important; }

/* La voce attiva resta viola anche sotto il mouse */
aside a.active:hover, aside a[aria-current="page"]:hover{
  background:linear-gradient(90deg,rgba(91,61,245,.45),rgba(72,140,255,.10)) !important;
}

/* Voce attiva: lunetta a sinistra + sfumatura blu-viola */
aside a.active, aside a[aria-current="page"],
aside a[class*="violet"], aside a[class*="bg-\[\#4A2FD0\]"]{
  color:#ffffff !important;
  background:linear-gradient(90deg,rgba(91,61,245,.45),rgba(72,140,255,.10)) !important;
  box-shadow:inset 3px 0 0 #8b72ff !important;
  border-radius:10px !important;
}
aside a.active svg, aside a[aria-current="page"] svg{ opacity:1; }