#vndts-chatbot{
  --chat-red:#c91f27;
  --chat-red-dark:#9d181d;
  --chat-red-soft:#fff1ef;
  --chat-orange:#f47b20;
  --chat-gold:#ffb72d;
  --chat-ink:#26282d;
  --chat-muted:#6f737d;
  --chat-line:#eadbd5;
  --chat-bg:#fff9f6;
  --chat-card:#fff;
  --chat-success:#23b574;
  position:fixed;
  right:24px;
  bottom:var(--chatbot-safe-bottom,84px);
  z-index:99999;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--chat-ink);
  -webkit-font-smoothing:antialiased;
}
#vndts-chatbot *,#vndts-chatbot *:before,#vndts-chatbot *:after{box-sizing:border-box}
#vndts-chatbot button,#vndts-chatbot textarea{font:inherit}
#vndts-chatbot button{cursor:pointer}

/* Launcher */
#vndts-chatbot .vndts-chatbot-launcher-wrap{display:flex;align-items:center;justify-content:flex-end;gap:10px}
#vndts-chatbot .vndts-chatbot-launcher-label{
  padding:8px 12px;border:1px solid rgba(186,72,48,.14);border-radius:999px;background:rgba(255,255,255,.96);color:#6b3b31;
  box-shadow:0 8px 24px rgba(83,42,32,.10);font-size:12px;font-weight:700;white-space:nowrap;opacity:0;transform:translateX(10px);
  pointer-events:none;transition:opacity .2s ease,transform .24s ease
}
#vndts-chatbot:not(.is-open) .vndts-chatbot-launcher-wrap:hover .vndts-chatbot-launcher-label{opacity:1;transform:translateX(0)}
#vndts-chatbot .vndts-chatbot-toggle{
  position:relative;display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(255,255,255,.52);border-radius:50%;
  background:linear-gradient(145deg,#d41e28 0%,#e83925 56%,#f58b1f 100%);color:#fff;
  box-shadow:0 14px 36px rgba(157,31,30,.30),0 4px 12px rgba(91,26,22,.16);transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;isolation:isolate
}
#vndts-chatbot .vndts-chatbot-toggle:before{
  content:"";position:absolute;inset:-8px;z-index:-2;border:1px solid rgba(201,31,39,.20);border-radius:50%;opacity:0;animation:vndts-launcher-pulse 7s ease-out infinite
}
#vndts-chatbot .vndts-chatbot-toggle:after{
  content:"";position:absolute;inset:-10px;z-index:-1;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 14%,#ffd75d 14% 22%,#fff 22% 25%,transparent 25% 56%,#ff8d20 56% 66%,transparent 66% 100%);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.3px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.3px));
  filter:drop-shadow(0 0 4px rgba(244,123,32,.34));animation:vndts-launcher-orbit 4.5s linear infinite;pointer-events:none
}
#vndts-chatbot .vndts-chatbot-toggle:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 18px 42px rgba(157,31,30,.34),0 6px 15px rgba(91,26,22,.18);filter:saturate(1.05)}
#vndts-chatbot .vndts-chatbot-toggle:hover:after{animation-duration:2.5s;filter:drop-shadow(0 0 6px rgba(244,123,32,.5))}
#vndts-chatbot .vndts-chatbot-toggle:active{transform:scale(.96)}
#vndts-chatbot .vndts-chatbot-toggle>svg{width:25px;height:25px;display:block;transition:transform .22s ease}
#vndts-chatbot .vndts-chatbot-toggle:hover>svg{transform:rotate(-5deg) scale(1.04)}
#vndts-chatbot .vndts-chatbot-toggle-spark{position:absolute;right:7px;top:5px;width:8px;height:8px;border-radius:50%;background:#fff0a7;box-shadow:0 0 0 3px rgba(255,255,255,.14);animation:vndts-spark 2.8s ease-in-out infinite}
#vndts-chatbot .vndts-chatbot-unread{position:absolute;right:-1px;top:-2px;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:#ef1f2d;opacity:0;transform:scale(.3);transition:.18s ease}
#vndts-chatbot .vndts-chatbot-unread.is-visible{opacity:1;transform:scale(1);animation:vndts-badge-pop .45s cubic-bezier(.2,.9,.2,1.25)}
@keyframes vndts-launcher-pulse{0%,76%,100%{transform:scale(.92);opacity:0}82%{opacity:.7}93%{transform:scale(1.18);opacity:0}}
@keyframes vndts-launcher-orbit{to{transform:rotate(360deg)}}
@keyframes vndts-spark{0%,100%{transform:scale(.82);opacity:.68}50%{transform:scale(1.15);opacity:1}}
@keyframes vndts-badge-pop{0%{transform:scale(.2)}65%{transform:scale(1.35)}100%{transform:scale(1)}}

/* Panel */
#vndts-chatbot .vndts-chatbot-panel{
  position:absolute;right:0;bottom:74px;display:flex;flex-direction:column;width:min(460px,calc(100vw - 32px));height:min(650px,calc(100dvh - 150px));min-height:470px;
  overflow:hidden;border:1px solid rgba(173,96,72,.16);border-radius:25px;background:#fff;box-shadow:0 30px 90px rgba(70,37,31,.23),0 8px 24px rgba(68,37,31,.10);
  opacity:0;visibility:hidden;pointer-events:none;transform:translateY(20px) scale(.96);transform-origin:100% 100%;transition:opacity .24s ease,transform .30s cubic-bezier(.2,.8,.2,1),visibility 0s linear .30s
}
#vndts-chatbot .vndts-chatbot-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .22s ease,transform .30s cubic-bezier(.2,.8,.2,1),visibility 0s}
#vndts-chatbot.is-open .vndts-chatbot-launcher-label{opacity:0!important}

