styles.css

/* styles.css */
.chat-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    height: 80vh !important;
}

.chatbot {
    border: 2px solid #e0e0e0 !important;
    border-radius: 15px !important;
    padding: 20px !important;
    background-color: #f8f9fa !important;
    min-height: 600px !important;
}

.user-message {
    background-color: #e3f2fd !important;
    border-radius: 15px 15px 0 15px !important;
    padding: 12px 20px !important;
    margin: 8px 0 !important;
    max-width: 80%;
}

.bot-message {
    background-color: #fff !important;
    border: 1px solid #eee !important;
    border-radius: 15px 15px 15px 0 !important;
    padding: 12px 20px !important;
    margin: 8px 0 !important;
    max-width: 80%;
}

.avatar {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    margin: 0 10px !important;
}