/* Shared top menu bar for every WokeVision page. Same tokens as the editor
   (--bg, --text, --accent, ...) with fallbacks so any page can use it. */
.wvNav {
  position: sticky; top: 0; z-index: 50;
  padding: calc(10px + env(safe-area-inset-top, 0px)) 16px 10px;
  background: rgba(10, 10, 12, 0.72);
  backdrop-filter: saturate(180%) blur(22px);
  -webkit-backdrop-filter: saturate(180%) blur(22px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.wvNavInner {
  max-width: 1480px; margin: 0 auto;
  display: flex; align-items: center; gap: 6px;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;
}
.wvNavLogo { display: flex; align-items: center; margin-right: 8px; border-radius: 10px; }
.wvNavLogo img { width: 34px; height: 34px; border-radius: 9px; display: block; }
.wvNavLink {
  color: rgba(245, 245, 247, 0.62); text-decoration: none; font-size: 14px; font-weight: 600;
  padding: 8px 14px; border-radius: 999px; transition: background .15s ease, color .15s ease;
  white-space: nowrap;
}
.wvNavLink:hover { color: #F5F5F7; }
.wvNavLink.active { color: #F5F5F7; background: rgba(255, 255, 255, 0.10); }
.wvNavLogo.active { box-shadow: 0 0 0 2px rgba(255, 43, 60, 0.55); }
.wvNavSpacer { flex: 1; }
.wvNavAuth {
  font-size: 13px; font-weight: 600; color: rgba(245, 245, 247, 0.56);
  background: none; border: 1px solid rgba(255, 255, 255, 0.10); border-radius: 999px;
  padding: 7px 13px; cursor: pointer; text-decoration: none; font-family: inherit;
}
.wvNavAuth:hover { color: #F5F5F7; }
@media (max-width: 560px) {
  .wvNav { padding-left: 10px; padding-right: 10px; }
  .wvNavInner { gap: 0; overflow-x: auto; scrollbar-width: none; }
  .wvNavInner::-webkit-scrollbar { display: none; }
  .wvNavLogo { margin-right: 4px; flex: none; }
  .wvNavLogo img { width: 30px; height: 30px; }
  .wvNavLink { padding: 7px 8px; font-size: 12.5px; flex: none; }
  .wvNavSpacer { flex: 1 0 4px; }
  .wvNavAuth { font-size: 12px; padding: 6px 9px; white-space: nowrap; flex: none; }
}

@media (min-width: 900px) {
  .wvNav { padding-left: 28px; padding-right: 28px; }
}