/* Sinapsi UI — thin top loading bar (account, console, etc.) */

.app-loading-indicator {
  position: fixed;
  inset: 0 0 auto 0;
  height: 1px;
  z-index: 120;
  overflow: hidden;
  pointer-events: none;
  background: rgba(37, 40, 80, 0.12);
}

.app-loading-indicator[hidden] {
  display: none !important;
}

.app-loading-indicator__bar {
  position: absolute;
  inset: 0 auto 0 0;
  display: block;
  width: 26%;
  height: 100%;
  border-radius: 999px;
  background: var(--theme-button-bg, #252850);
  transform: translateX(-130%);
  animation: app-loading-slide 1.1s ease-in-out infinite;
}

.app-loading-indicator__fill {
  position: absolute;
  inset: 0 auto 0 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 999px;
  background: var(--theme-button-bg, #252850);
  opacity: 0;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.22s ease, opacity 0.18s ease;
}

.app-loading-indicator[data-loading-mode='indeterminate'] .app-loading-indicator__bar {
  opacity: 1;
}

.app-loading-indicator[data-loading-mode='indeterminate'] .app-loading-indicator__fill {
  opacity: 0;
}

.app-loading-indicator[data-loading-mode='determinate'] .app-loading-indicator__bar {
  opacity: 0;
  animation: none;
}

.app-loading-indicator[data-loading-mode='determinate'] .app-loading-indicator__fill {
  opacity: 1;
}

@keyframes app-loading-slide {
  0% {
    transform: translateX(-130%);
  }

  55% {
    transform: translateX(140%);
  }

  100% {
    transform: translateX(220%);
  }
}

.app-loading-indicator__status {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

body.account-summary-page.is-boot-loading,
body.account-summary-page.account-summary-navigating {
  cursor: progress;
}