/**
 * AxAI Galaxy AnythingLLM Chat Widget - Theme System
 * Version: 2.2.1
 * With Enhanced Glow Effects, Send Button Styling, and Menu Styling
 * 
 * File Path: /axai-galaxy-aichat/assets/css/themes.css
 */

/* ========================================
   ROOT & DEFAULTS
   ======================================== */
:root {
    --axai-transparency: 1;
    --axai-blur: 0px;
}

/* Remove unwanted background/color inheritance */
:root .allm-bg-white .allm-text-white * {
    color: unset !important;
    background: unset !important;
    background-color: unset !important
}

/* ========================================
   UNIVERSAL THEME STYLING (All Themes)
   ======================================== */

/* Main Chat Container */
body[class*="axai-theme-"] #anything-llm-chat {
    background: var(--axai-bg-color) !important;
    color: var(--axai-text-color) !important;
    box-shadow: var(--axai-box-shadow) !important;
    opacity: var(--axai-transparency) !important;
    backdrop-filter: blur(var(--axai-blur)) !important;
    -webkit-backdrop-filter: blur(var(--axai-blur)) !important;
}

/* Header */
body[class*="axai-theme-"] #anything-llm-header {
    background: var(--axai-header-bg-color) !important;
    color: var(--axai-header-text-color) !important;
    border-bottom: 1px solid var(--axai-header-border-color) !important;
}

/* Header Buttons */
body[class*="axai-theme-"] #anything-llm-header button.allm-bg-transparent {
    color: var(--axai-header-button-color) !important;
}

body[class*="axai-theme-"] #anything-llm-header button.allm-bg-transparent:hover {
    background: var(--axai-header-button-hover-bg) !important;
    color: var(--axai-header-button-hover-color) !important;
}

/* Greeting Text */
body[class*="axai-theme-"] .allm-text-slate-400 {
    color: var(--axai-greeting-text-color) !important;
}

/* Timestamps */
body[class*="axai-theme-"] .allm-text-gray-400 {
    color: var(--axai-timestamp-color) !important;
}

/* Bot Name */
body[class*="axai-theme-"] .allm-anything-llm-assistant-message .allm-text-gray-400 {
    color: var(--axai-bot-name-color) !important;
}

/* User Messages */
body[class*="axai-theme-"] .allm-anything-llm-user-message {
    background-color: var(--axai-user-msg-bg) !important;
    color: var(--axai-user-msg-text) !important;
}

/* Bot Messages */
body[class*="axai-theme-"] .allm-anything-llm-assistant-message {
    background-color: var(--axai-bot-msg-bg) !important;
    color: var(--axai-bot-msg-text) !important;
}

/* Suggestion Buttons */
body[class*="axai-theme-"] .msg-suggestion {
    background-color: var(--axai-button-color) !important;
    color: var(--axai-button-text-color) !important;
    border: 1px solid var(--axai-border-color) !important;
    transition: all 0.3s ease !important;
}

body[class*="axai-theme-"] .msg-suggestion:hover {
    box-shadow: var(--axai-button-hover-shadow) !important;
    transform: translateY(-2px) !important;
}

/* Input Container */
body[class*="axai-theme-"] .allm-flex.allm-items-center.allm-w-full.allm-rounded-2xl {
    background: var(--axai-input-bg-color) !important;
    border: 1px solid var(--axai-input-border-color) !important;
    padding: 2px !important;
}

/* Input Field */
body[class*="axai-theme-"] #message-input {
    background: transparent !important;
    color: var(--axai-input-text-color) !important;
    border: none !important;
    outline: none !important;
}

body[class*="axai-theme-"] #message-input::placeholder {
    color: var(--axai-input-placeholder-color) !important;
}

/* Send Button */
body[class*="axai-theme-"] #send-message-button {
    color: var(--axai-send-button-icon-color) !important;
    transition: all 0.2s ease !important;
}

body[class*="axai-theme-"] #send-message-button:hover {
    color: var(--axai-send-button-icon-hover-color) !important;
}

/* Footer Links */
body[class*="axai-theme-"] a[href*="mintplexlabs"],
body[class*="axai-theme-"] a[href*="anythingllm"],
body[class*="axai-theme-"] a.allm-text-xs {
    color: var(--axai-footer-link-color) !important;
    text-decoration: none !important;
}

body[class*="axai-theme-"] a[href*="mintplexlabs"]:hover,
body[class*="axai-theme-"] a[href*="anythingllm"]:hover,
body[class*="axai-theme-"] a.allm-text-xs:hover {
    text-decoration: underline !important;
}

/* Background Override */
body[class*="axai-theme-"] .allm-bg-white {
    background: var(--axai-bg-color) !important;
}

/* Footer Container Background */
body[class*="axai-theme-"] .allm-h-full.allm-w-full.allm-flex.allm-flex-col div.allm-flex-shrink-0.allm-mt-auto {
    background: var(--axai-bg-color) !important;
}

/* Footer Buttons */
body[class*="axai-theme-"] button.allm-border-none.allm-text-white {
    background: var(--axai-footer-button-color) !important;
    color: var(--axai-text-color) !important;
    transition: all 0.3s ease !important;
}

body[class*="axai-theme-"] button.allm-border-none.allm-text-white[style] {
    background-color: var(--axai-button-color) !important;
    color: var(--axai-button-text-color) !important;
    border: 1px solid var(--axai-button-color) !important;
    box-shadow: var(--axai-box-shadow) !important;
}

body[class*="axai-theme-"] button.allm-border-none.allm-text-white[style]:hover {
    background-color: var(--axai-button-hover-bg) !important;
    color: var(--axai-button-hover-color) !important;
    transform: translateY(-1px) !important;
}

