.global-loading-feedback {
  position: fixed;
  z-index: 1200;
  inset-block-start: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  gap: .9rem;
  max-width: calc(100vw - 2rem);
  padding: 1.1rem 1.5rem;
  box-sizing: border-box;
  transform: translate(-50%, -50%);
  border: 1px solid #cbd8de;
  border-radius: 1rem;
  background: #fff;
  color: #263b46;
  box-shadow: 0 8px 28px rgb(28 48 59 / 20%);
  font: 600 1rem/1.35 system-ui, sans-serif;
  pointer-events: none;
}

.global-loading-feedback[hidden] {
  display: none !important;
}

.global-loading-spinner {
  width: 2.5rem;
  height: 2.5rem;
  flex: 0 0 2.5rem;
  box-sizing: border-box;
  border: 3px solid #748f9b;
  border-block-start-color: transparent;
  border-radius: 50%;
  animation: vor-global-spinner .8s linear infinite;
}

@keyframes vor-global-spinner {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .global-loading-spinner {
    animation: none;
    border-block-start-color: #748f9b;
  }
}