/**
 * Admin dark theme — toggled via html[data-admin-theme="dark"] (session: admin_theme).
 * Loaded after style.css; only overrides when dark is active.
 * Base --theme-color is set in style.css :root and overridden per request in include/admin-brand-vars.blade.php.
 */

html[data-admin-theme="dark"] {
  color-scheme: dark;
}

html[data-admin-theme="dark"] body {
  background-color: #121212 !important;
  color: #e8eaed;
}

html[data-admin-theme="dark"] .loader-bg {
  background: #121212;
}

html[data-admin-theme="dark"] .navbar-bg {
  background-color: #1e1e1e !important;
  border-bottom-color: #2d2d2d !important;
}

html[data-admin-theme="dark"] .navbar {
  background-color: #1e1e1e !important;
  color: #e8eaed;
}

html[data-admin-theme="dark"] .navbar .nav-link,
html[data-admin-theme="dark"] .navbar .nav-link i,
html[data-admin-theme="dark"] .navbar .nav-link svg {
  color: #e8eaed !important;
  stroke: #e8eaed !important;
}

html[data-admin-theme="dark"] .profile-btn {
  background: #2d333b !important;
}

html[data-admin-theme="dark"] .dropdown-menu {
  background-color: #252525 !important;
  border-color: #3d3d3d !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}

html[data-admin-theme="dark"] .dropdown-item {
  color: #e8eaed !important;
}

html[data-admin-theme="dark"] .dropdown-item:hover,
html[data-admin-theme="dark"] .dropdown-item:focus {
  background-color: #333 !important;
  color: #fff !important;
}

html[data-admin-theme="dark"] .dropdown-item.active {
  background-color: var(--theme-color) !important;
  color: #fff !important;
}

html[data-admin-theme="dark"] .dropdown-header {
  color: #9aa0a6 !important;
}

html[data-admin-theme="dark"] .dropdown-divider {
  border-top-color: #3d3d3d !important;
}

html[data-admin-theme="dark"] .main-sidebar {
  background-color: #1a1d21 !important;
  border-right-color: #2d333b !important;
  color: #e8eaed;
}

html[data-admin-theme="dark"] .sidebar-mini .main-sidebar:after {
  background-color: #1a1d21 !important;
}

html[data-admin-theme="dark"] .main-sidebar .sidebar-menu li a {
  color: #c4c9d1 !important;
}

html[data-admin-theme="dark"] .sideBarli.activeLi svg,
html[data-admin-theme="dark"] .main-sidebar .sidebar-menu li a .feather {
  stroke: currentColor !important;
}

html[data-admin-theme="dark"] .main-sidebar .sidebar-menu li a .sidebar-nav-icon--driver {
  filter: brightness(0) invert(0.82) !important;
}

html[data-admin-theme="dark"] .sidebar-menu li a:hover .sidebar-nav-icon--driver,
html[data-admin-theme="dark"] .activeLi a .sidebar-nav-icon--driver {
  filter: brightness(0) invert(1) !important;
}

html[data-admin-theme="dark"] .main-sidebar .sidebar-menu li.active a {
  background-color: #252a30 !important;
}

html[data-admin-theme="dark"] .main-sidebar .sidebar-menu li ul.dropdown-menu li a {
  color: #9aa0a6 !important;
}

html[data-admin-theme="dark"] .sidebar-brand .logo {
  background: transparent;
}

html[data-admin-theme="dark"] .main-content {
  color: #e8eaed;
}

html[data-admin-theme="dark"] .section .section-header {
  border-top-color: #2d333b !important;
}

html[data-admin-theme="dark"] .card {
  background-color: #1e1e1e !important;
  border-color: #2d333b !important;
  color: #e8eaed;
}

html[data-admin-theme="dark"] .card .card-header {
  background-color: #252525 !important;
  border-bottom-color: #2d333b !important;
  color: #e8eaed;
}

html[data-admin-theme="dark"] .card .card-header h4,
html[data-admin-theme="dark"] .card .card-header .fw-semibold {
  color: #e8eaed !important;
}

html[data-admin-theme="dark"] .text-muted {
  color: #9aa0a6 !important;
}

html[data-admin-theme="dark"] .table {
  color: #e8eaed;
  --bs-table-bg: transparent;
  --bs-table-striped-bg: rgba(255, 255, 255, 0.04);
  --bs-table-hover-bg: rgba(255, 255, 255, 0.06);
  border-color: #2d333b;
}

html[data-admin-theme="dark"] .table thead th,
html[data-admin-theme="dark"] table.dataTable > thead > tr > th {
  background-color: var(--theme-color) !important;
  color: #fff !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
  font-weight: 600;
}

html[data-admin-theme="dark"] .table thead th .text-muted {
  color: rgba(255, 255, 255, 0.82) !important;
}

html[data-admin-theme="dark"] .table thead th .text-muted svg,
html[data-admin-theme="dark"] .table thead th svg,
html[data-admin-theme="dark"] table.dataTable > thead > tr > th svg {
  stroke: rgba(255, 255, 255, 0.88) !important;
}

html[data-admin-theme="dark"] .rides-table-scroll table.dataTable > thead > tr > th {
  background-color: var(--theme-color) !important;
  color: #fff !important;
  border-bottom-color: rgba(255, 255, 255, 0.2) !important;
}

html[data-admin-theme="dark"] .table td,
html[data-admin-theme="dark"] .table tbody th {
  border-color: #2d333b;
  color: #e8eaed;
}

/* Table body: chips, links, and rider/driver pills (rides + other DataTables) */
html[data-admin-theme="dark"] .table tbody .id_badge,
html[data-admin-theme="dark"] table.dataTable tbody .id_badge {
  color: #eaf1ff !important;
  background-color: rgba(1, 158, 140, 0.42) !important;
  border: 1px solid rgba(94, 234, 212, 0.38);
}

html[data-admin-theme="dark"] .table tbody a.id_badge:hover,
html[data-admin-theme="dark"] table.dataTable tbody a.id_badge:hover {
  color: #fff !important;
  background-color: rgba(1, 158, 140, 0.62) !important;
}

html[data-admin-theme="dark"] .table tbody .id_badge.green_badge,
html[data-admin-theme="dark"] table.dataTable tbody .id_badge.green_badge {
  color: #b6f5c8 !important;
  background-color: rgba(84, 202, 104, 0.22) !important;
  border-color: rgba(84, 202, 104, 0.4);
}

html[data-admin-theme="dark"] .table tbody .id_badge.red_badge,
html[data-admin-theme="dark"] table.dataTable tbody .id_badge.red_badge {
  color: #ffb3b8 !important;
  background-color: rgba(220, 53, 69, 0.22) !important;
  border-color: rgba(220, 53, 69, 0.4);
}

html[data-admin-theme="dark"] .table tbody .id_badge.orange_badge,
html[data-admin-theme="dark"] table.dataTable tbody .id_badge.orange_badge {
  color: #ffd4a8 !important;
  background-color: rgba(255, 114, 35, 0.2) !important;
  border-color: rgba(255, 114, 35, 0.4);
}

html[data-admin-theme="dark"] .table tbody .rides-mini-user.bg-light,
html[data-admin-theme="dark"] .table tbody a.table-user.bg-light,
html[data-admin-theme="dark"] table.dataTable tbody .rides-mini-user.bg-light,
html[data-admin-theme="dark"] table.dataTable tbody a.table-user.bg-light {
  background-color: #2a3140 !important;
  border-color: #3d4d66 !important;
}

html[data-admin-theme="dark"] .table tbody .rides-mini-user .text-secondary,
html[data-admin-theme="dark"] .table tbody a.table-user .text-secondary,
html[data-admin-theme="dark"] .table tbody .rides-mini-user__name,
html[data-admin-theme="dark"] table.dataTable tbody .rides-mini-user .text-secondary,
html[data-admin-theme="dark"] table.dataTable tbody a.table-user .text-secondary,
html[data-admin-theme="dark"] table.dataTable tbody .rides-mini-user__name {
  color: #e8eaed !important;
}

html[data-admin-theme="dark"] .table tbody a.table-user .text-body,
html[data-admin-theme="dark"] table.dataTable tbody a.table-user .text-body {
  color: #e8eaed !important;
}

html[data-admin-theme="dark"] .table tbody td a:not(.btn):not(.theme-btn):not(.id_badge):not(.rides-mini-user),
html[data-admin-theme="dark"] table.dataTable tbody td a:not(.btn):not(.theme-btn):not(.id_badge):not(.rides-mini-user) {
  color: #5eead4 !important;
}

html[data-admin-theme="dark"] .table tbody .rides-mini-date__time,
html[data-admin-theme="dark"] table.dataTable tbody .rides-mini-date__time {
  color: #f0f3f8 !important;
}

html[data-admin-theme="dark"] .table tbody .rides-mini-date .text-muted,
html[data-admin-theme="dark"] .table tbody .rides-mini-date__day,
html[data-admin-theme="dark"] table.dataTable tbody .rides-mini-date .text-muted,
html[data-admin-theme="dark"] table.dataTable tbody .rides-mini-date__day {
  color: rgba(255, 255, 255, 0.72) !important;
}

html[data-admin-theme="dark"] .table tbody .text-muted,
html[data-admin-theme="dark"] table.dataTable tbody .text-muted {
  color: rgba(232, 234, 237, 0.75) !important;
}

html[data-admin-theme="dark"] .table tbody .table-links,
html[data-admin-theme="dark"] .table tbody .table-links a {
  color: #9aa7ff !important;
  opacity: 1;
}

html[data-admin-theme="dark"] .form-control,
html[data-admin-theme="dark"] .form-select {
  background-color: #252525 !important;
  border-color: #3d3d3d !important;
  color: #e8eaed !important;
}

html[data-admin-theme="dark"] .form-control:focus,
html[data-admin-theme="dark"] .form-select:focus {
  background-color: #2a2a2a !important;
  border-color: var(--theme-color) !important;
  color: #fff !important;
}

html[data-admin-theme="dark"] .form-label {
  color: #c4c9d1;
}

html[data-admin-theme="dark"] .input-group-text {
  background-color: #2d333b !important;
  border-color: #3d3d3d !important;
  color: #e8eaed;
}

html[data-admin-theme="dark"] .modal-content {
  background-color: #1e1e1e !important;
  border-color: #2d333b !important;
  color: #e8eaed;
}

html[data-admin-theme="dark"] .modal-header,
html[data-admin-theme="dark"] .modal-footer {
  border-color: #2d333b !important;
}

html[data-admin-theme="dark"] .btn-light,
html[data-admin-theme="dark"] .btn-outline-secondary {
  background-color: #2d333b !important;
  border-color: #3d3d3d !important;
  color: #e8eaed !important;
}

html[data-admin-theme="dark"] .btn-light:hover,
html[data-admin-theme="dark"] .btn-outline-secondary:hover {
  background-color: #3d444d !important;
  color: #fff !important;
}

html[data-admin-theme="dark"] .nav-tabs {
  border-bottom-color: #2d333b !important;
}

html[data-admin-theme="dark"] .nav-tabs .nav-link {
  color: #9aa0a6 !important;
}

html[data-admin-theme="dark"] .nav-tabs .nav-link.active {
  background-color: #1e1e1e !important;
  border-color: #2d333b #2d333b #1e1e1e !important;
  color: #e8eaed !important;
}

html[data-admin-theme="dark"] .list-group-item {
  background-color: #1e1e1e;
  border-color: #2d333b;
  color: #e8eaed;
}

html[data-admin-theme="dark"] .list-group-item-action:hover,
html[data-admin-theme="dark"] .list-group-item-action:focus {
  background-color: #2a3140 !important;
  color: #fff !important;
}

html[data-admin-theme="dark"] .border,
html[data-admin-theme="dark"] .border-bottom,
html[data-admin-theme="dark"] .border-top {
  border-color: #2d333b !important;
}

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

/* Monitor: map toolbar, no-GPS sidebar, legends (inline styles in monitor.blade.php assume light UI) */
html[data-admin-theme="dark"] .border-end {
  border-right-color: #2d333b !important;
}

html[data-admin-theme="dark"] .monitor-toolbar {
  background-color: #252525 !important;
  border-bottom-color: #2d333b !important;
  color: #e8eaed;
}

html[data-admin-theme="dark"] .monitor-toolbar .text-muted,
html[data-admin-theme="dark"] .monitor-toolbar label .text-muted {
  color: rgba(232, 234, 237, 0.72) !important;
}

html[data-admin-theme="dark"] .monitor-toolbar-driver-filters {
  border-top-color: #2d333b !important;
}

html[data-admin-theme="dark"] #monitor-driver-sidebar {
  background-color: #1a1f28 !important;
  color: #e8eaed;
}

