.site-dialog{box-sizing:border-box;width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #dce4ee;border-radius:12px;background:#fff;color:#10213b;box-shadow:0 20px 56px rgba(16,33,59,.18);font:400 15px/1.5 Inter,ui-sans-serif,system-ui,sans-serif;overflow:auto}
.site-dialog::backdrop{background:rgba(16,33,59,.56)}
.site-dialog [hidden]{display:none!important}
.site-dialog form{margin:0;padding:24px}
.site-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.site-dialog h2{flex:1;min-width:0;margin:0;font:600 20px/1.3 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.015em;overflow-wrap:anywhere}
.site-dialog p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#52647c}
.site-dialog-close{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;min-height:0;margin:-4px -4px 0 0;padding:0;border:0;border-radius:7px;background:transparent;color:#52647c;font:400 26px/1 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer}
.site-dialog-close:hover{background:#f3f6fa;color:#10213b}
.site-dialog-close:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
.site-dialog-field{display:grid;gap:7px;margin-top:16px}
.site-dialog .input{box-sizing:border-box;width:100%;min-width:0;min-height:42px;margin:0;padding:10px 12px;border:1px solid #dce4ee;border-radius:7px;background:#fff;color:#10213b;font:inherit}
.site-dialog .input:focus{outline:2px solid #dceaff;border-color:#83a9e4}
.site-dialog footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:24px}
.site-dialog .btn{min-height:42px;padding:10px 16px;border-radius:7px;box-shadow:none;font:500 14px/1.4 Inter,ui-sans-serif,system-ui,sans-serif;white-space:normal}
.site-dialog .btn-danger{background:var(--persimmon);color:#fff}.site-dialog .btn-danger:hover{background:var(--persimmon-dark)}
@media(max-width:480px){.site-dialog form{padding:20px}.site-dialog footer .btn{flex:1}}