.agro-sidebar {
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
  touch-action: pan-y;
}

.agro-menu-group {
  margin-top: .35rem;
}

.agro-menu-group summary {
  align-items: center;
  border-radius: 10px;
  color: #edf6e9;
  cursor: pointer;
  display: flex;
  font-weight: 600;
  justify-content: space-between;
  list-style: none;
  padding: 11px 12px;
  user-select: none;
}

.agro-menu-group summary::-webkit-details-marker {
  display: none;
}

.agro-menu-group summary::after {
  content: "›";
  font-size: 1.25rem;
  line-height: 1;
  transition: transform .2s ease;
}

.agro-menu-group[open] summary::after {
  transform: rotate(90deg);
}

.agro-menu-group summary:hover,
.agro-menu-group summary:focus-visible,
.agro-menu-group.group-active > summary {
  background: rgba(255, 255, 255, .1);
  color: #fff;
  outline: none;
}

.agro-menu-group-title {
  align-items: center;
  display: flex;
  gap: 12px;
}

.agro-submenu {
  display: grid;
  gap: 2px;
  padding: 3px 0 5px 18px;
}

.agro-submenu a {
  font-size: .92rem;
}

.agro-menu a .menu-icon {
  align-items: center;
  display: inline-flex;
  flex: 0 0 20px;
  justify-content: center;
  width: 20px;
}

.agro-menu a .menu-icon svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.agro-brand .brand-text strong{font-size:1.05rem;white-space:nowrap}