/* v420G — Quick contact dock with labels under round icons; raise Need help above labeled icons. */
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-dock-v419G{
  position:fixed !important;
  right:24px !important;
  bottom:calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:flex-start !important;
  justify-content:flex-end !important;
  gap:12px !important;
  width:auto !important;
  height:auto !important;
  padding:0 !important;
  margin:0 !important;
  z-index:10030 !important;
  pointer-events:auto !important;
}
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-chatbot-root{
  position:fixed !important;
  right:24px !important;
  bottom:calc(156px + env(safe-area-inset-bottom, 0px)) !important;
  z-index:10040 !important;
}
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-item-v419G{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:6px !important;
  min-width:58px !important;
}
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-item-v419G > .whatsapp-float,
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-item-v419G > .telegram-float,
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-item-v419G > a.whatsapp-float,
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-item-v419G > a.telegram-float{
  position:relative !important;
  inset:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  transform:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 46px !important;
  width:46px !important;
  min-width:46px !important;
  max-width:46px !important;
  height:46px !important;
  min-height:46px !important;
  max-height:46px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:999px !important;
  overflow:hidden !important;
  z-index:auto !important;
  line-height:1 !important;
  box-shadow:0 12px 26px rgba(15,23,42,.20) !important;
}
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-item-v419G .whatsapp-text,
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-item-v419G .telegram-text{
  display:none !important;
}
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-item-v419G .whatsapp-icon,
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-item-v419G .telegram-icon{
  width:28px !important;
  min-width:28px !important;
  height:28px !important;
  min-height:28px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  font-size:15px !important;
}
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-label-v419G{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  font-size:11px !important;
  line-height:1.15 !important;
  font-weight:700 !important;
  color:#173d75 !important;
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(29,78,216,.14) !important;
  border-radius:999px !important;
  padding:4px 8px !important;
  box-shadow:0 8px 20px rgba(15,23,42,.10) !important;
  white-space:nowrap !important;
}
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-label-v419G .label-icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:13px !important;
  height:13px !important;
  font-size:11px !important;
  line-height:1 !important;
}
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-item-v419G > a:hover,
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-item-v419G > a:focus-visible{
  transform:translateY(-2px) !important;
}
body.vge-any-chat-open .vge-quick-contact-dock-v419G,
body.vge-chatbot-is-open .vge-quick-contact-dock-v419G,
body.vge-floating-controls-suppressed .vge-quick-contact-dock-v419G,
body.vge-mobile-menu-open .vge-quick-contact-dock-v419G{
  display:none !important;
}
@media(max-width:640px){
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]){
    padding-bottom:calc(144px + env(safe-area-inset-bottom, 0px)) !important;
  }
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-chatbot-root{
    right:12px !important;
    bottom:calc(136px + env(safe-area-inset-bottom, 0px)) !important;
  }
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-dock-v419G{
    right:10px !important;
    bottom:calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    gap:8px !important;
  }
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-item-v419G{
    min-width:48px !important;
    gap:4px !important;
  }
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-item-v419G > .whatsapp-float,
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-item-v419G > .telegram-float{
    flex-basis:42px !important;
    width:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;
  }
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-label-v419G{
    font-size:10px !important;
    padding:3px 6px !important;
  }
}

/* v420G hard separation: keep the large Need help launcher clearly above the labeled quick-contact dock. */
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-chatbot-root:not(.is-open){
  bottom:calc(156px + env(safe-area-inset-bottom, 0px)) !important;
}
@media(max-width:640px){
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-chatbot-root:not(.is-open){
    bottom:calc(136px + env(safe-area-inset-bottom, 0px)) !important;
  }
}