/* Retter-Portal v1.3.43
   Mobiler Header eindeutig auf genau eine Variante begrenzt und
   doppelte Trennlinie unter dem Sidebar-Markenblock entfernt. */

/* Der Markenblock braucht keine eigene Trennlinie, da die erste
   Abschnittsüberschrift bereits sauber gliedert. */
html body .sidebar-brand-row,
html body[data-theme="light"] .sidebar-brand-row,
html body[data-theme="dark"] .sidebar-brand-row{
  border-bottom:0!important;
  box-shadow:none!important;
}
html body .sidebar-brand-row::before,
html body .sidebar-brand-row::after,
html body .sidebar .brand::before,
html body .sidebar .brand::after{
  display:none!important;
  content:none!important;
  border:0!important;
  box-shadow:none!important;
}
html body .sidebar .brand,
html body[data-theme="light"] .sidebar .brand,
html body[data-theme="dark"] .sidebar .brand{
  border-bottom:0!important;
  box-shadow:none!important;
}

/* Smartphone: Die Desktop-/Tablet-Kopfzeile darf unter keinen Umständen
   zusätzlich zur echten mobilen Kopfzeile sichtbar bleiben. */
@media(max-width:760px){
  html body .app-shell .main > header.topbar > .topbar-desktop-shell,
  html body header.topbar > .topbar-desktop-shell,
  html body .topbar .topbar-desktop-shell,
  html body .topbar-desktop-shell{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
    position:absolute!important;
    inset:auto!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
    opacity:0!important;
  }

  html body .app-shell .main > header.topbar > .rp-mobile-header,
  html body header.topbar > .rp-mobile-header,
  html body .topbar .rp-mobile-header{
    display:grid!important;
    visibility:visible!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    opacity:1!important;
    pointer-events:auto!important;
  }

  html body .topbar{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:0!important;
    overflow:visible!important;
  }

  /* Mobile Kopfzeile kompakt halten und nicht erneut in alte Tablet-Zeilen zerlegen. */
  html body .topbar .rp-mobile-header{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
    grid-template-areas:none!important;
    gap:8px!important;
    padding:9px 10px 10px!important;
  }
  html body .topbar .rp-mobile-header__top,
  html body .topbar .rp-mobile-header__context,
  html body .topbar .rp-mobile-header__bottom{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
}
