/**
 * Enhanced Dark Mode Styles for Abstrakt Intelligence
 */

/* Core Variables for dark mode */
[data-bs-theme="dark"] {
  --bs-body-bg: #1e2636;
  --bs-body-color: #e9ecef;
  --dark-border-color: #333f55;
  --dark-card-bg: #1e2636;
  --dark-subtle-bg: #2a3447;
  --dark-hover-bg: #333f55;
  --dark-text-muted: #adb5bd;
  --dark-link-hover: #5d87ff;
}

/* Base Layout */
[data-bs-theme="dark"] body {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
}

[data-bs-theme="dark"] .topbar {
  background-color: var(--dark-card-bg);
  border-color: var(--dark-border-color);
}

[data-bs-theme="dark"] .left-sidebar {
  background-color: var(--dark-card-bg);
  border-color: var(--dark-border-color);
}

/* Card Styling */
[data-bs-theme="dark"] .card {
  background-color: var(--dark-card-bg);
  border-color: var(--dark-border-color);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);
}

[data-bs-theme="dark"] .card-header {
  background-color: rgba(41, 49, 69, 0.7) !important;
  border-bottom-color: var(--dark-border-color);
  padding: 0.75rem 1.25rem !important;
  letter-spacing: 0.3px;
}

[data-bs-theme="dark"] .card-header strong {
  font-weight: 600;
}

[data-bs-theme="dark"] .bg-info-subtle {
  background-color: rgba(14, 53, 91, 0.5) !important;
}

/* Navigation and Tabs */
[data-bs-theme="dark"] .nav-tabs {
  border-bottom-color: var(--dark-border-color);
}

[data-bs-theme="dark"] .nav-tabs .nav-link {
  color: var(--dark-text-muted);
}

[data-bs-theme="dark"] .nav-tabs .nav-link.active {
  color: #fff;
  background-color: var(--dark-card-bg);
  border-color: var(--dark-border-color);
}

[data-bs-theme="dark"] .nav-tabs .nav-link:hover:not(.active) {
  background-color: var(--dark-hover-bg);
  border-color: transparent;
}

[data-bs-theme="dark"] .nav-underline .nav-link::after {
  background-color: rgba(93, 135, 255, 0.8);
}

/* Tables */
[data-bs-theme="dark"] .table {
  color: var(--bs-body-color);
  border-color: var(--dark-border-color);
}

[data-bs-theme="dark"] .table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.075);
  color: #fff;
}

[data-bs-theme="dark"] .table td,
[data-bs-theme="dark"] .table th {
  border-color: var(--dark-border-color);
}

/* Dropdowns */
[data-bs-theme="dark"] .dropdown-menu {
  background-color: var(--dark-subtle-bg);
  border-color: var(--dark-border-color);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.25);
}

[data-bs-theme="dark"] .dropdown-item {
  color: var(--bs-body-color);
}

[data-bs-theme="dark"] .dropdown-item:hover,
[data-bs-theme="dark"] .dropdown-item:focus {
  background-color: var(--dark-hover-bg);
  color: #fff;
}

/* Buttons */
[data-bs-theme="dark"] .btn-outline-primary {
  border-color: #5d87ff;
  color: #5d87ff;
}

[data-bs-theme="dark"] .btn-outline-primary:hover {
  background-color: #5d87ff;
  color: #fff;
}

[data-bs-theme="dark"] .btn-light {
  background-color: var(--dark-subtle-bg);
  border-color: var(--dark-border-color);
  color: var(--bs-body-color);
}

[data-bs-theme="dark"] .btn-light:hover {
  background-color: var(--dark-hover-bg);
  border-color: var(--dark-border-color);
  color: #fff;
}

