/* Responsive styles for chat window on small screens */
@media (max-width: 640px) {
  html, body {
    width: 100vw;
    max-width: 100vw;
    overflow-x: hidden !important;
  }
  #ai-chat-widget {
    right: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    z-index: 9999;
    margin: 0 !important;
    padding: 0 !important;
  }
  #ai-chat-widget #chat-toggle {
    position: fixed !important;
    right: 1rem !important;
    left: auto !important;
    bottom: 1.2rem !important;
    width: 3.5rem !important;
    height: 3.5rem !important;
    min-width: 3.5rem !important;
    min-height: 3.5rem !important;
    padding: 0.75rem !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.12) !important;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 56px !important;
    max-height: 56px !important;
    margin: 0 !important;
  }
  #ai-chat-widget #chat-toggle.hidden {
    display: none !important;
  }
  #ai-chat-widget #chat-window:not(.hidden) + #chat-toggle {
    display: none !important;
  }
  #ai-chat-widget #chat-window {
    position: fixed !important;
    right: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    transform: none !important;
    opacity: 1 !important;
  }
  #ai-chat-widget #chat-window .p-3,
  #ai-chat-widget #chat-window .p-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  #ai-chat-widget #chat-window .rounded-lg,
  #ai-chat-widget #chat-window .rounded-t-lg {
    border-radius: 0 !important;
  }
}