.ai-chatbot-container {
    border: 1px solid #ddd;
    padding: 15px;
    max-width: 600px;
    margin: 20px auto;
}

.ai-chatbot-messages {
    height: 300px;
    overflow-y: auto;
    margin-bottom: 10px;
    background: #f9f9f9;
    padding: 10px;
    border: 1px solid #ddd;
}

.ai-chatbot-message {
    margin-bottom: 10px;
}

.ai-chatbot-message.user {
    text-align: right;
    font-weight: bold;
}

.ai-chatbot-message.ai {
    text-align: left;
    color: #0073aa;
}

.ai-chatbot-snippet {
    font-style: italic;
    color: #555;
}

.ai-chatbot-input {
    width: calc(100% - 100px);
    padding: 10px;
}

.ai-chatbot-submit {
    padding: 10px;
    background: #0073aa;
    color: white;
    border: none;
    cursor: pointer;
}