/* Form controls */
[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select {
  background-color: var(--dark-subtle-bg);
  border-color: var(--dark-border-color);
  color: var(--bs-body-color);
}

[data-bs-theme="dark"] .form-control:focus,
[data-bs-theme="dark"] .form-select:focus {
  border-color: #5d87ff;
  box-shadow: 0 0 0 0.25rem rgba(93, 135, 255, 0.25);
}

[data-bs-theme="dark"] .form-control::placeholder {
  color: var(--dark-text-muted);
}

[data-bs-theme="dark"] .input-group-text {
  background-color: var(--dark-hover-bg);
  border-color: var(--dark-border-color);
  color: var(--bs-body-color);
}

/* Modal */
[data-bs-theme="dark"] .modal-content {
  background-color: var(--dark-card-bg);
  border-color: var(--dark-border-color);
}

[data-bs-theme="dark"] .modal-header,
[data-bs-theme="dark"] .modal-footer {
  border-color: var(--dark-border-color);
}

/* Text utilities */
[data-bs-theme="dark"] .text-muted {
  color: var(--dark-text-muted) !important;
}

[data-bs-theme="dark"] a {
  color: #5d87ff;
}

[data-bs-theme="dark"] a:hover {
  color: var(--dark-link-hover);
}

/* DataTables Specific */
[data-bs-theme="dark"] .dataTables_wrapper .dataTables_length,
[data-bs-theme="dark"] .dataTables_wrapper .dataTables_filter,
[data-bs-theme="dark"] .dataTables_wrapper .dataTables_info,
[data-bs-theme="dark"] .dataTables_wrapper .dataTables_processing,
[data-bs-theme="dark"] .dataTables_wrapper .dataTables_paginate {
  color: var(--bs-body-color);
}

[data-bs-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button {
  color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.current,
[data-bs-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: var(--dark-hover-bg);
  border-color: var(--dark-border-color);
  color: #fff !important;
}

[data-bs-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: var(--dark-hover-bg);
  color: #fff !important;
}

/* Custom specific elements */
[data-bs-theme="dark"] .badge {
  border: 1px solid var(--dark-border-color);
}

[data-bs-theme="dark"] .bg-primary-subtle {
  background-color: rgba(93, 135, 255, 0.15) !important;
}

/* "Not in use" styling */
[data-bs-theme="dark"] .not-in-use {
  color: rgba(255, 255, 255, 0.5);
  font-style: italic;
  text-align: center;
  padding: 1rem;
  font-size: 0.9rem;
}

/* Orange card header improvements */
[data-bs-theme="dark"] .orange-card-header {
  background-color: #613d29 !important;
  color: #ffcdb2 !important; /* Lighter orange text for better contrast */
  font-weight: 600 !important;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5) !important;
}

/* Fix for card-range headers in dark mode */
[data-bs-theme="dark"] .card-range .card-header,
[data-bs-theme="dark"] [class*="SqFootage"] .card-header,
[data-bs-theme="dark"] [class*="NumberOf"] .card-header,
[data-bs-theme="dark"] .Cleaning .card-header,
[data-bs-theme="dark"] .Workstations .card-header {
  background-color: #613d29 !important;
  color: #ffcdb2 !important; /* Lighter orange text */
  font-weight: 600 !important;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5) !important;
}

[data-bs-theme="dark"] .card-range > .card-header .fa {
  color: #ffcdb2 !important;
}

/* Catch-all for any orange-background card headers in dark mode */
[data-bs-theme="dark"] .card-header[style*="background"],
[data-bs-theme="dark"] .card-header[style*="rgb(255, 231, 220)"],
[data-bs-theme="dark"] .card-header[style*="#ffe7dc"] {
  background-color: #613d29 !important;
  color: #ffcdb2 !important;
  font-weight: 600 !important;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5) !important;
}

[data-bs-theme="dark"] .info-card {
  background-color: rgba(14, 53, 91, 0.8) !important;
  color: #e9ecef !important;
  font-weight: 500 !important;
}

[data-bs-theme="dark"] .breadcrumb-item.active {
  color: var(--dark-text-muted);
}

/* Select2 Customization */
[data-bs-theme="dark"] .select2-container--default .select2-selection--single {
  background-color: var(--dark-subtle-bg);
  border-color: var(--dark-border-color);
}

[data-bs-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--bs-body-color);
}

[data-bs-theme="dark"] .select2-dropdown {
  background-color: var(--dark-subtle-bg);
  border-color: var(--dark-border-color);
}

[data-bs-theme="dark"] .select2-container--default .select2-results__option[aria-selected=true] {
  background-color: var(--dark-hover-bg);
}

[data-bs-theme="dark"] .select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: var(--dark-subtle-bg);
  border-color: var(--dark-border-color);
  color: var(--bs-body-color);
}

/* Dashboard metrics */
[data-bs-theme="dark"] .text-danger {
  color: #5d87ff !important; /* Change to blue for better visibility */
}

/* New stat metric class */
.text-blue-in-dark {
  color: #dc3545; /* Default red in light mode */
}

[data-bs-theme="dark"] .text-blue-in-dark {
  color: #5d87ff !important; /* Blue in dark mode */
  font-weight: 600;
}

[data-bs-theme="dark"] hr {
  border-color: var(--dark-border-color);
  opacity: 0.3;
}

[data-bs-theme="dark"] .multiselect-options {
  color: #000 !important;
}

[data-bs-theme="dark"] .multiselect-option {
  color: #000 !important;
}

[data-bs-theme="dark"] .multiselect-dropdown {
  color: #000 !important;
}

[data-bs-theme="dark"] .multiselect .multiselect-single-label-text {
  color: #000 !important;
}

[data-bs-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > * {
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, #ffffff14);
}