#appDialog{box-sizing:border-box;width:calc(100% - 32px);max-width:420px;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #e3ebec;border-radius:22px;background:#fff;color:#213c40;color-scheme:light;box-shadow:0 24px 80px #16383a30;overflow:auto;font-family:inherit;text-align:left;}
#appDialog::backdrop{background:rgb(19 39 43 / .48);}
#appDialog .app-dialog-top{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;}
#appDialog .app-dialog-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #d4e8e2;border-radius:15px;background:#edf7f3;color:#247563;font-size:25px;font-weight:700;}
#appDialog.app-dialog--delete .app-dialog-icon{background:#fff1f1;border-color:#f3d8d8;color:#bb4551;}
#appDialog .app-dialog-close{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:12px;background:#f4f8f7;color:#68827d;font-size:26px;line-height:1;}
#appDialog .app-dialog-body{padding:18px 24px 0;}
#appDialog h2{margin:0;font-size:21px;font-weight:750;line-height:1.45;letter-spacing:-.5px;}
#appDialog p{margin:12px 0 0;font-size:14px;line-height:1.8;color:#5d7478;white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;}
#appDialog .app-dialog-actions{display:flex;gap:10px;padding:22px 24px 24px;}
#appDialog .app-dialog-actions button{flex:1;min-width:0;min-height:44px;padding:10px 14px;border:1px solid #dbe6e5;border-radius:11px;background:#fff;color:#385b5b;font-family:inherit;font-size:14px;font-weight:650;line-height:1.5;cursor:pointer;}
#appDialog .app-dialog-actions [data-answer=ok]{background:#187b70;border-color:#187b70;color:#fff;}
#appDialog.app-dialog--delete .app-dialog-actions [data-answer=ok]{background:#b74451;border-color:#b74451;}
#appDialog button:hover{filter:brightness(.96);}
#appDialog button:focus-visible{outline:3px solid #71aa98;outline-offset:3px;}
#appDialog [hidden]{display:none!important;}
@media(max-width:400px){#appDialog .app-dialog-top{padding:20px 20px 0}#appDialog .app-dialog-body{padding:16px 20px 0}#appDialog .app-dialog-actions{padding:20px;gap:8px}}
@media(max-height:450px){#appDialog .app-dialog-top{padding-top:12px}#appDialog .app-dialog-icon{width:36px;height:36px}#appDialog .app-dialog-body{padding-top:10px}#appDialog .app-dialog-actions{padding-top:12px;padding-bottom:12px}}