/* Light Theme Fixes - Better contrast for buttons and settings */

/* Tool buttons in light theme - ensure readable text */
body.light-theme .tool-btn {
    background: #ffffff;
    border-color: #cbd5e1;
    color: #334155;
}

body.light-theme .tool-btn:hover {
    background: #f1f5f9;
    border-color: #0ea5e9;
    color: #1e293b;
}

body.light-theme .tool-btn.active {
    background: #e0f2fe;
    border-color: #0ea5e9;
    color: #0369a1;
}

/* Settings section in light theme */
body.light-theme .settings-group {
    background: #ffffff;
    border-color: #cbd5e1;
}

body.light-theme .setting-item input,
body.light-theme .setting-item select {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #1e293b;
}

body.light-theme .setting-item label {
    color: #475569;
}

/* Event log upload section */
body.light-theme .event-log-upload-section {
    background: #ffffff;
    border-color: #cbd5e1;
}

/* Tool category headers */
body.light-theme .tool-category-header {
    background: #f1f5f9;
}

body.light-theme .tool-category-header:hover {
    background: #e2e8f0;
}

/* Tool buttons within categories */
body.light-theme .tool-category-content .tool-btn {
    background: transparent;
    color: #475569;
}

body.light-theme .tool-category-content .tool-btn:hover {
    background: #f1f5f9;
    color: #1e293b;
}

body.light-theme .tool-category-content .tool-btn.active {
    background: #e0f2fe;
    color: #0369a1;
}

/* Work section and content */
body.light-theme .work-content {
    background: #ffffff;
    border-color: #e2e8f0;
}

/* Summary tool hardcoded colors fix */
body.light-theme .summary-header h2,
body.light-theme .summary-section h3 {
    color: #1e293b;
}

body.light-theme .summary-subtitle,
body.light-theme .section-info,
body.light-theme .card-label,
body.light-theme .stat-label {
    color: #64748b;
}

body.light-theme .card-value,
body.light-theme .stat-value {
    color: #0ea5e9;
}

body.light-theme .overview-card,
body.light-theme .stat-card,
body.light-theme .data-table-container {
    background: #ffffff;
    border-color: #e2e8f0;
}

body.light-theme .data-table thead {
    background: #f8fafc;
    border-color: #e2e8f0;
}

body.light-theme .data-table th {
    color: #0ea5e9;
}

body.light-theme .data-table td {
    color: #475569;
    border-color: #e2e8f0;
}

body.light-theme .data-table tbody tr:hover {
    background: #f8fafc;
}

body.light-theme .table-footer {
    background: #f8fafc;
    color: #64748b;
    border-color: #e2e8f0;
}

body.light-theme .bar-container {
    background: #e2e8f0;
}

body.light-theme .bar-fill {
    background: #0ea5e9;
}

/* Settings button in light theme */
body.light-theme .settings-btn {
    background: #0ea5e9;
    color: #ffffff;
}

/* XML Editor */
body.light-theme .xml-textarea {
    background: #ffffff;
    color: #1e293b;
    border-color: #e2e8f0;
}

body.light-theme .xml-editor-toolbar {
    background: #f8fafc;
    border-color: #e2e8f0;
}

/* Conformance and other tool sections */
body.light-theme .conformance-results,
body.light-theme .summary-box {
    background: #ffffff;
    border-color: #e2e8f0;
}

body.light-theme .summary-box h4 {
    color: #64748b;
}

body.light-theme .summary-box .value {
    color: #0ea5e9;
}

/* File status indicators */
body.light-theme .file-status.file-loaded {
    background: #10b981;
    color: #ffffff;
}

/* Deviation items */
body.light-theme .deviation-item {
    background: #fef2f2;
    border-color: #ef4444;
}

body.light-theme .deviation-item strong {
    color: #991b1b;
}

/* Dashboard-specific light theme fixes */
body.light-theme .metric-card,
body.light-theme .quality-card,
body.light-theme .recommendation-card,
body.light-theme .start-step,
body.light-theme .tool-card,
body.light-theme .feature-card,
body.light-theme .finding-item,
body.light-theme .completed-list,
body.light-theme .discoveries-container,
body.light-theme .progress-overview,
body.light-theme .summary-stat {
    background: #ffffff;
    border-color: #e2e8f0;
}

body.light-theme .priority-badge.high {
    background: rgba(239, 68, 68, 0.1);
    color: #dc2626;
}

body.light-theme .priority-badge.medium {
    background: rgba(245, 158, 11, 0.1);
    color: #d97706;
}

body.light-theme .priority-badge.low {
    background: rgba(34, 197, 94, 0.1);
    color: #16a34a;
}

body.light-theme .benefit-tag {
    background: rgba(14, 165, 233, 0.1);
    color: #0284c7;
}

body.light-theme .rec-impact {
    background: rgba(14, 165, 233, 0.05);
}

body.light-theme .no-recommendations {
    background: rgba(16, 185, 129, 0.1);
    color: #059669;
}

/* Logout button */
body.light-theme .logout-btn {
    color: #ffffff;
}

/* Action buttons */
body.light-theme .action-btn.secondary {
    background: #f8fafc;
    color: #334155;
    border-color: #cbd5e1;
}

body.light-theme .action-btn.secondary:hover {
    background: #f1f5f9;
    border-color: #0ea5e9;
    color: #0284c7;
}

/* Export buttons */
body.light-theme .export-btn {
    background: #ffffff;
    color: #334155;
    border-color: #cbd5e1;
}

body.light-theme .export-btn:hover {
    background: #f8fafc;
    border-color: #0ea5e9;
}

body.light-theme .export-btn.primary {
    background: #10b981;
    color: #ffffff;
    border-color: #10b981;
}

/* Next buttons */
body.light-theme .next-btn.secondary {
    background: #ffffff;
    color: #334155;
    border-color: #cbd5e1;
}

/* Tool search input */
body.light-theme .tool-search-input {
    background: #ffffff;
    border-color: #cbd5e1;
    color: #1e293b;
}

body.light-theme .tool-search-input::placeholder {
    color: #94a3b8;
}

/* Header styling */
body.light-theme .header {
    background: #ffffff;
    border-color: #e2e8f0;
}

body.light-theme .user-info span {
    color: #475569;
}

/* Tool section and settings section backgrounds */
body.light-theme .tool-section,
body.light-theme .settings-section {
    background: #f8fafc;
    border-color: #e2e8f0;
}

/* Divider */
body.light-theme .tool-divider {
    background: #e2e8f0;
}

/* Progress bar */
body.light-theme .progress-bar {
    background: #e2e8f0;
}

/* File input */
body.light-theme .event-log-file-input {
    background: #ffffff;
    border-color: #cbd5e1;
    color: #475569;
}

/* Graph SVG */
body.light-theme #graphSvg {
    background: #ffffff;
    border-color: #e2e8f0;
}

/* Color legend */
body.light-theme .color-legend {
    background: #ffffff;
    border-color: #e2e8f0;
}

