/* Dark Mode Styles */
[data-theme="dark"] {
  color-scheme: dark;
}

/* Body and Base Colors */
[data-theme="dark"] body {
  background-color: #242424;
  color: #e8e8e8;
}

/* Navbar */
[data-theme="dark"] .navbar-light {
  background-color: #242424 !important;
  border-bottom: 1px solid #3a3a3a;
}

[data-theme="dark"] .navbar-light .navbar-nav .nav-link {
  color: #e8e8e8 !important;
}

[data-theme="dark"] .navbar-light .navbar-nav .nav-link:hover {
  color: #0085BD !important;
}

[data-theme="dark"] .navbar-light .navbar-brand {
  color: #ffffff !important;
}

[data-theme="dark"] .bg-light {
  background-color: #242424 !important;
}

/* Cards */
[data-theme="dark"] .card {
  background-color: #2d2d2d;
  border-color: #3a3a3a;
  color: #e8e8e8;
}

[data-theme="dark"] .card.border {
  border-color: #3a3a3a !important;
}

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

[data-theme="dark"] .card-body p,
[data-theme="dark"] .card-body div,
[data-theme="dark"] .card-body span {
  color: #ffffff !important;
}

/* Red color for asterisks (*) in dark mode */
[data-theme="dark"] .card-body .text-danger,
[data-theme="dark"] .card-body span.text-danger {
  color: #dc3545 !important;
}

/* White color for alert-info text in dark mode */
[data-theme="dark"] .alert-info p,
[data-theme="dark"] .alert-info .fs-sm {
  color: #ffffff !important;
}

[data-theme="dark"] .card-body h1,
[data-theme="dark"] .card-body h2,
[data-theme="dark"] .card-body h3,
[data-theme="dark"] .card-body h4,
[data-theme="dark"] .card-body h5,
[data-theme="dark"] .card-body h6 {
  color: #ffffff;
}

[data-theme="dark"] .card-footer {
  background-color: #2d2d2d;
  border-top-color: #3a3a3a;
}

[data-theme="dark"] .card-title,
[data-theme="dark"] .card h3,
[data-theme="dark"] .card h4,
[data-theme="dark"] .card h5,
[data-theme="dark"] .card h6 {
  color: #ffffff;
}

/* Text Colors */
[data-theme="dark"] .text-muted {
  color: #d0d0d0 !important;
}

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

[data-theme="dark"] h1, 
[data-theme="dark"] h2, 
[data-theme="dark"] h3,
[data-theme="dark"] h4, 
[data-theme="dark"] h5, 
[data-theme="dark"] h6 {
  color: #ffffff;
}

[data-theme="dark"] p {
  color: #e8e8e8;
}

/* Modal Dark Mode */
[data-theme="dark"] .modal-content {
  background-color: #2d2d2d;
  border-color: #3a3a3a;
  color: #e8e8e8;
}

[data-theme="dark"] .modal-header {
  background-color: #2d2d2d;
  border-bottom-color: #3a3a3a;
  color: #ffffff;
}

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

[data-theme="dark"] .modal-body {
  background-color: #2d2d2d;
  color: #e8e8e8;
}

[data-theme="dark"] .modal-footer {
  background-color: #2d2d2d;
  border-top-color: #3a3a3a;
}

[data-theme="dark"] .form-label {
  color: #ffffff !important;
}

[data-theme="dark"] .modal-body .form-label {
  color: #ffffff !important;
}

[data-theme="dark"] .modal-body .form-control,
[data-theme="dark"] .modal-body .form-select {
  background-color: #1a1a1a;
  border-color: #3a3a3a;
  color: #e8e8e8;
}

[data-theme="dark"] .modal-body .form-control:focus,
[data-theme="dark"] .modal-body .form-select:focus {
  background-color: #1a1a1a;
  border-color: #0085BD;
  color: #e8e8e8;
}

[data-theme="dark"] .modal-body .form-control::placeholder {
  color: #888888;
}

/* Forms */
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select {
  background-color: #2d2d2d;
  border-color: #3a3a3a;
  color: #e8e8e8;
}

[data-theme="dark"] .form-control::placeholder {
  color: #888888;
}

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus {
  background-color: #2d2d2d;
  border-color: #0085BD;
  color: #ffffff;
  box-shadow: 0 0 0 0.2rem rgba(0, 133, 189, 0.25);
}

