/* Dark mode. <html data-bs-theme="dark"> is set before paint by Views/Shared/_ThemeInitPartial.cshtml and switched by
   Scripts/theme.js. Bootstrap 5.3 themes its own components from the variables below; everything here covers what
   Bootstrap can't see: Site.css's fixed colors, the DevExpress Metropolis theme (which has no dark variant),
   DataTables, Fancytree and the light inline colors some views set.
   This file loads last in <head> (after the DevExpress and DataTables CSS) and every rule is scoped to
   [data-bs-theme=dark], so light mode is untouched. Page <style> blocks render later in <body>, but the attribute
   prefix out-specifies their single-class selectors. */

/* ---------- Palette ---------- */

:root[data-bs-theme=dark] {
    --wp-bg: #14181d;
    --wp-surface: #1d232a;
    --wp-surface-2: #252c34;
    --wp-surface-3: #2f3741;
    --wp-border: #363f4a;
    --wp-text: #dde3ea;
    --wp-text-muted: #98a2ad;
    --wp-primary: #6aaee8;
    --wp-primary-hover: #8cc2f2;
    --wp-primary-strong: #0b5ea8;
    --wp-primary-strong-hover: #136cbb;
    --wp-primary-soft: rgba(106, 174, 232, 0.16);
    --wp-primary-soft-hover: rgba(106, 174, 232, 0.09);
    --wp-danger: #ff7b7b;
    --wp-navbar: #0f3a61;
    --wp-navbar-brand: #154a7a;

    --bs-body-bg: var(--wp-surface);
    --bs-body-bg-rgb: 29, 35, 42;
    --bs-body-color: var(--wp-text);
    --bs-body-color-rgb: 221, 227, 234;
    --bs-secondary-bg: var(--wp-surface-2);
    --bs-secondary-bg-rgb: 37, 44, 52;
    --bs-tertiary-bg: #20262e;
    --bs-tertiary-bg-rgb: 32, 38, 46;
    --bs-secondary-color: rgba(221, 227, 234, 0.7);
    --bs-border-color: var(--wp-border);
    --bs-border-color-translucent: rgba(255, 255, 255, 0.1);
    /* Site.css pins these to the brand blue on :root - too dark to read on a dark surface */
    --bs-link-color: var(--wp-primary);
    --bs-link-color-rgb: 106, 174, 232;
    --bs-link-hover-color: var(--wp-primary-hover);
    --bs-link-hover-color-rgb: 140, 194, 242;
    --bs-primary-rgb: 30, 120, 200;
}

[data-bs-theme=dark] body {
    background-color: var(--wp-bg);
}

[data-bs-theme=dark] code {
    color: var(--bs-code-color);
    background-color: transparent;
}

/* ---------- Bootstrap components Site.css recolors ---------- */

[data-bs-theme=dark] .dropdown-menu {
    --bs-dropdown-link-active-bg: var(--wp-primary-strong);
}

[data-bs-theme=dark] .btn-primary {
    --bs-btn-bg: var(--wp-primary-strong);
    --bs-btn-border-color: var(--wp-primary-strong);
    --bs-btn-hover-bg: var(--wp-primary-strong-hover);
    --bs-btn-hover-border-color: var(--wp-primary-strong-hover);
    --bs-btn-active-bg: var(--wp-primary-strong-hover);
    --bs-btn-active-border-color: var(--wp-primary-strong-hover);
    --bs-btn-disabled-bg: var(--wp-primary-strong);
    --bs-btn-disabled-border-color: var(--wp-primary-strong);
}

[data-bs-theme=dark] .btn-light {
    --bs-btn-color: var(--wp-text);
    --bs-btn-bg: var(--wp-surface-2);
    --bs-btn-border-color: var(--wp-border);
    --bs-btn-hover-color: var(--wp-text);
    --bs-btn-hover-bg: var(--wp-surface-3);
    --bs-btn-hover-border-color: var(--wp-border);
    --bs-btn-active-color: var(--wp-text);
    --bs-btn-active-bg: var(--wp-surface-3);
    --bs-btn-active-border-color: var(--wp-border);
}

[data-bs-theme=dark] .btn-outline-secondary {
    --bs-btn-color: var(--wp-text-muted);
    --bs-btn-border-color: var(--wp-border);
    --bs-btn-hover-color: var(--wp-text);
    --bs-btn-hover-bg: var(--wp-surface-3);
    --bs-btn-hover-border-color: var(--wp-border);
    --bs-btn-active-color: var(--wp-text);
    --bs-btn-active-bg: var(--wp-surface-3);
    --bs-btn-active-border-color: var(--wp-border);
}

[data-bs-theme=dark] .btn-outline-secondary.btn-browse,
[data-bs-theme=dark] .btn-outline-secondary.btn-form-control {
    border-color: var(--bs-border-color);
}

