/* VedhAi AI Assistant widget styles — brand: teal #21808d / charcoal #1f2121 / cream */
#vai-root{font-family:'FKGroteskNeue',-apple-system,'Inter',system-ui,sans-serif}
#vai-fab{position:fixed;right:20px;bottom:20px;z-index:9998;width:58px;height:58px;border-radius:50%;border:none;cursor:pointer;
  background:linear-gradient(135deg,#21808d,#2da6b2);color:#fff;font-size:24px;box-shadow:0 8px 28px rgba(33,128,141,.45);
  display:grid;place-items:center;transition:transform .25s,opacity .25s;animation:vai-pulse 3s infinite}
#vai-fab:hover{transform:translateY(-3px) scale(1.05)}
#vai-fab.hide{opacity:0;pointer-events:none;transform:scale(.6)}
.vai-fab-badge{position:absolute;top:-4px;right:-4px;background:#ff5459;color:#fff;font-size:9px;font-weight:800;
  padding:3px 6px;border-radius:99px;letter-spacing:.06em}
@keyframes vai-pulse{0%,100%{box-shadow:0 8px 28px rgba(33,128,141,.45)}50%{box-shadow:0 8px 28px rgba(33,128,141,.45),0 0 0 12px rgba(33,128,141,0)}}

#vai-panel{position:fixed;right:20px;bottom:20px;z-index:9999;width:min(392px,calc(100vw - 24px));height:min(600px,calc(100vh - 40px));
  display:none;flex-direction:column;background:#1f2121;border-radius:20px;overflow:hidden;
  box-shadow:0 24px 80px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.09)}
#vai-panel.on{display:flex;animation:vai-in .3s cubic-bezier(.2,.8,.2,1)}
@keyframes vai-in{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}

.vai-head{display:flex;align-items:center;gap:10px;padding:13px 14px;background:linear-gradient(135deg,#21808d,#1d7480);color:#fff}
.vai-head-l{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.vai-logo{width:36px;height:36px;border-radius:11px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:17px;flex-shrink:0}
.vai-title{font-weight:800;font-size:14.5px;letter-spacing:.01em}
.vai-sub{font-size:10.5px;opacity:.85;display:flex;align-items:center;gap:5px;margin-top:1px}
.vai-dot{width:7px;height:7px;border-radius:50%;background:#7dffc3;display:inline-block;animation:vai-blink 2s infinite}
@keyframes vai-blink{50%{opacity:.4}}
.vai-head-r{display:flex;gap:6px;align-items:center}
.vai-head-r button,.vai-wa{background:rgba(255,255,255,.14);border:none;color:#fff;width:30px;height:30px;border-radius:9px;
  cursor:pointer;font-size:14px;display:grid;place-items:center;text-decoration:none;transition:.2s}
.vai-head-r button:hover,.vai-wa:hover{background:rgba(255,255,255,.28)}

.vai-chips{display:flex;gap:6px;padding:10px 12px 4px;overflow-x:auto;scrollbar-width:none}
.vai-chips::-webkit-scrollbar{display:none}
.vai-chips button{flex-shrink:0;font-size:11px;font-weight:600;color:#fcfcf9;background:rgba(45,166,178,.14);
  border:1px solid rgba(45,166,178,.4);border-radius:99px;padding:6px 12px;cursor:pointer;transition:.2s;font-family:inherit}
.vai-chips button:hover{background:rgba(45,166,178,.3)}

.vai-msgs{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:9px}
.vai-m{max-width:86%;padding:9px 13px;border-radius:14px;font-size:13.2px;line-height:1.55;overflow-wrap:anywhere}
.vai-m a{color:#7fdce8}
.vai-m.user{align-self:flex-end;background:linear-gradient(135deg,#21808d,#2da6b2);color:#fff;border-bottom-right-radius:5px}
.vai-m.bot{align-self:flex-start;background:rgba(255,255,255,.06);color:#fcfcf9;border:1px solid rgba(255,255,255,.08);border-bottom-left-radius:5px}
.vai-tp{display:inline-flex;gap:4px;padding:3px 2px}
.vai-tp i{width:6px;height:6px;border-radius:50%;background:#a7a9a9;animation:vai-tp 1s infinite}
.vai-tp i:nth-child(2){animation-delay:.18s}.vai-tp i:nth-child(3){animation-delay:.36s}
@keyframes vai-tp{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}

.vai-inrow{display:flex;gap:8px;padding:11px 12px;border-top:1px solid rgba(255,255,255,.08)}
#vai-in{flex:1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;
  padding:10px 14px;color:#fcfcf9;font-family:inherit;font-size:13px;outline:none;transition:.2s}
#vai-in:focus{border-color:#2da6b2;box-shadow:0 0 0 3px rgba(45,166,178,.15)}
#vai-send{width:42px;border:none;border-radius:12px;background:linear-gradient(135deg,#21808d,#2da6b2);color:#fff;
  font-size:15px;cursor:pointer;transition:.2s}
#vai-send:hover{filter:brightness(1.15)}
.vai-foot{text-align:center;font-size:9.5px;color:rgba(252,252,249,.4);padding:0 0 8px;letter-spacing:.04em}

@media(max-width:640px){
  #vai-fab{right:14px;bottom:78px;width:52px;height:52px}
  #vai-panel{right:8px;left:8px;bottom:8px;width:auto;height:min(560px,calc(100vh - 90px))}
}