[data-theme="dark"] .input-group-text {
  background-color: #2d2d2d;
  border-color: #3a3a3a;
  color: #e8e8e8;
}

/* Buttons */
[data-theme="dark"] .btn-light {
  background-color: #2d2d2d;
  border-color: #3a3a3a;
  color: #e8e8e8;
}

[data-theme="dark"] .btn-light:hover {
  background-color: #3a3a3a;
  border-color: #4a4a4a;
  color: #ffffff;
}

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

[data-theme="dark"] .btn-outline-secondary:hover,
[data-theme="dark"] .btn-outline-secondary:focus {
  background-color: #3a3a3a;
  border-color: #4a4a4a;
  color: #ffffff !important;
}

[data-theme="dark"] .btn-outline-secondary.active,
[data-theme="dark"] .btn-check:checked + .btn-outline-secondary {
  background-color: #0085BD;
  border-color: #0085BD;
  color: #ffffff !important;
}

[data-theme="dark"] .btn-outline-primary {
  border-color: #0085BD;
  color: #0085BD;
}

[data-theme="dark"] .btn-outline-primary:hover {
  background-color: #0085BD;
  border-color: #0085BD;
  color: #ffffff;
}

[data-theme="dark"] .btn-primary {
  background-color: #0085BD;
  border-color: #0085BD;
  color: #ffffff;
}

[data-theme="dark"] .btn-primary:hover {
  background-color: #0070a0;
  border-color: #0070a0;
}

[data-theme="dark"] .btn-sm {
  color: #e8e8e8;
}

/* Range Slider */
[data-theme="dark"] .range-slider-value-min,
[data-theme="dark"] .range-slider-value-max {
  background-color: #2d2d2d !important;
  border-color: #3a3a3a !important;
  color: #e8e8e8 !important;
}

[data-theme="dark"] .noUi-connect {
  background: #0085BD;
}

[data-theme="dark"] .noUi-handle {
  background: #ffffff;
  border: 2px solid #0085BD;
}

[data-theme="dark"] .noUi-target {
  background: #3a3a3a;
}

/* Footer */
[data-theme="dark"] .footer {
  background-color: #242424 !important;
  color: #e8e8e8;
}

[data-theme="dark"] .footer .text-muted {
  color: #d0d0d0 !important;
}

/* Tables */
[data-theme="dark"] .table {
  color: #e8e8e8;
}

[data-theme="dark"] .table thead th {
  color: #ffffff;
  border-color: #3a3a3a;
}

[data-theme="dark"] .table tbody td {
  color: #e8e8e8;
  border-color: #3a3a3a;
}

[data-theme="dark"] .table-hover tbody tr:hover {
  background-color: #353535;
  color: #ffffff;
}

[data-theme="dark"] .table-hover tbody tr:hover td {
  color: #ffffff;
}

/* List Groups */
[data-theme="dark"] .list-group-item {
  background-color: #2d2d2d;
  border-color: #3a3a3a;
  color: #e8e8e8;
}

[data-theme="dark"] .list-group-item .fw-bold {
  color: #ffffff;
}

/* Badges */
[data-theme="dark"] .badge {
  color: #ffffff;
}

[data-theme="dark"] .badge.bg-warning {
  color: #000000;
}

[data-theme="dark"] .badge.bg-success {
  color: #ffffff;
}

[data-theme="dark"] .badge.bg-danger {
  color: #ffffff;
}

[data-theme="dark"] .badge.bg-primary {
  color: #ffffff;
}

[data-theme="dark"] .badge.bg-secondary {
  color: #ffffff;
}

/* Card Headers */
[data-theme="dark"] .card-header {
  background-color: #2d2d2d;
  border-color: #3a3a3a;
  color: #ffffff;
}

[data-theme="dark"] .card-header h5,
[data-theme="dark"] .card-header .h5 {
  color: #ffffff;
}

/* Buttons in Dark Mode */
[data-theme="dark"] .btn-outline-primary {
  border-color: #0085BD;
  color: #0085BD;
}

[data-theme="dark"] .btn-outline-primary:hover,
[data-theme="dark"] .btn-outline-primary:focus {
  background-color: #0085BD;
  border-color: #0085BD;
  color: #ffffff;
}

[data-theme="dark"] .btn-outline-success {
  border-color: #28a745;
  color: #28a745;
}