[data-bs-theme=dark] .btn-link {
    color: var(--wp-primary);
}

    [data-bs-theme=dark] .btn-link:hover:not(:disabled) {
        color: var(--wp-primary-hover);
        border-color: var(--wp-primary);
    }

    [data-bs-theme=dark] .btn-link.btn-emp {
        background-color: var(--wp-primary-strong);
        color: #fff;
    }

    [data-bs-theme=dark] .btn-link.btn.btn-emp:hover:not(:disabled) {
        color: #fff;
        background-color: var(--wp-primary-strong-hover);
    }

    [data-bs-theme=dark] .btn-link.btn-link-danger {
        color: var(--wp-danger);
    }

    [data-bs-theme=dark] .btn-link.btn-link-danger:hover:not(:disabled) {
        color: var(--wp-danger);
        border-color: var(--wp-danger);
    }

[data-bs-theme=dark] .btn.btn-primary-light {
    background-color: var(--wp-primary-soft);
    border-color: rgba(106, 174, 232, 0.3);
    color: var(--wp-primary);
}

[data-bs-theme=dark] .nav-pills .nav-link {
    color: var(--wp-primary);
}

    [data-bs-theme=dark] .nav-pills .nav-link.active,
    [data-bs-theme=dark] .nav-pills .show > .nav-link {
        background-color: var(--wp-primary-strong);
        color: #fff;
    }

[data-bs-theme=dark] .nav-link.has-invalid-tab::after {
    border-color: var(--wp-surface);
}

[data-bs-theme=dark] .form-check-input:checked {
    background-color: var(--wp-primary-strong);
    border-color: var(--wp-primary-strong);
}

[data-bs-theme=dark] .tab-content {
    border-color: var(--bs-border-color);
}

[data-bs-theme=dark] .color-primary,
[data-bs-theme=dark] .table-heading > i,
[data-bs-theme=dark] .filter-summary strong,
[data-bs-theme=dark] .view-toolbar .view-title > i {
    color: var(--wp-primary);
}

[data-bs-theme=dark] .filter-summary .filter-summary-alert strong {
    color: var(--wp-danger);
}

[data-bs-theme=dark] .required-field {
    color: var(--wp-danger);
}

/* ---------- Navigation ---------- */

[data-bs-theme=dark] .bg-cz {
    background-color: var(--wp-navbar) !important;
}

[data-bs-theme=dark] .navbar-brand {
    background-color: var(--wp-navbar-brand);
}

[data-bs-theme=dark] .sidebar-nav {
    background-color: var(--wp-navbar);
}

[data-bs-theme=dark] #secondary_navbar {
    background-color: var(--wp-surface);
    border-bottom-color: var(--wp-border);
}

    [data-bs-theme=dark] #secondary_navbar .nav-link {
        color: var(--wp-text);
    }

        [data-bs-theme=dark] #secondary_navbar .nav-link:not(.active):hover {
            background-color: var(--wp-primary-soft-hover);
        }

    [data-bs-theme=dark] #secondary_navbar .nav-link.active,
    [data-bs-theme=dark] #secondary_navbar .dropdown-item.active,
    [data-bs-theme=dark] #secondary_navbar .dropdown-submenu:has(> .dropdown-menu .dropdown-item.active) > a.dropdown-toggle,
    [data-bs-theme=dark] #secondary_navbar .nav-overflow:has(.dropdown-item.active) > .nav-link,
    [data-bs-theme=dark] #uporabnik_dropdownContent .dropdown-item.active:not(.theme-option),
    [data-bs-theme=dark] .nav-link-active {
        background-color: var(--wp-primary-soft) !important;
        color: var(--wp-primary-hover) !important;
    }

[data-bs-theme=dark] #sifranti_accordion > div.accordion-item > h2.accordion-header > button.accordion-button,
[data-bs-theme=dark] #administracija_accordion > div.accordion-item > h2.accordion-header > button.accordion-button {
    color: var(--wp-text);
}

    [data-bs-theme=dark] #sifranti_accordion > div.accordion-item > h2.accordion-header > button.accordion-button:hover,
    [data-bs-theme=dark] #administracija_accordion > div.accordion-item > h2.accordion-header > button.accordion-button:hover {
        background-color: var(--wp-primary-soft-hover);
    }

[data-bs-theme=dark] .view-toolbar {
    background-color: var(--wp-surface);
    border-bottom-color: var(--wp-border);
}

/* ---------- Site.css panels and controls ---------- */

[data-bs-theme=dark] .panel {
    background-color: var(--wp-surface);
    border-color: var(--wp-border);
}

[data-bs-theme=dark] .panel-header {
    border-bottom-color: var(--wp-border);
}

[data-bs-theme=dark] .btn-separator {
    background-color: var(--wp-border);
}

[data-bs-theme=dark] .filter-cont {
    background-color: var(--wp-surface-2);
    border-bottom-color: var(--wp-border);
}

[data-bs-theme=dark] .card-header > .expand-btn {
    color: var(--wp-text-muted);
}

    [data-bs-theme=dark] .card-header > .expand-btn:hover {
        color: var(--wp-text) !important;
    }

