/* Hopcharge V7.2 FINAL global FAQ assistant: conversation-first layout */
.hc-help-widget{position:fixed;right:20px;bottom:20px;z-index:8000;color:#202b59;font:400 13px/1.5 Montserrat,Arial,sans-serif}
.hc-help-widget *, .hc-help-widget *:before, .hc-help-widget *:after{box-sizing:border-box}
.hc-help-toggle{border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin-left:auto;border-radius:50%;color:#fff;background:linear-gradient(145deg,#535bf7,#5148ca 55%,#168fa8);box-shadow:0 8px 26px #2d37874d,0 0 0 3px #ffffffc7;transition:transform .18s;position:relative}
.hc-help-toggle:hover{transform:translateY(-2px)}
.hc-help-toggle svg{width:29px;height:29px;stroke:currentColor;stroke-width:1.8;fill:none}
.hc-help-bubble{position:absolute;bottom:65px;right:1px;white-space:nowrap;border-radius:10px;color:#202c63;background:#fff;padding:6px 10px;font-size:10px;font-weight:700;box-shadow:0 4px 18px #1e29582b;pointer-events:none}
.hc-help-toggle[aria-expanded=true] .hc-help-bubble{display:none}
.hc-help-panel{display:flex;flex-direction:column;width:min(392px,calc(100vw - 24px));height:min(560px,calc(100dvh - 104px));max-height:calc(100dvh - 95px);position:absolute;right:0;bottom:75px;border:1px solid #d9e1f8;border-radius:17px;overflow:hidden;background:#fff;box-shadow:0 18px 55px #17265c3b;animation:hc-appear .16s ease-out both}
.hc-help-panel[hidden]{display:none!important}
@keyframes hc-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.hc-help-heading{color:white;background:linear-gradient(115deg,#524ee9 0%,#4d56dc 49%,#1694a8 100%);padding:14px;display:flex;align-items:center;gap:8px;flex:0 0 auto}
.hc-help-heading>div{flex:1;min-width:0}
.hc-help-title{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:750;line-height:1.22}
.hc-help-title svg{height:20px;width:20px;stroke:#fff;fill:none;stroke-width:1.8}
.hc-help-subtitle{font-size:10px;color:#f0f7ff;margin:5px 0 0}
.hc-help-back{flex:0 0 28px;height:30px;display:grid;place-items:center;border:1px solid #ffffff5b;color:#fff;background:#ffffff1c;border-radius:9px;font:700 21px Arial;cursor:pointer}
.hc-help-back[hidden]{display:none!important}
.hc-help-close{display:grid;place-items:center;flex:0 0 27px;border:0;width:27px;height:27px;background:transparent;color:#fff;font-size:23px;cursor:pointer;line-height:1;border-radius:7px}
.hc-help-close:hover,.hc-help-back:hover{background:#ffffff30}
.hc-help-messages{flex:1;overflow-y:auto;min-height:95px;padding:18px 14px 12px;overscroll-behavior:contain;scrollbar-color:#bcc8e8 transparent}
.hc-help-message{white-space:pre-wrap;overflow-wrap:anywhere;max-width:91%;font:400 12px/1.65 Montserrat,Arial,sans-serif;border-radius:14px;padding:10px 12px;margin-bottom:12px}
.hc-help-message--assistant{background:#f4f6fc;color:#233052;border-bottom-left-radius:4px;margin-right:auto}
.hc-help-message--user{background:#4a50d3;color:white;border-bottom-right-radius:4px;margin-left:auto}
.hc-help-inline-choices{margin:-2px 0 16px;padding-left:2px}
.hc-help-menu-label{font:650 10px/1.4 Montserrat,Arial,sans-serif;color:#6a7296;margin:0 0 7px}
.hc-help-chips{display:flex;flex-wrap:wrap;gap:7px}
.hc-help-chip{border:1px solid #cad0ff;background:#fff;color:#343cad;text-align:left;font:600 10px/1.35 Montserrat,Arial,sans-serif;border-radius:16px;padding:8px 10px;cursor:pointer;max-width:100%}
.hc-help-chip:hover{background:#f3f4ff}
.hc-help-footer{padding:10px 12px;border-top:1px solid #e5e9f3;flex:0 0 auto;background:#fff}
.hc-help-form{display:flex;align-items:center;gap:6px;border:1px solid #d8dfef;border-radius:12px;padding:5px 5px 5px 11px;background:#fff}
.hc-help-input{font:400 12px Montserrat,Arial,sans-serif;width:100%;min-width:0;border:0;outline:0;background:transparent;color:#1f2a50;padding:3px 0}
.hc-help-input::placeholder{color:#8c94af}
.hc-help-send{width:34px;height:34px;flex:0 0 34px;background:linear-gradient(130deg,#5c56ed,#2894c1);color:#fff;border:0;border-radius:9px;display:grid;place-items:center;cursor:pointer}
.hc-help-send svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}
.hc-help-footer .hc-help-wa{display:flex;justify-content:center;align-items:center;gap:7px;padding:8px 8px;margin:9px 0 0;background:#e9f9ef;border:1px solid #a8e5bb;border-radius:10px;color:#136f35;text-decoration:none;font:700 11px/1.4 Montserrat,Arial,sans-serif}
.hc-help-footer .hc-help-wa:hover{background:#d7f4e2}
.hc-help-footer .hc-help-wa svg{height:15px;width:15px;flex:0 0 15px}
.hc-help-plan-overview{max-width:100%;padding:12px 11px}
.hc-help-plan-table{display:grid;gap:9px;margin:10px 0}
.hc-help-plan{padding:10px;border:1px solid #dce3f7;border-radius:10px;background:#fff;font-size:11px;line-height:1.5}
.hc-help-plan-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px}
.hc-help-plan-name{font-weight:750;color:#202c60;font-size:12px}
.hc-help-plan-category{border-radius:20px;padding:2px 7px;background:#e9eafe;color:#363baa;font-size:9px;font-weight:650}
.hc-help-plan-price{font-weight:700;color:#262e66;margin-top:5px}
.hc-help-plan ul{margin:6px 0 0;padding-left:15px}
.hc-help-plan li{margin:0 0 4px}
.hc-help-plan-overview small{color:#67728c;font-size:9px}
.hc-help-plan-link{display:inline-block;font-size:10px;color:#343cad;text-decoration:underline;margin-top:8px;font-weight:700}
.hc-help-toggle:focus-visible,.hc-help-close:focus-visible,.hc-help-back:focus-visible,.hc-help-send:focus-visible,.hc-help-chip:focus-visible,.hc-help-input:focus-visible,.hc-help-wa:focus-visible{outline:3px solid #8ac6fa;outline-offset:2px}
@media(max-width:520px){.hc-help-widget{right:12px;bottom:calc(14px + env(safe-area-inset-bottom,0px))}.hc-help-panel{width:calc(100vw - 24px);height:min(545px,calc(100dvh - 99px));bottom:70px}.hc-help-toggle{width:56px;height:56px}.hc-help-bubble{bottom:62px}}
@media(prefers-reduced-motion:reduce){.hc-help-panel{animation:none}.hc-help-toggle{transition:none}}
