/* =========================================================
   GLOBAL — HIDE SCROLLBARS APP-WIDE
   File: assets/css/no-scrollbar.css
   Purpose: hide every scrollbar across the whole app while
   keeping all areas fully scrollable (wheel / touch / keyboard
   / drag still work). This is purely cosmetic — it removes the
   visible scrollbar track + thumb, it does NOT disable scroll.
   Load this LAST so it overrides any per-component scrollbar
   styling (e.g. the thin grey thumbs in reports / settings).
   Scope: global. Print styles are left untouched.
   ========================================================= */

/* Firefox */
* {
  scrollbar-width: none !important;
}

/* Legacy IE / old Edge */
* {
  -ms-overflow-style: none !important;
}

/* WebKit / Blink (Chrome, Edge, Safari, Opera, most embedded webviews) */
*::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
  background: transparent !important;
}
*::-webkit-scrollbar-track,
*::-webkit-scrollbar-thumb,
*::-webkit-scrollbar-corner {
  background: transparent !important;
  display: none !important;
}

/* Root scroll containers explicitly, for engines that need the html/body
   targeted directly rather than only via the universal selector. */
html,
body {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}