/* Eccezioni S09 — list + detail (shared list/dl in ui.css) */

.g-eccezioni .g-list__item {
  flex-direction: column;
  align-items: stretch;
  gap: var(--s1);
}

/* The row's own «Apri», not the `.g-btn` decisions a row of «Effetti da verificare» carries
   («È uscito», «Riprova»): those are buttons of the component and keep its look. */
.g-eccezioni .g-list__item > button:not(.g-btn) {
  text-align: left;
  color: var(--ink);
  font-weight: 600;
  font-size: var(--fs-15);
}

@media (hover: hover) {
  .g-eccezioni .g-list__item > button:not(.g-btn):hover {
    color: var(--verde);
  }
}

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

.g-eccezioni #btn-back-list {
  margin-top: var(--s3);
}

@media (max-width: 640px) {
  .g-eccezioni #block-detail {
    padding: var(--s3);
  }

  .g-eccezioni .g-list__item > button:not(.g-btn) {
    min-height: var(--touch-min);
    width: 100%;
  }
}

/* The list's second group: it starts where the first one ends, not flush against it. */
.g-eccezioni__group {
  margin-top: var(--s5);
}