/* Vestec Webchat Pro 1.3.3 */
#advisorChatToggle.vwp-fab{
  position:fixed; right:20px; bottom:20px; z-index:2147483647;
  width:64px; height:64px; border-radius:9999px; border:none;
  background:#0073e6; color:#fff; font-size:28px; cursor:pointer;
  box-shadow:0 10px 24px rgba(0,0,0,.25);
  display:flex; align-items:center; justify-content:center;
  transition:transform .1s ease;
}
#advisorChatToggle.vwp-fab:active{ transform:scale(.98); }

#vestecWebchatContainer.vwp-box{
  position:fixed; right:20px; bottom:100px; z-index:2147483646;
  width:460px; max-width:95vw; height:70vh; max-height:720px;
  background:#fff; color:#111; display:flex; flex-direction:column;
  border-radius:14px; overflow:hidden;
  box-shadow:0 16px 40px rgba(0,0,0,.35);
  opacity:0; visibility:hidden; transition:opacity .2s ease, visibility .2s ease;
}
#vestecWebchatContainer.vwp-open{ opacity:1; visibility:visible; }
.vwp-header{
  display:flex; align-items:center; justify-content:space-between;
  padding:10px 12px; background:#0a62c1; color:#fff;
}
.vwp-brand{ display:flex; align-items:center; gap:10px; font-weight:600; }
#vwpLogo{ width:24px; height:24px; object-fit:contain; display:none; filter:brightness(0) invert(1); }
.vwp-close{ background:transparent; border:none; color:#fff; font-size:18px; cursor:pointer; }

.vwp-list{
  flex:1; overflow:auto; padding:12px; background:#f7f9fc;
}
.vwp-list .msg{ margin:8px 0; }
.vwp-list .from{ font-weight:600; margin-right:6px; }

.vwp-form{ display:flex; flex-direction:column; gap:8px; padding:12px; background:#fff; border-top:1px solid #e5e7eb; }
.vwp-input{
  width:100%; resize:none; line-height:1.4; padding:10px 12px; border:1px solid #d1d5db; border-radius:8px;
  color:#000; background:#fff; max-height:40vh; overflow:auto;
}
.vwp-actions{ display:flex; gap:8px; justify-content:flex-end; }
.vwp-send, .vwp-human{
  border:none; border-radius:10px; padding:10px 14px; cursor:pointer; font-weight:600;
}
.vwp-send{ background:#0ea5e9; color:white; }
.vwp-human{ background:#10b981; color:white; }

@media (max-width: 768px){
  #vestecWebchatContainer.vwp-box{ right:10px; bottom:90px; width:92vw; height:70vh; }
}