.account-deletion-panel { margin-top:16px; }
.account-deletion-row { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; }
.account-deletion-row h3 { margin:0; }
.account-deletion-small { font-size:12px; padding:6px 12px; color:var(--danger,#b32636); min-height:44px; }
.account-deletion-panel p { font-size:12px; margin-top:8px; }
.account-deletion-dialog { box-sizing:border-box; width:min(620px,calc(100vw - 24px)); max-height:calc(100dvh - 32px); padding:0; border:1px solid #d9dce5; border-radius:16px; color:var(--text,#222638); background:var(--panel,#fff); overflow:auto; }
.account-deletion-dialog::backdrop { background:rgb(12 16 35 / 60%); }
.account-deletion-dialog-body { padding:24px; overflow-wrap:anywhere; }
.account-deletion-dialog h2 { margin-top:0; font-size:22px; }
.account-deletion-dialog p { line-height:1.55; font-size:14px; }
.account-deletion-dialog form { display:grid; gap:14px; }
.account-deletion-dialog label:not(.account-deletion-ack) { display:grid; gap:6px; font-size:14px; }
.account-deletion-dialog input:not([type=checkbox]),.account-deletion-dialog select,.account-deletion-dialog textarea { box-sizing:border-box; width:100%; max-width:100%; min-width:0; min-height:44px; padding:10px; border:1px solid #9da4b6; border-radius:8px; font:inherit; color:inherit; background:var(--panel,#fff); }
.account-deletion-dialog .account-deletion-ack { display:flex; align-items:flex-start; gap:10px; font-size:14px; line-height:1.5; }
.account-deletion-dialog .account-deletion-ack input[type="checkbox"] { appearance:auto !important; -webkit-appearance:auto !important; accent-color:#5548cc; flex:0 0 auto; width:20px; height:20px; margin-top:2px; padding:0 !important; border:initial !important; border-radius:3px !important; background:initial !important; color:initial !important; box-shadow:none !important; }
.account-deletion-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }
.account-deletion-dialog button { min-height:44px; white-space:normal; }
.account-deletion-dialog .account-deletion-submit { background:#b32636; color:#fff; }
.account-deletion-error { color:#b32636; }
.account-deletion-dialog :focus-visible,.account-deletion-small:focus-visible { outline:3px solid #6a63ff; outline-offset:3px; }
.account-deletion-record { padding:16px 0; border-top:1px solid var(--border,#d9dce5); overflow-wrap:anywhere; }
@media(max-width:480px) { .account-deletion-dialog-body { padding:16px; } .account-deletion-actions>* { flex:1 1 100%; } }

/* Account-closure flow only: shared signup/history dialogs keep their layout. */
.account-deletion-dialog--closure { width:min(640px,calc(100vw - 32px)); border:1px solid var(--border,#e2e5ed); border-radius:18px; box-shadow:0 28px 90px rgb(15 23 42 / 24%); }
.account-deletion-dialog--closure::backdrop { background:rgb(15 23 42 / 48%); backdrop-filter:blur(3px); }
.account-deletion-dialog--closure .account-deletion-dialog-body { padding:0; }
.account-deletion-dialog--closure .account-deletion-header { display:flex; align-items:center; gap:14px; padding:26px 28px 20px; }
.account-deletion-dialog--closure .account-deletion-heading-icon { display:grid; place-items:center; flex:0 0 48px; width:48px; height:48px; border:1px solid #f2d8dd; border-radius:14px; background:#fff3f4; color:#b42335; }
.account-deletion-heading-icon svg { width:24px; height:24px; }
.account-deletion-dialog--closure .account-deletion-eyebrow { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:0 0 5px; color:var(--muted,#647084); font-size:11px; font-weight:600; letter-spacing:.04em; }
.account-deletion-eyebrow span { border-left:1px solid var(--border,#dfe3ec); padding-left:10px; font-weight:400; letter-spacing:0; }
.account-deletion-dialog--closure h2 { margin:0; font-size:24px; line-height:1.25; letter-spacing:-.025em; }
.account-deletion-dialog--closure [data-deletion-content] { padding:0 28px 22px; }
.account-deletion-dialog--closure p { margin:0 0 14px; line-height:1.6; font-size:13px; }
.account-deletion-dialog--closure .account-deletion-intro { font-size:14px; color:var(--muted,#596579); margin-bottom:18px; }
.account-deletion-dialog--closure .account-deletion-warning { display:grid; gap:3px; margin-bottom:22px; padding:13px 16px; border:1px solid #f2d8dd; border-radius:10px; background:#fff7f7; color:#8f2536; font-size:13px; line-height:1.5; }
.account-deletion-dialog--closure .account-deletion-warning strong { font-weight:650; }
.account-deletion-dialog--closure h3 { margin:0 0 10px; font-size:13px; line-height:1.4; font-weight:650; }
.account-deletion-scope ul { display:grid; grid-template-columns:1fr 1fr; gap:10px 18px; padding:0; margin:0 0 22px; list-style:none; }
.account-deletion-scope li { display:flex; align-items:baseline; gap:9px; font-size:13px; line-height:1.4; }
.account-deletion-scope li::before { content:""; flex:0 0 5px; width:5px; height:5px; border-radius:50%; background:var(--muted,#8590a3); }
.account-deletion-process p { color:var(--muted,#596579); margin-bottom:18px; }
.account-deletion-dialog--closure .account-deletion-retention { margin:0; border:1px solid var(--border,#e2e5ed); border-radius:10px; background:var(--panel,#fff); }
.account-deletion-dialog--closure .account-deletion-retention summary { cursor:pointer; padding:13px 15px; font-size:13px; font-weight:600; line-height:1.5; }
.account-deletion-retention[open] summary { border-bottom:1px solid var(--border,#e2e5ed); }
.account-deletion-retention > div { padding:14px 15px 2px; color:var(--muted,#596579); }
.account-deletion-retention a { color:var(--accent,#5b50d6); text-underline-offset:3px; }
.account-deletion-dialog--closure .account-deletion-actions { position:sticky; bottom:0; display:flex; align-items:center; justify-content:space-between; flex-wrap:nowrap; gap:12px; margin:0; padding:18px 28px; border-top:1px solid var(--border,#e2e5ed); background:var(--panel,#fff); z-index:1; }
.account-deletion-dialog--closure .account-deletion-actions > .btn { width:auto; flex:0 1 auto; min-height:44px; padding:10px 16px; margin:0; border-radius:9px; font-size:13px; line-height:1.4; font-weight:600; box-shadow:none; }
.account-deletion-dialog--closure .account-deletion-cancel { border:1px solid var(--border,#dce1ea); color:var(--text,#283246); background:var(--panel,#fff); }
.account-deletion-dialog--closure .account-deletion-primary { display:inline-flex; gap:10px; background:#5b50d6; color:#fff; border:1px solid #5b50d6; }
.account-deletion-dialog--closure .account-deletion-submit { background:#b42335; border:1px solid #b42335; color:#fff; }
.account-deletion-dialog--closure .account-deletion-error { margin:0; padding:0 28px 18px; font-size:13px; }
.account-deletion-dialog--closure .account-deletion-error:empty { display:none; }
.account-deletion-dialog--closure form { margin-top:20px; gap:15px; }
.account-deletion-dialog--closure label:not(.account-deletion-ack) { font-size:12px; font-weight:600; }
.account-deletion-dialog--closure input:not([type=checkbox]),.account-deletion-dialog--closure select,.account-deletion-dialog--closure textarea { font-size:14px; font-weight:400; border-color:var(--border,#dce1ea); border-radius:9px; padding:11px 12px; }
.account-deletion-credentials { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; }
.account-deletion-dialog--closure .account-deletion-ack { padding:12px; border:1px solid var(--border,#e2e5ed); border-radius:9px; font-size:12px; }
.account-deletion-dialog--closure .account-deletion-form-note { margin:0; font-size:12px; color:var(--muted,#647084); }
@media(max-width:480px) {
 .account-deletion-dialog--closure { width:calc(100vw - 24px); max-height:calc(100dvh - 24px); border-radius:15px; }
 .account-deletion-dialog--closure .account-deletion-header { padding:20px 20px 18px; gap:12px; }
 .account-deletion-dialog--closure h2 { font-size:22px; }
 .account-deletion-dialog--closure [data-deletion-content] { padding:0 20px 20px; }
 .account-deletion-scope ul { gap:10px 12px; }
 .account-deletion-dialog--closure .account-deletion-actions { padding:14px 20px; flex-direction:column-reverse; gap:9px; }
 .account-deletion-dialog--closure .account-deletion-actions > .btn { width:100%; flex:0 0 auto; }
 .account-deletion-credentials { grid-template-columns:minmax(0,1fr); gap:15px; }
 .account-deletion-dialog--closure .account-deletion-error { padding:0 20px 16px; }
}