/* TsQualy V1761.22 — sidebar: impedir que o primeiro item de navegação fique visualmente cortado. */
/* Mantém o cabeçalho/logo e sua posição; a folga é criada dentro da própria área rolável. */
#app-shell #sidebar .sidebar-nav-scroll {
  box-sizing: border-box !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  scroll-padding-top: 8px;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

/* Evita que o primeiro botão seja comprimido pelo layout flex ou perca sua altura mínima. */
#app-shell #sidebar .sidebar-nav-scroll .nav-item {
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
}

#app-shell #sidebar .sidebar-nav-scroll > .sidebar-home-item:first-child,
#app-shell #sidebar .sidebar-nav-scroll > .nav-item:first-child,
#app-shell #sidebar .sidebar-nav-scroll > .sidebar-grupo:first-child > .sidebar-grupo-btn {
  min-height: 36px !important;
  margin-top: 0 !important;
  flex-shrink: 0 !important;
}

/* Cria separação consistente após o item Início sem alterar os demais módulos. */
#app-shell #sidebar .sidebar-nav-scroll > .sidebar-home-item:first-child {
  margin-bottom: 4px !important;
}

/* Menu recolhido: conserva área de clique e centralização dos ícones. */
#app-shell #sidebar.sidebar-recolhida .sidebar-nav-scroll {
  padding-top: 8px !important;
}