html[data-admin-theme="dark"] #monitor-driver-sidebar .border-bottom {
  border-bottom-color: #2d333b !important;
  background-color: #161b22;
}

html[data-admin-theme="dark"] #monitor-driver-sidebar .badge.bg-secondary {
  background-color: #3d4d66 !important;
  color: #f0f4fc !important;
}

html[data-admin-theme="dark"] .map-legend {
  background: #1e2430 !important;
  color: #e8eaed !important;
  border: 1px solid #2d3a4d;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.55);
}

html[data-admin-theme="dark"] .map-legend .dot-no-loc {
  background: #475569 !important;
  border-color: #94a3b8 !important;
}

html[data-admin-theme="dark"] .map-no-key {
  color: #b8c0cc !important;
}

html[data-admin-theme="dark"] .map-no-key a {
  color: #5eead4 !important;
}

html[data-admin-theme="dark"] #drivers-map {
  background-color: #0f1419;
}

html[data-admin-theme="dark"] .monitor-toolbar .btn-check:checked + .btn-outline-secondary {
  background-color: var(--theme-color) !important;
  border-color: #0f766e !important;
  color: #fff !important;
}

html[data-admin-theme="dark"] .monitor-toolbar .form-check-input {
  background-color: #2d333b;
  border-color: #566273;
}