/* Header */
#vndts-chatbot .vndts-chatbot-head{
  position:relative;display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:13px 15px 13px 14px;overflow:hidden;color:#fff;
  background:linear-gradient(115deg,#c91f27 0%,#e22b22 54%,#f57d20 112%)
}
#vndts-chatbot .vndts-chatbot-head:before,#vndts-chatbot .vndts-chatbot-head:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.17);pointer-events:none}
#vndts-chatbot .vndts-chatbot-head:before{width:145px;height:145px;right:-68px;top:-88px;box-shadow:0 0 0 22px rgba(255,255,255,.04),0 0 0 45px rgba(255,255,255,.025)}
#vndts-chatbot .vndts-chatbot-head:after{width:70px;height:70px;right:76px;bottom:-54px;border-color:rgba(255,255,255,.08)}
#vndts-chatbot .vndts-chatbot-brand{position:relative;z-index:1;display:flex;align-items:center;gap:10px;min-width:0}
#vndts-chatbot .vndts-chatbot-avatar{position:relative;display:grid;place-items:center;flex:0 0 45px;width:45px;height:45px;border:1px solid rgba(255,255,255,.50);border-radius:50%;background:#fff;box-shadow:0 5px 16px rgba(91,20,21,.18)}
#vndts-chatbot .vndts-chatbot-avatar svg{width:31px;height:31px;overflow:visible}
#vndts-chatbot .vndts-chatbot-avatar .mark-a{fill:#bc2026}.vndts-chatbot-avatar .mark-b{fill:#e54b1f}.vndts-chatbot-avatar .mark-c{fill:#f8aa1c}
#vndts-chatbot .vndts-chatbot-avatar:after{content:"✦";position:absolute;top:-4px;right:-5px;color:#ffe99d;font-size:12px;text-shadow:0 1px 5px rgba(94,37,16,.3);animation:vndts-avatar-glow 3.6s ease-in-out infinite}
@keyframes vndts-avatar-glow{0%,100%{opacity:.65;transform:scale(.88) rotate(0)}50%{opacity:1;transform:scale(1.08) rotate(12deg)}}
#vndts-chatbot .vndts-chatbot-brand strong{display:block;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15.5px;line-height:1.2;font-weight:800;letter-spacing:.02px}
#vndts-chatbot .vndts-chatbot-status{display:flex;align-items:center;gap:6px;margin-top:4px;color:rgba(255,255,255,.88);font-size:10.8px;font-weight:600}
#vndts-chatbot .vndts-chatbot-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#55e3a1;box-shadow:0 0 0 3px rgba(83,226,163,.16);animation:vndts-online 2.6s ease-in-out infinite}
@keyframes vndts-online{0%,100%{box-shadow:0 0 0 3px rgba(83,226,163,.13)}50%{box-shadow:0 0 0 6px rgba(83,226,163,0)}}
#vndts-chatbot .vndts-chatbot-head-actions{position:relative;z-index:1;display:flex;align-items:center;gap:7px}
#vndts-chatbot .vndts-chatbot-restart{display:flex;align-items:center;justify-content:center;gap:5px;height:34px;padding:0 10px;border:1px solid rgba(255,255,255,.24);border-radius:11px;background:rgba(255,255,255,.11);color:#fff;line-height:1;font-size:10.5px;font-weight:800;white-space:nowrap;transition:background .18s ease,transform .18s ease,border-color .18s ease}
#vndts-chatbot .vndts-chatbot-restart span{font-size:17px;line-height:1;transition:transform .22s ease}
#vndts-chatbot .vndts-chatbot-restart b{font:inherit}
#vndts-chatbot .vndts-chatbot-minimize,#vndts-chatbot .vndts-chatbot-close{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.20);border-radius:11px;background:rgba(255,255,255,.09);color:#fff;line-height:1;transition:background .18s ease,transform .18s ease,border-color .18s ease}
#vndts-chatbot .vndts-chatbot-minimize{font-size:20px;padding-bottom:4px}
#vndts-chatbot .vndts-chatbot-close{font-size:22px}
#vndts-chatbot .vndts-chatbot-restart:hover,#vndts-chatbot .vndts-chatbot-minimize:hover,#vndts-chatbot .vndts-chatbot-close:hover{background:rgba(255,255,255,.19);border-color:rgba(255,255,255,.34);transform:translateY(-1px)}
#vndts-chatbot .vndts-chatbot-restart:hover span{transform:rotate(-65deg)}

/* Conversation */
#vndts-chatbot .vndts-chatbot-messages{
  position:relative;flex:1;overflow:auto;overscroll-behavior:contain;padding:16px 15px 14px;
  background:radial-gradient(circle at 10% 0%,rgba(244,123,32,.06),transparent 34%),linear-gradient(180deg,#fffaf7 0%,#fff 52%,#fdfbf9 100%);
  scrollbar-width:thin;scrollbar-color:#d8c6bf transparent;scroll-behavior:smooth
}
#vndts-chatbot .vndts-chatbot-messages::-webkit-scrollbar{width:6px}
#vndts-chatbot .vndts-chatbot-messages::-webkit-scrollbar-track{background:transparent}
#vndts-chatbot .vndts-chatbot-messages::-webkit-scrollbar-thumb{border-radius:999px;background:#d8c8c2}
#vndts-chatbot .vndts-chatbot-msg{position:relative;max-width:88%;margin:0 0 12px;padding:12px 14px;border-radius:18px;line-height:1.6;font-size:13.4px;word-break:break-word;animation:vndts-msg-assistant .24s ease-out both}
#vndts-chatbot .vndts-chatbot-msg.user{margin-left:auto;border:0;border-bottom-right-radius:6px;background:linear-gradient(135deg,#c51d25 0%,#df3225 66%,#ef6d20 125%);color:#fff;box-shadow:0 7px 18px rgba(189,32,38,.18);animation-name:vndts-msg-user}
#vndts-chatbot .vndts-chatbot-msg.assistant{border:1px solid var(--chat-line);border-bottom-left-radius:6px;background:rgba(255,255,255,.98);color:#353941;box-shadow:0 5px 16px rgba(74,48,40,.055)}
@keyframes vndts-msg-user{from{opacity:0;transform:translateX(12px) translateY(3px)}to{opacity:1;transform:none}}
@keyframes vndts-msg-assistant{from{opacity:0;transform:translateX(-10px) translateY(3px)}to{opacity:1;transform:none}}
#vndts-chatbot .vndts-chatbot-msg p{margin:0 0 9px}#vndts-chatbot .vndts-chatbot-msg p:last-child{margin-bottom:0}
#vndts-chatbot .vndts-chatbot-msg h4{margin:1px 0 9px;color:#a91c21;font-size:14px;line-height:1.38;font-weight:800}
#vndts-chatbot .vndts-chatbot-msg ul,#vndts-chatbot .vndts-chatbot-msg ol{margin:7px 0 9px;padding-left:19px}
#vndts-chatbot .vndts-chatbot-msg li{margin:5px 0;padding-left:2px}#vndts-chatbot .vndts-chatbot-msg li::marker{color:#c52d27;font-weight:700}
#vndts-chatbot .vndts-chatbot-msg strong{font-weight:760;color:#20242b}#vndts-chatbot .vndts-chatbot-msg.user strong{color:#fff}
#vndts-chatbot .vndts-chatbot-msg a{color:#b62025;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(182,32,37,.26)}

/* Welcome hero */
#vndts-chatbot .vndts-chatbot-welcome{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:10px;min-height:150px;margin:0 0 12px;padding:16px 14px 15px;border:1px solid #f0ddd4;border-radius:20px;background:linear-gradient(145deg,#fff 0%,#fff9f4 100%);box-shadow:0 7px 22px rgba(108,58,40,.055);overflow:hidden;animation:vndts-welcome-in .34s ease-out both}
#vndts-chatbot .vndts-chatbot-welcome:after{content:"";position:absolute;width:145px;height:145px;border-radius:50%;right:-58px;top:-72px;background:radial-gradient(circle,rgba(244,123,32,.10),rgba(244,123,32,0) 66%);pointer-events:none}
@keyframes vndts-welcome-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#vndts-chatbot .vndts-chatbot-welcome-copy{position:relative;z-index:1;align-self:center}
#vndts-chatbot .vndts-chatbot-welcome-badge{display:inline-flex;align-items:center;gap:5px;margin-bottom:8px;padding:5px 8px;border-radius:999px;background:#fff0e3;color:#a74622;font-size:9.5px;font-weight:850;letter-spacing:.2px}
#vndts-chatbot .vndts-chatbot-welcome h3{margin:0 0 5px;font-size:18px;line-height:1.25;color:#22252a}
#vndts-chatbot .vndts-chatbot-welcome strong{display:block;margin-bottom:5px;font-size:13.4px;color:#34373d}
#vndts-chatbot .vndts-chatbot-welcome p{margin:0;color:#747982;font-size:12px;line-height:1.52}

