/* ========================================
   EASY Business - Theme Adaptive Styles
   Overrides for Dark/Light Theme Support
   
   Diese CSS wird NACH allen anderen CSS geladen
   und überschreibt fest codierte Farben für Dark Mode
   ======================================== */

/* ========================================
   GLOBAL BUTTON STYLES - No Text Wrapping
   ======================================== */
.dxbl-btn,
.btn,
button {
    white-space: nowrap !important;
}

/* ========================================
   DEFAULT GRID SELECTION COLORS (Light Theme)
   ======================================== */
.dxbl-grid {
    --dxbl-grid-selection-focus-bg: #ebebeb;
    --dxbl-grid-selection-focus-color: #000;
    --dxbl-grid-focus-bg: #ebebeb;
    --dxbl-grid-focus-color: #000;
    --dxbl-grid-selection-bg: #ebebeb;
    --dxbl-grid-selection-color: #000;
    --dxbl-grid-hover-bg: #ebebeb;
    --dxbl-grid-focus-hover-bg: #ebebeb;
    --dxbl-grid-focus-hover-color: #000;
    --dxbl-grid-focus-frame-color: #ebebeb;
}

/* ========================================
   NAVIGATION / SIDEBAR
   ======================================== */

/* Container-fluid sollte keinen eigenen Hintergrund haben - erbt vom Parent */
.container-fluid {
    background-color: transparent !important;
}

.main-nav-container,
.eb-navigation-container,
.eb-nav-content,
.eb-nav-search {
    background-color: var(--bs-body-bg) !important;
}

.eb-nav-tree,
.eb-nav-tree .dxbl-treeview-items,
.eb-nav-tree [role="treeitem"] {
    background-color: var(--bs-body-bg) !important;
}

.eb-nav-tree .dxbl-treeview-item-container {
    color: var(--bs-body-color) !important;
    background: transparent !important;
}

.eb-nav-tree .dxbl-treeview-item-container:hover {
    background-color: var(--bs-tertiary-bg, rgba(0,0,0,0.04)) !important;
}

.eb-nav-tree > .dxbl-treeview-items > [role="treeitem"] > .dxbl-treeview-item-container {
    color: var(--bs-body-color) !important;
    background-color: var(--bs-body-bg) !important;
    border-bottom-color: var(--bs-border-color) !important;
}

.eb-nav-search-input input {
    background-color: var(--bs-body-bg) !important;
    color: var(--bs-body-color) !important;
    border-color: var(--bs-border-color) !important;
}

.eb-nav-tree .dxbl-treeview-item-icon,
.eb-nav-tree .dxbl-treeview-item-toggle {
    color: var(--bs-secondary-color, #666) !important;
}

/* DxDrawer Panel */
.main-layout-drawer .dxbl-drawer-panel,
.main-layout-drawer .dxbl-drawer-panel-body {
    background-color: var(--bs-body-bg) !important;
    border-color: var(--bs-border-color) !important;
}

/* ========================================
   MAIN LAYOUT CONTAINERS
   ======================================== */
.main-layout-root,
.main-layout-body,
.main-content-wrapper,
.main-content-section,
.main-layout-footer {
    background-color: #f5f5f5 !important;
}

.main-layout-footer
{
    background-color: #fff !important;
}

/* ========================================
   CARDS - Bootstrap & Custom
   ======================================== */
.card {
    background-color: var(--bs-body-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color) !important;
    border-radius: 0.5rem !important;
    overflow: visible !important;
}

.card-header {
    background-color: var(--bs-body-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color) !important;
    border-radius: 0.5rem 0.5rem 0 0 !important;
}

.card-body {
    background-color: var(--bs-body-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color) !important;
    border-radius: 0 !important;
    margin-bottom: 7px;
}

.card-footer {
    background-color: var(--bs-body-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color) !important;
    border-radius: 0 0 0.5rem 0.5rem !important;
}

/* Card mit nur Body - komplett rounded */
.card:not(:has(.card-header)):not(:has(.card-footer)) .card-body {
    border-radius: 0.5rem !important;
}

/* ========================================
   BREADCRUMBS
   ======================================== */
.breadcrumb,
.dxbl-breadcrumb {
    background-color: transparent !important;
}

.breadcrumb-item,
.breadcrumb-item a,
.dxbl-breadcrumb-item,
.dxbl-breadcrumb-item a {
    color: var(--bs-body-color) !important;
}

/* Active/Last breadcrumb item - better visibility */
.breadcrumb-item.active,
.dxbl-breadcrumb-item.dxbl-active,
.dxbl-breadcrumb-item:last-child,
.breadcrumb-item:last-child {
    color: var(--bs-body-color) !important;
    opacity: 0.7;
}

/* ========================================
   PAGE EDIT MENU / TOOLBAR
   ======================================== */
.page-edit-menu,
.page-edit-menu-container,
.eb-page-toolbar,
.eb-page-toolbar .card {
    background-color: var(--bs-body-bg) !important;
}

/* ========================================
   TOP MENU / NAV MENU TOP
   ======================================== */
.top-menu-nowrap,
.top-row.navbar {
    background-color: transparent !important;
}

/* ========================================
   DEVEXPRESS COMPONENTS
   ======================================== */

/* Grid */
.dxbl-grid {
    background-color: var(--bs-body-bg) !important;
}

.dxbl-grid-header-row,
.dxbl-grid-data-row {
    background-color: var(--bs-body-bg) !important;
    color: var(--bs-body-color) !important;
}

.dxbl-grid-data-row:hover {
    background-color: var(--bs-tertiary-bg) !important;
}

/* Form Layout */
.dxbl-fl-group {
    background-color: var(--bs-body-bg) !important;
    border-color: var(--bs-border-color) !important;
}

.dxbl-fl-group-header {
    background-color: var(--bs-body-bg) !important;
    color: var(--bs-body-color) !important;
    border-color: var(--bs-border-color) !important;
}

/* Tabs */
.dxbl-tabs {
    background-color: var(--bs-body-bg) !important;
}

.dxbl-tabs-tab {
    color: var(--bs-body-color) !important;
}

/* Popup/Flyout */
.dxbl-popup,
.dxbl-flyout,
.dxbl-dropdown-body {
    background-color: var(--bs-body-bg) !important;
    color: var(--bs-body-color) !important;
    border-color: var(--bs-border-color) !important;
}

/* Menu */
.dxbl-menu-item {
    color: var(--bs-body-color) !important;
}

/* Text Edit */
.dxbl-text-edit {
    background-color: var(--bs-body-bg) !important;
    color: var(--bs-body-color) !important;
}

/* ========================================
   MATERIAL DASHBOARD OVERRIDES
   ======================================== */
.bg-white {
    background-color: var(--bs-body-bg) !important;
}

.text-dark {
    color: var(--bs-body-color) !important;
}

/* ========================================
   TABLES
   ======================================== */
.table {
    color: var(--bs-body-color) !important;
}

.table > thead,
.table > tbody > tr {
    background-color: var(--bs-body-bg) !important;
}

/* ========================================
   MODALS
   ======================================== */
.modal-content {
    background-color: var(--bs-body-bg) !important;
    color: var(--bs-body-color) !important;
    border-color: var(--bs-border-color) !important;
}

.modal-header,
.modal-footer {
    background-color: var(--bs-body-bg) !important;
    border-color: var(--bs-border-color) !important;
}

/* ========================================
   FORM CONTROLS
   ======================================== */
.form-control,
.form-select,
input:not([type="checkbox"]):not([type="radio"]),
textarea,
select {
    background-color: var(--bs-body-bg) !important;
    color: var(--bs-body-color) !important;
    border-color: var(--bs-border-color) !important;
}

label,
.form-label {
    color: var(--bs-body-color) !important;
}

/* ========================================
   THEME SWITCHER SETTINGS BAR
   ======================================== */
#settingsbar {
    background-color: var(--bs-body-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color) !important;
}

#themesMenu {
    background-color: var(--bs-body-bg) !important;
}

#themesMenu li > a {
    color: var(--bs-body-color) !important;
}

/* ========================================
   FLUENT DARK THEME SPECIFIC FIXES
   DevExpress Fluent themes use different variable names
   ======================================== */

/* Fluent Dark - Force dark backgrounds on key elements */
body:has(link[href*="fluent-dark"]) .main-layout-root,
body:has(link[href*="fluent-dark"]) .main-layout-body,
body:has(link[href*="fluent-dark"]) .main-content-wrapper,
body:has(link[href*="fluent-dark"]) .main-content-section,
body:has(link[href*="fluent-dark"]) .container-fluid.main-content-section {
    background-color: #1b1b1f !important;
}


body:has(link[href*="fluent-dark"]) .card {
    background-color: #292929 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #e0e0e0 !important;
    border-radius: 0.5rem !important;
    overflow: visible !important;
}

body:has(link[href*="fluent-dark"]) .card-header {
    background-color: #292929 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #e0e0e0 !important;
    border-radius: 0.5rem 0.5rem 0 0 !important;
}

body:has(link[href*="fluent-dark"]) .card-body,
body:has(link[href*="fluent-dark"]) .card-footer {
    background-color: #292929 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #e0e0e0 !important;
}

body:has(link[href*="fluent-dark"]) .main-nav-container,
body:has(link[href*="fluent-dark"]) .eb-navigation-container,
body:has(link[href*="fluent-dark"]) .eb-nav-content,
body:has(link[href*="fluent-dark"]) .eb-nav-search,
body:has(link[href*="fluent-dark"]) .eb-nav-tree,
body:has(link[href*="fluent-dark"]) .eb-nav-tree .dxbl-treeview-items,
body:has(link[href*="fluent-dark"]) .eb-nav-tree [role="treeitem"] {
    background-color: #1b1b1f !important;
}

body:has(link[href*="fluent-dark"]) .eb-nav-tree .dxbl-treeview-item-container {
    color: #e0e0e0 !important;
}

