.dx-treeview-item-without-checkbox.dx-state-focused>.dx-treeview-item {
    background-color: var(--backgroundColor) !important;
    border: 1px solid var(--menuActiveBorder) !important; 
    color: var(--textColor) !important;
}

.dx-searchbox.dx-state-hover {
    border-color: var(--menuActiveBorder) !important; 
}

.dx-searchbox.dx-state-focused {
    border-color: var(--menuActiveBorder) !important; 
}

/* ============================================================
   BASE TUNING — remove big reserved space before items
   ============================================================ */

/* Remove expander icon stub for leaf nodes (tables) */
/* .menu .dx-treeview-node.dx-treeview-node-is-leaf .dx-treeview-expander-icon-stub {
  width: 0 !important;
  flex-basis: 0 !important;
}

/* Hide actual toggle control for leaves */

/* .menu .dx-treeview-node.dx-treeview-node-is-leaf .dx-treeview-toggle-item-visibility {
  width: 0 !important;
  margin-right: 0 !important;
}  */

/* ============================================================
   LEVEL-SPECIFIC STYLING
   ============================================================ */

/* LEVEL 1 — schema: slightly bigger & bold */
/* .menu .dx-treeview-node[aria-level="1"] .dx-treeview-item {
  font-size: 13px !important;
  font-weight: 600 !important;
  padding-left: 6px !important;
} */

/* LEVEL 2 — tables: smaller font, minimal indentation */
/* .menu .dx-treeview-node[aria-level="2"] .dx-treeview-item {
  font-size: 13px !important;    
  font-weight: 400 !important;
  padding-left: 0px !important;   
} */

/* Optional: remove extra left padding inside item content */
/* .menu .dx-treeview-item .dx-treeview-item-content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
} */