/* Scrollbar */
body[class*="axai-theme-"] ::-webkit-scrollbar {
    width: 8px;
}

body[class*="axai-theme-"] ::-webkit-scrollbar-track {
    background: var(--axai-input-bg-color);
    border-radius: 4px;
}

body[class*="axai-theme-"] ::-webkit-scrollbar-thumb {
    background: var(--axai-border-color);
    border-radius: 4px;
}

body[class*="axai-theme-"] ::-webkit-scrollbar-thumb:hover {
    background: var(--axai-button-color);
}

/* Accessibility */
body[class*="axai-theme-"] button:focus-visible,
body[class*="axai-theme-"] textarea:focus-visible {
    outline: 2px solid var(--axai-button-color) !important;
    outline-offset: 2px;
}

/* ========================================
   CHAT BUTTON GLOW EFFECTS
   (Linux Terminal, Neon, Cyberpunk)
   ======================================== */

/* Linux Terminal - Button Glow */
body.axai-theme-linux #anythingllm-chat-widget-container button[aria-label*="chat"],
body.axai-theme-linux #anythingllm-chat-widget-container > button {
    box-shadow: 0px 0px 25px rgba(0, 255, 0, 0.7) !important;
    transition: all 0.3s ease !important;
}

body.axai-theme-linux #anythingllm-chat-widget-container button[aria-label*="chat"]:hover,
body.axai-theme-linux #anythingllm-chat-widget-container > button:hover {
    box-shadow: 0px 0px 35px rgba(0, 255, 0, 0.9) !important;
    transform: scale(1.05) !important;
}

/* Neon - Button Glow */
body.axai-theme-neon #anythingllm-chat-widget-container button[aria-label*="chat"],
body.axai-theme-neon #anythingllm-chat-widget-container > button {
    box-shadow: 0px 0px 25px rgba(255, 0, 255, 0.7) !important;
    transition: all 0.3s ease !important;
}

body.axai-theme-neon #anythingllm-chat-widget-container button[aria-label*="chat"]:hover,
body.axai-theme-neon #anythingllm-chat-widget-container > button:hover {
    box-shadow: 0px 0px 35px rgba(255, 0, 255, 0.9), 0px 0px 20px rgba(0, 255, 255, 0.5) !important;
    transform: scale(1.05) !important;
}

/* Cyberpunk - Button Glow */
body.axai-theme-cyberpunk #anythingllm-chat-widget-container button[aria-label*="chat"],
body.axai-theme-cyberpunk #anythingllm-chat-widget-container > button {
    box-shadow: 0px 0px 25px rgba(131, 56, 236, 0.7) !important;
    transition: all 0.3s ease !important;
}

body.axai-theme-cyberpunk #anythingllm-chat-widget-container button[aria-label*="chat"]:hover,
body.axai-theme-cyberpunk #anythingllm-chat-widget-container > button:hover {
    box-shadow: 0px 0px 35px rgba(255, 0, 110, 0.9), 0px 0px 20px rgba(131, 56, 236, 0.6) !important;
    transform: scale(1.05) !important;
}

/* ========================================
   SEND MESSAGE BUTTON STYLING
   (Matches Button Color & Hover - NO Glow)
   ======================================== */

/* Send Button - Universal Styling */
body[class*="axai-theme-"] #send-message-button {
    background-color: var(--axai-button-color) !important;
    color: var(--axai-button-text-color) !important;
    padding: 4px !important;
    transition: all 0.3s ease !important;
}

body[class*="axai-theme-"] #send-message-button:hover {
    background-color: var(--axai-button-hover-bg) !important;
    color: var(--axai-button-hover-color) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15) !important;
}

body[class*="axai-theme-"] #send-message-button svg {
    color: currentColor !important;
}

/* ========================================
   MENU STYLING
   (Matches Button Colors with Glow on Hover)
   ======================================== */

/* Menu Container */
body[class*="axai-theme-"] .allm-bg-white.allm-absolute.allm-z-10.allm-flex.allm-flex-col {
    background: var(--axai-bg-color) !important;
    border: 1px solid var(--axai-border-color) !important;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15) !important;
}

/* Menu Items - Default State */
body[class*="axai-theme-"] .allm-bg-white.allm-absolute button,
body[class*="axai-theme-"] .allm-bg-white.allm-absolute a {
    background: var(--axai-bg-color) !important;
    color: var(--axai-text-color) !important;
    transition: all 0.3s ease !important;
    padding: 4px 6px !important;
}

body[class*="axai-theme-"] .allm-bg-white.allm-absolute button svg,
body[class*="axai-theme-"] .allm-bg-white.allm-absolute a svg {
    color: var(--axai-button-color) !important;
    transition: all 0.3s ease !important;
}

body[class*="axai-theme-"] .allm-bg-white.allm-absolute button p,
body[class*="axai-theme-"] .allm-bg-white.allm-absolute a p {
    color: var(--axai-text-color) !important;
}

/* Menu Items - Hover State */
body[class*="axai-theme-"] .allm-bg-white.allm-absolute button:hover,
body[class*="axai-theme-"] .allm-bg-white.allm-absolute a:hover {
    background: var(--axai-button-color) !important;
    color: var(--axai-button-text-color) !important;
    box-shadow: 0px 0px 15px var(--axai-button-color) !important;
}

body[class*="axai-theme-"] .allm-bg-white.allm-absolute button:hover svg,
body[class*="axai-theme-"] .allm-bg-white.allm-absolute a:hover svg {
    color: var(--axai-button-text-color) !important;
}

body[class*="axai-theme-"] .allm-bg-white.allm-absolute button:hover p,
body[class*="axai-theme-"] .allm-bg-white.allm-absolute a:hover p {
    color: var(--axai-button-text-color) !important;
}

