/* v2-sidebar-labels.css — label permanente sotto ogni icona della sidebar v2.
 * Sostituisce il vecchio tooltip flottante con label sempre visibile.
 */

/* Aumenta gap tra icone per far spazio al label */
aside.w-20 {
  width: 4.75rem !important;   /* leggermente più stretto (era w-20 = 5rem) */
}
aside.w-20 > .nav-icon {
  margin-bottom: 14px;          /* spazio per il label sotto */
}

/* Disabilita il tooltip flottante a destra (sostituito da label sotto) */
.nav-icon[data-label]::after {
  /* Resetta tooltip: ora il label è sotto, sempre visibile */
  content: attr(data-label) !important;
  position: absolute !important;
  left: 50% !important;
  top: 100% !important;
  transform: translateX(-50%) translateY(3px) !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  color: rgba(255,255,255,0.55) !important;
  padding: 1px 2px !important;
  font-size: 9.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  white-space: nowrap !important;
  opacity: 1 !important;
  pointer-events: none !important;
  box-shadow: none !important;
  z-index: auto !important;
  transition: color 0.15s ease !important;
}

.nav-icon[data-label]::before {
  display: none !important;     /* niente freccia tooltip */
}

/* Hover: label più chiaro */
.nav-icon[data-label]:hover::after {
  color: #fff !important;
  transform: translateX(-50%) translateY(3px) !important;
}

/* Active: label brand viola, bold */
.nav-icon.active[data-label]::after {
  color: var(--brand, #60a5fa) !important;
  font-weight: 800 !important;
  font-size: 9.5px !important;
}

/* Truncate label troppo lunghi (es. "Deleghe F24" su 80px max) */
/* Soluzione: short labels via data-attr override per icone con label lunghe */
.nav-icon[data-label="Plaud — Riunioni & registrazioni"]::after { content: "Plaud" !important; }
.nav-icon[data-label="Utenti & accessi"]::after { content: "Utenti" !important; }
.nav-icon[data-label="Strumenti — tutte le sezioni"]::after { content: "Strumenti" !important; }
.nav-icon[data-label="Errori frontend"]::after { content: "Errori" !important; }