/* Dark Mode Section Backgrounds - Comprehensive Coverage */

/* Main content sections with inline styles */
[data-theme="dark"] div[style*="background: white"],
[data-theme="dark"] div[style*="background:white"],
[data-theme="dark"] div[style*="background:#fff"],
[data-theme="dark"] div[style*="background: #fff"],
[data-theme="dark"] div[style*="background:#ffffff"],
[data-theme="dark"] div[style*="background: #ffffff"],
body.dark-mode div[style*="background: white"],
body.dark-mode div[style*="background:white"],
body.dark-mode div[style*="background:#fff"],
body.dark-mode div[style*="background: #fff"],
body.dark-mode div[style*="background:#ffffff"],
body.dark-mode div[style*="background: #ffffff"] {
    background-color: var(--bg-secondary, #2d2d2d) !important;
    color: var(--text-primary, #e4e4e4) !important;
}

/* Light background sections */
[data-theme="dark"] div[style*="background: #f7fafc"],
[data-theme="dark"] div[style*="background:#f7fafc"],
[data-theme="dark"] div[style*="background: #f8f9fa"],
[data-theme="dark"] div[style*="background:#f8f9fa"],
body.dark-mode div[style*="background: #f7fafc"],
body.dark-mode div[style*="background:#f7fafc"],
body.dark-mode div[style*="background: #f8f9fa"],
body.dark-mode div[style*="background:#f8f9fa"] {
    background-color: var(--bg-tertiary, #3a3a3a) !important;
    color: var(--text-primary, #e4e4e4) !important;
}

/* Translation Details Section */
[data-theme="dark"] #translation-details,
[data-theme="dark"] #translation-details[style],
body.dark-mode #translation-details,
body.dark-mode #translation-details[style] {
    background-color: transparent !important;
    color: var(--text-secondary, #b0b0b0) !important;
}

/* Translation Details Container */
[data-theme="dark"] #translation-details:parent,
body.dark-mode #translation-details:parent {
    background-color: var(--bg-tertiary, #3a3a3a) !important;
}

/* GLCV Set Management Section */
[data-theme="dark"] .content-section > div[style],
body.dark-mode .content-section > div[style] {
    background-color: var(--bg-secondary, #2d2d2d) !important;
    border-color: var(--border-color, #404040) !important;
}

/* GLCV Section Headers */
[data-theme="dark"] h2[style*="margin-top: 0"],
body.dark-mode h2[style*="margin-top: 0"] {
    color: var(--text-primary, #e4e4e4) !important;
}

/* GLCV Labels */
[data-theme="dark"] label[style*="color: #4a5568"],
body.dark-mode label[style*="color: #4a5568"] {
    color: var(--text-secondary, #b0b0b0) !important;
}

/* All content sections */
[data-theme="dark"] .content-section,
body.dark-mode .content-section {
    background-color: var(--bg-primary, #1a1a1a) !important;
    color: var(--text-primary, #e4e4e4) !important;
}

/* Dashboard sections */
[data-theme="dark"] .dashboard-section,
body.dark-mode .dashboard-section {
    background-color: transparent !important;
}

/* Card-like containers */
[data-theme="dark"] .card,
[data-theme="dark"] .panel,
[data-theme="dark"] .box,
body.dark-mode .card,
body.dark-mode .panel,
body.dark-mode .box {
    background-color: var(--bg-secondary, #2d2d2d) !important;
    border-color: var(--border-color, #404040) !important;
    color: var(--text-primary, #e4e4e4) !important;
}

/* Stats cards */
[data-theme="dark"] .stat-card,
[data-theme="dark"] .metric-card,
body.dark-mode .stat-card,
body.dark-mode .metric-card {
    background-color: var(--bg-secondary, #2d2d2d) !important;
    border-color: var(--border-color, #404040) !important;
    color: var(--text-primary, #e4e4e4) !important;
}

/* Info boxes */
[data-theme="dark"] .info-box,
[data-theme="dark"] .alert-box,
body.dark-mode .info-box,
body.dark-mode .alert-box {
    background-color: var(--bg-tertiary, #3a3a3a) !important;
    border-color: var(--border-color, #404040) !important;
    color: var(--text-primary, #e4e4e4) !important;
}

/* Translation output containers */
[data-theme="dark"] .translation-container,
[data-theme="dark"] .output-container,
body.dark-mode .translation-container,
body.dark-mode .output-container {
    background-color: var(--bg-secondary, #2d2d2d) !important;
    border-color: var(--border-color, #404040) !important;
    color: var(--text-primary, #e4e4e4) !important;
}

/* Set management containers */
[data-theme="dark"] #glcv-set-management,
[data-theme="dark"] #terms-management,
body.dark-mode #glcv-set-management,
body.dark-mode #terms-management {
    background-color: var(--bg-secondary, #2d2d2d) !important;
    border-color: var(--border-color, #404040) !important;
}

/* Override all paragraphs in sections */
[data-theme="dark"] .content-section p,
[data-theme="dark"] .dashboard-section p,
body.dark-mode .content-section p,
body.dark-mode .dashboard-section p {
    color: var(--text-primary, #e4e4e4) !important;
}

/* Subtle text colors */
[data-theme="dark"] p[style*="color: #718096"],
[data-theme="dark"] p[style*="color: #4a5568"],
[data-theme="dark"] span[style*="color: #718096"],
[data-theme="dark"] span[style*="color: #4a5568"],
[data-theme="dark"] div[style*="color: #718096"],
[data-theme="dark"] div[style*="color: #4a5568"],
body.dark-mode p[style*="color: #718096"],
body.dark-mode p[style*="color: #4a5568"],
body.dark-mode span[style*="color: #718096"],
body.dark-mode span[style*="color: #4a5568"],
body.dark-mode div[style*="color: #718096"],
body.dark-mode div[style*="color: #4a5568"] {
    color: var(--text-secondary, #b0b0b0) !important;
}

/* Headers in sections */
[data-theme="dark"] .dashboard-header,
[data-theme="dark"] .section-header,
body.dark-mode .dashboard-header,
body.dark-mode .section-header {
    background-color: transparent !important;
    color: var(--text-primary, #e4e4e4) !important;
}

/* Dashboard titles and subtitles */
[data-theme="dark"] .dashboard-title,
[data-theme="dark"] .dashboard-subtitle,
body.dark-mode .dashboard-title,
body.dark-mode .dashboard-subtitle {
    color: var(--text-primary, #e4e4e4) !important;
}

/* Empty states */
[data-theme="dark"] .empty-state,
[data-theme="dark"] .no-data,
body.dark-mode .empty-state,
body.dark-mode .no-data {
    background-color: var(--bg-tertiary, #3a3a3a) !important;
    color: var(--text-secondary, #b0b0b0) !important;
}