/* Menu Items - Special Glow for Linux, Neon, Cyberpunk */
body.axai-theme-linux .allm-bg-white.allm-absolute button:hover,
body.axai-theme-linux .allm-bg-white.allm-absolute a:hover {
    box-shadow: 0px 0px 20px rgba(0, 255, 0, 0.8) !important;
}

body.axai-theme-neon .allm-bg-white.allm-absolute button:hover,
body.axai-theme-neon .allm-bg-white.allm-absolute a:hover {
    box-shadow: 0px 0px 20px rgba(255, 0, 255, 0.8), 0px 0px 10px rgba(0, 255, 255, 0.4) !important;
}

body.axai-theme-cyberpunk .allm-bg-white.allm-absolute button:hover,
body.axai-theme-cyberpunk .allm-bg-white.allm-absolute a:hover {
    box-shadow: 0px 0px 20px rgba(255, 0, 110, 0.8), 0px 0px 10px rgba(131, 56, 236, 0.5) !important;
}

/* ========================================
   FOOTER/BOTTOM BAR STYLING
   ======================================== */

/* Footer Links and Buttons */
body[class*="axai-theme-"] .allm-flex-shrink-0.allm-mt-auto a,
body[class*="axai-theme-"] .allm-flex-shrink-0.allm-mt-auto button {
    transition: all 0.3s ease !important;
}

body[class*="axai-theme-"] .allm-flex-shrink-0.allm-mt-auto a:hover,
body[class*="axai-theme-"] .allm-flex-shrink-0.allm-mt-auto button:hover {
    color: var(--axai-button-color) !important;
    text-shadow: 0px 0px 8px var(--axai-button-color) !important;
}

/* Footer Links - Glow on Hover for Special Themes */
body.axai-theme-linux .allm-flex-shrink-0.allm-mt-auto a:hover,
body.axai-theme-linux .allm-flex-shrink-0.allm-mt-auto button:hover {
    text-shadow: 0px 0px 10px rgba(0, 255, 0, 0.8) !important;
}

body.axai-theme-neon .allm-flex-shrink-0.allm-mt-auto a:hover,
body.axai-theme-neon .allm-flex-shrink-0.allm-mt-auto button:hover {
    text-shadow: 0px 0px 10px rgba(255, 0, 255, 0.8) !important;
}

body.axai-theme-cyberpunk .allm-flex-shrink-0.allm-mt-auto a:hover,
body.axai-theme-cyberpunk .allm-flex-shrink-0.allm-mt-auto button:hover {
    text-shadow: 0px 0px 10px rgba(255, 0, 110, 0.8) !important;
}

/* ========================================
   THEME DEFINITIONS
   ======================================== */

/* THEME 1: DEFAULT */
body.axai-theme-default {
    --axai-bg-color: #ffffff;
    --axai-text-color: #222628;
    --axai-border-color: #d1d5db;
    --axai-user-msg-bg: #3b82f6;
    --axai-user-msg-text: #ffffff;
    --axai-bot-msg-bg: #f3f4f6;
    --axai-bot-msg-text: #222628;
    --axai-button-color: #3b82f6;
    --axai-button-text-color: #ffffff;
    --axai-button-hover-bg: #2563eb;
    --axai-button-hover-color: #ffffff;
    --axai-input-bg-color: #ffffff;
    --axai-input-text-color: #222628;
    --axai-input-border-color: #e9e9e9;
    --axai-input-placeholder-color: rgba(34, 38, 40, 0.5);
    --axai-header-bg-color: #ffffff;
    --axai-header-text-color: #222628;
    --axai-header-border-color: #e9e9e9;
    --axai-header-button-color: rgba(34, 38, 40, 0.6);
    --axai-header-button-hover-bg: #f3f4f6;
    --axai-header-button-hover-color: rgba(34, 38, 40, 0.9);
    --axai-greeting-text-color: #94a3b8;
    --axai-timestamp-color: #94a3b8;
    --axai-bot-name-color: #94a3b8;
    --axai-send-button-icon-color: rgba(34, 38, 40, 0.6);
    --axai-send-button-icon-hover-color: rgba(34, 38, 40, 0.9);
    --axai-footer-link-color: #3b82f6;
    --axai-footer-button-color: #64748b;
    --axai-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.25);
    --axai-button-hover-shadow: 0px 4px 14px rgba(59, 130, 246, 0.5);
}

/* THEME 2: LINUX TERMINAL */
body.axai-theme-linux {
    --axai-bg-color: #000000;
    --axai-text-color: #00ff00;
    --axai-border-color: rgba(0, 255, 0, 0.5);
    --axai-user-msg-bg: #003300;
    --axai-user-msg-text: #00ff00;
    --axai-bot-msg-bg: #001100;
    --axai-bot-msg-text: #00ff00;
    --axai-button-color: #003300;
    --axai-button-text-color: #00ff00;
    --axai-button-hover-bg: #00ff00;
    --axai-button-hover-color: #000000;
    --axai-input-bg-color: #000000;
    --axai-input-text-color: #00ff00;
    --axai-input-border-color: rgba(0, 255, 0, 0.5);
    --axai-input-placeholder-color: rgba(0, 255, 0, 0.5);
    --axai-header-bg-color: #000000;
    --axai-header-text-color: #00ff00;
    --axai-header-border-color: rgba(0, 255, 0, 0.5);
    --axai-header-button-color: rgba(0, 255, 0, 0.7);
    --axai-header-button-hover-bg: #001100;
    --axai-header-button-hover-color: #00ff00;
    --axai-greeting-text-color: rgba(0, 255, 0, 0.7);
    --axai-timestamp-color: rgba(0, 255, 0, 0.6);
    --axai-bot-name-color: rgba(0, 255, 0, 0.7);
    --axai-send-button-icon-color: rgba(0, 255, 0, 0.7);
    --axai-send-button-icon-hover-color: #00ff00;
    --axai-footer-link-color: #00ff00;
    --axai-footer-button-color: #003300;
    --axai-box-shadow: 0px 0px 20px #00ff00;
    --axai-button-hover-shadow: 0px 0px 25px #00ff00;
}