body:has(link[href*="fluent-dark"]) .main-layout-drawer .dxbl-drawer-panel,
body:has(link[href*="fluent-dark"]) .main-layout-drawer .dxbl-drawer-panel-body {
    background-color: #1b1b1f !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}


body:has(link[href*="fluent-dark"]) .dxbl-grid {
    background-color: #292929 !important;
    color: #e0e0e0 !important;
    /* Grid Selection/Hover CSS Variables für Fluent Dark Theme */
    --dxbl-grid-hover-bg: #4a4a4a !important;
    --dxbl-grid-hover-color: inherit;
    --dxbl-grid-selection-bg: #414141 !important;
    --dxbl-grid-selection-color: inherit;
    --dxbl-grid-focus-bg: #414141 !important;
    --dxbl-grid-focus-color: #e0e0e0;
    --dxbl-grid-selection-focus-bg: #414141 !important;
    --dxbl-grid-selection-focus-color: #e0e0e0;
    --dxbl-grid-focus-hover-bg: #4a4a4a !important;
    --dxbl-grid-focus-hover-color: #e0e0e0;
    --dxbl-grid-focus-frame-color: #4a4a4a !important;
}

body:has(link[href*="fluent-dark"]) .dxbl-grid-header-row {
    background-color: #292929 !important;
    color: #e0e0e0 !important;
}

body:has(link[href*="fluent-dark"]) .dxbl-grid-data-row {
    background-color: #292929 !important;
    color: #e0e0e0 !important;
}

body:has(link[href*="fluent-dark"]) .dxbl-grid-data-row:hover,
body:has(link[href*="fluent-dark"]) .dxbl-grid-data-row:hover td {
    background-color: #4a4a4a !important;
}

body:has(link[href*="fluent-dark"]) .dxbl-grid-data-row.dxbl-selected,
body:has(link[href*="fluent-dark"]) .dxbl-grid-data-row[aria-selected="true"],
body:has(link[href*="fluent-dark"]) .dxbl-grid-data-row.dxbl-focused,
body:has(link[href*="fluent-dark"]) .dxbl-grid-data-row.dxbl-selected td,
body:has(link[href*="fluent-dark"]) .dxbl-grid-data-row[aria-selected="true"] td,
body:has(link[href*="fluent-dark"]) .dxbl-grid-data-row.dxbl-focused td {
    background-color: #414141 !important;
}

body:has(link[href*="fluent-dark"]) .dxbl-fl-group,
body:has(link[href*="fluent-dark"]) .dxbl-fl-group-header {
    background-color: #292929 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #e0e0e0 !important;
}

body:has(link[href*="fluent-dark"]) .table,
body:has(link[href*="fluent-dark"]) .table > thead,
body:has(link[href*="fluent-dark"]) .table > tbody > tr {
    background-color: #292929 !important;
    color: #e0e0e0 !important;
}

body:has(link[href*="fluent-dark"]) .modal-content,
body:has(link[href*="fluent-dark"]) .modal-header,
body:has(link[href*="fluent-dark"]) .modal-footer {
    background-color: #292929 !important;
    color: #e0e0e0 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

body:has(link[href*="fluent-dark"]) .bg-white {
    background-color: #292929 !important;
}

body:has(link[href*="fluent-dark"]) .text-dark {
    color: #e0e0e0 !important;
}

body:has(link[href*="fluent-dark"]) .breadcrumb-item,
body:has(link[href*="fluent-dark"]) .breadcrumb-item a {
    color: #e0e0e0 !important;
}

body:has(link[href*="fluent-dark"]) label,
body:has(link[href*="fluent-dark"]) .form-label {
    color: #e0e0e0 !important;
}

body:has(link[href*="fluent-dark"]) .form-control,
body:has(link[href*="fluent-dark"]) .form-select,
body:has(link[href*="fluent-dark"]) input:not([type="checkbox"]):not([type="radio"]),
body:has(link[href*="fluent-dark"]) textarea,
body:has(link[href*="fluent-dark"]) select {
    background-color: #292929 !important;
    color: #e0e0e0 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

body:has(link[href*="fluent-dark"]) #settingsbar {
    background-color: #292929 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #e0e0e0 !important;
}

body:has(link[href*="fluent-dark"]) #themesMenu {
    background-color: #292929 !important;
}

body:has(link[href*="fluent-dark"]) #themesMenu li > a {
    color: #e0e0e0 !important;
}

/* ========================================
   BLAZING DARK THEME SPECIFIC FIXES
   Colors from eb-blazing-dark.css
   Primary: #fe7109 (Orange)
   ======================================== */

/* eb-blazing-dark.css Color Palette:
   - Body Background: #181818
   - Card/Surface: #202020
   - Card Header: #282828
   - Sidebar/Menu: #181818
   - Input Background: #181818
   - Border Color: hsl(0, 0%, 18.82%) 
   - Border Focus: hsl(0, 0%, 33.82%)
   - Text Primary: #fff
   - Text Secondary: #ddd
   - Primary Accent: #fe7109 (Orange)
   - Secondary: #333 / #333333
*/

/* ===== CSS Variables für Blazing Dark ===== */
body:has(link[href*="blazing-dark"]) {
    --bs-body-bg: #181818 !important;
    --bs-body-color: #fff !important;
    --bs-border-color: hsl(0, 0%, 18.82%) !important;
    --bs-tertiary-bg: #282828 !important;
    --bs-secondary-bg: #202020 !important;
    --primary: #fe7109 !important;
    --bs-primary: #fe7109 !important;
    --bs-primary-rgb: 254, 113, 9 !important;
    --secondary: #333 !important;
    --dark: #202020 !important;
    --gray-dark: #181818 !important;
    --dxbl-grid-focus-bg: #282828 !important;
    --dxbl-grid-hover-bg: #292929 !important;
}

/* ===== Main Layout ===== */
body:has(link[href*="blazing-dark"]),
body:has(link[href*="blazing-dark"]) .main-layout-root,
body:has(link[href*="blazing-dark"]) .main-layout-body,
body:has(link[href*="blazing-dark"]) .main-content-wrapper,
body:has(link[href*="blazing-dark"]) .main-content-section,
body:has(link[href*="blazing-dark"]) .container-fluid.main-content-section,
body:has(link[href*="blazing-dark"]) .main-layout-footer,
body:has(link[href*="blazing-dark"]) .mdc-drawer-app-content,
body:has(link[href*="blazing-dark"]) .loading-container {
    background-color: #181818 !important;
    color: #fff !important;
}

