/* ============================================================
   SERVIQ SIDEBAR SCROLL REFINEMENT
   Thin, low-noise scrollbar that becomes visible on interaction.
============================================================ */

.sidebar {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}

.sidebar:hover,
.sidebar:focus-within {
  scrollbar-color: rgba(255, 255, 255, 0.18) transparent;
}

.sidebar::-webkit-scrollbar {
  width: 5px;
}

.sidebar::-webkit-scrollbar-track {
  background: transparent;
}

.sidebar::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 999px;
}

.sidebar:hover::-webkit-scrollbar-thumb,
.sidebar:focus-within::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.18);
}

.sidebar::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3);
}