/* Typebot close button - Ultra High Priority with Positioning Fix */
.typebot-close-btn {
  display: none !important;
  position: fixed !important;
  top: 20px !important;
  right: 20px !important;
  background: #ef4444 !important;
  color: white !important;
  border: none !important;
  width: 60px !important;
  height: 60px !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  font-size: 28px !important;
  font-weight: bold !important;
  z-index: 2147483647 !important; /* Maximum possible z-index */
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.8) !important;
  transition: all 0.2s ease !important;
  font-family: Arial, sans-serif !important;
  line-height: 1 !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

.typebot-close-btn:hover {
  background: #dc2626 !important;
  transform: scale(1.1) !important;
}

.typebot-close-btn.show {
  display: flex !important;
}

/* Emergency visibility rules */
.typebot-close-btn.show.force-visible {
  display: flex !important;
  position: fixed !important;
  z-index: 2147483647 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

@media (max-width: 768px) {
  .typebot-close-btn {
    width: 70px !important;
    height: 70px !important;
    font-size: 32px !important;
    top: 15px !important;
    right: 15px !important;
  }
}