/* Dark Mode Styles for Haafai Food Operations */

/* Dark Mode Toggle Button */
.dark-mode-toggle .nav-link {
    transition: all 0.3s ease;
}

.dark-mode-toggle .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
}

/* Dark Mode Variables — monochrome black scheme with white accent */
:root {
    --dark-bg-primary: #000000;
    --dark-bg-secondary: #0a0a0a;
    --dark-bg-tertiary: #1f1f1f;
    --dark-text-primary: #fafafa;
    --dark-text-secondary: #a1a1a1;
    --dark-text-muted: #737373;
    --dark-border: #262626;
    --dark-border-light: #333333;
    --dark-accent: #dc2626;
    --dark-accent-hover: #b91c1c;
    --dark-accent-rgb: 220, 38, 38;
    --dark-accent-fg: #ffffff;
    --dark-success: #34d399;
    --dark-warning: #fbbf24;
    --dark-danger: #f87171;
    --dark-info: #38bdf8;
    --dark-card-bg: #171717;
    --dark-input-bg: #141414;
    --dark-navbar-bg: #000000;
    --dark-sidebar-bg: #000000;
}

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

html[data-theme="dark"],
html[data-theme="dark"] body {
    background-color: var(--dark-bg-primary) !important;
    color: var(--dark-text-primary) !important;
}

/* Navigation */
[data-theme="dark"] .header-navbar.navbar-light {
    background: var(--dark-navbar-bg) !important;
    border-bottom: 1px solid var(--dark-border);
}

