.app-dialog{color:#253c36;overscroll-behavior:none;background:#fff;border:1px solid #e2e8de;border-radius:20px;width:min(480px,100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:hidden;box-shadow:0 24px 80px #102b3040}.app-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#172e2a70}.app-dialog form{flex-direction:column;max-height:calc(100dvh - 34px);display:flex}.app-dialog-heading{align-items:center;gap:12px;padding:24px 24px 8px;display:flex}.app-dialog-heading h2{overflow-wrap:anywhere;flex:1;margin:0;font-size:1.12rem}.app-dialog-symbol{color:#214d40;background:#edf4ee;border-radius:13px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.app-dialog-danger .app-dialog-symbol{color:#a7352b;background:#fff0ed}.app-dialog-close{color:#60716a;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.app-dialog-close:hover{background:#f3f6f0}.app-dialog-content{overscroll-behavior:none;padding:8px 24px 24px;overflow-y:auto}.app-dialog-content p{color:#586960;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:.94rem;line-height:1.6}.app-dialog-field{gap:8px;margin-top:20px;font-size:.9rem;font-weight:600;display:grid}.app-dialog-field input{color:#253c36;background:#fff;border:1px solid #cdd8d0;border-radius:10px;width:100%;min-width:0;padding:12px;font-size:16px}.app-dialog-actions{background:#f8faf7;border-top:1px solid #e8ede6;flex-shrink:0;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.app-dialog-button{color:#253c36;cursor:pointer;background:#fff;border:1px solid #d9e2d8;border-radius:10px;min-height:44px;padding:10px 18px;font-weight:600}.app-dialog-submit{color:#fff;background:#214d40;border-color:#214d40}.app-dialog-danger .app-dialog-submit{background:#ae392f;border-color:#ae392f}.app-dialog-button:hover{filter:brightness(.96)}.app-dialog-button:disabled{opacity:.5;cursor:default}@media (width<=480px){.app-dialog-heading{gap:8px;padding:20px 16px 8px}.app-dialog-content{padding:8px 16px 20px}.app-dialog-actions{flex-wrap:wrap;padding:14px 16px}.app-dialog-button{flex:120px;padding-inline:10px}}