/* CSS mascot */
#vndts-chatbot .vndts-chatbot-mascot{position:relative;z-index:1;align-self:center;justify-self:center;width:84px;height:92px;border-radius:36px 36px 28px 28px;background:linear-gradient(160deg,#ed3c2e 0%,#c91f27 66%,#a8171e 100%);box-shadow:0 12px 24px rgba(167,32,27,.20),inset 0 1px 0 rgba(255,255,255,.28);animation:vndts-mascot-float 3.5s ease-in-out infinite}
#vndts-chatbot .vndts-chatbot-mascot-face{position:absolute;left:13px;right:13px;top:17px;height:48px;border:4px solid #6d2625;border-radius:23px;background:linear-gradient(180deg,#fff 0%,#fff6f1 100%);box-shadow:inset 0 -5px 8px rgba(227,99,62,.08)}
#vndts-chatbot .vndts-chatbot-mascot-face .eye{position:absolute;top:15px;width:6px;height:7px;border-radius:50%;background:#4a2e2c}.vndts-chatbot-mascot-face .eye.left{left:14px}.vndts-chatbot-mascot-face .eye.right{right:14px}
#vndts-chatbot .vndts-chatbot-mascot-face .smile{position:absolute;left:50%;bottom:8px;width:19px;height:10px;border-bottom:3px solid #d33a31;border-radius:0 0 20px 20px;transform:translateX(-50%)}
#vndts-chatbot .vndts-chatbot-mascot-ear{position:absolute;top:29px;width:12px;height:27px;border-radius:8px;background:#5d3130;box-shadow:inset 0 0 0 3px #ef4030}.vndts-chatbot-mascot-ear.left{left:-7px}.vndts-chatbot-mascot-ear.right{right:-7px}
#vndts-chatbot .vndts-chatbot-mascot-antenna{position:absolute;left:50%;top:-14px;width:3px;height:18px;background:#78312d;transform:translateX(-50%);border-radius:999px}.vndts-chatbot-mascot-antenna i{position:absolute;left:50%;top:-4px;width:9px;height:9px;border-radius:50%;background:#ffbf2b;box-shadow:0 0 0 4px rgba(255,191,43,.16);transform:translateX(-50%);animation:vndts-spark 2.2s ease-in-out infinite}
#vndts-chatbot .vndts-chatbot-mascot b{position:absolute;left:50%;bottom:7px;transform:translateX(-50%);color:#fff;font-size:14px;letter-spacing:.7px}
@keyframes vndts-mascot-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}

#vndts-chatbot .vndts-chatbot-section-title{margin:5px 2px 9px;font-size:11.5px;font-weight:800;color:#5d4038;animation:vndts-fade-up .25s ease both}
#vndts-chatbot .vndts-chatbot-more-title{margin:13px 2px 7px;font-size:11px;font-weight:700;color:#6e625e}

/* Primary quick actions */
#vndts-chatbot .vndts-chatbot-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:3px}
#vndts-chatbot .vndts-chatbot-action{display:flex;align-items:center;gap:10px;min-height:62px;padding:10px 11px;border:1px solid #eddad3;border-radius:15px;background:linear-gradient(145deg,#fff,#fffaf7);color:#49322d;text-align:left;box-shadow:0 4px 13px rgba(91,46,32,.035);opacity:0;transform:translateY(7px);animation:vndts-action-in .28s ease-out forwards;animation-delay:var(--action-delay,0ms);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
#vndts-chatbot .vndts-chatbot-action:hover{transform:translateY(-2px);border-color:#e7b4a5;background:#fff;box-shadow:0 9px 20px rgba(137,57,37,.09)}
#vndts-chatbot .vndts-chatbot-action:active{transform:scale(.985)}
@keyframes vndts-action-in{to{opacity:1;transform:translateY(0)}}
#vndts-chatbot .vndts-chatbot-action-icon{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:10px;background:#fff0ed;color:#bf2728}
#vndts-chatbot .vndts-chatbot-action-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#vndts-chatbot .vndts-chatbot-action-copy{min-width:0;display:block}
#vndts-chatbot .vndts-chatbot-action-copy strong{display:block;font-size:12px;line-height:1.25;color:#53312d;font-weight:800}
#vndts-chatbot .vndts-chatbot-action-copy small{display:block;margin-top:3px;color:#8a7b76;font-size:10px;line-height:1.2}