html[data-admin-theme="dark"] .monitor-toolbar .form-check-input:checked {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}

html[data-admin-theme="dark"] .monitor-toolbar .form-check-label.text-muted {
  color: rgba(232, 234, 237, 0.78) !important;
}

/* Map info window + monitor actions */
html[data-admin-theme="dark"] .btn-outline-primary {
  color: #5eead4 !important;
  border-color: rgba(94, 234, 212, 0.55) !important;
}

html[data-admin-theme="dark"] .btn-outline-primary:hover {
  background-color: rgba(1, 158, 140, 0.35) !important;
  color: #fff !important;
}

html[data-admin-theme="dark"] .btn-info {
  background-color: #0d5c6e !important;
  border-color: #0a4a59 !important;
  color: #fff !important;
}

html[data-admin-theme="dark"] .btn-info:hover {
  background-color: #0e6f82 !important;
  color: #fff !important;
}

html[data-admin-theme="dark"] .dataTables_wrapper,
html[data-admin-theme="dark"] .dataTables_wrapper .dataTables_length,
html[data-admin-theme="dark"] .dataTables_wrapper .dataTables_filter,
html[data-admin-theme="dark"] .dataTables_wrapper .dataTables_info,
html[data-admin-theme="dark"] .dataTables_wrapper .dataTables_processing {
  color: #c4c9d1 !important;
}

