/* Corporate Chatbot Dynamic Styles */
/* Generated: 2025-10-11 01:45:02 */

:root {
    /* Color Settings */
    --chatbot-primary-color: #009A45;
    --chatbot-secondary-color: #f0f0f1;
    --chatbot-user-message-bg: #009A45;
    --chatbot-user-message-text: #ffffff;
    --chatbot-bot-message-bg: #f0f0f1;
    --chatbot-bot-message-text: #1d2327;
    --chatbot-header-bg: #2C3E3F;
    --chatbot-header-text: #ffffff;
    --chatbot-chat-bg: #ffffff;
    --chatbot-input-bg: #ffffff;
    --chatbot-input-text: #1d2327;
    --chatbot-input-border: #c3c4c7;
    --chatbot-border-color: #c3c4c7;
    --chatbot-button-hover: #007B35;
    --chatbot-shadow: rgba(0, 0, 0, 0.1);
    --chatbot-typing-color: #666666;

    /* Style Settings */
    --chatbot-radius: 8px;
    --chatbot-message-radius: 18px;
    --chatbot-font-size: 14px;
    --chatbot-window-width: 380px;
    --chatbot-window-height: 600px;
    --chatbot-button-size: 60px;
}

/* Apply dynamic colors to elements */
.corporate-chatbot-floating-button {
    background: var(--chatbot-primary-color) !important;
    width: var(--chatbot-button-size) !important;
    height: var(--chatbot-button-size) !important;
}

.corporate-chatbot-floating-button:hover {
    background: var(--chatbot-button-hover) !important;
}

.corporate-chatbot-window {
    width: var(--chatbot-window-width) !important;
    height: var(--chatbot-window-height) !important;
    background: var(--chatbot-chat-bg) !important;
}

.chatbot-header {
    background: var(--chatbot-header-bg) !important;
    color: var(--chatbot-header-text) !important;
}

.chatbot-messages {
    background: var(--chatbot-chat-bg) !important;
    font-size: var(--chatbot-font-size) !important;
}

.message.user .message-content {
    background: var(--chatbot-user-message-bg) !important;
    color: var(--chatbot-user-message-text) !important;
    border-radius: var(--chatbot-message-radius) !important;
    border-bottom-right-radius: 4px !important;
}

.message.bot .message-content {
    background: var(--chatbot-bot-message-bg) !important;
    color: var(--chatbot-bot-message-text) !important;
    border-radius: var(--chatbot-message-radius) !important;
    border-bottom-left-radius: 4px !important;
}

.chatbot-input-container {
    background: var(--chatbot-input-bg) !important;
    border-top: 1px solid var(--chatbot-border-color) !important;
}

.chatbot-input {
    background: var(--chatbot-input-bg) !important;
    color: var(--chatbot-input-text) !important;
    border-color: var(--chatbot-input-border) !important;
    font-size: var(--chatbot-font-size) !important;
}

.chatbot-send-button {
    background: var(--chatbot-primary-color) !important;
    color: var(--chatbot-header-text) !important;
}

.chatbot-send-button:hover {
    background: var(--chatbot-button-hover) !important;
}

.chatbot-send-button:disabled {
    opacity: 0.5 !important;
}

.typing-indicator {
    color: var(--chatbot-typing-color) !important;
}

/* Scrollbar styling */
.chatbot-messages::-webkit-scrollbar-track {
    background: var(--chatbot-chat-bg) !important;
}

.chatbot-messages::-webkit-scrollbar-thumb {
    background: var(--chatbot-border-color) !important;
}

.chatbot-messages::-webkit-scrollbar-thumb:hover {
    background: var(--chatbot-primary-color) !important;
}

/* Links in messages */
.message-content a {
    color: var(--chatbot-primary-color) !important;
}

.message-content a:hover {
    color: var(--chatbot-button-hover) !important;
}

/* Code blocks */
.message-content pre {
    background: var(--chatbot-secondary-color) !important;
    border-color: var(--chatbot-border-color) !important;
}

/* Embedded mode adjustments */
.corporate-chatbot-embedded {
    border-color: var(--chatbot-border-color) !important;
    border-radius: var(--chatbot-radius) !important;
}