/* flowlog.pfkfks.org/account/delete/ — layered on /flowlog.css. */
.account-delete { max-width: 760px; padding: 48px 0 80px; }
.account-delete h1 { font-size: clamp(30px, 6vw, 44px); margin-bottom: 16px; }
.account-delete .lead-text { color: var(--body); line-height: 1.7; font-size: 17px; }

.ad-card {
  margin-top: 24px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
  box-shadow: 0 9px 22px rgba(36, 37, 62, 0.05);
}
.ad-card h2 { margin: 0 0 8px; font-size: 18px; }
.ad-card h2 + ul { margin-bottom: 20px; }
.ad-card ul:last-child { margin-bottom: 0; }
.ad-card ul { padding-left: 20px; margin: 0; }
.ad-card li, .ad-card p { color: var(--body); line-height: 1.7; }

.ad-status [data-message] { margin: 0 0 16px; font-weight: 680; color: var(--ink); }
.ad-status [data-message].is-error { color: #b42318; }
.ad-status [data-message] .ad-days { color: #b42318; }

.button.danger {
  border-color: transparent;
  background: #c4322a;
  color: #fff;
}
.button:disabled { opacity: 0.5; cursor: not-allowed; }
.button { cursor: pointer; font-family: inherit; }

.ad-confirm { display: grid; gap: 12px; margin-top: 4px; }
.ad-confirm label { color: var(--body); line-height: 1.6; }
.ad-confirm input {
  min-height: 48px;
  padding: 0 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  font: inherit;
  font-size: 17px;
}
.ad-confirm input:focus-visible { outline: 2px solid var(--purple); outline-offset: 1px; }
.ad-actions { display: flex; flex-wrap: wrap; gap: 12px; }

.ad-account {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 14px;
  overflow-wrap: anywhere;
}
.link-button {
  padding: 4px 0;
  border: 0;
  background: none;
  color: var(--blue);
  font: inherit;
  text-decoration: underline;
  cursor: pointer;
}

@media (max-width: 700px) {
  .account-delete { padding-top: 28px; }
  .ad-card { padding: 18px 16px; }
  .ad-actions .button { width: 100%; }
}