html[data-theme="dark"] body {
    background-color: #0f172a !important;
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .card {
    background-color: #1e293b !important;
    color: #e2e8f0 !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4) !important;
}

html[data-theme="dark"] .h1,
html[data-theme="dark"] .h2,
html[data-theme="dark"] .h3,
html[data-theme="dark"] .h4,
html[data-theme="dark"] .h5,
html[data-theme="dark"] .h6,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6 {
    color: #f8fafc !important;
}

html[data-theme="dark"] #sidebar {
    background-color: #0f172a !important;
}

html[data-theme="dark"] .sidebar-wrapper {
    background-color: #0f172a !important;
}

html[data-theme="dark"] .sidebar-wrapper .menu .sidebar-item.active .sidebar-link {
    background-color: #1e293b !important;
    color: #09EEC5 !important;
}

html[data-theme="dark"] .sidebar-wrapper .menu .sidebar-item .sidebar-link {
    color: #94a3b8 !important;
}

html[data-theme="dark"] .sidebar-wrapper .menu .sidebar-title {
    color: #64748b !important;
}

html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select {
    background-color: #1e293b !important;
    color: #f8fafc !important;
    border: 1px solid #334155 !important;
}

html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] .form-select:focus {
    background-color: #1e293b !important;
    color: #f8fafc !important;
    border-color: #09EEC5 !important;
    box-shadow: 0 0 0 0.25rem rgba(9, 238, 197, 0.25) !important;
}

html[data-theme="dark"] .table {
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .table-striped>tbody>tr:nth-of-type(odd)>* {
    background-color: rgba(255, 255, 255, 0.02) !important;
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .table> :not(caption)>*>* {
    border-bottom-color: #334155 !important;
}

html[data-theme="dark"] .table td,
html[data-theme="dark"] .table th {
    border-color: #334155 !important;
}

html[data-theme="dark"] header {
    background-color: #0f172a !important;
}

html[data-theme="dark"] .modal-content {
    background-color: #1e293b !important;
    color: #e2e8f0 !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-footer {
    border-color: rgba(255, 255, 255, 0.05) !important;
}

html[data-theme="dark"] .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

html[data-theme="dark"] .dropdown-menu {
    background-color: #1e293b !important;
    border-color: #334155 !important;
}

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

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

html[data-theme="dark"] .page-item .page-link {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .page-item.active .page-link {
    background-color: #09EEC5 !important;
    border-color: #09EEC5 !important;
    color: #000 !important;
}

html[data-theme="dark"] .alert-info {
    background-color: rgba(13, 202, 240, 0.1) !important;
    color: #6edff6 !important;
    border-color: rgba(13, 202, 240, 0.2) !important;
}

html[data-theme="dark"] .alert-warning {
    background-color: rgba(255, 193, 7, 0.1) !important;
    color: #ffda6a !important;
    border-color: rgba(255, 193, 7, 0.2) !important;
}

html[data-theme="dark"] .alert-success {
    background-color: rgba(25, 135, 84, 0.1) !important;
    color: #75b798 !important;
    border-color: rgba(25, 135, 84, 0.2) !important;
}

html[data-theme="dark"] .alert-danger {
    background-color: rgba(220, 53, 69, 0.1) !important;
    color: #ea868f !important;
    border-color: rgba(220, 53, 69, 0.2) !important;
}

/* Fix text colors */
html[data-theme="dark"] .text-muted {
    color: #94a3b8 !important;
}

html[data-theme="dark"] .text-dark {
    color: #f8fafc !important;
}

/* Fix Status Switch (Driver Dashboard) */
html[data-theme="dark"] .status-switch-container {
    background: #1e293b !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] .status-switch-container:hover {
    background: #334155 !important;
}

html[data-theme="dark"] .custom-switch-lg .form-check-label {
    color: #e2e8f0 !important;
}

/* Fix Public Bottom Nav */
html[data-theme="dark"] .bottom-nav {
    background: #0f172a !important;
    border-top: 1px solid #1e293b !important;
    box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.4) !important;
}

html[data-theme="dark"] .bottom-nav .nav-item {
    color: #94a3b8 !important;
}

html[data-theme="dark"] .bottom-nav .nav-item.active {
    color: #09EEC5 !important;
}

html[data-theme="dark"] .bottom-nav .nav-item:hover {
    color: #08D4B3 !important;
}

/* Accordions */
html[data-theme="dark"] .accordion-item {
    background-color: #1e293b !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] .accordion-button {
    background-color: #0f172a !important;
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .accordion-button:not(.collapsed) {
    background-color: #0b0f14 !important;
    color: #09EEC5 !important;
    box-shadow: inset 0 -1px 0 #334155 !important;
}

html[data-theme="dark"] .accordion-button::after {
    filter: invert(1) grayscale(100%) brightness(200%);
}

html[data-theme="dark"] .accordion-body {
    background-color: #1e293b !important;
    color: #cbd5e1 !important;
}

/* Fix Cards and internal links/text */
html[data-theme="dark"] .card-driver .contact-info a {
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .card-driver .contact-info a:hover {
    color: #09EEC5 !important;
}

html[data-theme="dark"] .card p {
    color: #cbd5e1 !important;
}

/* Radar Modal Fixes (Driver Dashboard) */
html[data-theme="dark"] #driverOfferModal .modal-content {
    background: #0f172a !important;
    box-shadow: 0 -15px 40px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme="dark"] #offerPickup {
    color: #f8fafc !important;
}

html[data-theme="dark"] .route-container {
    background: #1e293b !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] .route-container::before {
    border-left-color: #475569 !important;
}

html[data-theme="dark"] .route-icon {
    box-shadow: 0 0 0 4px #1e293b !important;
}

html[data-theme="dark"] .pickup-icon {
    background: rgba(59, 130, 246, 0.2) !important;
    color: #60a5fa !important;
}

html[data-theme="dark"] .delivery-icon {
    background: rgba(34, 197, 94, 0.2) !important;
    color: #4ade80 !important;
}

html[data-theme="dark"] .route-address {
    color: #e2e8f0 !important;
}

html[data-theme="dark"] .route-label {
    color: #94a3b8 !important;
}

html[data-theme="dark"] #offerMeta .offer-meta-pill {
    background: #334155 !important;
    color: #cbd5e1 !important;
}

html[data-theme="dark"] #offerMeta .offer-business-name {
    color: #f8fafc !important;
}

html[data-theme="dark"] #offerMeta .offer-meta-sub {
    color: #94a3b8 !important;
}

html[data-theme="dark"] .timer-section {
    background: #1e293b !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] .offer-expiry-row small {
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .offer-progress {
    background: #334155 !important;
}

html[data-theme="dark"] #btnRejectOffer {
    background: rgba(225, 29, 72, 0.1) !important;
    border-color: rgba(225, 29, 72, 0.2) !important;
    color: #fb7185 !important;
}

html[data-theme="dark"] #btnRejectOffer:hover,
html[data-theme="dark"] #btnRejectOffer:active {
    background: rgba(225, 29, 72, 0.2) !important;
    border-color: rgba(225, 29, 72, 0.3) !important;
    color: #fda4af !important;
}

html[data-theme="dark"] #offerExtraInfo {
    color: #cbd5e1 !important;
    border-bottom-color: #475569 !important;
}

html[data-theme="dark"] #offerDetails {
    color: #fbbf24 !important;
}