#ai-chatbot { max-width: 400px; margin: 20px auto; }
#ai-chatbot .chat-window { border: 1px solid #ccc; border-radius: 8px; padding: 10px; }
#ai-chatbot .messages { height: 300px; overflow-y: auto; margin-bottom: 10px; }
#ai-chatbot .message { margin: 5px 0; padding: 8px; border-radius: 5px; }
#ai-chatbot .message.user { background: #e1ffc7; text-align: right; }
#ai-chatbot .message.bot  { background: #f1f0f0; text-align: left; }
#ai-chatbot input { width: calc(100% - 60px); padding: 8px; border: 1px solid #ccc; border-radius: 5px; }
#ai-chatbot button { padding: 8px 12px; border: none; border-radius: 5px; cursor: pointer; background: #0073aa; color: #fff; }