/* ============================================
   TRICHY AMMU TRAVELS — Dark Mode
   Toggle-based dark theme overrides
   ============================================ */

[data-theme="dark"] {
  /* Background */
  --bg-primary: #0B1121;
  --bg-secondary: #111827;
  --bg-tertiary: #1F2937;
  --bg-card: #111827;
  --bg-card-hover: rgba(255, 255, 255, 0.05);
  --bg-card-alt: #1E293B;
  --bg-surface: #111827;
  --bg-elevated: #1F2937;
  --bg-glass-light: rgba(17, 24, 39, 0.85);

  /* Primary Brand Overrides for Dark Mode */
  --primary-navy: #0A1628;
  --primary-navy-dark: #060E1A;
  --text-primary: #F8FAFC;
  --text-secondary: #94A3B8;
  --text-tertiary: #64748B;
  --text-inverse: #FFFFFF;

  /* Borders */
  --border: rgba(255, 255, 255, 0.1);
  --border-light: rgba(255, 255, 255, 0.08);
  --border-medium: rgba(255, 255, 255, 0.15);
  --border-accent: rgba(232, 163, 23, 0.4);

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.4);
  --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.5);
  --shadow-2xl: 0 25px 50px rgba(0, 0, 0, 0.6);
}

/* Headings in Dark Mode */
[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: var(--text-primary);
}

