/* Navigation feedback remains visible when the mobile sidebar drawer closes. */
.navigation-loading {
  position: fixed;
  right: 1rem;
  bottom: max(1rem, env(safe-area-inset-bottom));
  z-index: 1200;
  display: flex;
  align-items: center;
  gap: .625rem;
  max-width: calc(100vw - 2rem);
  padding: .75rem 1rem;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--stroke);
  border-radius: var(--radius-control);
  box-shadow: var(--shadow-card);
  pointer-events: none;
}
.navigation-loading[hidden] { display: none; }
.navigation-loading-spinner,
.sidebar-list .navigation-loading-link::after {
  content: "";
  display: inline-block;
  flex: 0 0 auto;
  width: 1rem;
  height: 1rem;
  border: 2px solid var(--stroke-strong);
  border-top-color: var(--brand);
  border-radius: 50%;
  animation: navigation-loading-spin .75s linear infinite;
}
.sidebar-list .navigation-loading-link::after { margin-left: auto; }
@keyframes navigation-loading-spin { to { transform: rotate(360deg); } }
@media (max-width: 820px) {
  .navigation-loading { bottom: calc(5rem + env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) {
  .navigation-loading-spinner,
  .sidebar-list .navigation-loading-link::after { animation: none; }
}
@media print { .navigation-loading { display: none; } }