[data-theme="dark"] .navbar-light .navbar-nav .nav-link {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .navbar-light .navbar-nav .nav-link:hover {
    color: var(--dark-accent) !important;
}

[data-theme="dark"] .navbar-brand h4 {
    color: var(--dark-text-primary) !important;
}

/* Main Menu/Sidebar */
[data-theme="dark"] .main-menu.menu-light {
    background: var(--dark-sidebar-bg) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .main-menu.menu-light .navigation {
    background: var(--dark-sidebar-bg) !important;
}

[data-theme="dark"] .main-menu.menu-light .navigation .navigation-header {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .main-menu.menu-light .navigation > li > a {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .main-menu.menu-light .navigation > li:hover > a {
    background: rgba(var(--dark-accent-rgb), 0.08) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .main-menu.menu-light .navigation > li.active > a,
[data-theme="dark"] .main-menu.menu-light .navigation > li.open.active > a {
    background: var(--dark-accent) !important;
    color: var(--dark-accent-fg) !important;
    box-shadow: 0 6px 14px -6px rgba(var(--dark-accent-rgb), 0.35);
    border-radius: 6px;
}

[data-theme="dark"] .main-menu.menu-light .navigation > li > ul > li > a {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .main-menu.menu-light .navigation > li > ul > li:hover > a {
    background: rgba(var(--dark-accent-rgb), 0.08) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .main-menu.menu-light .navigation > li > ul > li.active > a {
    background: var(--dark-accent) !important;
    color: var(--dark-accent-fg) !important;
    border-radius: 6px;
}

/* App Content */
[data-theme="dark"] .app-content {
    background: var(--dark-bg-secondary) !important;
}

[data-theme="dark"] .content-wrapper {
    background: var(--dark-bg-secondary) !important;
}

/* Cards */
html[data-theme="dark"] .card {
    background: var(--dark-card-bg) !important;
    /*border: 1px solid var(--dark-border) !important;*/
    color: var(--dark-text-primary) !important;
}

html[data-theme="dark"] .card-header {
    background: var(--dark-bg-tertiary) !important;
    /*border-bottom: 1px solid var(--dark-border) !important;*/
    color: var(--dark-text-primary) !important;
}

html[data-theme="dark"] .card-footer {
    background: var(--dark-bg-tertiary) !important;
    border-top: 1px solid var(--dark-border) !important;
}

/* Forms */
[data-theme="dark"] .form-control {
    background: var(--dark-input-bg) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .form-control:focus {
    background: var(--dark-input-bg) !important;
    border-color: var(--dark-accent) !important;
    box-shadow: 0 0 0 0.2rem rgba(var(--dark-accent-rgb), 0.25) !important;
    color: var(--dark-text-primary) !important;
}

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

[data-theme="dark"] .input-group-text {
    background: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .form-check-input {
    background-color: var(--dark-input-bg) !important;
    border: 1px solid var(--dark-border) !important;
}

[data-theme="dark"] .form-check-input:checked {
    background-color: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
}

[data-theme="dark"] .form-check-input:checked[type="checkbox"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") !important;
}

[data-theme="dark"] .form-check-input:checked[type="radio"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e") !important;
}

[data-theme="dark"] .form-select {
    background: var(--dark-input-bg) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

/* Payment Method Row */
[data-theme="dark"] .od-payment-methods .pm-label {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .od-payment-methods .pm-amount-group {
    background: var(--dark-input-bg) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .od-payment-methods .pm-currency {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .od-payment-methods .pm-amount-input {
    color: var(--dark-text-primary) !important;
    background: transparent !important;
}

[data-theme="dark"] .od-payment-methods .pm-ref-input {
    background: var(--dark-input-bg) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .od-payment-methods .pm-ref-input::placeholder {
    color: var(--dark-text-muted) !important;
}

[data-theme="dark"] .od-payment-methods .pm-remove-btn {
    color: var(--dark-text-secondary) !important;
    border-color: var(--dark-border) !important;
}

/* Labels */
[data-theme="dark"] .form-label,
[data-theme="dark"] .form-check-label,
[data-theme="dark"] label {
    color: var(--dark-text-primary) !important;
}

/* Tables */
[data-theme="dark"] .table {
    color: var(--dark-text-primary) !important;
}

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

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

[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd) {
    background: rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .table-hover tbody tr:hover,
[data-theme="dark"] table.dataTable tbody tr:hover,
[data-theme="dark"] .products-datatable tbody tr:hover {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] table.dataTable tbody tr:hover td {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
}

/* Buttons */
[data-theme="dark"] .btn-secondary {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .btn-secondary:hover {
    background: var(--dark-border) !important;
    border-color: var(--dark-border-light) !important;
}

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

[data-theme="dark"] .btn-outline-secondary:hover {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

/* Dropdowns */
[data-theme="dark"] .dropdown-menu {
    background: var(--dark-card-bg) !important;
    border: 1px solid var(--dark-border) !important;
}

[data-theme="dark"] .dropdown-item {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .dropdown-item:hover,
[data-theme="dark"] .dropdown-item:focus {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .dropdown-divider {
    border-color: var(--dark-border) !important;
}

/* Modals — glass backdrop + translucent panel in dark mode.
   Backdrop blurs the page behind; modal-content gets a slight
   translucency + its own blur so the blurred background shows
   through, producing the iOS/macOS frosted-glass look. Safari
   still needs the -webkit- prefix for backdrop-filter. */
[data-theme="dark"] .modal-backdrop,
[data-theme="dark"] .modal-backdrop.show {
    background-color: rgba(0, 0, 0, 0.55) !important;
    -webkit-backdrop-filter: blur(4px) saturate(140%);
    backdrop-filter: blur(4px) saturate(140%);
    opacity: 1 !important;
}

[data-theme="dark"] .modal-content {
    background: rgba(23, 23, 23, 0.82) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    backdrop-filter: blur(20px) saturate(180%);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6),
                0 1px 0 rgba(255, 255, 255, 0.04) inset;
}

/* Fallback for browsers without backdrop-filter support —
   opaque card background so the modal never looks washed out. */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    [data-theme="dark"] .modal-content {
        background: var(--dark-card-bg) !important;
    }
    [data-theme="dark"] .modal-backdrop,
    [data-theme="dark"] .modal-backdrop.show {
        background-color: rgba(0, 0, 0, 0.75) !important;
    }
}

[data-theme="dark"] .modal-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

[data-theme="dark"] .modal-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

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

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

/* Alerts */
[data-theme="dark"] .alert-primary {
    background: rgba(var(--dark-accent-rgb), 0.15) !important;
    border-color: var(--dark-accent) !important;
    color: var(--dark-accent) !important;
}

[data-theme="dark"] .alert-success {
    background: rgba(40, 167, 69, 0.2) !important;
    border-color: var(--dark-success) !important;
    color: #8fd19e !important;
}

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

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

[data-theme="dark"] .alert-info {
    background: rgba(23, 162, 184, 0.2) !important;
    border-color: var(--dark-info) !important;
    color: #7dd3fc !important;
}

/* Badges */
[data-theme="dark"] .badge-secondary {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
}

/* Progress bars */
[data-theme="dark"] .progress {
    background: var(--dark-bg-tertiary) !important;
}

/* Breadcrumbs */
[data-theme="dark"] .breadcrumb {
    background: var(--dark-bg-tertiary) !important;
}

[data-theme="dark"] .breadcrumb-item a {
    color: var(--dark-accent) !important;
}

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

/* List groups */
[data-theme="dark"] .list-group-item {
    background: var(--dark-card-bg) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .list-group-item:hover {
    background: var(--dark-bg-tertiary) !important;
}

[data-theme="dark"] .list-group-item.active {
    background: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
}

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

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

/* Borders */
[data-theme="dark"] .border {
    border-color: var(--dark-border) !important;
}

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

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

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

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

/* Specific component overrides */
[data-theme="dark"] .navbar-light .navbar-toggler {
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .navbar-light .navbar-toggler-icon {
    filter: invert(1);
}

/* Search components */
[data-theme="dark"] #searchbox .ais-SearchBox-input {
    background: var(--dark-input-bg) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .search-panel {
    background: var(--dark-card-bg) !important;
    border: 1px solid var(--dark-border) !important;
}

/* DataTables dark mode */
[data-theme="dark"] .dataTables_wrapper {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .dataTables_filter input {
    background: var(--dark-input-bg) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .dataTables_length select {
    background: var(--dark-input-bg) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

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

[data-theme="dark"] .page-link {
    background: var(--dark-card-bg) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .page-link:hover {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-accent) !important;
}

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

/* Footer */
[data-theme="dark"] footer {
    background: var(--dark-navbar-bg) !important;
    border-top: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

/* Scrollbars for webkit browsers */
[data-theme="dark"] ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

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

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: var(--dark-border-light);
    border-radius: 4px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: var(--dark-text-muted);
}

/* Animation for smooth transitions */
html,
body,
.app-content,
.card,
.navbar,
.main-menu,
.form-control,
.btn,
.dropdown-menu,
.modal-content {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;
}

/* Dark mode icon animation */
#darkModeIcon {
    transition: transform 0.3s ease;
}

[data-theme="dark"] #darkModeIcon {
    transform: rotate(180deg);
}

/* Override any existing light theme specifics */
[data-theme="dark"] .bg-light {
    background: var(--dark-bg-secondary) !important;
}

[data-theme="dark"] .bg-white {
    background: var(--dark-card-bg) !important;
}

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

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

/* Environment and subscription ribbons */
[data-theme="dark"] .environment-ribbon {
    background: rgba(255, 255, 255, 0.9) !important;
}

[data-theme="dark"] .subscribe-ribbon {
    background: rgba(220, 53, 69, 0.9) !important;
}

/* Toastr notifications */
[data-theme="dark"] .toast {
    background-color: var(--dark-card-bg) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] #toast-container > .toast-success {
    background-color: #166534 !important;
    color: #fff !important;
}

[data-theme="dark"] #toast-container > .toast-error {
    background-color: #991b1b !important;
    color: #fff !important;
}

[data-theme="dark"] #toast-container > .toast-info {
    background-color: #1e40af !important;
    color: #fff !important;
}

[data-theme="dark"] #toast-container > .toast-warning {
    background-color: #92400e !important;
    color: #fff !important;
}

/* Select2 dropdown styling */
[data-theme="dark"] .select2-container--default .select2-selection--single,
[data-theme="dark"] .select2-container--bootstrap4 .select2-selection--single {
    background: var(--dark-input-bg) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered,
[data-theme="dark"] .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__placeholder,
[data-theme="dark"] .select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder {
    color: var(--dark-text-muted) !important;
}

[data-theme="dark"] .select2-container--default .select2-dropdown,
[data-theme="dark"] .select2-container--bootstrap4 .select2-dropdown {
    background: var(--dark-card-bg) !important;
    border: 1px solid var(--dark-border) !important;
}

[data-theme="dark"] .select2-container--default .select2-search--dropdown .select2-search__field,
[data-theme="dark"] .select2-container--bootstrap4 .select2-search--dropdown .select2-search__field {
    background: var(--dark-input-bg) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .select2-container--default .select2-results__option,
[data-theme="dark"] .select2-container--bootstrap4 .select2-results__option {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .select2-container--default .select2-results__option--highlighted,
[data-theme="dark"] .select2-container--bootstrap4 .select2-results__option--highlighted {
    background: var(--dark-bg-tertiary) !important;
}

[data-theme="dark"] .select2-container--default .select2-results {
    background: var(--dark-card-bg) !important;
}

[data-theme="dark"] .select2-container--default .select2-selection--multiple {
    background: var(--dark-input-bg) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

/* Select2 appended links (e.g. "New Customer") */
[data-theme="dark"] .select2-results a {
    color: var(--dark-accent) !important;
    background: var(--dark-card-bg) !important;
    border-top-color: var(--dark-border) !important;
}

[data-theme="dark"] .select2-results a:hover {
    background: var(--dark-bg-tertiary) !important;
}

/* Dashboard */
html[data-theme="dark"] .dashboard .card {
    background: var(--dark-card-bg) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3) !important;
}

html[data-theme="dark"] .dashboard .card .card-header {
    background: var(--dark-card-bg) !important;
}

html[data-theme="dark"] .dashboard .card-stats .card-title {
    color: var(--dark-text-secondary) !important;
}

html[data-theme="dark"] .dashboard .card .card-body h4,
html[data-theme="dark"] .dashboard .card .card-body .h4,
html[data-theme="dark"] .dashboard .card .card-body span {
    color: var(--dark-text-primary) !important;
}

/* Card titles throughout the app */
[data-theme="dark"] .card .card-title {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .card-header h4,
[data-theme="dark"] .card-header h5,
[data-theme="dark"] .card-header h6 {
    color: var(--dark-text-primary) !important;
}

/* Dashboard list groups (Order Type Summary, Top Selling, Payment Types) */
html[data-theme="dark"] .dashboard .list-group-item {
    background: var(--dark-card-bg) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

html[data-theme="dark"] .dashboard .table td,
html[data-theme="dark"] .dashboard .table th {
    color: var(--dark-text-primary) !important;
    border-color: var(--dark-border) !important;
}

/* ApexCharts dark mode */
[data-theme="dark"] .apexcharts-text,
[data-theme="dark"] .apexcharts-text tspan {
    fill: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .apexcharts-gridline {
    stroke: var(--dark-border) !important;
}

[data-theme="dark"] .apexcharts-grid-borders line {
    stroke: var(--dark-border) !important;
}

[data-theme="dark"] .apexcharts-tooltip {
    background: var(--dark-card-bg) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .apexcharts-tooltip-title {
    background: var(--dark-bg-tertiary) !important;
    border-bottom: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .apexcharts-xaxistooltip,
[data-theme="dark"] .apexcharts-yaxistooltip {
    background: var(--dark-card-bg) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .apexcharts-menu {
    background: var(--dark-card-bg) !important;
    border: 1px solid var(--dark-border) !important;
}

[data-theme="dark"] .apexcharts-menu-item:hover {
    background: var(--dark-bg-tertiary) !important;
}

[data-theme="dark"] .apexcharts-datalabel-label,
[data-theme="dark"] .apexcharts-datalabel-value {
    fill: var(--dark-text-primary) !important;
}

/* ApexCharts toolbar icons */
[data-theme="dark"] .apexcharts-toolbar svg {
    fill: #b0b0b0 !important;
}

[data-theme="dark"] .apexcharts-toolbar .apexcharts-zoom-icon svg path,
[data-theme="dark"] .apexcharts-toolbar .apexcharts-zoomin-icon svg path,
[data-theme="dark"] .apexcharts-toolbar .apexcharts-zoomout-icon svg path,
[data-theme="dark"] .apexcharts-toolbar .apexcharts-reset-icon svg path,
[data-theme="dark"] .apexcharts-toolbar .apexcharts-pan-icon svg path,
[data-theme="dark"] .apexcharts-toolbar .apexcharts-menu-icon svg line,
[data-theme="dark"] .apexcharts-toolbar .apexcharts-menu-icon svg path {
    stroke: #b0b0b0 !important;
}

[data-theme="dark"] .apexcharts-toolbar .apexcharts-zoom-icon.apexcharts-selected svg,
[data-theme="dark"] .apexcharts-toolbar .apexcharts-pan-icon.apexcharts-selected svg {
    fill: var(--dark-accent) !important;
}

[data-theme="dark"] .apexcharts-toolbar .apexcharts-zoom-icon.apexcharts-selected svg path,
[data-theme="dark"] .apexcharts-toolbar .apexcharts-pan-icon.apexcharts-selected svg path {
    stroke: var(--dark-accent) !important;
}

/* ApexCharts data label backgrounds and borders */
[data-theme="dark"] .apexcharts-data-labels rect,
[data-theme="dark"] .apexcharts-datalabels rect {
    fill: var(--dark-card-bg) !important;
    stroke: var(--dark-border) !important;
}

/* Counter page header (Dashboard, list views) */
[data-theme="dark"] .counter-page-header__title,
html[data-theme="dark"] body .content .content-wrapper .content-header-title {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .counter-page-header__subtitle {
    color: var(--dark-text-secondary) !important;
}

/* ===== Counter / Orders Page ===== */

/* Order cards */
[data-theme="dark"] .order-card {
    background: var(--dark-card-bg) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .order-card--cancelled {
    background: var(--dark-bg-tertiary) !important;
}

/* Order card text */
[data-theme="dark"] .order-card__item-name {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .order-card__item-row {
    border-bottom-color: var(--dark-border) !important;
}

[data-theme="dark"] .order-card__item-row:hover {
    background: rgba(255, 255, 255, 0.03) !important;
}

[data-theme="dark"] .order-card__item-group-header {
    background: rgba(255, 255, 255, 0.03) !important;
    color: var(--dark-text-secondary) !important;
}

/* Order card footer - darken type-specific backgrounds */
[data-theme="dark"] .order-card__footer--dine-in {
    background: #5a2d0e !important;
}

[data-theme="dark"] .order-card__footer--delivery {
    background: #4a3b0a !important;
}

[data-theme="dark"] .order-card__footer--takeout {
    background: #5a1538 !important;
}

[data-theme="dark"] .order-card__footer--cancelled {
    background: var(--dark-bg-tertiary) !important;
}

[data-theme="dark"] .order-card-action-icon {
    border-color: rgba(255, 255, 255, 0.15) !important;
}

[data-theme="dark"] .order-card__footer-action {
    border-right-color: rgba(255, 255, 255, 0.15) !important;
}

/* Counter filter pills */
[data-theme="dark"] .counter-filter-pill {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .counter-filter-pill:hover {
    background: var(--dark-border) !important;
}

[data-theme="dark"] .counter-filter-pill.active {
    background: var(--dark-border) !important;
    border-color: var(--dark-border-light) !important;
}

[data-theme="dark"] .counter-filter-badge {
    background: var(--dark-border-light) !important;
    color: var(--dark-text-primary) !important;
}

/* Color-coded filter variants — dark mode
   Pattern: translucent hue-tinted bg + desaturated light text + full-saturation badge */
[data-theme="dark"] .counter-filter--pending {
    background: rgba(234, 88, 12, 0.15) !important;
    border-color: rgba(234, 88, 12, 0.35) !important;
    color: #fdba74 !important;
}

    [data-theme="dark"] .counter-filter--pending .counter-filter-badge {
        background: #EA580C !important;
        color: #fff !important;
    }

[data-theme="dark"] .counter-filter--ready {
    background: rgba(21, 101, 192, 0.18) !important;
    border-color: rgba(21, 101, 192, 0.4) !important;
    color: #93c5fd !important;
}

    [data-theme="dark"] .counter-filter--ready .counter-filter-badge {
        background: #2563eb !important;
        color: #fff !important;
    }

[data-theme="dark"] .counter-filter--enroute {
    background: rgba(124, 58, 237, 0.18) !important;
    border-color: rgba(124, 58, 237, 0.4) !important;
    color: #c4b5fd !important;
}

    [data-theme="dark"] .counter-filter--enroute .counter-filter-badge {
        background: #7C3AED !important;
        color: #fff !important;
    }

[data-theme="dark"] .counter-filter--served {
    background: rgba(22, 163, 74, 0.15) !important;
    border-color: rgba(22, 163, 74, 0.35) !important;
    color: #86efac !important;
}

    [data-theme="dark"] .counter-filter--served .counter-filter-badge {
        background: #16A34A !important;
        color: #fff !important;
    }

[data-theme="dark"] .counter-filter--cancelled {
    background: rgba(198, 40, 40, 0.18) !important;
    border-color: rgba(198, 40, 40, 0.4) !important;
    color: #fca5a5 !important;
}

    [data-theme="dark"] .counter-filter--cancelled .counter-filter-badge {
        background: #ef4444 !important;
        color: #fff !important;
    }

/* Counter search & action buttons */
[data-theme="dark"] .counter-search__toggle {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .counter-search__toggle:hover {
    background: var(--dark-border) !important;
}

html[data-theme="dark"] .counter-page-header__filters .d-inline-flex .btn-outline-secondary {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

html[data-theme="dark"] .counter-page-header__filters .d-inline-flex .btn-outline-secondary:hover {
    background: var(--dark-border) !important;
    border-color: var(--dark-border-light) !important;
    color: var(--dark-text-primary) !important;
}

html[data-theme="dark"] .counter-page-header__filters .d-inline-flex .form-control {
    border-color: var(--dark-border) !important;
}

/* Order card border variants - darken for dark mode */
[data-theme="dark"] .order-card--dine-in {
    border-color: #7c3a1a !important;
}

[data-theme="dark"] .order-card--delivery {
    border-color: #6b5210 !important;
}

[data-theme="dark"] .order-card--takeout {
    border-color: #831843 !important;
}

[data-theme="dark"] .order-card--cancelled {
    border-color: var(--dark-border) !important;
}

/* Order card amount, reference, and details */
[data-theme="dark"] .order-card__amount {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .order-card__reference {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .order-card .text-muted {
    color: var(--dark-text-muted) !important;
}

/* Counter page order type buttons (Dine-in, Delivery, Takeout) */
html[data-theme="dark"] .counter-page-header__right .btn-counter-action {
    background: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

html[data-theme="dark"] .counter-page-header__right .btn-counter-action:hover {
    background: var(--dark-border) !important;
}

html[data-theme="dark"] .counter-page-header__right .btn-counter-action:active {
    background: var(--dark-border-light) !important;
}

/* Order card status pills - darken backgrounds */
[data-theme="dark"] .order-card__status-pill {
    background: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .order-card__status-pill--new {
    background: rgba(16, 185, 129, 0.15) !important;
    border-color: rgba(16, 185, 129, 0.4) !important;
    color: #6ee7b7 !important;
}

[data-theme="dark"] .order-card__status-pill--preparing {
    background: rgba(249, 115, 22, 0.15) !important;
    border-color: rgba(249, 115, 22, 0.4) !important;
    color: #fdba74 !important;
}

[data-theme="dark"] .order-card__status-pill--ready {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    color: #93c5fd !important;
}

[data-theme="dark"] .order-card__status-pill--served {
    background: rgba(22, 163, 74, 0.15) !important;
    border-color: rgba(22, 163, 74, 0.4) !important;
    color: #86efac !important;
}

[data-theme="dark"] .order-card__status-pill--cancelled {
    background: rgba(239, 68, 68, 0.15) !important;
    border-color: rgba(239, 68, 68, 0.4) !important;
    color: #fca5a5 !important;
}

[data-theme="dark"] .order-card__status-pill--out-for-delivery {
    background: rgba(139, 92, 246, 0.15) !important;
    border-color: rgba(139, 92, 246, 0.4) !important;
    color: #c4b5fd !important;
}

[data-theme="dark"] .order-card__status-pill--delivered {
    background: rgba(22, 163, 74, 0.15) !important;
    border-color: rgba(22, 163, 74, 0.4) !important;
    color: #86efac !important;
}

/* Order card badges */
[data-theme="dark"] .order-card__badge--paid {
    background: rgba(22, 163, 74, 0.15) !important;
    color: #86efac !important;
}

[data-theme="dark"] .order-card__badge--credit {
    background: rgba(245, 158, 11, 0.15) !important;
    color: #fcd34d !important;
}

/* ===== Order Details View ===== */

/* Main container panels */
[data-theme="dark"] .od-container {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .od-right {
    border-left-color: var(--dark-border) !important;
}

/* Title and headers */
[data-theme="dark"] .od-title {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .od-customer-header h3 {
    color: var(--dark-text-primary) !important;
}

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

/* Info labels and values */
[data-theme="dark"] .od-info-label {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .od-info-value {
    color: var(--dark-text-primary) !important;
}

/* Dividers */
[data-theme="dark"] .od-divider {
    border-top-color: var(--dark-border) !important;
}

/* Buttons */
[data-theme="dark"] .od-btn-outline {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .od-btn-outline:hover {
    background: var(--dark-border) !important;
}

[data-theme="dark"] .od-btn-primary {
    background: var(--dark-accent) !important;
    color: #fff !important;
}

/* Payment tabs */
[data-theme="dark"] .od-payment-tab-group {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .od-payment-tab {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .od-payment-tab--active {
    background: var(--dark-accent) !important;
    color: #fff !important;
    border-color: var(--dark-accent) !important;
}

/* Pill buttons */
[data-theme="dark"] .od-pill-btn {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .od-pill-btn:hover {
    background: var(--dark-border) !important;
}

/* Order details - payment amount and totals */
[data-theme="dark"] .od-right .h4,
[data-theme="dark"] .od-right h4,
[data-theme="dark"] .od-right .h3,
[data-theme="dark"] .od-right h3 {
    color: var(--dark-text-primary) !important;
}

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

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

[data-theme="dark"] .od-totals-row--total,
[data-theme="dark"] .od-totals-row--subtotal {
    border-top-color: var(--dark-border) !important;
}

/* Order details add button */
[data-theme="dark"] .od-payment-add-btn {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

/* ===== Tables / Floor Plan Page ===== */

/* Canvas / floor plan area */
[data-theme="dark"] .canvas-container {
    background: var(--dark-bg-secondary) !important;
    border-color: var(--dark-border) !important;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.2) !important;
}

/* Right sidebar panel */
[data-theme="dark"] .table-layout-sidebar {
    background: var(--dark-card-bg) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .table-layout-sidebar .sidebar-header {
    border-bottom-color: var(--dark-border) !important;
}

[data-theme="dark"] .table-layout-sidebar .sidebar-header h5 {
    color: var(--dark-text-primary) !important;
}

/* Empty state */
[data-theme="dark"] .table-panel-empty__title {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .table-panel-empty__desc {
    color: var(--dark-text-muted) !important;
}

[data-theme="dark"] .table-panel-empty__icon {
    background: var(--dark-bg-tertiary) !important;
}

/* Color legend */
[data-theme="dark"] .table-color-legend {
    border-top-color: var(--dark-border) !important;
}

[data-theme="dark"] .table-color-legend__title {
    color: var(--dark-text-muted) !important;
}

[data-theme="dark"] .table-color-legend__item {
    color: var(--dark-text-secondary) !important;
}

/* Zoom/pan control buttons */
[data-theme="dark"] #zoomPanControls .btn-outline-secondary {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] #zoomPanControls .btn-outline-secondary:hover {
    background: var(--dark-border) !important;
}

[data-theme="dark"] #zoomLevelDisplay {
    color: var(--dark-text-secondary) !important;
}

/* No floors empty state */
[data-theme="dark"] .table-layout {
    border-color: var(--dark-border) !important;
}

/* ===== Date Range Picker ===== */

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

[data-theme="dark"] .daterangepicker .calendar-table {
    background-color: var(--dark-card-bg) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .daterangepicker td.off,
[data-theme="dark"] .daterangepicker td.off.in-range {
    background-color: var(--dark-bg-secondary) !important;
    color: var(--dark-text-muted) !important;
}

[data-theme="dark"] .daterangepicker td.available:hover,
[data-theme="dark"] .daterangepicker th.available:hover {
    background-color: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .daterangepicker td.in-range {
    background-color: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .daterangepicker td.active,
[data-theme="dark"] .daterangepicker td.active:hover {
    background-color: var(--dark-accent) !important;
    color: #fff !important;
}

[data-theme="dark"] .daterangepicker .calendar-table th {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .daterangepicker .calendar-table td {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .daterangepicker .drp-buttons {
    border-top-color: var(--dark-border) !important;
}

[data-theme="dark"] .daterangepicker .drp-selected {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .daterangepicker select.monthselect,
[data-theme="dark"] .daterangepicker select.yearselect {
    background-color: var(--dark-input-bg) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .daterangepicker .ranges li {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .daterangepicker .ranges li:hover {
    background-color: var(--dark-bg-tertiary) !important;
}

[data-theme="dark"] .daterangepicker .ranges li.active {
    background-color: var(--dark-accent) !important;
    color: #fff !important;
}

[data-theme="dark"] .daterangepicker::before,
[data-theme="dark"] .daterangepicker::after {
    border-bottom-color: var(--dark-border) !important;
}

/* jQuery UI Datepicker */
[data-theme="dark"] .ui-datepicker {
    background: var(--dark-card-bg) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .ui-datepicker-header {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .ui-datepicker td a,
[data-theme="dark"] .ui-datepicker td span {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .ui-datepicker td a:hover {
    background: var(--dark-bg-tertiary) !important;
}

[data-theme="dark"] .ui-datepicker .ui-state-active {
    background: var(--dark-accent) !important;
    color: #fff !important;
}

/* ===== Header date range & selectors ===== */

[data-theme="dark"] #reportrange {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .kitchen-selector-wrapper {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .kitchen-selector-wrapper i {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .kitchen-selector-wrapper .kitchen-select {
    color: var(--dark-text-primary) !important;
}

/* ===== Counter search input & header inputs ===== */

[data-theme="dark"] .counter-search__input-wrap .form-control,
[data-theme="dark"] .counter-search-wrapper .form-control,
[data-theme="dark"] .counter-page-header__right .form-control,
[data-theme="dark"] .counter-page-header__right input,
[data-theme="dark"] .counter-page-header__filters .form-control {
    background: var(--dark-input-bg) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .counter-page-header__right .btn-outline-secondary {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .counter-page-header__right .btn-outline-secondary:hover {
    background: var(--dark-border) !important;
}

/* ===== Kitchen Page ===== */

/* ALL DAY sidebar */
[data-theme="dark"] .allday-sidebar {
    background: var(--dark-card-bg) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .allday-sidebar__header {
    border-bottom-color: var(--dark-border) !important;
}

[data-theme="dark"] .allday-sidebar__title {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .allday-sidebar__item {
    border-bottom-color: var(--dark-border) !important;
}

[data-theme="dark"] .allday-sidebar__product-name {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .allday-sidebar__toggle {
    color: var(--dark-text-secondary) !important;
}

/* Kitchen select dropdown */
[data-theme="dark"] .kitchen-select {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

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

/* Kitchen header toggle button */
[data-theme="dark"] .allday-header-btn {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

/* ===== FullCalendar (Reservations) ===== */

[data-theme="dark"] .fc {
    --fc-border-color: var(--dark-border);
    --fc-page-bg-color: var(--dark-bg-secondary);
    --fc-neutral-bg-color: var(--dark-bg-tertiary);
    --fc-list-event-hover-bg-color: var(--dark-bg-tertiary);
    --fc-today-bg-color: rgba(var(--dark-accent-rgb), 0.1);
    --fc-highlight-color: rgba(var(--dark-accent-rgb), 0.15);
}

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

[data-theme="dark"] .fc-col-header-cell {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .fc-col-header-cell-cushion {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .fc-daygrid-day-number,
[data-theme="dark"] .fc-timegrid-slot-label-cushion {
    color: var(--dark-text-secondary) !important;
}

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

[data-theme="dark"] .fc-button-primary:hover {
    background-color: var(--dark-border) !important;
}

[data-theme="dark"] .fc-button-primary.fc-button-active,
[data-theme="dark"] .fc-button-primary:active {
    background-color: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: #fff !important;
}

[data-theme="dark"] .fc-button-primary:not(:disabled):active:focus,
[data-theme="dark"] .fc-button-primary:not(:disabled).fc-button-active:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--dark-accent-rgb), 0.25) !important;
}

/* Resource timeline (Tables column) */
[data-theme="dark"] .fc-resource-timeline .fc-datagrid-cell-frame {
    background: var(--dark-bg-tertiary) !important;
}

[data-theme="dark"] .fc-datagrid-cell-cushion {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .fc-timegrid-slot,
[data-theme="dark"] .fc-timeline-slot {
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .fc-scrollgrid {
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .fc-scrollgrid td,
[data-theme="dark"] .fc-scrollgrid th {
    border-color: var(--dark-border) !important;
}

/* ===== General table & list links ===== */

[data-theme="dark"] .table a,
[data-theme="dark"] .dataTable a {
    color: var(--dark-accent) !important;
}

[data-theme="dark"] .table a:hover,
[data-theme="dark"] .dataTable a:hover {
    color: var(--dark-accent-hover) !important;
}

/*[data-theme="dark"] .content-body a {
    color: var(--dark-accent) !important;
}*/

/* Tab filters (All, Low Stock, Inventory, etc.) */
[data-theme="dark"] .nav-tabs .nav-link {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .nav-tabs .nav-link.active {
    color: var(--dark-accent) !important;
    background: transparent !important;
    border-color: transparent transparent var(--dark-accent) !important;
}

[data-theme="dark"] .nav-tabs {
    border-bottom-color: var(--dark-border) !important;
}

/* ===== Menu Item Details Page ===== */

/* Left sidebar (item list) */
html[data-theme="dark"] .item-details-list,
html[data-theme="dark"] .item-details-wrapper .item-details-list {
    background: var(--dark-card-bg) !important;
    border-right-color: var(--dark-border) !important;
    border-left-color: var(--dark-border) !important;
}

html[data-theme="dark"] .item-details-list .list-group-item {
    background: var(--dark-card-bg) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

html[data-theme="dark"] .item-details-list .list-group-item:hover,
html[data-theme="dark"] .item-details-list .list-group-item.active {
    background: var(--dark-bg-tertiary) !important;
}

/* Content area */
html[data-theme="dark"] .item-details-content,
html[data-theme="dark"] .item-details-wrapper .item-details-content {
    background: var(--dark-bg-secondary) !important;
}

html[data-theme="dark"] .item-details-wrapper {
    background: var(--dark-bg-secondary) !important;
}

/* Detail header and tabs */
[data-theme="dark"] .item-details-content .nav-link {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .item-details-content .nav-link.active {
    color: var(--dark-accent) !important;
}

/* Stat/summary cards in details */
[data-theme="dark"] .item-details-content .card-stats,
[data-theme="dark"] .item-details-content .card {
    background: var(--dark-card-bg) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .item-details-content .card .card-title,
[data-theme="dark"] .item-details-content .card h5,
[data-theme="dark"] .item-details-content .card h4 {
    color: var(--dark-text-primary) !important;
}

/* Image upload area */
[data-theme="dark"] .dropzone {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-secondary) !important;
}

/* Detail info rows (Category, Product Type, Brand, etc.) */
[data-theme="dark"] .item-details-content td,
[data-theme="dark"] .item-details-content th {
    color: var(--dark-text-primary) !important;
    border-color: var(--dark-border) !important;
}

/* Pagination in sidebar */
[data-theme="dark"] .item-details-list .pagination .page-link {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

/* Metric cards (stat cards on detail pages) */
.metric-card {
    background: #fff;
}
.metric-card__label {
    color: #94a3b8;
}
.metric-card__value {
    color: #1e293b;
}
.metric-card__sub {
    color: #94a3b8;
}

[data-theme="dark"] .metric-card {
    background: var(--dark-card-bg) !important;
    border: 1px solid var(--dark-border) !important;
}

[data-theme="dark"] .metric-card__label {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .metric-card__value {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .metric-card__sub {
    color: var(--dark-text-muted) !important;
}

/* Bordered cards (product details sections) */
[data-theme="dark"] .bordered-card {
    background: var(--dark-card-bg) !important;
    border: 1px solid var(--dark-border) !important;
}

/* Product details section text */
[data-theme="dark"] .product-details-section h6,
[data-theme="dark"] .section-header {
    color: var(--dark-text-secondary) !important;
    border-bottom: 1px solid var(--dark-border) !important;
}

[data-theme="dark"] .detail-dt {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .detail-dd {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .product-details-section dl dt,
[data-theme="dark"] .product-details-section dl dd {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .product-details-section .detail-row {
    border-bottom: 1px solid var(--dark-border) !important;
}

[data-theme="dark"] .product-details-section hr {
    border-top: 1px solid var(--dark-border) !important;
}

[data-theme="dark"] .bordered-card .detail-row {
    border-bottom: 1px solid var(--dark-border) !important;
}

/* Entity details rows (dt/dd borders) */
[data-theme="dark"] .entity-details dt,
[data-theme="dark"] .entity-details dd {
    border-bottom: 1px solid var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

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

[data-theme="dark"] .stock-table-row .label,
[data-theme="dark"] .stock-table-row .value {
    color: var(--dark-text-primary) !important;
}

/* Image upload box */
[data-theme="dark"] .image-upload-box {
    background-color: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-muted) !important;
}

/* Details header */
[data-theme="dark"] .details-content-header {
    background: var(--dark-bg-secondary) !important;
}

[data-theme="dark"] .details-content-header .content-header-title {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .details-content-header .list-item-summary li dt {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .details-content-header .list-item-summary li dd {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .details-content-header .list-item-summary a {
    color: var(--dark-accent) !important;
}

/* Bordered card links */
[data-theme="dark"] .bordered-card a {
    color: var(--dark-accent) !important;
}

/* Nav underline tabs */
[data-theme="dark"] .nav-underline .nav-link {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .nav-underline .nav-link.active {
    color: var(--dark-accent) !important;
}

[data-theme="dark"] .nav.nav-tabs.nav-underline .nav-item a.nav-link {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .nav.nav-tabs.nav-underline .nav-item a.nav-link.active,
[data-theme="dark"] .nav.nav-tabs.nav-underline .nav-item a.nav-link.active:focus,
[data-theme="dark"] .nav.nav-tabs.nav-underline .nav-item a.nav-link.active:hover {
    color: var(--dark-accent) !important;
}

[data-theme="dark"] .nav-tabs.nav-underline,
[data-theme="dark"] .nav-underline {
    background: transparent !important;
    border-bottom-color: var(--dark-border) !important;
}

/* Item details sidebar elements */
.list-view-title-text {
    color: #1e293b;
}

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

[data-theme="dark"] .item-details-list a {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .item-details-list .breadcrumb-list-view .btn-link {
    color: var(--dark-text-primary) !important;
}

/* Nav tabs (detail page tabs) */
[data-theme="dark"] .nav-tabs {
    border-bottom-color: var(--dark-border) !important;
}

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

[data-theme="dark"] .nav-tabs .nav-link:hover {
    color: var(--dark-text-primary) !important;
    border-bottom-color: rgba(255,255,255,0.2) !important;
}

[data-theme="dark"] .nav-tabs .nav-link.active {
    color: var(--dark-accent) !important;
    border-bottom-color: var(--dark-accent) !important;
    background: transparent !important;
}

[data-theme="dark"] .nav.nav-tabs .nav-item .nav-link {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .nav.nav-tabs .nav-item .nav-link.active {
    color: var(--dark-accent) !important;
}

[data-theme="dark"] .item-details-list .table td,
[data-theme="dark"] .item-details-list .table th,
[data-theme="dark"] .item-details-list .items-datatable td {
    color: var(--dark-text-primary) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .item-details-list #pagePrev,
[data-theme="dark"] .item-details-list #pageNext {
    border-color: var(--dark-border) !important;
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .item-details-list #pageInfo {
    color: var(--dark-text-muted) !important;
}

[data-theme="dark"] .item-details-list .btn-outline-secondary {
    border-color: var(--dark-border) !important;
    color: var(--dark-text-secondary) !important;
}

/* DataTable selected row */
[data-theme="dark"] table.dataTable.table > tbody > tr.selected > * {
    box-shadow: inset 0 0 0 9999px var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] table.dataTable.table.table-hover > tbody > tr.selected:hover > * {
    box-shadow: inset 0 0 0 9999px var(--dark-border) !important;
}

[data-theme="dark"] .card-view .card tbody tr.selected {
    background-color: var(--dark-bg-tertiary) !important;
    border-left-color: var(--dark-accent) !important;
}

/* Product details row borders */
[data-theme="dark"] .detail-row {
    border-bottom-color: var(--dark-border) !important;
}

/* ===== Menu Items / Products List ===== */

/* Item filter tabs */
[data-theme="dark"] .items-filter-tabs .nav-item .nav-link {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .items-filter-tabs .nav-item .nav-link:hover {
    color: var(--dark-accent) !important;
}

[data-theme="dark"] .items-filter-tabs .nav-item .nav-link.active {
    color: var(--dark-accent) !important;
    border-bottom-color: var(--dark-accent) !important;
}

/* Product name and SKU */
[data-theme="dark"] .item-name-cell .item-name {
    color: #e1efff !important;
}

[data-theme="dark"] .item-name-cell .item-name:hover {
    color: var(--dark-accent-hover) !important;
}

[data-theme="dark"] .item-name-cell .item-sku {
    color: var(--dark-text-muted) !important;
}

/* Table header */
[data-theme="dark"] .products-datatable thead th {
    color: var(--dark-text-secondary) !important;
    background: var(--dark-bg-tertiary) !important;
}

/* Table body cells */
[data-theme="dark"] .products-datatable tbody td {
    color: var(--dark-text-primary) !important;
    border-bottom-color: var(--dark-border) !important;
}

/* Category badge */
[data-theme="dark"] .category-badge {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-secondary) !important;
}

/* ===== Menu Groups / Categories ===== */

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

[data-theme="dark"] .mc-card:hover {
    border-color: var(--dark-border-light) !important;
}

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

[data-theme="dark"] .mc-category-count {
    color: var(--dark-text-secondary) !important;
}

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

[data-theme="dark"] .mc-action-btn {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .mc-action-btn:hover {
    background: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .mc-action-btn--danger:hover {
    background: rgba(220, 53, 69, 0.15) !important;
    color: #fca5a5 !important;
    border-color: rgba(220, 53, 69, 0.4) !important;
}

[data-theme="dark"] .mc-badge-default {
    background: rgba(22, 163, 74, 0.15) !important;
    color: #86efac !important;
    border-color: rgba(22, 163, 74, 0.3) !important;
}

[data-theme="dark"] .mc-badge-inactive {
    background: rgba(220, 38, 38, 0.15) !important;
    color: #fca5a5 !important;
    border-color: rgba(220, 38, 38, 0.3) !important;
}

[data-theme="dark"] .mc-empty {
    color: var(--dark-text-muted) !important;
}

[data-theme="dark"] .mc-empty-icon {
    color: var(--dark-text-muted) !important;
}

[data-theme="dark"] .mc-empty-text {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .mc-no-categories {
    color: var(--dark-text-muted) !important;
}

/* ===== Categories List ===== */

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

[data-theme="dark"] .cat-card:hover {
    border-color: var(--dark-border-light) !important;
}

[data-theme="dark"] .cat-name {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .cat-badge--active {
    background: rgba(22, 163, 74, 0.15) !important;
    color: #86efac !important;
}

[data-theme="dark"] .cat-badge--inactive {
    background: rgba(220, 38, 38, 0.15) !important;
    color: #fca5a5 !important;
}

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

[data-theme="dark"] .cat-thumbnail {
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .cat-drag-handle {
    color: var(--dark-text-muted) !important;
}

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

[data-theme="dark"] .cat-action-btn:hover {
    background: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

/* ===== Empty States ===== */

[data-theme="dark"] .empty-state__icon {
    background: var(--dark-bg-tertiary) !important;
}

[data-theme="dark"] .empty-state__title {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .empty-state__desc {
    color: var(--dark-text-muted) !important;
}

[data-theme="dark"] .list-empty-state i {
    color: var(--dark-text-muted) !important;
}

[data-theme="dark"] .list-empty-state p {
    color: var(--dark-text-muted) !important;
}

/* ===== Shimmer & Skeleton dark mode ===== */

/* Main shimmer gradient — page / content-level surfaces */
[data-theme="dark"] div.shimmer {
    background-image: linear-gradient(-45deg, var(--dark-bg-secondary) 40%, var(--dark-bg-tertiary) 50%, var(--dark-bg-secondary) 60%) !important;
    background-color: var(--dark-bg-secondary) !important;
    background-size: 300% !important;
    background-position-x: 100% !important;
    animation: shimmer 1s infinite linear !important;
}

/* Skeleton shimmer gradient — on-card placeholders */
[data-theme="dark"] .skeleton-shimmer {
    background-image: linear-gradient(90deg, var(--dark-card-bg) 25%, var(--dark-border) 50%, var(--dark-card-bg) 75%) !important;
    background-color: var(--dark-card-bg) !important;
    background-size: 200% 100% !important;
    animation: skeleton-shimmer 1.5s ease-in-out infinite !important;
}

/* ui-loading: overlay + top progress dark mode */
[data-theme="dark"] .ui-shimmer-overlay {
    background: linear-gradient(90deg,
        rgba(30, 41, 59, 0.55) 25%,
        rgba(51, 65, 85, 0.75) 50%,
        rgba(30, 41, 59, 0.55) 75%) !important;
    background-size: 200% 100% !important;
}

[data-theme="dark"] .ui-top-progress.is-active::before {
    background: linear-gradient(90deg, transparent, #8ea5ff 40%, #a5b9ff 60%, transparent) !important;
}

/* Shimmer line pulse — individual placeholder bars */
[data-theme="dark"] .shimmer-line {
    background-color: var(--dark-border) !important;
}

/* Dark shimmer for sidebar navigation */
[data-theme="dark"] .shimmer-dark {
    background-image: linear-gradient(-45deg, var(--dark-sidebar-bg) 40%, var(--dark-bg-tertiary) 50%, var(--dark-sidebar-bg) 60%) !important;
    background-size: 300% !important;
    background-position-x: 100% !important;
    animation: shimmer 1s infinite linear !important;
}

/* Order card skeleton */
[data-theme="dark"] .order-card-skeleton {
    background: var(--dark-card-bg) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .skeleton-header {
    border-bottom-color: var(--dark-border) !important;
}

[data-theme="dark"] .skeleton-info {
    border-bottom-color: var(--dark-border) !important;
}

[data-theme="dark"] .skeleton-footer {
    background: var(--dark-bg-tertiary) !important;
}

/* ===== Settings List Views (PaymentMethods, ServiceFees, Taxes, Currencies, Discounts) ===== */

[data-theme="dark"] .settings-list-item {
    background: var(--dark-card-bg) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .settings-list-item:hover {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border-light) !important;
}

[data-theme="dark"] .settings-list-name {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .settings-list-icon,
[data-theme="dark"] .settings-list-icon-default {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .settings-list-value {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .settings-list-action {
    border-color: var(--dark-border) !important;
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .settings-list-action:hover {
    background: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .settings-list-badge-active {
    background: rgba(22, 163, 74, 0.15) !important;
    color: #86efac !important;
    border-color: rgba(22, 163, 74, 0.3) !important;
}

[data-theme="dark"] .settings-list-badge-inactive,
[data-theme="dark"] .settings-list-badge {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-secondary) !important;
}

/* Currency list */
[data-theme="dark"] .currency-item {
    background: var(--dark-card-bg) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .currency-item:hover {
    background: var(--dark-bg-tertiary) !important;
}

[data-theme="dark"] .currency-symbol-badge,
[data-theme="dark"] .currency-rate-badge {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .currency-default-badge {
    background: rgba(220, 38, 38, 0.15) !important;
    color: #fca5a5 !important;
}

[data-theme="dark"] .currency-action-btn {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .currency-action-btn:hover {
    background: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

/* ===== Shared Filter Tabs (Sales, Expenses, Inventory list views) ===== */

[data-theme="dark"] .so-filter-tabs .nav-link,
[data-theme="dark"] .bl-filter-tabs .nav-link,
[data-theme="dark"] .po-filter-tabs .nav-link,
[data-theme="dark"] .ex-filter-tabs .nav-link,
[data-theme="dark"] .sa-filter-tabs .nav-link,
[data-theme="dark"] .sc-filter-tabs .nav-link,
[data-theme="dark"] .st-filter-tabs .nav-link {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .so-filter-tabs .nav-link:hover,
[data-theme="dark"] .bl-filter-tabs .nav-link:hover,
[data-theme="dark"] .po-filter-tabs .nav-link:hover,
[data-theme="dark"] .ex-filter-tabs .nav-link:hover,
[data-theme="dark"] .sa-filter-tabs .nav-link:hover,
[data-theme="dark"] .sc-filter-tabs .nav-link:hover,
[data-theme="dark"] .st-filter-tabs .nav-link:hover {
    color: var(--dark-accent) !important;
}

[data-theme="dark"] .so-filter-tabs .nav-link.active,
[data-theme="dark"] .bl-filter-tabs .nav-link.active,
[data-theme="dark"] .po-filter-tabs .nav-link.active,
[data-theme="dark"] .ex-filter-tabs .nav-link.active,
[data-theme="dark"] .sa-filter-tabs .nav-link.active,
[data-theme="dark"] .sc-filter-tabs .nav-link.active,
[data-theme="dark"] .st-filter-tabs .nav-link.active {
    color: var(--dark-accent) !important;
    border-bottom-color: var(--dark-accent) !important;
}

/* ===== Shared DataTable Styling (all modules) ===== */

[data-theme="dark"] .stocks-datatable thead th,
[data-theme="dark"] .invoices-datatable-list thead th,
[data-theme="dark"] .orders-datatable thead th,
[data-theme="dark"] .expenses-datatable thead th,
[data-theme="dark"] .table-sales-orders thead th {
    color: var(--dark-text-secondary) !important;
    background: var(--dark-bg-tertiary) !important;
    border-bottom-color: var(--dark-border) !important;
}

[data-theme="dark"] .stocks-datatable tbody td,
[data-theme="dark"] .invoices-datatable-list tbody td,
[data-theme="dark"] .orders-datatable tbody td,
[data-theme="dark"] .expenses-datatable tbody td,
[data-theme="dark"] .table-sales-orders tbody td {
    color: var(--dark-text-primary) !important;
    border-bottom-color: var(--dark-border) !important;
}

[data-theme="dark"] .stocks-datatable tbody tr:hover td,
[data-theme="dark"] .invoices-datatable-list tbody tr:hover td,
[data-theme="dark"] .orders-datatable tbody tr:hover td,
[data-theme="dark"] .expenses-datatable tbody tr:hover td,
[data-theme="dark"] .table-sales-orders tbody tr:hover td {
    background-color: var(--dark-bg-tertiary) !important;
}

/* ===== Detail Views (shared across Sales, Expenses, Inventory) ===== */

[data-theme="dark"] .cd-avatar {
    background: var(--dark-accent) !important;
}

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

[data-theme="dark"] .cd-panel {
    background: var(--dark-card-bg) !important;
    border-color: var(--dark-border) !important;
}

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

[data-theme="dark"] .cd-pill {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .cd-addr {
    background: var(--dark-bg-tertiary) !important;
}

[data-theme="dark"] .cd-tabs .nav-tabs {
    background: transparent !important;
    border-bottom-color: var(--dark-border) !important;
}

/* ===== Settings Hub Component ===== */

[data-theme="dark"] .settings-group {
    background: var(--dark-card-bg) !important;
    border-color: var(--dark-border) !important;
}

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

[data-theme="dark"] .settings-group-name {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .settings-group-desc {
    color: var(--dark-text-muted) !important;
}

[data-theme="dark"] .settings-links {
    border-top-color: var(--dark-border) !important;
}

[data-theme="dark"] .settings-link-item {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .settings-link-item:hover {
    background: var(--dark-bg-tertiary) !important;
}

/* ===== Module Configuration Component ===== */

[data-theme="dark"] .config-list {
    background: var(--dark-card-bg) !important;
    border-color: var(--dark-border) !important;
}

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

[data-theme="dark"] .config-item:hover {
    background: var(--dark-bg-tertiary) !important;
}

[data-theme="dark"] .config-item-name {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .config-item-desc {
    color: var(--dark-text-muted) !important;
}

/* ===== Wrapper Details Layout (sidebar list views) ===== */

[data-theme="dark"] .card-view .card tbody tr td {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .card-view .card tbody tr td:first-child {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .card-view .card tbody tr td:last-child {
    color: var(--dark-text-primary) !important;
}

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

/* ===== SweetAlert2 ===== */

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

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

[data-theme="dark"] .swal2-html-container {
    color: var(--dark-text-secondary) !important;
}

/* ===== Detail Header Stat Boxes (inline background: #fff) ===== */

html[data-theme="dark"] .item-details-content [style*="background: #fff"],
html[data-theme="dark"] .item-details-content [style*="background:#fff"] {
    background: var(--dark-card-bg) !important;
    border: 1px solid var(--dark-border) !important;
}

/* ===== Detail View Inline Style Overrides ===== */

/* Inline border colors */
html[data-theme="dark"] .item-details-content [style*="border-bottom: 1px solid #f8fafc"],
html[data-theme="dark"] .item-details-content [style*="border-bottom: 1px solid #f1f5f9"],
html[data-theme="dark"] .item-details-content [style*="border-bottom: 1px solid #e2e8f0"] {
    border-bottom-color: var(--dark-border) !important;
}

html[data-theme="dark"] .item-details-content [style*="border: 1.5px solid #e2e8f0"],
html[data-theme="dark"] .item-details-content [style*="border: 1px solid #e2e8f0"] {
    border-color: var(--dark-border) !important;
}

/* Inline text colors on labels */
html[data-theme="dark"] .item-details-content [style*="color: #64748b"] {
    color: var(--dark-text-secondary) !important;
}

html[data-theme="dark"] .item-details-content [style*="color: #475569"] {
    color: var(--dark-text-secondary) !important;
}

html[data-theme="dark"] .item-details-content [style*="color: #0f172a"],
html[data-theme="dark"] .item-details-content [style*="color: #1e293b"] {
    color: var(--dark-text-primary) !important;
}

html[data-theme="dark"] .item-details-content [style*="color: #94a3b8"] {
    color: var(--dark-text-muted) !important;
}

/* ===== Detail View Tables (Items, Totals) ===== */

/* Total/footer rows with inline background */
html[data-theme="dark"] .item-details-content [style*="background: #f8fafc"],
html[data-theme="dark"] .item-details-content [style*="background:#f8fafc"],
html[data-theme="dark"] .item-details-content [style*="background-color: #f8fafc"] {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
}

/* Table footer totals text */
html[data-theme="dark"] .item-details-content tfoot td {
    color: var(--dark-text-primary) !important;
    border-color: var(--dark-border) !important;
}

html[data-theme="dark"] .item-details-content tfoot tr {
    border-top-color: var(--dark-border) !important;
}

/* ===== Invoice Status Badges ===== */

[data-theme="dark"] .invoice-status-draft {
    background-color: rgba(79, 79, 79, 0.2) !important;
    color: #b0b0b0 !important;
}

[data-theme="dark"] .invoice-status-pending-approval {
    background-color: rgba(140, 107, 31, 0.2) !important;
    color: #fcd34d !important;
}

[data-theme="dark"] .invoice-status-approved {
    background-color: rgba(31, 78, 140, 0.2) !important;
    color: #93c5fd !important;
}

[data-theme="dark"] .invoice-status-partially-paid {
    background-color: rgba(198, 40, 40, 0.2) !important;
    color: #fca5a5 !important;
}

[data-theme="dark"] .invoice-status-fully-paid {
    background-color: rgba(35, 113, 68, 0.2) !important;
    color: #6ee7b7 !important;
}

[data-theme="dark"] .invoice-status-void {
    background-color: rgba(140, 31, 31, 0.2) !important;
    color: #fca5a5 !important;
}

[data-theme="dark"] .invoice-status-deleted {
    background-color: rgba(25, 118, 210, 0.2) !important;
    color: #93c5fd !important;
}

[data-theme="dark"] .invoice-status-on-hold {
    background-color: rgba(0, 151, 167, 0.2) !important;
    color: #67e8f9 !important;
}

/* Invoice status text variants */
[data-theme="dark"] .invoice-status-draft-text { color: #b0b0b0 !important; }
[data-theme="dark"] .invoice-status-pending-approval-text { color: #fcd34d !important; }
[data-theme="dark"] .invoice-status-approved-text { color: #93c5fd !important; }
[data-theme="dark"] .invoice-status-partially-paid-text { color: #fca5a5 !important; }
[data-theme="dark"] .invoice-status-fully-paid-text { color: #6ee7b7 !important; }
[data-theme="dark"] .invoice-status-void-text { color: #fca5a5 !important; }
[data-theme="dark"] .invoice-status-deleted-text { color: #93c5fd !important; }
[data-theme="dark"] .invoice-status-on-hold-text { color: #67e8f9 !important; }

/* ===== Status Badges (dark mode adjusted) ===== */

html[data-theme="dark"] .badge-success {
    background-color: rgba(52, 211, 153, 0.15) !important;
    color: #6ee7b7 !important;
    border: 1px solid rgba(52, 211, 153, 0.25) !important;
    box-shadow: none !important;
}

[data-theme="dark"] .badge-danger {
    background-color: rgba(220, 53, 69, 0.2) !important;
    color: #fca5a5 !important;
    border: 1px solid rgba(220, 53, 69, 0.3);
}

[data-theme="dark"] .badge-warning {
    background-color: rgba(255, 193, 7, 0.2) !important;
    color: #fcd34d !important;
    border: 1px solid rgba(255, 193, 7, 0.3);
}

[data-theme="dark"] .badge-info {
    background-color: rgba(23, 162, 184, 0.2) !important;
    color: #67e8f9 !important;
    border: 1px solid rgba(23, 162, 184, 0.3);
}

[data-theme="dark"] .badge-primary {
    background-color: rgba(var(--dark-accent-rgb), 0.2) !important;
    color: var(--dark-accent) !important;
    border: 1px solid rgba(var(--dark-accent-rgb), 0.35);
}

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

/* Sidebar list status badges */
[data-theme="dark"] .item-details-list .badge-success,
[data-theme="dark"] .card-view .badge-success {
    background-color: rgba(52, 211, 153, 0.15) !important;
    color: #6ee7b7 !important;
    border: 1px solid rgba(52, 211, 153, 0.25);
}

[data-theme="dark"] .item-details-list .badge-secondary,
[data-theme="dark"] .card-view .badge-secondary {
    background-color: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-secondary) !important;
    border: 1px solid var(--dark-border);
}

[data-theme="dark"] .item-details-list .badge-warning,
[data-theme="dark"] .card-view .badge-warning {
    background-color: rgba(251, 191, 36, 0.15) !important;
    color: #fcd34d !important;
    border: 1px solid rgba(251, 191, 36, 0.25);
}

[data-theme="dark"] .item-details-list .badge-info,
[data-theme="dark"] .card-view .badge-info {
    background-color: rgba(56, 189, 248, 0.15) !important;
    color: #67e8f9 !important;
    border: 1px solid rgba(56, 189, 248, 0.25);
}

/* ===== Dropdown Active Items ===== */

.dropdown-active {
    background: #f1f5f9;
}

[data-theme="dark"] .dropdown-active,
[data-theme="dark"] .dropdown-item.dropdown-active,
[data-theme="dark"] .dropdown-item.dropdown-active:hover,
[data-theme="dark"] .dropdown-item.dropdown-active:focus,
[data-theme="dark"] .dropdown-item.dropdown-active:active,
[data-theme="dark"] #layoutDropdownMenu .dropdown-item.dropdown-active,
[data-theme="dark"] #layoutDropdownMenu .dropdown-item.dropdown-active:hover,
[data-theme="dark"] #layoutDropdownMenu .dropdown-item.dropdown-active:focus,
[data-theme="dark"] #kitchenLayoutDropdownMenu .dropdown-item.dropdown-active,
[data-theme="dark"] #kitchenLayoutDropdownMenu .dropdown-item.dropdown-active:hover,
[data-theme="dark"] #kitchenLayoutDropdownMenu .dropdown-item.dropdown-active:focus {
    background: var(--dark-bg-tertiary) !important;
    background-color: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] #layoutDropdownMenu .dropdown-item:focus,
[data-theme="dark"] #kitchenLayoutDropdownMenu .dropdown-item:focus,
[data-theme="dark"] #sortDropdownMenu .dropdown-item:focus {
    background: var(--dark-bg-tertiary) !important;
    background-color: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
}

/* ===== Custom Dropdown Panels (inline background: white) ===== */

[data-theme="dark"] #layoutDropdownMenu,
[data-theme="dark"] #kitchenLayoutDropdownMenu,
[data-theme="dark"] #sortDropdownMenu {
    background: var(--dark-card-bg) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] #layoutDropdownMenu .dropdown-item,
[data-theme="dark"] #kitchenLayoutDropdownMenu .dropdown-item,
[data-theme="dark"] #sortDropdownMenu .dropdown-item {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] #layoutDropdownMenu .dropdown-item:hover,
[data-theme="dark"] #kitchenLayoutDropdownMenu .dropdown-item:hover,
[data-theme="dark"] #sortDropdownMenu .dropdown-item:hover {
    background: var(--dark-bg-tertiary) !important;
}

[data-theme="dark"] #layoutDropdownMenu .dropdown-item.active,
[data-theme="dark"] #kitchenLayoutDropdownMenu .dropdown-item.active,
[data-theme="dark"] #sortDropdownMenu .dropdown-item.active {
    background: var(--dark-bg-tertiary) !important;
}

[data-theme="dark"] #layoutDropdownMenu [style*="color: #94a3b8"],
[data-theme="dark"] #layoutDropdownMenu [style*="color:#94a3b8"],
[data-theme="dark"] #kitchenLayoutDropdownMenu [style*="color: #94a3b8"],
[data-theme="dark"] #kitchenLayoutDropdownMenu [style*="color:#94a3b8"] {
    color: var(--dark-text-muted) !important;
}

[data-theme="dark"] #layoutDropdownMenu [style*="border-top: 1px solid #f1f5f9"],
[data-theme="dark"] #layoutDropdownMenu [style*="border-top:1px solid #f1f5f9"],
[data-theme="dark"] #kitchenLayoutDropdownMenu [style*="border-top: 1px solid #f1f5f9"],
[data-theme="dark"] #kitchenLayoutDropdownMenu [style*="border-top:1px solid #f1f5f9"] {
    border-top-color: var(--dark-border) !important;
}

[data-theme="dark"] #layoutDropdownMenu .dropdown-item[style*="color: #334155"],
[data-theme="dark"] #layoutDropdownMenu .dropdown-item[style*="color:#334155"],
[data-theme="dark"] #kitchenLayoutDropdownMenu .dropdown-item[style*="color: #334155"],
[data-theme="dark"] #kitchenLayoutDropdownMenu .dropdown-item[style*="color:#334155"] {
    color: var(--dark-text-primary) !important;
}

/* ===== Dropdown Menus (general) ===== */

[data-theme="dark"] .dropdown-menu .dropdown-item[style*="color: #334155"],
[data-theme="dark"] .dropdown-menu .dropdown-item[style*="color:#334155"] {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .dropdown-menu [style*="color: #94a3b8"],
[data-theme="dark"] .dropdown-menu [style*="color:#94a3b8"] {
    color: var(--dark-text-muted) !important;
}

[data-theme="dark"] .dropdown-menu [style*="border-top: 1px solid #f1f5f9"],
[data-theme="dark"] .dropdown-menu [style*="border-top:1px solid #f1f5f9"] {
    border-top-color: var(--dark-border) !important;
}

/* ===== Profile Panel Dropdown ===== */

[data-theme="dark"] .dropdown-menu-profile {
    background: var(--dark-card-bg) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .profile-panel-header {
    background: var(--dark-bg-tertiary) !important;
    border-bottom-color: var(--dark-border) !important;
}

[data-theme="dark"] .profile-panel-name {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .profile-panel-email {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .profile-panel-org {
    color: var(--dark-text-secondary) !important;
    border-bottom-color: var(--dark-border) !important;
}

[data-theme="dark"] .profile-panel-item {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .profile-panel-item:hover {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .profile-panel-item i {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .profile-panel-footer {
    border-top-color: var(--dark-border) !important;
}

[data-theme="dark"] .profile-panel-logout:hover {
    background: rgba(220, 53, 69, 0.15) !important;
}

/* ===== Org Switcher Panel ===== */

[data-theme="dark"] .dropdown-menu-org {
    background: var(--dark-card-bg) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .org-panel-header {
    border-bottom-color: var(--dark-border) !important;
}

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

[data-theme="dark"] .org-panel-close {
    color: var(--dark-text-muted) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .org-panel-close:hover {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .org-search-container {
    border-bottom-color: var(--dark-border) !important;
}

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

[data-theme="dark"] .org-search-icon {
    color: var(--dark-text-muted) !important;
}

[data-theme="dark"] .org-item {
    color: var(--dark-text-primary) !important;
    border-bottom-color: var(--dark-border) !important;
}

[data-theme="dark"] .org-item:hover {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .org-item-active {
    background: rgba(var(--dark-accent-rgb), 0.15) !important;
    border-left-color: var(--dark-accent) !important;
}

[data-theme="dark"] .org-item-active:hover {
    background: rgba(var(--dark-accent-rgb), 0.2) !important;
}

[data-theme="dark"] .org-item-icon {
    background: var(--dark-bg-tertiary) !important;
}

[data-theme="dark"] .org-item-icon i {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .org-item-icon-active {
    background: rgba(var(--dark-accent-rgb), 0.2) !important;
}

[data-theme="dark"] .org-item-icon-active i {
    color: var(--dark-accent) !important;
}

[data-theme="dark"] .org-item:hover .org-item-icon {
    background: var(--dark-border) !important;
}

[data-theme="dark"] .org-manage-link {
    color: var(--dark-accent) !important;
}

[data-theme="dark"] .org-item-check {
    color: var(--dark-accent) !important;
}

[data-theme="dark"] .org-item-name {
    color: var(--dark-text-primary) !important;
}

/* ===== Sidebar Popout Menu (collapsed state) ===== */

[data-theme="dark"] .main-menu.menu-light ul.menu-popout {
    background: var(--dark-card-bg) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.3) !important;
}

[data-theme="dark"] .main-menu.menu-light ul.menu-popout li a {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .main-menu.menu-light ul.menu-popout li a:hover {
    background: var(--dark-bg-tertiary) !important;
}

[data-theme="dark"] .main-menu .main-menu-content > span.menu-title,
[data-theme="dark"] .main-menu .main-menu-content > a.menu-title {
    background: var(--dark-card-bg) !important;
    color: var(--dark-text-primary) !important;
    border: 1px solid var(--dark-border) !important;
}

[data-theme="dark"] .main-menu .main-menu-content > a.menu-title:hover,
[data-theme="dark"] .main-menu .main-menu-content > a.menu-title:only-child:hover {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
}

/* Sidebar bottom bar */
[data-theme="dark"] .sidebar-bottom-bar {
    border-top-color: var(--dark-border) !important;
}

[data-theme="dark"] .sidebar-bottom-dropdown {
    background: var(--dark-card-bg) !important;
    border-color: var(--dark-border) !important;
}

/* ===== Session Hover Cards ===== */

.session-hover-card {
    background: #fff;
    border: 1px solid #e2e8f0;
}

.session-hover-card h5 {
    color: #1e293b;
}

.session-hover-card p {
    color: #64748b;
}

.session-hover-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
    border-color: #cbd5e1 !important;
}

[data-theme="dark"] .session-hover-card {
    background: var(--dark-card-bg) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .session-hover-card h5 {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .session-hover-card p {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .session-hover-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
    border-color: var(--dark-border-light) !important;
    background: var(--dark-bg-tertiary) !important;
}

/* ===== Content Wrapper White ===== */

[data-theme="dark"] .content-wrapper-white {
    background: var(--dark-bg-secondary) !important;
}

/* Inline background:#fff cards (global catch-all for common patterns) */
[data-theme="dark"] [style*="background:#fff"],
[data-theme="dark"] [style*="background: #fff"] {
    background: var(--dark-card-bg) !important;
    border-color: var(--dark-border) !important;
}

/* Inline color overrides for headings */
[data-theme="dark"] [style*="color:#1e293b"],
[data-theme="dark"] [style*="color: #1e293b"] {
    color: var(--dark-text-primary) !important;
}

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

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

/* Inline dashed borders */
[data-theme="dark"] [style*="border:1px dashed #e2e8f0"],
[data-theme="dark"] [style*="border: 1px dashed #e2e8f0"] {
    border-color: var(--dark-border) !important;
}

/* ===== Summary Stat Strips ===== */

[data-theme="dark"] [class*="border-right-blue-grey"],
[data-theme="dark"] [class*="border-right-lighten"] {
    border-right-color: var(--dark-border) !important;
}

[data-theme="dark"] .media-body h6 {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .media-body h4 a {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .media-body h4 a.warning {
    color: #fbbf24 !important;
}

/* ===== Filter Panels / Collapse Forms ===== */

[data-theme="dark"] #filterForm,
[data-theme="dark"] .filter-form,
[data-theme="dark"] .collapse.card,
[data-theme="dark"] .card.bg-light {
    background: var(--dark-card-bg) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] #filterForm .card-body,
[data-theme="dark"] #filterForm .card-content {
    background: var(--dark-card-bg) !important;
}

[data-theme="dark"] #filterForm label,
[data-theme="dark"] #filterForm .form-label {
    color: var(--dark-text-secondary) !important;
}

/* ===== General Utilities ===== */

html[data-theme="dark"] body .content .content-wrapper:not(:has(.item-details-wrapper)) {
    padding: 0rem 1rem 0rem 1rem;
}

[data-theme="dark"] hr {
    border-top-color: var(--dark-border) !important;
}

[data-theme="dark"] table thead th,
[data-theme="dark"] table thead td,
[data-theme="dark"] table thead tr {
    border-bottom-color: var(--dark-border) !important;
    border-top-color: var(--dark-border) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .dataTables_wrapper .dataTable thead th,
[data-theme="dark"] .dataTables_wrapper .dataTable thead tr {
    border-bottom-color: var(--dark-border) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] table.dataTable {
    border-collapse: collapse !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] table.dataTable thead th,
[data-theme="dark"] table.dataTable thead td {
    border-bottom: 1px solid var(--dark-border) !important;
}

[data-theme="dark"] table tfoot th,
[data-theme="dark"] table tfoot td,
[data-theme="dark"] table tfoot tr,
[data-theme="dark"] table.dataTable tfoot th,
[data-theme="dark"] table.dataTable tfoot td {
    border-top: 1px solid var(--dark-border) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] table tbody tr:last-child td {
    border-bottom-color: var(--dark-border) !important;
}

/* DataTable scroll containers and wrappers */
[data-theme="dark"] .dt-scroll-body,
[data-theme="dark"] .dataTables_scrollBody {
    border-bottom-color: var(--dark-border) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .dt-scroll-foot,
[data-theme="dark"] .dataTables_scrollFoot {
    border-top-color: var(--dark-border) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .dt-scroll-head,
[data-theme="dark"] .dataTables_scrollHead {
    border-bottom-color: var(--dark-border) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .summary-card {
    background: var(--dark-bg-tertiary) !important;
}

/* ===== Customer Details Stat Boxes & Heatmap ===== */

[data-theme="dark"] .cd-hm {
    background: var(--dark-card-bg) !important;
    border: 1px solid var(--dark-border) !important;
}

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

[data-theme="dark"] .cd-hm-value {
    color: var(--dark-text-primary) !important;
}

/* Activity heatmap (calmosaic) */
[data-theme="dark"] .calmosaic rect[fill="#ebedf0"],
[data-theme="dark"] .calmosaic rect[fill="#EBEDF0"] {
    fill: var(--dark-bg-tertiary) !important;
}

[data-theme="dark"] .calmosaic text {
    fill: var(--dark-text-secondary) !important;
}

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

/* Calmosaic empty cells */
[data-theme="dark"] .cal-heatmap-cell[fill="#ebedf0"],
[data-theme="dark"] [style*="background-color: #ebedf0"],
[data-theme="dark"] [style*="background: #ebedf0"] {
    background-color: var(--dark-bg-tertiary) !important;
}

/* ===== Filter Forms & Toolbar Inputs ===== */

[data-theme="dark"] .btn-outline-secondary {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .btn-outline-secondary:hover {
    background: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

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

/* Custom select / dropdowns */
[data-theme="dark"] .custom-select,
[data-theme="dark"] select.form-control {
    background-color: var(--dark-input-bg) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

/* ===== Customers DataTable ===== */

[data-theme="dark"] .customers-datatable thead th {
    color: var(--dark-text-secondary) !important;
    background: var(--dark-bg-tertiary) !important;
}

[data-theme="dark"] .customers-datatable tbody td {
    color: var(--dark-text-primary) !important;
    border-bottom-color: var(--dark-border) !important;
}

[data-theme="dark"] .customers-datatable tbody tr:hover td {
    background-color: var(--dark-bg-tertiary) !important;
}

/* ===== Session Details & General Detail Headings ===== */

html[data-theme="dark"] .item-details-content h3,
html[data-theme="dark"] .item-details-content h2,
html[data-theme="dark"] .item-details-content h1 {
    color: var(--dark-text-primary) !important;
}

/* ===== Session Status Badges ===== */

.session-badge {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 6px;
    font-size: 0.78rem;
    font-weight: 600;
}

.session-badge--open {
    background: #dcfce7;
    color: #16a34a;
}

.session-badge--pending {
    background: #fef3c7;
    color: #d97706;
}

.session-badge--closed {
    background: #e0e7ff;
    color: #4338ca;
}

[data-theme="dark"] .session-badge--open {
    background: rgba(22, 163, 74, 0.15) !important;
    color: #6ee7b7 !important;
}

[data-theme="dark"] .session-badge--pending {
    background: rgba(217, 119, 6, 0.15) !important;
    color: #fcd34d !important;
}

[data-theme="dark"] .session-badge--closed {
    background: rgba(67, 56, 202, 0.15) !important;
    color: #a5b4fc !important;
}

/* ===== Session Stat Boxes ===== */

.session-stat-box {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 0.4rem 0.85rem;
    text-align: center;
    min-width: 70px;
}

.session-stat-value {
    font-size: 1.1rem;
    font-weight: 700;
    color: #1e293b;
}

.session-stat-label {
    font-size: 0.68rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
}

[data-theme="dark"] .session-stat-box {
    border-color: var(--dark-border) !important;
    background: var(--dark-card-bg) !important;
}

[data-theme="dark"] .session-stat-value {
    color: var(--dark-text-primary) !important;
}

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

/* Sessions datatable */
[data-theme="dark"] .registers-datatable thead th {
    color: var(--dark-text-secondary) !important;
    background: var(--dark-bg-tertiary) !important;
}

[data-theme="dark"] .registers-datatable tbody td {
    color: var(--dark-text-primary) !important;
    border-bottom-color: var(--dark-border) !important;
}

[data-theme="dark"] .registers-datatable tbody tr:hover td {
    background-color: var(--dark-bg-tertiary) !important;
}

/* ===== Order Create / New Order Modal ===== */

/* Product cards */
[data-theme="dark"] .ot-product-card {
    background: var(--dark-card-bg) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .ot-product-card.active {
    border-color: var(--dark-accent) !important;
}

[data-theme="dark"] .ot-product-img {
    background: var(--dark-bg-tertiary) !important;
    border-bottom-color: var(--dark-border) !important;
}

[data-theme="dark"] .ot-product-name {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .ot-product-price {
    color: var(--dark-text-secondary) !important;
}

/* Category sidebar */
html[data-theme="dark"] .ot-cat-btn {
    background: var(--dark-border) !important;
    border-color: var(--dark-border) !important;
}

html[data-theme="dark"] .ot-cat-btn:hover {
    border-color: var(--dark-border-light) !important;
    background: var(--dark-border-light) !important;
}

html[data-theme="dark"] .ot-cat-btn.active {
    border-color: var(--dark-accent) !important;
    background: var(--dark-bg-tertiary) !important;
}

[data-theme="dark"] .ot-cat-initials {
    /*color: var(--dark-text-secondary) !important;*/
}

[data-theme="dark"] .ot-cat-label {
    color: var(--dark-text-primary) !important;
}

/* Sidebar toggle */
[data-theme="dark"] .ot-sidebar-toggle {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .ot-sidebar-toggle:hover {
    background: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

/* Back button */
[data-theme="dark"] .ot-back-btn {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .ot-back-btn:hover {
    background: var(--dark-border) !important;
}

/* Header */
[data-theme="dark"] .ot-menu-name {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .ot-category-name {
    color: var(--dark-text-secondary) !important;
}

/* Search */
[data-theme="dark"] .ot-header-search .product-lookup {
    background: var(--dark-input-bg) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .ot-search-kbd {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-muted) !important;
}

[data-theme="dark"] .ot-search-icon {
    color: var(--dark-text-secondary) !important;
}

/* Menu dropdown */
[data-theme="dark"] .ot-menu-dropdown {
    background: var(--dark-card-bg) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .ot-menu-dropdown-item {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .ot-menu-dropdown-item:hover {
    background: var(--dark-bg-tertiary) !important;
}

/* Modifier modal */
[data-theme="dark"] .modifier-item-row {
    background: var(--dark-card-bg) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .modifier-item-row:hover {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border-light) !important;
}

[data-theme="dark"] .modifier-item-row:has(.modifier-checkbox:checked),
[data-theme="dark"] .modifier-item-row:has(.modifier-radio:checked) {
    background: rgba(var(--dark-accent-rgb), 0.15) !important;
    border-color: var(--dark-accent) !important;
}

[data-theme="dark"] .order-modifier > td > .d-flex {
    background: var(--dark-bg-tertiary) !important;
}

[data-theme="dark"] .order-modifier > td > .d-flex h5 {
    color: var(--dark-text-primary) !important;
}

/* Section separators */
[data-theme="dark"] .ot-sidebar {
    border-right: 1px solid var(--dark-border);
}

[data-theme="dark"] .ot-content {
    border-right: 1px solid var(--dark-border);
}

/* Order panel (right side) */
[data-theme="dark"] .ot-order-panel {
    background: var(--dark-card-bg) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .ot-order-header {
    border-bottom-color: var(--dark-border) !important;
}

[data-theme="dark"] .ot-order-header h3 {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .ot-order-header .ot-order-ref {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .ot-order-footer {
    background: var(--dark-card-bg) !important;
}

/* Info grid */
[data-theme="dark"] .ot-info-grid {
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .ot-info-item {
    border-bottom-color: var(--dark-border) !important;
    border-right-color: var(--dark-border) !important;
}

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

[data-theme="dark"] .ot-info-value {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .ot-info-value select,
[data-theme="dark"] .ot-info-value input {
    background: var(--dark-input-bg) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

/* Collapsed info grid */
[data-theme="dark"] .ot-info-grid.info-collapsed {
    background: var(--dark-card-bg) !important;
    border-bottom-color: var(--dark-border) !important;
}

[data-theme="dark"] .ot-info-grid.info-collapsed:hover {
    background: var(--dark-bg-tertiary) !important;
}

[data-theme="dark"] .ot-info-grid.info-collapsed .ot-info-value {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .ot-info-grid.info-collapsed .ot-info-item:first-child .ot-info-value {
    background: rgba(var(--dark-accent-rgb), 0.15) !important;
    color: var(--dark-accent) !important;
}

/* Line items */
[data-theme="dark"] .ot-line-items tr.line-item {
    border-bottom-color: var(--dark-border) !important;
}

[data-theme="dark"] .ot-line-items .line-item-name {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .ot-line-items .line-item-price {
    color: var(--dark-text-secondary) !important;
}

/* Totals */
[data-theme="dark"] .ot-totals-label {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .ot-totals-value,
[data-theme="dark"] .ot-totals-value input,
[data-theme="dark"] .ot-totals-value span {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .ot-totals-row.total {
    border-top-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .ot-totals-row.total .ot-totals-label,
[data-theme="dark"] .ot-totals-row.total .ot-totals-value {
    color: var(--dark-text-primary) !important;
    font-weight: 700;
}

/* Notes textarea */
[data-theme="dark"] .ot-notes-section textarea {
    background: var(--dark-input-bg) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

/* Action buttons */
[data-theme="dark"] .ot-btn-outline {
    background: var(--dark-bg-tertiary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .ot-btn-outline:hover {
    background: var(--dark-border) !important;
}

/* Line items in order panel */
[data-theme="dark"] .ot-line-items tr.line-item {
    background: var(--dark-bg-tertiary) !important;
}

[data-theme="dark"] .ot-line-item-edit {
    background: var(--dark-card-bg) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .ot-line-item-edit a {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .ot-line-item-name {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .ot-line-item-price {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .ot-line-item-num {
    color: var(--dark-text-muted) !important;
}

/* Quantity input and buttons in line items */
[data-theme="dark"] .ot-line-item-qty input,
[data-theme="dark"] .ot-line-item-qty input.form-control {
    background: var(--dark-bg-secondary) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .ot-line-item-qty .bootstrap-touchspin .btn {
    background: var(--dark-bg-secondary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .ot-line-item-qty .bootstrap-touchspin .btn:hover {
    border-color: var(--dark-border-light) !important;
    color: var(--dark-text-primary) !important;
}

/* Delete button */
[data-theme="dark"] .ot-line-item-delete {
    background: #dc3545 !important;
    opacity: 0.9;
}

/* Category initials badge */
[data-theme="dark"] .ot-cat-initials {
    /*color: var(--dark-text-secondary) !important;*/
}

/* Order create modifier modal header */
[data-theme="dark"] [id^="UpdateModifierDetails_"] .modal-header {
    background: var(--dark-card-bg) !important;
    border-bottom-color: var(--dark-border) !important;
}

[data-theme="dark"] [id^="UpdateModifierDetails_"] .modal-header .modal-title {
    color: var(--dark-text-primary) !important;
}

/* Print preview border for dark mode */
[data-theme="dark"] .entity-print-preview {
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] .entity-print-preview * {
    border-color: var(--dark-border) !important;
}

/* Order/Kitchen/Takeouts/Delivery sort dropdown */
[data-theme="dark"] #sortDropdownMenu {
    background: var(--dark-card-bg) !important;
    border-color: var(--dark-border) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] #sortDropdownMenu .dropdown-item {
    background-color: var(--dark-card-bg) !important;
    color: var(--dark-text-primary) !important;
    border-bottom-color: var(--dark-border) !important;
}

[data-theme="dark"] #sortDropdownMenu .dropdown-item:hover {
    background-color: var(--dark-bg-tertiary) !important;
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] #sortDropdownMenu .dropdown-item.selected {
    background-color: var(--dark-accent) !important;
    color: #ffffff !important;
}

/* Monochrome black-scheme primary accents */
[data-theme="dark"] .btn-primary {
    background: var(--dark-accent) !important;
    border-color: var(--dark-accent) !important;
    color: var(--dark-accent-fg) !important;
    box-shadow: 0 6px 14px -6px rgba(var(--dark-accent-rgb), 0.35);
}

[data-theme="dark"] .btn-primary:hover,
[data-theme="dark"] .btn-primary:focus,
[data-theme="dark"] .btn-primary:active {
    background: var(--dark-accent-hover) !important;
    border-color: var(--dark-accent-hover) !important;
    color: var(--dark-accent-fg) !important;
}

[data-theme="dark"] .btn-outline-primary {
    border-color: rgba(var(--dark-accent-rgb), 0.35) !important;
    color: var(--dark-accent) !important;
}

[data-theme="dark"] .btn-outline-primary:hover,
[data-theme="dark"] .btn-outline-primary:focus {
    background: rgba(var(--dark-accent-rgb), 0.1) !important;
    border-color: var(--dark-accent) !important;
    color: var(--dark-accent) !important;
}

[data-theme="dark"] .btn-primary:focus,
[data-theme="dark"] .btn-outline-primary:focus,
[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--dark-accent-rgb), 0.15) !important;
}

/* Empty-state / icon-wrap chip */
[data-theme="dark"] .empty-state-icon,
[data-theme="dark"] .icon-accent-wrap {
    background: rgba(var(--dark-accent-rgb), 0.08) !important;
    color: var(--dark-accent) !important;
    border: 1px solid rgba(var(--dark-accent-rgb), 0.18) !important;
}

/* Card border tune-up for crisp panel look */
html[data-theme="dark"] .card {
    border: 1px solid var(--dark-border) !important;
}

/* Text-primary link accent */
[data-theme="dark"] a.text-primary,
[data-theme="dark"] .text-primary {
    color: var(--dark-accent) !important;
}

/* ─────────────────────────────────────────────────────────────
   Counter list-view rows (Orders/Index list mode)
   ───────────────────────────────────────────────────────────── */
[data-theme="dark"] .order-list-view__empty {
    color: var(--dark-text-secondary) !important;
}

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

    [data-theme="dark"] .order-list-row:hover {
        background: var(--dark-bg-tertiary) !important;
        border-color: var(--dark-border-light) !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
    }

/* Type column */
[data-theme="dark"] .order-list-row__type-name {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .order-list-row__type-icon i {
    color: var(--dark-text-secondary) !important;
}

/* Customer column */
[data-theme="dark"] .order-list-row__customer-primary {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .order-list-row__customer-secondary {
    color: var(--dark-text-secondary) !important;
}

/* Amount column */
[data-theme="dark"] .order-list-row__total {
    color: var(--dark-text-primary) !important;
}

[data-theme="dark"] .order-list-row__reference {
    color: var(--dark-text-secondary) !important;
}

/* Meta column */
[data-theme="dark"] .order-list-row__item-count {
    color: var(--dark-text-secondary) !important;
}

/* Outline button (e.g. Assign Driver, Mark Served) */
[data-theme="dark"] .order-list-row__btn--outline {
    background: transparent !important;
    border-color: var(--dark-border-light) !important;
    color: var(--dark-text-primary) !important;
}

    [data-theme="dark"] .order-list-row__btn--outline:hover {
        background: var(--dark-bg-tertiary) !important;
        border-color: #525252 !important;
        color: var(--dark-text-primary) !important;
    }

/* Filled button (Settle) — invert so it reads as the primary action on dark bg */
[data-theme="dark"] .order-list-row__btn--filled {
    background: #fafafa !important;
    border-color: #fafafa !important;
    color: #111 !important;
}

    [data-theme="dark"] .order-list-row__btn--filled:hover {
        background: #e5e5e5 !important;
        border-color: #e5e5e5 !important;
        color: #111 !important;
    }

/* Print icon */
[data-theme="dark"] .order-list-row__print-btn {
    color: var(--dark-text-secondary) !important;
}

    [data-theme="dark"] .order-list-row__print-btn:hover {
        color: var(--dark-text-primary) !important;
    }

/* Entrance transition already inherited via #order-all-tab rules in Index.cshtml */