body.light-theme .legend-item {
    color: #475569;
}

/* ============================================================
   COMPARISON TOOL - Light Theme Fixes
   ============================================================ */

body.light-theme .comparison-container {
    background: #f8fafc;
    color: #1e293b;
}

body.light-theme .selector-panel,
body.light-theme .canvas-panel,
body.light-theme .difference-summary,
body.light-theme .metrics-comparison-table,
body.light-theme .improvement-summary,
body.light-theme .roi-section,
body.light-theme .changes-summary,
body.light-theme .changes-filter,
body.light-theme .change-item {
    background: #ffffff;
    border-color: #e2e8f0;
}

body.light-theme .process-card {
    background: #f8fafc;
    border-color: #e2e8f0;
}

body.light-theme .process-card:hover {
    background: #e0f2fe;
    border-color: #0ea5e9;
}

body.light-theme .process-card.selected {
    background: #e0f2fe;
    border-color: #0ea5e9;
}

body.light-theme .process-name,
body.light-theme .comparison-title h2 {
    color: #1e293b;
}

body.light-theme .selector-description,
body.light-theme .process-description,
body.light-theme .process-meta {
    color: #64748b;
}

body.light-theme .tab-btn {
    background: #f8fafc;
    color: #475569;
    border-color: #e2e8f0;
}

body.light-theme .tab-btn:hover {
    background: #e0f2fe;
    border-color: #0ea5e9;
    color: #0284c7;
}

body.light-theme .tab-btn.active {
    background: #0ea5e9;
    color: #ffffff;
    border-color: #0ea5e9;
}

body.light-theme .comparison-nav {
    background: #ffffff;
    border-color: #e2e8f0;
}

/* ============================================================
   aBPR TOOL - Light Theme Fixes
   ============================================================ */

body.light-theme .abpr-container {
    color: #1e293b;
}

body.light-theme .abpr-card,
body.light-theme .abpr-pattern-card,
body.light-theme .abpr-rec-item,
body.light-theme .abpr-rec-item-full,
body.light-theme .abpr-wizard,
body.light-theme .abpr-filters,
body.light-theme .abpr-rec-summary,
body.light-theme .abpr-how-it-works {
    background: #ffffff;
    border-color: #e2e8f0;
}

body.light-theme .abpr-card-title,
body.light-theme .abpr-pattern-name,
body.light-theme .abpr-rec-pattern {
    color: #1e293b;
}

body.light-theme .abpr-stat-label,
body.light-theme .abpr-pattern-category,
body.light-theme .abpr-rec-description {
    color: #64748b;
}

body.light-theme .abpr-stat-value {
    color: #0ea5e9;
}

/* FIX: aBPR Objective buttons - ensure white text when active */
body.light-theme .abpr-objective-btn {
    background: #ffffff;
    border-color: #e2e8f0;
    color: #475569;
}

body.light-theme .abpr-objective-btn:hover {
    background: #f1f5f9;
    border-color: #0ea5e9;
    color: #0284c7;
}

body.light-theme .abpr-objective-btn.active {
    background: #0ea5e9;
    border-color: #0ea5e9;
    color: #ffffff \!important;
}

body.light-theme .abpr-objective-btn.active .objective-name,
body.light-theme .abpr-objective-btn.active .objective-desc {
    color: #ffffff \!important;
}

body.light-theme .abpr-select,
body.light-theme .abpr-input {
    background: #ffffff;
    border-color: #e2e8f0;
    color: #1e293b;
}

body.light-theme .abpr-btn {
    background: #f8fafc;
    border-color: #e2e8f0;
    color: #475569;
}

body.light-theme .abpr-btn:hover {
    background: #e0f2fe;
    border-color: #0ea5e9;
    color: #0284c7;
}

body.light-theme .abpr-btn.primary {
    background: #0ea5e9;
    border-color: #0ea5e9;
    color: #ffffff;
}

body.light-theme .abpr-btn-small {
    background: #f8fafc;
    border-color: #e2e8f0;
    color: #475569;
}

body.light-theme .abpr-btn-small:hover {
    background: #e0f2fe;
    border-color: #0ea5e9;
}

/* ============================================================
   PATTERN CATALOGUE - Light Theme Fixes
   ============================================================ */

body.light-theme .pattern-catalogue-container {
    background: #f8fafc;
    color: #1e293b;
}

body.light-theme .pattern-filters,
body.light-theme .pattern-card,
body.light-theme .pattern-detail-modal {
    background: #ffffff;
    border-color: #e2e8f0;
}

body.light-theme .pattern-card:hover {
    border-color: #e2e8f0;
    transform: none;
}

body.light-theme .pattern-title,
body.light-theme .pattern-detail-modal h3 {
    color: #1e293b;
}

body.light-theme .pattern-description,
body.light-theme .pattern-meta {
    color: #64748b;
}

body.light-theme .filter-input,
body.light-theme .filter-select {
    background: #ffffff;
    border-color: #e2e8f0;
    color: #1e293b;
}

body.light-theme .category-tag {
    background: #e0f2fe;
    color: #0284c7;
}

/* ============================================================
   BPMN EDITOR - Light Theme Fixes (Comprehensive)
   ============================================================ */

body.light-theme .bpmn-editor-container {
    background: #f8fafc;
    color: #1e293b;
}

/* Toolbar - override dark rgba backgrounds */
body.light-theme .bpmn-toolbar {
    background: #ffffff;
    border-color: #e2e8f0;
}

body.light-theme .toolbar-section {
    background: #f1f5f9;
    border-color: #e2e8f0;
}

body.light-theme .toolbar-section h3 {
    color: #0284c7;
    border-color: #0284c7;
}

/* Tool buttons - correct class name */
body.light-theme .bpmn-editor-container .tool-btn {
    background: #ffffff;
    border-color: #e2e8f0;
    color: #475569;
}

body.light-theme .bpmn-editor-container .tool-btn:hover {
    background: #e0f2fe;
    border-color: #0ea5e9;
    color: #0284c7;
}

body.light-theme .bpmn-editor-container .tool-btn.active {
    background: #0ea5e9;
    border-color: #0ea5e9;
    color: #ffffff;
}

/* Canvas area */
body.light-theme .bpmn-canvas-wrapper {
    background: #f8fafc;
}

body.light-theme .bpmn-canvas {
    background: #ffffff;
}

/* Zoom controls */
body.light-theme .canvas-zoom-controls .zoom-btn {
    background: #ffffff;
    border-color: #cbd5e1;
    color: #475569;
}

body.light-theme .canvas-zoom-controls .zoom-btn:hover {
    background: #f1f5f9;
    border-color: #0ea5e9;
}

body.light-theme .zoom-level {
    background: #f1f5f9;
    color: #64748b;
}

body.light-theme .zoom-indicator {
    background: #f1f5f9;
    color: #64748b;
}

body.light-theme #zoomLevel {
    color: #1e293b;
}