/* Secondary chips */
#vndts-chatbot .vndts-chatbot-suggestions{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:4px}
#vndts-chatbot .vndts-chatbot-suggestion{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid #eee2dc;border-radius:999px;background:#fff;color:#63534f;font-size:10.5px;font-weight:650;box-shadow:0 3px 9px rgba(90,54,42,.035);opacity:0;animation:vndts-action-in .25s ease forwards;animation-delay:var(--action-delay,0ms);transition:.18s ease}
#vndts-chatbot .vndts-chatbot-suggestion:hover{border-color:#e4b6a7;color:#b32226;transform:translateY(-1px)}
#vndts-chatbot .vndts-chatbot-suggestion span{display:grid;place-items:center;color:#c52d27}.vndts-chatbot-suggestion svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* Follow up chips */
#vndts-chatbot .vndts-chatbot-followups{display:flex;flex-wrap:wrap;gap:7px;margin:-2px 0 13px;animation:vndts-fade-up .25s ease both}
#vndts-chatbot .vndts-chatbot-followups button{padding:7px 10px;border:1px solid #ebd9d2;border-radius:999px;background:#fff;color:#8f3a2e;font-size:10.8px;font-weight:700;transition:.18s ease}
#vndts-chatbot .vndts-chatbot-followups button:hover{background:#fff3ed;border-color:#e7b4a5;transform:translateY(-1px)}
@keyframes vndts-fade-up{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

/* Long answer */
#vndts-chatbot .vndts-chatbot-msg-wrap{position:relative;margin-bottom:8px;max-width:90%}
#vndts-chatbot .vndts-chatbot-msg-wrap .vndts-chatbot-msg{max-width:100%;margin-bottom:0;transition:max-height .28s ease}
#vndts-chatbot .vndts-chatbot-msg-wrap.is-collapsed .vndts-chatbot-msg{max-height:300px;overflow:hidden}
#vndts-chatbot .vndts-chatbot-msg-wrap.is-collapsed:after{content:"";position:absolute;left:1px;right:1px;bottom:31px;height:72px;border-radius:0 0 17px 6px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.98));pointer-events:none}
#vndts-chatbot .vndts-chatbot-expand{position:relative;z-index:1;margin:7px 0 0 8px;padding:5px 9px;border:0;border-radius:999px;background:#fff0ea;color:#a92a25;font-size:10.5px;font-weight:800}

/* Typing */
#vndts-chatbot .vndts-chatbot-typing{display:flex;align-items:center;gap:8px;width:max-content;max-width:92%;padding:9px 11px}
#vndts-chatbot .vndts-chatbot-typing-avatar{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:linear-gradient(145deg,#c91f27,#f17a20);color:#fff;font-size:8.5px;font-weight:850}
#vndts-chatbot .vndts-chatbot-typing-dots{display:inline-flex;align-items:center;gap:3px}.vndts-chatbot-typing-dots i{width:5px;height:5px;border-radius:50%;background:#ce4b3a;animation:vndts-dot 1.05s ease-in-out infinite}.vndts-chatbot-typing-dots i:nth-child(2){animation-delay:.14s}.vndts-chatbot-typing-dots i:nth-child(3){animation-delay:.28s}
#vndts-chatbot .vndts-chatbot-typing-text{color:#7c7471;font-size:10.8px}
@keyframes vndts-dot{0%,70%,100%{transform:translateY(0);opacity:.42}35%{transform:translateY(-4px);opacity:1}}

/* New message button */
#vndts-chatbot .vndts-chatbot-new-message{position:absolute;left:50%;bottom:92px;z-index:3;padding:6px 10px;border:1px solid #e7d7d0;border-radius:999px;background:#fff;color:#8f3d32;box-shadow:0 7px 18px rgba(74,48,40,.12);font-size:10.5px;font-weight:750;opacity:0;visibility:hidden;transform:translate(-50%,7px);transition:.18s ease}
#vndts-chatbot .vndts-chatbot-new-message.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}

/* Composer */
#vndts-chatbot .vndts-chatbot-composer{padding:10px 11px 8px;border-top:1px solid #f0e8e4;background:#fff}
#vndts-chatbot .vndts-chatbot-form{display:flex;align-items:flex-end;gap:7px;padding:4px 5px 4px 9px;border:1px solid #e4cec5;border-radius:17px;background:#fff;box-shadow:0 4px 13px rgba(83,48,37,.045);transition:border-color .18s ease,box-shadow .18s ease}
#vndts-chatbot .vndts-chatbot-form:focus-within{border-color:#df7d66;box-shadow:0 0 0 3px rgba(211,63,38,.07),0 5px 16px rgba(83,48,37,.05)}
#vndts-chatbot .vndts-chatbot-attach{display:grid;place-items:center;flex:0 0 25px;width:25px;height:34px;color:#918985}
#vndts-chatbot .vndts-chatbot-attach svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#vndts-chatbot .vndts-chatbot-input{display:block;flex:1;min-width:0;min-height:38px;max-height:112px;padding:10px 3px 8px;border:0;outline:0;resize:none;background:transparent;color:#303237;font-size:12.5px;line-height:1.45}
#vndts-chatbot .vndts-chatbot-input::placeholder{color:#aaa09c}
#vndts-chatbot .vndts-chatbot-send{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:0;border-radius:14px;background:linear-gradient(145deg,#d21f27,#ee4d23 70%,#f58220);color:#fff;box-shadow:0 6px 15px rgba(201,31,39,.22);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
#vndts-chatbot .vndts-chatbot-send svg{width:20px;height:20px;transition:transform .18s ease}.vndts-chatbot-send:hover{transform:translateY(-1px) scale(1.03);box-shadow:0 8px 18px rgba(201,31,39,.27)}.vndts-chatbot-send:hover svg{transform:translate(2px,-2px)}.vndts-chatbot-send:active{transform:scale(.96)}.vndts-chatbot-send:disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.15)}
#vndts-chatbot .vndts-chatbot-hint{padding:5px 5px 0;text-align:right;color:#aaa29e;font-size:9px}

/* Sending state */
#vndts-chatbot.is-sending .vndts-chatbot-send svg{animation:vndts-send-float .9s ease-in-out infinite alternate}
@keyframes vndts-send-float{to{transform:translate(2px,-2px)}}

/* Mobile */
@media (max-width:640px){
  #vndts-chatbot .vndts-chatbot-restart{width:34px;padding:0}
  #vndts-chatbot .vndts-chatbot-restart b{display:none}
  #vndts-chatbot{right:10px;bottom:74px}
  #vndts-chatbot .vndts-chatbot-panel{position:fixed;left:10px;right:10px;bottom:76px;width:auto;height:min(690px,calc(100dvh - 92px));min-height:0;border-radius:21px;transform-origin:100% 100%}
  #vndts-chatbot .vndts-chatbot-head{min-height:70px;padding:11px 12px}
  #vndts-chatbot .vndts-chatbot-avatar{width:41px;height:41px;flex-basis:41px}
  #vndts-chatbot .vndts-chatbot-brand strong{font-size:14.5px}
  #vndts-chatbot .vndts-chatbot-status{font-size:10px}
  #vndts-chatbot .vndts-chatbot-messages{padding:13px 11px 11px}
  #vndts-chatbot .vndts-chatbot-welcome{grid-template-columns:minmax(0,1fr) 88px;padding:13px 12px;min-height:138px}
  #vndts-chatbot .vndts-chatbot-mascot{scale:.88;transform-origin:center}
  #vndts-chatbot .vndts-chatbot-actions{gap:7px}
  #vndts-chatbot .vndts-chatbot-action{min-height:58px;padding:9px 8px;gap:8px}
  #vndts-chatbot .vndts-chatbot-action-icon{width:29px;height:29px;flex-basis:29px}
  #vndts-chatbot .vndts-chatbot-action-copy strong{font-size:11.2px}
  #vndts-chatbot .vndts-chatbot-action-copy small{font-size:9.5px}
  #vndts-chatbot .vndts-chatbot-msg{font-size:13px;max-width:91%}
  #vndts-chatbot .vndts-chatbot-launcher-label{display:none}
}
@media (max-width:370px){
  #vndts-chatbot .vndts-chatbot-welcome{grid-template-columns:1fr 74px}
  #vndts-chatbot .vndts-chatbot-mascot{margin-left:-6px;scale:.76}
  #vndts-chatbot .vndts-chatbot-action-copy small{display:none}
}
@media (prefers-reduced-motion:reduce){
  #vndts-chatbot *,#vndts-chatbot *:before,#vndts-chatbot *:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* Real website imagery support */
#vndts-chatbot .vndts-chatbot-avatar.has-image{overflow:hidden;padding:4px;background:#fff}
#vndts-chatbot .vndts-chatbot-avatar.has-image img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%}
#vndts-chatbot .vndts-chatbot-action-icon.has-image{width:42px;height:42px;flex-basis:42px;padding:0;overflow:hidden;border-radius:11px;background:#fff;border:1px solid #f0dfd8;box-shadow:0 3px 9px rgba(93,43,28,.05)}
#vndts-chatbot .vndts-chatbot-action-icon.has-image img{display:block;width:100%;height:100%;object-fit:cover}
#vndts-chatbot .vndts-chatbot-action:has(.vndts-chatbot-action-icon.has-image){min-height:68px}
@media(max-width:520px){#vndts-chatbot .vndts-chatbot-action-icon.has-image{width:38px;height:38px;flex-basis:38px}}

/* Lead capture + direct contact */
#vndts-chatbot .vndts-chatbot-direct-contact{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
#vndts-chatbot .vndts-chatbot-direct-contact button{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid #ead9d2;border-radius:999px;background:#fff;color:#6d4840;font-size:10.8px;font-weight:800;box-shadow:0 3px 10px rgba(90,54,42,.04);transition:.18s ease}
#vndts-chatbot .vndts-chatbot-direct-contact button:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(90,54,42,.08)}
#vndts-chatbot .vndts-chatbot-direct-contact button span{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;font-size:10px;font-weight:900}
#vndts-chatbot .vndts-chatbot-direct-contact .zalo{border-color:#cfe5ff;color:#1766b0;background:#f7fbff}
#vndts-chatbot .vndts-chatbot-direct-contact .zalo span{background:#0b78e3;color:#fff}
#vndts-chatbot .vndts-chatbot-direct-contact .phone{border-color:#f0d2c7;color:#a42c26;background:#fff9f6}
#vndts-chatbot .vndts-chatbot-direct-contact .phone span{background:#d9342b;color:#fff}
#vndts-chatbot .vndts-chatbot-lead-card{margin:8px 0 14px;padding:14px;border:1px solid #ecd8cf;border-radius:18px;background:linear-gradient(145deg,#fff,#fff9f6);box-shadow:0 8px 22px rgba(99,52,38,.07);animation:vndts-fade-up .28s ease both}
#vndts-chatbot .vndts-chatbot-lead-head{display:flex;align-items:center;gap:9px;margin-bottom:12px}
#vndts-chatbot .vndts-chatbot-lead-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,#d4212b,#f47b20);color:#fff;font-size:16px;box-shadow:0 6px 14px rgba(202,42,39,.16)}
#vndts-chatbot .vndts-chatbot-lead-head strong{display:block;color:#392d2a;font-size:13px;font-weight:850}
#vndts-chatbot .vndts-chatbot-lead-head small{display:block;margin-top:2px;color:#8c7f7a;font-size:10.3px}
#vndts-chatbot .vndts-chatbot-lead-form{display:grid;grid-template-columns:1fr 1fr;gap:9px}
#vndts-chatbot .vndts-chatbot-lead-form>label{display:block;margin:0;color:#65514a;font-size:10.7px;font-weight:800}
#vndts-chatbot .vndts-chatbot-lead-form>label:nth-child(3){grid-column:1/-1}
#vndts-chatbot .vndts-chatbot-lead-form input,#vndts-chatbot .vndts-chatbot-lead-form textarea{display:block;width:100%;margin-top:5px;padding:9px 10px;border:1px solid #e6d8d2;border-radius:11px;background:#fff;color:#353132;font:inherit;font-size:11.5px;outline:0;resize:none;transition:.18s ease}
#vndts-chatbot .vndts-chatbot-lead-form input:focus,#vndts-chatbot .vndts-chatbot-lead-form textarea:focus{border-color:#df8d73;box-shadow:0 0 0 3px rgba(222,91,53,.07)}
#vndts-chatbot .vndts-chatbot-contact-method{grid-column:1/-1;display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding-top:1px}
#vndts-chatbot .vndts-chatbot-contact-method>span{margin-right:auto;color:#6e5a54;font-size:10.5px;font-weight:800}
#vndts-chatbot .vndts-chatbot-contact-method label{position:relative;margin:0;cursor:pointer}
#vndts-chatbot .vndts-chatbot-contact-method input{position:absolute;opacity:0;pointer-events:none}
#vndts-chatbot .vndts-chatbot-contact-method b{display:block;padding:7px 10px;border:1px solid #eadbd5;border-radius:999px;background:#fff;color:#75625c;font-size:10px;font-weight:800;transition:.18s ease}
#vndts-chatbot .vndts-chatbot-contact-method input:checked+b{border-color:#dc6e52;background:#fff0e9;color:#a92d25;box-shadow:0 0 0 2px rgba(215,71,42,.05)}
#vndts-chatbot .vndts-chatbot-lead-error{grid-column:1/-1;min-height:0;color:#b3261e;font-size:10.5px;font-weight:700}
#vndts-chatbot .vndts-chatbot-lead-error:empty{display:none}
#vndts-chatbot .vndts-chatbot-lead-submit{grid-column:1/-1;padding:10px 13px;border:0;border-radius:11px;background:linear-gradient(135deg,#d5232f,#f47b20);color:#fff;font-size:11.5px;font-weight:850;box-shadow:0 6px 14px rgba(213,35,47,.15);transition:.18s ease}
#vndts-chatbot .vndts-chatbot-lead-submit:hover{transform:translateY(-1px);filter:brightness(.98)}
#vndts-chatbot .vndts-chatbot-lead-submit:disabled{opacity:.55;cursor:not-allowed}
#vndts-chatbot .vndts-chatbot-privacy{grid-column:1/-1;text-align:center;color:#aaa09b;font-size:9.2px;line-height:1.35}
#vndts-chatbot .vndts-chatbot-lead-success{text-align:center;padding:7px 3px 2px}
#vndts-chatbot .vndts-chatbot-lead-success>span{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 8px;border-radius:50%;background:#eaf8f0;color:#1c9b5b;font-size:20px;font-weight:900}
#vndts-chatbot .vndts-chatbot-lead-success strong{display:block;color:#2f352f;font-size:13.5px}
#vndts-chatbot .vndts-chatbot-lead-success p{margin:5px 0 0;color:#77716e;font-size:11px;line-height:1.45}
#vndts-chatbot .vndts-chatbot-contact-prompt{display:flex;align-items:center;gap:10px;margin:-2px 0 13px;padding:10px 11px;border:1px solid #f0ddd3;border-radius:14px;background:#fff8f3;animation:vndts-fade-up .25s ease both}
#vndts-chatbot .vndts-chatbot-contact-prompt>div{min-width:0;flex:1}
#vndts-chatbot .vndts-chatbot-contact-prompt strong{display:block;color:#513b35;font-size:11px}
#vndts-chatbot .vndts-chatbot-contact-prompt small{display:block;margin-top:2px;color:#8f817b;font-size:9.8px}
#vndts-chatbot .vndts-chatbot-contact-prompt button{flex:0 0 auto;padding:7px 9px;border:0;border-radius:9px;background:#d92d2a;color:#fff;font-size:10px;font-weight:850;box-shadow:0 4px 10px rgba(201,31,39,.14)}
@media(max-width:430px){#vndts-chatbot .vndts-chatbot-lead-form{grid-template-columns:1fr}#vndts-chatbot .vndts-chatbot-lead-form>label:nth-child(3),#vndts-chatbot .vndts-chatbot-contact-method,#vndts-chatbot .vndts-chatbot-lead-error,#vndts-chatbot .vndts-chatbot-lead-submit,#vndts-chatbot .vndts-chatbot-privacy{grid-column:auto}}

/* Floating support hub — premium branched layout around the AI launcher */
#vndts-chatbot .vndts-chatbot-launcher-wrap{
  position:relative;
  display:block;
  width:390px;
  height:305px;
  overflow:visible;
}

/* Soft ambient halo behind the AI hub */
#vndts-chatbot .vndts-chatbot-launcher-wrap:before{
  content:"";
  position:absolute;
  right:-16px;
  top:92px;
  width:150px;
  height:150px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,174,76,.18) 0%,rgba(239,54,36,.07) 48%,rgba(239,54,36,0) 72%);
  filter:blur(2px);
  pointer-events:none;
  z-index:0;
}

