/* ============================================================
   sparkm — Kopfleiste, Standard für alle Seiten des Portals
   Beschlossen am 19.08.2026. Werte hier ändern = überall ändern.

   Alle Klassen tragen das Präfix "tb-", damit sie sich nicht mit
   dem seiteneigenen CSS beißen (.topbar, .logo, .crumb existieren
   in den Altseiten noch in anderer Bedeutung).
   ============================================================ */

.tb{background:#0f1f4b;color:#fff;padding:14px 0}

/* Die Leiste hält immer dieselbe Breite — unabhängig davon, wie breit
   der Seiteninhalt darunter ist. Sonst wandert das Logo von App zu App. */
.tb-wrap{max-width:1240px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:14px;min-height:29px}
/* min-height und line-height halten die Leiste auf exakt 57 px — sonst bestimmt die
   Zeilenhöhe der jeweiligen Seite die Höhe, und sie schwankt von App zu App. */

/* Ausnahme sparkm.finance: dort füllt der Inhalt samt Seitenleiste die ganze Fensterbreite.
   Eine mittig begrenzte Leiste würde darüber schweben, deshalb läuft sie dort mit.
   Höhe, Marke, Schriftgrößen und Pfad bleiben unverändert. */
.tb-voll .tb-wrap{max-width:none;padding:0 16px}

.tb-logo{font-weight:700;font-size:17px;line-height:1;display:inline-flex;align-items:center;gap:9px;color:#fff;text-decoration:none;flex-shrink:0}
.tb-logo img{height:26px;width:26px}
a.tb-logo:hover{opacity:.85}

.tb-pfad{font-size:13px;color:#9fb0d8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.tb-pfad a{color:#9fb0d8;text-decoration:none}
.tb-pfad a:hover{color:#fff}
.tb-sep{padding:0 6px;color:#7d8fbf}
.tb-now{color:#fff}

.tb-rechts{margin-left:auto;display:flex;align-items:center;gap:16px;font-size:13px;color:#9fb0d8;flex-shrink:0}
.tb-abmelden{background:none;border:none;font-family:inherit;font-size:13px;color:#ffb3aa;cursor:pointer;padding:0}
.tb-abmelden:hover{color:#fff}

/* Freier Platz links vom Namen — heute für den Datenstand im Funnel-
   Reporting ("Stand: 19.08. 14:20 Uhr"), morgen für Ähnliches. Bleibt
   unsichtbar, solange ihn niemand füllt. */
.tb-stamp{opacity:.8}
.tb-stamp:empty{display:none}

@media(max-width:640px){
  .tb-pfad .tb-lvl,.tb-pfad .tb-sep{display:none}
  .tb-rechts .tb-user,.tb-rechts .tb-stamp{display:none}
  .tb-wrap{padding:0 16px;gap:10px}
}