/* CRM Dark Mode Support */

/* Force backgrounds with !important */
[data-theme="dark"] .filter-bar,
[data-theme="dark"] .filters-bar,
[data-theme="dark"] .opportunities-table,
[data-theme="dark"] .activities-table,
[data-theme="dark"] .relationships-table,
[data-theme="dark"] .quotas-table,
[data-theme="dark"] .feedback-table,
[data-theme="dark"] .lead-sources-table {
    background: #2a2a2a !important;
}

/* KPI Cards */
[data-theme="dark"] .kpi-card {
    background: #2a2a2a !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

[data-theme="dark"] .kpi-card:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.4);
}

[data-theme="dark"] .kpi-value {
    color: #e0e0e0;
}

[data-theme="dark"] .kpi-label {
    color: #aaa;
}

/* Chart Containers */
[data-theme="dark"] .chart-container {
    background: #2a2a2a !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

[data-theme="dark"] .chart-card {
    background: #2a2a2a !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

[data-theme="dark"] .metric-card {
    background: #2a2a2a !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

[data-theme="dark"] .chart-title {
    color: #e0e0e0;
}

/* Tables */
[data-theme="dark"] .crm-table,
[data-theme="dark"] .data-table {
    background: #2a2a2a !important;
}

[data-theme="dark"] .crm-table th,
[data-theme="dark"] .data-table th,
[data-theme="dark"] thead {
    background: #333 !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

[data-theme="dark"] .crm-table td,
[data-theme="dark"] .data-table td {
    color: #bbb !important;
    border-color: #444 !important;
}

[data-theme="dark"] .crm-table tbody tr:hover,
[data-theme="dark"] .data-table tbody tr:hover {
    background: #333 !important;
}

/* Forms */
[data-theme="dark"] .form-card,
[data-theme="dark"] .card {
    background: #2a2a2a !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    border-color: #555 !important;
}

[data-theme="dark"] .card-header {
    background: #333 !important;
    border-bottom-color: #555 !important;
}

[data-theme="dark"] .form-group label {
    color: #e0e0e0;
}

[data-theme="dark"] .form-control,
[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="tel"],
[data-theme="dark"] input[type="number"],
[data-theme="dark"] input[type="date"],
[data-theme="dark"] input[type="datetime-local"],
[data-theme="dark"] select,
[data-theme="dark"] textarea {
    background: #333;
    color: #e0e0e0;
    border-color: #555;
}

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] input:focus,
[data-theme="dark"] select:focus,
[data-theme="dark"] textarea:focus {
    background: #3a3a3a;
    border-color: var(--primary-color);
}

[data-theme="dark"] .form-control option,
[data-theme="dark"] select option {
    background: #333;
    color: #e0e0e0;
}

/* Filters */
[data-theme="dark"] .filters,
[data-theme="dark"] .filter-bar {
    background: #2a2a2a;
    border-color: #444;
}

[data-theme="dark"] .filter-group label {
    color: #aaa;
}

/* Modals */
[data-theme="dark"] .modal-content {
    background: #2a2a2a;
    border-color: #444;
}

[data-theme="dark"] .modal-header {
    border-bottom-color: #444;
}

[data-theme="dark"] .modal-header h2,
[data-theme="dark"] .modal-header h3 {
    color: #e0e0e0;
}

[data-theme="dark"] .modal-body {
    color: #bbb;
}

[data-theme="dark"] .modal-footer {
    border-top-color: #444;
}

[data-theme="dark"] .close {
    color: #aaa;
}

[data-theme="dark"] .close:hover {
    color: #e0e0e0;
}

/* Tabs */
[data-theme="dark"] .tabs,
[data-theme="dark"] .tab-nav {
    border-bottom-color: #444;
}

[data-theme="dark"] .tab,
[data-theme="dark"] .tab-btn {
    color: #aaa;
}

[data-theme="dark"] .tab.active,
[data-theme="dark"] .tab-btn.active {
    color: #e0e0e0;
    border-bottom-color: var(--primary-color);
}

/* Stats and Metrics */
[data-theme="dark"] .stat-card,
[data-theme="dark"] .metric-card {
    background: #2a2a2a;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

[data-theme="dark"] .stat-value,
[data-theme="dark"] .metric-value {
    color: #e0e0e0;
}

[data-theme="dark"] .stat-label,
[data-theme="dark"] .metric-label {
    color: #aaa;
}

/* Activity Lists */
[data-theme="dark"] .activity-list,
[data-theme="dark"] .timeline {
    background: #2a2a2a;
}

[data-theme="dark"] .activity-item,
[data-theme="dark"] .timeline-item {
    border-color: #444;
}

[data-theme="dark"] .activity-item:hover,
[data-theme="dark"] .timeline-item:hover {
    background: #333;
}

[data-theme="dark"] .activity-title,
[data-theme="dark"] .timeline-title {
    color: #e0e0e0;
}

[data-theme="dark"] .activity-description,
[data-theme="dark"] .timeline-description {
    color: #aaa;
}

[data-theme="dark"] .activity-time,
[data-theme="dark"] .timeline-time {
    color: #888;
}

/* Opportunity Cards */
[data-theme="dark"] .opportunity-card {
    background: #2a2a2a;
    border-color: #444;
}

[data-theme="dark"] .opportunity-card:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.4);
}

[data-theme="dark"] .opportunity-title {
    color: #e0e0e0;
}

[data-theme="dark"] .opportunity-details {
    color: #aaa;
}

/* Pipeline View */
[data-theme="dark"] .pipeline-stage {
    background: #2a2a2a;
    border-color: #444;
}

[data-theme="dark"] .pipeline-stage-header {
    background: #333;
    color: #e0e0e0;
    border-bottom-color: #444;
}

[data-theme="dark"] .pipeline-item {
    background: #333;
    border-color: #555;
}

[data-theme="dark"] .pipeline-item:hover {
    background: #3a3a3a;
}

/* Search and Filter Inputs */
[data-theme="dark"] .search-box,
[data-theme="dark"] .filter-input {
    background: #333;
    color: #e0e0e0;
    border-color: #555;
}

[data-theme="dark"] .search-box::placeholder,
[data-theme="dark"] .filter-input::placeholder {
    color: #888;
}

/* Action Buttons */
[data-theme="dark"] .quick-action-btn {
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

/* Empty States */
[data-theme="dark"] .empty-state {
    color: #aaa;
}

[data-theme="dark"] .empty-state i {
    color: #666;
}

/* Alerts and Messages */
[data-theme="dark"] .alert {
    border-color: #444;
}

[data-theme="dark"] .alert-info {
    background: #1a3a5a;
    color: #64b5f6;
    border-left-color: #2196f3;
}

[data-theme="dark"] .alert-success {
    background: #1a3a1a;
    color: #81c784;
    border-left-color: #4caf50;
}

[data-theme="dark"] .alert-warning {
    background: #4a3a1a;
    color: #ffb74d;
    border-left-color: #ff9800;
}

[data-theme="dark"] .alert-danger {
    background: #4a1a1a;
    color: #e57373;
    border-left-color: #f44336;
}

/* Loading States */
[data-theme="dark"] .spinner,
[data-theme="dark"] .loading {
    border-color: #444;
    border-top-color: var(--primary-color);
}

/* Section Headers */
[data-theme="dark"] .section-header,
[data-theme="dark"] .page-header {
    border-bottom-color: #444;
}

[data-theme="dark"] .section-title,
[data-theme="dark"] .page-title {
    color: #e0e0e0;
}

/* Info Boxes */
[data-theme="dark"] .info-box {
    background: #2a2a2a;
    border-color: #444;
}

[data-theme="dark"] .info-box-header {
    background: #333;
    color: #e0e0e0;
    border-bottom-color: #444;
}

[data-theme="dark"] .info-box-content {
    color: #bbb;
}

/* Dropdown Menus */
[data-theme="dark"] .dropdown-menu {
    background: #2a2a2a;
    border-color: #444;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}

[data-theme="dark"] .dropdown-item {
    color: #bbb;
}

[data-theme="dark"] .dropdown-item:hover {
    background: #333;
    color: #e0e0e0;
}

/* Breadcrumbs */
[data-theme="dark"] .breadcrumb {
    background: #2a2a2a;
}

[data-theme="dark"] .breadcrumb-item {
    color: #aaa;
}

[data-theme="dark"] .breadcrumb-item.active {
    color: #e0e0e0;
}

[data-theme="dark"] .breadcrumb-item a {
    color: var(--primary-color);
}

/* Progress Bars */
[data-theme="dark"] .progress {
    background: #333;
}

[data-theme="dark"] .progress-bar {
    background: var(--primary-color);
}

/* List Groups */
[data-theme="dark"] .list-group {
    background: #2a2a2a;
}

[data-theme="dark"] .list-group-item {
    background: #2a2a2a;
    color: #bbb;
    border-color: #444;
}

[data-theme="dark"] .list-group-item:hover {
    background: #333;
}

/* Canvas Charts */
[data-theme="dark"] canvas {
    filter: brightness(0.9);
}

/* Table specific dark mode fixes */
[data-theme="dark"] th {
    color: #e0e0e0 !important;
}

[data-theme="dark"] td {
    color: #bbb !important;
}

[data-theme="dark"] tbody tr:hover {
    background: #333 !important;
}

/* Text colors */
[data-theme="dark"] .table-header h2,
[data-theme="dark"] .chart-title,
[data-theme="dark"] .metric-title,
[data-theme="dark"] .section-title {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .loading,
[data-theme="dark"] .empty-state {
    color: #aaa !important;
}

/* Filter bar inputs */
[data-theme="dark"] .filter-bar input,
[data-theme="dark"] .filter-bar select {
    background: #333 !important;
    color: #e0e0e0 !important;
    border-color: #555 !important;
}

[data-theme="dark"] .filter-bar input::placeholder {
    color: #888 !important;
}

/* Labels in filter bars and forms */
[data-theme="dark"] .filter-bar label,
[data-theme="dark"] .filters-bar label,
[data-theme="dark"] .date-range span {
    color: #e0e0e0 !important;
}

/* Metric subtitles and small text */
[data-theme="dark"] .metric-subtitle,
[data-theme="dark"] .kpi-subtitle,
[data-theme="dark"] small {
    color: #aaa !important;
}

/* Bar labels in charts */
[data-theme="dark"] .bar-label,
[data-theme="dark"] .bar-label span {
    color: #e0e0e0 !important;
}

/* Fix probability bars */
[data-theme="dark"] .probability-bar {
    background: #444 !important;
}

/* Fix metric colors for dark mode - improve contrast */
[data-theme="dark"] .metric-positive {
    color: #66ff99 !important; /* Bright green for dark mode */
    font-weight: 700;
}

[data-theme="dark"] .metric-negative {
    color: #ff6b6b !important; /* Bright red for dark mode */
}

/* Fix first column text for better contrast - applies to all tables */
[data-theme="dark"] td:first-child,
[data-theme="dark"] td:first-child div,
[data-theme="dark"] td:first-child span {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Fix card/tile headings and text - applies across entire application */
[data-theme="dark"] .card h2,
[data-theme="dark"] .card h3,
[data-theme="dark"] .card h4,
[data-theme="dark"] .safety-card h3,
[data-theme="dark"] .kpi-card h3,
[data-theme="dark"] .metric-card h3,
[data-theme="dark"] .stat-card h3 {
    color: #ffffff !important;
}

[data-theme="dark"] .card p,
[data-theme="dark"] .safety-card p,
[data-theme="dark"] .kpi-card p,
[data-theme="dark"] .metric-card p,
[data-theme="dark"] .stat-card p {
    color: #bbb !important;
}

/* Fix card header titles */
[data-theme="dark"] .card-header h2,
[data-theme="dark"] .card-header h3 {
    color: #ffffff !important;
}

/* Table link styling for better readability */
table a {
    color: var(--secondary-color, #3498db) !important;
    text-decoration: none !important;
}

table a:hover {
    color: var(--primary-color, #2c3e50) !important;
    text-decoration: underline !important;
}

table a:visited {
    color: #2980b9 !important;
}

/* Dark mode table links - light colored for contrast */
[data-theme="dark"] table a {
    color: #64b5f6 !important;
    text-decoration: none !important;
}

[data-theme="dark"] table a:hover {
    color: #90caf9 !important;
    text-decoration: underline !important;
}

[data-theme="dark"] table a:visited {
    color: #42a5f5 !important;
}

/* Asset/Document Cards Dark Mode */
[data-theme="dark"] .asset-card {
    background: #2a2a2a !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

[data-theme="dark"] .asset-card:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.4);
}

[data-theme="dark"] .asset-title {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .asset-meta {
    color: #aaa !important;
}

[data-theme="dark"] .asset-type {
    background: #333 !important;
    color: #90caf9 !important;
}

[data-theme="dark"] .asset-management {
    background: #2a2a2a !important;
    border-color: #444 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

[data-theme="dark"] .assets-empty {
    background: #2a2a2a !important;
    color: #aaa !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

[data-theme="dark"] .assets-empty h4 {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .assets-empty i {
    color: #666 !important;
}

/* File Upload Dark Mode */
[data-theme="dark"] .file-upload-zone {
    background-color: #333 !important;
    border-color: #555 !important;
}

[data-theme="dark"] .file-upload-zone:hover {
    border-color: #64b5f6 !important;
    background-color: #2a3a4a !important;
}

[data-theme="dark"] .upload-text h3 {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .upload-text p {
    color: #aaa !important;
}

[data-theme="dark"] .upload-text small {
    color: #888 !important;
}

[data-theme="dark"] .uploaded-files {
    background: #2a2a2a !important;
    border-color: #444 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

[data-theme="dark"] .uploaded-file-item {
    border-bottom-color: #444 !important;
}

[data-theme="dark"] .uploaded-file-item:hover {
    background-color: #333 !important;
}

[data-theme="dark"] .file-name {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .file-size {
    color: #aaa !important;
}

/* File Icon Colors - Dark Mode */
[data-theme="dark"] .file-icon {
    color: #aaa !important;
    background-color: transparent !important;
}

[data-theme="dark"] .file-icon .fa-image {
    color: #66bb6a !important; /* Lighter green for images */
}

[data-theme="dark"] .file-icon .fa-file-pdf {
    color: #ef5350 !important; /* Lighter red for PDFs */
}

[data-theme="dark"] .file-icon .fa-file-word {
    color: #42a5f5 !important; /* Lighter blue for Word docs */
}

[data-theme="dark"] .file-icon .fa-file-excel {
    color: #66bb6a !important; /* Lighter green for Excel */
}

[data-theme="dark"] .file-icon .fa-file-alt {
    color: #aaa !important; /* Light gray for generic files */
}

[data-theme="dark"] .btn-small {
    background: #333 !important;
    border-color: #555 !important;
    color: #aaa !important;
}

[data-theme="dark"] .btn-small:hover {
    background-color: #3a3a3a !important;
    border-color: #666 !important;
}

/* Asset Menu Button Dark Mode */
[data-theme="dark"] .asset-menu .btn {
    background: #333 !important;
    border-color: #555 !important;
    color: #aaa !important;
}

[data-theme="dark"] .asset-menu .btn:hover {
    background-color: #3a3a3a !important;
    border-color: #666 !important;
}

/* Template Actions Dark Mode */
[data-theme="dark"] .template-actions {
    background: #333 !important;
    border-top-color: #555 !important;
}

[data-theme="dark"] .template-actions .btn {
    background: #2a2a2a !important;
    border-color: #555 !important;
    color: #e0e0e0 !important;
}

[data-theme="dark"] .template-actions .btn:hover {
    background: #3a3a3a !important;
    border-color: #64b5f6 !important;
}

[data-theme="dark"] .template-actions .btn-outline-primary {
    border-color: #64b5f6 !important;
    color: #64b5f6 !important;
}

[data-theme="dark"] .template-actions .btn-outline-primary:hover {
    background: #64b5f6 !important;
    color: #fff !important;
}

[data-theme="dark"] .template-actions .btn-outline-secondary {
    border-color: #666 !important;
    color: #aaa !important;
}

[data-theme="dark"] .template-actions .btn-outline-secondary:hover {
    background: #3a3a3a !important;
    border-color: #777 !important;
    color: #e0e0e0 !important;
}

/* Lookups Dark Mode */
[data-theme="dark"] .data-table thead {
    background: #333 !important;
}

[data-theme="dark"] .data-table th {
    color: #e0e0e0 !important;
    border-bottom-color: #555 !important;
}

[data-theme="dark"] .data-table td {
    color: #e0e0e0 !important;
    border-bottom-color: #444 !important;
}

[data-theme="dark"] .data-table tbody tr:hover {
    background: #333 !important;
}


[data-theme="dark"] .lookup-category-card {
    background: #2a2a2a !important;
    border-color: #555 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;
    color: #e0e0e0 !important;
}

[data-theme="dark"] .lookup-category-card h3 {
    color: #64b5f6 !important;
}

[data-theme="dark"] .lookup-category-card h3 i {
    color: #64b5f6 !important;
}

[data-theme="dark"] .lookup-list {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .lookup-list li {
    border-bottom-color: #444 !important;
    color: #e0e0e0 !important;
}

[data-theme="dark"] .lookup-list a {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .lookup-list a:hover {
    color: #64b5f6 !important;
}

/* Lookups manage page messages */
[data-theme="dark"] .error-message {
    background: #4a1a1a !important;
    color: #ff6b6b !important;
}

[data-theme="dark"] .info-message {
    background: #1a3a4a !important;
    color: #64b5f6 !important;
}

/* Dashboard Gantt Chart Dark Mode */
[data-theme="dark"] .gantt-container {
    background: #333 !important;
    border-color: #555 !important;
}

[data-theme="dark"] .gantt-table thead {
    background: #2a2a2a !important;
}

[data-theme="dark"] .gantt-table thead th {
    background: #2a2a2a !important;
    color: #e0e0e0 !important;
    border-bottom-color: #555 !important;
}

[data-theme="dark"] .gantt-table tbody tr {
    border-bottom-color: #444 !important;
}

[data-theme="dark"] .gantt-table tbody td {
    color: #e0e0e0 !important;
}

[data-theme="dark"] #safety-legend {
    background: #333 !important;
    border-color: #555 !important;
    color: #e0e0e0 !important;
}

[data-theme="dark"] .swim-lane-header {
    background: #333 !important;
    border-top-color: #555 !important;
}

[data-theme="dark"] .swim-lane-header td {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .gantt-controls {
    background: #333 !important;
    border-color: #555 !important;
}

[data-theme="dark"] .gantt-controls label {
    color: #e0e0e0 !important;
}

[data-theme="dark"] #job-filter {
    background: #333 !important;
    border-color: #555 !important;
    color: #e0e0e0 !important;
}

[data-theme="dark"] #job-filter option {
    background: #333 !important;
    color: #e0e0e0 !important;
}

/* Safety KPI Cards Dark Mode */
[data-theme="dark"] .safety-kpi-card {
    background: #333 !important;
}

[data-theme="dark"] .safety-kpi-value {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .safety-kpi-label {
    color: #aaa !important;
}

/* Tables Dark Mode */
[data-theme="dark"] .table {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .table thead tr {
    background: #333 !important;
}

[data-theme="dark"] .table th {
    color: #e0e0e0 !important;
    border-bottom-color: #555 !important;
}

[data-theme="dark"] .table td {
    color: #e0e0e0 !important;
    border-bottom-color: #444 !important;
}

[data-theme="dark"] .table tbody tr {
    border-bottom-color: #444 !important;
}

[data-theme="dark"] .table tbody tr:hover {
    background: #333 !important;
}

/* Reports Dashboard Dark Mode */
[data-theme="dark"] .quick-actions {
    background: #2a2a2a !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

[data-theme="dark"] .quick-actions h3 {
    color: #64b5f6 !important;
}

[data-theme="dark"] .quick-action-card {
    background: #333 !important;
    border-color: #555 !important;
    color: #e0e0e0 !important;
}

[data-theme="dark"] .quick-action-card:hover {
    border-color: #64b5f6 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.4);
    color: #e0e0e0 !important;
}

[data-theme="dark"] .quick-action-icon {
    color: #64b5f6 !important;
}

[data-theme="dark"] .section-card {
    background: #2a2a2a !important;
    border-left-color: #64b5f6 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

[data-theme="dark"] .section-title {
    color: #64b5f6 !important;
}

[data-theme="dark"] .template-item {
    background: #333 !important;
    border-color: #555 !important;
}

[data-theme="dark"] .template-item:hover {
    border-color: #64b5f6 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

[data-theme="dark"] .template-name {
    color: #64b5f6 !important;
}

[data-theme="dark"] .generation-item {
    background: #333 !important;
    border-color: #555 !important;
}

[data-theme="dark"] .generation-template {
    color: #64b5f6 !important;
}

[data-theme="dark"] .generation-details {
    color: #aaa !important;
}

[data-theme="dark"] .loading-spinner {
    color: #aaa !important;
}

[data-theme="dark"] .empty-state {
    color: #aaa !important;
}

[data-theme="dark"] .empty-state i {
    color: #666 !important;
}

/* Workflows Module Dark Mode */
[data-theme="dark"] .btn-info {
    background: #333 !important;
    border-color: #555 !important;
    color: #e0e0e0 !important;
}

[data-theme="dark"] .btn-info:hover {
    background: #3a3a3a !important;
    border-color: #64b5f6 !important;
}

[data-theme="dark"] .btn-secondary {
    background: #333 !important;
    border-color: #555 !important;
    color: #e0e0e0 !important;
}

[data-theme="dark"] .btn-secondary:hover {
    background: #3a3a3a !important;
    border-color: #666 !important;
}


[data-theme="dark"] .workflow-card {
    background: #2a2a2a !important;
    border-color: #555 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

[data-theme="dark"] .workflow-card:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.4);
}

[data-theme="dark"] .workflow-details h3 {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .workflow-category {
    background-color: #333 !important;
    color: #90caf9 !important;
}

[data-theme="dark"] .workflow-description {
    color: #aaa !important;
}

[data-theme="dark"] .workflow-stats {
    color: #aaa !important;
}

[data-theme="dark"] .filter-controls {
    background: #2a2a2a !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

[data-theme="dark"] .workflows-header h1 {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .workflow-tab {
    color: #aaa !important;
}

[data-theme="dark"] .workflow-tab.active {
    color: #64b5f6 !important;
    border-bottom-color: #64b5f6 !important;
    background-color: rgba(100, 181, 246, 0.1) !important;
}

[data-theme="dark"] .workflow-tab:hover {
    color: #64b5f6 !important;
    background-color: rgba(100, 181, 246, 0.05) !important;
}

[data-theme="dark"] .workflow-step {
    background: #333 !important;
    border-color: #555 !important;
}

[data-theme="dark"] .step-title {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .step-description {
    color: #aaa !important;
}

[data-theme="dark"] .step-meta {
    color: #aaa !important;
}

[data-theme="dark"] .template-step-item {
    background: #333 !important;
    border-color: #555 !important;
}