/* Main AI orb */
#vndts-chatbot .vndts-chatbot-toggle{
  position:absolute;
  right:4px;
  top:110px;
  z-index:5;
  display:grid;
  place-items:center;
  width:100px;
  height:100px;
  border:3px solid rgba(255,255,255,.92);
  border-radius:50%;
  background:
    radial-gradient(circle at 36% 28%,rgba(255,255,255,.28),transparent 30%),
    linear-gradient(145deg,#dc1f2d 0%,#ef3f24 55%,#f68b1e 100%);
  color:#fff;
  box-shadow:
    0 22px 48px rgba(164,35,29,.34),
    0 0 0 9px rgba(245,124,31,.10),
    0 0 0 17px rgba(255,208,85,.055),
    inset 0 1px 0 rgba(255,255,255,.26);
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
  isolation:isolate;
}
#vndts-chatbot .vndts-chatbot-toggle:before{
  content:"";
  position:absolute;
  inset:-18px;
  z-index:-2;
  border:1.5px solid rgba(241,66,37,.22);
  border-radius:50%;
  opacity:.8;
  animation:vndts-launcher-pulse 5.8s ease-out infinite;
}
#vndts-chatbot .vndts-chatbot-toggle:after{
  content:"";
  position:absolute;
  inset:-24px;
  z-index:-1;
  border-radius:50%;
  background:conic-gradient(
    from 0deg,
    transparent 0 9%,
    #ffd65a 9% 15%,
    #fff 15% 17%,
    transparent 17% 43%,
    #ff8b1f 43% 51%,
    transparent 51% 73%,
    #ffcf47 73% 80%,
    transparent 80% 100%
  );
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
  filter:drop-shadow(0 0 7px rgba(244,123,32,.58));
  animation:vndts-launcher-orbit 4.2s linear infinite;
  pointer-events:none;
}
#vndts-chatbot .vndts-chatbot-toggle:hover{
  transform:translateY(-4px) scale(1.045);
  box-shadow:
    0 27px 56px rgba(164,35,29,.39),
    0 0 0 11px rgba(245,124,31,.12),
    0 0 0 20px rgba(255,208,85,.065),
    inset 0 1px 0 rgba(255,255,255,.3);
}
#vndts-chatbot .vndts-chatbot-toggle>svg{display:none}
#vndts-chatbot .vndts-chatbot-robot{display:grid;place-items:center;width:63px;height:63px}
#vndts-chatbot .vndts-chatbot-robot svg{display:block;width:63px;height:63px;overflow:visible}
#vndts-chatbot .vndts-chatbot-robot .robot-head{fill:#fff;stroke:#fff;stroke-width:1.2}
#vndts-chatbot .vndts-chatbot-robot .robot-ear{fill:#fff}
#vndts-chatbot .vndts-chatbot-robot .robot-eye{fill:#d7262c}
#vndts-chatbot .vndts-chatbot-robot .robot-mouth,
#vndts-chatbot .vndts-chatbot-robot .robot-ant{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round}
#vndts-chatbot .vndts-chatbot-robot .robot-mouth{stroke:#d7262c}
#vndts-chatbot .vndts-chatbot-robot .robot-ant-dot{fill:#ffd75d;filter:drop-shadow(0 0 4px rgba(255,215,93,.9))}
#vndts-chatbot .vndts-chatbot-toggle:hover .vndts-chatbot-robot{animation:vndts-robot-wave .48s ease}
@keyframes vndts-robot-wave{0%,100%{transform:rotate(0)}35%{transform:rotate(-5deg)}70%{transform:rotate(5deg)}}

