/* Top navigation progress bar (full-page loads) — driven by nav-progress.js.
   Shared by the app shell (base.html) and the standalone login page. */
#nav-progress {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  transform: scaleX(0);
  transform-origin: 0 50%;
  background: #465fff; /* brand-500 */
  box-shadow: 0 0 8px rgba(70, 95, 255, 0.7);
  opacity: 0;
  z-index: 9999;
  pointer-events: none;
  transition:
    transform 0.2s ease-out,
    opacity 0.2s ease-out;
}

@media (prefers-reduced-motion: reduce) {
  #nav-progress {
    transition: opacity 0.15s ease-out;
  }
}