#deletion-form { display: grid; gap: 12px; margin: 24px 0; }
#deletion-form[hidden], [hidden] { display: none !important; }
#deletion-form input { padding: 12px; font: inherit; max-width: 100%; }
#deletion-final-submit { background: #9c2430; color: white; }
#deletion-final { margin: 24px 0; padding: 20px; border: 2px solid #9c2430; border-radius: 8px; }
#deletion-account { overflow-wrap: anywhere; }
.deletion-warning { margin: 20px 0; padding: 20px; border: 2px solid #9c2430; border-left-width: 6px; border-radius: 8px; background: #fff1f2; color: #701b25; }
.deletion-warning h2, .deletion-warning h3 { margin: 0 0 12px; color: inherit; font-size: 1.3rem; font-weight: 800; line-height: 1.35; }
.deletion-warning p { margin: 0; color: inherit; font-size: 1rem; line-height: 1.6; }
#deletion-error { color: #9c2430; }
button { margin: 8px 8px 8px 0; padding: 12px 16px; cursor: pointer; font: inherit; border-radius: 8px; }
button:disabled { opacity: .5; cursor: default; }
button:focus-visible, input:focus-visible, a:focus-visible { outline: 3px solid #1565c0; outline-offset: 3px; }
#deletion-status { overflow-wrap: anywhere; }

#deletion-progress { list-style: none; padding: 0; margin: 16px 0; }
#deletion-progress li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 16px; padding: 12px; margin: 6px 0; border: 1px solid #cbdadb; border-radius: 8px; }
#deletion-progress li[data-state="done"] { background: #eef8f4; }
#deletion-progress li[data-state="active"] { border: 2px solid #246d6e; background: #eef8fa; }
#deletion-progress strong { font-size: .9rem; }
#deletion-progress small { flex-basis: 100%; }
#deletion-updated { font-size: .85rem; }