/* RAG Chat - Dark Mode Styles */

body.dark-mode-enabled .rag-chat-input-area .form-control {
    background-color: var(--dark-surface, #1a1a2e);
    color: var(--dark-text, #e0e0e0);
    opacity: 1;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

body.dark-mode-enabled .rag-chat-input-area .form-control::placeholder {
    color: rgba(224, 224, 224, 0.5);
}

body.dark-mode-enabled .rag-chat-input-area .form-control:focus {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

body.dark-mode-enabled #rag-send-btn {
    background-color: var(--dark-accent, #4a9eff);
    color: #fff;
}

body.dark-mode-enabled #rag-send-btn:hover {
    background-color: #3a8eef;
}

body.dark-mode-enabled #rag-send-btn:disabled {
    opacity: 0.5;
}

body.dark-mode-enabled .rag-chat-response {
    background: rgba(26, 26, 46, 0.95);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

body.dark-mode-enabled .rag-answer {
    color: var(--dark-text, #e0e0e0);
}

body.dark-mode-enabled .rag-answer code {
    background: rgba(255, 255, 255, 0.1);
    color: var(--dark-accent, #4a9eff);
}

body.dark-mode-enabled .rag-close-btn {
    color: #666;
}

body.dark-mode-enabled .rag-close-btn:hover {
    color: var(--dark-text, #e0e0e0);
}

body.dark-mode-enabled .rag-loading-text {
    color: #999;
}

body.dark-mode-enabled .rag-cursor {
    background-color: var(--dark-accent, #4a9eff);
}

body.dark-mode-enabled .rag-sources {
    border-top-color: rgba(255, 255, 255, 0.08);
}

body.dark-mode-enabled .rag-sources-title {
    color: #777;
}

body.dark-mode-enabled .rag-source-item {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
}

body.dark-mode-enabled .rag-source-item:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: var(--dark-accent, #4a9eff);
}

body.dark-mode-enabled .rag-source-item a {
    color: var(--dark-text, #e0e0e0);
}

body.dark-mode-enabled .rag-source-item:hover a {
    color: var(--dark-accent, #4a9eff);
}

body.dark-mode-enabled .rag-source-item .source-label {
    color: var(--dark-text, #e0e0e0);
}

body.dark-mode-enabled .rag-source-badge {
    color: #666;
}

body.dark-mode-enabled .rag-suggestion-chip {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.15);
    color: rgba(224, 224, 224, 0.8);
}

body.dark-mode-enabled .rag-suggestion-chip:hover {
    background: var(--dark-accent, #4a9eff);
    border-color: var(--dark-accent, #4a9eff);
    color: #fff;
}

body.dark-mode-enabled .rag-chat-response::-webkit-scrollbar-thumb {
    background: #444;
}

body.dark-mode-enabled .rag-chat-response::-webkit-scrollbar-thumb:hover {
    background: #555;
}