.admin-sidebar-nav {
  display: block;
  min-width: 0;
}

/* Keep long menus scrollable without placing bottom links over the final group. */
@media (min-width: 651px) {
  .admin-sidebar {
    display: flex;
    flex-direction: column;
    align-self: start;
    height: 100vh;
    height: 100dvh;
    min-height: 0;
    overflow: hidden;
  }
  .admin-sidebar .brand {
    flex: none;
    margin-bottom: 18px;
  }
  .admin-sidebar-nav {
    flex: 1 1 0;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    padding-bottom: 12px;
  }
  .admin-sidebar .sidebar-bottom {
    flex: none;
    margin: 12px 0 0;
    padding-top: 10px;
    border-top: 1px solid var(--line);
  }
}
@media (max-width: 650px) {
  .admin-sidebar-nav > button {
    display: inline-flex;
    width: auto;
    min-width: 0;
    gap: 5px;
    padding: 8px;
    font-size: 10px;
    margin: 1px;
  }
  .admin-sidebar-nav > button span {
    font-size: 12px;
    width: auto;
  }
  .admin-sidebar-nav > button small {
    display: none;
  }
}