/* TsQualy V1552 — Barra de rolagem visível (laranja) no menu lateral.
   A V1449 escondeu todas as barras de rolagem do menu lateral. Com muitos módulos, os últimos itens
   (ex.: Fornecedores) ficavam fora da tela para quem não usa a roda do mouse (touchpad, tela de toque
   sem gesto, mouse sem roda). Agora a lista de módulos mostra uma barra fina laranja, sempre visível,
   que pode ser arrastada. Só a área de módulos rola; logo e rodapé TsQualy continuam fixos. */
html body #app-shell #sidebar .sidebar-nav-scroll {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: thin !important;                                   /* Firefox */
  scrollbar-color: var(--tq-laranja, #f07f1a) rgba(255, 255, 255, .08) !important;
  -ms-overflow-style: auto !important;
  padding-right: 2px;
}
/* Chrome, Edge, Safari: desfaz o display:none da V1449 só nesta área */
html body #app-shell #sidebar .sidebar-nav-scroll::-webkit-scrollbar {
  display: block !important;
  width: 8px !important;
  height: 0 !important;
  background: rgba(255, 255, 255, .06) !important;
}
html body #app-shell #sidebar .sidebar-nav-scroll::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, .06) !important;
  border-radius: 4px !important;
  margin: 4px 0 !important;
}
html body #app-shell #sidebar .sidebar-nav-scroll::-webkit-scrollbar-thumb {
  background: var(--tq-laranja, #f07f1a) !important;
  border-radius: 4px !important;
  border: 1px solid rgba(0, 0, 0, .12) !important;
  min-height: 36px;
}
html body #app-shell #sidebar .sidebar-nav-scroll::-webkit-scrollbar-thumb:hover,
html body #app-shell #sidebar .sidebar-nav-scroll::-webkit-scrollbar-thumb:active {
  background: var(--tq-laranja-hover, #d96b0f) !important;
}