/* Retter-Portal v1.3.38
   Eingeklappte Sidebar als exakt zentrierte, schmale Iconleiste.
   Ausgeklappte Navigation minimal kompakter. */

/* Ausgeklappt: Schrift nochmals dezent verkleinern, Geometrie in beiden Themes identisch. */
html body .sidebar nav a.sidebar-nav-link,
html body[data-theme="light"] .sidebar nav a.sidebar-nav-link,
html body[data-theme="dark"] .sidebar nav a.sidebar-nav-link{
  min-height:44px!important;
  padding:9px 11px!important;
  gap:9px!important;
  font-size:.88rem!important;
  line-height:1.15!important;
  font-weight:805!important;
  letter-spacing:-.006em!important;
}
html body .sidebar .nav-section,
html body[data-theme="light"] .sidebar .nav-section,
html body[data-theme="dark"] .sidebar .nav-section{
  font-size:.66rem!important;
  line-height:1.18!important;
  letter-spacing:.125em!important;
}

@media(min-width:1101px){
  /* Sidebar und Hauptbereich verwenden exakt dieselbe kompakte Breite. */
  html body.sidebar-collapsed .sidebar{
    width:72px!important;
    min-width:72px!important;
    max-width:72px!important;
    padding-left:7px!important;
    padding-right:7px!important;
  }
  html body.sidebar-collapsed .main{
    width:calc(100% - 72px)!important;
    margin-left:72px!important;
  }

  /* Kopfbereich exakt auf derselben Mittelachse wie die Navigation. */
  html body.sidebar-collapsed .sidebar-brand-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    align-items:center!important;
    width:100%!important;
    gap:7px!important;
    margin:0 0 9px!important;
    padding:7px 0 11px!important;
  }
  html body.sidebar-collapsed .sidebar .brand{
    display:grid!important;
    place-items:center!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  html body.sidebar-collapsed .sidebar .brand-logo-wrap,
  html body.sidebar-collapsed .sidebar .brand-logo{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
  }
  html body.sidebar-collapsed .sidebar-collapse-toggle{
    display:grid!important;
    place-items:center!important;
    justify-self:center!important;
    align-self:center!important;
    width:28px!important;
    min-width:28px!important;
    max-width:28px!important;
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
    margin:0!important;
    padding:0!important;
    border-radius:8px!important;
  }
  html body.sidebar-collapsed .sidebar-collapse-toggle__icon{
    display:block!important;
    width:13px!important;
    height:13px!important;
    margin:0!important;
  }

  /* Alle Navigationseinträge liegen auf exakt derselben vertikalen Achse. */
  html body.sidebar-collapsed .sidebar .sidebar-nav{
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    align-items:start!important;
    width:100%!important;
    min-width:0!important;
    gap:3px!important;
    padding:0!important;
  }
  html body.sidebar-collapsed .sidebar nav a.sidebar-nav-link{
    box-sizing:border-box!important;
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:2px auto!important;
    padding:0!important;
    gap:0!important;
    border-radius:13px!important;
    transform:none!important;
    overflow:hidden!important;
  }
  html body.sidebar-collapsed .sidebar nav a.sidebar-nav-link:hover{
    transform:none!important;
  }
  html body.sidebar-collapsed .sidebar nav a.sidebar-nav-link.active{
    background:linear-gradient(145deg,rgba(225,29,72,.15),rgba(37,99,235,.065))!important;
    border-color:rgba(251,113,133,.28)!important;
    box-shadow:0 6px 15px rgba(2,6,23,.13)!important;
  }
  html body.sidebar-collapsed .sidebar nav a.sidebar-nav-link::before,
  html body.sidebar-collapsed .sidebar nav a.sidebar-nav-link::after{
    display:none!important;
    content:none!important;
  }
  html body.sidebar-collapsed .sidebar nav a.sidebar-nav-link > .sidebar-nav-icon{
    box-sizing:border-box!important;
    display:grid!important;
    place-items:center!important;
    position:static!important;
    flex:none!important;
    width:22px!important;
    min-width:22px!important;
    max-width:22px!important;
    height:22px!important;
    min-height:22px!important;
    max-height:22px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }
  html body.sidebar-collapsed .sidebar nav a.sidebar-nav-link > .sidebar-nav-icon svg{
    display:block!important;
    width:19px!important;
    height:19px!important;
    margin:0!important;
    transform:none!important;
  }

  /* Text, Gruppenüberschriften und Zähler bleiben vollständig ausgeblendet. */
  html body.sidebar-collapsed .sidebar .brand-text,
  html body.sidebar-collapsed .sidebar .brand-context,
  html body.sidebar-collapsed .sidebar .brand-text small,
  html body.sidebar-collapsed .sidebar .nav-section,
  html body.sidebar-collapsed .sidebar .sidebar-nav-label,
  html body.sidebar-collapsed .sidebar .nav-count{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  html body.sidebar-collapsed .sidebar::-webkit-scrollbar{width:3px!important;}
}

/* Heller Modus: nur Farbe, exakt dieselbe Icon-Geometrie. */
@media(min-width:1101px){
  html body[data-theme="light"].sidebar-collapsed .sidebar nav a.sidebar-nav-link.active{
    background:linear-gradient(145deg,rgba(225,29,72,.095),rgba(37,99,235,.045))!important;
    border-color:rgba(225,29,72,.22)!important;
    box-shadow:0 5px 13px rgba(71,85,105,.09)!important;
  }
}