/* Admin sidebar navigation — complements Administrate defaults */

.navigation {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-height: calc(100vh - 2rem);
  padding-right: 0.75rem;
}

.navigation__group {
  margin-bottom: 0;
  padding-bottom: 1rem;
}

.navigation__group + .navigation__group {
  border-top: 1px solid #dfe0e1;
  margin-top: 0.25rem;
  padding-top: 1rem;
}

.navigation__group--flat {
  border-top: 0;
  margin-top: 0;
  padding-bottom: 0.5rem;
  padding-top: 0;
}

.navigation__group-label {
  color: #7b808c;
  font-family: inherit;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.2;
  margin: 0 0 0.5rem;
  padding: 0 0.6em 0 0.35em;
  text-transform: uppercase;
}

.navigation__group-links {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding-left: 0.65rem;
}

.navigation a.navigation__link {
  border-radius: 4px;
  color: #293f54;
  display: block;
  font-size: 0.9375rem;
  line-height: 1.25;
  margin-left: 0;
  padding: 0.45em 0.6em;
  text-decoration: none;
  transition: background-color 150ms ease, color 150ms ease;
}

.navigation a.navigation__link:not(:last-child) {
  margin-bottom: 0;
}

.navigation a.navigation__link:hover {
  background-color: #e5edf8;
  color: #1976d2;
}

.navigation a.navigation__link--active {
  background-color: #e5edf8;
  color: #1976d2;
  font-weight: 700;
}

.navigation__footer {
  border-top: 1px solid #dfe0e1;
  margin-top: auto;
  padding-top: 1rem;
}

.navigation__footer .button--nav {
  margin-bottom: 0;
  width: 100%;
}