html[data-admin-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button {
  color: #e8eaed !important;
}

html[data-admin-theme="dark"] .page-link {
  background-color: #252525 !important;
  border-color: #3d3d3d !important;
  color: #e8eaed !important;
}

html[data-admin-theme="dark"] .page-item.active .page-link {
  background-color: var(--theme-color) !important;
  border-color: var(--theme-color) !important;
}

html[data-admin-theme="dark"] .select2-container--default .select2-selection--single {
  background-color: #252525 !important;
  border-color: #3d3d3d !important;
  color: #e8eaed;
}

html[data-admin-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #e8eaed !important;
}

html[data-admin-theme="dark"] .select2-dropdown {
  background-color: #252525 !important;
  border-color: #3d3d3d !important;
}

html[data-admin-theme="dark"] .select2-results__option {
  background-color: #252525;
  color: #e8eaed;
}

html[data-admin-theme="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--theme-color) !important;
}

html[data-admin-theme="dark"] .ql-toolbar.ql-snow,
html[data-admin-theme="dark"] .ql-container.ql-snow {
  background-color: #252525 !important;
  border-color: #3d3d3d !important;
  color: #e8eaed;
}

html[data-admin-theme="dark"] .ql-editor {
  color: #e8eaed;
}

/* Login + minimal pages (Bootstrap only) */
html[data-admin-theme="dark"] .login-page {
  background-color: #121212 !important;
}

html[data-admin-theme="dark"] .login-box h3 {
  color: #e8eaed !important;
}

html[data-admin-theme="dark"] .login-card {
  background-color: #1e1e1e !important;
  border-color: #2d333b !important;
}

html[data-admin-theme="dark"] .login-card .card-header {
  background-color: #252525 !important;
  border-bottom-color: #2d333b !important;
  color: #e8eaed !important;
}

html[data-admin-theme="dark"] .password-icon-login i {
  color: #9aa0a6 !important;
}

/* Cars admin (/cars) — Brand / Type tabs, Add Brand / Add Type forms, modals */
html[data-admin-theme="dark"] nav.card-tab .nav-tabs {
  border-color: var(--theme-color) !important;
}

html[data-admin-theme="dark"] nav.card-tab .nav-tabs .nav-link {
  color: #c4c9d1 !important;
}

html[data-admin-theme="dark"] nav.card-tab .nav-tabs .nav-link:hover {
  background-color: color-mix(in srgb, var(--theme-color) 32%, #252525) !important;
  color: #fff !important;
}

html[data-admin-theme="dark"] nav.card-tab .nav-tabs .nav-link.active {
  background-color: var(--theme-color) !important;
  color: #fff !important;
  border-color: transparent !important;
}

html[data-admin-theme="dark"] .cars-admin-page .car-type-locale-tabs .nav-link,
html[data-admin-theme="dark"] .modal .car-type-locale-tabs .nav-link {
  color: #9aa0a6 !important;
}

html[data-admin-theme="dark"] .cars-admin-page .car-type-locale-tabs .nav-link.active,
html[data-admin-theme="dark"] .modal .car-type-locale-tabs .nav-link.active {
  background-color: var(--theme-color) !important;
  color: #fff !important;
  border-color: #2d333b #2d333b var(--theme-color) !important;
}

html[data-admin-theme="dark"] .cars-admin-page .tab-content.border.rounded-bottom.bg-white,
html[data-admin-theme="dark"] .modal .tab-content.border.rounded-bottom.bg-white {
  background-color: #252525 !important;
  border-color: #2d333b !important;
}

html[data-admin-theme="dark"] #addBrandLocaleTabContent,
html[data-admin-theme="dark"] #addBrandLocaleTabContent .tab-pane,
html[data-admin-theme="dark"] #addTypeLocaleTabContent,
html[data-admin-theme="dark"] #addTypeLocaleTabContent .tab-pane,
html[data-admin-theme="dark"] #editBrandLocaleTabContent,
html[data-admin-theme="dark"] #editBrandLocaleTabContent .tab-pane,
html[data-admin-theme="dark"] #editTypeLocaleTabContent,
html[data-admin-theme="dark"] #editTypeLocaleTabContent .tab-pane {
  color: #e8eaed !important;
}

html[data-admin-theme="dark"] #addBrandLocaleTabContent .form-label,
html[data-admin-theme="dark"] #addTypeLocaleTabContent .form-label,
html[data-admin-theme="dark"] #editBrandLocaleTabContent .form-label,
html[data-admin-theme="dark"] #editTypeLocaleTabContent .form-label {
  color: #c4c9d1 !important;
}

