/* Navigationsleiste des internen Bereichs.
   Bewusst eigenstaendig (feste Farben, eigene Klassen), damit sie auch auf
   Modulseiten mit eigenem Design (z. B. Recording-Roadmap) gleich aussieht. */
.p2nav{
  position:sticky; top:0; z-index:1000;
  background:rgba(7,9,15,.94);
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,.09);
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  font-size:14px; line-height:1.4; color:#eef0f5;
}
.p2nav *{ box-sizing:border-box; }
.p2nav__inner{
  max-width:1260px; margin:0 auto;
  display:flex; align-items:center; gap:20px;
  padding:10px 16px;
}
.p2nav__brand{ display:flex; align-items:center; gap:10px; text-decoration:none; color:#eef0f5; flex:none; }
.p2nav__brand img{ height:20px; width:auto; display:block; }
.p2nav__brand span{
  font-family:'Oswald',sans-serif; font-weight:600; text-transform:uppercase;
  letter-spacing:.08em; font-size:12px; color:#9aa1b2;
  border-left:1px solid rgba(255,255,255,.15); padding-left:10px;
}
.p2nav__links{
  display:flex; gap:4px; flex:1 1 auto; min-width:0;
  overflow-x:auto; scrollbar-width:none;
}
.p2nav__links::-webkit-scrollbar{ display:none; }
/* Breite Bildschirme: bei vielen Modulen umbrechen statt versteckt seitlich scrollen */
@media (min-width:641px){
  .p2nav__links{ flex-wrap:wrap; overflow:visible; row-gap:2px; }
}
.p2nav__links a{
  color:#9aa1b2; text-decoration:none; white-space:nowrap;
  padding:7px 12px; border-radius:999px; font-weight:500;
}
.p2nav__links a:hover{ color:#eef0f5; background:rgba(255,255,255,.05); }
.p2nav__links a.is-active{ color:#eef0f5; background:rgba(139,92,246,.22); }
.p2nav__user{ display:flex; align-items:center; gap:10px; flex:none; }
.p2nav__user form{ margin:0; }
.p2nav__name{ color:#eef0f5; font-weight:500; text-decoration:none; padding:6px 4px; border-radius:6px; }
a.p2nav__name:hover, a.p2nav__name.is-active{ color:#22d3ee; }
.p2nav__logout{
  font:inherit; font-size:13px; color:#9aa1b2; cursor:pointer;
  background:transparent; border:1px solid rgba(255,255,255,.14);
  border-radius:999px; padding:6px 12px;
}
.p2nav__logout:hover{ color:#eef0f5; border-color:rgba(255,255,255,.3); }
.p2nav a:focus-visible, .p2nav button:focus-visible{ outline:2px solid #8b5cf6; outline-offset:2px; }

@media (max-width:640px){
  .p2nav__inner{ flex-wrap:wrap; gap:8px 12px; }
  .p2nav__links{ order:3; flex-basis:100%; margin:0 -4px; }
  .p2nav__user{ margin-left:auto; }
  .p2nav__name{ display:none; }
}