[data-theme="dark"] .btn-outline-success:hover {
  background-color: #28a745;
  color: #ffffff;
}

[data-theme="dark"] .btn-outline-danger {
  border-color: #dc3545;
  color: #dc3545;
}

[data-theme="dark"] .btn-outline-danger:hover {
  background-color: #dc3545;
  color: #ffffff;
}

[data-theme="dark"] .btn-outline-secondary {
  border-color: #6c757d;
  color: #ffffff !important;
}

[data-theme="dark"] .btn-outline-secondary:hover {
  background-color: #6c757d;
  color: #ffffff !important;
}

/* Active states */
[data-theme="dark"] .btn-outline-primary.active,
[data-theme="dark"] .btn-outline-warning.active,
[data-theme="dark"] .btn-outline-success.active,
[data-theme="dark"] .btn-outline-danger.active {
  color: #ffffff;
}

/* Nav Links */
[data-theme="dark"] .nav-link {
  color: #e8e8e8;
}

[data-theme="dark"] .nav-link:hover {
  color: #0085BD;
}

[data-theme="dark"] .nav-link.active {
  color: #0085BD;
}

/* Background colors */
[data-theme="dark"] .bg-light {
  background-color: #2d2d2d !important;
  color: #e8e8e8;
}

[data-theme="dark"] .bg-opacity-10 {
  background-color: rgba(0, 133, 189, 0.1) !important;
}

[data-theme="dark"] .footer h4,
[data-theme="dark"] .footer h5 {
  color: #ffffff;
}

[data-theme="dark"] .footer .nav-link {
  color: #e8e8e8;
}

[data-theme="dark"] .footer .nav-link:hover {
  color: #0085BD;
}

/* Breadcrumb */
[data-theme="dark"] .breadcrumb {
  background-color: transparent;
}

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

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

/* Offcanvas */
[data-theme="dark"] .offcanvas {
  background-color: #242424 !important;
  color: #e8e8e8;
}

[data-theme="dark"] .offcanvas-header {
  border-bottom-color: #3a3a3a;
  background-color: #242424;
}

[data-theme="dark"] .offcanvas-header h2,
[data-theme="dark"] .offcanvas-header h3,
[data-theme="dark"] .offcanvas-header h5,
[data-theme="dark"] .offcanvas-header h6 {
  color: #ffffff;
}

[data-theme="dark"] .offcanvas-body {
  background-color: #242424;
  color: #e8e8e8;
}

[data-theme="dark"] .offcanvas-body h3,
[data-theme="dark"] .offcanvas-body h6 {
  color: #ffffff;
}

[data-theme="dark"] .offcanvas-body label {
  color: #e8e8e8;
}

[data-theme="dark"] .offcanvas-body .fs-sm {
  color: #e8e8e8;
}

/* Offcanvas Close Button */
[data-theme="dark"] .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%);
  opacity: 0.8;
}

[data-theme="dark"] .btn-close:hover {
  opacity: 1;
}

/* Offcanvas Select Options */
[data-theme="dark"] .offcanvas select option {
  background-color: #2d2d2d;
  color: #e8e8e8;
}

/* Simplebar Scrollbar in Offcanvas */
[data-theme="dark"] .offcanvas .simplebar-scrollbar::before {
  background-color: #3a3a3a;
}

[data-theme="dark"] .offcanvas .simplebar-track {
  background-color: #2d2d2d;
}

[data-theme="dark"] .offcanvas .simplebar-scrollbar {
  background-color: #0085BD;
}

/* Offcanvas Overflow Areas */
[data-theme="dark"] .offcanvas .overflow-auto {
  background-color: transparent;
}

/* Offcanvas Border Top */
[data-theme="dark"] .offcanvas .border-top {
  border-color: #3a3a3a !important;
}

/* Offcanvas Text Muted */
[data-theme="dark"] .offcanvas .text-muted {
  color: #b0b0b0 !important;
}

/* Nav Tabs */
[data-theme="dark"] .nav-tabs {
  border-bottom-color: #3a3a3a;
}

[data-theme="dark"] .nav-tabs .nav-link {
  color: #0085BD;
  border-color: transparent;
}

[data-theme="dark"] .nav-tabs .nav-link:hover {
  border-color: #3a3a3a;
  color: #ffffff;
}

