/* ============================================================
   Lumen scrollbars — load AFTER DevExpress / other vendor CSS.

   Chromium ignores ::-webkit-scrollbar* whenever scrollbar-width or
   scrollbar-color is anything other than auto — and that standard
   thin bar still shows Windows arrow buttons. Reset both to auto
   so WebKit styling can draw a thin arrowless pill instead.
   ============================================================ */

html,
body,
.sidebar-nav,
.main,
.drawer-body,
.data-table-wrap,
* {
  scrollbar-width: auto !important;
  scrollbar-color: auto !important;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar,
*::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}

*::-webkit-scrollbar-button,
*::-webkit-scrollbar-button:single-button,
*::-webkit-scrollbar-button:double-button,
*::-webkit-scrollbar-button:vertical:start:decrement,
*::-webkit-scrollbar-button:vertical:end:increment,
*::-webkit-scrollbar-button:horizontal:start:decrement,
*::-webkit-scrollbar-button:horizontal:end:increment,
*::-webkit-scrollbar-button:vertical:start:increment,
*::-webkit-scrollbar-button:vertical:end:decrement,
*::-webkit-scrollbar-button:horizontal:start:increment,
*::-webkit-scrollbar-button:horizontal:end:decrement,
*::-webkit-scrollbar-button:start,
*::-webkit-scrollbar-button:end {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  background: transparent !important;
  border: 0 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

*::-webkit-scrollbar-track,
*::-webkit-scrollbar-track-piece,
*::-webkit-scrollbar-corner {
  background: transparent !important;
  border: 0 !important;
}

*::-webkit-scrollbar-thumb {
  background-color: var(--border-subtle, #E4E7EE) !important;
  border-radius: 999px !important;
  border: none !important;
  box-shadow: none !important;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: var(--border-default, #CDD2DC) !important;
}

/* Firefox has no ::-webkit-scrollbar and no arrow buttons on thin bars */
@supports not selector(::-webkit-scrollbar) {
  html,
  body,
  .sidebar-nav,
  .main,
  * {
    scrollbar-width: thin !important;
    scrollbar-color: var(--border-subtle, #E4E7EE) transparent !important;
  }
}