/* Contenitore per la griglia */
.form-grid {
  display: grid;
  grid-template-columns: 1fr; /* Default: una colonna */
  gap: 0 16px; /* Spazio tra colonne */
}

/* Campi a larghezza piena */
.form-grid .full-width-field {
  grid-column: 1 / -1;
  margin-top: 10px;
}

/* Stile per checkbox */
.form-grid mat-checkbox {
    margin-bottom: 10px;
}

/* Media Query per schermi più larghi */
@media (min-width: 600px) {
  .form-grid {
    grid-template-columns: 1fr 1fr; /* Due colonne */
  }
   /* Il campo nome occupa entrambe le colonne */
   .form-grid mat-form-field:first-child {
       grid-column: 1 / -1;
   }
}

/* Stili generali per i campi */
mat-form-field {
  width: 100%;
  margin-bottom: 10px;
}

/* Contenuto dialog scrollabile */
mat-dialog-content {
  max-height: 70vh;
  overflow-y: auto;
}

/* Stile per errore validatore custom */
mat-dialog-content > mat-error {
    margin-bottom: 15px;
    display: block; /* Assicura che occupi spazio */
}