.nav-group {
  margin-top: 7px;
  border-top: 1px solid #ffffff12;
  padding-top: 7px;
}

.admin-side nav > .ops-home-link {
  margin-bottom: 3px;
  border: 1px solid #ffffff18;
  background: #ffffff08;
  color: #d8e5f3;
  font-weight: 800;
}

.admin-side nav > .ops-home-link:hover,
.admin-side nav > .ops-home-link.active {
  border-color: #4b77a8;
  background: #1d3c60;
  color: #fff;
}

.nav-group summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 38px;
  padding: 0 14px;
  color: #8da4bd;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .08em;
  cursor: pointer;
  list-style: none;
  user-select: none;
}

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

.nav-group summary i {
  width: 7px;
  height: 7px;
  border-right: 1.5px solid #819ab4;
  border-bottom: 1.5px solid #819ab4;
  transform: rotate(45deg);
  transition: transform .18s ease;
}

.nav-group[open] summary { color: #d8e5f3; }
.nav-group[open] summary i { transform: rotate(225deg); }
.nav-group-body { display: grid; gap: 3px; padding: 2px 0 8px 8px; }
.admin-side .nav-group-body a { position: relative; padding-left: 22px; }
.admin-side .nav-group-body a::before {
  content: '';
  position: absolute;
  left: 11px;
  top: 50%;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #526d89;
  transform: translateY(-50%);
}
.admin-side .nav-group-body a.active::before { background: #fff; }

@supports selector(:has(*)) {
  .workflow-shortcuts:has(a:nth-child(3):last-child) { grid-template-columns: repeat(3, 1fr); }
  .workflow-shortcuts:has(a:nth-child(2):last-child) { grid-template-columns: repeat(2, 1fr); }
  .workflow-shortcuts:has(a:only-child) { grid-template-columns: 1fr; }
}