/* Linux Terminal: Monospace Font & Text Shadow */
body.axai-theme-linux #anything-llm-chat,
body.axai-theme-linux #anything-llm-chat * {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
    text-shadow: 0 0 3px rgba(0, 255, 0, 0.5) !important;
}

/* Linux Terminal: Glow Effect on Chat Window */
body.axai-theme-linux #anything-llm-chat {
    box-shadow: 0px 0px 30px rgba(0, 255, 0, 0.6), inset 0 0 20px rgba(0, 255, 0, 0.1) !important;
}

/* THEME 3: DARK MODE */
body.axai-theme-dark {
    --axai-bg-color: #1e1e1e;
    --axai-text-color: #e0e0e0;
    --axai-border-color: #333333;
    --axai-user-msg-bg: #2563eb;
    --axai-user-msg-text: #ffffff;
    --axai-bot-msg-bg: #2a2a2a;
    --axai-bot-msg-text: #e0e0e0;
    --axai-button-color: #2563eb;
    --axai-button-text-color: #ffffff;
    --axai-button-hover-bg: #1d4ed8;
    --axai-button-hover-color: #ffffff;
    --axai-input-bg-color: #2a2a2a;
    --axai-input-text-color: #e0e0e0;
    --axai-input-border-color: #404040;
    --axai-input-placeholder-color: rgba(224, 224, 224, 0.5);
    --axai-header-bg-color: #1a1a1a;
    --axai-header-text-color: #e0e0e0;
    --axai-header-border-color: #333333;
    --axai-header-button-color: rgba(224, 224, 224, 0.6);
    --axai-header-button-hover-bg: #2a2a2a;
    --axai-header-button-hover-color: rgba(224, 224, 224, 0.9);
    --axai-greeting-text-color: #94a3b8;
    --axai-timestamp-color: #6b7280;
    --axai-bot-name-color: #94a3b8;
    --axai-send-button-icon-color: rgba(224, 224, 224, 0.6);
    --axai-send-button-icon-hover-color: rgba(224, 224, 224, 0.9);
    --axai-footer-link-color: #60a5fa;
    --axai-footer-button-color: #374151;
    --axai-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.5);
    --axai-button-hover-shadow: 0px 4px 14px rgba(37, 99, 235, 0.5);
}

/* THEME 4: OCEAN */
body.axai-theme-ocean {
    --axai-bg-color: #e0f2fe;
    --axai-text-color: #0c4a6e;
    --axai-border-color: #7dd3fc;
    --axai-user-msg-bg: #0ea5e9;
    --axai-user-msg-text: #ffffff;
    --axai-bot-msg-bg: #ffffff;
    --axai-bot-msg-text: #0c4a6e;
    --axai-button-color: #0ea5e9;
    --axai-button-text-color: #ffffff;
    --axai-button-hover-bg: #0284c7;
    --axai-button-hover-color: #ffffff;
    --axai-input-bg-color: #ffffff;
    --axai-input-text-color: #0c4a6e;
    --axai-input-border-color: #7dd3fc;
    --axai-input-placeholder-color: rgba(12, 74, 110, 0.5);
    --axai-header-bg-color: #0284c7;
    --axai-header-text-color: #ffffff;
    --axai-header-border-color: #0369a1;
    --axai-header-button-color: rgba(255, 255, 255, 0.8);
    --axai-header-button-hover-bg: rgba(255, 255, 255, 0.1);
    --axai-header-button-hover-color: #ffffff;
    --axai-greeting-text-color: #0369a1;
    --axai-timestamp-color: #0369a1;
    --axai-bot-name-color: #0369a1;
    --axai-send-button-icon-color: rgba(12, 74, 110, 0.6);
    --axai-send-button-icon-hover-color: #0c4a6e;
    --axai-footer-link-color: #0ea5e9;
    --axai-footer-button-color: #0369a1;
    --axai-box-shadow: 0px 0px 18px rgba(14, 165, 233, 0.3);
    --axai-button-hover-shadow: 0px 4px 14px rgba(14, 165, 233, 0.5);
}

/* THEME 5: FOREST */
body.axai-theme-forest {
    --axai-bg-color: #ecfdf5;
    --axai-text-color: #064e3b;
    --axai-border-color: #6ee7b7;
    --axai-user-msg-bg: #10b981;
    --axai-user-msg-text: #ffffff;
    --axai-bot-msg-bg: #ffffff;
    --axai-bot-msg-text: #064e3b;
    --axai-button-color: #10b981;
    --axai-button-text-color: #ffffff;
    --axai-button-hover-bg: #059669;
    --axai-button-hover-color: #ffffff;
    --axai-input-bg-color: #ffffff;
    --axai-input-text-color: #064e3b;
    --axai-input-border-color: #6ee7b7;
    --axai-input-placeholder-color: rgba(6, 78, 59, 0.5);
    --axai-header-bg-color: #059669;
    --axai-header-text-color: #ffffff;
    --axai-header-border-color: #047857;
    --axai-header-button-color: rgba(255, 255, 255, 0.8);
    --axai-header-button-hover-bg: rgba(255, 255, 255, 0.1);
    --axai-header-button-hover-color: #ffffff;
    --axai-greeting-text-color: #047857;
    --axai-timestamp-color: #047857;
    --axai-bot-name-color: #047857;
    --axai-send-button-icon-color: rgba(6, 78, 59, 0.6);
    --axai-send-button-icon-hover-color: #064e3b;
    --axai-footer-link-color: #10b981;
    --axai-footer-button-color: #047857;
    --axai-box-shadow: 0px 0px 18px rgba(16, 185, 129, 0.3);
    --axai-button-hover-shadow: 0px 4px 14px rgba(16, 185, 129, 0.5);
}

