/* ============================================================
   modifica_immersione.css — Stili specifici per la pagina
   ============================================================
   La pagina riusa il form condiviso con new_dive
   (new_dive_template.js#renderDiveFormBody), quindi layout, campi,
   fieldset, azioni e modali sono già coperti dal DS (form-container,
   form-field, fieldset, button, modal, searchable-list, ...).
   Qui restano SOLO gli stili esclusivi di questa pagina.
   Token: css/tokens.css (Design Tokens v3.0).
   ============================================================ */

/* ---------- Campi certificati congelati (in vidimazione / vidimata) ----------
   Lo stato di lock è aggiunto a runtime da modifica_immersione.js:
   - classe .form-field--locked su .form-field (icona lucchetto sulla label)
   - disabled sui controlli (input e select), con aria-disabled.
   Nel form condiviso le select usano .form-field__input, non .form-field__select. */
.form-field--locked .form-field__label::after {
  content: "lock";
  font-family: "Material Symbols Outlined", sans-serif;
  font-size: var(--font-body-medium);
  color: var(--color-text-secondary);
  margin-left: var(--space-1);
  vertical-align: middle;
}

.form-field--locked .form-field__input:disabled {
  background: var(--color-surface-container);
  color: var(--color-text-secondary);
  cursor: not-allowed;
}