/* CTA label above the AI orb */
#vndts-chatbot .vndts-chatbot-launcher-label{
  position:absolute;
  right:1px;
  top:60px;
  z-index:7;
  display:flex;
  align-items:center;
  gap:7px;
  min-width:max-content;
  padding:11px 17px;
  border:1px solid rgba(255,255,255,.62);
  border-radius:999px;
  background:linear-gradient(135deg,#cf1f2b 0%,#ee4224 54%,#f58a1f 100%);
  color:#fff;
  box-shadow:0 12px 30px rgba(190,45,35,.28),0 0 0 4px rgba(255,255,255,.18);
  font-size:13px;
  font-weight:850;
  line-height:1;
  white-space:nowrap;
  opacity:1;
  transform:none;
  pointer-events:none;
  animation:vndts-ai-label-float 3.2s ease-in-out infinite;
}
#vndts-chatbot .vndts-chatbot-launcher-label:after{
  content:"";
  position:absolute;
  right:38px;
  bottom:-8px;
  border:8px solid transparent;
  border-top-color:#f06d20;
  border-bottom:0;
}
#vndts-chatbot .vndts-chatbot-launcher-label i{font-style:normal;color:#fff3a8;text-shadow:0 0 10px rgba(255,240,161,.72);animation:vndts-label-spark 2s ease-in-out infinite}
#vndts-chatbot:not(.is-open) .vndts-chatbot-launcher-wrap:hover .vndts-chatbot-launcher-label{opacity:1;transform:none}
@keyframes vndts-ai-label-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes vndts-label-spark{0%,100%{transform:scale(.9) rotate(0)}50%{transform:scale(1.15) rotate(15deg)}}