/* THEME 6: SUNSET */
body.axai-theme-sunset {
    --axai-bg-color: #fff7ed;
    --axai-text-color: #7c2d12;
    --axai-border-color: #fed7aa;
    --axai-user-msg-bg: #f97316;
    --axai-user-msg-text: #ffffff;
    --axai-bot-msg-bg: #ffffff;
    --axai-bot-msg-text: #7c2d12;
    --axai-button-color: #f97316;
    --axai-button-text-color: #ffffff;
    --axai-button-hover-bg: #ea580c;
    --axai-button-hover-color: #ffffff;
    --axai-input-bg-color: #ffffff;
    --axai-input-text-color: #7c2d12;
    --axai-input-border-color: #fed7aa;
    --axai-input-placeholder-color: rgba(124, 45, 18, 0.5);
    --axai-header-bg-color: #ea580c;
    --axai-header-text-color: #ffffff;
    --axai-header-border-color: #c2410c;
    --axai-header-button-color: rgba(255, 255, 255, 0.8);
    --axai-header-button-hover-bg: rgba(255, 255, 255, 0.1);
    --axai-header-button-hover-color: #ffffff;
    --axai-greeting-text-color: #c2410c;
    --axai-timestamp-color: #c2410c;
    --axai-bot-name-color: #c2410c;
    --axai-send-button-icon-color: rgba(124, 45, 18, 0.6);
    --axai-send-button-icon-hover-color: #7c2d12;
    --axai-footer-link-color: #f97316;
    --axai-footer-button-color: #c2410c;
    --axai-box-shadow: 0px 0px 18px rgba(249, 115, 22, 0.3);
    --axai-button-hover-shadow: 0px 4px 14px rgba(249, 115, 22, 0.5);
}

/* THEME 7: ROYAL */
body.axai-theme-royal {
    --axai-bg-color: #faf5ff;
    --axai-text-color: #581c87;
    --axai-border-color: #d8b4fe;
    --axai-user-msg-bg: #9333ea;
    --axai-user-msg-text: #ffffff;
    --axai-bot-msg-bg: #ffffff;
    --axai-bot-msg-text: #581c87;
    --axai-button-color: #9333ea;
    --axai-button-text-color: #ffffff;
    --axai-button-hover-bg: #7e22ce;
    --axai-button-hover-color: #ffffff;
    --axai-input-bg-color: #ffffff;
    --axai-input-text-color: #581c87;
    --axai-input-border-color: #d8b4fe;
    --axai-input-placeholder-color: rgba(88, 28, 135, 0.5);
    --axai-header-bg-color: #7e22ce;
    --axai-header-text-color: #ffffff;
    --axai-header-border-color: #6b21a8;
    --axai-header-button-color: rgba(255, 255, 255, 0.8);
    --axai-header-button-hover-bg: rgba(255, 255, 255, 0.1);
    --axai-header-button-hover-color: #ffffff;
    --axai-greeting-text-color: #6b21a8;
    --axai-timestamp-color: #6b21a8;
    --axai-bot-name-color: #6b21a8;
    --axai-send-button-icon-color: rgba(88, 28, 135, 0.6);
    --axai-send-button-icon-hover-color: #581c87;
    --axai-footer-link-color: #9333ea;
    --axai-footer-button-color: #6b21a8;
    --axai-box-shadow: 0px 0px 18px rgba(147, 51, 234, 0.3);
    --axai-button-hover-shadow: 0px 4px 14px rgba(147, 51, 234, 0.5);
}

/* THEME 8: MIDNIGHT */
body.axai-theme-midnight {
    --axai-bg-color: #0f172a;
    --axai-text-color: #cbd5e1;
    --axai-border-color: #334155;
    --axai-user-msg-bg: #6366f1;
    --axai-user-msg-text: #ffffff;
    --axai-bot-msg-bg: #1e293b;
    --axai-bot-msg-text: #cbd5e1;
    --axai-button-color: #6366f1;
    --axai-button-text-color: #ffffff;
    --axai-button-hover-bg: #4f46e5;
    --axai-button-hover-color: #ffffff;
    --axai-input-bg-color: #1e293b;
    --axai-input-text-color: #cbd5e1;
    --axai-input-border-color: #334155;
    --axai-input-placeholder-color: rgba(203, 213, 225, 0.5);
    --axai-header-bg-color: #1e293b;
    --axai-header-text-color: #cbd5e1;
    --axai-header-border-color: #334155;
    --axai-header-button-color: rgba(203, 213, 225, 0.6);
    --axai-header-button-hover-bg: #334155;
    --axai-header-button-hover-color: #cbd5e1;
    --axai-greeting-text-color: #64748b;
    --axai-timestamp-color: #475569;
    --axai-bot-name-color: #64748b;
    --axai-send-button-icon-color: rgba(203, 213, 225, 0.6);
    --axai-send-button-icon-hover-color: #cbd5e1;
    --axai-footer-link-color: #818cf8;
    --axai-footer-button-color: #475569;
    --axai-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.8);
    --axai-button-hover-shadow: 0px 4px 14px rgba(99, 102, 241, 0.5);
}

