.deletion-container { max-width:48rem; }
.deletion-container h1 { font-size:clamp(2.5rem,7vw,4.5rem); }
#deletion-form { margin-block-start:2rem; }
#deletion-fields { min-width:0; margin:0; padding:clamp(1rem,4vw,2rem); border:1px solid var(--color-divider); border-radius:var(--radius); }
#deletion-fields legend { padding-inline:.5rem; color:var(--color-gold); }
#deletion-fields label { display:block; margin-block-end:.4rem; font-weight:600; }
#deletion-fields input { display:block; width:100%; min-height:3rem; padding:.65rem .8rem; border:1px solid var(--color-divider); border-radius:.4rem; background:var(--color-bg-deep); color:var(--color-text); font:inherit; }
#deletion-fields input:focus-visible,.deletion-status:focus-visible { outline:3px solid var(--color-gold); outline-offset:4px; }
.field-help { margin-block:.5rem 1.5rem; color:var(--color-text-muted); font-size:.9rem; }
.deletion-status { margin-block-start:2rem; padding:1.5rem; border:1px solid var(--color-gold); border-radius:var(--radius); }
.deletion-status h2,#deletion-dialog h2 { font-size:clamp(1.8rem,4vw,2.5rem); }
.deletion-status p { margin:0; white-space:pre-line; }
#deletion-dialog { width:min(36rem,calc(100% - 2rem)); max-height:calc(100dvh - 2rem); padding:clamp(1.25rem,4vw,2rem); overflow-y:auto; border:1px solid var(--color-gold); border-radius:var(--radius); background:var(--color-bg); color:var(--color-text); box-shadow:var(--shadow-soft); }
#deletion-dialog::backdrop { background:rgba(0,0,0,.75); }
.deletion-actions { display:flex; flex-wrap:wrap; gap:1rem; }
.deletion-actions button { flex:1 1 auto; }
#confirm-deletion { background:var(--color-gold); color:var(--color-bg-deep); }
#deletion-fields:disabled,#delete-button:disabled { opacity:.65; }
@media (max-width:600px) { .deletion-actions { flex-direction:column; } }