/* v428G — Quick-contact dock cleanup.
   - Text-only labels (no tiny icons)
   - Need help smaller and pinned to the right edge
   - WhatsApp /  / Telegram stay to the left without overlap
   - Fees page gets a small vertical alignment correction */

html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]){
  --vge-chat-edge: 10px;
  --vge-chat-bubble-width: 146px;
  --vge-chat-bubble-height: 44px;
  --vge-chat-bubble-icon: 24px;
  --vge-chat-dock-gap: 14px;
  --vge-chat-item-width: 58px;
  --vge-chat-icon-size: 31px;
  --vge-chat-label-gap: 5px;
  --vge-chat-label-height: 18px;
  --vge-chat-dock-bottom: 10px;
  --vge-chat-bubble-bottom: 27px;
}

html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]).vge-page-fees{
  --vge-chat-bubble-bottom: 29px;
}

html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-chatbot-root:not(.is-open){
  position:fixed !important;
  right:var(--vge-chat-edge) !important;
  bottom:calc(var(--vge-chat-bubble-bottom) + env(safe-area-inset-bottom, 0px)) !important;
  left:auto !important;
  top:auto !important;
  transform:none !important;
  z-index:10050 !important;
}

html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-chatbot-root:not(.is-open) .vge-chatbot-launcher{
  width:var(--vge-chat-bubble-width) !important;
  min-width:var(--vge-chat-bubble-width) !important;
  max-width:var(--vge-chat-bubble-width) !important;
  height:var(--vge-chat-bubble-height) !important;
  min-height:var(--vge-chat-bubble-height) !important;
  padding:0 13px !important;
  border-radius:999px !important;
  justify-content:center !important;
  align-items:center !important;
  gap:8px !important;
  font-size:14px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-chatbot-root:not(.is-open) .vge-chatbot-launcher span:last-child{
  display:inline !important;
}

html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-chatbot-root:not(.is-open) .vge-chatbot-launcher-icon{
  flex:0 0 var(--vge-chat-bubble-icon) !important;
  width:var(--vge-chat-bubble-icon) !important;
  min-width:var(--vge-chat-bubble-icon) !important;
  height:var(--vge-chat-bubble-icon) !important;
  min-height:var(--vge-chat-bubble-icon) !important;
  font-size:12px !important;
}

html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-dock-v419G{
  position:fixed !important;
  right:calc(var(--vge-chat-edge) + var(--vge-chat-bubble-width) + var(--vge-chat-dock-gap)) !important;
  bottom:calc(var(--vge-chat-dock-bottom) + env(safe-area-inset-bottom, 0px)) !important;
  left:auto !important;
  top:auto !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:flex-start !important;
  justify-content:flex-end !important;
  gap:14px !important;
  flex-wrap:nowrap !important;
  transform:none !important;
  z-index:10040 !important;
}

html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-item-v419G{
  flex:0 0 auto !important;
  width:var(--vge-chat-item-width) !important;
  min-width:var(--vge-chat-item-width) !important;
  max-width:var(--vge-chat-item-width) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:var(--vge-chat-label-gap) !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{
  flex:0 0 var(--vge-chat-icon-size) !important;
  width:var(--vge-chat-icon-size) !important;
  min-width:var(--vge-chat-icon-size) !important;
  max-width:var(--vge-chat-icon-size) !important;
  height:var(--vge-chat-icon-size) !important;
  min-height:var(--vge-chat-icon-size) !important;
  max-height:var(--vge-chat-icon-size) !important;
  box-shadow:0 8px 18px rgba(15,23,42,.16) !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:18px !important;
  min-width:18px !important;
  height:18px !important;
  min-height:18px !important;
  font-size:11px !important;
}

html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-label-v419G{
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  font-size:8.9px !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:-0.01em !important;
  padding:0 2px !important;
  min-height:var(--vge-chat-label-height) !important;
  height:var(--vge-chat-label-height) !important;
  border:none !important;
  border-radius:999px !important;
  box-shadow:none !important;
  background:transparent !important;
  white-space:nowrap !important;
  color:#244884 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-shadow:
    -1px 0 0 rgba(255,255,255,.96),
     1px 0 0 rgba(255,255,255,.96),
     0 -1px 0 rgba(255,255,255,.96),
     0 1px 0 rgba(255,255,255,.96),
    -1px -1px 0 rgba(255,255,255,.8),
     1px -1px 0 rgba(255,255,255,.8),
    -1px 1px 0 rgba(255,255,255,.8),
     1px 1px 0 rgba(255,255,255,.8),
     0 0 6px rgba(255,255,255,.45) !important;
}

@media (max-width: 760px){
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]){
    --vge-chat-edge: 8px;
    --vge-chat-bubble-width: 130px;
    --vge-chat-bubble-height: 42px;
    --vge-chat-bubble-icon: 23px;
    --vge-chat-dock-gap: 10px;
    --vge-chat-item-width: 50px;
    --vge-chat-icon-size: 29px;
    --vge-chat-label-gap: 4px;
    --vge-chat-label-height: 16px;
    --vge-chat-dock-bottom: 8px;
    --vge-chat-bubble-bottom: 22px;
    padding-bottom:calc(100px + env(safe-area-inset-bottom, 0px)) !important;
  }

  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]).vge-page-fees{
    --vge-chat-bubble-bottom: 24px;
  }

  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-chatbot-root:not(.is-open) .vge-chatbot-launcher{
    font-size:12.5px !important;
    padding:0 10px !important;
  }

  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-dock-v419G{
    gap:10px !important;
  }

  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-label-v419G{
    font-size:8.2px !important;
  }
}

@media (max-width: 520px){
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]){
    --vge-chat-edge: 7px;
    --vge-chat-bubble-width: 44px;
    --vge-chat-bubble-height: 40px;
    --vge-chat-bubble-icon: 22px;
    --vge-chat-dock-gap: 8px;
    --vge-chat-item-width: 42px;
    --vge-chat-icon-size: 27px;
    --vge-chat-label-gap: 3px;
    --vge-chat-label-height: 14px;
    --vge-chat-dock-bottom: 8px;
    --vge-chat-bubble-bottom: 19px;
  }

  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]).vge-page-fees{
    --vge-chat-bubble-bottom: 20px;
  }

  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-chatbot-root:not(.is-open) .vge-chatbot-launcher{
    padding:0 !important;
  }

  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-chatbot-root:not(.is-open) .vge-chatbot-launcher span:last-child{
    display:none !important;
  }

  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-label-v419G{
    font-size:7.5px !important;
  }
}