/* Essential sidebar visibility styles - applies to all pages */
#navigation-sidebar,
.nav-sidebar,
aside.nav-sidebar {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Make sure child elements are visible */
#navigation-sidebar nav,
#navigation-sidebar ul,
#navigation-sidebar li,
#navigation-sidebar .logo-container,
#navigation-sidebar .small-logo {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Ensure the nav items display properly */
#navigation-sidebar .nav-item,
#navigation-sidebar a,
#navigation-sidebar button {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Ensure icons are visible */
#navigation-sidebar svg,
#navigation-sidebar .icon {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Special handling for analytics page */
body.analytics #navigation-sidebar,
[href*="analytics"] ~ #navigation-sidebar,
html:has([href*="analytics"]) #navigation-sidebar {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}