/* General dark theme body styles */
body.dark {
    background-color: #1a1a1a;
    color: #e0e0e0;
}

/* Dark theme header */
header.dark {
    background-color: #1B5E20;
    color: #f0f0f0;
}

/* Menu items dark theme */
.menu-items.dark {
    background-color: #1B5E20;
    color: #ffffff;
}

/* Dark theme cards and containers */
.dark .card,
.dark .provider-card,
.dark .pema-card,
.dark .report-card,
.dark .feedback-card,
.dark .dialog-content,
.dark .user-info-card,
.dark .settings-section,
.dark .stat-box,
.dark .statistics-container > div {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    border: 1px solid #404040 !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3) !important;
}

/* Dark theme text colors */
.dark .provider-name,
.dark .report-title,
.dark .feedback-body,
.dark h1, 
.dark h2, 
.dark h3 {
    color: #e0e0e0;
}

.dark .provider-contact,
.dark .report-field,
.dark .feedback-metadata {
    color: #b0b0b0;
}

/* Dark theme status badges */
.dark .status-badge.new {
    background-color: #1a365d;
    color: #63b3ed;
}

.dark .status-badge.complete {
    background-color: #1c4532;
    color: #68d391;
}

.dark .status-badge.escalated {
    background-color: #63171b;
    color: #fc8181;
}

.dark .status-badge.progress {
    background-color: #744210;
    color: #f6e05e;
}

/* Dark theme verification badges */
.dark .verified-badge {
    background-color: #1a365d;
    color: #63b3ed;
}

.dark .not-verified-badge {
    background-color: #63171b;
    color: #fc8181;
}

/* Dark theme inputs and selects */
.dark .search-input,
.dark .filter-select,
.dark #escalation-reason {
    background-color: #333333;
    color: #e0e0e0;
    border-color: #404040;
}

/* Dark theme buttons */
.dark .action-btn {
    background-color: #1B5E20 !important;
    color: #ffffff !important;
    border: none !important;
}

.dark .action-btn:hover {
    background-color: #2E7D32 !important;
}

/* Dark theme dividers */
.dark .divider {
    border-color: #404040;
}

/* Dark theme dialog */
.dark .dialog-overlay {
    background-color: rgba(0, 0, 0, 0.75);
}

.dark .dialog-btn.cancel {
    background-color: #4a5568;
    color: #e0e0e0;
}

.dark .dialog-btn.confirm {
    background-color: #744210;
    color: #f6e05e;
}

/* Dark theme tab buttons */
.dark .tab-button {
    color: #e0e0e0;
}

.dark .tab-button:hover,
.dark .tab-button.active {
    background-color: #2d2d2d;
}

/* Dark theme icons */
.dark .material-symbols-outlined {
    color: #b0b0b0;
}

/* Dark theme settings toggles */
.dark .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 30px;
}

.dark .switch input:checked + .slider {
    background-color: #1B5E20;
}

/* Dark theme scrollbar */
.dark ::-webkit-scrollbar {
    width: 10px;
}

.dark ::-webkit-scrollbar-track {
    background: #2d2d2d;
}

.dark ::-webkit-scrollbar-thumb {
    background: #4a5568;
    border-radius: 5px;
}

.dark ::-webkit-scrollbar-thumb:hover {
    background: #718096;
}

/* Dark theme toggler button */
body.dark .theme-toggler {
    background-color: #222;
    color: #ddd;
}

body.dark .theme-toggler:hover {
    background-color: #333;
}

/* Dark theme section */
section.dark {
    background-color: #1f1f1f;
    color: #ccc;
}

/* Dark theme form */
form.dark {
    background-color: #2b2b2b;
    color: #1B5E20;
}

.login-form.dark{
    background-color: #263238;
}

/* Dark theme button */
button.dark {
    background-color: #1a73e8;
    color: white;
}

.registration-form.dark {
    background-color: #263238;
}

#user-info-card.dark{
    background-color: #212121;
}

