/* Live chat widget (assets/js/vc-chat.js). Sits just above the WhatsApp / Call buttons from include/sticky-contact.php.
   Colours follow vaidam-theme.css: navy #0B2545, teal #0F8B8D, orange #E4621B, gold #F2B233. */
.vcc-launch{position:fixed;right:18px;bottom:128px;z-index:1060;width:46px;height:46px;border-radius:50%;border:0;padding:0;margin:0;
  background:#0F8B8D;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;
  box-shadow:0 4px 14px rgba(0,0,0,.25);transition:transform .15s,background .15s}
.vcc-launch:hover{background:#0B6E70;transform:scale(1.06)}
.vcc-launch svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vcc-launch .vcc-badge{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#E4621B;
  color:#fff;font:700 11px/18px Arial,sans-serif;text-align:center;border:2px solid #fff;display:none}
.vcc-launch.has-unread .vcc-badge{display:block}

.vcc-tip{position:fixed;right:74px;bottom:132px;z-index:1060;max-width:230px;background:#fff;color:#1E293B;border-radius:12px 12px 2px 12px;
  padding:9px 28px 9px 12px;font:13px/1.4 var(--vc-font-body,'Inter',Arial,sans-serif);box-shadow:0 6px 20px rgba(11,37,69,.22);
  border-left:3px solid #0F8B8D;cursor:pointer;display:none;animation:vccIn .25s ease-out}
.vcc-tip.show{display:block}
.vcc-tip b{color:#0B2545}
.vcc-tip-x{position:absolute;top:2px;right:4px;background:none;border:0;color:#5B6B7F;font-size:16px;line-height:1;padding:3px 5px;cursor:pointer}

.vcc-panel{position:fixed;right:18px;bottom:18px;z-index:1100;width:360px;max-width:calc(100vw - 24px);height:560px;max-height:calc(100vh - 36px);
  background:#fff;border-radius:16px;box-shadow:0 18px 50px rgba(11,37,69,.35);display:none;flex-direction:column;overflow:hidden;
  font-family:var(--vc-font-body,'Inter',system-ui,Arial,sans-serif);color:#1E293B;animation:vccIn .2s ease-out}
.vcc-panel.open{display:flex}
@keyframes vccIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

.vcc-head{background:#0B2545;border-bottom:3px solid #E4621B;color:#fff;padding:12px 12px 11px 14px;display:flex;align-items:center;gap:10px;flex:none}
.vcc-av{width:38px;height:38px;border-radius:50%;background:#0F8B8D;color:#F2B233;font:700 14px/38px var(--vc-font-head,'Poppins',Arial,sans-serif);text-align:center;flex:none}
.vcc-ht{flex:1;min-width:0}
.vcc-ht b{display:block;font:600 15px/1.2 var(--vc-font-head,'Poppins',Arial,sans-serif);color:#fff}
.vcc-ht small{display:flex;align-items:center;gap:6px;font-size:12px;color:#cfd9e6;margin-top:2px}
.vcc-dot{width:8px;height:8px;border-radius:50%;background:#94a3b8;display:inline-block;flex:none}
.vcc-dot.on{background:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.25)}
.vcc-head .vcc-x{background:none;border:0;color:#fff;font-size:24px;line-height:1;padding:2px 6px;cursor:pointer;opacity:.85}
.vcc-head .vcc-x:hover{opacity:1}

.vcc-msgs{flex:1;overflow-y:auto;padding:14px 12px;background:#F5F8FB;display:flex;flex-direction:column;gap:8px;overscroll-behavior:contain}
.vcc-m{max-width:84%;padding:9px 12px;border-radius:14px;font-size:14px;line-height:1.45;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}
.vcc-m .vcc-who{display:block;font-size:11px;font-weight:700;color:#0F8B8D;margin-bottom:2px}
.vcc-m .vcc-ts{display:block;font-size:10px;opacity:.6;margin-top:3px;text-align:right}
.vcc-m.in{align-self:flex-start;background:#fff;color:#1E293B;border:1px solid #e3e9f0;border-bottom-left-radius:4px}
.vcc-m.out{align-self:flex-end;background:#0F8B8D;color:#fff;border-bottom-right-radius:4px}
.vcc-m.sys{align-self:center;background:none;border:0;color:#5B6B7F;font-size:12px;text-align:center;padding:2px 8px}
.vcc-quick{display:flex;flex-wrap:wrap;gap:6px;align-self:flex-start;max-width:96%}
.vcc-quick button{background:#fff;border:1px solid #0F8B8D;color:#0B6E70;border-radius:16px;padding:6px 11px;font:500 13px/1.2 inherit;cursor:pointer;margin:0}
.vcc-quick button:hover{background:#0F8B8D;color:#fff}
.vcc-typing{align-self:flex-start;background:#fff;border:1px solid #e3e9f0;border-radius:14px;padding:10px 14px;display:flex;gap:4px}
.vcc-typing i{width:6px;height:6px;border-radius:50%;background:#94a3b8;animation:vccBlink 1.2s infinite}
.vcc-typing i:nth-child(2){animation-delay:.2s}.vcc-typing i:nth-child(3){animation-delay:.4s}
@keyframes vccBlink{0%,80%,100%{opacity:.3}40%{opacity:1}}
a.vcc-wa{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;background:#1ebe5b;color:#fff !important;text-decoration:none !important;
  border-radius:16px;padding:7px 13px;font:600 13px/1 inherit}
a.vcc-wa:hover{filter:brightness(1.07)}
a.vcc-wa svg{width:16px;height:16px;fill:#fff}

.vcc-form{display:flex;gap:8px;padding:10px;border-top:1px solid #e3e9f0;background:#fff;margin:0;flex:none}
.vcc-form input{flex:1;min-width:0;border:1px solid #d5dde6;border-radius:22px;padding:10px 14px;font:14px/1.2 inherit;color:#1E293B;outline:none;background:#fff;margin:0}
.vcc-form input:focus{border-color:#0F8B8D;box-shadow:0 0 0 3px rgba(15,139,141,.15)}
.vcc-form button{width:40px;height:40px;flex:none;border:0;border-radius:50%;background:#E4621B;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;margin:0}
.vcc-form button:hover{background:#C9520F}
.vcc-form button svg{width:18px;height:18px;fill:#fff}
.vcc-foot{flex:none;background:#fff;text-align:center;font-size:11px;color:#5B6B7F;padding:0 10px 8px}
.vcc-foot a{color:#0B6E70 !important;font-weight:600}

@media (max-width:767px){
  .vcc-launch{right:14px;bottom:62px;width:44px;height:44px}
  .vcc-tip{right:66px;bottom:64px}
  .vcc-panel{right:0;bottom:0;left:0;top:0;width:100%;max-width:none;height:100%;max-height:none;border-radius:0}
}
@media print{.vcc-launch,.vcc-tip,.vcc-panel{display:none !important}}