/* Retter-Portal v1.3.99
   TESTVERSION-Leiste sitzt als echte oberste Ebene über Sidebar UND Portal-Header. */

body.release-test-environment{
  --rp-testbar-height:40px;
}

body.release-test-environment > .release-test-banner{
  position:sticky!important;
  top:0!important;
  z-index:10000!important;
  width:100%!important;
  height:var(--rp-testbar-height)!important;
  min-height:var(--rp-testbar-height)!important;
  max-height:var(--rp-testbar-height)!important;
  margin:0!important;
  padding:6px 16px!important;
  flex-wrap:nowrap!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

/* Die App beginnt normal unter der Leiste; Sticky-Elemente dürfen beim Scrollen
   nicht wieder darunter rutschen. */
body.release-test-environment .app-shell{
  min-height:calc(100vh - var(--rp-testbar-height))!important;
}
body.release-test-environment .app-shell > .sidebar{
  top:var(--rp-testbar-height)!important;
  height:calc(100vh - var(--rp-testbar-height))!important;
  max-height:calc(100vh - var(--rp-testbar-height))!important;
}
body.release-test-environment .app-shell > .main > .topbar{
  top:var(--rp-testbar-height)!important;
}

/* Auch mobile/fixe Sidebar-Ausprägungen respektieren die Testleiste. */
@media(max-width:900px){
  body.release-test-environment{
    --rp-testbar-height:46px;
  }
  body.release-test-environment > .release-test-banner{
    justify-content:center!important;
    gap:8px!important;
    padding-inline:10px!important;
  }
  body.release-test-environment > .release-test-banner strong{
    flex:0 0 auto!important;
  }
  body.release-test-environment > .release-test-banner span{
    flex:0 1 auto!important;
    min-width:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }
  body.release-test-environment > .release-test-banner a{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }
  body.release-test-environment .sidebar{
    top:var(--rp-testbar-height)!important;
    height:calc(100dvh - var(--rp-testbar-height))!important;
    max-height:calc(100dvh - var(--rp-testbar-height))!important;
  }
}

@media(max-width:560px){
  body.release-test-environment > .release-test-banner span{
    display:none!important;
  }
}