.viit-chatbot{--chat-wine:#8b0031;--chat-wine-dark:#4a001a;--chat-pink:#e91861;--chat-ink:#152033;--chat-muted:#657084;--chat-line:#e8e9ef;position:fixed;right:22px;bottom:22px;z-index:2200;font-family:Manrope,Arial,sans-serif}
.viit-chat-launcher{min-width:164px;height:60px;padding:7px 15px 7px 8px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.28);border-radius:22px;background:linear-gradient(135deg,var(--chat-wine),#c00049);color:#fff;box-shadow:0 18px 44px rgba(91,0,32,.32);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.viit-chat-launcher:hover{transform:translateY(-3px);box-shadow:0 23px 52px rgba(91,0,32,.4)}
.viit-chat-launcher-icon{width:45px;height:45px;display:grid;place-items:center;flex:0 0 45px;border-radius:16px;background:rgba(255,255,255,.16);font-size:19px;box-shadow:inset 0 1px rgba(255,255,255,.25)}
.viit-chat-launcher-copy{display:block;text-align:left}.viit-chat-launcher-copy strong,.viit-chat-launcher-copy small{display:block}.viit-chat-launcher-copy strong{font-size:13px;font-weight:900}.viit-chat-launcher-copy small{margin-top:2px;color:rgba(255,255,255,.76);font-size:9px;font-weight:700}
.viit-chat-unread{min-width:20px;height:20px;padding:0 5px;position:absolute;right:-5px;top:-5px;display:grid;place-items:center;border:2px solid #fff;border-radius:999px;background:#ffcc3d;color:#5d2500;font-size:9px;font-weight:900}
.viit-chat-nudge{width:222px;padding:11px 34px 11px 13px;position:absolute;right:0;bottom:70px;border:1px solid var(--chat-line);border-radius:14px;background:#fff;color:var(--chat-ink);box-shadow:0 12px 34px rgba(23,15,19,.14);animation:viitChatNudge .45s ease both}.viit-chat-nudge:after{content:"";position:absolute;right:27px;bottom:-7px;width:14px;height:14px;transform:rotate(45deg);border-right:1px solid var(--chat-line);border-bottom:1px solid var(--chat-line);background:#fff}.viit-chat-nudge strong,.viit-chat-nudge span{display:block}.viit-chat-nudge strong{color:var(--chat-wine);font-size:11px}.viit-chat-nudge span{margin-top:2px;color:var(--chat-muted);font-size:9px}.viit-chat-nudge button{width:24px;height:24px;position:absolute;right:7px;top:8px;border:0;border-radius:8px;background:#f4f5f7;color:#667085;cursor:pointer}
.viit-chat-panel{width:min(370px,calc(100vw - 28px));height:min(620px,calc(100vh - 40px));position:absolute;right:0;bottom:0;display:grid;grid-template-rows:auto auto 1fr auto auto auto;border:1px solid rgba(255,255,255,.6);border-radius:24px;background:#fff;box-shadow:0 30px 80px rgba(31,13,21,.28);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(18px) scale(.96);transform-origin:bottom right;transition:opacity .22s ease,transform .22s ease,visibility .22s ease}
.viit-chatbot.is-open .viit-chat-panel{opacity:1;visibility:visible;transform:none}.viit-chatbot.is-open .viit-chat-launcher,.viit-chatbot.is-open .viit-chat-nudge{opacity:0;visibility:hidden;pointer-events:none}
.viit-chat-head{min-height:76px;padding:12px 13px;display:flex;align-items:center;gap:10px;background:radial-gradient(circle at 10% 0,rgba(255,255,255,.16),transparent 34%),linear-gradient(125deg,var(--chat-wine-dark),var(--chat-wine));color:#fff}.viit-chat-avatar{width:48px;height:48px;position:relative;display:grid;place-items:center;flex:0 0 48px;border:2px solid rgba(255,255,255,.42);border-radius:16px;background:#fff;overflow:visible}.viit-chat-avatar img{width:42px;height:42px;object-fit:contain;border-radius:13px}.viit-chat-avatar>i{width:11px;height:11px;position:absolute;right:-2px;bottom:-2px;border:2px solid var(--chat-wine);border-radius:50%;background:#19c878}.viit-chat-head>div{min-width:0;flex:1}.viit-chat-head strong,.viit-chat-head span{display:block}.viit-chat-head strong{overflow:hidden;font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.viit-chat-head span{margin-top:4px;color:rgba(255,255,255,.74);font-size:8px;font-weight:700}.viit-chat-head span i{width:6px;height:6px;margin-right:4px;display:inline-block;border-radius:50%;background:#39dc8f}.viit-chat-head button{width:35px;height:35px;display:grid;place-items:center;flex:0 0 35px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:rgba(255,255,255,.1);color:#fff;cursor:pointer}.viit-chat-head button.is-active{background:#fff;color:var(--chat-wine)}
.viit-chat-privacy{padding:8px 12px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #f0e9ec;background:#fff9fb;color:#754557;font-size:8px;font-weight:700;line-height:1.4}.viit-chat-privacy i{color:#0b9c62}
.viit-chat-messages{padding:15px 13px;display:flex;flex-direction:column;gap:10px;overflow:auto;overscroll-behavior:contain;background:linear-gradient(180deg,#fbfbfd,#fff)}
.viit-chat-loading{margin:auto;display:flex;align-items:center;gap:8px;color:var(--chat-muted);font-size:10px}.viit-chat-loading i{color:var(--chat-wine)}
.viit-chat-message{max-width:86%;display:flex;flex-direction:column;gap:3px}.viit-chat-message.is-visitor{align-self:flex-end;align-items:flex-end}.viit-chat-message.is-bot,.viit-chat-message.is-admin{align-self:flex-start}.viit-chat-message-label{padding:0 5px;color:#8a94a5;font-size:7px;font-weight:800}.viit-chat-message-bubble{padding:10px 12px;border-radius:15px 15px 15px 4px;background:#f0f1f5;color:#283348;font-size:10.5px;font-weight:600;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.viit-chat-message.is-visitor .viit-chat-message-bubble{border-radius:15px 15px 4px 15px;background:linear-gradient(135deg,var(--chat-wine),#bd0648);color:#fff}.viit-chat-message.is-admin .viit-chat-message-bubble{border:1px solid #d9c1cb;background:#fff2f6;color:#6e0026}.viit-chat-message-time{padding:0 5px;color:#9aa2b0;font-size:7px}
.viit-chat-quick{padding:8px 11px;display:flex;gap:6px;overflow-x:auto;border-top:1px solid #f0f1f3;background:#fff;scrollbar-width:none}.viit-chat-quick:empty{display:none}.viit-chat-quick::-webkit-scrollbar{display:none}.viit-chat-quick button{min-height:30px;padding:6px 10px;flex:0 0 auto;border:1px solid #e3bcca;border-radius:999px;background:#fff7fa;color:var(--chat-wine);font:800 8.5px/1.2 Manrope,Arial;cursor:pointer}.viit-chat-quick button:hover{border-color:var(--chat-wine);background:#fff0f5}
.viit-chat-typing{padding:4px 14px 8px;color:#8b6472;font-size:8px;background:#fff}.viit-chat-typing span{width:5px;height:5px;margin-right:2px;display:inline-block;border-radius:50%;background:#bd607f;animation:viitChatTyping 1s infinite}.viit-chat-typing span:nth-child(2){animation-delay:.15s}.viit-chat-typing span:nth-child(3){animation-delay:.3s}
.viit-chat-composer{padding:9px 10px;display:grid;grid-template-columns:38px 1fr 40px;align-items:end;gap:7px;border-top:1px solid var(--chat-line);background:#fff}.viit-chat-composer textarea{max-height:92px;min-height:40px;padding:11px 12px;resize:none;border:1px solid #e1e4ea;border-radius:13px;outline:0;background:#f9fafb;color:#172033;font:600 10px/1.45 Manrope,Arial}.viit-chat-composer textarea:focus{border-color:#c6577d;background:#fff;box-shadow:0 0 0 3px rgba(139,0,49,.08)}.viit-chat-mic,.viit-chat-send{width:38px;height:40px;display:grid;place-items:center;border-radius:12px;cursor:pointer}.viit-chat-mic{border:1px solid #e2e5ea;background:#fff;color:#6e7581}.viit-chat-mic.is-listening{border-color:#ff6c93;background:#fff0f4;color:#c90043;animation:viitMicPulse 1s infinite}.viit-chat-send{border:0;background:linear-gradient(135deg,var(--chat-wine),#d10c51);color:#fff;box-shadow:0 7px 16px rgba(139,0,49,.22)}
.viit-chat-mic.is-requesting{border-color:#d79aaf;background:#fff5f8;color:var(--chat-wine);animation:viitMicPulse 1s infinite}.viit-chat-mic-help{width:100%;padding:12px;display:flex;gap:10px;align-items:flex-start;border:1px solid #edbfd0;border-radius:16px;background:linear-gradient(135deg,#fff7fa,#fff);color:#263247;box-shadow:0 8px 22px rgba(93,0,34,.08)}.viit-chat-mic-help-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:12px;background:linear-gradient(135deg,var(--chat-wine),#d10c51);color:#fff}.viit-chat-mic-help>div{min-width:0}.viit-chat-mic-help strong,.viit-chat-mic-help p,.viit-chat-mic-help small{display:block}.viit-chat-mic-help strong{font-size:10px;color:var(--chat-wine)}.viit-chat-mic-help p{margin:3px 0;color:#4b5669;font-size:8.5px;line-height:1.45}.viit-chat-mic-help small{color:#7d8797;font-size:7.5px;line-height:1.5}.viit-chat-mic-help button{margin-top:8px;padding:7px 10px;border:0;border-radius:9px;background:var(--chat-wine);color:#fff;font:800 8px/1 Manrope,Arial;cursor:pointer}.viit-chat-mic-help button i{margin-right:5px}
.viit-chat-powered{padding:0 10px 7px;text-align:center;background:#fff;color:#a0a6b0;font-size:7px;font-weight:700}.viit-chat-powered i{color:#e5a300}
body:has(.viit-chatbot) .back-to-top{right:202px}
[data-site-theme=dark] .viit-chat-panel{border-color:#273344;background:#07131f}[data-site-theme=dark] .viit-chat-privacy{border-color:#283342;background:#13101a;color:#d5b8c3}[data-site-theme=dark] .viit-chat-messages{background:linear-gradient(180deg,#081624,#06111c)}[data-site-theme=dark] .viit-chat-message-bubble{background:#172434;color:#e8eef6}[data-site-theme=dark] .viit-chat-message.is-admin .viit-chat-message-bubble{border-color:#5c3141;background:#2a101a;color:#ffb8ce}[data-site-theme=dark] .viit-chat-quick,[data-site-theme=dark] .viit-chat-composer,[data-site-theme=dark] .viit-chat-typing,[data-site-theme=dark] .viit-chat-powered{border-color:#253241;background:#0a1723}[data-site-theme=dark] .viit-chat-quick button{border-color:#633044;background:#2a111b;color:#ff9cbb}[data-site-theme=dark] .viit-chat-composer textarea{border-color:#2d3c4d;background:#101f2d;color:#f4f7fa}[data-site-theme=dark] .viit-chat-mic{border-color:#2d3c4d;background:#101f2d;color:#d2d8e1}[data-site-theme=dark] .viit-chat-nudge{border-color:#344253;background:#0d1b28;color:#f1f5f9}[data-site-theme=dark] .viit-chat-nudge:after{border-color:#344253;background:#0d1b28}[data-site-theme=dark] .viit-chat-mic-help{border-color:#583244;background:linear-gradient(135deg,#25111b,#101d2a);color:#edf3f9}[data-site-theme=dark] .viit-chat-mic-help p{color:#d2d9e2}[data-site-theme=dark] .viit-chat-mic-help small{color:#99a6b6}
@keyframes viitChatNudge{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes viitChatTyping{0%,60%,100%{transform:none;opacity:.45}30%{transform:translateY(-3px);opacity:1}}@keyframes viitMicPulse{50%{box-shadow:0 0 0 6px rgba(220,0,70,.12)}}
.viit-chat-head span.is-live,.viit-chat-head span.is-listening{color:#bfffe1}.viit-chat-head span.is-live i,.viit-chat-head span.is-listening i{background:#40f29d;box-shadow:0 0 0 4px rgba(64,242,157,.14);animation:viitStatusPulse 1.1s infinite}.viit-chat-head span.is-thinking i{background:#ffd45c}.viit-chat-head span.is-speaking i{background:#7ee6ff;animation:viitStatusPulse .75s infinite}.viit-chat-mic{transition:transform .2s ease,background .2s ease,color .2s ease}.viit-chat-mic.is-live{border-color:#bb0646;background:linear-gradient(135deg,var(--chat-wine),#d10c51);color:#fff;box-shadow:0 7px 18px rgba(139,0,49,.25)}.viit-chat-mic.is-live.is-listening{border-color:#ff6c93;background:linear-gradient(135deg,#d10c51,#ff3c74);color:#fff}.viit-chat-mic.is-live:hover{transform:scale(1.05)}[data-site-theme=dark] .viit-chat-mic.is-live{border-color:#ff4d82;background:linear-gradient(135deg,#8b0031,#d10c51);color:#fff}@keyframes viitStatusPulse{50%{opacity:.5;transform:scale(.82)}}
@media(max-width:600px){body:has(.viit-chatbot) .back-to-top{right:78px}.viit-chatbot{right:10px;bottom:calc(72px + env(safe-area-inset-bottom))}.viit-chat-launcher{min-width:58px;width:58px;height:58px;padding:6px;border-radius:20px}.viit-chat-launcher-icon{width:46px;height:46px;flex-basis:46px}.viit-chat-launcher-copy{display:none}.viit-chat-nudge{right:0;bottom:68px}.viit-chat-panel{width:calc(100vw - 20px);height:min(650px,calc(100dvh - 92px - env(safe-area-inset-bottom)));border-radius:22px}.viit-chat-message-bubble{font-size:11px}.viit-chat-head{min-height:72px}.viit-chatbot.is-open{right:10px}.viit-chatbot.is-open .viit-chat-panel{bottom:0}}
@media(max-width:380px){.viit-chat-panel{width:calc(100vw - 12px);right:-4px}.viit-chatbot{right:8px}.viit-chat-head{padding-inline:10px}.viit-chat-head strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.viit-chat-panel,.viit-chat-launcher,.viit-chat-nudge{transition:none;animation:none}}