[hidden] { display: none !important; }
.deletion-card { padding: 20px; border: 1px solid #b48a4d; background: #fff9eb; margin: 24px 0; }
.deletion-card h2 { margin-top: 0; }
.actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 18px; }
button { font: inherit; font-weight: 700; border: 1px solid #785a3d; border-radius: 6px; padding: 13px 18px; min-height: 48px; background: #fff9eb; color: #34241f; cursor: pointer; }
button.primary { background: #634326; color: white; }
button.danger { background: #9e2828; color: white; border-color: #9e2828; }
button:disabled { opacity: .55; cursor: default; }
button:focus-visible, a:focus-visible, input:focus-visible { outline: 3px solid #34241f; outline-offset: 3px; }
input[type=checkbox] { accent-color: #634326; width: 20px; height: 20px; flex: 0 0 auto; }
.acknowledge { display: flex; align-items: flex-start; gap: 10px; line-height: 1.7; }
.account-email { overflow-wrap: anywhere; font-weight: 700; }
#status { min-height: 1.8em; overflow-wrap: anywhere; }
#status[data-error=true] { color: #9e2828; font-weight: 700; }
dialog { width: min(460px, calc(100% - 32px)); max-height: calc(100dvh - 32px); overflow: auto; box-sizing: border-box; border: 2px solid #b48a4d; background: #fff9eb; color: #34241f; padding: 24px; }
dialog::backdrop { background: #0009; }
dialog h2 { margin-top: 0; }
.deletion-card a { color: #634326; }
@media (max-width: 400px) { .actions { flex-direction: column; } .actions button { width: 100%; } .deletion-card { padding: 16px; } }