/* ============================================================
   DiveLog DS — Page: Gestione Corsi
   Stili specifici non coperti dai componenti DS.
   DS components usati: splash-bg, splash-page, button, card,
                         inline-header, alert, modal, datatable,
                         toolbar, icon-button, badge, page-header,
                         topbar, hamburger, drawer, menu-group,
                         back-link, section-header, form-field,
                         filters-bar, toast
   Token: css/tokens.css
   Shared: css/auth.css (auth-main)
   ============================================================ */

/* ── Back link posizionamento ── */
.gestione-corsi__back {
  margin-top: var(--space-3);
}

/* ── Iscritti count inline ── */
.corso-num-iscritti {
  font-size: var(--font-body-medium);
  color: var(--color-text-secondary);
  margin-left: var(--space-2);
}

/* ── Sub-table iscritti ── */
.iscritti-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: var(--space-3);
  font-size: var(--font-body-medium);
}

.iscritti-table th {
  text-align: left;
  padding: var(--space-2) var(--space-3);
  background: var(--color-surface);
  color: var(--color-text-secondary);
  font-weight: var(--weight-medium);
  border-bottom: 1px solid var(--color-border);
}

.iscritti-table td {
  padding: var(--space-2) var(--space-3);
  border-bottom: 1px solid var(--color-border);
  color: var(--color-text-primary);
  vertical-align: middle;
}

/* ── Costo (prezzo) cell ── */
.costo {
  white-space: nowrap;
}

/* ── Icone inline nei dettagli ── */
.icon--iscritto {
  font-size: 1rem;
  vertical-align: middle;
  margin-right: var(--space-1);
  color: var(--color-text-secondary);
}

.icon--sollecito {
  color: var(--color-primary);
}

.icon--cyan {
  color: var(--color-primary);
}

/* ── Istruttore view ── */
.istruttore-view .btn-admin-only {
  display: none;
}

/* ── Empty state nella tabella corsi ── */
.nessuna-immersione {
  text-align: center;
  padding: var(--space-8) var(--space-4);
  color: var(--color-text-secondary);
  font-size: var(--font-body-large);
}

.nessuna-immersione .material-symbols-outlined {
  font-size: 2rem;
  display: block;
  margin-bottom: var(--space-2);
}

.nessun-iscritto {
  text-align: center;
  padding: var(--space-4);
  color: var(--color-text-secondary);
  font-size: var(--font-body-medium);
  font-style: italic;
}

/* ── Responsive ── */
@media (max-width: 599px) {
  .iscritti-table th,
  .iscritti-table td {
    padding: var(--space-2);
    font-size: 0.8125rem;
  }
}