/* ============================================================
   RosterDive DS — Page-specific: Register
   ============================================================ */

/* ── Success modal icon ── */
.success-modal__icon {
  display: flex;
  justify-content: center;
  margin-bottom: var(--space-3);
}

.success-modal__icon .material-symbols-outlined {
  font-size: 48px;
  color: var(--color-success);
  font-variation-settings: 'FILL' 1;
}

/* ── Success modal text ── */
.register-modal__title {
  margin: 0 0 var(--space-3);
}

.register-modal__text {
  margin: 0 0 var(--space-6);
  font-size: var(--font-body-large);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

/* ── Hint box (register-invited: "mail persa") ── */
.register-hint {
  margin-top: var(--space-4);
  padding: var(--space-3) var(--space-4);
  background: color-mix(in srgb, var(--color-warning) 8%, transparent);
  border-radius: var(--radius-medium);
  font-size: var(--font-body-medium);
  color: var(--color-warning);
  line-height: var(--line-height-normal);
}

.register-hint strong {
  font-weight: var(--weight-bold);
}

/* ── Gia registrato flow (register-invited) ── */
.register-existing {
  margin-top: var(--space-4);
}

.register-existing__lead {
  margin-bottom: var(--space-3);
}

/* Readonly field: the invited email cannot be edited. */
.register-existing__input {
  background: var(--color-surface-container);
}

.register-existing__button {
  margin-top: var(--space-3);
}

/* ── Loading state ── */
.register-loading {
  text-align: center;
  padding: var(--space-4);
  font-size: var(--font-body-large);
  color: var(--color-text-secondary);
}