.tab-button.dark {
    padding: 15px;
    /* Increased padding for a larger clickable area */
    border: none;
    background: none;
    cursor: pointer;
    text-align: left;
    width: 100%;
    color: white;
    transition: background-color 0.3s;
    display: flex;
    align-items: center;
    /* Center align items vertically */
}

/* Dark theme for forms */
.dark .registration-container,
.dark .login-container {
    background-color: #1a1a1a;
    color: #e0e0e0;
}

.dark .registration-form,
.dark .login-form {
    background-color: #2d2d2d;
    border: 1px solid #404040;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

.dark .registration-title,
.dark .login-title {
    color: #e0e0e0;
}

/* Form inputs dark theme */
.dark .form-input,
.dark .pass-input {
    background-color: #333333;
    color: #e0e0e0;
    border: 1px solid #404040;
}

.dark .filter-div input::placeholder {
    color: #fff;
    /* Very light gray for high contrast */
    opacity: 1;
    /* Ensure full opacity */
}

.dark .filter-div input {
    width: 100%;
    outline: none;
    background-color: transparent;
    padding: .5em;
    color: #fff;
}

.dark .form-input:focus,
.dark .pass-input:focus {
    border-color: #1B5E20;
    box-shadow: 0 0 0 2px rgba(27, 94, 32, 0.2);
}

.dark .form-input::placeholder,
.dark .pass-input::placeholder {
    color: #808080;
}

/* Form buttons dark theme */
.dark .form-button {
    background-color: #1B5E20;
    color: #ffffff;
    border: none;
}

.dark .form-button:hover {
    background-color: #2E7D32;
}

.dark .form-button:active {
    background-color: #1B5E20;
}

/* Links in forms */
.dark .login-link,
.dark .forgot-password {
    color: #b0b0b0;
}

.dark .login-link a,
.dark .forgot-password a {
    color: #4CAF50;
}

.dark .login-link a:hover,
.dark .forgot-password a:hover {
    color: #66BB6A;
}

/* Error and success messages */
.dark .error {
    color: #ff6b6b;
}

.dark .success {
    color: #69db7c;
}

/* Password visibility toggle */
.dark .pass-div .material-symbols-outlined {
    color: #b0b0b0;
}

/* Spinner for loading states */
.dark .spinner {
    background-color: rgba(26, 26, 26, 0.9);
}

.dark .spinner-grow {
    background-color: #1B5E20;
}

/* Theme toggler in forms */
.dark .theme {
    background-color: #1a1a1a;
}

.dark .theme-toggler {
    background-color: #2d2d2d;
    border: 1px solid #404040;
}

/* Language selector */
.dark .localization {
    color: #e0e0e0;
}

.dark #language {
    background-color: #333333;
    color: #e0e0e0;
    border: 1px solid #404040;
}

/* Disabled inputs */
.dark .form-input:disabled {
    background-color: #262626;
    color: #808080;
    border-color: #333333;
}

/* Focus states */
.dark .form-input:focus,
.dark .pass-input:focus,
.dark #language:focus {
    outline: none;
    border-color: #1B5E20;
    box-shadow: 0 0 0 2px rgba(27, 94, 32, 0.2);
}

/* Password input container */
.dark .pass-div {
    background-color: #333333;
    border: 1px solid #404040;
    border-radius: 4px;
}

.dark .pass-div:focus-within {
    border-color: #1B5E20;
    box-shadow: 0 0 0 2px rgba(27, 94, 32, 0.2);
}

/* Password input field */
.dark .pass-input {
    background-color: transparent !important;
    color: #e0e0e0;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.dark .pass-div .material-symbols-outlined {
    color: #b0b0b0;
    background-color: #333333;
}

/* Dark theme settings and profile sections - with higher specificity */
body.dark .settings-section,
body.dark .profile-settings-content,
body.dark .user-info-card {
    background-color: #1a1a1a !important;  /* Force black background */
    border: 1px solid #404040;
    color: #e0e0e0 !important;  /* Force light text */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

/* Ensure all text elements within these sections are visible */
body.dark .settings-section *,
body.dark .profile-settings-content *,
body.dark .user-info-card * {
    color: #e0e0e0 !important;
}

/* Specific overrides for headings and labels */
body.dark .settings-section h3,
body.dark .user-info-card h3,
body.dark #notification-label,
body.dark #online-status-label {
    color: #ffffff !important;  /* Brighter white for headings */
}

