/* =========================================================
   FASE 29I - Menu final sem quebrar conteúdo das abas
   ========================================================= */

#dashboardView:not(.hidden) .app-shell {
  display: grid !important;
  grid-template-columns: 286px minmax(0, 1fr) !important;
  min-height: 100vh !important;
  overflow-x: hidden !important;
}

#dashboardView:not(.hidden) .sidebar {
  width: 286px !important;
  min-width: 286px !important;
  max-width: 286px !important;
  height: 100vh !important;
  max-height: 100vh !important;
  position: sticky !important;
  top: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 18px 14px !important;
  box-sizing: border-box !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(118,221,165,.10), transparent 28%),
    linear-gradient(180deg, #4e256c 0%, #3b174f 100%) !important;
  border-radius: 0 26px 26px 0 !important;
  box-shadow: 18px 0 42px rgba(62,25,91,.18) !important;
}

#dashboardView:not(.hidden) .sidebar-brand {
  display: block !important;
  margin: 0 0 18px 0 !important;
  padding: 0 8px 12px 8px !important;
  color: #ffffff !important;
}

#dashboardView:not(.hidden) .sidebar-brand strong {
  display: block !important;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
}

#dashboardView:not(.hidden) .sidebar-brand small {
  display: block !important;
  margin-top: 5px !important;
  color: rgba(255,255,255,.70) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

#dashboardView:not(.hidden) .sidebar-group {
  display: block !important;
  margin: 18px 0 0 0 !important;
  padding: 0 !important;
}

#dashboardView:not(.hidden) .sidebar-label {
  display: block !important;
  margin: 18px 12px 10px 12px !important;
  padding: 0 !important;
  color: rgba(255,255,255,.46) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

#dashboardView:not(.hidden) .sidebar .nav-item {
  width: 100% !important;
  min-height: 50px !important;
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  padding: 0 16px !important;
  margin: 7px 0 !important;
  border-radius: 18px !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.08) !important;
  color: rgba(255,255,255,.92) !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  cursor: pointer !important;
}

#dashboardView:not(.hidden) .sidebar .nav-item:hover {
  background: rgba(255,255,255,.14) !important;
  border-color: rgba(255,255,255,.22) !important;
}

#dashboardView:not(.hidden) .sidebar .nav-item.active,
#dashboardView:not(.hidden) .sidebar .nav-item.is-active,
#dashboardView:not(.hidden) .sidebar .nav-item.selected {
  background: #ffffff !important;
  color: #4e256c !important;
  border-color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(0,0,0,.14) !important;
}

#dashboardView:not(.hidden) .sidebar .nav-item.active *,
#dashboardView:not(.hidden) .sidebar .nav-item.is-active *,
#dashboardView:not(.hidden) .sidebar .nav-item.selected * {
  color: #4e256c !important;
}

#dashboardView:not(.hidden) .sidebar .nav-item.active::after,
#dashboardView:not(.hidden) .sidebar .nav-item.is-active::after,
#dashboardView:not(.hidden) .sidebar .nav-item.selected::after {
  content: "" !important;
  width: 9px !important;
  height: 9px !important;
  margin-left: auto !important;
  flex: 0 0 auto !important;
  border-radius: 999px !important;
  background: #76dda5 !important;
}

#dashboardView:not(.hidden) .sidebar-footer {
  display: block !important;
  margin: 20px 0 0 0 !important;
  padding: 14px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: rgba(255,255,255,.08) !important;
  color: rgba(255,255,255,.88) !important;
}

#dashboardView:not(.hidden) .sidebar-footer * {
  color: rgba(255,255,255,.88) !important;
}