/* Dark theme styles */
html[data-theme='dark'],
html[data-theme='dark'] body {
    --border-color: #444;
    --sidebar-bg: #252525;
    --panel-bg: #2d2d2d;
    color: #e1e1e1;
    background-color: #1e1e1e;
}

html[data-theme='dark'] header {
    background-color: #2d2d2d;
    border-bottom: 1px solid #444;
}

html[data-theme='dark'] .sidebar-left,
html[data-theme='dark'] .sidebar-right {
    background-color: #252525;
    border-color: #444;
}

html[data-theme='dark'] .panel {
    background-color: #2d2d2d;
    border-color: #444;
}

html[data-theme='dark'] .panel-title {
    border-bottom-color: #444;
}

html[data-theme='dark'] .chat-messages {
    background-color: #2d2d2d;
    border-color: #444;
}

html[data-theme='dark'] .code-block {
    background-color: #333;
}

html[data-theme='dark'] .code-language {
    background-color: #3a3a3a;
}

html[data-theme='dark'] code {
    background-color: #333;
}

html[data-theme='dark'] a, 
html[data-theme='dark'] .btn-link {
    color: #4da6ff;
}

html[data-theme='dark'] .context-indicator {
    background-color: #2d2d2d;
    border-color: #444;
    color: #e1e1e1;
}

html[data-theme='dark'] .tab-button {
    background-color: #333;
    border-color: #444;
}

html[data-theme='dark'] .tab-button.active {
    background-color: #2d2d2d;
    border-bottom-color: #2d2d2d;
}

html[data-theme='dark'] .tab-content {
    border-color: #444;
}

html[data-theme='dark'] .search-result {
    background-color: #333;
    border-left-color: #4da6ff;
}

html[data-theme='dark'] .search-result-path {
    color: #aaa;
}

html[data-theme='dark'] .search-result-content {
    background-color: #2d2d2d;
    border-color: #444;
}

html[data-theme='dark'] .toggle-slider {
    background-color: #555;
}

html[data-theme='dark'] input:checked + .toggle-slider {
    background-color: #4da6ff;
}

html[data-theme='dark'] .model-option select, 
html[data-theme='dark'] .database-option select,
html[data-theme='dark'] .tool-option select,
html[data-theme='dark'] input[type="text"],
html[data-theme='dark'] input[type="number"],
html[data-theme='dark'] textarea {
    background-color: #333;
    color: #e1e1e1;
    border-color: #555;
}

html[data-theme='dark'] .stat-box {
    background-color: #333;
}

/* Dark mode for buttons */
html[data-theme='dark'] .rz-button {
    background-color: #4da6ff;
}

html[data-theme='dark'] .rz-button:hover {
    background-color: #3a80cc;
}

/* Dark mode scrollbar */
html[data-theme='dark'] ::-webkit-scrollbar-track {
    background: #333;
}

html[data-theme='dark'] ::-webkit-scrollbar-thumb {
    background: #666;
}

html[data-theme='dark'] ::-webkit-scrollbar-thumb:hover {
    background: #888;
}

/* Dark mode for diagnostic panel */
html[data-theme='dark'] #diagInfo {
    background-color: #333;
    color: #e1e1e1;
    border-color: #444;
}

html[data-theme='dark'] .diagnostic-button {
    background-color: #444;
    border-color: #555;
}