/* ============================================================
   Global Scrollbar — thin, neutral, no arrow buttons
   ============================================================
   Applies to every scrollable element (main panel, tables,
   dashboard panels, modals, sidebar). The ::-webkit-scrollbar
   pseudo-elements handle Chromium/Safari; the standard
   scrollbar-* properties are gated to Firefox only via
   @supports so Chromium 121+ cannot override the webkit
   styling (which would reintroduce native arrow buttons).
   ============================================================ */

*::-webkit-scrollbar {
  width: 0.75rem;
  /* 12px */
  height: 0.75rem;
  /* 12px */
}

*::-webkit-scrollbar-button {
  display: none;
}

*::-webkit-scrollbar-track {
  background-color: transparent;
}

*::-webkit-scrollbar-thumb {
  background-color: #c9cfd8;
  border-radius: 9999px;
  border-top-width: 3px;
  border-bottom-width: 3px;
  border-left-width: 2px;
  border-right-width: 2px;
  border-style: solid;
  border-color: transparent;
  background-clip: padding-box;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #1e7e34;
  /* app accent deep green */
}

*::-webkit-scrollbar-corner {
  background-color: transparent;
}

@supports not selector(::-webkit-scrollbar) {
  * {
    scrollbar-width: thin;
    scrollbar-color: #c9cfd8 transparent;
  }
}