/* Desktop collapsed sidebar: flyout panel is rendered on body (#nav-aside-flyout) */
@media (min-width: 768px) {
  .site-wrapper .site-aside .aside-scroll,
  .site-wrapper .site-aside .aside-wrapper {
    overflow: visible !important;
  }

  .site-wrapper .site-aside .aside-menu > li.menu-item-has-children > .sub-menu {
    display: none !important;
  }

  .site-aside > .popover,
  .site-aside .popover {
    display: none !important;
  }
}

#nav-aside-flyout {
  position: fixed;
  z-index: 1200;
  min-width: 132px;
  max-width: 220px;
  margin: 0;
  padding: 4px 0;
  list-style: none;
  background: var(--bg-base, #fff);
  border-radius: var(--radius-sm, 6px);
  box-shadow: 0 8px 24px rgba(47, 47, 51, 0.14);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.12s ease, visibility 0.12s ease;
}

#nav-aside-flyout.is-open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

#nav-aside-flyout::before {
  content: "";
  position: absolute;
  left: -6px;
  top: var(--flyout-arrow-top, 50%);
  transform: translateY(-50%);
  border: 6px solid transparent;
  border-right-color: var(--bg-base, #fff);
}

#nav-aside-flyout .menu-item {
  margin: 0;
  padding: 0;
}

#nav-aside-flyout .menu-item a {
  display: block;
  padding: 8px 12px;
  border-radius: 6px;
  color: var(--body-color, #212529);
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.15s ease;
}

#nav-aside-flyout .menu-item a:hover {
  background: var(--bg-body, #f5f7fa);
}