.js-doc-gate {
  margin-bottom: 0;
}
/* Checkbox bloccata: feedback visivo, ma resta focalizzabile (aria-disabled, non disabled) */
.js-doc-gate input[type="checkbox"][aria-disabled="true"] {
  opacity: 0.5; /* segnala lo stato "non ancora attivo" */
  cursor: not-allowed; /* feedback al passaggio del mouse */
}

/* Messaggio di aiuto generato dal JS */
.js-doc-gate .doc-gate-msg {
  margin: 0.5em 0 0;
  font-size: 12px;
  color: #966e01; /* ambra scuro: contrasto AA su sfondo bianco */
}

/* Stato sbloccato: il messaggio diventa conferma */
.js-doc-gate.is-unlocked .doc-gate-msg {
  color: #1d6b2f; /* verde scuro, contrasto AA su bianco */
}