#quote-app.jqr .jqr-dialog { width: min(480px, calc(100% - 28px)); max-height: calc(100dvh - 40px); overflow-y: auto; color: var(--ink); border: 1px solid var(--line); border-radius: 10px; padding: 24px; }
#quote-app.jqr .jqr-dialog::backdrop { background: #102f46a3; }
#quote-app.jqr .jqr-dialog-heading { display: flex; gap: 15px; align-items: start; justify-content: space-between; }
#quote-app.jqr .jqr-dialog h2 { margin: 0; font-size: 22px; line-height: 1.3; }
#quote-app.jqr .jqr-dialog p { font-size: 13px; color: var(--muted); }
#quote-app.jqr .jqr-dialog label { display: block; margin: 20px 0 7px; font-size: 13px; font-weight: 600; }
#quote-app.jqr .jqr-dialog input { display: block; width: 100%; border: 1px solid #bfd0db; padding: 11px; border-radius: 4px; }
#quote-app.jqr .jqr-dialog-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
#quote-app.jqr #other-close { border: 0; background: var(--soft); min-width: 32px; min-height: 32px; font-size: 24px; line-height: 1; border-radius: 50%; color: var(--ink); }
#quote-app.jqr #help-close { border:0; background:#eee; width:30px; height:30px; color:#555; font-size:22px; }
#quote-app.jqr .jqr-help-dialog { border-radius:3px; }
#quote-app.jqr .jqr-help-dialog h2 { font-size:18px; }
#quote-app.jqr .jqr-help-illustration { display:block; max-width:100%; width:auto; height:auto; margin:24px 0 12px; }
#quote-app.jqr .jqr-help-dialog p { color:#555; font-size:13px; line-height:1.7; }
@media(max-width: 400px) { #quote-app.jqr .jqr-dialog { padding: 18px; } #quote-app.jqr .jqr-dialog h2 { font-size: 20px; } }