/* Stili di base per i campi (già presenti) */
mat-form-field {
  width: 100%;
  margin-bottom: 10px;
}

/* Contenitore per la griglia */
.form-grid {
  display: grid; /* Usa CSS Grid */
  grid-template-columns: 1fr; /* Default: una colonna per mobile */
  gap: 0 16px; /* Spazio tra colonne (0 per verticale, 16px per orizzontale) */
}

/* Media Query per schermi più larghi (es. > 600px) */
@media (min-width: 600px) {
  .form-grid {
    grid-template-columns: 1fr 1fr; /* Due colonne di uguale larghezza */
  }

  /* Fai in modo che il campo 'notes' occupi entrambe le colonne */
  .form-grid .full-width-field {
    grid-column: 1 / -1; /* Occupa dalla prima all'ultima colonna */
  }
}


/* Opzionale: Rende il contenuto del dialog scrollabile se necessario */
mat-dialog-content {
  max-height: 70vh;
  overflow-y: auto;
}