[data-theme="dark"] .nav-tabs .nav-link.active {
  background-color: #2d2d2d;
  border-color: #3a3a3a #3a3a3a #2d2d2d;
  color: #0085BD;
}

/* Pagination */
[data-theme="dark"] .page-link {
  background-color: #2d2d2d;
  border-color: #3a3a3a;
  color: #e8e8e8;
}

[data-theme="dark"] .page-link:hover {
  background-color: #3a3a3a;
  border-color: #4a4a4a;
  color: #ffffff;
}

[data-theme="dark"] .page-item.active .page-link {
  background-color: #0085BD;
  border-color: #0085BD;
  color: #ffffff;
}

/* Borders */
[data-theme="dark"] .border-top,
[data-theme="dark"] .border-bottom,
[data-theme="dark"] .border-end-lg,
[data-theme="dark"] .border-start {
  border-color: #3a3a3a !important;
}

/* Shadows */
[data-theme="dark"] .shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.6) !important;
}

/* Background Colors */
[data-theme="dark"] .bg-secondary {
  background-color: #2d2d2d !important;
}

[data-theme="dark"] .bg-dark {
  background-color: #242424 !important;
}

[data-theme="dark"] .bg-info {
  background-color: #3c76f2 !important;
}

[data-theme="dark"] .bg-success {
  background-color: #07c98b !important;
}

[data-theme="dark"] .bg-danger {
  background-color: #f23c49 !important;
}

/* HR */
[data-theme="dark"] hr {
  border-color: #3a3a3a;
  opacity: 1;
}

/* Checkboxes and Radio Buttons */
[data-theme="dark"] .form-check-input {
  background-color: #2d2d2d;
  border-color: #3a3a3a;
}

[data-theme="dark"] .form-check-input:checked {
  background-color: #0085BD;
  border-color: #0085BD;
}

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

/* Dropdown */
[data-theme="dark"] .dropdown-menu {
  background-color: #2d2d2d;
  border-color: #3a3a3a;
}

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

[data-theme="dark"] .dropdown-item:hover,
[data-theme="dark"] .dropdown-item:focus {
  background-color: #3a3a3a;
  color: #ffffff;
}

[data-theme="dark"] .dropdown-divider {
  border-color: #3a3a3a;
}

/* Links */
[data-theme="dark"] a {
  color: #0085BD;
}

[data-theme="dark"] a:hover {
  color: #00a0d6;
}

[data-theme="dark"] .nav-link {
  color: #e8e8e8;
}

[data-theme="dark"] .nav-link:hover {
  color: #0085BD;
}

/* Badges */
[data-theme="dark"] .badge {
  color: #ffffff;
}

/* Icons */
[data-theme="dark"] i {
  color: inherit;
}

/* Map Popup */
[data-theme="dark"] .map-popup {
  background-color: #2d2d2d;
}

/* Manager Dashboard */
[data-theme="dark"] .manager-sidebar {
  background-color: #242424 !important;
  border-left-color: #3a3a3a;
}

[data-theme="dark"] .manager-sidebar .nav-link {
  color: #e8e8e8;
}

[data-theme="dark"] .manager-sidebar .nav-link:hover,
[data-theme="dark"] .manager-sidebar .nav-link.active {
  background-color: #2d2d2d;
  color: #0085BD;
}

/* Card Nav Links - Dark Mode */
[data-theme="dark"] .card-nav-link {
  border-top-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .card-nav-link:first-child {
  border-top: none !important;
}

[data-theme="dark"] .manager-content {
  background-color: #242424;
  color: #e8e8e8;
}

[data-theme="dark"] .stat-card {
  background-color: #2d2d2d !important;
  border-color: #3a3a3a;
}

[data-theme="dark"] .stat-card .text-muted {
  color: #b0b0b0 !important;
}

[data-theme="dark"] .table {
  color: #e8e8e8;
}

[data-theme="dark"] .table thead th {
  border-bottom-color: #3a3a3a;
  color: #ffffff;
}

[data-theme="dark"] .table tbody tr {
  border-color: #3a3a3a;
}

[data-theme="dark"] .table tbody tr:hover {
  background-color: #2d2d2d;
}

[data-theme="dark"] .list-group-item {
  background-color: #2d2d2d;
  border-color: #3a3a3a;
  color: #e8e8e8;
}

[data-theme="dark"] .dropdown-menu {
  background-color: #2d2d2d;
  border-color: #3a3a3a;
}

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