/* Tu Factura Ya – dark theme foundation
 * Loaded after page-level styles so every application view shares the same
 * readable surfaces, controls and data visualisations.  PDF and email views
 * do not load layouts.app and are therefore intentionally out of scope.
 */
html[data-bs-theme="dark"] body.commercial-ui {
    --tfy-dark-bg: #0b1220;
    --tfy-dark-bg-alt: #0f172a;
    --tfy-dark-surface: #121c2d;
    --tfy-dark-surface-alt: #172338;
    --tfy-dark-surface-raised: #1c2a40;
    --tfy-dark-border: #2a3b55;
    --tfy-dark-border-soft: #213149;
    --tfy-dark-text: #e8eef8;
    --tfy-dark-muted: #9aacc2;
    --tfy-dark-placeholder: #71839c;
    --tfy-dark-shadow: 0 .55rem 1.5rem rgba(0, 0, 0, .28);
    color: var(--tfy-dark-text);
    background-color: var(--tfy-dark-bg) !important;
    color-scheme: dark;
}

html[data-bs-theme="dark"] body.commercial-ui,
html[data-bs-theme="dark"] body.commercial-ui #kt_wrapper,
html[data-bs-theme="dark"] body.commercial-ui #kt_app_content,
html[data-bs-theme="dark"] body.commercial-ui .app-content,
html[data-bs-theme="dark"] body.commercial-ui .page {
    background-color: var(--tfy-dark-bg) !important;
}
html[data-bs-theme="dark"] body.commercial-ui.auth-bg {
    background-color: var(--tfy-dark-bg) !important;
    background-image: linear-gradient(rgba(5, 10, 20, .76), rgba(5, 10, 20, .76)), url('/media/auth/bg10.jpeg') !important;
}

/* Header, top navigation and mobile drawer */
html[data-bs-theme="dark"] body.commercial-ui #kt_header,
html[data-bs-theme="dark"] body.commercial-ui #kt_header .header-top,
html[data-bs-theme="dark"] body.commercial-ui #kt_header .header-navs,
html[data-bs-theme="dark"] body.commercial-ui #kt_header_navs,
html[data-bs-theme="dark"] body.commercial-ui #kt_brand_tabs,
html[data-bs-theme="dark"] body.commercial-ui #kt_header_tabs {
    background: var(--tfy-dark-bg-alt) !important;
    border-color: var(--tfy-dark-border) !important;
}
html[data-bs-theme="dark"] body.commercial-ui #kt_header .nav-link,
html[data-bs-theme="dark"] body.commercial-ui #kt_header .nav-link .ki,
html[data-bs-theme="dark"] body.commercial-ui #kt_header .nav-link i {
    color: var(--tfy-dark-muted) !important;
}
html[data-bs-theme="dark"] body.commercial-ui #kt_header .nav-link:hover,
html[data-bs-theme="dark"] body.commercial-ui #kt_header .nav-link.active,
html[data-bs-theme="dark"] body.commercial-ui #kt_header .nav-link.active .ki,
html[data-bs-theme="dark"] body.commercial-ui #kt_header .nav-link.active i,
html[data-bs-theme="dark"] body.commercial-ui #kt_header .nav-link.active .menu-title {
    color: var(--bs-primary) !important;
}
html[data-bs-theme="dark"] body.commercial-ui #kt_header .text-dark,
html[data-bs-theme="dark"] body.commercial-ui #kt_header .nav-link.text-dark,
html[data-bs-theme="dark"] body.commercial-ui #kt_header .nav-link.active.text-dark {
    color: var(--bs-primary) !important;
}
html[data-bs-theme="dark"] body.commercial-ui #kt_header .menu-sub,
html[data-bs-theme="dark"] body.commercial-ui #kt_header .menu-sub-dropdown {
    background-color: var(--tfy-dark-surface) !important;
    border-color: var(--tfy-dark-border) !important;
}
html[data-bs-theme="dark"] body.commercial-ui #kt_header .menu-link,
html[data-bs-theme="dark"] body.commercial-ui #kt_header .menu-title,
html[data-bs-theme="dark"] body.commercial-ui #kt_header .menu-icon,
html[data-bs-theme="dark"] body.commercial-ui #kt_header .menu-arrow {
    color: var(--tfy-dark-muted);
}
html[data-bs-theme="dark"] body.commercial-ui #kt_header .menu-link:hover,
html[data-bs-theme="dark"] body.commercial-ui #kt_header .menu-link.active,
html[data-bs-theme="dark"] body.commercial-ui #kt_header .menu-link.active .menu-title {
    color: var(--bs-primary) !important;
    background-color: rgba(var(--bs-primary-rgb), .12) !important;
}
html[data-bs-theme="dark"] body.commercial-ui #kt_header .separator {
    border-color: var(--tfy-dark-border) !important;
}

