.app-dialog-backdrop{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px;background:rgba(7,22,36,.48);backdrop-filter:blur(3px)}
.app-dialog{width:min(460px,100%);max-height:calc(100dvh - 40px);overflow:auto;background:#fff;border:1px solid #d5e3e9;border-radius:8px;box-shadow:0 20px 70px #0003;padding:24px;color:#153c51;box-sizing:border-box}
.app-dialog header{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;text-align:start}
.app-dialog h2{font-size:19px;line-height:1.35;margin:0;letter-spacing:0}
.app-dialog-symbol{display:grid;place-items:center;width:38px;height:38px;flex:none;background:#e7f6f7;color:#008b96;border-radius:6px}
.app-dialog-symbol svg{width:22px;height:22px}
.app-dialog p{font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin:18px 0 24px}
.app-dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:16px;border-top:1px solid #e1eaf0}
.app-dialog-actions button{font-size:14px;min-height:38px;min-width:86px;padding:8px 16px;border-radius:6px}
.app-dialog-input{display:grid;gap:6px;font-size:13px;margin-bottom:20px}
.app-dialog [hidden]{display:none!important}
.app-dialog button:focus-visible,.app-dialog input:focus-visible{outline:3px solid #008b96;outline-offset:3px}
@media(max-width:480px){.app-dialog-backdrop{padding:14px}.app-dialog{padding:20px;max-height:calc(100dvh - 28px)}}