html[data-admin-theme="dark"] .cars-admin-page #addTypeForm .cars-type-section-title {
  color: #9aa0a6 !important;
}

html[data-admin-theme="dark"] .cars-admin-page #addTypeForm .cars-add-type-preview {
  background: #2d333b !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

html[data-admin-theme="dark"] .cars-admin-page #addTypeForm .cars-add-type-media-tap:hover .cars-add-type-preview--list,
html[data-admin-theme="dark"] .cars-admin-page #addTypeForm .cars-add-type-media-tap-marker:hover .cars-add-type-preview--marker-tap {
  border-color: rgba(255, 255, 255, 0.22) !important;
  background: #343d48 !important;
}

html[data-admin-theme="dark"] .cars-admin-page #addTypeForm .cars-add-type-preview-hint {
  color: #9aa0a6 !important;
}

html[data-admin-theme="dark"] .cars-admin-page #typeTable tbody tr.ui-sortable-helper {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}

html[data-admin-theme="dark"] .cars-admin-page #typeTable .ui-sortable-placeholder td {
  background-color: color-mix(in srgb, var(--theme-color) 22%, #252525) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

/* Reports: filter panels + empty banners (inline styles used #fff / #ebebeb) */
html[data-admin-theme="dark"] .reports-page .reports-driver-summary-filters-toolbar {
  background-color: #252525 !important;
  border-color: #3d3d3d !important;
}

html[data-admin-theme="dark"] .reports-page .alert.alert-light.border {
  background-color: #2a2a2a !important;
  border-color: #3d3d3d !important;
  color: #c4c9d1 !important;
}

html[data-admin-theme="dark"] .reports-page .reports-chart-box .apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-dark,
html[data-admin-theme="dark"] .reports-page .reports-chart-box .apexcharts-tooltip {
  color: #e8eaed;
}

/* Dashboard (/index) — Apex tooltip text in dark mode */
html[data-admin-theme="dark"] .index-dashboard-page .apexcharts-tooltip.apexcharts-theme-dark,
html[data-admin-theme="dark"] .index-dashboard-page .apexcharts-tooltip {
  color: #e8eaed;
}

/* Dashboard (/index) — custom chart legend in a single horizontal row */
.index-dashboard-page .index-chart-legend {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px 20px;
  margin-bottom: 12px;
}

.index-dashboard-page .index-chart-legend-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  line-height: 1.2;
  white-space: nowrap;
  color: #343a40;
}

