/* V208 — Public/login menu opacity regression fix.
   Keep the public menu and every actionable row visually opaque over login/home content.
   This is CSS-only and intentionally loaded after V207 to win the cascade. */

.public-nav-panel,
.public-nav-panel.open {
  background: var(--surface) !important;
  opacity: 1 !important;
  isolation: isolate;
}

.public-nav-panel-head {
  background: var(--surface) !important;
}

.public-nav-list a {
  background: var(--surface-2) !important;
  border-color: var(--line) !important;
}

.public-nav-list a:hover,
.public-nav-list a:focus-visible {
  background: var(--ps) !important;
  border-color: color-mix(in srgb, var(--p) 30%, var(--line)) !important;
  color: var(--p) !important;
}

.public-menu-logout {
  background: var(--surface-2) !important;
}

@media (max-width: 480px) {
  .public-nav-panel,
  .public-nav-panel.open {
    background: var(--surface) !important;
  }
}