/* THEME 9: COFFEE */
body.axai-theme-coffee {
    --axai-bg-color: #fef3c7;
    --axai-text-color: #78350f;
    --axai-border-color: #fde68a;
    --axai-user-msg-bg: #f59e0b;
    --axai-user-msg-text: #ffffff;
    --axai-bot-msg-bg: #ffffff;
    --axai-bot-msg-text: #78350f;
    --axai-button-color: #f59e0b;
    --axai-button-text-color: #ffffff;
    --axai-button-hover-bg: #d97706;
    --axai-button-hover-color: #ffffff;
    --axai-input-bg-color: #ffffff;
    --axai-input-text-color: #78350f;
    --axai-input-border-color: #fde68a;
    --axai-input-placeholder-color: rgba(120, 53, 15, 0.5);
    --axai-header-bg-color: #d97706;
    --axai-header-text-color: #ffffff;
    --axai-header-border-color: #b45309;
    --axai-header-button-color: rgba(255, 255, 255, 0.8);
    --axai-header-button-hover-bg: rgba(255, 255, 255, 0.1);
    --axai-header-button-hover-color: #ffffff;
    --axai-greeting-text-color: #b45309;
    --axai-timestamp-color: #b45309;
    --axai-bot-name-color: #b45309;
    --axai-send-button-icon-color: rgba(120, 53, 15, 0.6);
    --axai-send-button-icon-hover-color: #78350f;
    --axai-footer-link-color: #f59e0b;
    --axai-footer-button-color: #b45309;
    --axai-box-shadow: 0px 0px 18px rgba(245, 158, 11, 0.3);
    --axai-button-hover-shadow: 0px 4px 14px rgba(245, 158, 11, 0.5);
}

/* THEME 10: NEON */
body.axai-theme-neon {
    --axai-bg-color: #0a0a0a;
    --axai-text-color: #00ffff;
    --axai-border-color: rgba(0, 255, 255, 0.5);
    --axai-user-msg-bg: #ff00ff;
    --axai-user-msg-text: #000000;
    --axai-bot-msg-bg: #1a1a1a;
    --axai-bot-msg-text: #00ffff;
    --axai-button-color: #ff00ff;
    --axai-button-text-color: #000000;
    --axai-button-hover-bg: #00ffff;
    --axai-button-hover-color: #000000;
    --axai-input-bg-color: #1a1a1a;
    --axai-input-text-color: #00ffff;
    --axai-input-border-color: rgba(0, 255, 255, 0.5);
    --axai-input-placeholder-color: rgba(0, 255, 255, 0.5);
    --axai-header-bg-color: #0a0a0a;
    --axai-header-text-color: #00ffff;
    --axai-header-border-color: rgba(0, 255, 255, 0.5);
    --axai-header-button-color: rgba(0, 255, 255, 0.7);
    --axai-header-button-hover-bg: #1a1a1a;
    --axai-header-button-hover-color: #00ffff;
    --axai-greeting-text-color: rgba(0, 255, 255, 0.7);
    --axai-timestamp-color: rgba(0, 255, 255, 0.6);
    --axai-bot-name-color: rgba(0, 255, 255, 0.7);
    --axai-send-button-icon-color: rgba(0, 255, 255, 0.7);
    --axai-send-button-icon-hover-color: #00ffff;
    --axai-footer-link-color: #ff00ff;
    --axai-footer-button-color: #ff00ff;
    --axai-box-shadow: 0px 0px 30px rgba(0, 255, 255, 0.8);
    --axai-button-hover-shadow: 0px 0px 25px rgba(255, 0, 255, 0.9);
}

/* Neon: Monospace Font & Text Shadow */
body.axai-theme-neon #anything-llm-chat,
body.axai-theme-neon #anything-llm-chat * {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
    text-shadow: 0 0 5px rgba(0, 255, 255, 0.7) !important;
}

/* Neon: Glow Effect on Chat Window */
body.axai-theme-neon #anything-llm-chat {
    box-shadow: 0px 0px 40px rgba(0, 255, 255, 0.8), inset 0 0 30px rgba(255, 0, 255, 0.2) !important;
}

/* THEME 11: MINIMALIST */
body.axai-theme-minimalist {
    --axai-bg-color: #fafafa;
    --axai-text-color: #171717;
    --axai-border-color: #e5e5e5;
    --axai-user-msg-bg: #171717;
    --axai-user-msg-text: #fafafa;
    --axai-bot-msg-bg: #ffffff;
    --axai-bot-msg-text: #171717;
    --axai-button-color: #171717;
    --axai-button-text-color: #fafafa;
    --axai-button-hover-bg: #404040;
    --axai-button-hover-color: #ffffff;
    --axai-input-bg-color: #ffffff;
    --axai-input-text-color: #171717;
    --axai-input-border-color: #e5e5e5;
    --axai-input-placeholder-color: rgba(23, 23, 23, 0.5);
    --axai-header-bg-color: #ffffff;
    --axai-header-text-color: #171717;
    --axai-header-border-color: #e5e5e5;
    --axai-header-button-color: rgba(23, 23, 23, 0.6);
    --axai-header-button-hover-bg: #fafafa;
    --axai-header-button-hover-color: #171717;
    --axai-greeting-text-color: #737373;
    --axai-timestamp-color: #a3a3a3;
    --axai-bot-name-color: #737373;
    --axai-send-button-icon-color: rgba(23, 23, 23, 0.6);
    --axai-send-button-icon-hover-color: #171717;
    --axai-footer-link-color: #404040;
    --axai-footer-button-color: #525252;
    --axai-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    --axai-button-hover-shadow: 0px 4px 14px rgba(0, 0, 0, 0.2);
}

