#chat-toggle {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #0d6efd;
    color: white;
    padding: 12px;
    border-radius: 50%;
    cursor: pointer;
}

#chatbot {
    position: fixed;
    bottom: 70px;
    right: 20px;
    width: 320px;
    height: 420px;
    background: white;
    display: none;
    flex-direction: column;
    border-radius: 10px;
}

#chatbot.active {
    display: flex;
}

#chat-header {
    background: #0d6efd;
    padding: 10px;
}

#chat-body {
    flex: 1;
    overflow-y: auto;
    padding: 10px;
}

.chat-msg { margin: 5px 0; }

.user { text-align: right; }
.bot { text-align: left; }

.chat-msg span {
    padding: 8px;
    border-radius: 8px;
    display: inline-block;
}

.user span { background: #0d6efd; color: white; }
.bot span { background: #eee; }

#chat-input-box {
    display: flex;
    padding: 8px;
}

#languageBox {
    display: flex;
    gap: 5px;
    padding: 8px;
}
/* WRAPPER */
#chatbot-wrapper {
    position: fixed !important;
    bottom: 0;
    right: 0;
    z-index: 999999 !important;
}

/* TOGGLE */
#chat-toggle {
    position: fixed !important;
    bottom: 20px;
    right: 20px;
    z-index: 999999 !important;
}

/* CHATBOX */
#chatbot {
    position: fixed !important;
    bottom: 70px;
    right: 20px;
    z-index: 999999 !important;
}
#chat-input-box button:last-child {
    background: #198754;
}

#chat-input-box button:last-child:hover {
    background: #157347;
}

#chat-toggle {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #0d6efd;
    color: white;
    padding: 12px;
    border-radius: 50%;
}

#chatbot {
    position: fixed;
    bottom: 70px;
    right: 20px;
    width: 320px;
    height: 420px;
    background: white;
    display: none;
    flex-direction: column;
}

#chatbot.active { display: flex; }

.chat-msg { margin: 5px; }

.user { text-align: right; }
.bot { text-align: left; }

.user span { background: #0d6efd; color: white; padding: 8px; border-radius: 8px; }
.bot span { background: #eee; padding: 8px; border-radius: 8px; }