/* 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;
}

/* Media Query per schermi più larghi */
@media (min-width: 600px) {
  .form-grid {
    grid-template-columns: 1fr 1fr; /* Due colonne */
  }
   /* Fai occupare tutta la larghezza ai campi che devono stare da soli */
   .form-grid mat-form-field:has(textarea), /* Textarea */
   .form-grid > div.full-width-field /* Div con checkbox */
    {
       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: 75vh; /* Un po' più alto per form più lunghi */
  overflow-y: auto;
}

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