[data-bs-theme=dark] #vnosOrganizacije_modal hr {
    border-color: var(--wp-border);
}

[data-bs-theme=dark] .btn-custom-select {
    background-color: var(--wp-surface);
    border-color: var(--bs-border-color);
    color: var(--wp-text);
}

    [data-bs-theme=dark] .btn-custom-select:hover,
    [data-bs-theme=dark] .btn-custom-select:active,
    [data-bs-theme=dark] .btn-custom-select.show {
        border-color: #4a5562 !important;
    }

[data-bs-theme=dark] fieldset.collapsible-fieldset {
    border-color: var(--wp-border);
}

    [data-bs-theme=dark] fieldset.collapsible-fieldset > legend.legend-sm {
        background-color: var(--wp-surface-2);
    }

[data-bs-theme=dark] .collapsible-fieldset > .fieldset-body {
    border-top-color: var(--wp-border);
}

[data-bs-theme=dark] .form-alert.form-alert-error {
    background-color: rgba(220, 53, 69, 0.18);
    border-color: rgba(220, 53, 69, 0.45);
    color: var(--wp-danger);
}

[data-bs-theme=dark] .form-alert.form-alert-success {
    background-color: rgba(25, 135, 84, 0.18);
    border-color: rgba(25, 135, 84, 0.45);
    color: #75d6a3;
}

[data-bs-theme=dark] #gridContextMenu .dropdown-item.grid-context-menu-danger {
    color: var(--wp-danger);
}

[data-bs-theme=dark] #gridContextMenu .dropdown-item:active,
[data-bs-theme=dark] #gridContextMenu .dropdown-item:focus,
[data-bs-theme=dark] #gridContextMenu .dropdown-item.grid-context-menu-danger:active,
[data-bs-theme=dark] #gridContextMenu .dropdown-item.grid-context-menu-danger:focus {
    color: #fff;
    background-color: var(--wp-primary-strong);
}

/* Highlighted input backgrounds: Site.css .input-bg-* classes and the same tints set inline by some forms. Dark text
   is light here, so the pastel tints become dark ones. */
[data-bs-theme=dark] .input-bg-green,
[data-bs-theme=dark] [style*="background-color: #e5ffe7" i] {
    background-color: #1d3a2b !important;
}

[data-bs-theme=dark] .input-bg-yellow,
[data-bs-theme=dark] [style*="background-color: #fffee5" i] {
    background-color: #38361d !important;
}

[data-bs-theme=dark] .input-bg-blue,
[data-bs-theme=dark] [style*="background-color: #e5feff" i] {
    background-color: #1a3a40 !important;
}

[data-bs-theme=dark] .input-bg-orange,
[data-bs-theme=dark] [style*="background-color: #fff3e5" i] {
    background-color: #40301d !important;
}

[data-bs-theme=dark] .input-bg-red,
[data-bs-theme=dark] [style*="background-color: #ffb8b8" i] {
    background-color: #4d2327 !important;
}

[data-bs-theme=dark] .input-bg-magenta {
    background-color: #43233f !important;
}

[data-bs-theme=dark] [style*="background-color: #e5e5ff" i] {
    background-color: #29294a !important;
}

[data-bs-theme=dark] [style*="background-color: #fff3cd" i] {
    background-color: #3d3519 !important;
}

/* Yellow notice boxes (Vnos dobavnice / prejemnice, Pregled stroškov / prevoznikov) and the red "brisanje" row */
[data-bs-theme=dark] [style*="background-color: #FFF176" i] {
    background-color: #3a3517 !important;
    border-color: #6b5f1c !important;
}

[data-bs-theme=dark] [style*="background-color: #f5c2c7" i] {
    background-color: #4d2327 !important;
    border-color: #7a3a40 !important;
}

/* Labels some modals hard-code black (the delete confirmations' "Šifra:", "Naziv:" ...) */
[data-bs-theme=dark] [style^="color: #000" i],
[data-bs-theme=dark] [style*=" color: #000" i],
[data-bs-theme=dark] [style*=";color: #000" i] {
    color: var(--bs-emphasis-color) !important;
}

/* ---------- Page-specific <style> blocks ---------- */

/* Izbira organizacije */
[data-bs-theme=dark] .organization {
    background-color: var(--wp-surface-2);
}

    [data-bs-theme=dark] .organization:hover {
        background-color: var(--wp-primary-soft);
    }

/* Meni */
[data-bs-theme=dark] .meni-opcija {
    background-color: var(--wp-surface-2);
    border-color: var(--wp-border);
}

    [data-bs-theme=dark] .meni-opcija:hover {
        color: var(--wp-primary-hover);
        background-color: var(--wp-primary-soft);
        border-color: rgba(106, 174, 232, 0.35);
    }

/* Nakladi / Dispatching: read-only inputs were near-white */
[data-bs-theme=dark] #vnosNaklada_form input[readonly],
[data-bs-theme=dark] #podrobnosti_form input[readonly] {
    background-color: var(--bs-tertiary-bg);
}

