/* NavLoader — full-page navigation loading overlay. Hand-authored, NOT part of the
   ported SPA stylesheet (app.css stays a verbatim compile): the legacy SPA routed
   client-side and showed per-widget PageLoaders, so full-load MVC navigation has no
   spec equivalent — deliberate polish deviation. The spinner visual
   reuses the app's own Loader/spinner-border rules from app.css. Shown/hidden by
   js/app.js while a same-tab navigation is in flight. */

.NavLoader {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.65);
  color: var(--color-primary);
}

.NavLoader--visible {
  display: flex;
  animation: NavLoader-fade 0.2s ease-out;
}

/* Visually hidden, still announced by screen readers (no .sr-only in the port). */
.NavLoader__label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@keyframes NavLoader-fade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}