/* Properties panel - correct class name */
body.light-theme .properties-panel {
    background: #ffffff;
    border-color: #e2e8f0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

body.light-theme .properties-header {
    border-color: #e2e8f0;
}

body.light-theme .properties-header h3 {
    color: #1e293b;
}

body.light-theme .close-btn {
    color: #64748b;
}

body.light-theme .close-btn:hover {
    background: rgba(239, 68, 68, 0.1);
    color: #dc2626;
}

body.light-theme .property-item label {
    color: #64748b;
}

body.light-theme .property-input {
    background: #f8fafc;
    border-color: #e2e8f0;
    color: #1e293b;
}

body.light-theme .property-input:focus {
    border-color: #0ea5e9;
    background: #ffffff;
}

/* Validation panel */
body.light-theme .validation-panel {
    background: #ffffff;
    border-color: #e2e8f0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

body.light-theme .validation-header {
    border-color: #e2e8f0;
}

body.light-theme .validation-header h3 {
    color: #1e293b;
}

body.light-theme .validation-summary h4 {
    color: #1e293b;
}

body.light-theme .validation-stats > div {
    background: #f1f5f9;
    color: #64748b;
}

body.light-theme .issue-message {
    color: #1e293b;
}

/* Status bar */
body.light-theme .bpmn-status-bar {
    background: #ffffff;
    border-color: #e2e8f0;
    color: #64748b;
}

body.light-theme .status-item span {
    color: #1e293b;
}

/* Action buttons in BPMN editor */
body.light-theme .bpmn-editor-container .action-btn.secondary {
    background: #f8fafc;
    color: #475569;
    border-color: #e2e8f0;
}

body.light-theme .bpmn-editor-container .action-btn.secondary:hover {
    background: #e0f2fe;
    border-color: #0ea5e9;
    color: #0284c7;
}

/* Process library panel */
body.light-theme .process-library-panel {
    background: #ffffff;
    border-color: #e2e8f0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

body.light-theme .process-library-header {
    background: #f8fafc;
    border-color: #e2e8f0;
}

body.light-theme .process-library-header h3 {
    color: #1e293b;
}

body.light-theme .process-library-empty {
    color: #64748b;
}

body.light-theme .process-item {
    background: #f8fafc;
    border-color: #e2e8f0;
}

body.light-theme .process-item:hover {
    background: #e0f2fe;
    border-color: #0ea5e9;
}

body.light-theme .process-item-name {
    color: #1e293b;
}

body.light-theme .process-item-description {
    color: #64748b;
}

body.light-theme .process-item-meta {
    color: #94a3b8;
}

body.light-theme .process-library-actions {
    background: #f8fafc;
    border-color: #e2e8f0;
}

/* Process selector */
body.light-theme .process-selector {
    background: #ffffff;
    border-color: #e2e8f0;
    color: #1e293b;
}

body.light-theme .process-selector:hover,
body.light-theme .process-selector:focus {
    border-color: #0ea5e9;
}

body.light-theme .process-selector option {
    background: #ffffff;
    color: #1e293b;
}

/* Settings inputs in BPMN editor */
body.light-theme .stat-display {
    background: #f1f5f9;
    color: #1e293b;
}

body.light-theme .setting-input[type="number"] {
    background: #ffffff;
    border-color: #e2e8f0;
    color: #1e293b;
}

body.light-theme .setting-input[type="number"]:focus {
    border-color: #0ea5e9;
}

body.light-theme .setting-select {
    background: #ffffff;
    border-color: #e2e8f0;
    color: #1e293b;
}

body.light-theme .setting-select:focus {
    border-color: #0ea5e9;
}

/* Gateway options */
body.light-theme .gate-options-section {
    border-color: #f59e0b;
    background: rgba(245, 158, 11, 0.05);
}

body.light-theme .gate-options-section h3 {
    color: #d97706;
}

body.light-theme .gate-condition-item {
    background: #f8fafc;
    border-color: #e2e8f0;
}

body.light-theme .condition-target {
    color: #0284c7;
}

body.light-theme .condition-input {
    background: #ffffff;
    border-color: #e2e8f0;
    color: #1e293b;
}

body.light-theme .condition-input:focus {
    border-color: #f59e0b;
}

body.light-theme .condition-input::placeholder {
    color: #94a3b8;
}

body.light-theme .no-conditions {
    color: #64748b;
}

/* ============================================================
   KPI DASHBOARD - Light Theme Fixes
   ============================================================ */

body.light-theme .kpi-dashboard-container {
    background: #f8fafc;
}

body.light-theme .kpi-card,
body.light-theme .kpi-templates,
body.light-theme .kpi-builder-form,
body.light-theme .kpi-management-table {
    background: #ffffff;
    border-color: #e2e8f0;
}

body.light-theme .kpi-name,
body.light-theme .kpi-templates h3,
body.light-theme .kpi-builder-form h3 {
    color: #1e293b;
}

body.light-theme .kpi-description,
body.light-theme .template-desc {
    color: #64748b;
}

body.light-theme .template-card {
    background: #f8fafc;
    border-color: #e2e8f0;
}

body.light-theme .template-card:hover {
    background: #f1f5f9;
}

body.light-theme .template-card h4 {
    color: #1e293b;
}

body.light-theme .kpi-tab {
    color: #64748b;
}

body.light-theme .kpi-tab:hover {
    color: #0284c7;
    background: rgba(14, 165, 233, 0.1);
}

body.light-theme .kpi-tab.active {
    color: #0ea5e9;
    border-bottom-color: #0ea5e9;
}

body.light-theme .form-input,
body.light-theme .form-select,
body.light-theme .form-textarea {
    background: #ffffff;
    border-color: #e2e8f0;
    color: #1e293b;
}

/* ============================================================
   GENERAL FIXES - Buttons with black text issue
   ============================================================ */

body.light-theme .action-btn.primary {
    background: #0ea5e9;
    color: #ffffff;
    border-color: #0ea5e9;
}

body.light-theme .action-btn.primary:hover {
    background: #0284c7;
    color: #ffffff;
}

body.light-theme .use-template-btn {
    background: #0ea5e9;
    color: #ffffff;
}

body.light-theme .use-template-btn:hover {
    background: #0284c7;
    color: #ffffff;
}

body.light-theme button.primary,
body.light-theme .btn-primary {
    color: #ffffff;
}

body.light-theme .modal-content,
body.light-theme .modal-overlay > div {
    background: #ffffff;
    color: #1e293b;
}


/* ============================================================
   COMPREHENSIVE LIGHT MODE FIXES - ALL TOOLS
   ============================================================ */

/* Global fixes for rgba backgrounds */
body.light-theme [style*='rgba(30, 30, 46'],
body.light-theme [style*='rgba(49, 50, 68'] {
    background-color: #ffffff \!important;
}

/* Stakeholder Impact Analysis - Complete Fix */
body.light-theme .stakeholder-impact-container {
    background: #f8fafc;
    color: #1e293b;
}

body.light-theme .stakeholder-header h2 {
    color: #1e293b;
}

body.light-theme .stakeholder-header p {
    color: #64748b;
}

body.light-theme .view-tab {
    background: #ffffff;
    border-color: #e2e8f0;
    color: #64748b;
}

body.light-theme .view-tab:hover {
    background: #f1f5f9;
    border-color: #0ea5e9;
    color: #0284c7;
}

body.light-theme .view-tab.active {
    background: #0ea5e9;
    border-color: #0ea5e9;
    color: #ffffff;
}

body.light-theme .comparison-selectors,
body.light-theme .quick-stats,
body.light-theme .available-views,
body.light-theme .add-stakeholder-panel,
body.light-theme .matrix-canvas-wrapper,
body.light-theme .stakeholder-list-section,
body.light-theme .raci-legend,
body.light-theme .raci-controls,
body.light-theme .raci-table-wrapper,
body.light-theme .training-summary,
body.light-theme .communication-section {
    background: #ffffff;
    border-color: #e2e8f0;
}

body.light-theme .quick-stats h3,
body.light-theme .available-views h3,
body.light-theme .add-stakeholder-panel h3,
body.light-theme .matrix-canvas-wrapper h3,
body.light-theme .stakeholder-list-section h3,
body.light-theme .raci-legend h3,
body.light-theme .training-summary h3,
body.light-theme .communication-section h3 {
    color: #1e293b;
}

body.light-theme .stat-card,
body.light-theme .view-card,
body.light-theme .stakeholder-item,
body.light-theme .training-item,
body.light-theme .communication-phase {
    background: #f8fafc;
    border-color: #e2e8f0;
}

body.light-theme .stat-card:hover,
body.light-theme .view-card:hover,
body.light-theme .stakeholder-item:hover,
body.light-theme .training-item:hover {
    background: #f1f5f9;
    border-color: #0ea5e9;
}

body.light-theme .stat-label,
body.light-theme .selector-group label,
body.light-theme .form-group label {
    color: #64748b;
}

body.light-theme .view-card h4,
body.light-theme .stakeholder-item-name,
body.light-theme .training-item-title {
    color: #1e293b;
}

body.light-theme .view-card p,
body.light-theme .training-detail-value,
body.light-theme .phase-detail-value {
    color: #475569;
}

body.light-theme .process-select,
body.light-theme .form-input,
body.light-theme .form-select,
body.light-theme .raci-controls input {
    background: #ffffff;
    border-color: #e2e8f0;
    color: #1e293b;
}

body.light-theme .view-card-btn {
    background: #0ea5e9;
    color: #ffffff;
}

body.light-theme .stakeholder-matrix-canvas {
    background: #f1f5f9;
}

body.light-theme .raci-table th {
    background: #f1f5f9;
    color: #64748b;
}

body.light-theme .raci-table td {
    color: #1e293b;
    border-color: #e2e8f0;
}

body.light-theme .raci-table tbody tr:hover {
    background: #f8fafc;
}

body.light-theme .legend-item {
    color: #475569;
}

body.light-theme .legend-item strong {
    color: #0ea5e9;
}

body.light-theme .empty-state,
body.light-theme .empty-state-small {
    background: #ffffff;
    border-color: #e2e8f0;
}

body.light-theme .empty-state p,
body.light-theme .empty-state-small p {
    color: #64748b;
}

/* Evolutionary Designer - Light Mode Fix */
body.light-theme .evolutionary-designer {
    background: #ffffff;
    color: #1e293b;
}

body.light-theme .evolutionary-designer .tool-header h2 {
    color: #1e293b;
}

body.light-theme .evolutionary-designer .tool-header p {
    color: #64748b;
}

body.light-theme .evolutionary-designer .info-card,
body.light-theme .evolutionary-designer .process-info,
body.light-theme .evolutionary-designer .how-it-works-section,
body.light-theme .evolutionary-designer .evolution-controls,
body.light-theme .evolutionary-designer .evolution-status {
    background: #f8fafc;
    border-color: #e2e8f0;
}

body.light-theme .evolutionary-designer .info-label {
    color: #64748b;
}

body.light-theme .evolutionary-designer .info-value {
    color: #0ea5e9;
}

body.light-theme .evolutionary-designer .step-title {
    color: #1e293b;
}

body.light-theme .evolutionary-designer .step-description {
    color: #64748b;
}

body.light-theme .evolutionary-designer .action-btn {
    background: #f8fafc;
    border-color: #e2e8f0;
    color: #475569;
}

body.light-theme .evolutionary-designer .action-btn:hover {
    background: #e0f2fe;
    border-color: #0ea5e9;
    color: #0284c7;
}

body.light-theme .evolutionary-designer .action-btn.primary {
    background: #0ea5e9;
    border-color: #0ea5e9;
    color: #ffffff;
}

/* Settings panel fixes */
body.light-theme .settings-section {
    background: #f8fafc;
    border-color: #e2e8f0;
}

body.light-theme .settings-section h2 {
    color: #1e293b;
}

body.light-theme .settings-group h3 {
    color: #1e293b;
}

body.light-theme .setting-item label {
    color: #475569;
}

/* ============================================================
   INLINE STYLE OVERRIDES (!important required)
   These override hardcoded rgba() colors in JS tool templates
   ============================================================ */

/* Metric cards with inline styles */
body.light-theme .metric-card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    color: #1e293b !important;
}

body.light-theme .metric-card .metric-value,
body.light-theme .metric-card .stat-value {
    color: #0ea5e9 !important;
}

body.light-theme .metric-card .metric-label,
body.light-theme .metric-card .stat-label {
    color: #64748b !important;
}

/* Graph controls with inline styles */
body.light-theme .graph-controls {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

/* Generic div elements with dark backgrounds (tool results) */
body.light-theme .tool-content div[style*="rgba(49, 50, 68"],
body.light-theme .tool-content div[style*="rgba(30, 30, 46"],
body.light-theme .result-section div[style*="rgba(49, 50, 68"],
body.light-theme .result-section div[style*="rgba(30, 30, 46"] {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}

/* K-Means Clustering Tool */
body.light-theme .kmeans-container,
body.light-theme .kmeans-results {
    background: #f8fafc;
    color: #1e293b;
}

body.light-theme .cluster-card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .cluster-header {
    color: #1e293b !important;
}

body.light-theme .cluster-stats {
    background: #f1f5f9 !important;
    color: #475569 !important;
}

body.light-theme .mode-btn {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    color: #475569 !important;
}

body.light-theme .mode-btn:hover {
    background: #e0f2fe !important;
    border-color: #0ea5e9 !important;
}

body.light-theme .mode-btn.active {
    background: #0ea5e9 !important;
    color: #ffffff !important;
}

/* Rho Algorithm Tool */
body.light-theme .rho-container,
body.light-theme .rho-results {
    background: #f8fafc;
    color: #1e293b;
}

body.light-theme .sicn-node {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .sicn-edge {
    stroke: #64748b !important;
}

/* Process Mining Tool */
body.light-theme .process-mining-container {
    background: #f8fafc;
    color: #1e293b;
}

body.light-theme .mining-tab-content {
    background: #ffffff;
    border-color: #e2e8f0;
}

body.light-theme .dfg-container,
body.light-theme .social-network-container {
    background: #ffffff;
}

/* Bottleneck Tool */
body.light-theme .bottleneck-container {
    background: #f8fafc;
    color: #1e293b;
}

body.light-theme .bottleneck-card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .bottleneck-severity.high {
    background: rgba(239, 68, 68, 0.1) !important;
    color: #dc2626 !important;
}

body.light-theme .bottleneck-severity.medium {
    background: rgba(245, 158, 11, 0.1) !important;
    color: #d97706 !important;
}

body.light-theme .bottleneck-severity.low {
    background: rgba(34, 197, 94, 0.1) !important;
    color: #16a34a !important;
}

/* Performance Analysis Tool */
body.light-theme .performance-container {
    background: #f8fafc;
    color: #1e293b;
}

body.light-theme .performance-card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .performance-metric {
    background: #f1f5f9 !important;
}

body.light-theme .performance-metric .value {
    color: #0ea5e9 !important;
}

body.light-theme .performance-metric .label {
    color: #64748b !important;
}

/* Root Cause Tool */
body.light-theme .root-cause-container {
    background: #f8fafc;
    color: #1e293b;
}

body.light-theme .fishbone-diagram {
    background: #ffffff;
}

body.light-theme .pareto-chart {
    background: #ffffff;
}

/* Filtering Tool */
body.light-theme .filtering-container {
    background: #f8fafc;
    color: #1e293b;
}

body.light-theme .filter-group {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .filter-tag {
    background: #e0f2fe !important;
    color: #0284c7 !important;
}

body.light-theme .filter-tag .remove-btn {
    color: #0284c7 !important;
}

/* Conformance Tool */
body.light-theme .conformance-container {
    background: #f8fafc;
    color: #1e293b;
}

body.light-theme .conformance-card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .conformance-score {
    color: #0ea5e9 !important;
}

/* Evolutionary Designer */
body.light-theme .evolution-container {
    background: #f8fafc;
    color: #1e293b;
}

body.light-theme .evolution-card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .generation-stats {
    background: #f1f5f9 !important;
}

/* Simulation Tool */
body.light-theme .simulation-container {
    background: #f8fafc;
    color: #1e293b;
}

body.light-theme .simulation-results {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .simulation-metric {
    background: #f1f5f9 !important;
}

/* Process Image Extraction */
body.light-theme .process-extraction-container {
    background: #f8fafc;
    color: #1e293b;
}

body.light-theme .extraction-preview {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

/* Process Image Extraction - Info Section & How it works */
body.light-theme .info-section {
    background: transparent;
}

body.light-theme .info-section h3 {
    color: #1e293b !important;
}

body.light-theme .how-it-works {
    background: #f0f9ff !important;
    border-color: #bae6fd !important;
}

body.light-theme .how-it-works p {
    color: #475569 !important;
}

/* Process Image Extraction - Extraction Results */
body.light-theme .results-summary {
    background: transparent;
}

body.light-theme .summary-cards {
    background: transparent;
}

body.light-theme .summary-card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .summary-card .card-value {
    color: #0ea5e9 !important;
}

body.light-theme .summary-card .card-label {
    color: #64748b !important;
}

body.light-theme .results-comparison {
    background: transparent;
}

body.light-theme .comparison-panel {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .comparison-panel h3 {
    color: #1e293b !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .extracted-elements-list {
    background: transparent;
}

body.light-theme .element-group {
    background: transparent;
}

body.light-theme .element-group h4 {
    color: #475569 !important;
}

body.light-theme .element-group ul {
    background: transparent;
}

body.light-theme .element-group li {
    background: #f1f5f9 !important;
    color: #1e293b !important;
}

body.light-theme .element-type {
    color: #ffffff !important;
}

body.light-theme .element-type.task {
    background: #0ea5e9 !important;
}

body.light-theme .element-type.gateway {
    background: #f59e0b !important;
}

body.light-theme .element-type.event {
    background: #10b981 !important;
}

body.light-theme .results-actions {
    background: transparent;
}

body.light-theme .result-note {
    background: #fef3c7 !important;
    border-color: #fcd34d !important;
}

body.light-theme .result-note p {
    color: #92400e !important;
}

body.light-theme .no-elements {
    color: #64748b !important;
}

/* Data tables in all tools */
body.light-theme .tool-content table {
    background: #ffffff;
    border-color: #e2e8f0;
}

body.light-theme .tool-content table thead {
    background: #f1f5f9 !important;
}

body.light-theme .tool-content table thead th {
    color: #0284c7 !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .tool-content table tbody td {
    color: #475569 !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .tool-content table tbody tr:hover {
    background: #f8fafc !important;
}

body.light-theme .tool-content table tbody tr[style*="rgba(30, 30, 46"] {
    background: #f1f5f9 !important;
}

/* Explanation boxes in all tools */
body.light-theme .explanation-box,
body.light-theme .info-box,
body.light-theme .help-box {
    background: #f0f9ff !important;
    border-color: #0ea5e9 !important;
    color: #1e293b !important;
}

body.light-theme .explanation-box h4,
body.light-theme .info-box h4,
body.light-theme .help-box h4 {
    color: #0284c7 !important;
}

body.light-theme .explanation-box p,
body.light-theme .info-box p,
body.light-theme .help-box p,
body.light-theme .explanation-box li,
body.light-theme .info-box li {
    color: #475569 !important;
}

/* Result sections */
body.light-theme .result-section {
    background: #ffffff;
    border-color: #e2e8f0;
}

body.light-theme .result-header {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
    color: #1e293b !important;
}

/* Chart containers */
body.light-theme .chart-container,
body.light-theme .graph-container {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

/* SVG text in charts */
body.light-theme .chart-container text,
body.light-theme .graph-container text,
body.light-theme svg text {
    fill: #475569 !important;
}

/* Sliders and range inputs */
body.light-theme input[type="range"] {
    accent-color: #0ea5e9;
}

/* Number inputs in tools */
body.light-theme .tool-content input[type="number"] {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    color: #1e293b !important;
}

body.light-theme .tool-content input[type="number"]:focus {
    border-color: #0ea5e9 !important;
}

/* Select dropdowns in tools */
body.light-theme .tool-content select {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    color: #1e293b !important;
}

body.light-theme .tool-content select:focus {
    border-color: #0ea5e9 !important;
}

/* Buttons in tool results */
body.light-theme .tool-content button:not(.action-btn):not(.primary) {
    background: #f8fafc;
    border-color: #e2e8f0;
    color: #475569;
}

body.light-theme .tool-content button:not(.action-btn):not(.primary):hover {
    background: #e0f2fe;
    border-color: #0ea5e9;
    color: #0284c7;
}

/* Canvas wrapper backgrounds */
body.light-theme .canvas-wrapper,
body.light-theme .visualization-wrapper {
    background: #ffffff !important;
}

/* ============================================================
   SVG / D3.js VISUALIZATION OVERRIDES
   ============================================================ */

/* Process Mining - Petri Net nodes */
body.light-theme .petri-node circle,
body.light-theme .petri-node rect {
    stroke: #64748b !important;
}

body.light-theme .petri-node text {
    fill: #1e293b !important;
}

/* Social Network nodes */
body.light-theme .social-node circle {
    stroke: #64748b !important;
}

body.light-theme .social-node text {
    fill: #1e293b !important;
}

/* DFG nodes */
body.light-theme .dfg-node rect {
    stroke: #64748b !important;
}

body.light-theme .dfg-node text {
    fill: #1e293b !important;
}

/* General SVG text */
body.light-theme .pm-visualization text,
body.light-theme .dfg-container text,
body.light-theme .petri-container text {
    fill: #1e293b !important;
}

/* SVG backgrounds */
body.light-theme .pm-visualization svg,
body.light-theme .dfg-container svg,
body.light-theme .petri-container svg,
body.light-theme .social-network-container svg {
    background: #ffffff !important;
}

/* Graph Tool */
body.light-theme #graphSvg text {
    fill: #1e293b !important;
}

body.light-theme #graphSvg .node circle {
    stroke: #64748b !important;
}

/* Root Cause Tool - Fishbone diagram */
body.light-theme .fishbone-svg text {
    fill: #1e293b !important;
}

body.light-theme .fishbone-svg line,
body.light-theme .fishbone-svg path {
    stroke: #64748b !important;
}

/* Roadmap Tool */
body.light-theme .roadmap-svg text {
    fill: #1e293b !important;
}

body.light-theme .roadmap-svg rect {
    stroke: #64748b !important;
}

/* ============================================================
   ADDITIONAL TOOL FIXES - Session 4 Continued
   ============================================================ */

/* ==================== GRAPH TOOL ==================== */
body.light-theme .graph-container {
    background: #f8fafc;
    color: #1e293b;
}

body.light-theme .graph-header {
    background: #ffffff;
    border-color: #e2e8f0;
}

body.light-theme .graph-info .info-text {
    color: #64748b;
}

body.light-theme .graph-controls {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
}

body.light-theme .graph-controls .control-item label {
    color: #475569;
}

body.light-theme .graph-slider,
body.light-theme input[type="range"].graph-slider {
    accent-color: #0ea5e9;
    background: #e2e8f0;
}

body.light-theme .graph-select {
    background: #ffffff !important;
    color: #1e293b !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .graph-visualization,
body.light-theme #graphVisualization {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
}

body.light-theme .graph-placeholder {
    color: #64748b;
}

body.light-theme #graphLoadingOverlay {
    background: rgba(255, 255, 255, 0.95) !important;
}

body.light-theme #graphLoadingOverlay .loading-spinner {
    border-color: rgba(14, 165, 233, 0.3) !important;
    border-top-color: #0ea5e9 !important;
}

body.light-theme .graph-content {
    background: #f8fafc;
}

body.light-theme .color-legend {
    background: #ffffff;
    border-color: #e2e8f0;
    color: #475569;
}

/* ==================== TIMELINE TOOL ==================== */
body.light-theme .timeline-container {
    background: #f8fafc;
    color: #1e293b;
}

body.light-theme .timeline-container .tool-header {
    color: #1e293b;
}

body.light-theme .time-range-overview {
    background: #ffffff;
    border-color: #e2e8f0;
}

body.light-theme .timeline-container .metric-card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .timeline-container .metric-label {
    color: #64748b !important;
}

body.light-theme .timeline-container .metric-value {
    color: #0ea5e9 !important;
}

body.light-theme .timeline-container select,
body.light-theme .timeline-container .setting-select,
body.light-theme #timePeriodSetting,
body.light-theme #chartTypeSetting {
    background: #ffffff !important;
    color: #1e293b !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .timeline-container select option {
    background: #ffffff;
    color: #1e293b;
}

body.light-theme .timeline-chart-container {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

/* ==================== CONFORMANCE TOOL ==================== */
body.light-theme .conformance-container {
    background: #f8fafc;
    color: #1e293b;
}

body.light-theme .conformance-header {
    background: #ffffff;
    border-color: #e2e8f0;
}

body.light-theme .conformance-container .settings-group {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .conformance-container select,
body.light-theme .conformance-container .process-select {
    background: #ffffff !important;
    color: #1e293b !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .conformance-container .comparison-results {
    background: #ffffff;
    border-color: #e2e8f0;
}

/* ==================== ROOT CAUSE TOOL ==================== */
body.light-theme .root-cause-container {
    background: #f8fafc;
    color: #1e293b;
}

body.light-theme .rca-header {
    color: #1e293b;
}

body.light-theme .rca-subtitle {
    color: #64748b;
}

body.light-theme .rca-methods {
    background: #f8fafc;
}

body.light-theme .method-card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .method-card h3 {
    color: #1e293b;
}

body.light-theme .method-card p {
    color: #64748b;
}

body.light-theme .rca-section {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .rca-section h3 {
    color: #1e293b;
}

body.light-theme .analysis-card {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .analysis-info {
    color: #1e293b;
}

body.light-theme .analysis-problem {
    color: #475569;
}

body.light-theme .analysis-meta {
    color: #64748b;
}

body.light-theme .analysis-type {
    background: #e0f2fe;
    color: #0284c7;
}

body.light-theme .rca-content {
    background: #f8fafc;
}

body.light-theme .fishbone-view,
body.light-theme .fivewhys-view,
body.light-theme .pareto-view {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .problem-section {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .problem-section h3,
body.light-theme .problem-section label {
    color: #1e293b;
}

body.light-theme .problem-section input,
body.light-theme .problem-section textarea {
    background: #f8fafc !important;
    color: #1e293b !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .fishbone-container {
    background: #ffffff !important;
}

body.light-theme .fivewhys-container {
    background: #ffffff !important;
}

body.light-theme .pareto-container {
    background: #ffffff !important;
}

body.light-theme .analysis-name-input {
    background: #ffffff !important;
    color: #1e293b !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .back-btn {
    background: #f8fafc;
    color: #475569;
    border-color: #e2e8f0;
}

/* ==================== PROCESSGAN TOOL - COMPLETE OVERRIDE ==================== */
/* Override all dark colors from processgan.css */
body.light-theme .processgan-container {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    color: #1e293b !important;
}

body.light-theme .processgan-header {
    color: #1e293b !important;
}

body.light-theme .processgan-header h3 {
    color: #1e293b !important;
}

body.light-theme .processgan-info .info-text {
    color: #64748b !important;
}

body.light-theme .processgan-content {
    background: #f8fafc !important;
}

body.light-theme .processgan-stats {
    background: transparent !important;
}

body.light-theme .processgan-stats .stat-card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .processgan-stats .stat-card h4 {
    color: #64748b !important;
}

body.light-theme .processgan-stats .stat-value {
    color: #0ea5e9 !important;
}

body.light-theme .processgan-stats .stat-label {
    color: #475569 !important;
}

body.light-theme .processgan-controls {
    background: transparent !important;
}

body.light-theme .processgan-controls .control-group {
    background: transparent !important;
}

body.light-theme .processgan-results {
    background: #f8fafc !important;
}

body.light-theme .training-progress {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .training-progress h4 {
    color: #1e293b !important;
}

body.light-theme .progress-bar {
    background: #e2e8f0 !important;
}

body.light-theme .progress-fill {
    background: #0ea5e9 !important;
}

body.light-theme .progress-text {
    color: #475569 !important;
}

body.light-theme .loss-display {
    color: #475569 !important;
}

body.light-theme .loss-item {
    background: #f1f5f9 !important;
    color: #475569 !important;
}

body.light-theme .synthetic-results {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .synthetic-results h4 {
    color: #16a34a !important;
}

body.light-theme .results-summary {
    background: transparent !important;
}

body.light-theme .summary-stat {
    background: #f1f5f9 !important;
}

body.light-theme .summary-stat .stat-value {
    color: #16a34a !important;
}

body.light-theme .summary-stat .stat-label {
    color: #64748b !important;
}

body.light-theme .traces-preview h5 {
    color: #1e293b !important;
}

body.light-theme .trace-item {
    background: #f8fafc !important;
    border-left-color: #0ea5e9 !important;
}

body.light-theme .trace-sequence {
    color: #475569 !important;
}

body.light-theme .event-tag {
    background: #e0f2fe !important;
    color: #0284c7 !important;
    border-color: #bae6fd !important;
}

body.light-theme .more-traces {
    color: #64748b !important;
}

body.light-theme .export-controls {
    background: transparent !important;
}

body.light-theme #processganLoading {
    background: rgba(255, 255, 255, 0.95) !important;
}

body.light-theme #processganLoading p {
    color: #475569 !important;
}

/* ProcessGAN buttons - ensure proper colors */
body.light-theme .processgan-container .btn-primary {
    background: #0ea5e9 !important;
    color: #ffffff !important;
}

body.light-theme .processgan-container .btn-primary:hover:not(:disabled) {
    background: #0284c7 !important;
}

body.light-theme .processgan-container .btn-primary:disabled {
    background: #cbd5e1 !important;
    color: #94a3b8 !important;
}

body.light-theme .processgan-container .btn-secondary {
    background: #10b981 !important;
    color: #ffffff !important;
    border-color: #10b981 !important;
}

body.light-theme .processgan-container .btn-secondary:hover:not(:disabled) {
    background: #059669 !important;
}

body.light-theme .processgan-container .btn-secondary:disabled {
    background: #f1f5f9 !important;
    color: #94a3b8 !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .processgan-container .btn-outline {
    background: #ffffff !important;
    color: #475569 !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .processgan-container .btn-outline:hover {
    background: #f1f5f9 !important;
    border-color: #0ea5e9 !important;
    color: #0284c7 !important;
}

/* ==================== PROCESS LIBRARY PANEL - COMPLETE OVERRIDE ==================== */
/* Override dark rgba colors from bpmn-editor.css */
body.light-theme .process-library-panel {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
}

body.light-theme .process-library-header {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .process-library-header h3 {
    color: #1e293b !important;
}

body.light-theme .process-library-header .close-btn {
    color: #64748b !important;
}

body.light-theme .process-library-header .close-btn:hover {
    color: #dc2626 !important;
    background: rgba(239, 68, 68, 0.1) !important;
}

body.light-theme .process-library-content {
    background: #ffffff !important;
}

body.light-theme .process-library-empty {
    color: #64748b !important;
}

body.light-theme .process-library-empty p {
    color: #64748b !important;
}

body.light-theme .process-library-search,
body.light-theme .library-search {
    background: #ffffff !important;
}

body.light-theme .process-library-search input,
body.light-theme .library-search-input,
body.light-theme .process-library-content input[type="text"],
body.light-theme .process-library-content input[type="search"] {
    background: #ffffff !important;
    color: #1e293b !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .process-library-content input::placeholder {
    color: #94a3b8 !important;
}

body.light-theme .library-filter-select,
body.light-theme .process-library-content select {
    background: #ffffff !important;
    color: #1e293b !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .process-item {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .process-item:hover {
    background: #e0f2fe !important;
    border-color: #0ea5e9 !important;
}

body.light-theme .process-item-name {
    color: #1e293b !important;
}

body.light-theme .process-item-description {
    color: #64748b !important;
}

body.light-theme .process-item-meta {
    color: #94a3b8 !important;
}

body.light-theme .process-item-status {
    color: #475569 !important;
}

body.light-theme .process-item-status.draft {
    background: rgba(245, 158, 11, 0.1) !important;
    color: #d97706 !important;
}

body.light-theme .process-item-status.candidate {
    background: rgba(14, 165, 233, 0.1) !important;
    color: #0284c7 !important;
}

body.light-theme .process-item-status.best {
    background: rgba(34, 197, 94, 0.1) !important;
    color: #16a34a !important;
}

body.light-theme .process-library-actions {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .process-library-actions button {
    background: #0ea5e9 !important;
    color: #ffffff !important;
    border-color: #0ea5e9 !important;
}

body.light-theme .process-library-actions button:hover {
    background: #0284c7 !important;
}

/* ==================== EVALUATION DASHBOARD ==================== */
body.light-theme .evaluation-container {
    background: #f8fafc;
    color: #1e293b;
}

body.light-theme .evaluation-content {
    background: #f8fafc;
}

body.light-theme .comparison-view {
    background: #ffffff;
    border-color: #e2e8f0;
}

body.light-theme .comparison-header {
    color: #1e293b;
    background: #ffffff;
    border-color: #e2e8f0;
}

body.light-theme .comparison-selectors {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .comparison-selectors .selector-group label {
    color: #475569;
}

body.light-theme .comparison-selectors .process-select {
    background: #ffffff !important;
    color: #1e293b !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .empty-comparison {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    color: #64748b;
}

body.light-theme .empty-comparison h3 {
    color: #1e293b;
}

body.light-theme .empty-comparison p {
    color: #64748b;
}

body.light-theme .empty-icon {
    color: #cbd5e1;
}

body.light-theme .comparison-results-grid {
    background: #f8fafc;
}

body.light-theme .comparison-summary {
    background: #ffffff;
    border-color: #e2e8f0;
}

body.light-theme .summary-cards {
    background: #f8fafc;
}

body.light-theme .side-by-side-metrics {
    background: #ffffff;
    border-color: #e2e8f0;
}

body.light-theme .comparison-table {
    background: #ffffff;
}

body.light-theme .comparison-table th {
    background: #f1f5f9;
    color: #0284c7;
}

body.light-theme .comparison-table td {
    color: #475569;
    border-color: #e2e8f0;
}

body.light-theme .comparison-insights {
    background: #ffffff;
    border-color: #e2e8f0;
}

body.light-theme .insight-item {
    background: #f8fafc;
    border-color: #e2e8f0;
}

body.light-theme .insight-text {
    color: #475569;
}

body.light-theme .impact-badge {
    background: #e0f2fe;
    color: #0284c7;
}

/* ==================== BUSINESS CASE BUILDER ==================== */
body.light-theme .business-case-container {
    background: #f8fafc;
    color: #1e293b;
}

body.light-theme .bc-header {
    background: #ffffff;
    border-color: #e2e8f0;
}

body.light-theme .bc-header h2 {
    color: #1e293b;
}

body.light-theme .bc-subtitle {
    color: #64748b;
}

body.light-theme .bc-content {
    background: #f8fafc;
}

body.light-theme .bc-section {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .bc-section h3 {
    color: #1e293b;
}

body.light-theme .bc-form-grid {
    background: #ffffff;
}

body.light-theme .bc-form-grid .form-group label {
    color: #475569;
}

body.light-theme .bc-form-grid input,
body.light-theme .bc-form-grid select,
body.light-theme .bc-form-grid textarea {
    background: #f8fafc !important;
    color: #1e293b !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .bc-quick-actions {
    background: #f8fafc;
}

body.light-theme .quick-action-card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .quick-action-card:hover {
    background: #f8fafc !important;
    border-color: #0ea5e9 !important;
}

body.light-theme .quick-action-card h4 {
    color: #1e293b;
}

body.light-theme .quick-action-card p,
body.light-theme .qa-content p {
    color: #64748b;
}

body.light-theme .bc-navigation {
    background: #ffffff;
    border-color: #e2e8f0;
}

body.light-theme .bc-nav-tab {
    background: #f8fafc;
    color: #475569;
    border-color: #e2e8f0;
}

body.light-theme .bc-nav-tab:hover {
    background: #e0f2fe;
    color: #0284c7;
}

body.light-theme .bc-nav-tab.active {
    background: #0ea5e9;
    color: #ffffff;
}

body.light-theme .bc-metrics-grid {
    background: #f8fafc;
}

body.light-theme .bc-metrics-grid .metric-card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .bc-metrics-grid .metric-value {
    color: #0ea5e9;
}

body.light-theme .bc-metrics-grid .metric-label {
    color: #64748b;
}

/* ==================== FIVE DIAMONDS WORKSHOP ==================== */
body.light-theme .five-diamonds-workspace {
    background: #f8fafc;
    color: #1e293b;
}

body.light-theme .diamond-nav {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .diamond-nav-header {
    background: #f8fafc;
    border-color: #e2e8f0;
}

body.light-theme .diamond-nav-header h2 {
    color: #1e293b;
}

body.light-theme .nav-subtitle {
    color: #64748b;
}

body.light-theme .diamond-nav-list {
    background: #ffffff;
}

body.light-theme .diamond-nav-item {
    background: #f8fafc !important;
    color: #475569 !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .diamond-nav-item:hover {
    background: #e0f2fe !important;
    color: #0284c7 !important;
}

body.light-theme .diamond-nav-item.active {
    background: #0ea5e9 !important;
    color: #ffffff !important;
}

body.light-theme .diamond-number {
    color: inherit;
}

body.light-theme .diamond-name {
    color: inherit;
}

body.light-theme .diamond-nav-footer {
    background: #f8fafc;
    border-color: #e2e8f0;
}

body.light-theme .nav-action-btn {
    background: #ffffff;
    color: #475569;
    border-color: #e2e8f0;
}

body.light-theme .nav-action-btn:hover {
    background: #e0f2fe;
    color: #0284c7;
}

body.light-theme .diamond-content {
    background: #f8fafc;
}

body.light-theme .diamond-workspace {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .diamond-header {
    background: #f8fafc;
    border-color: #e2e8f0;
    color: #1e293b;
}

body.light-theme .purpose-content,
body.light-theme .diamond-section-content {
    background: #ffffff;
}

body.light-theme .purpose-section {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .purpose-section h3 {
    color: #1e293b;
}

body.light-theme .purpose-section .hint {
    color: #64748b;
}

body.light-theme .purpose-textarea,
body.light-theme .boundary-input {
    background: #ffffff !important;
    color: #1e293b !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .boundaries-list {
    background: #f8fafc;
}

body.light-theme .boundary-item {
    background: #ffffff;
    border-color: #e2e8f0;
    color: #475569;
}

body.light-theme .remove-boundary-btn {
    background: #fef2f2;
    color: #dc2626;
    border-color: #fecaca;
}

body.light-theme .collaboration-sidebar {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .progress-indicator {
    background: #0ea5e9;
}

/* ==================== GENERAL DROPDOWN/SELECT FIXES ==================== */
body.light-theme select,
body.light-theme .tool-content select {
    background: #ffffff !important;
    color: #1e293b !important;
    border-color: #e2e8f0 !important;
}

body.light-theme select option {
    background: #ffffff;
    color: #1e293b;
}

body.light-theme select:focus {
    border-color: #0ea5e9 !important;
    outline: none;
}

/* ==================== GENERAL SLIDER FIXES ==================== */
body.light-theme input[type="range"] {
    accent-color: #0ea5e9;
}

body.light-theme input[type="range"]::-webkit-slider-runnable-track {
    background: #e2e8f0;
}

body.light-theme input[type="range"]::-moz-range-track {
    background: #e2e8f0;
}

/* ==================== EMPTY STATES ==================== */
body.light-theme .empty-state {
    background: #ffffff;
    color: #64748b;
}

body.light-theme .empty-state h3 {
    color: #1e293b;
}

body.light-theme .empty-state p {
    color: #64748b;
}

body.light-theme .error-state,
body.light-theme .error-message {
    background: #fef2f2;
    color: #dc2626;
    border-color: #fecaca;
}

/* ==================== COMPREHENSIVE SLIDER/RANGE INPUT FIXES ==================== */
/* Full slider styling for light mode */
body.light-theme input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 8px;
    background: #e2e8f0;
    border-radius: 4px;
    outline: none;
    cursor: pointer;
}

body.light-theme input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    background: #0ea5e9;
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

body.light-theme input[type="range"]::-webkit-slider-thumb:hover {
    background: #0284c7;
    transform: scale(1.1);
}

body.light-theme input[type="range"]::-moz-range-thumb {
    width: 18px;
    height: 18px;
    background: #0ea5e9;
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

body.light-theme input[type="range"]::-moz-range-thumb:hover {
    background: #0284c7;
}

body.light-theme input[type="range"]::-webkit-slider-runnable-track {
    background: #e2e8f0;
    border-radius: 4px;
    height: 8px;
}

body.light-theme input[type="range"]::-moz-range-track {
    background: #e2e8f0;
    border-radius: 4px;
    height: 8px;
}

/* ProcessGAN specific slider in settings panel */
body.light-theme .settings-group input[type="range"] {
    background: #e2e8f0 !important;
}

body.light-theme .settings-group .setting-item label {
    color: #475569 !important;
}

body.light-theme .settings-group .setting-item label span {
    color: #0ea5e9 !important;
    font-weight: 600;
}