/* Persone e posti S15 */

.g-nomina__summary:not([hidden]) {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--s2);
  margin: var(--s4) 0 var(--s5);
  padding: var(--s3) 0;
  border-top: 1px solid var(--bordo);
  border-bottom: 1px solid var(--bordo);
}

.g-nomina__summary-item {
  display: grid;
  gap: var(--s1);
  min-width: 0;
}

.g-nomina__summary-item + .g-nomina__summary-item {
  border-left: 1px solid var(--bordo);
  padding-left: var(--s3);
}

.g-nomina__summary-item strong {
  font-family: var(--mono);
  font-size: var(--fs-25);
  line-height: 1;
}

.g-nomina__summary-item span,
.g-nomina__section-head .g-muted {
  color: var(--ink-muted);
  font-size: var(--fs-13);
}

.g-nomina__section-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--s4);
  margin-bottom: var(--s3);
}

.g-nomina__section-head > * {
  margin: 0;
}

.g-nomina__section-head .g-kicker {
  margin-bottom: var(--s1);
}

.g-nomina .g-block--primary {
  border-color: var(--bordo-input);
}

/* Un blocco con il fondo ha anche il bordo e il respiro: senza, titolo e testo toccavano il
   margine del fondo, come nessun altro riquadro della pagina (lo stesso del dettaglio). */
.g-nomina .g-block--secondary,
.g-nomina .g-block--final {
  background: var(--foglio-2);
  border: 1px solid var(--bordo);
  border-radius: var(--r-card);
  padding: var(--s4);
}

.g-nomina .g-list__item {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--s2);
}

.g-nomina .g-list__item[role="button"] {
  cursor: pointer;
}

@media (hover: hover) {
  .g-nomina .g-list__item[role="button"]:hover {
    border-color: var(--bordo-input);
  }
}

.g-nomina .g-list__item[role="button"]:focus-visible {
  border-color: var(--bordo-input);
  outline: 2px solid var(--arancio);
  outline-offset: 2px;
}

.g-nomina #block-detail {
  border: 1px solid var(--bordo);
  border-radius: var(--r-card);
  padding: var(--s4);
  background: var(--foglio-2);
}

/* Il dettaglio di una persona, nell'ordine in cui si costruisce l'autorità */
.g-nomina__gruppo + .g-nomina__gruppo {
  margin-top: var(--s4);
  padding-top: var(--s3);
  border-top: 1px solid var(--bordo);
}

.g-nomina .g-actions {
  margin-top: var(--s4);
  padding-top: var(--s3);
  border-top: 1px solid var(--bordo);
}

.g-nomina .g-form--inline {
  margin-top: var(--s4);
  max-width: 28rem;
}

/* Un gruppo del dettaglio ha già il suo filetto: le azioni non ne aggiungono un secondo */
.g-nomina .g-nomina__gruppo > .g-actions {
  margin-top: var(--s2);
  padding-top: 0;
  border-top: 0;
}

.g-nomina .g-disclose .g-form--inline {
  margin-top: 0;
}

.g-nomina .g-field input[type="datetime-local"] {
  min-width: 0;
}

.g-nomina .g-field--set {
  display: flex;
  flex-direction: column;
  gap: var(--s1);
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
}

.g-nomina .g-field--set legend {
  color: var(--ink-muted);
  font-weight: 500;
  font-size: var(--fs-13);
  padding: 0;
  margin: 0 0 var(--s1);
}

@media (max-width: 859px) {
  /* Stessa specificità della regola di base (`:not([hidden])`): senza, la griglia restava a tre
     colonne mentre le voci prendevano già il filetto in alto della colonna singola. */
  .g-nomina__summary:not([hidden]) {
    grid-template-columns: 1fr;
  }

  .g-nomina__summary-item + .g-nomina__summary-item {
    border-left: 0;
    padding-left: 0;
    border-top: 1px solid var(--bordo);
    padding-top: var(--s3);
  }
}

@media (max-width: 640px) {
  .g-nomina__section-head {
    display: block;
  }

  .g-nomina__section-head .g-muted {
    margin-top: var(--s1);
  }

  .g-nomina .g-list__item {
    flex-direction: column;
    align-items: stretch;
  }

  .g-nomina .g-form--inline {
    max-width: none;
  }

  .g-nomina #block-detail {
    padding: var(--s3);
  }
}

/* B (2026-08-18): il percorso in cinque passi sotto la lede */
.g-percorso:not([hidden]) {
  margin: var(--s4) 0;
  padding-left: 1.25rem;
  display: grid;
  gap: var(--s2);
}

.g-percorso__passo::marker {
  color: var(--ink-muted);
}

.g-percorso__passo strong {
  display: block;
}

.g-percorso__passo--fatto strong::after {
  content: " · fatto";
  color: var(--ink-muted);
  font-weight: normal;
}

/* Requisiti visibili ma spenti finché non c'è nessuno: mai `hidden` */
.g-block--spento {
  opacity: 0.55;
}

/* Due moduli nello stesso riquadro (crea il posto, poi assegna il titolare) sono due atti: il
   secondo comincia dopo un filetto, non attaccato al pulsante del primo. */
.g-nomina .g-disclose .g-form + .g-form {
  margin-top: var(--s4);
  padding-top: var(--s4);
  border-top: 1px solid var(--bordo);
}