/* ==========================================================================
new_organization.css — Page-specific styles
Solo stili non coperti dai componenti DS.
DS components usati: inline-header, alert, form-field, fieldset, button,
modal, loading-state
Token: css/tokens.css (Design Tokens v3.0)

FIX 2026-08-02:
- Rimossa classe .hidden (duplicata, il DS usa l'attributo nativo [hidden] 
  definito in reset.css).
- Sostituito font-size: 48px hardcoded con var(--font-display-large).

FIX 2026-10-18 (issue #155):
- Icona di successo: tipografia e colore dalla variante DS
  .modal__icon--success (ds/components/modal.css); qui resta solo il
  layout (block + margine).
- Opzioni tipo organizzazione: wrapper .new-org__type-options per il
  layout delle checkbox DS .form-check* (componente Checkbox non
  implementato: lo stile del controllo resta nel DS).
========================================================================== */

/* FIX 2026-08-02: RIMOSSO .hidden — usare element.hidden = true/false */

.new-org__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-top: var(--space-4);
}

.new-org__reinvio-stato {
  font-size: var(--font-body-medium);
  color: var(--color-success);
  margin-bottom: var(--space-3);
  min-height: 1.2em;
}

.new-org__reinvio-stato--error {
  color: var(--color-error);
}

/* ── Opzioni tipo organizzazione (checkbox DS .form-check*) ── */
.new-org__type-options {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-1);
}

/* ── Modale di successo: icona centrata ── */
.new-org__success-body {
  text-align: center;
  padding: var(--space-6) var(--space-4);
}

/* Tipografia e colore arrivano dalla variante DS .modal__icon--success;
   qui resta solo il layout dell'icona nel body del modale. */
.new-org__success-icon {
  margin-bottom: var(--space-3);
  display: block;
}

/* ==========================================================================
RESPONSIVE — Mobile
========================================================================== */
@media (max-width: 599px) {
  .new-org__actions {
    flex-direction: column;
  }
  .new-org__actions .button {
    width: 100%;
  }
}