/* Setting item borders with higher specificity */
body.dark .setting-item {
    border-bottom: 1px solid #404040;
    background-color: #1a1a1a !important;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

body.dark .setting-item:last-child {
    border-bottom: none;
}

/* Exception for the update profile link */
body.dark .user-info-card a {
    background-color: #1B5E20 !important;
    color: #ffffff !important;
}

body.dark .user-info-card a:hover {
    background-color: #2E7D32 !important;
}

/* Toggle switch styling with higher specificity */
body.dark .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 30px;
}

body.dark .switch .toggle-settings {
    opacity: 0;
    width: 0;
    height: 0;
}

body.dark .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #1a1a1a !important;  /* Match container background */
    border: 1px solid #404040;
    transition: .4s;
    border-radius: 34px !important;  /* Make it fully round */
}

body.dark .switch .slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 4px;
    bottom: 3px;
    background-color: #666;
    transition: .4s;
    border-radius: 50% !important;  /* Make toggle circle fully round */
}

body.dark .switch .toggle-settings:checked + .slider {
    background-color: #1B5E20 !important;
    border-color: #1B5E20;
}

body.dark .switch .toggle-settings:checked + .slider:before {
    background-color: #ffffff;
    transform: translateX(30px);
}

body.dark .switch .toggle-settings:focus + .slider {
    box-shadow: 0 0 1px #1B5E20;
}

/* Section headers */
.dark .section-header {
    color: #e0e0e0;
    border-bottom: 1px solid #404040;
}

/* Info cards */
.dark .info-card {
    background-color: #2d2d2d;
    border: 1px solid #404040;
}

.dark .info-card-header {
    background-color: #333333;
    border-bottom: 1px solid #404040;
}

.dark .info-card-body {
    color: #e0e0e0;
}

/* Override text colors for specific sections */
.dark .summary-container,
.dark .summary h1,
.dark .summary h2,
.dark .total-number,
.dark .circular {
    color: #000000 !important; /* Force black text */
}

/* Dark theme cards in home and reports tabs */
.dark .provider-card,
.dark .prt-cards,
.dark .provider-filteration,
.dark .service-providers-container .card {
    background-color: #1a1a1a !important;  /* Darker background */
    border: 1px solid #404040 !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3) !important;
    color: #e0e0e0 !important;
}

/* Card hover effect */
.dark .provider-card:hover,
.dark .prt-cards:hover,
.dark .provider-filteration:hover,
.dark .service-providers-container .card:hover {
    background-color: #262626 !important;  /* Slightly lighter on hover */
    transform: translateY(-2px);
    transition: all 0.3s ease;
}

/* Text colors for card content */
.dark .provider-card .provider-name,
.dark .prt-cards .provider-name,
.dark .provider-filteration .provider-name,
.dark .service-providers-container .card .provider-name {
    color: #4CAF50 !important;  /* Keep provider name in green */
}

.dark .provider-card .provider-description,
.dark .provider-card .provider-contact,
.dark .prt-cards .provider-description,
.dark .prt-cards .provider-contact,
.dark .provider-filteration .provider-description,
.dark .provider-filteration .provider-contact,
.dark .service-providers-container .card .provider-description,
.dark .service-providers-container .card .provider-contact {
    color: #e0e0e0 !important;
}

/* Keep verification badges styling */
.dark .verified-badge {
    background-color: #1a365d !important;
    color: #63b3ed !important;
}

.dark .not-verified-badge {
    background-color: #63171b !important;
    color: #fc8181 !important;
}

/* Button styling */
.dark .contact-me-button {
    background-color: #1B5E20 !important;
    color: #ffffff !important;
    border: none !important;
}