/* Support options */
#vndts-chatbot .vndts-chatbot-support-menu{
  position:absolute;
  left:0;
  top:24px;
  z-index:4;
  display:flex;
  flex-direction:column;
  gap:10px;
  width:230px;
  opacity:1;
  visibility:visible;
  transform:translateX(0);
  transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s;
}
#vndts-chatbot .vndts-chatbot-support-item{
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  width:230px;
  height:52px;
  padding:5px 13px 5px 6px;
  border:1px solid rgba(185,91,65,.14);
  border-radius:999px;
  background:rgba(255,255,255,.985);
  color:#292728;
  box-shadow:0 11px 27px rgba(85,46,35,.12),0 2px 7px rgba(81,43,33,.05);
  font-size:13.5px;
  font-weight:850;
  text-align:left;
  transform-origin:100% 50%;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;
}
#vndts-chatbot .vndts-chatbot-support-item:nth-child(1){animation:vndts-support-in .42s .06s both}
#vndts-chatbot .vndts-chatbot-support-item:nth-child(2){animation:vndts-support-in .42s .14s both}
#vndts-chatbot .vndts-chatbot-support-item:nth-child(3){animation:vndts-support-in .42s .22s both}
#vndts-chatbot .vndts-chatbot-support-item:nth-child(4){animation:vndts-support-in .42s .30s both}
#vndts-chatbot .vndts-chatbot-support-item:hover{
  transform:translateX(-4px) scale(1.018);
  border-color:rgba(213,52,36,.24);
  background:#fffdfa;
  box-shadow:0 16px 36px rgba(81,43,33,.16),0 4px 10px rgba(81,43,33,.05);
}
#vndts-chatbot .vndts-chatbot-support-item strong{display:block;flex:1;min-width:0;white-space:nowrap}
#vndts-chatbot .vndts-chatbot-support-icon{
  display:grid;
  place-items:center;
  flex:0 0 42px;
  width:42px;
  height:42px;
  border-radius:50%;
  color:#fff;
  font-size:10px;
  font-weight:900;
  line-height:1;
  background:#d72b2d;
  box-shadow:0 6px 15px rgba(187,44,37,.20),inset 0 1px 0 rgba(255,255,255,.22);
}
#vndts-chatbot .vndts-chatbot-support-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#vndts-chatbot .vndts-chatbot-support-item.is-service .vndts-chatbot-support-icon{background:linear-gradient(145deg,#cf2630,#f05a28)}
#vndts-chatbot .vndts-chatbot-support-item.is-zalo .vndts-chatbot-support-icon{background:linear-gradient(145deg,#1b95ff,#0871dc)}
#vndts-chatbot .vndts-chatbot-support-item.is-phone .vndts-chatbot-support-icon{background:linear-gradient(145deg,#d91f2c,#f14c2c)}
#vndts-chatbot .vndts-chatbot-support-item.is-quote .vndts-chatbot-support-icon{background:linear-gradient(145deg,#ec411e,#f7921f)}
#vndts-chatbot .vndts-chatbot-support-arrow{
  display:grid;
  place-items:center;
  flex:0 0 26px;
  width:26px;
  height:26px;
  margin-left:auto;
  color:#de3b2a;
  font-size:27px;
  font-weight:500;
  line-height:1;
  transition:transform .18s ease,color .18s ease;
}
#vndts-chatbot .vndts-chatbot-support-item:hover .vndts-chatbot-support-arrow{transform:translateX(3px);color:#f16c22}
@keyframes vndts-support-in{from{opacity:0;transform:translateX(18px) scale(.94)}to{opacity:1;transform:translateX(0) scale(1)}}

/* Curved branch network between the support options and AI hub */
#vndts-chatbot .vndts-chatbot-support-connectors{
  position:absolute;
  left:0;
  top:0;
  z-index:2;
  width:390px;
  height:310px;
  overflow:visible;
  pointer-events:none;
}
#vndts-chatbot .vndts-chatbot-support-connectors .support-path{
  fill:none;
  stroke:rgba(224,62,34,.70);
  stroke-width:2;
  stroke-linecap:round;
  stroke-dasharray:4 6;
  filter:drop-shadow(0 0 2px rgba(239,80,35,.12));
  animation:vndts-connector-flow 7s linear infinite;
}
#vndts-chatbot .vndts-chatbot-support-connectors .support-node{
  fill:#ee4b22;
  stroke:#fff;
  stroke-width:3;
  filter:drop-shadow(0 2px 3px rgba(146,43,29,.15));
}
#vndts-chatbot .vndts-chatbot-support-connectors .hub-node{
  fill:#fff;
  stroke:#ee4b22;
  stroke-width:4;
  r:7;
}
#vndts-chatbot:not(.has-support-zalo) .vndts-chatbot-support-connectors .path-zalo,
#vndts-chatbot:not(.has-support-zalo) .vndts-chatbot-support-connectors .node-zalo,
#vndts-chatbot:not(.has-support-phone) .vndts-chatbot-support-connectors .path-phone,
#vndts-chatbot:not(.has-support-phone) .vndts-chatbot-support-connectors .node-phone,
#vndts-chatbot:not(.has-support-lead) .vndts-chatbot-support-connectors .path-lead,
#vndts-chatbot:not(.has-support-lead) .vndts-chatbot-support-connectors .node-lead{display:none}
@keyframes vndts-connector-flow{to{stroke-dashoffset:-40}}

#vndts-chatbot.is-open .vndts-chatbot-support-menu,
#vndts-chatbot.is-open .vndts-chatbot-support-connectors{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateX(18px);
}
#vndts-chatbot.is-open .vndts-chatbot-launcher-label{opacity:0!important;visibility:hidden}

/* Keep the hub clear of the sticky contact bar */
@media (min-width:641px){#vndts-chatbot{bottom:var(--chatbot-safe-bottom,94px)}}

/* Tablet: scale the closed hub as one composition instead of squashing individual buttons */
@media (max-width:1100px) and (min-width:641px){
  #vndts-chatbot .vndts-chatbot-launcher-wrap{transform:scale(.90);transform-origin:100% 100%}
}

/* Mobile: compact icon stack, no branch lines */
@media (max-width:640px){
  #vndts-chatbot{right:12px;bottom:var(--chatbot-safe-bottom,82px)}
  #vndts-chatbot .vndts-chatbot-launcher-wrap{width:68px;height:290px}
  #vndts-chatbot .vndts-chatbot-toggle{right:0;top:auto;bottom:0;width:66px;height:66px}
  #vndts-chatbot .vndts-chatbot-robot,#vndts-chatbot .vndts-chatbot-robot svg{width:44px;height:44px}
  #vndts-chatbot .vndts-chatbot-launcher-label,
  #vndts-chatbot .vndts-chatbot-support-connectors,
  #vndts-chatbot .vndts-chatbot-support-menu{
    left:auto;
    right:9px;
    top:auto;
    bottom:82px;
    width:48px;
    display:flex;
    flex-direction:column;
    gap:7px;
  }
  #vndts-chatbot .vndts-chatbot-support-item{
    width:48px;
    min-width:48px;
    height:48px;
    padding:3px;
    border-radius:50%;
  }
  #vndts-chatbot .vndts-chatbot-support-item strong,
  #vndts-chatbot .vndts-chatbot-support-arrow{display:none}
  #vndts-chatbot .vndts-chatbot-support-icon{width:40px;height:40px;flex-basis:40px}
}


/* Accessibility: keep the hub static when reduced motion is requested */
@media (prefers-reduced-motion:reduce){
  #vndts-chatbot .vndts-chatbot-launcher-label,
  #vndts-chatbot .vndts-chatbot-toggle:before,
  #vndts-chatbot .vndts-chatbot-toggle:after,
  #vndts-chatbot .vndts-chatbot-support-item{
    animation:none!important;
  }
}