[data-bs-theme=dark] .footer-mobile {
    background-color: var(--wp-surface);
    border-top-color: var(--wp-border);
}

[data-bs-theme=dark] .header-cell {
    background-color: var(--wp-surface-2);
    border-color: var(--wp-border);
}

/* Dispatching: the occupied cells keep their light red, so keep their text dark */
[data-bs-theme=dark] .body-cell {
    color: #212529;
}

/* Izbira proizvoda: article summary under the picker */
[data-bs-theme=dark] .povzetek-artikla-container {
    background-color: #38361d;
    border-color: var(--wp-border);
}

/* Skladišča: warehouse labels on the layout */
[data-bs-theme=dark] .skladisce-label {
    background: var(--wp-surface);
    border-color: var(--wp-primary);
    color: var(--wp-primary);
}

/* ---------- DataTables ---------- */

[data-bs-theme=dark] .dataTables_wrapper .dataTables_length,
[data-bs-theme=dark] .dataTables_wrapper .dataTables_filter,
[data-bs-theme=dark] .dataTables_wrapper .dataTables_info,
[data-bs-theme=dark] .dataTables_wrapper .dataTables_processing,
[data-bs-theme=dark] .dataTables_wrapper .dataTables_paginate {
    color: var(--wp-text);
}

    [data-bs-theme=dark] .dataTables_wrapper .dataTables_length select,
    [data-bs-theme=dark] .dataTables_wrapper .dataTables_filter input {
        border-color: var(--wp-border);
        color: var(--wp-text);
    }

    [data-bs-theme=dark] .dataTables_wrapper .dataTables_paginate .paginate_button {
        color: var(--wp-text) !important;
    }

        [data-bs-theme=dark] .dataTables_wrapper .dataTables_paginate .paginate_button.current,
        [data-bs-theme=dark] .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
            color: var(--wp-text) !important;
            border-color: var(--wp-border);
            background: var(--wp-surface-3);
        }

        [data-bs-theme=dark] .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
            color: var(--wp-text) !important;
            border-color: var(--wp-border);
            background: var(--wp-surface-2);
        }

        [data-bs-theme=dark] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
        [data-bs-theme=dark] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
        [data-bs-theme=dark] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
            color: var(--wp-text-muted) !important;
            border-color: transparent;
            background: transparent;
        }

[data-bs-theme=dark] table.dataTable thead th,
[data-bs-theme=dark] table.dataTable thead td,
[data-bs-theme=dark] table.dataTable tfoot th,
[data-bs-theme=dark] table.dataTable tfoot td {
    border-color: var(--wp-border);
}

[data-bs-theme=dark] table.dataTable.row-border > tbody > tr > *,
[data-bs-theme=dark] table.dataTable.display > tbody > tr > *,
[data-bs-theme=dark] table.dataTable.cell-border > tbody > tr > * {
    border-color: var(--wp-border);
}

/* The stripes, hover and sorted-column shades are dark-on-white inset shadows; Site.css's selected row (!important) still wins */
[data-bs-theme=dark] table.dataTable.stripe > tbody > tr.odd > *,
[data-bs-theme=dark] table.dataTable.display > tbody > tr.odd > * {
    box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.025);
}

[data-bs-theme=dark] table.dataTable.display > tbody > tr > .sorting_1,
[data-bs-theme=dark] table.dataTable.display > tbody > tr > .sorting_2,
[data-bs-theme=dark] table.dataTable.display > tbody > tr > .sorting_3,
[data-bs-theme=dark] table.dataTable.order-column > tbody > tr > .sorting_1,
[data-bs-theme=dark] table.dataTable.order-column > tbody > tr > .sorting_2,
[data-bs-theme=dark] table.dataTable.order-column > tbody > tr > .sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.035);
}

[data-bs-theme=dark] table.dataTable.hover > tbody > tr:hover > *,
[data-bs-theme=dark] table.dataTable.display > tbody > tr:hover > * {
    box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.06);
}

[data-bs-theme=dark] div.dataTables_processing {
    background-color: var(--wp-surface);
    border-color: var(--wp-border);
}

    [data-bs-theme=dark] div.dataTables_processing > div:last-child > div {
        background: var(--wp-primary) !important;
    }

/* ---------- DevExpress (Metropolis) ---------- */

/* Grid */
[data-bs-theme=dark] .dxgvControl_Metropolis,
[data-bs-theme=dark] .dxgvDisabled_Metropolis {
    background-color: var(--wp-surface);
    color: var(--wp-text);
    border-color: var(--wp-border) !important;
}

[data-bs-theme=dark] .dxgvTable_Metropolis,
[data-bs-theme=dark] .dxgvTable_Metropolis .dxgvHEC {
    background-color: var(--wp-surface);
}

[data-bs-theme=dark] .dxgvHeader_Metropolis {
    background-color: var(--wp-surface-2) !important;
    border-color: var(--wp-border) !important;
    color: var(--wp-text);
}