.dark .contact-me-button:hover {
    background-color: #2E7D32 !important;
}

.dark .contact-me-button.suspend,
.dark .contact-me-button.suspendAdmin {
    background-color: #c53030 !important;
}

.dark .contact-me-button.suspend:hover,
.dark .contact-me-button.suspendAdmin:hover {
    background-color: #e53e3e !important;
}

/* Divider in cards */
.dark .provider-card .divider,
.dark .prt-cards .divider,
.dark .provider-filteration .divider,
.dark .service-providers-container .card .divider {
    background: linear-gradient(to right, #2E7D32, #43A047) !important;
    border-color: #404040 !important;
}

/* Dark theme settings tab */
.dark .user-info-card,
.dark .settings-section {
    background-color: #1a1a1a;
    border: 1px solid #404040;
    color: #e0e0e0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

.dark .user-info-card p,
.dark .settings-section p,
.dark .settings-section h3,
.dark .user-info-card h3,
.dark #notification-label,
.dark #online-status-label {
    color: #e0e0e0;
}

/* Setting item borders */
.dark .setting-item {
    border-bottom: 1px solid #404040;
}

.dark .setting-item:last-child {
    border-bottom: none;
}

/* Keep the update profile link visible */
.dark .user-info-card a {
    background-color: #1B5E20 !important;
    color: #ffffff !important;
}

.dark .user-info-card a:hover {
    background-color: #2E7D32 !important;
}

/* Toggle switch styling in dark mode */
.dark .switch .slider {
    background-color: #666;
}

.dark .switch .toggle-settings:checked + .slider {
    background-color: #1B5E20;
}

.dark .switch .toggle-settings:focus + .slider {
    box-shadow: 0 0 1px #1B5E20;
}

/* Card content text colors */
.dark .card h2,
.dark .card p,
.dark .provider-name,
.dark .provider-description,
.dark .provider-contact,
.dark .report-title,
.dark .report-details,
.dark .report-field {
    color: #e0e0e0 !important;
}

/* Summary container and its contents */
.dark .summary-container,
.dark .summary {
    background-color: #2d2d2d !important;
    border: 1px solid #404040;
    color: #e0e0e0 !important;
}

.dark .summary h1,
.dark .summary h2,
.dark .total-number {
    color: #e0e0e0 !important;
}

/* Keep status indicators visible */
.dark .new-report {
    border-left: 4px solid #2196F3 !important;
}

.dark .completed-report {
    border-left: 4px solid #4CAF50 !important;
}

.dark .escalated-report {
    border-left: 4px solid #FF0000 !important;
}

.dark .progress-report {
    border-left: 4px solid #FFD700 !important;
}

/* Keep verification badges and status badges readable */
.dark .verified-badge,
.dark .not-verified-badge,
.dark .status-badge {
    color: inherit !important;
}

/* Action buttons in cards */
.dark .action-btn {
    background-color: #1B5E20 !important;
    color: #ffffff !important;
    border: none !important;
}

.dark .action-btn:hover {
    background-color: #2E7D32 !important;
}

/* Chart containers in dark mode */
.dark .chart-container,
.dark .gender-resolution-section,
.dark canvas {
    background-color: #1a1a1a !important;
    border: 1px solid #404040;
    color: #e0e0e0 !important;
}

/* Override chart background and text colors */
.dark .chart-container {
    background: linear-gradient(
        135deg,
        rgba(26, 26, 26, 0.95) 0%,
        rgba(26, 26, 26, 1) 50%,
        rgba(26, 26, 26, 0.90) 100%
    ) !important;
}

/* Total numbers and circular containers */
.dark .circular,
.dark .total-number {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
}

/* Card content text colors */
.dark .provider-name {
    color: #4CAF50 !important; /* Keep green but lighter for dark theme */
}

.dark .provider-contact,
.dark .provider-description,
.dark .report-details,
.dark .report-field {
    color: #e0e0e0 !important;
}

/* Statistics boxes */
.dark .stat-box h4 {
    color: #4CAF50 !important;
}

.dark .stat-box p {
    color: #e0e0e0 !important;
}

/* Override any inline styles from renderConsoleData.js */
.dark [style*="background-color: white"] {
    background-color: #1a1a1a !important;
}

.dark [style*="color: #333"] {
    color: #e0e0e0 !important;
}

.dark .divider {
    background: linear-gradient(to right, #2E7D32, #43A047) !important;
}

/* Keep status indicators and badges visible */
.dark .status-badge,
.dark .verified-badge,
.dark .not-verified-badge {
    color: inherit !important;
}

/* Dark theme cards with higher specificity */
body.dark .provider-card,
body.dark .prt-cards,
body.dark .provider-filteration,
body.dark .service-providers-container .card {
    background-color: #1a1a1a !important;
    border: 1px solid #404040 !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3) !important;
    color: #e0e0e0 !important;
}

/* Card hover states with higher specificity */
body.dark .provider-card:hover,
body.dark .prt-cards:hover,
body.dark .provider-filteration:hover,
body.dark .service-providers-container .card:hover {
    background-color: #262626 !important;
    transform: translateY(-2px);
    transition: all 0.3s ease;
}

/* Text colors with higher specificity */
body.dark .provider-card .provider-name,
body.dark .prt-cards .provider-name,
body.dark .provider-filteration .provider-name,
body.dark .service-providers-container .card .provider-name {
    color: #4CAF50 !important;  /* Keep provider name in green */
}

body.dark .provider-card .provider-description,
body.dark .provider-card .provider-contact,
body.dark .prt-cards .provider-description,
body.dark .prt-cards .provider-contact,
body.dark .provider-filteration .provider-description,
body.dark .provider-filteration .provider-contact,
body.dark .service-providers-container .card .provider-description,
body.dark .service-providers-container .card .provider-contact {
    color: #e0e0e0 !important;
}

/* Divider with higher specificity */
body.dark .provider-card .divider,
body.dark .prt-cards .divider,
body.dark .provider-filteration .divider,
body.dark .service-providers-container .card .divider {
    background: linear-gradient(to right, #2E7D32, #43A047) !important;
    border-color: #404040 !important;
}

/* Verification badges with higher specificity */
body.dark .provider-card .verified-badge,
body.dark .prt-cards .verified-badge,
body.dark .provider-filteration .verified-badge,
body.dark .service-providers-container .card .verified-badge {
    background-color: #1a365d !important;
    color: #63b3ed !important;
}

body.dark .provider-card .not-verified-badge,
body.dark .prt-cards .not-verified-badge,
body.dark .provider-filteration .not-verified-badge,
body.dark .service-providers-container .card .not-verified-badge {
    background-color: #63171b !important;
    color: #fc8181 !important;
}

/* Action buttons with higher specificity */
body.dark .provider-card .contact-me-button,
body.dark .prt-cards .contact-me-button,
body.dark .provider-filteration .contact-me-button,
body.dark .service-providers-container .card .contact-me-button {
    background-color: #1B5E20 !important;
    color: #ffffff !important;
    border: none !important;
}

body.dark .provider-card .contact-me-button:hover,
body.dark .prt-cards .contact-me-button:hover,
body.dark .provider-filteration .contact-me-button:hover,
body.dark .service-providers-container .card .contact-me-button:hover {
    background-color: #2E7D32 !important;
}

/* Suspend button specific styling */
body.dark .contact-me-button.suspend,
body.dark .contact-me-button.suspendAdmin {
    background-color: #c53030 !important;
}

body.dark .contact-me-button.suspend:hover,
body.dark .contact-me-button.suspendAdmin:hover {
    background-color: #e53e3e !important;
}

/* Override card backgrounds with maximum specificity */
body.dark .service-providers-container .card,
body.dark .service-providers-container .provider-card,
body.dark .service-providers-container .prt-cards,
body.dark .service-providers-container .provider-filteration,
body.dark div.card,
body.dark div.provider-card,
body.dark div.prt-cards,
body.dark div.provider-filteration {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border: 1px solid #404040 !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3) !important;
}

/* Override all text colors within cards */
body.dark .service-providers-container .card *,
body.dark .service-providers-container .provider-card *,
body.dark .service-providers-container .prt-cards *,
body.dark .service-providers-container .provider-filteration * {
    color: #e0e0e0 !important;
}

/* Special handling for provider name to keep it green */
body.dark .service-providers-container .card .provider-name,
body.dark .service-providers-container .provider-card .provider-name,
body.dark .service-providers-container .prt-cards .provider-name,
body.dark .service-providers-container .provider-filteration .provider-name {
    color: #4CAF50 !important;
}

/* Override any inline styles that might be setting background to white */
body.dark .service-providers-container [style*="background"],
body.dark .service-providers-container [style*="background-color"] {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
}

/* Ensure hover states maintain dark theme */
body.dark .service-providers-container .card:hover,
body.dark .service-providers-container .provider-card:hover,
body.dark .service-providers-container .prt-cards:hover,
body.dark .service-providers-container .provider-filteration:hover {
    background-color: #262626 !important;
}

/* Keep verification badges and buttons visible */
body.dark .service-providers-container .verified-badge {
    background-color: #1a365d !important;
    color: #63b3ed !important;
}

body.dark .service-providers-container .not-verified-badge {
    background-color: #63171b !important;
    color: #fc8181 !important;
}

body.dark .service-providers-container .contact-me-button {
    background-color: #1B5E20 !important;
    color: #ffffff !important;
}

/* Dark theme table styling with high specificity */
body.dark .table-section,
body.dark #reports-content table,
body.dark #messages-content table,
body.dark #profile-settings-content table {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
}

/* Table headers */
body.dark .table-section th,
body.dark table th {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
}

/* Table cells */
body.dark .table-section td,
body.dark table td {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
}

/* Table hover states */
body.dark .table-section tr:hover,
body.dark table tr:hover {
    background-color: #262626 !important;
}

/* Table section headers */
body.dark .table-section h3,
body.dark table h3 {
    color: #e0e0e0 !important;
}

/* No data message */
body.dark .no-data-message {
    color: #b0b0b0 !important;
}

/* Filter and parameter inputs in dark mode */
body.dark .filter-by-parameters select,
body.dark .filter-by-parameters input,
body.dark .parameter-select,
body.dark .parameter {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
    border: 1px solid #404040 !important;
}

/* Summary container and its contents */
body.dark .summary-container,
body.dark .summary {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
}

body.dark .total-number,
body.dark .circular {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
}

/* Main dashboard container and sections */
body.dark .dashboard-container,
body.dark .top-charts-section,
body.dark .middle-charts-section,
body.dark .bottom-charts-section,
body.dark .statistics-container,
body.dark .gender-resolution-section {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}

/* Chart containers in dark mode */
body.dark .chart-container,
body.dark .gender-resolution-section,
body.dark canvas {
    background-color: #1a1a1a !important;
    border: 1px solid #404040;
    color: #e0e0e0 !important;
}

/* Statistics boxes in dark mode */
body.dark .stat-box {
    background-color: #262626 !important;
    border: 1px solid #404040 !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3) !important;
}

/* Override chart background and text colors */
body.dark .chart-container {
    background: linear-gradient(
        135deg,
        rgba(26, 26, 26, 0.95) 0%,
        rgba(26, 26, 26, 1) 50%,
        rgba(26, 26, 26, 0.90) 100%
    ) !important;
}

/* Section titles and headings */
body.dark .section-title,
body.dark .dashboard-container h1,
body.dark .dashboard-container h2,
body.dark .dashboard-container h3,
body.dark .dashboard-container h4 {
    color: #e0e0e0 !important;
}

/* Override any inline styles */
body.dark [style*="background-color: white"],
body.dark [style*="background: white"] {
    background-color: #1a1a1a !important;
}

body.dark [style*="color: #333"],
body.dark [style*="color: black"] {
    color: #e0e0e0 !important;
}