/* FASE 5 — Fix responsive mobile (caricato DOPO style.css per vincere per ordine). */
@media (max-width: 768px) {
  /* La sidebar è off-canvas (position:fixed): il contenuto deve prendere tutta la larghezza. */
  .app { display: block !important; }

  /* Topbar: titolo + azioni vanno a capo, niente overflow orizzontale. */
  .topbar { flex-wrap: wrap; height: auto !important; min-height: var(--topbar-h); padding: 8px 12px; }
  .topbar-title { flex: 1 1 100%; font-size: 15px; }
  .topbar-actions { flex-wrap: wrap; width: 100%; gap: 6px; }
  .topbar-actions .btn-sm, .topbar-actions a, .topbar-actions button { font-size: 12px; padding: 6px 9px; }

  .main, .main-wrap { width: 100% !important; }

  /* Kanban: una colonna a tutta larghezza su telefono. */
  .kanban-grid { grid-template-columns: 1fr !important; }

  /* Tabella/scheda cliente: campi in colonna singola. */
  .detail-field { min-width: 0; }
}