[data-bs-theme=dark] .dxgvHeaderPanel_Metropolis,
[data-bs-theme=dark] .dxgvGroupPanel_Metropolis {
    background-color: var(--wp-surface-2);
    border-color: var(--wp-border);
    color: var(--wp-text);
}

[data-bs-theme=dark] .dxgvDataRow_Metropolis td.dxgv,
[data-bs-theme=dark] .dxgvFilterRow_Metropolis td.dxgv,
[data-bs-theme=dark] .dxgvEmptyDataRow_Metropolis td.dxgv,
[data-bs-theme=dark] .dxgvGroupRow_Metropolis td.dxgv,
[data-bs-theme=dark] .dxgvFocusedGroupRow_Metropolis td.dxgv,
[data-bs-theme=dark] .dxgvDetailRow_Metropolis td.dxgv,
[data-bs-theme=dark] .dxgvPreviewRow_Metropolis td.dxgv,
[data-bs-theme=dark] .dxgvInlineEditRow_Metropolis td.dxgv,
[data-bs-theme=dark] .dxgvEditForm_Metropolis > td.dxgv,
[data-bs-theme=dark] .dxgvFooter_Metropolis td.dxgv,
[data-bs-theme=dark] .dxgvGroupFooter_Metropolis td.dxgv {
    border-color: var(--wp-border) !important;
}

[data-bs-theme=dark] .dxgvFilterRow_Metropolis,
[data-bs-theme=dark] .dxgvTitlePanel_Metropolis,
[data-bs-theme=dark] .dxgvStatusBar_Metropolis,
[data-bs-theme=dark] .dxgvPagerTopPanel_Metropolis,
[data-bs-theme=dark] .dxgvSearchPanel_Metropolis,
[data-bs-theme=dark] .dxgvFilterBar_Metropolis {
    border-color: var(--wp-border);
}

[data-bs-theme=dark] .dxgvTitlePanel_Metropolis,
[data-bs-theme=dark] .dxgvPreviewRow_Metropolis {
    color: var(--wp-text-muted);
}

[data-bs-theme=dark] .dxgvDataRowAlt_Metropolis {
    background-color: rgba(255, 255, 255, 0.025);
}

[data-bs-theme=dark] .dxgvGroupRow_Metropolis,
[data-bs-theme=dark] .dxgvBatchEditChangesPreviewGroupRow_Metropolis,
[data-bs-theme=dark] .dxgvDataRow_Metropolis td.dxgvIndentCell,
[data-bs-theme=dark] .dxgvDetailRow_Metropolis td.dxgvIndentCell,
[data-bs-theme=dark] .dxgvInlineEditRow_Metropolis td.dxgvIndentCell,
[data-bs-theme=dark] .dxgvEditFormDisplayRow_Metropolis td.dxgvIndentCell {
    background: var(--wp-surface);
    border-color: var(--wp-border);
}

[data-bs-theme=dark] .dxgvFocusedRow_Metropolis td.dxgvIndentCell,
[data-bs-theme=dark] .dxgvFocusedGroupRow_Metropolis td.dxgvIndentCell,
[data-bs-theme=dark] .dxgvSelectedRow_Metropolis td.dxgvIndentCell {
    background-color: var(--wp-surface) !important;
    border-color: var(--wp-border);
}

[data-bs-theme=dark] .dxgvDataRowHover_Metropolis {
    background-color: var(--wp-surface-2) !important;
    color: var(--wp-text) !important;
}

[data-bs-theme=dark] .dxgvFocusedRow_Metropolis,
[data-bs-theme=dark] .dxgvSelectedRow_Metropolis {
    background-color: var(--wp-primary-soft) !important;
    color: var(--wp-primary-hover) !important;
}

/* Cells NakladiPartial & co. paint yellow from code (BackColor #ffff7e, no ForeColor) - keep their text dark */
[data-bs-theme=dark] td.dxgv[style*="#FFFF7E" i] {
    color: #212529 !important;
}

[data-bs-theme=dark] .dxgvEditingErrorRow_Metropolis {
    background-color: rgba(220, 53, 69, 0.22);
    color: var(--wp-danger);
}

[data-bs-theme=dark] .dxgvLoadingPanel_Metropolis,
[data-bs-theme=dark] .dxlpLoadingPanel_Metropolis,
[data-bs-theme=dark] .dxlpLoadingPanelWithContent_Metropolis,
[data-bs-theme=dark] .dxcaLoadingPanel_Metropolis {
    background-color: var(--wp-surface-2);
    border-color: var(--wp-border);
    color: var(--wp-text);
}

[data-bs-theme=dark] .dxlpControl_Metropolis.dxlpLoadingDiv_Metropolis {
    background-color: var(--wp-bg);
}

[data-bs-theme=dark] .dxgvFilterBuilderMainArea_Metropolis,
[data-bs-theme=dark] .dxgvCustDialog_Metropolis,
[data-bs-theme=dark] .dxgvCustDialogColumnItem_Metropolis,
[data-bs-theme=dark] .dxgvCustDialogFilterItem_Metropolis {
    background: var(--wp-surface);
    color: var(--wp-text);
}

