.deletion-form { display: grid; gap: 16px; }
.deletion-form label { display: grid; gap: 8px; }
.deletion-form input:not([type="checkbox"]), .deletion-form textarea, #receipt-link {
  width: 100%; min-width: 0; padding: 12px; border: 1px solid var(--border);
  border-radius: 10px; background: var(--surface); color: var(--ink-950); font: inherit;
}
.deletion-form .deletion-consent { display: flex; align-items: flex-start; gap: 12px; }
.deletion-consent input { width: 22px; height: 22px; flex: 0 0 22px; margin-top: 4px; }
.deletion-row { display: flex; gap: 12px; flex-wrap: wrap; }
.deletion-row > label { flex: 1 1 160px; }
.deletion-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 16px; }
.deletion-button { padding: 12px 20px; border: 1px solid var(--teal-700); border-radius: 12px;
  background: var(--teal-700); color: #fff; font: inherit; cursor: pointer; }
.deletion-button.secondary { background: var(--surface); color: var(--teal-700); }
.deletion-button:disabled { opacity: .5; cursor: wait; }
.deletion-form [hidden], [data-deletion-app] [hidden] { display: none !important; }
#deletion-message { white-space: pre-wrap; overflow-wrap: anywhere; }
#receipt-reference, #receipt-link { direction: ltr; overflow-wrap: anywhere; }