/* Anpassungen, die es nur im Weitergabe-Paket gibt.
 *
 * Sie stehen hier statt in `style.css`, weil das Stylesheet unveraendert aus
 * dem FRF Brain gespiegelt wird — ein erneuter Export wuerde jede Aenderung
 * dort ueberschreiben. Das Gegenstueck fuer Verhalten ist
 * `modules/exportLocks.js`.
 */

/* 1. Die Tableiste rueckt an den oberen Rand.
 *
 * Im FRF Brain haelt `margin-top: 46px` Platz fuer die Kontoleiste frei. Die
 * ist im Paket entfernt (keine Anmeldung, keine Nutzerverwaltung), der
 * Streifen bliebe also leer. */
.table-tabs-nav-global {
  top: 0;
  margin-top: 0;
}

/* 2. "Listings & Delistings" sitzt in der Tableiste statt darueber zu
 * schweben.
 *
 * Die Leiste ist im Original per `position: fixed` in der Kontoleiste
 * verankert. Ohne diese Regeln haengt sie im Paket ueber der Tableiste in der
 * Luft, weil ihr Anker fehlt. */
.table-tabs-nav-global .lifecycle-overlay {
  position: static;
  width: auto;
  flex: 0 0 auto;
  align-self: center;
  margin-left: auto;
  padding-left: 1rem;
}

/* Das Ausklapp-Panel haengt an der Leiste, nicht am Sichtfenster.
 *
 * Ein fester Abstand zum Fensterrand ginge nicht: Die Leiste liegt
 * unangetastet bei 27 px (Polsterung des `body`) und rutscht beim Scrollen
 * auf 0, weil sie `sticky` ist — ein `top`-Wert kann nur eines von beiden
 * treffen, und das Panel deckte im anderen Fall den Knopf zu. `top: 100 %`
 * folgt der Leiste in jeder Lage.
 *
 * Dafuer muss die Leiste ihren Beschnitt aufgeben: `overflow-x: auto`
 * erzwingt in CSS auch vertikalen Beschnitt und schnitte das Panel ab. Der
 * Beschnitt war fuer die zwei Dutzend Tabs des FRF Brain da, die quer
 * scrollen muessen; die fuenf hier passen. Damit sie auf schmalen Fenstern
 * trotzdem nicht die Seite breiter machen, bricht die Leiste stattdessen um. */
.table-tabs-nav-global {
  overflow: visible;
  flex-wrap: wrap;
}

.table-tabs-nav-global .lifecycle-overlay-panel {
  position: absolute;
  top: 100%;
  right: 0;
  width: min(24rem, calc(100vw - 2rem));
  margin-top: 0.25rem;
  z-index: 150;
}