/* Common application surfaces.  Specific semantic .bg-* cards are excluded
 * so primary/success/danger KPI cards retain their intended accent colour. */
html[data-bs-theme="dark"] body.commercial-ui .card:not([class*="bg-"]),
html[data-bs-theme="dark"] body.commercial-ui .card:not(.bg-primary):not(.bg-success):not(.bg-danger):not(.bg-warning):not(.bg-info),
html[data-bs-theme="dark"] body.commercial-ui .offcanvas,
html[data-bs-theme="dark"] body.commercial-ui .drawer,
html[data-bs-theme="dark"] body.commercial-ui .popover,
html[data-bs-theme="dark"] body.commercial-ui .toast,
html[data-bs-theme="dark"] body.commercial-ui .accordion-item,
html[data-bs-theme="dark"] body.commercial-ui .list-group-item {
    color: var(--tfy-dark-text);
    background-color: var(--tfy-dark-surface) !important;
    border-color: var(--tfy-dark-border) !important;
    box-shadow: var(--tfy-dark-shadow);
}
html[data-bs-theme="dark"] body.commercial-ui .card-header,
html[data-bs-theme="dark"] body.commercial-ui .card-footer {
    color: var(--tfy-dark-text);
    background-color: var(--tfy-dark-surface-alt) !important;
    border-color: var(--tfy-dark-border) !important;
}
html[data-bs-theme="dark"] body.commercial-ui .card-body { color: var(--tfy-dark-text); }

/* View-specific cards/panels often use a hard-coded light gradient. */
html[data-bs-theme="dark"] body.commercial-ui [class*="-panel"],
html[data-bs-theme="dark"] body.commercial-ui [class*="-shell"],
html[data-bs-theme="dark"] body.commercial-ui [class*="-workspace"],
html[data-bs-theme="dark"] body.commercial-ui [class$="-section-card"],
html[data-bs-theme="dark"] body.commercial-ui [class$="-kpi-card"],
html[data-bs-theme="dark"] body.commercial-ui [class$="-chart-card"] {
    color: var(--tfy-dark-text);
    background-color: var(--tfy-dark-surface) !important;
    background-image: none !important;
    border-color: var(--tfy-dark-border) !important;
}
html[data-bs-theme="dark"] body.commercial-ui [class*="-toolbar"],
html[data-bs-theme="dark"] body.commercial-ui [class*="-table-wrap"],
html[data-bs-theme="dark"] body.commercial-ui [class*="-table-card"],
html[data-bs-theme="dark"] body.commercial-ui [class*="-line-card"],
html[data-bs-theme="dark"] body.commercial-ui [class*="-form-card"] {
    color: var(--tfy-dark-text);
    background-color: var(--tfy-dark-surface-alt) !important;
    background-image: none !important;
    border-color: var(--tfy-dark-border) !important;
}
html[data-bs-theme="dark"] body.commercial-ui .app-toolbar,
html[data-bs-theme="dark"] body.commercial-ui .page-title,
html[data-bs-theme="dark"] body.commercial-ui .page-title h1,
html[data-bs-theme="dark"] body.commercial-ui .page-heading {
    color: var(--tfy-dark-text) !important;
}