/* THEME 12: ROSE */
body.axai-theme-rose {
    --axai-bg-color: #fff1f2;
    --axai-text-color: #881337;
    --axai-border-color: #fda4af;
    --axai-user-msg-bg: #e11d48;
    --axai-user-msg-text: #ffffff;
    --axai-bot-msg-bg: #ffffff;
    --axai-bot-msg-text: #881337;
    --axai-button-color: #e11d48;
    --axai-button-text-color: #ffffff;
    --axai-button-hover-bg: #be123c;
    --axai-button-hover-color: #ffffff;
    --axai-input-bg-color: #ffffff;
    --axai-input-text-color: #881337;
    --axai-input-border-color: #fda4af;
    --axai-input-placeholder-color: rgba(136, 19, 55, 0.5);
    --axai-header-bg-color: #be123c;
    --axai-header-text-color: #ffffff;
    --axai-header-border-color: #9f1239;
    --axai-header-button-color: rgba(255, 255, 255, 0.8);
    --axai-header-button-hover-bg: rgba(255, 255, 255, 0.1);
    --axai-header-button-hover-color: #ffffff;
    --axai-greeting-text-color: #9f1239;
    --axai-timestamp-color: #9f1239;
    --axai-bot-name-color: #9f1239;
    --axai-send-button-icon-color: rgba(136, 19, 55, 0.6);
    --axai-send-button-icon-hover-color: #881337;
    --axai-footer-link-color: #e11d48;
    --axai-footer-button-color: #9f1239;
    --axai-box-shadow: 0px 0px 18px rgba(225, 29, 72, 0.3);
    --axai-button-hover-shadow: 0px 4px 14px rgba(225, 29, 72, 0.5);
}

/* THEME 13: CYBERPUNK */
body.axai-theme-cyberpunk {
    --axai-bg-color: #0d0221;
    --axai-text-color: #ff006e;
    --axai-border-color: rgba(255, 0, 110, 0.5);
    --axai-user-msg-bg: #8338ec;
    --axai-user-msg-text: #ffffff;
    --axai-bot-msg-bg: #1a0933;
    --axai-bot-msg-text: #fb5607;
    --axai-button-color: #8338ec;
    --axai-button-text-color: #ffffff;
    --axai-button-hover-bg: #ff006e;
    --axai-button-hover-color: #000000;
    --axai-input-bg-color: #1a0933;
    --axai-input-text-color: #ff006e;
    --axai-input-border-color: rgba(255, 0, 110, 0.5);
    --axai-input-placeholder-color: rgba(255, 0, 110, 0.5);
    --axai-header-bg-color: #0d0221;
    --axai-header-text-color: #ff006e;
    --axai-header-border-color: rgba(255, 0, 110, 0.5);
    --axai-header-button-color: rgba(255, 0, 110, 0.7);
    --axai-header-button-hover-bg: #1a0933;
    --axai-header-button-hover-color: #ff006e;
    --axai-greeting-text-color: rgba(255, 0, 110, 0.7);
    --axai-timestamp-color: rgba(251, 86, 7, 0.7);
    --axai-bot-name-color: rgba(255, 0, 110, 0.7);
    --axai-send-button-icon-color: rgba(255, 0, 110, 0.7);
    --axai-send-button-icon-hover-color: #ff006e;
    --axai-footer-link-color: #8338ec;
    --axai-footer-button-color: #8338ec;
    --axai-box-shadow: 0px 0px 30px rgba(131, 56, 236, 0.7);
    --axai-button-hover-shadow: 0px 0px 25px rgba(255, 0, 110, 0.9);
}

/* Cyberpunk: Monospace Font & Text Shadow */
body.axai-theme-cyberpunk #anything-llm-chat,
body.axai-theme-cyberpunk #anything-llm-chat * {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
    text-shadow: 0 0 5px rgba(255, 0, 110, 0.5) !important;
}

/* Cyberpunk: Glow Effect on Chat Window */
body.axai-theme-cyberpunk #anything-llm-chat {
    box-shadow: 0px 0px 40px rgba(131, 56, 236, 0.8), inset 0 0 30px rgba(255, 0, 110, 0.2) !important;
}

/* THEME 14: NATURE */
body.axai-theme-nature {
    --axai-bg-color: #f0fdf4;
    --axai-text-color: #14532d;
    --axai-border-color: #86efac;
    --axai-user-msg-bg: #22c55e;
    --axai-user-msg-text: #ffffff;
    --axai-bot-msg-bg: #ffffff;
    --axai-bot-msg-text: #14532d;
    --axai-button-color: #22c55e;
    --axai-button-text-color: #ffffff;
    --axai-button-hover-bg: #16a34a;
    --axai-button-hover-color: #ffffff;
    --axai-input-bg-color: #ffffff;
    --axai-input-text-color: #14532d;
    --axai-input-border-color: #86efac;
    --axai-input-placeholder-color: rgba(20, 83, 45, 0.5);
    --axai-header-bg-color: #16a34a;
    --axai-header-text-color: #ffffff;
    --axai-header-border-color: #15803d;
    --axai-header-button-color: rgba(255, 255, 255, 0.8);
    --axai-header-button-hover-bg: rgba(255, 255, 255, 0.1);
    --axai-header-button-hover-color: #ffffff;
    --axai-greeting-text-color: #15803d;
    --axai-timestamp-color: #15803d;
    --axai-bot-name-color: #15803d;
    --axai-send-button-icon-color: rgba(20, 83, 45, 0.6);
    --axai-send-button-icon-hover-color: #14532d;
    --axai-footer-link-color: #22c55e;
    --axai-footer-button-color: #15803d;
    --axai-box-shadow: 0px 0px 18px rgba(34, 197, 94, 0.3);
    --axai-button-hover-shadow: 0px 4px 14px rgba(34, 197, 94, 0.5);
}

