.menu-group {
  width: 100%;
}

.menu-parent {
  position: relative;
}

.menu-parent .menu-caret {
  margin-left: auto;
  font-size: 13px;
  transition: transform 0.2s;
}

.menu-group.collapsed .menu-caret {
  transform: rotate(-90deg);
}

.menu-group.collapsed .submenu {
  display: none;
}

.submenu {
  padding: 2px 0 6px;
}

.menu-item.level-2 {
  min-height: 36px;
  padding: 7px 18px 7px 45px;
  color: #cbd5e1;
  font-size: 12px;
}

.menu-item.level-2 > i {
  font-size: 12px;
}

.menu-item.pending {
  cursor: default;
  opacity: 0.64;
}

.menu-item.active-parent {
  color: #fff;
  background: #ffffff0a;
}

.menu-item span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mobile-menu-toggle {
  display: none;
}

@media (max-width: 760px) {
  #mobile-menu-toggle.header-icon {
    display: grid;
  }
}

@media (max-width: 560px) {
  .sidebar.mobile-open {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 45;
    width: min(280px, 84vw);
    display: flex;
    box-shadow: 12px 0 40px #0f172a66;
  }
}