/* Typography and utility classes that otherwise stay nearly black in dark mode. */
html[data-bs-theme="dark"] body.commercial-ui .text-dark,
html[data-bs-theme="dark"] body.commercial-ui .text-gray-800,
html[data-bs-theme="dark"] body.commercial-ui .text-gray-900,
html[data-bs-theme="dark"] body.commercial-ui .text-body {
    color: var(--tfy-dark-text) !important;
}
html[data-bs-theme="dark"] body.commercial-ui .text-gray-500,
html[data-bs-theme="dark"] body.commercial-ui .text-gray-600,
html[data-bs-theme="dark"] body.commercial-ui .text-gray-700,
html[data-bs-theme="dark"] body.commercial-ui .text-muted,
html[data-bs-theme="dark"] body.commercial-ui .text-body-secondary {
    color: var(--tfy-dark-muted) !important;
}
html[data-bs-theme="dark"] body.commercial-ui .text-gray-400,
html[data-bs-theme="dark"] body.commercial-ui .text-gray-300 {
    color: #8396ad !important;
}
html[data-bs-theme="dark"] body.commercial-ui hr,
html[data-bs-theme="dark"] body.commercial-ui .separator {
    border-color: var(--tfy-dark-border) !important;
    color: var(--tfy-dark-border) !important;
}
html[data-bs-theme="dark"] body.commercial-ui .border,
html[data-bs-theme="dark"] body.commercial-ui .border-1,
html[data-bs-theme="dark"] body.commercial-ui [class*="border-"] {
    border-color: var(--tfy-dark-border) !important;
}
html[data-bs-theme="dark"] body.commercial-ui .border-primary { border-color: rgba(var(--bs-primary-rgb), .62) !important; }
html[data-bs-theme="dark"] body.commercial-ui .border-success { border-color: rgba(var(--bs-success-rgb), .62) !important; }
html[data-bs-theme="dark"] body.commercial-ui .border-warning { border-color: rgba(var(--bs-warning-rgb), .68) !important; }
html[data-bs-theme="dark"] body.commercial-ui .border-danger { border-color: rgba(var(--bs-danger-rgb), .62) !important; }
html[data-bs-theme="dark"] body.commercial-ui .border-info { border-color: rgba(var(--bs-info-rgb), .62) !important; }
html[data-bs-theme="dark"] body.commercial-ui .bg-body,
html[data-bs-theme="dark"] body.commercial-ui .bg-light,
html[data-bs-theme="dark"] body.commercial-ui .bg-white,
html[data-bs-theme="dark"] body.commercial-ui .bg-light-primary,
html[data-bs-theme="dark"] body.commercial-ui .bg-light-success,
html[data-bs-theme="dark"] body.commercial-ui .bg-light-danger,
html[data-bs-theme="dark"] body.commercial-ui .bg-light-warning,
html[data-bs-theme="dark"] body.commercial-ui .bg-light-info {
    background-color: var(--tfy-dark-surface-alt) !important;
    color: var(--tfy-dark-text);
}
html[data-bs-theme="dark"] body.commercial-ui .bg-light-primary,
html[data-bs-theme="dark"] body.commercial-ui .btn-light-primary { color: #68c7ff !important; }
html[data-bs-theme="dark"] body.commercial-ui .bg-light-success,
html[data-bs-theme="dark"] body.commercial-ui .btn-light-success { color: #80e4ad !important; }
html[data-bs-theme="dark"] body.commercial-ui .bg-light-danger,
html[data-bs-theme="dark"] body.commercial-ui .btn-light-danger { color: #ff8eaa !important; }
html[data-bs-theme="dark"] body.commercial-ui .bg-light-warning,
html[data-bs-theme="dark"] body.commercial-ui .btn-light-warning { color: #ffd968 !important; }

/* Metronic also exposes light variants that are used through compound class
 * names (badge-light-*, btn-light-* and bg-light-secondary/dark).  Keep the
 * variant's readable accent while replacing its paper-white surface. */
html[data-bs-theme="dark"] body.commercial-ui :is(.badge[class*="badge-light-"], [class*="bg-light-"]) {
    background-color: var(--tfy-dark-surface-raised) !important;
    border-color: var(--tfy-dark-border) !important;
}
html[data-bs-theme="dark"] body.commercial-ui .badge-light-primary,
html[data-bs-theme="dark"] body.commercial-ui .btn-light-primary,
html[data-bs-theme="dark"] body.commercial-ui .bg-light-primary { color: #68c7ff !important; }
html[data-bs-theme="dark"] body.commercial-ui .badge-light-success,
html[data-bs-theme="dark"] body.commercial-ui .btn-light-success,
html[data-bs-theme="dark"] body.commercial-ui .bg-light-success { color: #80e4ad !important; }
html[data-bs-theme="dark"] body.commercial-ui .badge-light-danger,
html[data-bs-theme="dark"] body.commercial-ui .btn-light-danger,
html[data-bs-theme="dark"] body.commercial-ui .bg-light-danger { color: #ff8eaa !important; }
html[data-bs-theme="dark"] body.commercial-ui .badge-light-warning,
html[data-bs-theme="dark"] body.commercial-ui .btn-light-warning,
html[data-bs-theme="dark"] body.commercial-ui .bg-light-warning { color: #ffd968 !important; }
html[data-bs-theme="dark"] body.commercial-ui .badge-light-info,
html[data-bs-theme="dark"] body.commercial-ui .btn-light-info,
html[data-bs-theme="dark"] body.commercial-ui .bg-light-info { color: #87d8ff !important; }
html[data-bs-theme="dark"] body.commercial-ui .badge-light-secondary,
html[data-bs-theme="dark"] body.commercial-ui .btn-light-secondary,
html[data-bs-theme="dark"] body.commercial-ui .bg-light-secondary,
html[data-bs-theme="dark"] body.commercial-ui .badge-light-dark,
html[data-bs-theme="dark"] body.commercial-ui .btn-light-dark,
html[data-bs-theme="dark"] body.commercial-ui .bg-light-dark,
html[data-bs-theme="dark"] body.commercial-ui .badge-light-light,
html[data-bs-theme="dark"] body.commercial-ui .bg-light-light { color: var(--tfy-dark-text) !important; }

/* Paper-like previews and QR codes intentionally stay white so they remain
 * scannable and representative of the printed document. */
html[data-bs-theme="dark"] body.commercial-ui .bg-white:has(svg),
html[data-bs-theme="dark"] body.commercial-ui #preview_container {
    color: #111827 !important;
    background-color: #fff !important;
}

/* The establishment selector intentionally floats over the dark header. */
html[data-bs-theme="dark"] body.commercial-ui #kt_header .bg-white.bg-opacity-10,
html[data-bs-theme="dark"] body.commercial-ui #kt_header #header-establishment {
    color: #fff !important;
    background-color: rgba(255, 255, 255, .1) !important;
    border-color: rgba(255, 255, 255, .2) !important;
}
html[data-bs-theme="dark"] body.commercial-ui #kt_header #header-establishment option {
    color: var(--tfy-dark-text) !important;
    background-color: var(--tfy-dark-surface) !important;
}

/* Tables and DataTables */
html[data-bs-theme="dark"] body.commercial-ui .table,
html[data-bs-theme="dark"] body.commercial-ui .table > :not(caption) > * > * {
    color: var(--tfy-dark-text);
    border-color: var(--tfy-dark-border-soft) !important;
}
html[data-bs-theme="dark"] body.commercial-ui .table > :not(caption) > * > *,
html[data-bs-theme="dark"] body.commercial-ui .table thead,
html[data-bs-theme="dark"] body.commercial-ui .table thead th {
    background-color: var(--tfy-dark-surface-alt) !important;
}
html[data-bs-theme="dark"] body.commercial-ui .table tbody tr:nth-child(even) > *,
html[data-bs-theme="dark"] body.commercial-ui .table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: rgba(36, 53, 78, .32) !important;
}
html[data-bs-theme="dark"] body.commercial-ui .table tbody tr:hover > *,
html[data-bs-theme="dark"] body.commercial-ui .table-hover > tbody > tr:hover > * {
    background-color: rgba(var(--bs-primary-rgb), .11) !important;
}
html[data-bs-theme="dark"] body.commercial-ui .table thead th,
html[data-bs-theme="dark"] body.commercial-ui .dataTables_wrapper .dataTables_length,
html[data-bs-theme="dark"] body.commercial-ui .dataTables_wrapper .dataTables_info {
    color: var(--tfy-dark-muted) !important;
}
html[data-bs-theme="dark"] body.commercial-ui .dataTables_wrapper .dataTables_filter input,
html[data-bs-theme="dark"] body.commercial-ui .dataTables_wrapper .dataTables_length select,
html[data-bs-theme="dark"] body.commercial-ui .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: var(--tfy-dark-text) !important;
    background: var(--tfy-dark-surface-alt) !important;
    border-color: var(--tfy-dark-border) !important;
}
html[data-bs-theme="dark"] body.commercial-ui .dataTables_wrapper .dataTables_paginate .paginate_button.current,
html[data-bs-theme="dark"] body.commercial-ui .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #fff !important;
    background: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

/* Form controls, Select2 and date/time pickers */
html[data-bs-theme="dark"] body.commercial-ui .form-control,
html[data-bs-theme="dark"] body.commercial-ui .form-select,
html[data-bs-theme="dark"] body.commercial-ui .input-group-text,
html[data-bs-theme="dark"] body.commercial-ui .form-control-solid,
html[data-bs-theme="dark"] body.commercial-ui .form-select-solid,
html[data-bs-theme="dark"] body.commercial-ui .select2-container--default .select2-selection--single,
html[data-bs-theme="dark"] body.commercial-ui .select2-container--default .select2-selection--multiple {
    color: var(--tfy-dark-text) !important;
    background-color: var(--tfy-dark-surface-alt) !important;
    border-color: var(--tfy-dark-border) !important;
}
html[data-bs-theme="dark"] body.commercial-ui .form-control:focus,
html[data-bs-theme="dark"] body.commercial-ui .form-select:focus,
html[data-bs-theme="dark"] body.commercial-ui .select2-container--default.select2-container--focus .select2-selection--single,
html[data-bs-theme="dark"] body.commercial-ui .select2-container--default.select2-container--open .select2-selection--single {
    color: var(--tfy-dark-text) !important;
    border-color: var(--bs-primary) !important;
    box-shadow: 0 0 0 .2rem rgba(var(--bs-primary-rgb), .17) !important;
}
html[data-bs-theme="dark"] body.commercial-ui .form-control::placeholder,
html[data-bs-theme="dark"] body.commercial-ui .form-select::placeholder {
    color: var(--tfy-dark-placeholder) !important;
}
html[data-bs-theme="dark"] body.commercial-ui .select2-dropdown,
html[data-bs-theme="dark"] body.commercial-ui .select2-container--default .select2-results__option {
    color: var(--tfy-dark-text) !important;
    background-color: var(--tfy-dark-surface) !important;
    border-color: var(--tfy-dark-border) !important;
}
html[data-bs-theme="dark"] body.commercial-ui .select2-container--default .select2-results__option--highlighted[aria-selected],
html[data-bs-theme="dark"] body.commercial-ui .select2-container--default .select2-results__option[aria-selected="true"] {
    color: #fff !important;
    background-color: rgba(var(--bs-primary-rgb), .3) !important;
}
html[data-bs-theme="dark"] body.commercial-ui input[type="date"]::-webkit-calendar-picker-indicator,
html[data-bs-theme="dark"] body.commercial-ui input[type="time"]::-webkit-calendar-picker-indicator {
    filter: invert(1) brightness(1.4);
}

/* Buttons and action icons */
html[data-bs-theme="dark"] body.commercial-ui .btn-light,
html[data-bs-theme="dark"] body.commercial-ui .btn-secondary,
html[data-bs-theme="dark"] body.commercial-ui .btn-light-primary,
html[data-bs-theme="dark"] body.commercial-ui .btn-light-success,
html[data-bs-theme="dark"] body.commercial-ui .btn-light-danger,
html[data-bs-theme="dark"] body.commercial-ui .btn-light-warning,
html[data-bs-theme="dark"] body.commercial-ui .btn-light-info {
    color: var(--tfy-dark-text) !important;
    background-color: var(--tfy-dark-surface-raised) !important;
    border-color: var(--tfy-dark-border) !important;
}
html[data-bs-theme="dark"] body.commercial-ui .btn[class*="btn-light-"] {
    background-color: var(--tfy-dark-surface-raised) !important;
    border-color: var(--tfy-dark-border) !important;
}
html[data-bs-theme="dark"] body.commercial-ui .btn-light:hover,
html[data-bs-theme="dark"] body.commercial-ui .btn-secondary:hover,
html[data-bs-theme="dark"] body.commercial-ui .btn-light-primary:hover,
html[data-bs-theme="dark"] body.commercial-ui .btn-light-success:hover,
html[data-bs-theme="dark"] body.commercial-ui .btn-light-danger:hover,
html[data-bs-theme="dark"] body.commercial-ui .btn-light-warning:hover,
html[data-bs-theme="dark"] body.commercial-ui .btn-light-info:hover {
    color: #fff !important;
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}
html[data-bs-theme="dark"] body.commercial-ui .btn-icon.btn-color-warning.bg-body {
    background-color: var(--tfy-dark-surface-alt) !important;
}
html[data-bs-theme="dark"] body.commercial-ui .modulo-action-btn.is-delete,
html[data-bs-theme="dark"] body.commercial-ui .btn-icon.is-delete {
    color: #ff8eaa !important;
    background-color: rgba(241, 65, 108, .14) !important;
}
html[data-bs-theme="dark"] body.commercial-ui .btn-close { filter: invert(1) grayscale(100%) brightness(1.5); }

/* Modals, dropdowns, menus and notifications */
html[data-bs-theme="dark"] body.commercial-ui .modal-content,
html[data-bs-theme="dark"] body.commercial-ui .modal-header,
html[data-bs-theme="dark"] body.commercial-ui .modal-body,
html[data-bs-theme="dark"] body.commercial-ui .modal-footer,
html[data-bs-theme="dark"] body.commercial-ui .dropdown-menu,
html[data-bs-theme="dark"] body.commercial-ui .menu-sub-dropdown,
html[data-bs-theme="dark"] body.commercial-ui .menu[data-kt-menu],
html[data-bs-theme="dark"] body.commercial-ui .flatpickr-calendar,
html[data-bs-theme="dark"] body.commercial-ui .daterangepicker {
    color: var(--tfy-dark-text);
    background-color: var(--tfy-dark-surface) !important;
    border-color: var(--tfy-dark-border) !important;
    box-shadow: var(--tfy-dark-shadow);
}
html[data-bs-theme="dark"] body.commercial-ui .modal-header,
html[data-bs-theme="dark"] body.commercial-ui .modal-footer { background-color: var(--tfy-dark-surface-alt) !important; }
html[data-bs-theme="dark"] body.commercial-ui .dropdown-item,
html[data-bs-theme="dark"] body.commercial-ui .menu-link {
    color: var(--tfy-dark-text);
}
html[data-bs-theme="dark"] body.commercial-ui .dropdown-item:hover,
html[data-bs-theme="dark"] body.commercial-ui .dropdown-item:focus,
html[data-bs-theme="dark"] body.commercial-ui .menu-link:hover,
html[data-bs-theme="dark"] body.commercial-ui .menu-link.active {
    color: var(--bs-primary) !important;
    background-color: rgba(var(--bs-primary-rgb), .12) !important;
}
html[data-bs-theme="dark"] body.commercial-ui .tooltip-inner { color: #fff; background-color: #050a13; }
html[data-bs-theme="dark"] body.commercial-ui .tooltip .tooltip-arrow::before { border-top-color: #050a13; }

/* Alerts retain semantic hue while using dark readable surfaces. */
html[data-bs-theme="dark"] body.commercial-ui .alert-light,
html[data-bs-theme="dark"] body.commercial-ui .alert-secondary {
    color: var(--tfy-dark-text) !important;
    background-color: var(--tfy-dark-surface-alt) !important;
    border-color: var(--tfy-dark-border) !important;
}
html[data-bs-theme="dark"] body.commercial-ui .alert-primary { background-color: rgba(var(--bs-primary-rgb), .14) !important; }
html[data-bs-theme="dark"] body.commercial-ui .alert-success { background-color: rgba(var(--bs-success-rgb), .14) !important; }
html[data-bs-theme="dark"] body.commercial-ui .alert-warning { background-color: rgba(var(--bs-warning-rgb), .14) !important; }
html[data-bs-theme="dark"] body.commercial-ui .alert-danger { background-color: rgba(var(--bs-danger-rgb), .14) !important; }

/* ApexCharts/Chart.js labels and grid lines on dashboard/report views. */
html[data-bs-theme="dark"] body.commercial-ui .apexcharts-canvas,
html[data-bs-theme="dark"] body.commercial-ui .apexcharts-svg,
html[data-bs-theme="dark"] body.commercial-ui .apexcharts-tooltip,
html[data-bs-theme="dark"] body.commercial-ui .apexcharts-xaxistooltip,
html[data-bs-theme="dark"] body.commercial-ui .apexcharts-menu {
    background: var(--tfy-dark-surface) !important;
    color: var(--tfy-dark-text) !important;
    border-color: var(--tfy-dark-border) !important;
}
html[data-bs-theme="dark"] body.commercial-ui .apexcharts-text,
html[data-bs-theme="dark"] body.commercial-ui .apexcharts-xaxis-label,
html[data-bs-theme="dark"] body.commercial-ui .apexcharts-yaxis-label,
html[data-bs-theme="dark"] body.commercial-ui .apexcharts-legend-text {
    fill: var(--tfy-dark-muted) !important;
    color: var(--tfy-dark-muted) !important;
}
html[data-bs-theme="dark"] body.commercial-ui .apexcharts-gridline,
html[data-bs-theme="dark"] body.commercial-ui .apexcharts-xaxis line,
html[data-bs-theme="dark"] body.commercial-ui .apexcharts-yaxis line {
    stroke: var(--tfy-dark-border) !important;
}

@media (max-width: 991.98px) {
    html[data-bs-theme="dark"] body.commercial-ui #kt_header_navs {
        background-color: var(--tfy-dark-surface) !important;
        box-shadow: 1rem 0 2rem rgba(0, 0, 0, .35);
    }
}