.support-chat-status {position:fixed;inset:auto 20px 20px auto;margin:0;box-sizing:border-box;width:360px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:24px;border:1px solid var(--line-2);border-radius:14px;background:var(--surface);color:var(--text);font-family:var(--font);box-shadow:0 16px 48px -20px #0008;overflow:auto}
.support-chat-status::backdrop {background:#07152545}
.support-chat-heading {display:flex;align-items:center;justify-content:space-between;gap:16px}
#support-chat-status .support-chat-heading h2 {margin:0;font:750 22px/1.2 var(--display);letter-spacing:-.02em;color:var(--text)}
.support-chat-heading button {display:grid;place-items:center;flex:none;width:40px;height:40px;padding:0;border:0;border-radius:8px;background:var(--surface-2);color:var(--text);cursor:pointer}
.support-chat-heading button:hover {background:var(--surface-3)}
.support-chat-status p {margin:18px 0 0;color:var(--text-2);font-size:15px;line-height:1.6}
.support-chat-alternatives:not([hidden]) {display:flex;flex-direction:column;gap:12px;margin-top:20px}
.support-chat-email {text-align:center;overflow-wrap:anywhere;font-size:14px}
.support-chat-status :focus-visible {outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:600px) {.support-chat-status {inset:auto 16px 16px;width:calc(100vw - 32px)}}

/* Immediate support launcher; the remote conversation loads on explicit intent. */
.support-chat-launcher{position:fixed;right:24px;bottom:calc(24px + var(--purchase-bar-height,0px));z-index:90;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#4facfe;color:#fff;box-shadow:0 4px 18px #0003}
.support-chat-launcher:hover{background:#269af9;color:#fff}
.support-chat-launcher:focus-visible{outline:3px solid var(--cyan,#15d1ef);outline-offset:4px}
body.support-chat-is-open .support-chat-launcher{visibility:hidden}
@media(max-width:800px){.support-chat-launcher{width:56px;height:56px;right:16px;bottom:calc(18px + var(--purchase-bar-height,0px) + env(safe-area-inset-bottom,0px))}body:has(#consent:not([hidden])) .support-chat-launcher{bottom:calc(158px + var(--purchase-bar-height,0px) + env(safe-area-inset-bottom,0px))}}
/* A warm-loaded Tidio stays invisible (no bubble flash) until our launcher, an operator reply or a greeting shows it. */
body:not(.support-chat-is-open) #tidio-chat{visibility:hidden}

/* Unread greeting counter on the launcher (support-chat.js setUnread): Tidio's greeting waits here instead of popping over the page. */
.support-chat-launcher[data-unread]::after{content:attr(data-unread);position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 6px;box-sizing:border-box;border-radius:11px;background:#ff3b5c;color:#fff;font:700 12px/22px var(--font,system-ui),sans-serif;text-align:center;box-shadow:0 0 0 2px var(--bg,#0a1220)}
.support-chat-launcher[data-unread]{animation:sb-chat-nudge 2.4s ease-in-out 3}
@keyframes sb-chat-nudge{0%,70%,100%{transform:scale(1)}80%{transform:scale(1.12)}90%{transform:scale(.96)}}
@media(prefers-reduced-motion:reduce){.support-chat-launcher[data-unread]{animation:none}}
/* Hint bubble beside the launcher (support-chat.js showHint places it where it covers no banner, button or field). */
.support-chat-hint{position:fixed;z-index:90;max-width:260px;margin:0;padding:12px 16px;border:0;border-radius:16px 16px 4px 16px;background:linear-gradient(135deg,#24d7ff 0%,#4facfe 45%,#7c4dff 100%);color:#fff;font:700 14px/1.35 var(--font,system-ui),sans-serif;text-align:left;text-shadow:0 1px 2px #0005;box-shadow:0 12px 30px -10px #4facfecc,0 0 0 1px #ffffff2e inset;cursor:pointer;opacity:0;transform:translateY(10px) scale(.96);transition:opacity .3s,transform .35s cubic-bezier(.2,1.4,.4,1)}
.support-chat-hint.is-visible{opacity:1;transform:none;animation:sb-hint-glow 2.4s ease-in-out .4s 2}
.support-chat-hint:hover{filter:brightness(1.08)}
@keyframes sb-hint-glow{50%{box-shadow:0 14px 38px -8px #7c4dffee,0 0 0 1px #ffffff40 inset}}
body.support-chat-is-open .support-chat-hint{display:none}
@media(max-width:800px){.support-chat-hint{max-width:210px;font-size:13.5px}}
@media(prefers-reduced-motion:reduce){.support-chat-hint{transition:none}.support-chat-hint.is-visible{animation:none}}