html[data-admin-theme="dark"] .index-dashboard-page .index-chart-legend-item {
  color: #e8eaed;
}

.index-dashboard-page .index-chart-legend-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  flex-shrink: 0;
}

/* Support chat (/userSupportChat, /driverSupportChat): pills + badges + bubbles outside DataTables */
html[data-admin-theme="dark"] .card a.table-user.bg-light,
html[data-admin-theme="dark"] .card-header a.table-user {
  background-color: #2a3140 !important;
  border-color: #3d4d66 !important;
}

html[data-admin-theme="dark"] .card a.table-user .text-body,
html[data-admin-theme="dark"] .card a.table-user .text-secondary,
html[data-admin-theme="dark"] .card a.table-user p.text-body,
html[data-admin-theme="dark"] .card a.table-user p.text-secondary {
  color: #e8eaed !important;
}

html[data-admin-theme="dark"] .card a.table-user p.mb-0.text-secondary {
  color: rgba(232, 234, 237, 0.78) !important;
}

html[data-admin-theme="dark"] .card a.table-user.rides-mini-user.bg-light {
  background-color: #2a3140 !important;
  border-color: #3d4d66 !important;
}

html[data-admin-theme="dark"] .card a.table-user.rides-mini-user .rides-mini-user__name {
  color: #e8eaed !important;
}

html[data-admin-theme="dark"] .card .id_badge {
  color: #eaf1ff !important;
  background-color: rgba(1, 158, 140, 0.42) !important;
  border: 1px solid rgba(94, 234, 212, 0.38);
}

