#mobTabBar {
    background: rgba(var(--pm-panel-rgb), .96);
    -webkit-backdrop-filter: saturate(160%) blur(18px); backdrop-filter: saturate(160%) blur(18px);
    border-top: 1px solid var(--pm-border);
    box-shadow: 0 -10px 28px rgba(0,0,0,.36);
    /* PMS Spec A: auf der Leiste selbst NICHTS (padding:0) — die Eintraege
       teilen die volle Breite per flex:1, ihr eigenes padding (0 4px 16px)
       macht den Rand. Links/rechts bleibt nur die Querformat-Insel: im
       Hochformat ist --pm-safe-left/right 0px (PMS Spec C: "left/right: im
       HOCHFORMAT GAR NICHT"), im Querformat 59px. Vorher stand hier
       max(16px, …) — das schob die aeusseren Eintraege im Hochformat um 16px
       nach innen, die Leiste war damit NICHT PMS-gleich. */
    padding-left: var(--pm-safe-left);
    padding-right: var(--pm-safe-right);
  }
  /* Querformat kompakt (09.09.2026): 74px Stehleiste ist im Querformat halb
     Bildschirmhoehe -- EINE Variable umschalten (--pm-bottomnav), keine
     verstreuten Zahlen. max-height:500px grenzt gegen "hohe" Tablets ab, die
     trotz Breite ihre Hochformat-Leiste behalten sollen. */
  @media (orientation: landscape) and (max-height: 500px) {
    :root { --pm-bottomnav: 56px; }
    #mobTabBar .mob-tab { flex-direction: row; justify-content: center; align-items: center; padding: 0 6px; }
    #mobTabBar .mob-tab-ic { width: 32px; height: 28px; }
    #mobTabBar .mob-tab-lbl { font-size: .6rem; }
  }
  /* PMS .bnav-item: flex-end (Icon+Label sitzen unten in der 74px-Leiste,
     nicht mittig) + padding 0 4px 16px. */
  /* PMS .bnav-item 1:1 (Spec A): Beschriftung 11px/700, letter-spacing .02em. */
  #mobTabBar .mob-tab { justify-content: flex-end; gap: 0; padding: 0 4px 16px; font-size: 11px; font-weight: 700; letter-spacing: .02em; color: var(--pm-muted); }
  /* PMS .bnav-icon: 30x30. Die vormalige 54x30-Pille gab es nur, damit der
     aktive Eintrag einen Hintergrund bekommt — den gibt es hier nicht mehr
     (siehe .mob-tab-active). */
  #mobTabBar .mob-tab-ic {
    display: flex; align-items: center; justify-content: center;
    width: 30px; height: 30px;
    transition: transform .18s ease, color .18s ease;
  }
  /* PMS .bnav-icon svg{29px}: Bootstrap-Icon-Glyphen tragen ihre Luft im Font,
     darum 1.45rem (23px) statt 29px — dieselbe optische Groesse in der 30px-Box. */
  #mobTabBar .mob-tab i { font-size: 1.45rem; line-height: 1; display: block; }
  /* PMS .bnav-item.active: "NUR Farbwechsel. Kein Pill, kein Strich, kein
     Hintergrund." (Spec A, Zeile 24) — die Pille (rgba(86,214,176,.16)) und
     der News-Schimmer (box-shadow) sind damit ersatzlos raus. */
  #mobTabBar .mob-tab-active { color: var(--pm-accent-2) !important; }
  /* Druck-Rueckmeldung beim Antippen bleibt: das ist kein Aktiv-Zustand. */
  #mobTabBar .mob-tab:active .mob-tab-ic { transform: scale(.9); }
  #mobTabBar .mob-tab-lbl { white-space: nowrap; letter-spacing: inherit; }