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

/* Titoli separatori */
.form-grid h3 {
    grid-column: 1 / -1;
    margin-top: 20px;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0,0,0,0.12);
    padding-bottom: 5px;
    font-size: 1em;
    font-weight: 500;
}
.form-grid h3:first-of-type {
    margin-top: 0; /* Rimuovi margine sopra il primo titolo */
}


/* 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 */
  }
   /* Fai occupare tutta la larghezza ai campi che devono stare da soli */
   .form-grid mat-form-field:has(textarea),
   .form-grid > div.full-width-field, /* Div con checkbox */
   .form-grid h3 /* Titoli separatori */
    {
       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;
  overflow-y: auto;
}