#chatbot-container {
max-width: 100%;
margin: 20px auto;
padding: 10px;
border: 1px solid #ccc;
border-radius: 8px;
background-color: #f9f9f9;
}
#chatbot-messages {
max-height: 300px;
overflow-y: auto;
padding: 10px;
background: #fff;
border-radius: 5px;
}
.chatbot-message.user {
background: #d1e7dd;
padding: 8px;
border-radius: 5px;
margin: 5px;
text-align: right;
}
.chatbot-message.bot {
background: #f8d7da;
padding: 8px;
border-radius: 5px;
margin: 5px;
text-align: left;
}