/* ===== Navigation / Sidebar ===== */
body:has(link[href*="blazing-dark"]) .main-nav-container,
body:has(link[href*="blazing-dark"]) .eb-navigation-container,
body:has(link[href*="blazing-dark"]) .eb-nav-content,
body:has(link[href*="blazing-dark"]) .eb-nav-search,
body:has(link[href*="blazing-dark"]) .eb-nav-tree,
body:has(link[href*="blazing-dark"]) .eb-nav-tree .dxbl-treeview-items,
body:has(link[href*="blazing-dark"]) .eb-nav-tree [role="treeitem"],
body:has(link[href*="blazing-dark"]) .main-layout-drawer .dxbl-drawer-panel,
body:has(link[href*="blazing-dark"]) .main-layout-drawer .dxbl-drawer-panel-body,
body:has(link[href*="blazing-dark"]) .dxbl-menu {
    background-color: #282828 !important;
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .eb-nav-tree .dxbl-treeview-item-container {
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .eb-nav-tree > .dxbl-treeview-items > [role="treeitem"] > .dxbl-treeview-item-container {
    color: #fff !important;
    background-color: #181818 !important;
    border-bottom-color: hsl(0, 0%, 18.82%) !important;
}

body:has(link[href*="blazing-dark"]) .eb-nav-tree .dxbl-treeview-item-icon,
body:has(link[href*="blazing-dark"]) .eb-nav-tree .dxbl-treeview-item-toggle {
    color: #ddd !important;
}

/* Selected Nav Item - Orange */
body:has(link[href*="blazing-dark"]) .eb-nav-tree .dxbl-treeview-item-container.dxbl-selected,
body:has(link[href*="blazing-dark"]) .eb-nav-tree .dxbl-treeview-item-container.dxbl-active {
    background-color: #181818 !important;
    border-color: #fe7109 !important;
    color: #fff !important;
}

/* ===== Top App Bar ===== */
body:has(link[href*="blazing-dark"]) .mdc-top-app-bar__row {
    background-color: #282828 !important;
    color: #fff !important;
}

/* ===== Cards ===== */
body:has(link[href*="blazing-dark"]) .card,
body:has(link[href*="blazing-dark"]) .ebcard {
    background-color: #202020 !important;
    border-color: hsl(0, 0%, 18.82%) !important;
    color: #fff !important;
    border-radius: 0.5rem !important;
    overflow: visible !important;
}

body:has(link[href*="blazing-dark"]) .card-body,
body:has(link[href*="blazing-dark"]) .card-footer {
    background-color: #202020 !important;
    border-color: hsl(0, 0%, 18.82%) !important;
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .card-header {
    background-color: #282828 !important;
    border-color: hsl(0, 0%, 18.82%) !important;
    color: #fff !important;
    border-radius: 0.5rem 0.5rem 0 0 !important;
}

body:has(link[href*="blazing-dark"]) .card-datagrid,
body:has(link[href*="blazing-dark"]) .card-grid,
body:has(link[href*="blazing-dark"]) .card-header-datagrid,
body:has(link[href*="blazing-dark"]) .card-header-grid {
    background-color: #444248 !important;
}

/* ===== Module Tab Control ===== */
body:has(link[href*="blazing-dark"]) .module-tabs-container,
body:has(link[href*="blazing-dark"]) .module-tab-control,
body:has(link[href*="blazing-dark"]) .module-tab-control .card {
    background-color: #202020 !important;
}

body:has(link[href*="blazing-dark"]) .module-tab-control .module-label {
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .module-tab-control .module-tab {
    background-color: #181818 !important;
    border-color: hsl(0, 0%, 18.82%) !important;
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .module-tab-control .module-tab-title {
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .module-tab-control .module-tab:hover {
    background-color: #282828 !important;
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .module-tab-control .module-tab.active {
    background-color: #202020 !important;
    border-color: hsl(0, 0%, 33.82%) !important;
    box-shadow: 0 3px 12px rgba(0,0,0,0.5) !important;
    color: #fff !important;
}

/* ===== DevExpress Grid ===== */
body:has(link[href*="blazing-dark"]) .dxbl-grid {
    background-color: #202020 !important;
    color: #fff !important;
    border-color: #282828 !important;
    /* Grid Selection/Hover CSS Variables für Dark Theme */
    --dxbl-grid-hover-bg: #4a4a4a !important;
    --dxbl-grid-hover-color: inherit;
    --dxbl-grid-selection-bg: #414141 !important;
    --dxbl-grid-selection-color: inherit;
    --dxbl-grid-focus-bg: #414141 !important;
    --dxbl-grid-focus-color: #fff;
    --dxbl-grid-selection-focus-bg: #414141 !important;
    --dxbl-grid-selection-focus-color: #fff;
    --dxbl-grid-focus-hover-bg: #4a4a4a !important;
    --dxbl-grid-focus-hover-color: #fff;
    --dxbl-grid-focus-frame-color: #4a4a4a !important;
}

/* Grid Header Row - darker background like DevExpress screenshot */
body:has(link[href*="blazing-dark"]) .dxbl-grid-header-row {
    background-color: #282828 !important;
    color: #fff !important;
    border-color: #4a4a5a !important;
}

body:has(link[href*="blazing-dark"]) .dxbl-grid-header-row th,
body:has(link[href*="blazing-dark"]) .dxbl-grid-header-row td,
body:has(link[href*="blazing-dark"]) .dxbl-grid-header-cell {
    background-color: #282828 !important;
    color: #fff !important;
    border-color: #4a4a5a !important;
}

/* Grid Data Rows */
body:has(link[href*="blazing-dark"]) .dxbl-grid-data-row {
    background-color: #202020 !important;
    color: #fff !important;
    border-color: #282828 !important;
}

body:has(link[href*="blazing-dark"]) .dxbl-grid-data-row td {
    border-color: #282828 !important;
}

/* Grid Row Hover */
body:has(link[href*="blazing-dark"]) .dxbl-grid-data-row:hover {
    background-color: #4a4a4a !important;
}

body:has(link[href*="blazing-dark"]) .dxbl-grid-data-row:hover td {
    background-color: #4a4a4a !important;
}

/* Grid Row Selected */
body:has(link[href*="blazing-dark"]) .dxbl-grid-data-row.dxbl-selected,
body:has(link[href*="blazing-dark"]) .dxbl-grid-data-row[aria-selected="true"],
body:has(link[href*="blazing-dark"]) tr.dxbl-grid-data-row:has(input[type="checkbox"]:checked) {
    background-color: #414141 !important;
}

body:has(link[href*="blazing-dark"]) .dxbl-grid-data-row.dxbl-selected td,
body:has(link[href*="blazing-dark"]) .dxbl-grid-data-row[aria-selected="true"] td,
body:has(link[href*="blazing-dark"]) tr.dxbl-grid-data-row:has(input[type="checkbox"]:checked) td {
    background-color: #414141 !important;
}

/* Grid Focus Row */
body:has(link[href*="blazing-dark"]) .dxbl-grid-data-row.dxbl-focused {
    background-color: #414141 !important;
}

/* Grid Group Row */
body:has(link[href*="blazing-dark"]) .dxbl-grid-group-row {
    background-color: #333 !important;
    color: #fff !important;
    border-color: #282828 !important;
}

body:has(link[href*="blazing-dark"]) .dxbl-grid-group-row td {
    background-color: #333 !important;
}

/* Grid Footer */
body:has(link[href*="blazing-dark"]) .dxbl-grid-footer-row,
body:has(link[href*="blazing-dark"]) .dxbl-grid-total-row {
    background-color: #282828 !important;
    color: #fff !important;
}

/* Grid Empty Data Row */
body:has(link[href*="blazing-dark"]) .dxbl-grid-empty-data-row {
    background-color: #202020 !important;
    color: #aaa !important;
}

/* Grid Filter Row */
body:has(link[href*="blazing-dark"]) .dxbl-grid-filter-row {
    background-color: #333 !important;
}

body:has(link[href*="blazing-dark"]) .dxbl-grid-filter-row td {
    background-color: #333 !important;
}

/* Grid Edit Row */
body:has(link[href*="blazing-dark"]) .dxbl-grid-edit-row {
    background-color: #2a3a4a !important;
}

body:has(link[href*="blazing-dark"]) .dxbl-grid-edit-row td {
    background-color: #2a3a4a !important;
}

/* ===== DevExpress Text Edit ===== */
body:has(link[href*="blazing-dark"]) .dxbl-text-edit {
    background-color: #181818 !important;
    color: #fff !important;
    border-color: hsl(0, 0%, 18.82%) !important;
}

body:has(link[href*="blazing-dark"]) .dxbl-text-edit:has(:focus) {
    border-color: hsl(0, 0%, 33.82%) !important;
}

body:has(link[href*="blazing-dark"]) .dxbl-text-edit.dxbl-readonly {
    background-color: #181818 !important;
    color: #ddd !important;
}

body:has(link[href*="blazing-dark"]) .dxbl-text-edit.dxbl-disabled {
    background-color: #181818 !important;
}

/* ===== DevExpress Buttons ===== */
body:has(link[href*="blazing-dark"]) .dxbl-btn {
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .dxbl-btn-primary {
    background-color: #fe7109 !important;
    border-color: #fe7109 !important;
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .dxbl-btn-primary:hover {
    background-color: #e56608 !important;
    border-color: #e56608 !important;
}

body:has(link[href*="blazing-dark"]) .dxbl-btn-secondary {
    background-color: #333333 !important;
    border-color: hsl(0, 0%, 18.82%) !important;
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .dxbl-btn-secondary:hover {
    background-color: #313131 !important;
    border-color: hsl(0, 0%, 33.82%) !important;
}

/* ===== DevExpress Toolbar ===== */
body:has(link[href*="blazing-dark"]) .dxbl-toolbar {
    background-color: transparent !important;
    color: #fff !important;
}

/* ===== DevExpress Pager ===== */
body:has(link[href*="blazing-dark"]) .dxbl-pager {
    background-color: transparent !important;
    color: #fff !important;
}

/* ===== DevExpress Modal/Popup ===== */
body:has(link[href*="blazing-dark"]) .dxbl-modal {
    background-color: #313131 !important;
    color: #ddd !important;
    border-color: hsl(0, 0%, 18.82%) !important;
}

body:has(link[href*="blazing-dark"]) .dxbl-popup,
body:has(link[href*="blazing-dark"]) .dxbl-flyout,
body:has(link[href*="blazing-dark"]) .dxbl-dropdown-body,
body:has(link[href*="blazing-dark"]) .dxbl-dropdown,
body:has(link[href*="blazing-dark"]) .dxbl-itemlist-dropdown {
    background-color: #212121 !important;
    color: #fff !important;
    border-color: hsl(0, 0%, 11.82%) !important;
}

body:has(link[href*="blazing-dark"]) .dxbl-window {
    background-color: #181818 !important;
    color: #fff !important;
    border-color: hsl(0, 0%, 18.82%) !important;
}

/* ===== DevExpress Listbox ===== */
body:has(link[href*="blazing-dark"]) .dxbl-listbox,
body:has(link[href*="blazing-dark"]) .dxbl-list-box {
    background-color: #212121 !important;
    color: #fff !important;
    border-color: hsl(0, 0%, 18.82%) !important;
}

/* ===== DevExpress Calendar ===== */
body:has(link[href*="blazing-dark"]) .dxbl-calendar {
    background-color: #181818 !important;
    color: #ddd !important;
    border-color: hsl(0, 0%, 18.82%) !important;
}

/* ===== DevExpress Tabs ===== */
body:has(link[href*="blazing-dark"]) .dxbl-tabs {
    background-color: unset !important;
    color: #fff !important;
    border-bottom-color: hsl(0, 0%, 18.82%) !important;
}

body:has(link[href*="blazing-dark"]) .dxbl-tabs-tab {
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .dxbl-tabs-tab.dxbl-active {
    color: #fe7109 !important;
    background-color: #282828 !important;
}

/* ===== DevExpress Context Menu ===== */
body:has(link[href*="blazing-dark"]) .dxbl-context-menu,
body:has(link[href*="blazing-dark"]) .dxbl-context-menu-submenu {
    background-color: #282828 !important;
    border-color: hsl(0, 0%, 18.82%) !important;
}

/* ===== DevExpress Menu Dropdown ===== */
body:has(link[href*="blazing-dark"]) .dxbl-menu-dropdown {
    background-color: #181818 !important;
    border-color: hsl(0, 0%, 18.82%) !important;
}

/* ===== DevExpress Scroll Viewer ===== */
body:has(link[href*="blazing-dark"]) .dxbl-scroll-viewer-content {
    background-color: #181818 !important;
    border-color: hsl(0, 0%, 18.82%) !important;
}

/* ===== DevExpress Group ===== */
body:has(link[href*="blazing-dark"]) .dxbl-group {
    border-color: hsl(0, 0%, 18.82%) !important;
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .dxbl-group-header {
    background-color: #313131 !important;
}

/* ===== Form Layout ===== */
body:has(link[href*="blazing-dark"]) .dxbl-fl-group,
body:has(link[href*="blazing-dark"]) .dxbl-fl-group-header {
    /*background-color: #202020 !important;*/
    border-color: hsl(0, 0%, 18.82%) !important;
    color: #fff !important;
}

/* ===== Tables ===== */
body:has(link[href*="blazing-dark"]) .table {
    background-color: #181818 !important;
    color: #fff !important;
    border-color: hsl(0, 0%, 18.82%) !important;
}

body:has(link[href*="blazing-dark"]) .table > thead,
body:has(link[href*="blazing-dark"]) .table > tbody > tr {
    background-color: #181818 !important;
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .table-light {
    background-color: #202020 !important;
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .table-dark {
    background-color: #181818 !important;
    color: #fff !important;
}

/* ===== Popovers ===== */
body:has(link[href*="blazing-dark"]) .popover {
    background-color: #282828 !important;
}

body:has(link[href*="blazing-dark"]) .popover-body {
    background-color: #282828 !important;
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .popover-header {
    color: #fff !important;
}

/* ===== Toasts ===== */
body:has(link[href*="blazing-dark"]) .toast {
    background-color: transparent !important;
}

body:has(link[href*="blazing-dark"]) .toast-header {
    background-color: #444248 !important;
    color: #fff !important;
    border-bottom-color: #444248 !important;
}

body:has(link[href*="blazing-dark"]) .toast-body {
    background-color: #202020 !important;
}

/* ===== Dropdowns ===== */
body:has(link[href*="blazing-dark"]) .dropdown-menu {
    background-color: #202020 !important;
    color: #fff !important;
    border-color: hsl(0, 0%, 18.82%) !important;
}

body:has(link[href*="blazing-dark"]) .dropdown-item {
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .dropdown-item:hover,
body:has(link[href*="blazing-dark"]) .dropdown-item:focus {
    background-color: #fe7109 !important;
    color: #fff !important;
}

/* ===== Breadcrumbs ===== */
body:has(link[href*="blazing-dark"]) .breadcrumb {
    background-color: #202020 !important;
}

body:has(link[href*="blazing-dark"]) .breadcrumb-item,
body:has(link[href*="blazing-dark"]) .breadcrumb-item a,
body:has(link[href*="blazing-dark"]) .dxbl-breadcrumb-item,
body:has(link[href*="blazing-dark"]) .dxbl-breadcrumb-item a {
    color: #ddd !important;
}

body:has(link[href*="blazing-dark"]) .breadcrumb-item.active {
    color: #fff !important;
}

/* ===== Labels and Text ===== */
body:has(link[href*="blazing-dark"]) label,
body:has(link[href*="blazing-dark"]) .form-label,
body:has(link[href*="blazing-dark"]) h1,
body:has(link[href*="blazing-dark"]) h2,
body:has(link[href*="blazing-dark"]) h3,
body:has(link[href*="blazing-dark"]) h4,
body:has(link[href*="blazing-dark"]) h5,
body:has(link[href*="blazing-dark"]) h6,
body:has(link[href*="blazing-dark"]) .title,
body:has(link[href*="blazing-dark"]) .title a,
body:has(link[href*="blazing-dark"]) .ebcard-title,
body:has(link[href*="blazing-dark"]) .ebcard-title a,
body:has(link[href*="blazing-dark"]) .info-title,
body:has(link[href*="blazing-dark"]) .dx-menu-title {
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .dxbl-text {
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .text-dark {
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .text-muted {
    color: #615f63 !important;
}

body:has(link[href*="blazing-dark"]) .bg-white {
    background-color: #202020 !important;
}

/* ===== Links ===== */
body:has(link[href*="blazing-dark"]) a {
    color: #ff6c00 !important;
}

body:has(link[href*="blazing-dark"]) a:hover {
    color: #ff6c00 !important;
}

/* ===== Form Controls ===== */
body:has(link[href*="blazing-dark"]) .form-control,
body:has(link[href*="blazing-dark"]) .form-select,
body:has(link[href*="blazing-dark"]) input:not([type="checkbox"]):not([type="radio"]),
body:has(link[href*="blazing-dark"]) textarea,
body:has(link[href*="blazing-dark"]) select {
    background-color: #333 !important;
    color: #e5e5e5 !important;
    border-color: #615f63 !important;
}

body:has(link[href*="blazing-dark"]) .form-control:focus {
    background-color: #333 !important;
    color: #e5e5e5 !important;
    border-color: #ffba88 !important;
}

body:has(link[href*="blazing-dark"]) .form-control:disabled,
body:has(link[href*="blazing-dark"]) .form-control[readonly] {
    background-color: #181818 !important;
}

body:has(link[href*="blazing-dark"]) .input-group-text {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #615f63 !important;
}

/* ===== Custom Controls (Checkbox, Radio) ===== */
body:has(link[href*="blazing-dark"]) .custom-control-label::before {
    background-color: #333 !important;
    border-color: #444444 !important;
}

body:has(link[href*="blazing-dark"]) .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #fe7109 !important;
    border-color: #fe7109 !important;
}

/* ===== Buttons ===== */
body:has(link[href*="blazing-dark"]) .btn-primary {
    background-color: #fe7109 !important;
    border-color: #fe7109 !important;
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .btn-primary:hover {
    background-color: #e06001 !important;
    border-color: #d35a01 !important;
}

body:has(link[href*="blazing-dark"]) .btn-secondary {
    background-color: #333 !important;
    border-color: #333 !important;
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .btn-secondary:hover {
    background-color: #19181b !important;
    border-color: #121214 !important;
}

body:has(link[href*="blazing-dark"]) .btn-dark {
    background-color: #202020 !important;
    border-color: #202020 !important;
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .btn-link {
    color: #fff !important;
}

/* ===== Nav Tabs ===== */
body:has(link[href*="blazing-dark"]) .nav-tabs {
    border-bottom-color: #615f63 !important;
}

body:has(link[href*="blazing-dark"]) .nav-tabs .nav-link,
body:has(link[href*="blazing-dark"]) .nav-tabs .nav-link.active {
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .nav-tabs .nav-item.show .nav-link,
body:has(link[href*="blazing-dark"]) .nav-tabs .nav-link.active {
    background-color: #181818 !important;
    border-color: var(--primary) !important;
}

/* ===== Page Edit Menu ===== */
body:has(link[href*="blazing-dark"]) .page-edit-menu,
body:has(link[href*="blazing-dark"]) .page-edit-menu-container,
body:has(link[href*="blazing-dark"]) .eb-page-toolbar {
    background-color: #202020 !important;
    color: #fff !important;
}

/* ===== Modals ===== */
body:has(link[href*="blazing-dark"]) .modal-content {
    background-color: #202020 !important;
    color: #fff !important;
    border-color: #615f63 !important;
}

body:has(link[href*="blazing-dark"]) .modal-header,
body:has(link[href*="blazing-dark"]) .modal-footer {
    background-color: #202020 !important;
    border-color: #615f63 !important;
    color: #fff !important;
}

/* ===== List Group ===== */
body:has(link[href*="blazing-dark"]) .list-group-item,
body:has(link[href*="blazing-dark"]) .list-group-item:hover {
    background-color: #202020 !important;
    color: #fff !important;
    border-color: rgba(0, 0, 0, 0.125) !important;
}

body:has(link[href*="blazing-dark"]) .list-group-item.active {
    background-color: #fe7109 !important;
    border-color: #fe7109 !important;
}

body:has(link[href*="blazing-dark"]) .list-group-item-action:hover,
body:has(link[href*="blazing-dark"]) .list-group-item-action:focus {
    background-color: #333 !important;
    color: #202020 !important;
}

/* ===== Pagination ===== */
body:has(link[href*="blazing-dark"]) .page-link {
    background-color: #202020 !important;
    color: #fff !important;
    border-color: #615f63 !important;
}

body:has(link[href*="blazing-dark"]) .page-link:hover {
    background-color: #333 !important;
}

body:has(link[href*="blazing-dark"]) .page-item.active .page-link {
    background-color: #fe7109 !important;
    border-color: #fe7109 !important;
}

/* ===== Alerts ===== */
body:has(link[href*="blazing-dark"]) .alert-primary {
    background-color: #fe7109 !important;
    color: #ffe3ce !important;
    border-color: #fe7109 !important;
}

body:has(link[href*="blazing-dark"]) .alert-secondary {
    background-color: #333 !important;
    color: #d5d4d5 !important;
    border-color: #333 !important;
}

body:has(link[href*="blazing-dark"]) .alert-dark {
    background-color: #202020 !important;
    color: #dadadb !important;
    border-color: #202020 !important;
}

/* ===== Badges ===== */
body:has(link[href*="blazing-dark"]) .badge-primary {
    background-color: #fe7109 !important;
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .badge-secondary {
    background-color: #333 !important;
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .badge-dark {
    background-color: #202020 !important;
    color: #fff !important;
}

/* ===== Progress ===== */
body:has(link[href*="blazing-dark"]) .progress {
    background-color: #333 !important;
}

body:has(link[href*="blazing-dark"]) .progress-bar {
    background-color: #fe7109 !important;
}

/* ===== Jumbotron ===== */
body:has(link[href*="blazing-dark"]) .jumbotron {
    background-color: #202020 !important;
    color: #fff !important;
}

/* ===== Page Footer ===== */
body:has(link[href*="blazing-dark"]) .page-footer {
    background-color: #1f1f1f !important;
}

/* ===== Theme Switcher ===== */
body:has(link[href*="blazing-dark"]) #settingsbar {
    background-color: #202020 !important;
    border-color: hsl(0, 0%, 18.82%) !important;
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) #themesMenu {
    background-color: #202020 !important;
}

body:has(link[href*="blazing-dark"]) #themesMenu li > a {
    color: #fff !important;
}

/* ===== EBCard Title Fix ===== */
body:has(link[href*="blazing-dark"]) .ebcard .ebcard-header.ebcard-header-icon .ebcard-title,
body:has(link[href*="blazing-dark"]) .ebcard .ebcard-header.ebcard-header-text .ebcard-title {
    color: var(--bs-body-color) !important;
}

/* ===== E-Card ===== */
body:has(link[href*="blazing-dark"]) .e-card {
    color: #fff !important;
}

/* ===== Valid/Modified Form Controls ===== */
body:has(link[href*="blazing-dark"]) .valid.modified .dxbs-input-group input.form-control,
body:has(link[href*="blazing-dark"]) .valid.modified .dxbs-input-group textarea.form-control,
body:has(link[href*="blazing-dark"]) .valid.modified.dxbs-tagbox .form-control {
    border: 1px solid #615f63 !important;
}

/* ===== Logo Image ===== */
body:has(link[href*="blazing-dark"]) .logo-img {
    background-image: none !important;
}

/* ========================================
   MODULE SWITCHER / MODULE TAB CONTROL
   Adaptiv für alle Themes
   ======================================== */

/* Module Switcher Container */
body:has(link[href*="blazing-dark"]) .module-switcher,
body:has(link[href*="blazing-dark"]) .module-tab-control,
body:has(link[href*="blazing-dark"]) .module-tabs-container {
    /*background-color: #181818 !important;
    border-color: hsl(0, 0%, 18.82%) !important;*/
}

body:has(link[href*="blazing-dark"]) .module-tab-control .card {
    /*background-color: #181818 !important;
    border-color: hsl(0, 0%, 18.82%) !important;*/
}

body:has(link[href*="blazing-dark"]) .module-tab-control .card-body {
    /*background-color: #181818 !important;*/
}

/* Module Tab Items */
body:has(link[href*="blazing-dark"]) .module-tab,
body:has(link[href*="blazing-dark"]) .module-tab-item {
    background-color: #fff !important;
    border-color: hsl(0, 0%, 18.82%) !important;
    color: #181818 !important;
}

body:has(link[href*="blazing-dark"]) .module-tab:hover,
body:has(link[href*="blazing-dark"]) .module-tab-item:hover {
    background-color: #f0f0f0 !important;
}

body:has(link[href*="blazing-dark"]) .module-tab.active,
body:has(link[href*="blazing-dark"]) .module-tab-item.active,
body:has(link[href*="blazing-dark"]) .module-tab.selected,
body:has(link[href*="blazing-dark"]) .module-tab-item.selected {
    border-color: var(--primary, #fe7109) !important;
    box-shadow: 0 0 0 2px rgba(254, 113, 9, 0.2) !important;
}

body:has(link[href*="blazing-dark"]) .module-label {
    color: #ddd !important;
}

/* Module Tab Title and Icon */
body:has(link[href*="blazing-dark"]) .module-tab-title {
    color: inherit !important;
}

body:has(link[href*="blazing-dark"]) .module-tab-icon {
    color: inherit !important;
}

/* Dashboard Switcher Buttons */
body:has(link[href*="blazing-dark"]) .dashboard-switcher .btn-outline-primary,
body:has(link[href*="blazing-dark"]) .view-switcher .btn-outline-primary {
    border-color: var(--primary, #fe7109) !important;
    color: var(--primary, #fe7109) !important;
}

body:has(link[href*="blazing-dark"]) .dashboard-switcher .btn-outline-primary:hover,
body:has(link[href*="blazing-dark"]) .view-switcher .btn-outline-primary:hover,
body:has(link[href*="blazing-dark"]) .dashboard-switcher .btn-outline-primary.active,
body:has(link[href*="blazing-dark"]) .view-switcher .btn-outline-primary.active {
    background-color: var(--primary, #fe7109) !important;
    color: #fff !important;
}

/* ========================================
   PURPLE (#9b17e2) TO ORANGE REPLACEMENTS
   Ersetze alle lila Akzente durch Primary (Orange)
   ======================================== */

/* DevExpress CSS Variables Override - Replace Purple with Orange */
body:has(link[href*="blazing-dark"]) {
    --dxbl-primary: #fe7109 !important;
    --dxbl-primary-rgb: 254, 113, 9 !important;
    --dxbl-primary-bg: #fe7109 !important;
    --dxbl-primary-color: #ffffff !important;
    --dxbl-focus-color: #fe7109 !important;
    --dxbl-selection-bg: rgba(254, 113, 9, 0.15) !important;
    --dxbl-btn-primary-bg: #fe7109 !important;
    --dxbl-btn-primary-border-color: #fe7109 !important;
    --dxbl-btn-primary-hover-bg: #e56608 !important;
    --dxbl-btn-primary-hover-border-color: #e56608 !important;
    --dxbl-btn-primary-active-bg: #ca5a07 !important;
    --dxbl-btn-primary-active-border-color: #ca5a07 !important;
    --dxbl-link-color: #fe7109 !important;
    --dxbl-link-hover-color: #ff8c3a !important;
}

/* All DevExpress accent colors - Purple to Orange */
body:has(link[href*="blazing-dark"]) [style*="#9b17e2"],
body:has(link[href*="blazing-dark"]) [style*="rgb(155, 23, 226)"] {
    color: #fe7109 !important;
}

/* DxTabs Active Border - Blazing Dark */
body:has(link[href*="blazing-dark"]) .dxbl-tabs .dxbl-tabs-tab.dxbl-active::after,
body:has(link[href*="blazing-dark"]) .dxbl-tabs-tab.dxbl-active::after {
    background-color: var(--primary, #fe7109) !important;
}

/* DxTabs - Tab Item Active State */
body:has(link[href*="blazing-dark"]) .dxbl-tabs-item.dxbl-active,
body:has(link[href*="blazing-dark"]) .dxbl-tabs-tab.dxbl-active {
    color: #fe7109 !important;
    border-color: #fe7109 !important;
}

body:has(link[href*="blazing-dark"]) .dxbl-tabs-item.dxbl-active::after {
    background-color: #fe7109 !important;
}

/* Nav Tabs Active Border */
body:has(link[href*="blazing-dark"]) .nav-tabs .nav-link.active {
    border-bottom-color: var(--primary, #fe7109) !important;
}

/* Focus Rings and Outlines */
body:has(link[href*="blazing-dark"]) *:focus {
    outline-color: var(--primary, #fe7109) !important;
}

body:has(link[href*="blazing-dark"]) .form-control:focus,
body:has(link[href*="blazing-dark"]) .form-select:focus {
    border-color: var(--primary, #fe7109) !important;
    box-shadow: 0 0 0 0.2rem rgba(254, 113, 9, 0.25) !important;
}

/* DxTextEdit Focus */
body:has(link[href*="blazing-dark"]) .dxbl-text-edit:focus-within,
body:has(link[href*="blazing-dark"]) .dxbl-text-edit.dxbl-focused {
    border-color: var(--primary, #fe7109) !important;
}

/* DxSpinEdit, DxDateEdit, DxComboBox Focus */
body:has(link[href*="blazing-dark"]) .dxbl-spin-edit:focus-within,
body:has(link[href*="blazing-dark"]) .dxbl-date-edit:focus-within,
body:has(link[href*="blazing-dark"]) .dxbl-combobox:focus-within,
body:has(link[href*="blazing-dark"]) .dxbl-tagbox:focus-within {
    border-color: #fe7109 !important;
    box-shadow: 0 0 0 1px rgba(254, 113, 9, 0.25) !important;
}

/* DxMemo Focus */
body:has(link[href*="blazing-dark"]) .dxbl-memo:focus-within {
    border-color: #fe7109 !important;
}

/* Checkbox and Radio Checked */
body:has(link[href*="blazing-dark"]) .dxbl-checkbox.dxbl-checked .dxbl-checkbox-check-element,
body:has(link[href*="blazing-dark"]) input[type="checkbox"]:checked {
    background-color: var(--primary, #fe7109) !important;
    border-color: var(--primary, #fe7109) !important;
}

body:has(link[href*="blazing-dark"]) .dxbl-radio.dxbl-checked .dxbl-radio-check-element::after,
body:has(link[href*="blazing-dark"]) input[type="radio"]:checked {
    background-color: var(--primary, #fe7109) !important;
}

/* DxCheckBox Focus Ring */
body:has(link[href*="blazing-dark"]) .dxbl-checkbox:focus-within .dxbl-checkbox-check-element {
    box-shadow: 0 0 0 2px rgba(254, 113, 9, 0.25) !important;
}

/* DxRadio Focus Ring */
body:has(link[href*="blazing-dark"]) .dxbl-radio:focus-within .dxbl-radio-check-element {
    box-shadow: 0 0 0 2px rgba(254, 113, 9, 0.25) !important;
}

/* Switch/Toggle Checked */
body:has(link[href*="blazing-dark"]) .dxbl-switch.dxbl-checked,
body:has(link[href*="blazing-dark"]) .form-check-input:checked {
    background-color: var(--primary, #fe7109) !important;
    border-color: var(--primary, #fe7109) !important;
}

/* DxSwitch Thumb when checked */
body:has(link[href*="blazing-dark"]) .dxbl-switch.dxbl-checked .dxbl-switch-thumb {
    background-color: #fff !important;
}

/* Selection Highlight */
body:has(link[href*="blazing-dark"]) ::selection {
    background-color: rgba(254, 113, 9, 0.3) !important;
}

/* Link Colors in Blazing Dark */
body:has(link[href*="blazing-dark"]) a:not(.btn):not(.nav-link):not(.dropdown-item) {
    color: var(--primary, #fe7109) !important;
}

/* Active/Selected States */
body:has(link[href*="blazing-dark"]) .active > .nav-link,
body:has(link[href*="blazing-dark"]) .nav-link.active {
    color: var(--primary, #fe7109) !important;
}

/* DxMenu Active Item */
body:has(link[href*="blazing-dark"]) .dxbl-menu-item.dxbl-active,
body:has(link[href*="blazing-dark"]) .dxbl-menu-item.dxbl-selected {
    background-color: var(--primary, #fe7109) !important;
    color: #fff !important;
}

/* Accordion/Collapsible Headers */
body:has(link[href*="blazing-dark"]) .accordion-button:not(.collapsed) {
    color: var(--primary, #fe7109) !important;
    background-color: rgba(254, 113, 9, 0.1) !important;
}

/* CronJob List Expandable Headers */
body:has(link[href*="blazing-dark"]) .cronjob-category-header,
body:has(link[href*="blazing-dark"]) .expandable-header {
    background-color: #282828 !important;
    color: #fff !important;
    border-color: var(--primary, #fe7109) !important;
}

body:has(link[href*="blazing-dark"]) .cronjob-category-header.expanded,
body:has(link[href*="blazing-dark"]) .expandable-header.expanded {
    background-color: rgba(254, 113, 9, 0.1) !important;
    border-left-color: var(--primary, #fe7109) !important;
}

/* Badge Count on Category Headers */
body:has(link[href*="blazing-dark"]) .category-badge,
body:has(link[href*="blazing-dark"]) .count-badge {
    background-color: var(--primary, #fe7109) !important;
    color: #fff !important;
}

/* Scrollbar Thumb */
body:has(link[href*="blazing-dark"]) ::-webkit-scrollbar-thumb {
    background-color: #444 !important;
}

body:has(link[href*="blazing-dark"]) ::-webkit-scrollbar-thumb:hover {
    background-color: var(--primary, #fe7109) !important;
}

/* Range Slider */
body:has(link[href*="blazing-dark"]) input[type="range"]::-webkit-slider-thumb {
    background-color: var(--primary, #fe7109) !important;
}

body:has(link[href*="blazing-dark"]) input[type="range"]::-moz-range-thumb {
    background-color: var(--primary, #fe7109) !important;
}

/* ========================================
   GLOBAL DEVEXPRESS TEXT EDIT FOCUS STYLES
   ======================================== */
.dxbl-text-edit {
    --dxbl-text-edit-focus-shadow-color: transparent !important;
    --dxbl-text-edit-focus-shadow-spread: 0.125rem;
    --dxbl-text-edit-focus-shadow-blur: 0rem;
    --dxbl-text-edit-focus-border-color: var(--primary, #fe7109) !important;
}

/* ========================================
   BLAZING DARK - NAVIGATION TREEVIEW SELECTION
   ======================================== */
body:has(link[href*="blazing-dark"]) .eb-nav-tree .dxbl-treeview-item.dxbl-state-selected > .dxbl-treeview-item-container,
body:has(link[href*="blazing-dark"]) .eb-nav-tree .dxbl-treeview-item-container.dxbl-state-selected {
    background-color: var(--primary, #fe7109) !important;
    color: #fff !important;
}

/* ========================================
   TOP MENU - ICONS AND TEXT WHITE IN DARK MODE
   ======================================== */
body:has(link[href*="blazing-dark"]) .top-menu-nowrap,
body:has(link[href*="blazing-dark"]) .top-menu-nowrap .dxbl-menu,
body:has(link[href*="blazing-dark"]) .top-menu-nowrap .dxbl-menu-item,
body:has(link[href*="blazing-dark"]) .top-menu-nowrap .dxbl-menu-item-text,
body:has(link[href*="blazing-dark"]) .top-menu-nowrap .dxbl-menu-item-icon,
body:has(link[href*="blazing-dark"]) .top-menu-nowrap a,
body:has(link[href*="blazing-dark"]) .top-menu-nowrap span,
body:has(link[href*="blazing-dark"]) .mdc-top-app-bar a,
body:has(link[href*="blazing-dark"]) .mdc-top-app-bar span,
body:has(link[href*="blazing-dark"]) .mdc-top-app-bar .material-icons,
body:has(link[href*="blazing-dark"]) .mdc-top-app-bar i,
body:has(link[href*="blazing-dark"]) .main-layout-header a,
body:has(link[href*="blazing-dark"]) .main-layout-header span:not(.badge),
body:has(link[href*="blazing-dark"]) .main-layout-header i {
    color: #fff !important;
}

/* Menü-Icons im Dark Mode */
body:has(link[href*="blazing-dark"]) .menu-icon,
body:has(link[href*="blazing-dark"]) .menu-icon-user-profile,
body:has(link[href*="blazing-dark"]) [class*="menu-icon"] {
    filter: brightness(0) invert(1) !important;
}

/* ========================================
   THEME SWITCHER BUTTON - IMPROVED STYLING
   ======================================== */
body:has(link[href*="blazing-dark"]) .themeswitcher-button,
body:has(link[href*="blazing-dark"]) .theme-settings {
    background-color: transparent !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .themeswitcher-button:hover,
body:has(link[href*="blazing-dark"]) .theme-settings:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
}

body:has(link[href*="blazing-dark"]) .themeswitcher-button .theme-icon,
body:has(link[href*="blazing-dark"]) .theme-settings .theme-icon {
    filter: brightness(0) invert(1) !important;
}

/* Theme Switcher Container */
body:has(link[href*="blazing-dark"]) .themeswitcher-container {
    background-color: #202020 !important;
    border-color: hsl(0, 0%, 18.82%) !important;
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .themeswitcher-content {
    background-color: #202020 !important;
}

body:has(link[href*="blazing-dark"]) .themeswitcher-title,
body:has(link[href*="blazing-dark"]) .themeswitcher-subtitle {
    color: #fff !important;
}

/* ========================================
   MODULE TABS - DARK THEME ADAPTIVE
   ======================================== */
/* Module Tab Container */
body:has(link[href*="blazing-dark"]) .module-tabs-row,
body:has(link[href*="blazing-dark"]) .module-tabs-scroll-container {
    background-color: transparent !important;
}

/* Module Tab Cards - White background with dark text */
body:has(link[href*="blazing-dark"]) .module-tab {
    background-color: #fff !important;
    border: 1px solid #e0e0e0 !important;
    color: #333 !important;
    border-radius: 0.375rem !important;
}

body:has(link[href*="blazing-dark"]) .module-tab:hover {
    background-color: #f5f5f5 !important;
    border-color: #ccc !important;
}

body:has(link[href*="blazing-dark"]) .module-tab.active,
body:has(link[href*="blazing-dark"]) .module-tab.selected {
    border-color: var(--primary, #fe7109) !important;
    box-shadow: 0 0 0 2px rgba(254, 113, 9, 0.25) !important;
}

/* Module Tab Text */
body:has(link[href*="blazing-dark"]) .module-tab .module-tab-title,
body:has(link[href*="blazing-dark"]) .module-tab-title {
    color: #333 !important;
}

/* Module Tab Icon Container (the colored square) */
body:has(link[href*="blazing-dark"]) .module-tab-icon-container {
    /* Keep original colors for icons */
}

/* Module Label (MODULE:) */
body:has(link[href*="blazing-dark"]) .module-label,
body:has(link[href*="blazing-dark"]) .module-tabs-label {
    color: #aaa !important;
}

/* Drag Handle Dots */
body:has(link[href*="blazing-dark"]) .module-tab .drag-handle,
body:has(link[href*="blazing-dark"]) .module-tab-drag-handle {
    color: #999 !important;
}

/* ========================================
   COMPANY CHOOSER - DARK THEME
   ======================================== */
body:has(link[href*="blazing-dark"]) .company-chooser,
body:has(link[href*="blazing-dark"]) .company-chooser-top {
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .company-chooser .dxbl-btn,
body:has(link[href*="blazing-dark"]) .company-chooser-top .dxbl-btn {
    background-color: transparent !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .company-chooser .dxbl-btn:hover,
body:has(link[href*="blazing-dark"]) .company-chooser-top .dxbl-btn:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* ========================================
   USER PROFILE DROPDOWN - DARK THEME
   ======================================== */
body:has(link[href*="blazing-dark"]) .user-top,
body:has(link[href*="blazing-dark"]) .user-profile-top {
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .user-top .dxbl-menu-dropdown,
body:has(link[href*="blazing-dark"]) .user-profile-top .dxbl-menu-dropdown {
    background-color: #202020 !important;
    border-color: hsl(0, 0%, 18.82%) !important;
}

/* ========================================
   TOP MENU BUTTONS - CONSISTENT STYLING
   ======================================== */
body:has(link[href*="blazing-dark"]) .mdc-top-app-bar .dxbl-btn,
body:has(link[href*="blazing-dark"]) .main-layout-header .dxbl-btn {
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .mdc-top-app-bar .dxbl-btn:hover,
body:has(link[href*="blazing-dark"]) .main-layout-header .dxbl-btn:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* Hamburger Menu Button */
body:has(link[href*="blazing-dark"]) .menu-toggle-btn {
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .menu-toggle-btn:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* ========================================
   FIX: LINKS IN MENUS SHOULD BE WHITE, NOT ORANGE
   ======================================== */
body:has(link[href*="blazing-dark"]) .dxbl-menu a,
body:has(link[href*="blazing-dark"]) .dxbl-menu-item a,
body:has(link[href*="blazing-dark"]) .top-menu-nowrap a,
body:has(link[href*="blazing-dark"]) .nav-link,
body:has(link[href*="blazing-dark"]) .dropdown-item {
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .dxbl-menu a:hover,
body:has(link[href*="blazing-dark"]) .dxbl-menu-item a:hover,
body:has(link[href*="blazing-dark"]) .dropdown-item:hover {
    color: #fff !important;
    background-color: rgba(254, 113, 9, 0.2) !important;
}

/* Active menu item - subtle highlight, not orange background */
body:has(link[href*="blazing-dark"]) .dxbl-menu-item.dxbl-active {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}

/* ========================================
   SIDEBAR NAVIGATION - WHITE TEXT AND ICONS
   ======================================== */
body:has(link[href*="blazing-dark"]) .eb-nav-tree .dxbl-treeview-item-text,
body:has(link[href*="blazing-dark"]) .eb-nav-tree .dxbl-treeview-item-icon {
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .eb-nav-tree .dxbl-treeview-item-container:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
}

/* ========================================
   DASHBOARD CARDS TEXT - WHITE
   ======================================== */
body:has(link[href*="blazing-dark"]) .dashboard-card,
body:has(link[href*="blazing-dark"]) .dashboard-card-title,
body:has(link[href*="blazing-dark"]) .dashboard-card-subtitle,
body:has(link[href*="blazing-dark"]) .dashboard-card-text,
body:has(link[href*="blazing-dark"]) .dashboard-card-value,
body:has(link[href*="blazing-dark"]) .dashboard-card-label,
body:has(link[href*="blazing-dark"]) .kpi-card-title,
body:has(link[href*="blazing-dark"]) .kpi-card-value,
body:has(link[href*="blazing-dark"]) .stat-label,
body:has(link[href*="blazing-dark"]) .stat-value {
    color: #fff !important;
}

/* ========================================
   SECTION HEADERS - WHITE TEXT
   ======================================== */
body:has(link[href*="blazing-dark"]) .section-header,
body:has(link[href*="blazing-dark"]) .section-title,
body:has(link[href*="blazing-dark"]) .page-title,
body:has(link[href*="blazing-dark"]) .page-subtitle,
body:has(link[href*="blazing-dark"]) .card-title-section {
    color: #fff !important;
}

/* Section header icons */
body:has(link[href*="blazing-dark"]) .section-header i,
body:has(link[href*="blazing-dark"]) .section-title i {
    color: #fff !important;
}

/* ========================================
   MAIN DASHBOARD SWITCHER - DARK THEME
   ======================================== */

/* Module Card Container */
body:has(link[href*="blazing-dark"]) .main-dashboard-switcher .card,
body:has(link[href*="blazing-dark"]) .main-dashboard-switcher .module-card {
    background-color: #202020 !important;
    border-color: hsl(0, 0%, 18.82%) !important;
}

body:has(link[href*="blazing-dark"]) .main-dashboard-switcher .module-card .card-body {
    background-color: #202020 !important;
}

/* Module Label */
body:has(link[href*="blazing-dark"]) .main-dashboard-switcher .module-label {
    color: #aaa !important;
}

/* Module Tabs - Dark Theme Style */
body:has(link[href*="blazing-dark"]) .main-dashboard-switcher .module-tab {
    background-color: #333 !important;
    border-color: #444 !important;
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .main-dashboard-switcher .module-tab:hover {
    background-color: #363539 !important;
    border-color: #555 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.4) !important;
}

body:has(link[href*="blazing-dark"]) .main-dashboard-switcher .module-tab.active {
    background-color: #333 !important;
    border-color: var(--primary, #fe7109) !important;
    box-shadow: 0 0 0 2px rgba(254, 113, 9, 0.3) !important;
}

/* Module Tab Title */
body:has(link[href*="blazing-dark"]) .main-dashboard-switcher .module-tab-title {
    color: #e0e0e0 !important;
}

body:has(link[href*="blazing-dark"]) .main-dashboard-switcher .module-tab.active .module-tab-title {
    color: #fff !important;
}

/* Drag Handle */
body:has(link[href*="blazing-dark"]) .main-dashboard-switcher .module-tab .drag-handle {
    color: #666 !important;
}

body:has(link[href*="blazing-dark"]) .main-dashboard-switcher .module-tab:hover .drag-handle {
    color: #999 !important;
}

/* Scrollbar für Module Tabs */
body:has(link[href*="blazing-dark"]) .main-dashboard-switcher .module-tabs-container::-webkit-scrollbar-thumb {
    background-color: #444 !important;
}

body:has(link[href*="blazing-dark"]) .main-dashboard-switcher .module-tabs-container::-webkit-scrollbar-thumb:hover {
    background-color: var(--primary, #fe7109) !important;
}

/* Mobile SplitButton */
body:has(link[href*="blazing-dark"]) .main-dashboard-switcher .module-split-button > button {
    background-color: #333 !important;
    border-color: #444 !important;
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .main-dashboard-switcher .module-split-button > button:hover {
    background-color: #363539 !important;
    border-color: #555 !important;
}

/* Mobile Dropdown List */
body:has(link[href*="blazing-dark"]) .main-dashboard-switcher .module-dropdown-list {
    background-color: #202020 !important;
}

body:has(link[href*="blazing-dark"]) .main-dashboard-switcher .module-dropdown-item {
    background-color: #333 !important;
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .main-dashboard-switcher .module-dropdown-item:hover {
    background-color: #363539 !important;
}

body:has(link[href*="blazing-dark"]) .main-dashboard-switcher .module-dropdown-item.selected {
    background-color: rgba(254, 113, 9, 0.15) !important;
    border-color: var(--primary, #fe7109) !important;
}

body:has(link[href*="blazing-dark"]) .main-dashboard-switcher .module-dropdown-title {
    color: #e0e0e0 !important;
}

/* View Switcher Card (Mobile) */
body:has(link[href*="blazing-dark"]) .main-dashboard-switcher .view-switcher-card {
    background-color: #202020 !important;
    border-color: hsl(0, 0%, 18.82%) !important;
}

body:has(link[href*="blazing-dark"]) .main-dashboard-switcher .view-switcher-card .card-body {
    background-color: #202020 !important;
}

/* Drop Zone Indicator */
body:has(link[href*="blazing-dark"]) .main-dashboard-switcher .drop-zone .drop-indicator {
    background: var(--primary, #fe7109) !important;
}

body:has(link[href*="blazing-dark"]) .main-dashboard-switcher .drop-zone.active .drop-indicator {
    box-shadow: 0 0 8px var(--primary, #fe7109) !important;
}

/* ========================================
   NAVIGATION MENU - GLOBAL HEIGHT REDUCTION
   Items sollen ca. 30px hoch sein statt 40px
   ======================================== */

/* Reduzierte Höhe für alle TreeView Items */
.eb-nav-tree .dxbl-treeview-item-container {
    min-height: 28px !important;
    padding: 4px 10px !important;
}

/* Category Header nodes - etwas höher aber auch reduziert */
.eb-nav-tree > .dxbl-treeview-items > [role="treeitem"] > .dxbl-treeview-item-container {
    min-height: 32px !important;
    padding: 6px 12px !important;
}

/* ========================================
   NAVIGATION MENU - BLAZING DARK THEME
   - Icons nie orange
   - Selected = orange Hintergrund
   - Hintergrund = gleich wie Items
   ======================================== */

/* Navigation Container Background - #181818 wie Searchbox */
body:has(link[href*="blazing-dark"]) .eb-navigation-container,
body:has(link[href*="blazing-dark"]) .eb-nav-content,
body:has(link[href*="blazing-dark"]) .eb-nav-search,
body:has(link[href*="blazing-dark"]) .eb-nav-tree,
body:has(link[href*="blazing-dark"]) .eb-nav-tree .dxbl-treeview-items,
body:has(link[href*="blazing-dark"]) .eb-nav-tree [role="treeitem"],
body:has(link[href*="blazing-dark"]) .main-nav-container {
    background-color: transparent !important;
    background: transparent !important;
}

/* Category Headers */
body:has(link[href*="blazing-dark"]) .eb-nav-tree > .dxbl-treeview-items > [role="treeitem"] > .dxbl-treeview-item-container {
    background-color: transparent !important;
    background: transparent !important;
    border-bottom-color: #333 !important;
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .eb-nav-tree > .dxbl-treeview-items > [role="treeitem"] > .dxbl-treeview-item-container:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Standard Items - Background */
body:has(link[href*="blazing-dark"]) .eb-nav-tree .dxbl-treeview-item-container {
    background-color: transparent !important;
    background: transparent !important;
    color: #e0e0e0 !important;
}

body:has(link[href*="blazing-dark"]) .eb-nav-tree .dxbl-treeview-item-container:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Icons - NICHT orange, sondern immer grau/weiß */
body:has(link[href*="blazing-dark"]) .eb-nav-tree .dxbl-treeview-item-icon,
body:has(link[href*="blazing-dark"]) .eb-nav-tree .dxbl-treeview-item-container > i:not(.dxbl-treeview-item-toggle),
body:has(link[href*="blazing-dark"]) .eb-nav-tree i:not(.dxbl-treeview-item-toggle),
body:has(link[href*="blazing-dark"]) .eb-nav-tree .dxbl-image,
body:has(link[href*="blazing-dark"]) .eb-nav-tree [class*="fa-"]:not(.dxbl-treeview-item-container.dxbl-selected [class*="fa-"]):not(.dxbl-treeview-item-container.dxbl-active [class*="fa-"]) {
    color: #888 !important;
}

/* Toggle Arrows */
body:has(link[href*="blazing-dark"]) .eb-nav-tree .dxbl-treeview-item-toggle {
    color: #666 !important;
}

/* Selected State - Orange Background */
body:has(link[href*="blazing-dark"]) .eb-nav-tree .dxbl-treeview-item-container.dxbl-selected,
body:has(link[href*="blazing-dark"]) .eb-nav-tree .dxbl-treeview-item-container.dxbl-active,
body:has(link[href*="blazing-dark"]) .eb-nav-tree .dxbl-treeview-item.dxbl-state-selected > .dxbl-treeview-item-container,
body:has(link[href*="blazing-dark"]) .eb-nav-tree .dxbl-treeview-item-container.dxbl-state-selected {
    background-color: var(--primary, #fe7109) !important;
    color: #fff !important;
}

/* Selected Icons - weiß, nicht orange */
body:has(link[href*="blazing-dark"]) .eb-nav-tree .dxbl-treeview-item-container.dxbl-selected .dxbl-treeview-item-icon,
body:has(link[href*="blazing-dark"]) .eb-nav-tree .dxbl-treeview-item-container.dxbl-selected > i,
body:has(link[href*="blazing-dark"]) .eb-nav-tree .dxbl-treeview-item-container.dxbl-active .dxbl-treeview-item-icon,
body:has(link[href*="blazing-dark"]) .eb-nav-tree .dxbl-treeview-item-container.dxbl-active > i,
body:has(link[href*="blazing-dark"]) .eb-nav-tree .dxbl-treeview-item.dxbl-state-selected .dxbl-treeview-item-icon,
body:has(link[href*="blazing-dark"]) .eb-nav-tree .dxbl-treeview-item-container.dxbl-state-selected .dxbl-treeview-item-icon {
    color: #fff !important;
}

/* Selected Text - weiß */
body:has(link[href*="blazing-dark"]) .eb-nav-tree .dxbl-treeview-item-container.dxbl-selected .dxbl-treeview-item-text,
body:has(link[href*="blazing-dark"]) .eb-nav-tree .dxbl-treeview-item-container.dxbl-active .dxbl-treeview-item-text,
body:has(link[href*="blazing-dark"]) .eb-nav-tree .dxbl-treeview-item.dxbl-state-selected .dxbl-treeview-item-text,
body:has(link[href*="blazing-dark"]) .eb-nav-tree .dxbl-treeview-item-container.dxbl-state-selected .dxbl-treeview-item-text {
    color: #fff !important;
}

/* Selected Toggle Arrow - weiß */
body:has(link[href*="blazing-dark"]) .eb-nav-tree .dxbl-treeview-item-container.dxbl-selected .dxbl-treeview-item-toggle,
body:has(link[href*="blazing-dark"]) .eb-nav-tree .dxbl-treeview-item-container.dxbl-active .dxbl-treeview-item-toggle {
    color: #fff !important;
}

/* DxDrawer Panel Background - transparent */
body:has(link[href*="blazing-dark"]) .main-layout-drawer .dxbl-drawer-panel,
body:has(link[href*="blazing-dark"]) .main-layout-drawer .dxbl-drawer-panel-body {
    background-color: transparent !important;
    background: transparent !important;
    border-color: #333 !important;
}

/* Sidebar Search Input */
body:has(link[href*="blazing-dark"]) .eb-nav-search-input input {
    background-color: #282828 !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

body:has(link[href*="blazing-dark"]) .eb-nav-search-input input::placeholder {
    color: #888 !important;
}

/* Scrollbar in Navigation */
body:has(link[href*="blazing-dark"]) .eb-nav-content::-webkit-scrollbar-thumb {
    background-color: #444 !important;
}

body:has(link[href*="blazing-dark"]) .eb-nav-content::-webkit-scrollbar-thumb:hover {
    background-color: #555 !important;
}

body:has(link[href*="blazing-dark"]).container-fluid {
    background-color: transparent !important;
}
body:has(link[href*="blazing-dark"]) .dxbl-treeview .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-treeview-item-container:not(.dxbl-disabled):not(:disabled).dxbl-active::before {
    background-color: var(--primary) !important;
}
body:has(link[href*="blazing-dark"]).dxbl-tabs>.dxbl-tabs-tablist>.dxbl-scroll-viewer>.dxbl-scroll-viewer-content>.dxbl-tabs-container>ul>li>.dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active::after, .dxbl-tabs>.dxbl-tabs-tablist>.dxbl-scroll-viewer>.dxbl-scroll-viewer-content>ul>li>.dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active::after, .dxbl-tabs>.dxbl-tabs-tablist>.dxbl-tabs-container>ul>li>.dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active::after, .dxbl-tabs>.dxbl-tabs-tablist>ul>li>.dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active::after {
    background-color: var(--primary) !important;
}
body:has(link[href*="blazing-dark"]) .dxbl-btn:not(.dxbl-disabled):not(:disabled):hover {
    border-color: var(--dxbl-btn-hover-border-color);
    background: var(--dxbl-btn-hover-background);
    background-color: var(--dxbl-btn-hover-bg);
    color: var(--dxbl-btn-hover-color);
}
body:has(link[href*="blazing-dark"]) .dxbl-btn-standalone.dxbl-btn-outline-primary {
    
    --dxbl-btn-color: rgb(255, 255, 255);
    --dxbl-btn-bg: #FD7E14;
    --dxbl-btn-border-color: #FD7E14;
    --dxbl-btn-active-bg: #984C0C;
    --dxbl-btn-active-color: rgb(255, 255, 255);
    --dxbl-btn-active-border-color: #984C0C;
    --dxbl-btn-hover-bg: #CA6510;
    --dxbl-btn-hover-color: rgb(255, 255, 255);
    --dxbl-btn-hover-border-color: #CA6510;
    --dxbl-btn-disabled-bg: #FECBA1;
    --dxbl-btn-disabled-color: rgb(255, 255, 255);
    --dxbl-btn-disabled-border-color: #FECBA1;
    --dxbl-btn-focus-outline-size: 0.125rem;
    --dxbl-btn-focus-outline-offset: 0.063rem;
    --dxbl-btn-focus-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    --dxbl-btn-focus-bg: #333;
    --dxbl-btn-selected-bg: #333;
    --dxbl-btn-focus-color: rgb(255, 255, 255);
    --dxbl-btn-focus-border-bg: #FD7E14;
    --dxbl-btn-focus-outline-color: #FD7E14;
}
.dxbl-drawer {
    --dxbl-drawer-panel-bg: #333;
}

/* ========================================
   SALES PIPELINE - DARK THEME
   ======================================== */
body:has(link[href*="blazing-dark"]) .pipeline-column {
    background-color: #202020 !important;
    border-color: #333 !important;
}

body:has(link[href*="blazing-dark"]) .pipeline-column-header {
    background-color: #282828 !important;
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .pipeline-column-title {
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .pipeline-stage-value {
    background-color: #333 !important;
    border-color: #444 !important;
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .pipeline-cards-container {
    background-color: #1a1a1a !important;
}

body:has(link[href*="blazing-dark"]) .pipeline-empty-column {
    color: #888 !important;
}

body:has(link[href*="blazing-dark"]) .drop-target-column {
    border-color: var(--primary, #fe7109) !important;
    background-color: rgba(254, 113, 9, 0.05) !important;
}

body:has(link[href*="blazing-dark"]) .drop-placeholder {
    border-color: var(--primary, #fe7109) !important;
    background-color: rgba(254, 113, 9, 0.1) !important;
}

/* Pipeline Scrollbar Dark Mode */
body:has(link[href*="blazing-dark"]) .pipeline-cards-container::-webkit-scrollbar-track,
body:has(link[href*="blazing-dark"]) .pipeline-columns-container::-webkit-scrollbar-track {
    background: #1a1a1a !important;
}

body:has(link[href*="blazing-dark"]) .pipeline-cards-container::-webkit-scrollbar-thumb,
body:has(link[href*="blazing-dark"]) .pipeline-columns-container::-webkit-scrollbar-thumb {
    background: #444 !important;
}

body:has(link[href*="blazing-dark"]) .pipeline-cards-container::-webkit-scrollbar-thumb:hover,
body:has(link[href*="blazing-dark"]) .pipeline-columns-container::-webkit-scrollbar-thumb:hover {
    background: var(--primary, #fe7109) !important;
}

/* ========================================
   BREADCRUMBS - DARK THEME IMPROVED
   ======================================== */
body:has(link[href*="blazing-dark"]) .breadcrumb-item,
body:has(link[href*="blazing-dark"]) .breadcrumb-item a,
body:has(link[href*="blazing-dark"]) .dxbl-breadcrumb-item,
body:has(link[href*="blazing-dark"]) .dxbl-breadcrumb-item a {
    color: #e0e0e0 !important;
}

body:has(link[href*="blazing-dark"]) .breadcrumb-item.active,
body:has(link[href*="blazing-dark"]) .dxbl-breadcrumb-item.dxbl-active,
body:has(link[href*="blazing-dark"]) .dxbl-breadcrumb-item:last-child,
body:has(link[href*="blazing-dark"]) .breadcrumb-item:last-child {
    color: #888 !important;
}

/* Breadcrumb separators */
body:has(link[href*="blazing-dark"]) .breadcrumb-item + .breadcrumb-item::before,
body:has(link[href*="blazing-dark"]) .dxbl-breadcrumb-item-separator {
    color: #666 !important;
}

/* ========================================
   SALES ACTIVITY TIMELINE - DARK THEME
   ======================================== */
body:has(link[href*="blazing-dark"]) .sales-activity-timeline .timeline::before {
    background: #444 !important;
}

body:has(link[href*="blazing-dark"]) .sales-activity-timeline .timeline-content {
    background: #282828 !important;
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .sales-activity-timeline .timeline-content:hover {
    background: #333 !important;
}

body:has(link[href*="blazing-dark"]) .sales-activity-timeline .timeline-content h6,
body:has(link[href*="blazing-dark"]) .sales-activity-timeline .timeline-content p,
body:has(link[href*="blazing-dark"]) .sales-activity-timeline .timeline-content small {
    color: #e0e0e0 !important;
}

body:has(link[href*="blazing-dark"]) .sales-activity-timeline .text-muted {
    color: #aaa !important;
}

body:has(link[href*="blazing-dark"]) .sales-activity-timeline .alert-light {
    background-color: #333 !important;
    color: #fff !important;
    border-color: #444 !important;
}

body:has(link[href*="blazing-dark"]) .sales-activity-timeline .badge.bg-light {
    background-color: #444 !important;
    color: #fff !important;
}

/* ========================================
   TOP MENU / APP BAR - DARK THEME FIXES
   ======================================== */
body:has(link[href*="blazing-dark"]) .mdc-top-app-bar,
body:has(link[href*="blazing-dark"]) .mdc-top-app-bar__row,
body:has(link[href*="blazing-dark"]) .main-layout-header,
body:has(link[href*="blazing-dark"]) .MatAppBarSection {
    background-color: #282828 !important;
}

/* Top Menu Items alignment fix */
body:has(link[href*="blazing-dark"]) .top-menu-nowrap .dxbl-menu-item {
    display: flex !important;
    align-items: center !important;
}

/* Theme Switcher Button in App Bar */
body:has(link[href*="blazing-dark"]) .main-layout-header .dxbl-btn,
body:has(link[href*="blazing-dark"]) .mdc-top-app-bar .dxbl-btn {
    background-color: transparent !important;
    color: #fff !important;
}

/* ========================================
   MODULE TAB CONTROL - DARK THEME OVERRIDE
   Page-specific tabs like Aktivitäten, Opportunities etc.
   ======================================== */
body:has(link[href*="blazing-dark"]) .module-tab-control .module-tab {
    background-color: #1a1a1a !important;
    border-color: #444 !important;
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .module-tab-control .module-tab:hover {
    background-color: #282828 !important;
    border-color: #555 !important;
}

body:has(link[href*="blazing-dark"]) .module-tab-control .module-tab.active {
    background-color: #282828 !important;
    border-color: var(--primary, #fe7109) !important;
    box-shadow: 0 0 0 2px rgba(254, 113, 9, 0.25) !important;
}

body:has(link[href*="blazing-dark"]) .module-tab-control .module-tab-title {
    color: #e0e0e0 !important;
}

body:has(link[href*="blazing-dark"]) .module-tab-control .module-tab.active .module-tab-title {
    color: #fff !important;
}

/* ========================================
   BUTTON ALIGNMENT - GLOBAL
   ======================================== */
.dxbl-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.375rem !important;
}

/* Ensure button icons and text are vertically centered */
.dxbl-btn .dxbl-btn-icon,
.dxbl-btn i,
.dxbl-btn .fa,
.dxbl-btn [class*="fa-"] {
    display: inline-flex !important;
    align-items: center !important;
}
body:has(link[href*="blazing-dark"]) .bg-light, body:has(link[href*="blazing-dark"]) alert-light {
    background-color: #282828 !important;
}

/* ========================================
   DEVEXPRESS PURPLE (#9b17e2) TO ORANGE (#fe7109)
   Override all DevExpress component accent colors
   ======================================== */

/* DxGrid - Selection and Focus */
body:has(link[href*="blazing-dark"]) .dxbl-grid-focused-cell {
    box-shadow: inset 0 0 0 1px #fe7109 !important;
}

body:has(link[href*="blazing-dark"]) .dxbl-grid .dxbl-focused {
    outline-color: #fe7109 !important;
}

/* DxToolbar Active Item */
body:has(link[href*="blazing-dark"]) .dxbl-toolbar-item.dxbl-active,
body:has(link[href*="blazing-dark"]) .dxbl-toolbar-item:active {
    background-color: rgba(254, 113, 9, 0.15) !important;
    color: #fe7109 !important;
}

/* DxListBox Selection */
body:has(link[href*="blazing-dark"]) .dxbl-listbox-item.dxbl-selected,
body:has(link[href*="blazing-dark"]) .dxbl-list-box-item.dxbl-selected {
    background-color: rgba(254, 113, 9, 0.15) !important;
    border-left-color: #fe7109 !important;
}

/* DxDropDownList Selection */
body:has(link[href*="blazing-dark"]) .dxbl-dropdown-item.dxbl-selected,
body:has(link[href*="blazing-dark"]) .dxbl-dropdown-item.dxbl-focused {
    background-color: rgba(254, 113, 9, 0.15) !important;
}

/* DxScheduler - Appointments */
body:has(link[href*="blazing-dark"]) .dxbl-scheduler-appointment {
    background-color: #fe7109 !important;
    border-color: #ca5a07 !important;
}

/* DxCalendar - Selected Day */
body:has(link[href*="blazing-dark"]) .dxbl-calendar-day.dxbl-selected,
body:has(link[href*="blazing-dark"]) .dxbl-calendar-item.dxbl-selected {
    background-color: #fe7109 !important;
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .dxbl-calendar-day.dxbl-today {
    color: #fe7109 !important;
    font-weight: bold !important;
}

/* DxPager Active Page */
body:has(link[href*="blazing-dark"]) .dxbl-pager-item.dxbl-active,
body:has(link[href*="blazing-dark"]) .dxbl-pager-page-item.dxbl-active {
    background-color: #fe7109 !important;
    border-color: #fe7109 !important;
    color: #fff !important;
}

/* DxTreeView Selected Item */
body:has(link[href*="blazing-dark"]) .dxbl-treeview-item-container.dxbl-selected,
body:has(link[href*="blazing-dark"]) .dxbl-treeview-item.dxbl-state-selected > .dxbl-treeview-item-container {
    background-color: #fe7109 !important;
    color: #fff !important;
}

/* DxAccordion Active Header */
body:has(link[href*="blazing-dark"]) .dxbl-accordion-item-header.dxbl-expanded {
    border-left-color: #fe7109 !important;
}

/* DxSplitter Resize Handle Hover */
body:has(link[href*="blazing-dark"]) .dxbl-splitter-resize-handle:hover {
    background-color: #fe7109 !important;
}

/* DxProgressBar */
body:has(link[href*="blazing-dark"]) .dxbl-progress-bar-indicator {
    background-color: #fe7109 !important;
}

/* DxTagBox Tags */
body:has(link[href*="blazing-dark"]) .dxbl-tagbox-tag {
    background-color: rgba(254, 113, 9, 0.2) !important;
    border-color: #fe7109 !important;
    color: #fe7109 !important;
}

/* DxRating Stars */
body:has(link[href*="blazing-dark"]) .dxbl-rating-star.dxbl-selected {
    color: #fe7109 !important;
}

/* DxUpload Progress */
body:has(link[href*="blazing-dark"]) .dxbl-upload-progress-bar {
    background-color: #fe7109 !important;
}

/* DxPopup Close Button Hover */
body:has(link[href*="blazing-dark"]) .dxbl-popup-close-button:hover {
    color: #fe7109 !important;
}

/* DxContextMenu Selected Item */
body:has(link[href*="blazing-dark"]) .dxbl-context-menu-item.dxbl-selected,
body:has(link[href*="blazing-dark"]) .dxbl-context-menu-item:hover {
    background-color: rgba(254, 113, 9, 0.15) !important;
}

/* DxRibbon Active Tab */
body:has(link[href*="blazing-dark"]) .dxbl-ribbon-tab.dxbl-active {
    border-bottom-color: #fe7109 !important;
}

/* DxFormLayout Group Header Accent */
body:has(link[href*="blazing-dark"]) .dxbl-fl-group-header::before {
    background-color: #fe7109 !important;
}

/* Focus outline for all focusable DevExpress elements */
body:has(link[href*="blazing-dark"]) .dxbl-focused,
body:has(link[href*="blazing-dark"]) [class*="dxbl"]:focus {
    outline-color: #fe7109 !important;
}

/* DxButton Outline Primary */
body:has(link[href*="blazing-dark"]) .dxbl-btn-outline-primary {
    color: #fe7109 !important;
    border-color: #fe7109 !important;
}

body:has(link[href*="blazing-dark"]) .dxbl-btn-outline-primary:hover {
    background-color: #fe7109 !important;
    color: #fff !important;
}

/* DxSpinEdit Buttons */
body:has(link[href*="blazing-dark"]) .dxbl-spin-edit-btn:hover {
    color: #fe7109 !important;
}

/* DxDateEdit Calendar Button */
body:has(link[href*="blazing-dark"]) .dxbl-date-edit .dxbl-btn-secondary:hover {
    color: #fe7109 !important;
}

/* Selection Range Highlight */
body:has(link[href*="blazing-dark"]) .dxbl-calendar-day.dxbl-in-range {
    background-color: rgba(254, 113, 9, 0.1) !important;
}

/* DxWindow Title Bar Accent */
body:has(link[href*="blazing-dark"]) .dxbl-window-header {
    border-bottom-color: #fe7109 !important;
}

/* ========================================
   DEVEXPRESS COMBOBOX / DROPDOWN - DARK THEME
   Fix inner input background
   ======================================== */
body:has(link[href*="blazing-dark"]) .dxbl-combobox,
body:has(link[href*="blazing-dark"]) .dxbl-combobox-input-container,
body:has(link[href*="blazing-dark"]) .dxbl-combobox .dxbl-input-editor,
body:has(link[href*="blazing-dark"]) .dxbl-combobox input,
body:has(link[href*="blazing-dark"]) .dxbl-combobox .dxbl-text-edit-input {
    background-color: #333 !important;
    background: #333 !important;
    color: #e5e5e5 !important;
}

body:has(link[href*="blazing-dark"]) .dxbl-combobox {
    border-color: #615f63 !important;
}

/* DxTagBox - Same fix */
body:has(link[href*="blazing-dark"]) .dxbl-tagbox,
body:has(link[href*="blazing-dark"]) .dxbl-tagbox-input-container,
body:has(link[href*="blazing-dark"]) .dxbl-tagbox .dxbl-input-editor,
body:has(link[href*="blazing-dark"]) .dxbl-tagbox input,
body:has(link[href*="blazing-dark"]) .dxbl-tagbox .dxbl-text-edit-input {
    background-color: #333 !important;
    background: #333 !important;
    color: #e5e5e5 !important;
}

body:has(link[href*="blazing-dark"]) .dxbl-tagbox {
    border-color: #615f63 !important;
}

/* DxSpinEdit - Same fix */
body:has(link[href*="blazing-dark"]) .dxbl-spin-edit,
body:has(link[href*="blazing-dark"]) .dxbl-spin-edit-input-container,
body:has(link[href*="blazing-dark"]) .dxbl-spin-edit .dxbl-input-editor,
body:has(link[href*="blazing-dark"]) .dxbl-spin-edit input {
    background-color: #333 !important;
    background: #333 !important;
    color: #e5e5e5 !important;
}

body:has(link[href*="blazing-dark"]) .dxbl-spin-edit {
    border-color: #615f63 !important;
}

/* DxDateEdit - Same fix */
body:has(link[href*="blazing-dark"]) .dxbl-date-edit,
body:has(link[href*="blazing-dark"]) .dxbl-date-edit-input-container,
body:has(link[href*="blazing-dark"]) .dxbl-date-edit .dxbl-input-editor,
body:has(link[href*="blazing-dark"]) .dxbl-date-edit input {
    background-color: #333 !important;
    background: #333 !important;
    color: #e5e5e5 !important;
}

body:has(link[href*="blazing-dark"]) .dxbl-date-edit {
    border-color: #615f63 !important;
}

/* DxTextBox - Same fix */
body:has(link[href*="blazing-dark"]) .dxbl-text-edit,
body:has(link[href*="blazing-dark"]) .dxbl-text-edit-input-container,
body:has(link[href*="blazing-dark"]) .dxbl-text-edit .dxbl-input-editor,
body:has(link[href*="blazing-dark"]) .dxbl-text-edit input,
body:has(link[href*="blazing-dark"]) .dxbl-text-edit textarea {
    background-color: #333 !important;
    background: #333 !important;
    color: #e5e5e5 !important;
}

/* DxMaskedInput - Same fix */
body:has(link[href*="blazing-dark"]) .dxbl-masked-input,
body:has(link[href*="blazing-dark"]) .dxbl-masked-input input {
    background-color: #333 !important;
    background: #333 !important;
    color: #e5e5e5 !important;
}

/* All input-related DevExpress containers */
body:has(link[href*="blazing-dark"]) .dxbl-input-group,
body:has(link[href*="blazing-dark"]) .dxbl-input-group input,
body:has(link[href*="blazing-dark"]) .dxbl-input-group textarea,
body:has(link[href*="blazing-dark"]) .dxbl-edit-box,
body:has(link[href*="blazing-dark"]) .dxbl-edit-box input {
    background-color: #333 !important;
    background: #333 !important;
    color: #e5e5e5 !important;
}

/* Dropdown button inside editors */
body:has(link[href*="blazing-dark"]) .dxbl-combobox .dxbl-btn-secondary,
body:has(link[href*="blazing-dark"]) .dxbl-tagbox .dxbl-btn-secondary,
body:has(link[href*="blazing-dark"]) .dxbl-date-edit .dxbl-btn-secondary,
body:has(link[href*="blazing-dark"]) .dxbl-spin-edit .dxbl-btn-secondary {
    background-color: #333 !important;
    border-color: transparent !important;
    color: #aaa !important;
}

body:has(link[href*="blazing-dark"]) .dxbl-combobox .dxbl-btn-secondary:hover,
body:has(link[href*="blazing-dark"]) .dxbl-tagbox .dxbl-btn-secondary:hover,
body:has(link[href*="blazing-dark"]) .dxbl-date-edit .dxbl-btn-secondary:hover,
body:has(link[href*="blazing-dark"]) .dxbl-spin-edit .dxbl-btn-secondary:hover {
    background-color: #444 !important;
    color: #fff !important;
}

/* Placeholder text */
body:has(link[href*="blazing-dark"]) .dxbl-combobox input::placeholder,
body:has(link[href*="blazing-dark"]) .dxbl-tagbox input::placeholder,
body:has(link[href*="blazing-dark"]) .dxbl-text-edit input::placeholder,
body:has(link[href*="blazing-dark"]) .dxbl-date-edit input::placeholder,
body:has(link[href*="blazing-dark"]) .dxbl-spin-edit input::placeholder {
    color: #888 !important;
}


body:has(link[href*="blazing-dark"]) .dxbl-flyout {
        --dxbl-flyout-bg: #181818 !important;
}

/* ========================================
   FLYOUT INFO CARDS - DARK THEME
   ======================================== */
body:has(link[href*="blazing-dark"]) .flyout-info-card,
body:has(link[href*="fluent-dark"]) .flyout-info-card {
    background: #333 !important;
    border-color: #444 !important;
    color: #e0e0e0 !important;
}

body:has(link[href*="blazing-dark"]) .flyout-info-card .text-muted,
body:has(link[href*="fluent-dark"]) .flyout-info-card .text-muted {
    color: #aaa !important;
}

body:has(link[href*="blazing-dark"]) .flyout-description,
body:has(link[href*="fluent-dark"]) .flyout-description {
    background: #333 !important;
    border-color: #444 !important;
    color: #e0e0e0 !important;
}

body:has(link[href*="blazing-dark"]) .dxbl-flyout .text-muted,
body:has(link[href*="fluent-dark"]) .dxbl-flyout .text-muted {
    color: #aaa !important;
}

body:has(link[href*="blazing-dark"]) .dxbl-flyout .fw-medium,
body:has(link[href*="fluent-dark"]) .dxbl-flyout .fw-medium {
    color: #e0e0e0 !important;
}

/* ========================================
   TICKET LIST ITEMS - DARK THEME
   Ticket titles should be white on hover/selected/focus
   ======================================== */
body:has(link[href*="blazing-dark"]) .list-group-item .text-truncate,
body:has(link[href*="blazing-dark"]) .list-group-item-action .text-truncate,
body:has(link[href*="fluent-dark"]) .list-group-item .text-truncate,
body:has(link[href*="fluent-dark"]) .list-group-item-action .text-truncate {
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .list-group-item:hover,
body:has(link[href*="blazing-dark"]) .list-group-item:focus,
body:has(link[href*="blazing-dark"]) .list-group-item.active,
body:has(link[href*="fluent-dark"]) .list-group-item:hover,
body:has(link[href*="fluent-dark"]) .list-group-item:focus,
body:has(link[href*="fluent-dark"]) .list-group-item.active {
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .list-group-item:hover .text-truncate,
body:has(link[href*="blazing-dark"]) .list-group-item:focus .text-truncate,
body:has(link[href*="blazing-dark"]) .list-group-item.active .text-truncate,
body:has(link[href*="fluent-dark"]) .list-group-item:hover .text-truncate,
body:has(link[href*="fluent-dark"]) .list-group-item:focus .text-truncate,
body:has(link[href*="fluent-dark"]) .list-group-item.active .text-truncate {
    color: #fff !important;
}

/* Flyout Description Text - White in Dark Mode */
body:has(link[href*="blazing-dark"]) .flyout-description,
body:has(link[href*="blazing-dark"]) .flyout-description pre,
body:has(link[href*="fluent-dark"]) .flyout-description,
body:has(link[href*="fluent-dark"]) .flyout-description pre {
    color: #fff !important;
}

body:has(link[href*="blazing-dark"]) .dxbl-flyout pre,
body:has(link[href*="fluent-dark"]) .dxbl-flyout pre {
    color: #fff !important;
}

/* Ticket Flyout Content - White Text */
body:has(link[href*="blazing-dark"]) .ticket-flyout-content,
body:has(link[href*="blazing-dark"]) .ticket-flyout-content .fw-medium,
body:has(link[href*="fluent-dark"]) .ticket-flyout-content,
body:has(link[href*="fluent-dark"]) .ticket-flyout-content .fw-medium {
    color: #fff !important;
}