/**
 * Support Chat Widget Styles
 *
 * These styles ensure the chat widget works correctly across all pages.
 * Most component styles are scoped within Vue components.
 */

#support-chat-widget {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 9999;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.support-chat-widget * {
  box-sizing: border-box;
}

.support-chat-widget button {
  font-family: inherit;
}

.support-chat-widget a {
  color: inherit;
}

@keyframes support-chat-fade-in {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.chat-window {
  animation: support-chat-fade-in 0.3s ease-out;
}