#raley-loading {
  position: fixed;
  inset: 0;
  z-index: 10000;
  background: rgba(255, 255, 255, 0.45);
  cursor: progress;
  --raley-loading-surface: #fff;
  --raley-loading-text: #172b4d;
}
#raley-loading[hidden] { display: none; }
[data-color-mode="dark"] #raley-loading {
  background: rgba(29, 33, 37, 0.45);
  --raley-loading-surface: #1d2125;
  --raley-loading-text: #b6c2cf;
}
#raley-loading .raley-loading-card {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 24px;
  max-width: calc(100% - 32px);
  box-sizing: border-box;
  border-radius: 6px;
  background: var(--ds-surface-overlay, var(--raley-loading-surface));
  color: var(--ds-text, var(--raley-loading-text));
  box-shadow: var(--ds-shadow-overlay, 0 4px 12px rgba(9, 30, 66, 0.2));
  font: 14px/20px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
#raley-loading .raley-loading-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  box-sizing: border-box;
  border: 3px solid var(--ds-border, #dfe1e6);
  border-top-color: var(--ds-icon-brand, #0052cc);
  border-radius: 50%;
  animation: raley-loading-spin 0.8s linear infinite;
}
@keyframes raley-loading-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  #raley-loading .raley-loading-icon { animation: none; }
}