#ai-chatbot {

position: fixed;
bottom: 80px;
right: 20px;

width: 320px;
height: 420px;

background: white;
border: 1px solid #ccc;

display: none;

font-family: Arial;

z-index: 9999;

}

#chat-header {

background: #2b8a3e;
color: white;

padding: 10px;

font-weight: bold;

}

#chat-body {

height: 300px;

overflow-y: auto;

padding: 10px;

}

.bot {

background: #f1f1f1;

padding: 8px;

margin: 5px;

border-radius: 6px;

}

.user {

background: #2b8a3e;

color: white;

padding: 8px;

margin: 5px;

border-radius: 6px;

}

#chat-input-area {

display: flex;

}

#chat-input {

flex: 1;
padding: 8px;

}

#chat-send {

padding: 8px;

}

#chat-toggle {

position: fixed;

bottom: 20px;
right: 20px;

padding: 14px;

background: #2b8a3e;

color: white;

border: none;

border-radius: 50%;

font-size: 18px;

}