/* Seitenleiste auf niedrigen Bildschirmen (Laptops 1366x768, 1440x900): Die
   Nav-Liste scrollte bisher unsichtbar in sich, "Puzzle" war angeschnitten und
   "Collection"/"Community" fehlten scheinbar. Stufe 1 rueckt enger zusammen,
   Stufe 2 (bis 820 px Hoehe) blendet zusaetzlich die Abschnitts-Titel aus.
   Gilt nur fuer die offene Desktop-Leiste (nicht Icon-Leiste, Partie, Handy). */
@media (min-width: 701px) and (max-height: 980px) {
  body:not(.side-nav-collapsed):not(.mode-demo) header.sideNav .sideNavList {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  body:not(.side-nav-collapsed):not(.mode-demo) header.sideNav .sideNavList button,
  body:not(.side-nav-collapsed):not(.mode-demo) header.sideNav .sideNavList button:disabled,
  body:not(.side-nav-collapsed):not(.mode-demo) header.sideNav .sideNavList button:hover,
  body:not(.side-nav-collapsed):not(.mode-demo) header.sideNav .sideNavList button:focus-visible {
    min-height: 36px;
  }
  body:not(.side-nav-collapsed):not(.mode-demo) header.sideNav .sideNavLabel {
    padding-top: 10px;
    padding-bottom: 5px;
  }
}

@media (min-width: 701px) and (max-height: 820px) {
  body:not(.side-nav-collapsed):not(.mode-demo) header.sideNav .sideBrand {
    padding-top: 14px;
    padding-bottom: 12px;
  }
  body:not(.side-nav-collapsed):not(.mode-demo) header.sideNav .sideAccount {
    margin-top: 10px;
  }
  body:not(.side-nav-collapsed):not(.mode-demo) header.sideNav .sideNavList button,
  body:not(.side-nav-collapsed):not(.mode-demo) header.sideNav .sideNavList button:disabled,
  body:not(.side-nav-collapsed):not(.mode-demo) header.sideNav .sideNavList button:hover,
  body:not(.side-nav-collapsed):not(.mode-demo) header.sideNav .sideNavList button:focus-visible {
    min-height: 34px;
  }
  body:not(.side-nav-collapsed):not(.mode-demo) header.sideNav .sideNavLabel {
    display: none !important;
  }
  /* Ohne Titel trennt ein kleiner Abstand die Gruppen. */
  body:not(.side-nav-collapsed):not(.mode-demo) header.sideNav .sideNavLabel ~ .sideNavLabel + button {
    margin-top: 8px;
  }
  body:not(.side-nav-collapsed):not(.mode-demo) header.sideNav .sideFooter {
    gap: 6px;
    padding-bottom: 10px;
  }
  body:not(.side-nav-collapsed):not(.mode-demo) header.sideNav .sideFootRow {
    padding-top: 8px;
  }
}