[data-bs-theme=dark] .dxgvEditForm_Metropolis .dxflGroupBoxCaption_Metropolis,
[data-bs-theme=dark] .dxgvPopupEditForm_Metropolis .dxflGroupBoxCaption_Metropolis {
    background-color: var(--wp-surface);
}

/* Header sort / filter glyphs and editor buttons are dark sprites */
[data-bs-theme=dark] .dxgvHeader_Metropolis img,
[data-bs-theme=dark] .dxgvFilterRow_Metropolis img,
[data-bs-theme=dark] .dxeButtonEditButton_Metropolis img,
[data-bs-theme=dark] .dxpLite_Metropolis .dxp-button img {
    filter: invert(0.85);
}

/* Pager */
[data-bs-theme=dark] .dxpLite_Metropolis,
[data-bs-theme=dark] .dxpLite_Metropolis a,
[data-bs-theme=dark] .dxpLite_Metropolis .dxp-num {
    color: var(--wp-text);
}

    [data-bs-theme=dark] .dxpLite_Metropolis .dxp-disabledButton,
    [data-bs-theme=dark] .dxpLiteDisabled_Metropolis,
    [data-bs-theme=dark] .dxpLiteDisabled_Metropolis a {
        color: var(--wp-text-muted);
    }

    [data-bs-theme=dark] .dxpLite_Metropolis .dxp-sep {
        background-color: var(--wp-border);
    }

/* Editors */
[data-bs-theme=dark] .dxeBase_Metropolis,
[data-bs-theme=dark] .dxeCaptionCell_Metropolis {
    color: var(--wp-text);
}

[data-bs-theme=dark] .dxeLyCaptionCell_Metropolis {
    color: var(--wp-primary);
}

[data-bs-theme=dark] .dxeTextBox_Metropolis,
[data-bs-theme=dark] .dxeButtonEdit_Metropolis,
[data-bs-theme=dark] .dxeMemo_Metropolis,
[data-bs-theme=dark] .dxeTextBox_Metropolis .dxeEditArea_Metropolis,
[data-bs-theme=dark] .dxeButtonEdit_Metropolis .dxeEditArea_Metropolis,
[data-bs-theme=dark] .dxeMemoEditArea_Metropolis {
    background-color: var(--wp-surface);
    border-color: var(--wp-border);
}

[data-bs-theme=dark] .dxeEditArea_Metropolis,
[data-bs-theme=dark] .dxeMemoEditArea_Metropolis {
    color: var(--wp-text);
    border-color: var(--wp-border);
}

[data-bs-theme=dark] .dxeDisabled_Metropolis,
[data-bs-theme=dark] .dxeDisabled_Metropolis td.dxe,
[data-bs-theme=dark] .dxeEditArea_Metropolis.dxeDisabled_Metropolis {
    color: #6c757d;
}

[data-bs-theme=dark] .dxeButtonEditButton_Metropolis,
[data-bs-theme=dark] .dxeCalendarButton_Metropolis,
[data-bs-theme=dark] .dxeSpinIncButton_Metropolis,
[data-bs-theme=dark] .dxeSpinDecButton_Metropolis,
[data-bs-theme=dark] .dxeSpinLargeIncButton_Metropolis,
[data-bs-theme=dark] .dxeSpinLargeDecButton_Metropolis {
    background-color: var(--wp-surface-2);
    border-color: var(--wp-border);
    color: var(--wp-text);
}

[data-bs-theme=dark] .dxbButton_Metropolis {
    background-color: var(--wp-surface-2);
    border-color: var(--wp-border);
    color: var(--wp-text);
}

[data-bs-theme=dark] div.dxeHelpText_Metropolis,
[data-bs-theme=dark] .dxeTBValueToolTip_Metropolis,
[data-bs-theme=dark] .dxeOutOfRWarn_Metropolis {
    background: var(--wp-surface-2);
    border-color: var(--wp-border);
    color: var(--wp-text);
}

[data-bs-theme=dark] .dxeListBox_Metropolis,
[data-bs-theme=dark] .dxeDropDownWindow_Metropolis,
[data-bs-theme=dark] .dxeItemPicker_Metropolis,
[data-bs-theme=dark] .dxpcDropDown_Metropolis .dxpc-mainDiv {
    background-color: var(--wp-surface);
    border-color: var(--wp-border);
    color: var(--wp-text);
}

[data-bs-theme=dark] .dxeListBoxItem_Metropolis {
    border-left-color: transparent;
    border-right-color: transparent;
}

[data-bs-theme=dark] .dxeListBox_Metropolis td.dxeIM,
[data-bs-theme=dark] .dxeListBox_Metropolis td.dxeFTM,
[data-bs-theme=dark] .dxeListBox_Metropolis td.dxeTM,
[data-bs-theme=dark] .dxeListBox_Metropolis td.dxeLTM,
[data-bs-theme=dark] .dxeListBox_Metropolis td.dxeMIM,
[data-bs-theme=dark] .dxeListBoxFilter_Metropolis {
    border-color: var(--wp-border) !important;
}

