/* dark-theme.css — Dark mode overrides via data-theme attribute */
:root[data-theme="dark"] {
    --bg-body: #0f1117;
    --bg-card: #1a1b23;
    --text-primary: #e5e7eb;
    --text-secondary: #9ca3af;
    --border-color: #2d2e3a;
    --accent-blue: #e5e7eb;
}

/* Sidebar */
[data-theme="dark"] .sidebar {
    background: #14151d;
    border-right-color: #2d2e3a;
}

/* Profile Popup */
[data-theme="dark"] .profile-popup {
    background: #1a1b23;
    border-color: #2d2e3a;
}

[data-theme="dark"] .popup-item:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

/* Avatar */
[data-theme="dark"] .user-avatar-sm,
[data-theme="dark"] .profile-avatar {
    border-color: rgba(255, 255, 255, 0.1);
}

/* Buttons */
[data-theme="dark"] .btn-primary {
    background: #6366f1;  /* Purple/blue for dark mode */
    color: #ffffff;  /* White text */
}

[data-theme="dark"] .btn-primary:hover {
    background: #4f46e5;  /* Darker purple on hover */
}

[data-theme="dark"] .settings-btn {
    background: #2d2e3a;
    color: var(--text-primary);
    border-color: #3d3e4a;
}

[data-theme="dark"] .settings-btn:hover {
    background: #3d3e4a;
}

[data-theme="dark"] .btn-disconnect {
    background: #1a1b23;
    border-color: #5c2020;
    color: #f87171;
}

[data-theme="dark"] .btn-disconnect:hover {
    background: #2a1515;
    border-color: #f87171;
}

/* Cards & Sections */
[data-theme="dark"] .settings-section,
[data-theme="dark"] .insight-card,
[data-theme="dark"] .integration-card {
    background: #1a1b23;
    border-color: #2d2e3a;
}

/* Inputs & Selects */
[data-theme="dark"] .settings-select {
    background: #1a1b23;
    color: var(--text-primary);
    border-color: #2d2e3a;
}

[data-theme="dark"] .settings-select:focus {
    border-color: #4d4e5a;
}

[data-theme="dark"] .modal-input,
[data-theme="dark"] .form-group input {
    background: #14151d;
    color: var(--text-primary);
    border-color: #2d2e3a;
}

[data-theme="dark"] .form-group input:focus,
[data-theme="dark"] .modal-input:focus {
    background: #1a1b23;
    border-color: #4d4e5a;
}

/* Modals */
[data-theme="dark"] .modal-overlay {
    background: rgba(0, 0, 0, 0.6);
}

[data-theme="dark"] .delete-modal,
[data-theme="dark"] .edit-modal,
[data-theme="dark"] .disconnect-dialog {
    background: #1a1b23;
    border-color: #2d2e3a;
}

/* Toggle Switch */
[data-theme="dark"] .slider {
    background-color: #3d3e4a;
}

[data-theme="dark"] input:checked+.slider {
    background-color: #6366f1;
}

/* Theme options */
[data-theme="dark"] .theme-option:hover {
    background-color: #2d2e3a;
}

[data-theme="dark"] .theme-option.active {
    border-color: #6366f1;
    background-color: #2d2e3a;
}

[data-theme="dark"] .theme-preview {
    border-color: #2d2e3a;
}

/* Status badge */
[data-theme="dark"] .status-badge {
    background-color: #064e3b;
    color: #6ee7b7;
}

/* Nav icons */
[data-theme="dark"] .nav-icon.active {
    background-color: #2d2e3a;
}

[data-theme="dark"] .nav-icon:hover:not(.active) {
    background-color: rgba(255, 255, 255, 0.05);
    color: var(--text-primary);
}

/* Security banner */
[data-theme="dark"] .security-banner-wrapper,
[data-theme="dark"] .security-banner {
    background: #14151d;
    border-color: #2d2e3a;
}

/* Scrollbar */
[data-theme="dark"] ::-webkit-scrollbar-track {
    background: #0f1117;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: #2d2e3a;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #3d3e4a;
}

/* Chat area */
[data-theme="dark"] .chat-panel {
    border-color: #2d2e3a;
}

[data-theme="dark"] .message-card,
[data-theme="dark"] .checkin-card {
    background: #1a1b23;
    border-color: #2d2e3a;
}

/* Links */
[data-theme="dark"] a.what-is-link {
    color: var(--text-secondary);
}

[data-theme="dark"] a.what-is-link:hover {
    color: var(--text-primary);
}

/* Feedback page */
[data-theme="dark"] .feedback-card,
[data-theme="dark"] .faq-item {
    background: #1a1b23;
    border-color: #2d2e3a;
}

/* Integration card enhancements */
[data-theme="dark"] .integration-icon-box {
    background: #2d2e3a;
}

[data-theme="dark"] .status-chip {
    background: rgba(16, 185, 129, 0.15);
    color: #6ee7b7;
}

[data-theme="dark"] .status-chip.disconnected {
    background: rgba(107, 114, 128, 0.15);
    color: #9ca3af;
}

/* Cancel button in modals */
[data-theme="dark"] .btn-cancel,
[data-theme="dark"] .dialog-btn-cancel {
    background: #2d2e3a;
    color: var(--text-primary);
    border-color: #3d3e4a;
}

[data-theme="dark"] .btn-cancel:hover,
[data-theme="dark"] .dialog-btn-cancel:hover {
    background: #3d3e4a;
}

/* Workspace area */
[data-theme="dark"] .workspace {
    background: transparent;
}

/* Sidebar toggle */
[data-theme="dark"] .sidebar-toggle-btn:hover {
    background: #2d2e3a;
}

[data-theme="dark"] .sidebar.collapsed .brand-icon:hover {
    background: #2d2e3a;
}

/* Form controls (feedback page) */
[data-theme="dark"] .form-control {
    background: #1a1b23;
    color: var(--text-primary);
    border-color: #2d2e3a;
}

[data-theme="dark"] .form-control:focus {
    background: #1a1b23;
    border-color: #6366f1;
    box-shadow: 0 0 0 1px #6366f1;
}

[data-theme="dark"] .feedback-modal {
    background: #1a1b23;
    border-color: #2d2e3a;
}

[data-theme="dark"] .modal-icon {
    background-color: #064e3b;
    color: #6ee7b7;
}

/* Header bar (vision/feedback pages) */
[data-theme="dark"] .header-bar {
    background: transparent;
}

/* Delete account button */
[data-theme="dark"] .btn-disconnect[style*="background: #fef2f2"] {
    background: #2a1515 !important;
}