/* Operations-first navigation. It only changes presentation and keeps every
   existing route, permission attribute and specialist page available. */
#sidebar-nav .ec-core-navigation {
  display: grid;
  gap: 3px;
  margin: 0 0 12px;
}

#sidebar-nav .ec-core-navigation .nav-section-label {
  display: block;
  margin: 0 10px 7px;
  color: rgba(255,255,255,.58);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

#sidebar-nav .ec-core-navigation .nav-item {
  position: relative;
}

#sidebar-nav .ec-core-navigation .nav-item[data-view="overview-view"] {
  background: rgba(255,255,255,.12);
  box-shadow: inset 3px 0 0 #f5b638;
}

#sidebar-nav .ec-specialist-workspaces {
  margin: 10px 8px 16px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 12px;
  background: rgba(255,255,255,.04);
}

#sidebar-nav .ec-specialist-workspaces > summary {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 42px;
  padding: 0 10px;
  color: rgba(255,255,255,.86);
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
  list-style: none;
}

#sidebar-nav .ec-specialist-workspaces > summary::-webkit-details-marker { display: none; }
#sidebar-nav .ec-specialist-workspaces > summary .material-icons-outlined { font-size: 18px; }
#sidebar-nav .ec-specialist-workspaces > summary .ec-specialist-chevron { margin-left: auto; transition: transform .18s ease; }
#sidebar-nav .ec-specialist-workspaces[open] > summary .ec-specialist-chevron { transform: rotate(180deg); }

#sidebar-nav .ec-specialist-content {
  display: grid;
  gap: 2px;
  padding: 0 0 8px;
}

#sidebar-nav .ec-specialist-content .nav-section-label {
  margin: 11px 10px 5px;
  color: rgba(255,255,255,.48);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

#sidebar-nav .ec-specialist-content .nav-item {
  margin: 0 3px;
  border-radius: 8px;
}

#sidebar-nav [data-rbac-hidden="1"] { display: none !important; }

@media (max-width: 960px) {
  #sidebar-nav .ec-specialist-workspaces { margin-inline: 4px; }
}