[data-theme="dark"] .section-title,
[data-theme="dark"] .page-title,
[data-theme="dark"] .card-title {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .section-subtitle,
[data-theme="dark"] .page-subtitle {
  color: var(--text-secondary);
}

/* Cards in dark mode */
[data-theme="dark"] .card {
  background: var(--bg-card);
  border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .card:hover {
  border-color: var(--border-accent);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .card-glass {
  background: var(--bg-card) !important;
  border-color: var(--border-medium) !important;
  color: var(--text-primary);
}

[data-theme="dark"] .quick-fact-card {
  background: var(--bg-card) !important;
  border-color: var(--border-light) !important;
  color: var(--text-primary);
}

/* Tables & Tariff Cards */
[data-theme="dark"] .desktop-tariff-table,
[data-theme="dark"] .desktop-tariff-table table {
  background: var(--bg-card) !important;
  color: var(--text-primary);
}

[data-theme="dark"] .desktop-tariff-table th {
  background: var(--bg-secondary) !important;
  color: #F8FAFC !important;
  border-color: var(--border-medium) !important;
}

[data-theme="dark"] .desktop-tariff-table td {
  border-color: var(--border-light) !important;
  color: var(--text-primary);
}

[data-theme="dark"] .desktop-tariff-table tr:hover {
  background: rgba(255, 255, 255, 0.03) !important;
}

[data-theme="dark"] .tariff-mobile-card {
  background: var(--bg-card) !important;
  border-color: var(--border-medium) !important;
  color: var(--text-primary);
}

[data-theme="dark"] .tariff-mobile-card.highlight {
  background: rgba(232, 163, 23, 0.05) !important;
  border-color: var(--primary-saffron) !important;
}

[data-theme="dark"] .tariff-mobile-card-title {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .tariff-mobile-row-label {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .tariff-mobile-row-val {
  color: var(--text-primary) !important;
}

/* Search widget dark */
[data-theme="dark"] .search-card {
  background: var(--bg-secondary) !important;
  border-color: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .search-tab {
  background: var(--bg-tertiary);
  color: var(--text-secondary);
}

[data-theme="dark"] .search-tab.active {
  background: rgba(232, 163, 23, 0.15);
  color: var(--primary-saffron);
}

[data-theme="dark"] .form-input,
[data-theme="dark"] .form-select,
[data-theme="dark"] .form-textarea {
  background: var(--bg-tertiary);
  border-color: rgba(255, 255, 255, 0.08);
  color: var(--text-primary);
}

[data-theme="dark"] .form-input:focus,
[data-theme="dark"] .form-select:focus,
[data-theme="dark"] .form-textarea:focus {
  border-color: var(--primary-saffron);
  background: var(--bg-secondary);
}

/* Vehicle card dark */
[data-theme="dark"] .vehicle-card {
  background: var(--bg-secondary);
  border-color: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .vehicle-card:hover,
[data-theme="dark"] .vehicle-card.selected {
  border-color: var(--primary-saffron);
  background: rgba(232, 163, 23, 0.05);
}

/* Testimonial & Google Reviews dark */
[data-theme="dark"] .testimonial-card {
  background: var(--bg-secondary);
  border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .testimonial-card.is-google-review {
  border-top-color: #4285F4;
  box-shadow: 0 4px 20px rgba(66, 133, 244, 0.15);
}

[data-theme="dark"] .google-business-card {
  background: linear-gradient(135deg, #132240 0%, #0d1a33 100%);
  border-color: rgba(66, 133, 244, 0.3);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .gb-title,
[data-theme="dark"] .gb-rating-big {
  color: #ffffff;
}

[data-theme="dark"] .gb-google-icon-wrapper {
  background: #1e293b;
  border-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .btn-google-maps {
  color: #e2e8f0 !important;
  border-color: rgba(255, 255, 255, 0.2);
}

[data-theme="dark"] .btn-google-maps:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: #ffffff;
}

[data-theme="dark"] .btn-google-qr {
  background: rgba(232, 163, 23, 0.15);
  color: var(--primary-saffron) !important;
  border-color: rgba(232, 163, 23, 0.35);
}

[data-theme="dark"] .google-float-badge {
  background: rgba(19, 34, 64, 0.92);
  border-color: rgba(66, 133, 244, 0.4);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

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

[data-theme="dark"] .gfb-icon {
  background: #0f172a;
}

[data-theme="dark"] .header-google-pill {
  background: rgba(19, 34, 64, 0.85);
  border-color: rgba(66, 133, 244, 0.4);
  color: #ffffff;
}

[data-theme="dark"] .header-google-pill:hover {
  background: rgba(30, 41, 59, 0.95);
  border-color: #4285F4;
}

[data-theme="dark"] .review-qr-modal {
  background: #132240;
  border-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .qr-code-box {
  background: #ffffff;
}

/* Accordion dark */
[data-theme="dark"] .accordion {
  border-color: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .accordion-item {
  border-color: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .accordion-header {
  color: var(--text-primary);
}

[data-theme="dark"] .accordion-header:hover {
  background: var(--bg-tertiary);
}

/* Modal dark */
[data-theme="dark"] .modal {
  background: var(--bg-secondary);
}

[data-theme="dark"] .modal-header {
  border-color: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .modal-close {
  background: var(--bg-tertiary);
  color: var(--text-secondary);
}

/* Toast dark */
[data-theme="dark"] .toast {
  background: var(--bg-secondary);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

/* Tabs dark */
[data-theme="dark"] .tabs {
  border-color: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .tab {
  color: var(--text-secondary);
}

[data-theme="dark"] .tab.active {
  color: var(--primary-saffron);
}

/* Stepper dark */
[data-theme="dark"] .stepper-number {
  background: var(--bg-tertiary);
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--text-secondary);
}

[data-theme="dark"] .stepper-line {
  background: rgba(255, 255, 255, 0.08);
}

/* Stats section - already dark, no change needed */

/* Button adjustments */
[data-theme="dark"] .btn-ghost {
  color: var(--text-primary);
}

[data-theme="dark"] .btn-ghost:hover {
  background: var(--bg-tertiary);
}

[data-theme="dark"] .btn-outline {
  border-color: var(--primary-saffron);
  color: var(--primary-saffron);
}

/* Footer in dark mode (already dark) */
[data-theme="dark"] .footer {
  background: #060A12;
}

/* Mobile bottom nav dark */
[data-theme="dark"] .mobile-bottom-nav {
  background: var(--bg-secondary);
  border-top-color: rgba(255, 255, 255, 0.06);
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.3);
}

/* Scrollbar dark */
[data-theme="dark"] ::-webkit-scrollbar-track {
  background: var(--bg-secondary);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: var(--neutral-600);
}

/* Tag adjustments */
[data-theme="dark"] .tag-primary {
  background: rgba(232, 163, 23, 0.2);
}

[data-theme="dark"] .tag-success {
  background: rgba(16, 185, 129, 0.2);
}

[data-theme="dark"] .tag-info {
  background: rgba(14, 165, 233, 0.2);
}

/* Checklist */
[data-theme="dark"] .card-footer {
  border-color: rgba(255, 255, 255, 0.06);
}

/* Section alt dark */
[data-theme="dark"] .section-alt {
  background: var(--bg-secondary);
}

/* Section label */
[data-theme="dark"] .section-label {
  background: rgba(232, 163, 23, 0.15);
  border-color: rgba(232, 163, 23, 0.25);
}

/* Card meta */
[data-theme="dark"] .card-meta {
  color: var(--text-tertiary);
}

/* Selection */
[data-theme="dark"] ::selection {
  background: rgba(232, 163, 23, 0.4);
  color: var(--text-inverse);
}

/* Card wishlist */
[data-theme="dark"] .card-wishlist {
  background: rgba(255, 255, 255, 0.1);
  color: var(--neutral-400);
}

/* Page loader dark */
[data-theme="dark"] .page-loader {
  background: #060A12;
}

/* ── Modern Custom Pickers & Dialogs Dark Mode ── */
[data-theme="dark"] .custom-select-trigger,
[data-theme="dark"] .custom-select-dropdown,
[data-theme="dark"] .modern-datepicker-popup,
[data-theme="dark"] .modern-timepicker-popup,
[data-theme="dark"] .app-dialog-card,
[data-theme="dark"] .voucher-body {
  background: var(--bg-secondary);
  border-color: rgba(255, 255, 255, 0.12);
}

[data-theme="dark"] .custom-select-option:hover {
  background: rgba(245, 158, 11, 0.2);
  color: #ffffff;
}

[data-theme="dark"] .custom-select-option.disabled {
  background: transparent !important;
  color: #64748b !important;
}

[data-theme="dark"] .custom-select-option.disabled:hover {
  background: rgba(239, 68, 68, 0.15) !important;
  color: #f87171 !important;
}

[data-theme="dark"] .custom-select-na-badge {
  background: rgba(239, 68, 68, 0.2);
  color: #fca5a5;
}

[data-theme="dark"] .mdp-header,
[data-theme="dark"] .mdp-footer,
[data-theme="dark"] .mtp-footer,
[data-theme="dark"] .mtp-columns-wrap {
  border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .mdp-nav-btn,
[data-theme="dark"] .mtp-col,
[data-theme="dark"] .mtp-ampm-btn,
[data-theme="dark"] .mtp-preset-chip,
[data-theme="dark"] .app-dialog-btn-cancel,
[data-theme="dark"] .voucher-footer {
  background: var(--bg-tertiary);
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--text-primary);
}

[data-theme="dark"] .voucher-header::before,
[data-theme="dark"] .voucher-header::after {
  background: var(--bg-secondary);
}

[data-theme="dark"] .mdp-day:hover:not(.disabled),
[data-theme="dark"] .mtp-item:hover {
  background: rgba(245, 158, 11, 0.25);
  color: #ffffff;
}

/* Telemetry Badges & Breadcrumbs */
[data-theme="dark"] .telemetry-badge {
  background: var(--bg-card) !important;
  border-color: var(--border-medium) !important;
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .breadcrumb {
  color: var(--text-tertiary);
}

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

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

/* Account Portal in Dark Mode */
[data-theme="dark"] .account-card,
[data-theme="dark"] .account-nav,
[data-theme="dark"] .account-section,
[data-theme="dark"] .booking-card {
  background: var(--bg-card) !important;
  border-color: var(--border-light) !important;
  color: var(--text-primary);
}

[data-theme="dark"] .praise-chip {
  background: var(--bg-tertiary);
  border-color: var(--border-medium);
  color: var(--text-secondary);
}

[data-theme="dark"] .breakdown-box,
[data-theme="dark"] .transparent-fare-breakdown {
  background: var(--bg-secondary) !important;
  border-color: var(--border-medium) !important;
}

[data-theme="dark"] select.form-select option {
  background: var(--bg-secondary);
  color: var(--text-primary);
}



[data-theme="dark"] .city-autocomplete-dropdown {
  background: var(--bg-card) !important;
  border-color: var(--border-medium) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5), 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .city-chips-bar {
  background: var(--bg-secondary) !important;
  border-color: var(--border-light) !important;
}

[data-theme="dark"] .city-cat-chip {
  background: var(--bg-tertiary) !important;
  border-color: var(--border-medium) !important;
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .city-cat-chip.active {
  background: #0284c7 !important;
  border-color: #0284c7 !important;
  color: #ffffff !important;
}

[data-theme="dark"] .city-item-row {
  border-color: var(--border-light) !important;
}

[data-theme="dark"] .city-item-row:hover,
[data-theme="dark"] .city-item-row.highlighted {
  background: rgba(2, 132, 199, 0.18) !important;
}

[data-theme="dark"] .city-item-row [style*="color: #0f172a"] {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .city-item-row [style*="color: #64748b"] {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .city-gps-header {
  background: linear-gradient(135deg, rgba(5, 150, 105, 0.2) 0%, rgba(2, 132, 199, 0.2) 100%) !important;
  border-color: rgba(2, 132, 199, 0.3) !important;
}

[data-theme="dark"] .city-custom-add-banner {
  background: rgba(234, 179, 8, 0.15) !important;
  border-color: rgba(234, 179, 8, 0.3) !important;
}

[data-theme="dark"] .city-custom-add-banner [style*="color: #854d0e"] {
  color: #fef08a !important;
}

[data-theme="dark"] .city-autocomplete-clear-btn {
  background: #334155 !important;
  color: #94a3b8 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .city-autocomplete-clear-btn:hover {
  background: #7f1d1d !important;
  color: #fca5a5 !important;
  border-color: rgba(239, 68, 68, 0.4) !important;
  box-shadow: 0 2px 6px rgba(239, 68, 68, 0.3) !important;
}

[data-theme="dark"] .city-autocomplete-dropdown {
  background: #1e293b !important;
  border-color: #334155 !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5), 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .city-autocomplete-topbar {
  background: #0f172a !important;
  border-color: #334155 !important;
  color: #94a3b8 !important;
}

[data-theme="dark"] .btn-close-autocomplete {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #e2e8f0 !important;
}

[data-theme="dark"] .btn-close-autocomplete:hover {
  background: rgba(239, 68, 68, 0.25) !important;
  color: #fca5a5 !important;
}

[data-theme="dark"] .city-item-row {
  border-color: #334155 !important;
}

[data-theme="dark"] .city-item-row:hover,
[data-theme="dark"] .city-item-row.highlighted {
  background: #334155 !important;
}

[data-theme="dark"] .city-item-row [style*="color: #0f172a"] {
  color: #f8fafc !important;
}

[data-theme="dark"] .city-item-row [style*="color: #64748b"] {
  color: #94a3b8 !important;
}


@media (max-width: 768px) {
  [data-theme="dark"] .google-float-badge,
  [data-theme="dark"] #googleFloatBadge,
  [data-theme="dark"] .header-google-pill {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

/* ══════════════════════════════════════════════════════════════════
   SYSTEMIC DARK THEME HARMONIZATION: MODALS, CHIPS, PASS, INPUTS, TOASTS
   ══════════════════════════════════════════════════════════════════ */

/* Chips across public and customer pages */
[data-theme="dark"] .route-chip,
[data-theme="dark"] .home-airport-chip,
[data-theme="dark"] .praise-chip,
[data-theme="dark"] .route-preset-chip,
[data-theme="dark"] .popular-route-chip,
[data-theme="dark"] .est-tab-btn,
[data-theme="dark"] .cab-service-tab {
  background: var(--bg-card, #111827) !important;
  border-color: var(--border-medium, rgba(255, 255, 255, 0.15)) !important;
  color: var(--text-secondary, #94A3B8) !important;
}

[data-theme="dark"] .route-chip:hover,
[data-theme="dark"] .home-airport-chip:hover,
[data-theme="dark"] .praise-chip:hover,
[data-theme="dark"] .route-preset-chip:hover,
[data-theme="dark"] .est-tab-btn:hover {
  background: rgba(232, 163, 23, 0.15) !important;
  border-color: var(--primary-saffron, #e8a317) !important;
  color: var(--primary-saffron, #e8a317) !important;
}

[data-theme="dark"] .route-chip.active,
[data-theme="dark"] .home-airport-chip.active,
[data-theme="dark"] .praise-chip.active,
[data-theme="dark"] .route-preset-chip.active {
  background: rgba(232, 163, 23, 0.18) !important;
  border-color: var(--primary-saffron, #e8a317) !important;
  color: var(--primary-saffron, #e8a317) !important;
}

/* Customer Account Portal Dark Theme Alert & Toggles */
[data-theme="dark"] #testBookingsAlert,
[data-theme="dark"] .test-bookings-alert-box {
  background: rgba(245, 158, 11, 0.12) !important;
  border-color: rgba(245, 158, 11, 0.3) !important;
}

[data-theme="dark"] .test-bookings-alert-text,
[data-theme="dark"] #testBookingsAlertTitle {
  color: #fef08a !important;
}

[data-theme="dark"] .test-bookings-alert-sub,
[data-theme="dark"] #testBookingsAlertDesc {
  color: #fde68a !important;
}

[data-theme="dark"] .test-bookings-clear-btn {
  color: #fca5a5 !important;
  border-color: rgba(239, 68, 68, 0.4) !important;
}

[data-theme="dark"] #bookingScopeToggle,
[data-theme="dark"] .booking-scope-toggle-wrap {
  background: var(--bg-tertiary, #1f2937) !important;
}

[data-theme="dark"] .scope-btn {
  color: var(--text-secondary, #94a3b8) !important;
}

[data-theme="dark"] .scope-btn.active {
  background: var(--bg-card, #111827) !important;
  color: var(--primary-saffron, #e8a317) !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4) !important;
}

/* Duty Pass / Boarding Pass Screen Dark Theme (Preserves Clean White Print) */
@media screen {
  [data-theme="dark"] .duty-pass-overlay {
    background: rgba(11, 17, 33, 0.85) !important;
  }

  [data-theme="dark"] .duty-pass-sheet {
    background: var(--bg-card, #111827) !important;
    color: var(--text-primary, #f8fafc) !important;
    border: 1px solid var(--border-medium, rgba(255, 255, 255, 0.15)) !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.7) !important;
  }

  [data-theme="dark"] #printableBookingPass {
    color: var(--text-primary, #f8fafc) !important;
  }

  [data-theme="dark"] #printableBookingPass [style*="color: #0f172a"] {
    color: var(--text-primary, #f8fafc) !important;
  }

  [data-theme="dark"] #printableBookingPass [style*="color: #475569"],
  [data-theme="dark"] #printableBookingPass [style*="color: #334155"] {
    color: var(--text-secondary, #94a3b8) !important;
  }

  [data-theme="dark"] #printableBookingPass [style*="color: #64748b"] {
    color: var(--text-tertiary, #64748b) !important;
  }

  [data-theme="dark"] #printableBookingPass [style*="background: #ffffff"],
  [data-theme="dark"] #printableBookingPass [style*="background:#ffffff"] {
    background: var(--bg-secondary, #111827) !important;
    border-color: var(--border-medium, rgba(255, 255, 255, 0.12)) !important;
  }

  [data-theme="dark"] #printableBookingPass [style*="background: #f8fafc"],
  [data-theme="dark"] #printableBookingPass [style*="background:#f8fafc"] {
    background: var(--bg-tertiary, #1f2937) !important;
    border-color: var(--border-medium, rgba(255, 255, 255, 0.12)) !important;
  }

  [data-theme="dark"] #printableBookingPass [style*="background: #f1f5f9"],
  [data-theme="dark"] #printableBookingPass [style*="background:#f1f5f9"] {
    background: var(--bg-card-alt, #1e293b) !important;
  }

  [data-theme="dark"] #printableBookingPass [style*="border-bottom: 2px solid #0f172a"] {
    border-bottom: 2px solid var(--primary-saffron, #e8a317) !important;
  }

  [data-theme="dark"] #printableBookingPass [style*="border: 1.5px solid #0f172a"] {
    border-color: var(--border-medium, rgba(255, 255, 255, 0.15)) !important;
  }

  [data-theme="dark"] #printableBookingPass [style*="background: #0f172a"] {
    background: var(--bg-tertiary, #1f2937) !important;
  }

  [data-theme="dark"] #printableBookingPass table thead tr {
    background: var(--bg-tertiary, #1f2937) !important;
    color: var(--text-primary, #f8fafc) !important;
  }

  [data-theme="dark"] #printableBookingPass table tbody tr {
    border-bottom-color: var(--border-light, rgba(255, 255, 255, 0.08)) !important;
  }
}

/* Universal Form Inputs, Selects, Dropdowns & Popups */
[data-theme="dark"] select.form-select option,
[data-theme="dark"] select option {
  background: #111827 !important;
  color: #f8fafc !important;
}

[data-theme="dark"] .modern-select-trigger,
[data-theme="dark"] .custom-select-trigger {
  background: var(--bg-secondary, #111827) !important;
  border-color: var(--border-medium, rgba(255, 255, 255, 0.15)) !important;
  color: var(--text-primary, #f8fafc) !important;
}

[data-theme="dark"] .modern-select-dropdown,
[data-theme="dark"] .custom-select-dropdown,
[data-theme="dark"] .op-dropdown-menu,
[data-theme="dark"] .table-dropdown-menu {
  background: #111827 !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  color: #f8fafc !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6) !important;
}

[data-theme="dark"] .modern-select-option,
[data-theme="dark"] .custom-select-option,
[data-theme="dark"] .dropdown-item {
  color: #f8fafc !important;
}

[data-theme="dark"] .modern-select-option:hover,
[data-theme="dark"] .custom-select-option:hover,
[data-theme="dark"] .dropdown-item:hover {
  background: rgba(232, 163, 23, 0.15) !important;
  color: #ffffff !important;
}

/* Dialogs, Toasters & Modals */
[data-theme="dark"] .app-dialog-card,
[data-theme="dark"] .swal2-popup,
[data-theme="dark"] .modal-content,
[data-theme="dark"] .driver-modal-sheet {
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #f8fafc !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6) !important;
}

[data-theme="dark"] .toast,
[data-theme="dark"] .admin-toast,
[data-theme="dark"] .driver-toast {
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #f8fafc !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

/* ══════════════════════════════════════════════════════════════
   HOME PAGE LIVE BOOKING WIDGET — DARK THEME
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .search-card {
  background: var(--bg-card) !important;
  border-color: var(--border-medium) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .cab-service-tab,
[data-theme="dark"] .search-tab.cab-service-tab {
  background: #111827 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="dark"] .cab-service-tab .tab-title,
[data-theme="dark"] .search-tab.cab-service-tab .tab-title {
  color: #E2E8F0 !important;
}

[data-theme="dark"] .cab-service-tab .tab-sub,
[data-theme="dark"] .search-tab.cab-service-tab .tab-sub {
  color: #94A3B8 !important;
}

[data-theme="dark"] .cab-service-tab .tab-icon,
[data-theme="dark"] .search-tab.cab-service-tab .tab-icon {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #CBD5E1 !important;
}

[data-theme="dark"] .cab-service-tab:hover,
[data-theme="dark"] .search-tab.cab-service-tab:hover {
  background: rgba(232, 163, 23, 0.08) !important;
  border-color: rgba(232, 163, 23, 0.4) !important;
}

[data-theme="dark"] .cab-service-tab.active,
[data-theme="dark"] .search-tab.cab-service-tab.active,
[data-theme="dark"] .cab-tab.active {
  background: rgba(245, 158, 11, 0.14) !important;
  border-color: #F59E0B !important;
  box-shadow: 0 4px 18px rgba(245, 158, 11, 0.22) !important;
}

[data-theme="dark"] .cab-service-tab.active::after,
[data-theme="dark"] .search-tab.cab-service-tab.active::after,
[data-theme="dark"] .cab-tab.active::after {
  display: none !important;
}

[data-theme="dark"] .cab-service-tab.active .tab-title,
[data-theme="dark"] .search-tab.cab-service-tab.active .tab-title,
[data-theme="dark"] .cab-tab.active .tab-title {
  color: #FFFFFF !important;
  text-shadow: none !important;
}

[data-theme="dark"] .cab-service-tab.active .tab-sub,
[data-theme="dark"] .search-tab.cab-service-tab.active .tab-sub,
[data-theme="dark"] .cab-tab.active .tab-sub {
  color: #FCD34D !important;
  text-shadow: none !important;
}

[data-theme="dark"] .cab-service-tab.active .tab-icon,
[data-theme="dark"] .search-tab.cab-service-tab.active .tab-icon,
[data-theme="dark"] .cab-tab.active .tab-icon {
  background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%) !important;
  color: #FFFFFF !important;
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.3) !important;
  border-radius: 9px !important;
}

[data-theme="dark"] .cab-service-tab.active .tab-icon svg,
[data-theme="dark"] .search-tab.cab-service-tab.active .tab-icon svg,
[data-theme="dark"] .cab-tab.active .tab-icon svg {
  stroke: #FFFFFF !important;
}

[data-theme="dark"] .home-airport-chip,
[data-theme="dark"] .route-chip {
  background: #1F2937 !important;
  color: #E2E8F0 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

[data-theme="dark"] .home-airport-chip:hover,
[data-theme="dark"] .route-chip:hover {
  background: rgba(232, 163, 23, 0.15) !important;
  border-color: var(--primary-saffron) !important;
}

[data-theme="dark"] .airport-dir-switch {
  background: #1F2937 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

[data-theme="dark"] .airport-dir-pill {
  color: #94A3B8 !important;
}

[data-theme="dark"] .airport-dir-pill.active {
  background: var(--primary-saffron) !important;
  color: #0A1628 !important;
}

[data-theme="dark"] .city-swap-btn {
  background: linear-gradient(135deg, #f59e0b 0%, #e8a317 50%, #d97706 100%) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
}

/* Dark Mode: Enhanced Fare Summary Box */
@media (max-width: 480px) {
  [data-theme="dark"] .fare-summary-box {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important;
    border-color: rgba(232, 163, 23, 0.25) !important;
  }
  [data-theme="dark"] .fare-breakup-toggle {
    background: rgba(232, 163, 23, 0.1) !important;
    border-color: rgba(232, 163, 23, 0.25) !important;
    color: var(--primary-saffron) !important;
  }
  [data-theme="dark"] #calcRateMeta {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
}
/* ══════════════════════════════════════════════════════════════
   HOME PAGE CTA & DESTINATIONS BUTTON — DARK THEME
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .btn-explore-destinations {
  color: #FFFFFF !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
}

[data-theme="dark"] .btn-explore-destinations:hover {
  background: var(--primary-saffron) !important;
  color: #0A1628 !important;
  border-color: var(--primary-saffron) !important;
}

/* ══════════════════════════════════════════════════════════════
   NAVBAR DROPDOWN (PACKAGES SUBMENU) — DARK THEME
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .nav-dropdown-menu {
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.6) !important;
}

[data-theme="dark"] .nav-dropdown-item {
  color: #E2E8F0 !important;
}

[data-theme="dark"] .nav-dropdown-item:hover {
  background: rgba(232, 163, 23, 0.15) !important;
  color: var(--primary-saffron) !important;
}

/* ══════════════════════════════════════════════════════════════
   PACKAGES QUICK VIEW BUTTON & MODAL — DARK THEME
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .card-quick-view-btn {
  background: rgba(17, 24, 39, 0.9) !important;
  color: #F8FAFC !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .card-quick-view-btn:hover {
  background: var(--primary-saffron) !important;
  color: #0A1628 !important;
  border-color: var(--primary-saffron) !important;
}

[data-theme="dark"] .quick-view-modal {
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #F8FAFC !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.7) !important;
}

/* ══════════════════════════════════════════════════════════════
   DESTINATIONS CARD BADGES — DARK THEME
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .card-badge {
  color: #0A1628;
}

[data-theme="dark"] .card-badge-teal,
[data-theme="dark"] .card-badge[style*="linear-gradient"],
[data-theme="dark"] .card-badge[style*="rgb"],
[data-theme="dark"] .card-badge[style*="#"] {
  color: #FFFFFF !important;
}

/* ══════════════════════════════════════════════════════════════
   TARIFF CALLOUT CARDS ABOVE FOOTER (BOOK-CAB & FLEET) — DARK THEME
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .tariff-callout-card {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

[data-theme="dark"] .tariff-callout-warning {
  background: rgba(245, 158, 11, 0.1) !important;
  border-color: rgba(245, 158, 11, 0.25) !important;
  border-left: 4px solid #f59e0b !important;
  color: #FCD34D !important;
}
[data-theme="dark"] .tariff-callout-warning strong {
  color: #FBBF24 !important;
}

[data-theme="dark"] .tariff-callout-success {
  background: rgba(16, 185, 129, 0.1) !important;
  border-color: rgba(16, 185, 129, 0.25) !important;
  border-left: 4px solid #10b981 !important;
  color: #A7F3D0 !important;
}
[data-theme="dark"] .tariff-callout-success strong {
  color: #34D399 !important;
}

[data-theme="dark"] .tariff-callout-info {
  background: rgba(2, 132, 199, 0.1) !important;
  border-color: rgba(2, 132, 199, 0.25) !important;
  border-left: 4px solid #38BDF8 !important;
  color: #BAE6FD !important;
}
[data-theme="dark"] .tariff-callout-info strong {
  color: #38BDF8 !important;
}

/* ══════════════════════════════════════════════════════════════
   AUTH PAGE & OTP DIGIT BOXES — DARK THEME
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .auth-card {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-medium) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .digit-box {
  background: #1F2937 !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  color: #FFFFFF !important;
}

[data-theme="dark"] .digit-box:focus {
  background: #111827 !important;
  border-color: var(--primary-saffron) !important;
  box-shadow: 0 0 0 3px rgba(232, 163, 23, 0.3) !important;
}

[data-theme="dark"] .btn-auth-method {
  color: var(--text-secondary);
}

[data-theme="dark"] .btn-auth-method.active {
  background: var(--bg-tertiary) !important;
  color: var(--primary-saffron) !important;
  border: 1px solid rgba(232, 163, 23, 0.4) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

/* ══════════════════════════════════════════════════════════════
   GLOBAL DARK SCROLLBARS & MODAL OVERLAYS
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] {
  scrollbar-color: #334155 #0B1120;
}

[data-theme="dark"] ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

[data-theme="dark"] ::-webkit-scrollbar-track {
  background: #0B1120;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: #334155;
  border-radius: 6px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: #475569;
}

/* Dark Modals & Dialog Overlays */
[data-theme="dark"] .modal-overlay,
[data-theme="dark"] .booking-modal-overlay,
[data-theme="dark"] .notif-drawer-backdrop {
  background: rgba(0, 0, 0, 0.8) !important;
}

[data-theme="dark"] .modal,
[data-theme="dark"] .modal-card,
[data-theme="dark"] .modal-content,
[data-theme="dark"] .invoice-modal-card {
  background: #131C31 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #F8FAFC !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.7) !important;
}

[data-theme="dark"] .account-tab-btn {
  background: rgba(255, 255, 255, 0.05);
  color: #94A3B8;
  border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .account-tab-btn.active {
  background: #F59E0B;
  color: #000000;
  font-weight: 700;
}

/* ══════════════════════════════════════════════════════════════
   DARK THEME AUDIT REMEDIATION (Comprehensive 100% Fix)
   ══════════════════════════════════════════════════════════════ */

/* 1. Global Inline Text Overrides */
[data-theme="dark"] [style*="color: var(--primary-navy)"]:not(.btn-primary):not(.badge-saffron),
[data-theme="dark"] [style*="color:var(--primary-navy)"]:not(.btn-primary):not(.badge-saffron),
[data-theme="dark"] [style*="color: #0A1628"]:not(.btn-primary):not(.badge-saffron),
[data-theme="dark"] [style*="color:#0A1628"]:not(.btn-primary):not(.badge-saffron),
[data-theme="dark"] [style*="color: #0a1628"]:not(.btn-primary):not(.badge-saffron),
[data-theme="dark"] [style*="color:#0a1628"]:not(.btn-primary):not(.badge-saffron) {
  color: var(--text-primary) !important;
}

/* 2. Reviews Section & Floating Controls */
[data-theme="dark"] .review-filter-btn {
  background: var(--bg-tertiary) !important;
  color: var(--text-secondary) !important;
  border: 1px solid var(--border-medium) !important;
}
[data-theme="dark"] .review-filter-btn.active {
  background: var(--primary-saffron) !important;
  color: #0A1628 !important;
  border-color: var(--primary-saffron) !important;
  font-weight: 700 !important;
}
[data-theme="dark"] .back-to-top {
  background: #1E293B !important;
  color: var(--primary-saffron) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.5) !important;
}
[data-theme="dark"] .back-to-top:hover {
  background: var(--primary-saffron) !important;
  color: #0A1628 !important;
}

/* 3. SEO Local Guide & FAQ Section */
[data-theme="dark"] #trichyTravelsGuide {
  background: var(--bg-primary) !important;
  border-color: var(--border-medium) !important;
}
[data-theme="dark"] #trichyTravelsGuide .section-title {
  color: var(--text-primary) !important;
}
[data-theme="dark"] #trichyTravelsGuide .section-subtitle {
  color: var(--text-secondary) !important;
}
[data-theme="dark"] #trichyTravelsGuide .card-glass {
  background: var(--bg-card) !important;
  border-color: var(--border-medium) !important;
}
[data-theme="dark"] #trichyTravelsGuide .card-glass h3 {
  color: var(--text-primary) !important;
}
[data-theme="dark"] #trichyTravelsGuide .card-glass p {
  color: var(--text-secondary) !important;
}
[data-theme="dark"] #trichyTravelsGuide > .container > div:last-child {
  background: var(--bg-card) !important;
  border-color: var(--border-medium) !important;
}
[data-theme="dark"] #trichyTravelsGuide h3 {
  color: var(--text-primary) !important;
}
[data-theme="dark"] #trichyTravelsGuide details {
  background: var(--bg-secondary) !important;
  border-color: var(--border-medium) !important;
}
[data-theme="dark"] #trichyTravelsGuide summary {
  color: var(--text-primary) !important;
}
[data-theme="dark"] #trichyTravelsGuide details p {
  color: var(--text-secondary) !important;
}

/* 4. Fleet Vehicle Selection Cards */
[data-theme="dark"] .cab-vehicle-card-v2 {
  background: var(--bg-card) !important;
  border-color: var(--border-medium) !important;
}
[data-theme="dark"] .cab-vehicle-card-v2 .cab-vehicle-title {
  color: var(--text-primary) !important;
}
[data-theme="dark"] .cab-vehicle-card-v2 [style*="background:#f8fafc"],
[data-theme="dark"] .cab-vehicle-card-v2 [style*="background: #f8fafc"] {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #94a3b8 !important;
}
[data-theme="dark"] .cab-vehicle-card-v2 [style*="background:#fffbeb"],
[data-theme="dark"] .cab-vehicle-card-v2 [style*="background: #fffbeb"] {
  background: rgba(245, 158, 11, 0.12) !important;
  border-color: rgba(245, 158, 11, 0.3) !important;
  color: #fcd34d !important;
}
[data-theme="dark"] .cab-vehicle-card-v2 [style*="background:#eff6ff"],
[data-theme="dark"] .cab-vehicle-card-v2 [style*="background: #eff6ff"] {
  background: rgba(14, 165, 233, 0.12) !important;
  border-color: rgba(14, 165, 233, 0.3) !important;
  color: #7dd3fc !important;
}

/* 5. City Destination Autocomplete Recents */
[data-theme="dark"] .city-recents-bar {
  background: #1e293b !important;
  border-bottom-color: #334155 !important;
}
[data-theme="dark"] .city-recents-bar span {
  color: #94a3b8 !important;
}
[data-theme="dark"] .city-recents-list {
  background: #0f172a !important;
  border-bottom-color: #334155 !important;
}
[data-theme="dark"] .btn-quick-recent {
  background: rgba(16, 185, 129, 0.15) !important;
  border-color: rgba(16, 185, 129, 0.35) !important;
  color: #34d399 !important;
}

/* 6. Booking Wizard Step 2 & Package Continuity Banner */
[data-theme="dark"] #bookingPackageBanner,
[data-theme="dark"] .booking-package-banner-card {
  background: var(--bg-card) !important;
  border-color: var(--border-medium) !important;
}
[data-theme="dark"] #pkgBannerTitle {
  color: var(--text-primary) !important;
}
[data-theme="dark"] #pkgBannerBadge {
  background: rgba(245, 158, 11, 0.15) !important;
  border-color: rgba(245, 158, 11, 0.3) !important;
  color: #fcd34d !important;
}
[data-theme="dark"] #pkgBannerPlaces span {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #f1f5f9 !important;
}
[data-theme="dark"] #pkgBannerInclusions {
  background: rgba(16, 185, 129, 0.12) !important;
  border-color: rgba(16, 185, 129, 0.3) !important;
  color: #34d399 !important;
}
[data-theme="dark"] #bookingDrop[readonly],
[data-theme="dark"] #bookingDrop[disabled],
[data-theme="dark"] #bookingDrop.input-locked {
  background-color: #1e293b !important;
  color: #38bdf8 !important;
}

/* 7. Booking Wizard Step 3 Cost Breakdown & UPI */
[data-theme="dark"] .step3-breakdown-card {
  background: var(--bg-card) !important;
  border-color: var(--border-medium) !important;
}
[data-theme="dark"] .step3-breakdown-header {
  background: #1e293b !important;
  border-bottom-color: #334155 !important;
  color: var(--text-primary) !important;
}
[data-theme="dark"] #breakdownTripTypeBadge {
  background: rgba(14, 165, 233, 0.15) !important;
  color: #38bdf8 !important;
}
[data-theme="dark"] #breakdownDayRent,
[data-theme="dark"] #breakdownBaseFare,
[data-theme="dark"] #breakdownVehicleName,
[data-theme="dark"] #breakdownTolls {
  color: var(--text-primary) !important;
}
[data-theme="dark"] .step3-breakdown-total {
  color: var(--text-primary) !important;
  border-top-color: var(--border-medium) !important;
}
[data-theme="dark"] #summaryRouteTimeline {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #38bdf8 !important;
}
[data-theme="dark"] .upi-qr-container {
  background: #111827 !important;
  border-color: #334155 !important;
}
[data-theme="dark"] .upi-qr-container div[style*="background: #fff"],
[data-theme="dark"] .upi-qr-container div[style*="background:#fff"] {
  background: #1e293b !important;
  border-color: #334155 !important;
}
[data-theme="dark"] .upi-app-pill {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #94a3b8 !important;
}
[data-theme="dark"] .upi-id-pill {
  background: #1e293b !important;
  border-color: #334155 !important;
}
[data-theme="dark"] .upi-trust-strip {
  background: #1e293b !important;
  border-color: #334155 !important;
}
[data-theme="dark"] .upi-trust-header {
  color: #94a3b8 !important;
}
[data-theme="dark"] .upi-trust-pill.refund {
  background: rgba(16, 185, 129, 0.15) !important;
  color: #34d399 !important;
  border-color: rgba(16, 185, 129, 0.3) !important;
}
[data-theme="dark"] .upi-trust-pill.gst {
  background: rgba(59, 130, 246, 0.15) !important;
  color: #60a5fa !important;
  border-color: rgba(59, 130, 246, 0.3) !important;
}

/* 8. Booking Wizard Step 4 Confirmation */
[data-theme="dark"] .conf-ticket-card {
  background: var(--bg-card) !important;
  border-color: var(--border-medium) !important;
}
[data-theme="dark"] .conf-ticket-header {
  background: #1e293b !important;
  border-bottom-color: #334155 !important;
}
[data-theme="dark"] .conf-ticket-brand {
  color: var(--text-primary) !important;
}
[data-theme="dark"] .conf-sla-card {
  background: rgba(16, 185, 129, 0.12) !important;
  border-color: rgba(16, 185, 129, 0.3) !important;
  color: #34d399 !important;
}
[data-theme="dark"] .conf-sla-card strong {
  color: #6ee7b7 !important;
}
[data-theme="dark"] .conf-account-notice {
  background: #1e293b !important;
  border-color: #334155 !important;
}
[data-theme="dark"] .conf-account-title {
  color: var(--text-primary) !important;
}
[data-theme="dark"] .conf-account-desc {
  color: var(--text-secondary) !important;
}
[data-theme="dark"] .btn-conf-duty {
  background: rgba(2, 132, 199, 0.15) !important;
  border-color: rgba(2, 132, 199, 0.35) !important;
  color: #38bdf8 !important;
}
[data-theme="dark"] .btn-conf-gst {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #f1f5f9 !important;
}
[data-theme="dark"] .btn-conf-acc {
  background: rgba(245, 158, 11, 0.15) !important;
  border-color: rgba(245, 158, 11, 0.35) !important;
  color: #fcd34d !important;
}
[data-theme="dark"] .conf-divider-dashed {
  border-top-color: #334155 !important;
}

/* 9. Tariff Estimator Buttons & Global Outlines */
[data-theme="dark"] .est-tab-btn {
  background: var(--bg-tertiary) !important;
  color: var(--text-secondary) !important;
  border-color: var(--border-medium) !important;
}
[data-theme="dark"] .est-tab-btn.active {
  background: var(--primary-saffron) !important;
  color: #0A1628 !important;
  border-color: var(--primary-saffron) !important;
  font-weight: 700 !important;
}
[data-theme="dark"] .btn-outline {
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: var(--text-primary) !important;
  background: transparent !important;
}
[data-theme="dark"] .btn-outline:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
  color: #FFFFFF !important;
}

/* 10. Google Maps & Legal Notice Boxes */
[data-theme="dark"] iframe[src*="google.com/maps"] {
  filter: invert(90%) hue-rotate(180deg) contrast(85%) !important;
  border-radius: var(--radius-xl);
}
[data-theme="dark"] #dynamicTermsNotice {
  background: rgba(37, 99, 235, 0.12) !important;
  border-left-color: #3b82f6 !important;
  color: #93c5fd !important;
}
[data-theme="dark"] #dynamicPrivacyNotice {
  background: rgba(147, 51, 234, 0.12) !important;
  border-left-color: #a855f7 !important;
  color: #d8b4fe !important;
}

/* 11. Customer Account Portal & Modals */
[data-theme="dark"] .ubc-actions-bar .btn,
[data-theme="dark"] .btn-action-bill,
[data-theme="dark"] .btn-action-gst,
[data-theme="dark"] .btn-action-pass,
[data-theme="dark"] .btn-action-chat,
[data-theme="dark"] .btn-action-reschedule,
[data-theme="dark"] .btn-action-cancel,
[data-theme="dark"] .btn-action-rate {
  background: #1e293b !important;
  border: 1px solid #334155 !important;
  color: #f1f5f9 !important;
}
[data-theme="dark"] .btn-action-bill:hover,
[data-theme="dark"] .btn-action-gst:hover {
  background: rgba(14, 165, 233, 0.2) !important;
  border-color: #38bdf8 !important;
  color: #38bdf8 !important;
}
[data-theme="dark"] .btn-action-pass:hover {
  background: rgba(16, 185, 129, 0.2) !important;
  border-color: #34d399 !important;
  color: #34d399 !important;
}
[data-theme="dark"] .btn-action-chat:hover {
  background: rgba(245, 158, 11, 0.2) !important;
  border-color: #fcd34d !important;
  color: #fcd34d !important;
}
[data-theme="dark"] .btn-action-reschedule:hover {
  background: rgba(234, 88, 12, 0.2) !important;
  border-color: #fb923c !important;
  color: #fb923c !important;
}
[data-theme="dark"] .btn-action-cancel:hover {
  background: rgba(239, 68, 68, 0.2) !important;
  border-color: #f87171 !important;
  color: #f87171 !important;
}
[data-theme="dark"] .duty-pass-sheet tr[style*="background: #ecfdf5"],
[data-theme="dark"] .duty-pass-sheet tr[style*="background:#ecfdf5"],
[data-theme="dark"] .voucher-modal-card tr[style*="background: #ecfdf5"],
[data-theme="dark"] .voucher-modal-card tr[style*="background:#ecfdf5"] {
  background: rgba(16, 185, 129, 0.15) !important;
}
[data-theme="dark"] .duty-pass-sheet tr[style*="background: #fffbeb"],
[data-theme="dark"] .duty-pass-sheet tr[style*="background:#fffbeb"],
[data-theme="dark"] .voucher-modal-card tr[style*="background: #fffbeb"],
[data-theme="dark"] .voucher-modal-card tr[style*="background:#fffbeb"] {
  background: rgba(245, 158, 11, 0.15) !important;
}
[data-theme="dark"] .duty-pass-sheet tr[style*="background: #f1f5f9"],
[data-theme="dark"] .duty-pass-sheet tr[style*="background:#f1f5f9"],
[data-theme="dark"] .voucher-modal-card tr[style*="background: #f1f5f9"],
[data-theme="dark"] .voucher-modal-card tr[style*="background:#f1f5f9"] {
  background: #1e293b !important;
}
[data-theme="dark"] .duty-pass-security-strip {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #94a3b8 !important;
}
[data-theme="dark"] .voucher-footer {
  background: #0f172a !important;
  border-top-color: #334155 !important;
}

/* ── Item 1: Back to Top Button Dark Theme ── */
[data-theme="dark"] .back-to-top,
[data-theme="dark"] #backToTop {
  background: #1e293b !important;
  color: #f8fafc !important;
  border: 1.5px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.5) !important;
}
[data-theme="dark"] .back-to-top:hover,
[data-theme="dark"] #backToTop:hover {
  background: var(--primary-saffron, #e8a317) !important;
  color: #0a1628 !important;
  border-color: var(--primary-saffron, #e8a317) !important;
}

/* ── Item 3: Live Dispatch Alerts Notification Center Drawer ── */
[data-theme="dark"] #ammuNotifDrawer,
[data-theme="dark"] .ammu-notif-drawer {
  background: #0f172a !important;
  border-color: #334155 !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6) !important;
  color: #f8fafc !important;
}
[data-theme="dark"] #ammuNotifDrawer div[style*="background: #ffffff"],
[data-theme="dark"] #ammuNotifDrawer div[style*="background: #f8fafc"],
[data-theme="dark"] #ammuNotifDrawer div[style*="background:#ffffff"],
[data-theme="dark"] #ammuNotifDrawer div[style*="background:#f8fafc"],
[data-theme="dark"] .ammu-notif-item {
  background: #1e293b !important;
  border-color: #334155 !important;
}
[data-theme="dark"] #ammuNotifDrawer div[style*="color: #0f172a"],
[data-theme="dark"] #ammuNotifDrawer div[style*="color: #334155"],
[data-theme="dark"] .ammu-notif-item-title {
  color: #f8fafc !important;
}
[data-theme="dark"] #ammuNotifDrawer div[style*="color: #64748b"],
[data-theme="dark"] .ammu-notif-item-msg {
  color: #cbd5e1 !important;
}
[data-theme="dark"] #ammuNotifDrawer div[style*="padding: 11px 16px"],
[data-theme="dark"] .ammu-notif-footer {
  background: #1e293b !important;
  border-top-color: #334155 !important;
}
[data-theme="dark"] #ammuNotifDrawer div[style*="padding: 11px 16px"] button,
[data-theme="dark"] .ammu-notif-footer button {
  background: #0f172a !important;
  border: 1px solid #334155 !important;
  color: #f8fafc !important;
}
[data-theme="dark"] .ammu-notif-perm-banner,
[data-theme="dark"] #ammuNotifDrawer div[style*="background: #fffbeb"] {
  background: rgba(245, 158, 11, 0.15) !important;
  border-bottom-color: rgba(245, 158, 11, 0.3) !important;
  color: #fbbf24 !important;
}

/* ── Item 4: Messaging Hub Dark Theme ── */
[data-theme="dark"] .ammu-chat-hub-modal {
  background: #0f172a !important;
  border: 1px solid #334155 !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.1) !important;
}
[data-theme="dark"] .chat-msg-container {
  background: #0b1120 !important;
}
[data-theme="dark"] .chat-bubble.theirs {
  background: #1e293b !important;
  color: #f8fafc !important;
  border-color: #334155 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
}
[data-theme="dark"] .chat-bubble.theirs.from-admin {
  background: rgba(245, 158, 11, 0.15) !important;
  color: #fef3c7 !important;
  border-left-color: #f59e0b !important;
}
[data-theme="dark"] .chat-bubble.theirs.from-driver {
  border-left-color: #0284c7 !important;
}
[data-theme="dark"] .chat-bubble.theirs.from-customer {
  border-left-color: #10b981 !important;
}
[data-theme="dark"] .chat-quick-carousel-wrapper,
[data-theme="dark"] .chat-quick-bar {
  background: #0f172a !important;
  border-top-color: #1e293b !important;
}
[data-theme="dark"] .chat-quick-arrow {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}
[data-theme="dark"] .chat-quick-arrow:hover {
  background: #0284c7 !important;
  color: #ffffff !important;
}
[data-theme="dark"] .chat-quick-btn {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #cbd5e1 !important;
}
[data-theme="dark"] .chat-quick-btn:hover {
  background: #334155 !important;
  border-color: #475569 !important;
  color: #ffffff !important;
}
[data-theme="dark"] .chat-input-form {
  background: #0f172a !important;
  border-top-color: #1e293b !important;
}
[data-theme="dark"] .chat-text-input {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}
[data-theme="dark"] .chat-text-input:focus {
  border-color: #0d9488 !important;
}
[data-theme="dark"] .chat-text-input::placeholder {
  color: #64748b !important;
}

/* ══════════════════════════════════════════════════════════════
   LIVING EDITORIAL HERO DARK MODE
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] {
  --bg-canvas: #070F1E;
  --bg-canvas-gradient: radial-gradient(ellipse 90% 60% at 50% -10%, rgba(232, 163, 23, 0.28) 0%, transparent 60%),
    radial-gradient(ellipse 70% 55% at 88% 28%, rgba(2, 132, 199, 0.32) 0%, transparent 60%),
    radial-gradient(ellipse 75% 65% at 12% 48%, rgba(99, 102, 241, 0.26) 0%, transparent 60%),
    radial-gradient(ellipse 85% 60% at 55% 95%, rgba(16, 185, 129, 0.22) 0%, transparent 60%),
    linear-gradient(180deg, #070F1E 0%, #0B172E 45%, #050B15 100%);
}

[data-theme="dark"] .hero.le-hero-section {
  background: var(--bg-canvas-gradient) !important;
  background-color: var(--bg-canvas) !important;
}

[data-theme="dark"] .hero-ambient-lights::before {
  background-image: radial-gradient(rgba(255, 255, 255, 0.12) 1.2px, transparent 1.2px) !important;
  opacity: 0.4 !important;
}

[data-theme="dark"] .le-headline {
  color: #F8FAFC !important;
}

[data-theme="dark"] .le-capsule-badge {
  background: rgba(13, 25, 45, 0.82) !important;
  border: 1.5px solid rgba(232, 163, 23, 0.5) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.4), 0 0 20px rgba(232, 163, 23, 0.2) !important;
}

[data-theme="dark"] .le-capsule-text {
  color: #F8FAFC !important;
}

[data-theme="dark"] .le-main-card {
  border: 1.5px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 30px 70px -10px rgba(0, 0, 0, 0.6), 0 0 45px rgba(232, 163, 23, 0.18), 0 0 30px rgba(2, 132, 199, 0.15) !important;
}

[data-theme="dark"] .le-scoop-pocket-tl,
[data-theme="dark"] .le-scoop-pocket-br {
  background: #070F1E !important;
}

[data-theme="dark"] .le-curve-svg-tl-right path,
[data-theme="dark"] .le-curve-svg-tl-bottom path,
[data-theme="dark"] .le-curve-svg-br-top path,
[data-theme="dark"] .le-curve-svg-br-left path {
  fill: #070F1E !important;
}

[data-theme="dark"] .le-avatar {
  border-color: #070F1E !important;
}

[data-theme="dark"] .le-trust-text strong {
  color: #F8FAFC !important;
}

[data-theme="dark"] .c1-side-card {
  background: #131C31 !important;
  border: 1.5px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45) !important;
}

[data-theme="dark"] .c1-side-card:hover {
  box-shadow: 0 20px 45px -8px rgba(0, 0, 0, 0.75) !important;
  border-color: #E8A317 !important;
}

[data-theme="dark"] .c1-side-title {
  color: #F8FAFC !important;
}

[data-theme="dark"] .c1-side-sub {
  color: #94A3B8 !important;
}

[data-theme="dark"] .c1-price-pill {
  background: rgba(232, 163, 23, 0.18) !important;
  color: #F5C96B !important;
  border: 1px solid rgba(232, 163, 23, 0.35) !important;
}

[data-theme="dark"] .le-cta-btn {
  background: linear-gradient(135deg, #1E293B 0%, #0F172A 100%) !important;
  color: #FFFFFF !important;
  border: 1.5px solid rgba(232, 163, 23, 0.7) !important;
  box-shadow: 0 4px 18px rgba(232, 163, 23, 0.25) !important;
}

[data-theme="dark"] .le-cta-btn span {
  color: #FFFFFF !important;
}

[data-theme="dark"] .le-cta-btn .le-cta-arrow {
  background: #E8A317 !important;
  color: #0A1628 !important;
}

[data-theme="dark"] .hero-stats.le-hero-stats .hero-stat-label {
  color: #94A3B8 !important;
}

[data-theme="dark"] .header.header-transparent .header-logo-text {
  color: #FFFFFF !important;
}

[data-theme="dark"] .header.header-transparent .nav-link {
  color: rgba(255, 255, 255, 0.9) !important;
}

[data-theme="dark"] .header.header-transparent .nav-link:hover {
  color: var(--primary-saffron) !important;
  background: rgba(255, 255, 255, 0.12) !important;
}

[data-theme="dark"] .header.header-transparent .header-actions .lang-toggle,
[data-theme="dark"] .header.header-transparent .theme-toggle {
  color: #FFFFFF !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

[data-theme="dark"] .header.header-transparent .mobile-menu-toggle span {
  background: #FFFFFF !important;
}