/* Support hub collapse/expand behavior — keep the page clean until the user engages */
@media (min-width:641px){
  #vndts-chatbot .vndts-chatbot-launcher-wrap{
    width:176px;
    height:305px;
    transition:width .28s cubic-bezier(.2,.8,.2,1);
  }
  #vndts-chatbot.support-expanded .vndts-chatbot-launcher-wrap{
    width:390px;
  }
  #vndts-chatbot .vndts-chatbot-support-menu{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateX(34px) scale(.96);
    transform-origin:100% 50%;
    transition:opacity .20s ease,transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s linear .28s;
  }
  #vndts-chatbot .vndts-chatbot-support-connectors{
    opacity:0;
    visibility:hidden;
    transform:translateX(18px) scale(.97);
    transform-origin:100% 50%;
    transition:opacity .18s ease .04s,transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s linear .28s;
  }
  #vndts-chatbot.support-expanded:not(.is-open) .vndts-chatbot-support-menu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateX(0) scale(1);
    transition:opacity .18s ease .03s,transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s;
  }
  #vndts-chatbot.support-expanded:not(.is-open) .vndts-chatbot-support-connectors{
    opacity:1;
    visibility:visible;
    transform:translateX(0) scale(1);
    transition:opacity .20s ease .09s,transform .30s cubic-bezier(.2,.8,.2,1),visibility 0s;
  }
  #vndts-chatbot .vndts-chatbot-launcher-label{
    pointer-events:auto;
    cursor:pointer;
    appearance:none;
    -webkit-appearance:none;
    outline:0;
  }
  #vndts-chatbot .vndts-chatbot-label-chevron{
    display:inline-grid;
    place-items:center;
    width:16px;
    height:16px;
    margin-left:1px;
    border-radius:50%;
    background:rgba(255,255,255,.16);
    color:#fff;
    font-size:12px;
    line-height:1;
    transition:transform .22s ease,background .18s ease;
  }
  #vndts-chatbot.support-expanded .vndts-chatbot-label-chevron{
    transform:rotate(180deg);
    background:rgba(255,255,255,.25);
  }
  #vndts-chatbot:not(.support-expanded) .vndts-chatbot-support-item{
    animation:none!important;
  }
}

@media (max-width:640px){
  /* Mobile stays intentionally minimal: the AI button opens the full assistant. */
  #vndts-chatbot .vndts-chatbot-support-menu,
  #vndts-chatbot .vndts-chatbot-support-connectors{display:none!important}
  #vndts-chatbot .vndts-chatbot-launcher-wrap{height:76px}
}

/* Open panel must stay fully interactive: hide the floating AI launcher/hub while chatting. */
#vndts-chatbot .vndts-chatbot-panel{
  z-index:50;
}
#vndts-chatbot.is-open .vndts-chatbot-launcher-wrap{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .16s ease,visibility 0s linear .16s;
}
#vndts-chatbot:not(.is-open) .vndts-chatbot-launcher-wrap{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition:opacity .18s ease;
}
#vndts-chatbot.is-open .vndts-chatbot-toggle,
#vndts-chatbot.is-open .vndts-chatbot-launcher-label,
#vndts-chatbot.is-open .vndts-chatbot-support-menu,
#vndts-chatbot.is-open .vndts-chatbot-support-connectors{
  pointer-events:none!important;
}

/* Compact support hub refinement — tighter spacing and safer AI CTA label */
@media (min-width:641px){
  #vndts-chatbot .vndts-chatbot-launcher-wrap{
    width:154px;
    height:200px;
    transition:width .26s cubic-bezier(.2,.8,.2,1),height .26s cubic-bezier(.2,.8,.2,1);
  }
  #vndts-chatbot.support-expanded .vndts-chatbot-launcher-wrap{
    width:344px;
    height:230px;
  }
  #vndts-chatbot .vndts-chatbot-launcher-wrap:before{
    right:-9px;
    top:82px;
    width:132px;
    height:132px;
  }
  #vndts-chatbot .vndts-chatbot-toggle{
    right:3px;
    top:96px;
    width:88px;
    height:88px;
    border-width:2px;
    box-shadow:0 18px 38px rgba(164,35,29,.30),0 0 0 7px rgba(245,124,31,.09),0 0 0 13px rgba(255,208,85,.045),inset 0 1px 0 rgba(255,255,255,.25);
  }
  #vndts-chatbot .vndts-chatbot-toggle:before{inset:-14px}
  #vndts-chatbot .vndts-chatbot-toggle:after{inset:-19px}
  #vndts-chatbot .vndts-chatbot-robot,
  #vndts-chatbot .vndts-chatbot-robot svg{width:55px;height:55px}

  #vndts-chatbot .vndts-chatbot-launcher-label{
    right:0;
    top:47px;
    padding:9px 13px;
    gap:5px;
    border-radius:999px;
    font-size:12px;
    box-shadow:0 9px 22px rgba(190,45,35,.24),0 0 0 3px rgba(255,255,255,.14);
  }
  #vndts-chatbot .vndts-chatbot-launcher-label:after{
    right:29px;
    bottom:-6px;
    border-width:6px;
    border-bottom:0;
  }
  #vndts-chatbot .vndts-chatbot-label-chevron{
    width:14px;
    height:14px;
    font-size:10px;
  }

  #vndts-chatbot .vndts-chatbot-support-menu{
    top:18px;
    width:200px;
    gap:7px;
  }
  #vndts-chatbot .vndts-chatbot-support-item{
    width:200px;
    height:44px;
    gap:9px;
    padding:4px 10px 4px 5px;
    font-size:12.5px;
    box-shadow:0 8px 20px rgba(85,46,35,.10),0 2px 6px rgba(81,43,33,.04);
  }
  #vndts-chatbot .vndts-chatbot-support-icon{
    flex-basis:36px;
    width:36px;
    height:36px;
    font-size:9px;
  }
  #vndts-chatbot .vndts-chatbot-support-icon svg{width:18px;height:18px}
  #vndts-chatbot .vndts-chatbot-support-arrow{
    flex-basis:20px;
    width:20px;
    height:20px;
    font-size:22px;
  }
  #vndts-chatbot .vndts-chatbot-support-connectors{
    width:344px;
    height:230px;
  }
  #vndts-chatbot .vndts-chatbot-support-connectors .support-path{
    stroke-width:1.7;
    stroke-dasharray:3 5;
  }
  #vndts-chatbot .vndts-chatbot-support-connectors .support-node{stroke-width:2.5}
  #vndts-chatbot .vndts-chatbot-support-connectors .hub-node{stroke-width:3.2}
}


/* Coexist safely with the website's legacy support widgets. */
body.vndts-chatbot-open .phone4{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(10px)!important;
  transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s!important;
}
#vndts-chatbot.legacy-support-open .vndts-chatbot-launcher-wrap{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(8px)!important;
}
@media (max-width:768px){
  /* Keep the two closed launchers on opposite sides of the viewport. */
  body:not(.vndts-chatbot-open) .phone4{
    left:12px!important;
    right:auto!important;
  }
}