#ai-chat-icon {
  position: fixed !important;
  bottom: 100px !important;
  left: 30px !important;
  width: 70px !important;
  height: 70px !important;
  cursor: pointer !important;
  z-index: 10000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#ai-chat-icon .ai-icon-container {
  position: relative !important;
  width: 60px !important;
  height: 60px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#ai-chat-icon .ai-orb {
  width: 100% !important;
  height: 100% !important;
  background: radial-gradient(circle at 30% 30%, #42a5f5, #0d47a1) !important;
  border-radius: 50% !important;
  animation: pulse 2.5s infinite ease-in-out !important;
  box-shadow: 0 0 12px rgba(66, 165, 245, 0.5) !important;
}

#ai-chat-icon .ai-core {
  position: absolute !important;
  width: 20px !important;
  height: 20px !important;
  background: white !important;
  border-radius: 50% !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

#ai-chat-icon .ai-pulse {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  border: 2px solid #42a5f5 !important;
  border-radius: 50% !important;
  animation: pulseBig 3s infinite ease-out !important;
}

#ai-chat-icon .ai-tooltip {
  position: absolute !important;
  left: 80px !important;
  background: #0d47a1 !important;
  color: white !important;
  padding: 8px 15px !important;
  border-radius: 20px !important;
  font-size: 14px !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
}

#ai-chat-icon:hover .ai-tooltip {
  opacity: 1 !important;
}

@keyframes pulse {
  0% { transform: scale(0.95); opacity: 0.8; }
  50% { transform: scale(1.05); opacity: 1; }
  100% { transform: scale(0.95); opacity: 0.8; }
}

@keyframes pulseBig {
  0% { transform: scale(1); opacity: 0; }
  50% { opacity: 0.4; }
  100% { transform: scale(1.5); opacity: 0; }
}

#ai-chat-box {
  position: fixed !important;
  bottom: 170px !important;
  left: 30px !important;
  width: 380px !important;
  max-height: 500px !important;
  background: white !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
  overflow: hidden !important;
  display: none !important;
  flex-direction: column !important;
  z-index: 9999 !important;
  font-family: 'Segoe UI', sans-serif !important;
  opacity: 0 !important;
  transform: translateY(10px) !important;
  transition: all 0.3s ease !important;
}

#ai-chat-box.active {
  display: flex !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
}

#ai-chat-header {
  background: linear-gradient(135deg, #0d47a1, #42a5f5) !important;
  color: white !important;
  padding: 14px !important;
  text-align: center !important;
  font-weight: bold !important;
  font-size: 15px !important;
}

#ai-chat-messages {
  padding: 15px !important;
  height: 500px !important;
  overflow-y: auto !important;
  background: #f4f4f4 !important;
}

.message {
  margin-bottom: 10px !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
  max-width: 80% !important;
  word-wrap: break-word !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;
}

.user-message {
  background: #cbe3ff !important;
  margin-left: auto !important;
  direction: ltr !important;
  text-align: left !important;
}

.bot-message {
  background: white !important;
  border: 1px solid #ddd !important;
  margin-right: auto !important;
  direction: rtl !important;
  text-align: right !important;
}

.typing-indicator {
  display: flex !important;
  gap: 5px !important;
  padding: 10px !important;
  background: white !important;
  border-radius: 12px !important;
  width: 60px !important;
  margin-bottom: 10px !important;
}

.typing-dot {
  width: 8px !important;
  height: 8px !important;
  background: #42a5f5 !important;
  border-radius: 50% !important;
  animation: typing 1.2s infinite ease-in-out !important;
}

.typing-dot:nth-child(2) { animation-delay: 0.2s; }
.typing-dot:nth-child(3) { animation-delay: 0.4s; }

@keyframes typing {
  0%, 60%, 100% { transform: translateY(0); }
  30% { transform: translateY(-5px); }
}

#ai-chat-input-wrapper {
  display: flex !important;
  padding: 10px !important;
  border-top: 1px solid #ddd !important;
  background: white !important;
}

#user-message {
  flex: 1 !important;
  padding: 10px !important;
  border: 1px solid #ccc !important;
  border-radius: 20px !important;
  outline: none !important;
}

#send-btn {
  background: #0d47a1 !important;
  color: white !important;
  border: none !important;
  border-radius: 50% !important;
  padding: 10px 12px !important;
  margin-left: 8px !important;
  cursor: pointer !important;
}

@media (max-width: 768px) {
  #ai-chat-icon {
    bottom: 100px !important;
  }

  #ai-chat-box {
    width: 90% !important;
    left: 5% !important;
    bottom: 170px !important;
    max-height: 90vh !important;
  }

  #ai-chat-messages {
    height: 400px !important;
  }

  #user-message {
    font-size: 13px !important;
  }
}