/* Force Apply Chat Widget Styles */

/* Ensure chat button visibility */
#vg-assistant-button,
.vg-chat-button {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 999 !important;
}

/* Ensure chat container behaves correctly */
.vg-assistant-container.active {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
  pointer-events: all !important;
  z-index: 1000 !important;
}

/* Fix for integration-manager.js compatibility */
.vg-chat-button {
  position: fixed !important;
  bottom: 20px !important;
  right: 20px !important;
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  background-color: var(--primary-color, #6c63ff) !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
  transition: transform 0.3s, box-shadow 0.3s !important;
  z-index: 999 !important;
  border: none !important;
}

/* Override any conflicting styles from other CSS files */
#vg-assistant-container *,
.vg-assistant-container * {
  box-sizing: border-box !important;
}

/* Ensure input field is visible */
.vg-assistant-input {
  display: flex !important;
  width: 100% !important;
}

/* Ensure messages container scrolls properly */
.vg-messages-container {
  overflow-y: auto !important;
  flex: 1 !important;
}