/* JRHagents V35 — a small, accessible opt-in support surface. No overlay on page load. */
.support-nav-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:35px;padding:0 11px;border-radius:10px;border:1px solid #385777;background:#142d4c;color:#eef5ff;font-weight:700;font-size:12px;white-space:nowrap;transition:background-color .16s,border-color .16s}
.support-nav-button svg{width:16px;height:16px;flex:none}
.support-nav-button:hover{background:#254772;border-color:#6282b0}
.support-nav-button:focus-visible,.support-close:focus-visible,.support-download:focus-visible,.support-contribute:focus-visible{outline:3px solid #91baff;outline-offset:3px}
.support-dialog{width:min(620px,calc(100vw - 24px));max-height:min(85dvh,820px);overflow:auto;overscroll-behavior:contain;padding:0;border:1px solid var(--border);border-radius:20px;background:var(--card);color:var(--ink);box-shadow:0 28px 90px rgba(2,16,38,.35)}
.support-dialog::backdrop{background:rgba(7,18,39,.68)}
.support-inner{padding:clamp(17px,3vw,25px)}
.support-dialog-header{display:flex;justify-content:space-between;align-items:start;gap:16px}
.support-eyebrow{font-size:9px;font-weight:800;letter-spacing:.12em;color:var(--blue)}
.support-dialog h2{font-size:clamp(18px,3vw,23px);letter-spacing:-.035em;line-height:1.2;margin:5px 0 0}
.support-close{flex:none;width:36px;height:36px;border:1px solid var(--border);border-radius:10px;background:var(--soft);color:var(--ink);font-size:24px;line-height:1}
.support-intro,.support-footnote{font-size:12px;color:var(--muted);line-height:1.55;margin:9px 0 15px}
.support-content{display:grid;grid-template-columns:minmax(0,225px) minmax(0,1fr);align-items:center;gap:17px}
.support-qr-box{border:1px solid var(--border);border-radius:13px;padding:10px;background:white;display:grid;justify-items:center;gap:8px}
.support-qr-box img{display:block;width:min(100%,205px);height:auto;aspect-ratio:1;object-fit:contain;image-rendering:pixelated}
.support-download{color:white;background:#255fe4;padding:9px 11px;text-decoration:none;border-radius:9px;font-weight:700;font-size:11px;text-align:center;min-height:36px;display:grid;place-items:center}
.support-download:hover{background:#1550d4}
.support-small{color:var(--muted);font-size:10px}
.support-recipient{display:block;margin:3px 0 10px;font-size:16px;letter-spacing:-.02em;overflow-wrap:anywhere}
.support-alert{border:1px solid var(--border);border-radius:9px;background:var(--soft);font-size:11px;line-height:1.45;margin:0;padding:9px 10px}
.support-steps{font-size:11px;margin:11px 0;padding-left:19px;line-height:1.5}
.support-steps li{margin:0 0 4px}
.support-contribute{color:var(--blue);font-size:11px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.support-footnote{margin:14px 0 0;padding-top:11px;border-top:1px solid var(--border);font-size:10px}
@media(max-width:720px){.support-nav-button{height:35px;padding:0 9px}.support-nav-button span{display:none}.support-dialog{max-height:87dvh}.support-content{grid-template-columns:minmax(0,165px) minmax(0,1fr);gap:11px}.support-qr-box img{width:min(100%,150px)}.support-intro{margin-bottom:12px}}
@media(max-width:450px){.support-dialog{width:calc(100vw - 16px);max-height:88dvh;border-radius:16px}.support-inner{padding:16px}.support-content{grid-template-columns:minmax(0,1fr);gap:11px}.support-qr-box{width:100%;padding:10px;grid-template-columns:minmax(0,155px) 1fr;align-items:center;gap:12px}.support-qr-box img{width:min(100%,155px)}.support-download{font-size:11px}.support-steps{display:none}.support-alert{font-size:11px}.support-recipient{margin-bottom:8px}.support-nav-button{width:32px;height:32px;padding:0;border-radius:9px}.support-nav-button svg{width:16px;height:16px}}
@media(max-width:340px){.header-actions{gap:3px}.support-dialog{max-height:90dvh}.support-qr-box{grid-template-columns:minmax(0,125px) 1fr}.support-qr-box img{width:min(100%,125px)}.support-download{font-size:10px;padding:8px}}
@media(prefers-reduced-motion:reduce){.support-nav-button{transition:none}}