/* THEME 15: PROFESSIONAL */
body.axai-theme-professional {
    --axai-bg-color: #f8fafc;
    --axai-text-color: #1e293b;
    --axai-border-color: #cbd5e1;
    --axai-user-msg-bg: #3b82f6;
    --axai-user-msg-text: #ffffff;
    --axai-bot-msg-bg: #ffffff;
    --axai-bot-msg-text: #1e293b;
    --axai-button-color: #3b82f6;
    --axai-button-text-color: #ffffff;
    --axai-button-hover-bg: #2563eb;
    --axai-button-hover-color: #ffffff;
    --axai-input-bg-color: #ffffff;
    --axai-input-text-color: #1e293b;
    --axai-input-border-color: #cbd5e1;
    --axai-input-placeholder-color: rgba(30, 41, 59, 0.5);
    --axai-header-bg-color: #1e293b;
    --axai-header-text-color: #ffffff;
    --axai-header-border-color: #0f172a;
    --axai-header-button-color: rgba(255, 255, 255, 0.8);
    --axai-header-button-hover-bg: rgba(255, 255, 255, 0.1);
    --axai-header-button-hover-color: #ffffff;
    --axai-greeting-text-color: #64748b;
    --axai-timestamp-color: #64748b;
    --axai-bot-name-color: #64748b;
    --axai-send-button-icon-color: rgba(30, 41, 59, 0.6);
    --axai-send-button-icon-hover-color: #1e293b;
    --axai-footer-link-color: #3b82f6;
    --axai-footer-button-color: #475569;
    --axai-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.15);
    --axai-button-hover-shadow: 0px 4px 14px rgba(59, 130, 246, 0.4);
}

/* THEME 16: RETRO */
body.axai-theme-retro {
    --axai-bg-color: #fffbeb;
    --axai-text-color: #713f12;
    --axai-border-color: #fcd34d;
    --axai-user-msg-bg: #f59e0b;
    --axai-user-msg-text: #ffffff;
    --axai-bot-msg-bg: #fef3c7;
    --axai-bot-msg-text: #713f12;
    --axai-button-color: #f59e0b;
    --axai-button-text-color: #ffffff;
    --axai-button-hover-bg: #d97706;
    --axai-button-hover-color: #ffffff;
    --axai-input-bg-color: #fef3c7;
    --axai-input-text-color: #713f12;
    --axai-input-border-color: #fcd34d;
    --axai-input-placeholder-color: rgba(113, 63, 18, 0.5);
    --axai-header-bg-color: #d97706;
    --axai-header-text-color: #ffffff;
    --axai-header-border-color: #b45309;
    --axai-header-button-color: rgba(255, 255, 255, 0.8);
    --axai-header-button-hover-bg: rgba(255, 255, 255, 0.1);
    --axai-header-button-hover-color: #ffffff;
    --axai-greeting-text-color: #b45309;
    --axai-timestamp-color: #b45309;
    --axai-bot-name-color: #b45309;
    --axai-send-button-icon-color: rgba(113, 63, 18, 0.6);
    --axai-send-button-icon-hover-color: #713f12;
    --axai-footer-link-color: #f59e0b;
    --axai-footer-button-color: #b45309;
    --axai-box-shadow: 0px 0px 18px rgba(245, 158, 11, 0.3);
    --axai-button-hover-shadow: 0px 4px 14px rgba(245, 158, 11, 0.5);
}

/* THEME 17: CANDY */
body.axai-theme-candy {
    --axai-bg-color: #fdf4ff;
    --axai-text-color: #831843;
    --axai-border-color: #f9a8d4;
    --axai-user-msg-bg: #ec4899;
    --axai-user-msg-text: #ffffff;
    --axai-bot-msg-bg: #ffffff;
    --axai-bot-msg-text: #831843;
    --axai-button-color: #ec4899;
    --axai-button-text-color: #ffffff;
    --axai-button-hover-bg: #db2777;
    --axai-button-hover-color: #ffffff;
    --axai-input-bg-color: #ffffff;
    --axai-input-text-color: #831843;
    --axai-input-border-color: #f9a8d4;
    --axai-input-placeholder-color: rgba(131, 24, 67, 0.5);
    --axai-header-bg-color: #db2777;
    --axai-header-text-color: #ffffff;
    --axai-header-border-color: #be185d;
    --axai-header-button-color: rgba(255, 255, 255, 0.8);
    --axai-header-button-hover-bg: rgba(255, 255, 255, 0.1);
    --axai-header-button-hover-color: #ffffff;
    --axai-greeting-text-color: #be185d;
    --axai-timestamp-color: #be185d;
    --axai-bot-name-color: #be185d;
    --axai-send-button-icon-color: rgba(131, 24, 67, 0.6);
    --axai-send-button-icon-hover-color: #831843;
    --axai-footer-link-color: #ec4899;
    --axai-footer-button-color: #9d174d;
    --axai-box-shadow: 0px 0px 18px rgba(236, 72, 153, 0.3);
    --axai-button-hover-shadow: 0px 4px 14px rgba(236, 72, 153, 0.5);
}

/* ========================================
   RESPONSIVE & MEDIA QUERIES
   ======================================== */
@media (max-width: 768px) {
    body[class*="axai-theme-"] .allm-fixed.allm-inset-0 {
        max-width: calc(100vw - 40px) !important;
        max-height: calc(100vh - 100px) !important;
    }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    body[class*="axai-theme-"] * {
        animation: none !important;
        transition: none !important;
    }
}

/* Print */
@media print {
    body[class*="axai-theme-"] #anythingllm-chat-widget-container {
        display: none !important;
    }
}