.account-overview{display:grid;gap:20px}
.account-delete-panel{border-color:#e4d9d1}
.danger-button.small-button{color:#8b4032;background:#fff;border-color:#dec7be}
.danger-button.button{background:#8b4032;color:#fff;border-color:#8b4032}
.danger-button:hover{filter:brightness(.95)}
.account-delete-dialog{box-sizing:border-box;width:calc(100% - 32px);max-width:580px;max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--line);border-radius:20px;padding:28px;color:var(--ink);background:#fff;box-shadow:0 24px 80px #203a3230}
.account-delete-dialog::backdrop{background:#203a3266}
.account-delete-dialog h2{font-size:24px;line-height:1.3;margin:0 0 18px}
.account-delete-dialog p{font-size:14px;line-height:1.7;margin:14px 0;overflow-wrap:anywhere}
.account-delete-dialog .field-note,.deletion-backup-note p{font-size:12px;color:var(--muted)}
.deletion-backup-note{font-size:12px;margin:18px 0}
.deletion-backup-note summary{cursor:pointer;min-height:28px;line-height:1.7}
.account-delete-dialog .check-row{font-size:14px;line-height:1.6;margin:20px 0;align-items:flex-start}
.delete-account-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:24px}
.delete-account-actions button{font-size:13px;min-height:44px;padding:12px 16px;white-space:normal}
#delete-account-message:empty{display:none}
#delete-account-message.error{color:#8b4032}
.account-delete-dialog button:focus-visible,.account-delete-dialog summary:focus-visible{outline:3px solid #72987d;outline-offset:3px}
@media(max-width:480px){.account-delete-dialog{padding:20px}.account-delete-dialog h2{font-size:22px}.delete-account-actions{flex-direction:column}.delete-account-actions button{width:100%}}