/* Meydit account deletion — the form and destructive-action rules the shared
   public stylesheet does not carry. Everything else is /assets/style.css. */

#request-form { margin: 14px 0 10px; }
label { display: block; font-weight: 600; margin-bottom: 6px; color: var(--text); }
input[type="email"] {
  display: block;
  width: 100%;
  max-width: 26rem;
  padding: 12px 14px;
  font: inherit;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--outline);
  border-radius: 10px;
}
input[type="email"]:focus-visible { outline: 2px solid var(--primary); outline-offset: 1px; }

/* .btn in the shared sheet dresses an <a>; these are real buttons. */
button.btn { border: 0; font: inherit; font-weight: 700; line-height: 1.6; cursor: pointer; }
button.btn[disabled] { opacity: .55; cursor: default; }
button.btn.danger { background: #B3261E; }
button.btn.danger:hover, button.btn.danger:focus-visible { background: #8C1D18; }
button.btn.quiet {
  background: transparent;
  color: var(--text-soft);
  border: 1px solid var(--outline);
  margin-left: 8px;
}
button.btn.quiet:hover, button.btn.quiet:focus-visible { background: var(--surface-alt); }

.danger-note { border-left-color: #B3261E; }
.account { font-size: 17px; }

/* The shared .btn sets display:inline-block, which outranks the user agent's
   [hidden] rule — without this the destructive buttons would be visible
   before the account has been verified. */
[hidden] { display: none !important; }