.action-dialog{box-sizing:border-box;width:min(460px,calc(100% - 32px));max-height:90dvh;margin:auto;padding:32px;border:1px solid #e5ddec;border-radius:24px;background:#fff;color:#302839;font-family:Inter,Arial,sans-serif;text-align:center;overflow:auto;box-shadow:0 24px 80px #25193430}
.action-dialog::backdrop{background:#241a3b80;backdrop-filter:blur(4px)}
.action-dialog-icon{display:grid;place-items:center;width:60px;height:60px;margin:0 auto 20px;border-radius:20px;background:#f0e9f8;color:#7956a2;font-size:30px;font-weight:700}
.action-dialog[data-kind=danger] .action-dialog-icon{background:#fff0f1;color:#a63850}
.action-dialog h2{margin:0 0 16px;font-size:27px;line-height:1.2;letter-spacing:-.025em;font-weight:700}
.action-dialog p{margin:0;font-size:15px;line-height:1.6;color:#6d6475}
.action-dialog-actions{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.action-dialog-actions button{box-sizing:border-box;width:100%;min-height:48px;padding:12px 20px;border:0;border-radius:14px;font:inherit;font-size:16px;font-weight:600;cursor:pointer}
.action-dialog-actions [data-dialog-accept]{background:#7956a2;color:#fff}
.action-dialog-actions [data-dialog-accept]:hover{background:#68478e}
.action-dialog[data-kind=danger] [data-dialog-accept]{background:#a63850}
.action-dialog-actions [data-dialog-cancel]{background:#f5f1f9;color:#665472}
.action-dialog-actions [data-dialog-cancel]:hover{background:#ebe4f3}
.action-dialog button:focus-visible{outline:3px solid #7956a2;outline-offset:3px}
body:has(.action-dialog[open]){overflow:hidden}
@media(max-width:600px){.action-dialog{padding:28px 24px}.action-dialog h2{font-size:24px}}