.app-dialog { width:min(440px,calc(100% - 32px)); padding:0; color:#29333d; background:transparent; border:0; }
.app-dialog::backdrop { background:rgba(15,20,27,.7); backdrop-filter:blur(3px); }
.app-dialog__panel { padding:28px; background:#fff; border:1px solid #e5e9ef; border-top:5px solid #de9b02; border-radius:18px; box-shadow:0 24px 70px rgba(21,27,35,.3); text-align:start; }
.app-dialog__icon { width:52px; height:52px; display:grid; place-items:center; margin-bottom:16px; color:#704c00; background:#fff6df; border-radius:50%; font-size:26px; font-weight:800; }
.app-dialog--danger .app-dialog__panel { border-top-color:#b42318; }
.app-dialog--danger .app-dialog__icon { color:#b42318; background:#fff1f0; }
.app-dialog h2 { margin:0 0 10px; color:#151b23; }
.app-dialog p { margin:0; color:#68717c; line-height:1.8; white-space:pre-line; }
.app-dialog__actions { display:flex; justify-content:flex-end; gap:10px; margin-top:24px; }
.app-dialog__button { min-height:44px; padding:10px 18px; border-radius:10px; cursor:pointer; font:inherit; font-weight:700; }
.app-dialog__button--cancel { color:#29333d; background:#fff; border:1px solid #d8dde3; }
.app-dialog__button--confirm { color:#151b23; background:#de9b02; border:1px solid #de9b02; }
.app-dialog--danger .app-dialog__button--confirm { color:#fff; background:#b42318; border-color:#b42318; }
@media (max-width:480px) { .app-dialog__panel{padding:24px 18px}.app-dialog__actions{flex-direction:column-reverse}.app-dialog__button{width:100%} }