/* ── AUTH NAV (login/logout) ──
   Shared across every page that includes panel-nav.html + user-auth.js,
   so #user-nav / #user-nav-mobile look right no matter which page injects them. */
.user-nav-link {
  color: rgba(255, 255, 255, 0.75);
  text-decoration: none;
  cursor: pointer;
  background: none;
  border: none;
  font: inherit;
  font-size: 14px;
  white-space: nowrap;
  transition: color 0.15s ease;
}
.user-nav-link:hover {
  color: #fff;
}
.user-nav-email {
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  white-space: nowrap;
}

/* Mobile slide-out menu: match the existing "block px-6 py-3" link rows */
#user-nav-mobile .user-nav-link,
#user-nav-mobile .user-nav-email {
  display: block;
  padding: 0.75rem 1.5rem;
}