.dashboard-loading-indicator {
  position: fixed;
  right: max(20px, env(safe-area-inset-right));
  bottom: max(20px, env(safe-area-inset-bottom));
  z-index: 10000;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 18px;
  border: 1px solid var(--sky-strong);
  border-radius: 9px;
  background: var(--n3);
  color: var(--n14);
  box-shadow: 0 6px 24px color-mix(in srgb, var(--shadow) 40%, transparent);
  font-size: 14px;
  pointer-events: none;
}
.dashboard-loading-indicator[hidden] { display: none; }
.dashboard-loading-spinner {
  width: 18px;
  height: 18px;
  border: 2px solid var(--n7);
  border-top-color: var(--sky);
  border-radius: 50%;
  animation: dashboard-loading-turn .7s linear infinite;
}
@keyframes dashboard-loading-turn { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .dashboard-loading-spinner { animation: none; }
}