[data-bs-theme=dark] .dxeListBoxItemHover_Metropolis,
[data-bs-theme=dark] .dxeListBox_Metropolis > tbody > tr > td > .dxeListBoxSelectAllHover_Metropolis,
[data-bs-theme=dark] .dxeListBoxWithCustAppearanceSys .dxeListBoxItemHover_Metropolis {
    background-color: var(--wp-surface-3) !important;
    color: var(--wp-text) !important;
}

[data-bs-theme=dark] .dxpcDropDown_Metropolis .dxdd-header {
    background: var(--wp-surface);
    border-bottom-color: var(--wp-border);
}

/* Calendar */
[data-bs-theme=dark] .dxeCalendar_Metropolis,
[data-bs-theme=dark] .dxeCalendarFastNavItem_Metropolis,
[data-bs-theme=dark] .dxeCalendarFastNavMonth_Metropolis,
[data-bs-theme=dark] .dxeCalendarFastNavYear_Metropolis {
    color: var(--wp-text);
}

[data-bs-theme=dark] .dxeCalendarFastNavItem_Metropolis {
    background-color: var(--wp-surface-2);
}

[data-bs-theme=dark] .dxeCalendarFastNavHeader_Metropolis {
    color: var(--wp-text-muted);
}

[data-bs-theme=dark] .dxeCalendarFastNav_Metropolis,
[data-bs-theme=dark] .dxeCalendarFastNavFooter_Metropolis {
    background-color: var(--wp-surface);
    border-color: var(--wp-border);
}

[data-bs-theme=dark] .dxeCalendarFooter_Metropolis,
[data-bs-theme=dark] .dxpcDropDown_Metropolis .dxeCalendar_Metropolis {
    border-color: var(--wp-border);
}

[data-bs-theme=dark] .dxeCalendarOutOfRange_Metropolis,
[data-bs-theme=dark] .dxeCalendarWeekNumber_Metropolis {
    color: #5c6670;
}

[data-bs-theme=dark] .dxeCalendarDayDisabled_Metropolis {
    background-color: transparent;
    color: #4a525b !important;
}

/* Popup control, menus, panels, tabs */
[data-bs-theme=dark] .dxpcLite_Metropolis,
[data-bs-theme=dark] .dxdpLite_Metropolis {
    color: var(--wp-text);
}

    [data-bs-theme=dark] .dxpcLite_Metropolis .dxpc-mainDiv,
    [data-bs-theme=dark] .dxpcLite_Metropolis.dxpc-mainDiv,
    [data-bs-theme=dark] .dxdpLite_Metropolis .dxpc-mainDiv,
    [data-bs-theme=dark] .dxdpLite_Metropolis.dxpc-mainDiv,
    [data-bs-theme=dark] .dxpcLite_Metropolis .dxpc-header,
    [data-bs-theme=dark] .dxdpLite_Metropolis .dxpc-header,
    [data-bs-theme=dark] .dxpcLite_Metropolis .dxpc-footer,
    [data-bs-theme=dark] .dxdpLite_Metropolis .dxpc-footer {
        background-color: var(--wp-surface);
        border-color: var(--wp-border);
    }

[data-bs-theme=dark] .dxmLite_Metropolis,
[data-bs-theme=dark] .dxmLite_Metropolis .dxm-item a.dx {
    color: var(--wp-text);
}

    [data-bs-theme=dark] .dxmLite_Metropolis .dxm-main {
        background-color: var(--wp-surface-2);
    }

    [data-bs-theme=dark] .dxmLite_Metropolis .dxm-popup,
    [data-bs-theme=dark] .dxmBrdCor_Metropolis,
    [data-bs-theme=dark] .dxmLite_Metropolis .dxm-scrollUpBtn,
    [data-bs-theme=dark] .dxmLite_Metropolis .dxm-scrollDownBtn,
    [data-bs-theme=dark] .dxmLite_Metropolis .dxctToolbar_Metropolis.dxm-main {
        background-color: var(--wp-surface);
        color: var(--wp-text);
        border-color: var(--wp-border);
    }

    [data-bs-theme=dark] .dxmLite_Metropolis .dxm-main .dxm-checked,
    [data-bs-theme=dark] .dxmLite_Metropolis .dxm-main .dxm-selected,
    [data-bs-theme=dark] .dxmLite_Metropolis .dxm-popup .dxm-selected {
        background-color: var(--wp-surface-3);
    }

    [data-bs-theme=dark] .dxmLite_Metropolis .dxm-popup .dxm-separator b,
    [data-bs-theme=dark] .dxmLite_Metropolis .dxctToolbar_Metropolis .dxm-separator b {
        background-color: var(--wp-border);
    }

