/* NetGuardian — garanzie mobili condivise dalle pagine con grafica esterna.
   Solo presentazione: queste regole non cambiano dati, collegamenti o ruoli. */
@media (max-width: 640px) {
  /* Dashboard: numeri su due colonne e grafici su una. */
  .kpi-grid { grid-template-columns: repeat(2, 1fr); }
  .grafici { grid-template-columns: 1fr; }

  /* Sedi: una scheda per riga. */
  .griglia { grid-template-columns: 1fr; }

  /* Bersagli abbastanza alti da essere toccati senza errori. */
  .comandi select, .comandi input[type=search] { min-height: 44px; }
  .periodo input[type=date] { min-height: 44px; }
  .periodo button.pulisci { min-height: 44px; }
  .filtro { min-height: 44px; }
  .azione { min-height: 44px; }
  .azioni button { min-height: 44px; }

  /* Inventario a schede: ogni valore conserva il nome della sua colonna. */
  thead { display: none; }
  tbody td::before { content: attr(data-eti); }
  tbody td .val { flex: 1; }
}