html[data-admin-theme="dark"] .card .id_badge.green_badge {
  color: #b6f5c8 !important;
  background-color: rgba(84, 202, 104, 0.22) !important;
  border-color: rgba(84, 202, 104, 0.4);
}

html[data-admin-theme="dark"] .card .id_badge.orange_badge {
  color: #ffd4a8 !important;
  background-color: rgba(255, 114, 35, 0.2) !important;
  border-color: rgba(255, 114, 35, 0.4);
}

html[data-admin-theme="dark"] .card .id_badge.red_badge {
  color: #ffb3b8 !important;
  background-color: rgba(220, 53, 69, 0.22) !important;
  border-color: rgba(220, 53, 69, 0.4);
}

html[data-admin-theme="dark"] .chat-bubble {
  background: #2d333b !important;
  color: #e8eaed !important;
}

html[data-admin-theme="dark"] .chat-right .chat-bubble {
  background: color-mix(in srgb, var(--theme-color) 52%, #252525) !important;
  color: #fff !important;
}

html[data-admin-theme="dark"] .chat-time {
  color: #9aa0a6 !important;
}

html[data-admin-theme="dark"] .chat-portion .btn-secondary {
  background-color: #3d444d !important;
  border-color: #566273 !important;
  color: #e8eaed !important;
}

html[data-admin-theme="dark"] .chat-portion .btn-secondary:hover {
  background-color: #4a5568 !important;
  color: #fff !important;
}

html[data-admin-theme="dark"] .card hr {
  border-top-color: #2d333b !important;
  opacity: 1;
}

/* Admin — status callouts (ride details, driver details, etc.) */
html[data-admin-theme="dark"] .admin-status-callout__text,
html[data-admin-theme="dark"] .ride-details-status-callout__text {
  color: #e8eaed !important;
}

html[data-admin-theme="dark"] .admin-status-callout--cancelled,
html[data-admin-theme="dark"] .ride-details-status-callout--cancelled {
  border-color: color-mix(in srgb, var(--admin-danger) 38%, #2d333b) !important;
  border-left-color: var(--admin-danger) !important;
  background-color: color-mix(in srgb, var(--admin-danger) 16%, #252525) !important;
}

html[data-admin-theme="dark"] .admin-status-callout--cancelled .admin-status-callout__label,
html[data-admin-theme="dark"] .ride-details-status-callout--cancelled .ride-details-status-callout__label {
  color: #ff9a94 !important;
}

html[data-admin-theme="dark"] .admin-status-callout--warning,
html[data-admin-theme="dark"] .ride-details-status-callout--warning {
  border-color: color-mix(in srgb, var(--admin-warning) 36%, #2d333b) !important;
  border-left-color: var(--admin-warning) !important;
  background-color: color-mix(in srgb, var(--admin-warning) 14%, #252525) !important;
}

html[data-admin-theme="dark"] .admin-status-callout--warning .admin-status-callout__label,
html[data-admin-theme="dark"] .ride-details-status-callout--warning .ride-details-status-callout__label {
  color: #f6ce66 !important;
}

html[data-admin-theme="dark"] .admin-status-callout--timed-out,
html[data-admin-theme="dark"] .ride-details-status-callout--timed-out {
  border-color: color-mix(in srgb, #9aa0a6 32%, #2d333b) !important;
  border-left-color: #9aa0a6 !important;
  background-color: color-mix(in srgb, #9aa0a6 14%, #252525) !important;
}

html[data-admin-theme="dark"] .admin-status-callout--timed-out .admin-status-callout__label,
html[data-admin-theme="dark"] .ride-details-status-callout--timed-out .ride-details-status-callout__label {
  color: #c4c9d1 !important;
}

/* Driver details admin page */
html[data-admin-theme="dark"] .driver-details-admin-page .title_text {
  color: #e8eaed !important;
}

html[data-admin-theme="dark"] .driver-details-admin-page .document_tab_sub h6 {
  color: #9aa0a6 !important;
}

html[data-admin-theme="dark"] .driver-details-admin-page .driver-wallet-filters-toolbar {
  background-color: #252525 !important;
  border-color: #2d333b !important;
}

html[data-admin-theme="dark"] .card-body .rides-filters-toolbar {
  background-color: #252525 !important;
  border-color: #2d333b !important;
}

html[data-admin-theme="dark"] .driver-details-admin-page .card-header.bg-white {
  background-color: #252525 !important;
  border-bottom-color: #2d333b !important;
}

html[data-admin-theme="dark"] .admin-wallet-balance-panel__label {
  color: #9aa0a6 !important;
}

html[data-admin-theme="dark"] .admin-wallet-balance-panel__amount {
  color: #e8eaed !important;
}

html[data-admin-theme="dark"] .admin-wallet-balance-panel__amount .money-display__amount {
  color: color-mix(in srgb, var(--theme-color) 55%, #fff) !important;
}

/* Ride details — Payment Summary + Other Details (style.css uses #fff / #ebebeb on .rating-ul) */
html[data-admin-theme="dark"] .ride-details-rating-panel .rating-section ul.rating-ul {
  background-color: #252525 !important;
  border-color: #2d333b !important;
}

html[data-admin-theme="dark"] .ride-details-rating-panel .rating-section .form-group label {
  color: #e8eaed !important;
}

html[data-admin-theme="dark"] .ride-details-rating-panel ul.rating-ul li.rating-li {
  border-bottom-color: #2d333b !important;
  color: #e8eaed;
}

html[data-admin-theme="dark"] .ride-details-rating-panel ul.rating-ul li.rating-li p,
html[data-admin-theme="dark"] .ride-details-rating-panel ul.rating-ul li.rating-li span,
html[data-admin-theme="dark"] .ride-details-rating-panel ul.rating-ul li.rating-li .money-display,
html[data-admin-theme="dark"] .ride-details-rating-panel ul.rating-ul li.rating-li .money-display__currency,
html[data-admin-theme="dark"] .ride-details-rating-panel ul.rating-ul li.rating-li .money-display__amount {
  color: #e8eaed !important;
}

html[data-admin-theme="dark"] .ride-details-rating-panel ul.rating-ul li.rating-li .text-muted,
html[data-admin-theme="dark"] .ride-details-rating-panel ul.rating-ul li.rating-li .text-secondary {
  color: #9aa0a6 !important;
}

html[data-admin-theme="dark"] .ride-details-rating-panel > .rating-section > .text-muted,
html[data-admin-theme="dark"] .ride-details-rating-panel .rating-section > .text-muted {
  color: #9aa0a6 !important;
}

html[data-admin-theme="dark"] .ride-details-rating-panel ul.rating-ul li.rating-li--total {
  background-color: color-mix(in srgb, var(--theme-color) 24%, #252525) !important;
  color: #fff !important;
}

html[data-admin-theme="dark"] .ride-details-rating-panel ul.rating-ul li.rating-li--total p,
html[data-admin-theme="dark"] .ride-details-rating-panel ul.rating-ul li.rating-li--total .money-display,
html[data-admin-theme="dark"] .ride-details-rating-panel ul.rating-ul li.rating-li--total .money-display__currency {
  color: #e8eaed !important;
}

html[data-admin-theme="dark"] .ride-details-rating-panel ul.rating-ul li.rating-li--total .money-display__amount {
  color: color-mix(in srgb, var(--theme-color) 55%, #fff) !important;
  font-weight: 700;
}

html[data-admin-theme="dark"] .ride-timeline-card .ride-timeline-li--missing .ride-timeline-missing-at {
  color: #fbbf24 !important;
}

html[data-admin-theme="dark"] .ride-timeline-card .rides-mini-date__time {
  color: #f0f3f8 !important;
}

html[data-admin-theme="dark"] .ride-timeline-card .rides-mini-date .text-muted,
html[data-admin-theme="dark"] .ride-timeline-card .rides-mini-date__day {
  color: rgba(255, 255, 255, 0.72) !important;
}