/* Delete-account page: states and the phone/OTP form, built on styles.css tokens. */
.delete-main { min-height: 72vh; }
.delete-intro { font-size: 14px; line-height: 1.7; margin: 0 0 20px; }
.delete-panel { max-width: 560px; padding: 40px; border: 1px solid var(--line); border-radius: 30px; background: var(--paper); }
.delete-panel > section > p { font-size: 16px; line-height: 1.85; margin-bottom: 24px; }
.delete-panel > section > p:last-child { margin-bottom: 0; }
.delete-panel h2 { font-size: 24px; line-height: 1.4; letter-spacing: -.02em; margin: 0 0 16px; }
.delete-panel a:not(.button) { color: var(--blue); }
.delete-panel label { display: block; font-size: 14px; font-weight: 600; margin-bottom: 10px; }
.phone-field { position: relative; }
.phone-field > span { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); font-size: 14px; color: var(--muted); pointer-events: none; }
.phone-field > input { padding-left: 54px !important; }
.form-error { font-size: 12px; line-height: 1.7; margin: -8px 0 12px; color: #9c3434; }
.delete-alert { padding: 14px 16px; border: 1px solid rgba(156, 52, 52, .25); border-radius: 12px; background: rgba(156, 52, 52, .06); color: #9c3434 !important; font-size: 14px !important; line-height: 1.7 !important; }
.delete-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 4px; }
.delete-panel section > .delete-actions { margin-top: 24px; }
.button--danger { background: #9c3434; border-color: #9c3434; }
.button--danger:hover { box-shadow: 0 8px 18px -12px #9c3434; }
.button--ghost { background: transparent; color: var(--navy); }
.button:disabled { opacity: .6; transform: none; box-shadow: none; }
@media (max-width: 1023px) {
  .delete-panel .city-fields input, .phone-field > span { font-size: 16px; }
}
@media (max-width: 767px) {
  .delete-panel { padding: 28px 23px; border-radius: 24px; }
  .delete-actions .button { flex: 1 1 100%; }
}