.app-dialog{position:fixed;inset:0;margin:auto;width:calc(100% - 32px);max-width:440px;max-height:calc(100dvh - 32px);overflow-y:auto;padding:0;border:1px solid var(--ng-line);border-radius:24px;background:var(--ng-surface);color:var(--ng-ink);box-shadow:0 24px 90px #02061740;overscroll-behavior:contain}
.app-dialog::backdrop{background:rgb(15 23 42 / .55);backdrop-filter:blur(5px)}
.app-dialog-content{padding:28px}
.app-dialog-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:18px;border-radius:14px;background:#ecfdf5;color:#047857;font-size:24px;font-weight:700;font-family:'Space Grotesk',sans-serif}
.app-dialog-title{font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:700;letter-spacing:-.03em;line-height:1.3}
.app-dialog-message{margin-top:12px;color:var(--ng-muted);font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}
.app-dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:24px}
.app-dialog-actions button{min-width:96px}
.app-dialog-actions button:disabled{opacity:.5;cursor:not-allowed}
.app-dialog-actions [hidden]{display:none!important}
.app-dialog-actions .app-dialog-danger{background:#b91c1c!important;color:#fff!important}
.app-dialog-actions .app-dialog-danger:hover{background:#991b1b!important}
html.dark .app-dialog::backdrop{background:rgb(2 6 23 / .7)}
html.dark .app-dialog-icon{background:#12382e;color:#6ee7b7}
@media(max-width:380px){.app-dialog-content{padding:24px}.app-dialog-actions>button{flex:1}}
@media print{.app-dialog{display:none!important}}