[data-bs-theme=dark] .dxpnlControl_Metropolis.dxpnl-edge,
[data-bs-theme=dark] .dxsplPane_Metropolis,
[data-bs-theme=dark] .dxsplPaneCollapsed_Metropolis,
[data-bs-theme=dark] .dxrpControlGB_Metropolis > tbody > tr.dxrpCR > .dxrpcontent,
[data-bs-theme=dark] .dxrpControlGB_Metropolis span.dxrpHeader_Metropolis {
    background: var(--wp-surface);
}

[data-bs-theme=dark] .dxrpControl_Metropolis,
[data-bs-theme=dark] .dxrpControlGB_Metropolis,
[data-bs-theme=dark] .dxtvControl_Metropolis,
[data-bs-theme=dark] .dxtvControl_Metropolis a {
    color: var(--wp-text);
}

[data-bs-theme=dark] .dxtvControl_Metropolis .dxtv-ndHov {
    background-color: var(--wp-surface-2);
}

[data-bs-theme=dark] .dxtcLite_Metropolis {
    color: var(--wp-text-muted);
}

    [data-bs-theme=dark] .dxtcLite_Metropolis > .dxtc-stripContainer .dxtc-tab {
        background: var(--wp-surface-2);
    }

    [data-bs-theme=dark] .dxtcLite_Metropolis > .dxtc-stripContainer .dxtc-tab a {
        color: var(--wp-text-muted);
    }

    [data-bs-theme=dark] .dxtcLite_Metropolis > .dxtc-content {
        background-color: var(--wp-surface);
    }

/* Gantt (Nakladi dispatching) - best effort, the task bars keep their colors */
[data-bs-theme=dark] .dxgtControl_Metropolis,
[data-bs-theme=dark] .dxgtControl_Metropolis .dxtlControl_Metropolis,
[data-bs-theme=dark] .dxgtControl_Metropolis .dx-gantt-si {
    color: var(--wp-text);
}

[data-bs-theme=dark] .dxgtControl_Metropolis .dx-gantt-header,
[data-bs-theme=dark] .dxgtControl_Metropolis .dx-gantt-tsac,
[data-bs-theme=dark] .dxgtControl_Metropolis .dxtlControl_Metropolis,
[data-bs-theme=dark] .dxgtControl_Metropolis .dxgtGMC,
[data-bs-theme=dark] .dxgtControl_Metropolis .dxgt-dialog .dxgt-dialogFooter {
    background-color: var(--wp-surface);
}

[data-bs-theme=dark] .dxgtControl_Metropolis .dxtlHeader_Metropolis,
[data-bs-theme=dark] .dxgtControl_Metropolis .dxtlHeader_Metropolis td.dxtl {
    background: var(--wp-surface-2);
    color: var(--wp-text);
}

[data-bs-theme=dark] .dxgtControl_Metropolis .dx-gantt-altRow,
[data-bs-theme=dark] .dxgtControl_Metropolis .dxgtNHC .dxtl:not(.dxtlBatchEditModifiedCell_Metropolis) {
    background-color: rgba(255, 255, 255, 0.04);
}

[data-bs-theme=dark] .dxgtControl_Metropolis .dx-gantt-nwi {
    background-color: rgba(255, 255, 255, 0.05);
}

[data-bs-theme=dark] .dxgtControl_Metropolis .dx-gantt-si.dx-gantt-holiday-scaleItem {
    background-color: rgba(13, 202, 240, 0.12);
}

[data-bs-theme=dark] .dxgtControl_Metropolis .dx-gantt-sel,
[data-bs-theme=dark] .dxgtControl_Metropolis .dxtlFocusedNode_Metropolis .dxtl:not(.dxtlBatchEditModifiedCell_Metropolis) {
    background: var(--wp-surface-3);
    color: var(--wp-text);
}

/* ---------- Fancytree (Nakladi / Vozila documents) ---------- */

[data-bs-theme=dark] ul.fancytree-container {
    background-color: var(--wp-surface);
    border-color: var(--wp-border);
}

[data-bs-theme=dark] span.fancytree-title,
[data-bs-theme=dark] .fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title,
[data-bs-theme=dark] .fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title {
    color: var(--wp-text);
}

[data-bs-theme=dark] span.fancytree-title:hover {
    background-color: var(--wp-surface-3);
}

[data-bs-theme=dark] span.fancytree-active span.fancytree-title,
[data-bs-theme=dark] span.fancytree-selected span.fancytree-title {
    background-color: var(--wp-primary-soft);
    border-color: transparent;
    color: var(--wp-text);
}

/* ---------- Global search (primary navbar) ---------- */

[data-bs-theme=dark] .global-search-item.active,
[data-bs-theme=dark] .global-search-item:active {
    background-color: var(--wp-primary-strong);
}

/* ---------- Notifications bell ---------- */

[data-bs-theme=dark] .notifications-item.unread {
    background-color: rgba(255, 255, 255, 0.06);
}

[data-bs-theme=dark] .notifications-item:active {
    background-color: var(--wp-primary-strong);
}

[data-bs-theme=dark] .notifications-item-icon {
    color: var(--wp-primary);
}