/*
 * Overrides visuais do widget Chatwoot — alinha o balão flutuante
 * com a paleta Drácula do automatiza.app.br
 * (o widget interno renderiza dentro de iframes, então só conseguimos
 *  estilizar o launcher externo / bubble e o badge não-lido)
 */

.woot-widget-bubble {
  background: linear-gradient(135deg, #BD93F9 0%, #FF79C6 100%) !important;
  box-shadow: 0 12px 30px rgba(189, 147, 249, 0.35) !important;
}

.woot-widget-bubble:hover {
  box-shadow: 0 16px 40px rgba(255, 121, 198, 0.45) !important;
  transform: translateY(-2px);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.woot-widget-bubble.woot-widget-bubble--unread::before {
  background: #FF5555 !important;
}

/* respeita safe-area no mobile (iPhone notch) */
.woot--bubble-holder,
.woot-widget-holder {
  z-index: 2147483000 !important;
}

@media (max-width: 480px) {
  .woot-widget-bubble {
    bottom: max(16px, env(safe-area-inset-bottom)) !important;
    right: max(16px, env(safe-area-inset-right)) !important;
  }
}