/* Busy overlay styles */
#busy-overlay.busy-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.75);
  display: none; /* shown via JS */
  align-items: center;
  justify-content: center;
  z-index: 99999;
}

#busy-overlay.busy-overlay[aria-hidden="false"] {
  display: flex;
}

.busy-overlay__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 18px;
  border-radius: 8px;
}

.busy-overlay__logo {
  color: var(--color-principal-bright, #AF8C2B);
}

/* Rotate the group inside the SVG (id=busy-rotor) for best control */
.busy-overlay__logo svg { width: 64px; height: 64px; }
#busy-rotor {
  transform-origin: 50% 50%;
  transform-box: fill-box;
  animation: busy-overlay-rotate 1.8s linear infinite;
}

/* Fallback: rotate the whole SVG when internal rotor group isn't present */
.busy-overlay__svg-rotor {
  transform-origin: 50% 50%;
  transform-box: fill-box;
  animation: busy-overlay-rotate 1.2s linear infinite;
}

@keyframes busy-overlay-rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Respect prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  .busy-overlay__logo svg { animation: none; }
}

.busy-overlay__text {
  color: #fff;
  font-size: 0.95rem;
  text-align: center;
}