/* REcentric Mitarbeiter-App — gemeinsame Navigation (Präfix pf-, damit nichts mit den Tools kollidiert) */
.pf-top{background:#071330;color:#fff;position:sticky;top:0;z-index:50;flex:0 0 auto;box-shadow:0 2px 10px rgba(7,19,48,.18);
  font-family:'Aptos Narrow','Segoe UI',system-ui,-apple-system,sans-serif;line-height:1.2}
.pf-top-in{max-width:960px;margin:0 auto;display:flex;align-items:stretch;gap:18px;padding:0 16px;height:54px}
.pf-logo{display:flex;align-items:center;font-family:'Aptos Serif','Source Serif 4',Georgia,serif;font-weight:700;font-size:19px;color:#fff;text-decoration:none;white-space:nowrap}
.pf-logo b{color:#1CCAD8}
.pf-tabs{display:flex;gap:2px}
.pf-tab{display:flex;align-items:center;gap:8px;padding:3px 14px 0;font-size:14.5px;color:#B7C3D4;text-decoration:none;border-bottom:3px solid transparent;white-space:nowrap}
.pf-tab svg{width:18px;height:18px;flex:0 0 auto}
.pf-tab:hover{color:#fff}
.pf-tab.on{color:#fff;font-weight:700;border-bottom-color:#1CCAD8}
.pf-tab:focus-visible{outline:2px solid #1CCAD8;outline-offset:-2px}
.pf-user{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:13px;color:#D6DEE9;white-space:nowrap}
.pf-avatar{width:28px;height:28px;border-radius:50%;background:#1CCAD8;color:#071330;display:grid;place-items:center;font-weight:700;font-size:11.5px}
.pf-bottom{display:none}

@media (max-width:719px){
  .pf-tabs{display:none}
  .pf-top-in{height:48px}
  .pf-bottom{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;background:#071330;border-top:1px solid #1B3A5A;
    padding-bottom:env(safe-area-inset-bottom);font-family:'Aptos Narrow','Segoe UI',system-ui,-apple-system,sans-serif;line-height:1.2}
  .pf-bottom .pf-tab{flex:1;flex-direction:column;justify-content:center;gap:3px;min-height:56px;padding:7px 4px 6px;font-size:11.5px;border-bottom:none}
  .pf-bottom .pf-tab svg{width:22px;height:22px}
  .pf-bottom .pf-tab.on{color:#1CCAD8}
  /* Seiten, die normal scrollen: Platz für die Leiste freihalten */
  body:not(.pf-flex){padding-bottom:calc(57px + env(safe-area-inset-bottom))}
  /* REX-Chat: Leiste sitzt unter dem Eingabefeld, der Sicherheitsabstand wandert in die Leiste */
  body.pf-flex .pf-bottom{position:static;flex:0 0 auto}
  body.pf-flex .composer{padding-bottom:12px}
}