/* =============================================================================
   UMD India Alumni — Edit Profile (registered email + OTP, then edit form).
   Scoped under .umd-alumni so it shares --umd-red/.fi/.fs/.btn-cta with the
   main registration form and never collides with the theme.
   ============================================================================= */

.umd-alumni.umd-pe-edit,
.umd-alumni .umd-pe-edit {
  max-width: 560px; margin: 0 auto 40px; padding: 28px 30px;
  background: #fff; border: 1px solid var(--hairline-lilac, #E4E2F0);
  border-radius: var(--r-lg, 14px); box-shadow: var(--shadow-md, 0 2px 16px rgba(0,0,0,.07));
}
.umd-pe-title { font-size: 20px; font-weight: 700; margin: 0 0 10px; color: var(--ink, #17181C); }
.umd-pe-note { font-size: 14px; color: var(--muted, #6D6F79); margin: 0 0 18px; line-height: 1.55; }

/* Only the active stage shows. */
.umd-pe-edit .umd-pe-stage { display: none; }
.umd-pe-edit[data-stage="1"] .umd-pe-stage-1,
.umd-pe-edit[data-stage="2"] .umd-pe-stage-2,
.umd-pe-edit[data-stage="3"] .umd-pe-stage-3 { display: block; }

.umd-pe-error {
  background: #FDECEE; border: 1px solid #F8C7CE; color: #9A0F1F;
  border-radius: var(--r-md, 10px); padding: 10px 14px; font-size: 13px; margin-bottom: 12px;
}

.umd-pe-otp-input {
  letter-spacing: .4em; font-weight: 700; text-align: center; font-size: 18px;
}

.umd-pe-link-btn {
  background: none; border: none; padding: 0;
  color: var(--umd-red, #E21833); font-family: var(--font-sans);
  font-size: 13.5px; font-weight: 700; cursor: pointer; text-decoration: underline;
  text-underline-offset: 3px;
}
.umd-pe-link-btn:disabled { color: var(--muted, #6D6F79); cursor: default; text-decoration: none; }

.umd-pe-stage2-links { display: flex; justify-content: space-between; margin-top: 14px; }

.umd-pe-edit .fi:disabled { background: var(--surface-1, #FDFBFE); color: var(--muted, #6D6F79); }

.umd-pe-actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 18px; }
.umd-pe-actions .btn-cta { width: auto; flex: 1; padding: 0 28px; }

@media (max-width: 700px) {
  .umd-alumni.umd-pe-edit,
  .umd-alumni .umd-pe-edit { padding: 22px 18px; }
}