/* ===========================================================================
   Delete your account (delete-account.php). Loaded only there, through
   $extra_css. The form fields reuse the contact form's look.
   =========================================================================== */

.del-page { max-width: 680px; margin-bottom: 64px; }

.del-rules h3 { font-size: 15.5px; margin: 18px 0 8px; color: var(--ink); }
.del-rules h3:first-child { margin-top: 0; }
.del-rules ul { margin: 0 0 4px 20px; font-size: 14px; color: var(--ink-2); }
.del-rules li { margin-bottom: 5px; line-height: 1.55; }

.del-alert { padding: 12px 14px; border-radius: var(--radius-sm); margin-bottom: 16px; font-size: 14px; }
.del-alert ul { margin: 8px 0 8px 18px; }
.del-alert a { font-weight: 600; text-decoration: underline; }
.del-info { padding: 12px 14px; border-radius: var(--radius-sm); margin-bottom: 16px; font-size: 14px;
            background: var(--bg-tint); color: var(--sidebar); }

.del-otp { text-align: center; font-size: 22px !important; font-weight: 800; letter-spacing: .4em; }

.del-who { font-size: 14.5px; color: var(--ink); margin-bottom: 10px; }
.del-counts { margin: 0 0 16px 20px; font-size: 14px; color: var(--ink-2); }
.del-counts li { margin-bottom: 4px; }

.del-warning {
  margin-bottom: 18px; padding: 14px 16px; border-radius: var(--radius-sm);
  background: #fdf1ef; border: 1.5px solid #f3c9c3; color: #7f1d1d;
  font-size: 14px; line-height: 1.6;
}
.del-warning strong { display: block; font-size: 15.5px; margin-bottom: 4px; }

.del-check { display: flex !important; gap: 10px; align-items: flex-start; font-weight: 600 !important;
             font-size: 13.5px !important; line-height: 1.5; cursor: pointer; }
.del-check input { width: 18px !important; height: 18px; flex: none; margin-top: 2px; padding: 0 !important; }

.del-danger { background: #b91c1c; color: #fff; }
.del-danger:hover { background: #991b1b; }

.del-restart { margin-top: 12px; text-align: center; }
.del-restart button { background: none; border: 0; padding: 6px 0; font: inherit; font-size: 14px;
                      font-weight: 600; color: var(--brand); text-decoration: underline; cursor: pointer; }

.del-foot { margin-top: 18px; text-align: center; font-size: 13px; color: var(--muted); }
.del-foot a { color: var(--brand); font-weight: 600; }