/* Boot-path UX styles — see frontend/shared/js/modules/init-overlay.js.
   Tokens only; no raw colors. Both apps include this file from index.html. */

/* === Progressive spinner messaging ===
   Dropped into #appLoading after T+5s/15s/45s. The static loading screen
   already renders an h1 + spinner; .init-progress is a paragraph appended
   below. */
.init-progress {
  margin-top: var(--space-4);
  color: var(--white-50);
  font-size: var(--font-size-sm);
  max-width: 28ch;
  text-align: center;
}

/* "Reload" escape-hatch button shown after T+60s. Reuses .btn-light;
   only spacing is added here. */
.init-reload-btn {
  margin-top: var(--space-4);
}

/* === Error overlay ===
   Shown when init fails outright. Reuses .fullscreen-overlay layout +
   .glass-panel card visual; this file only adds spacing/sizing. */
.init-error-overlay {
  display: flex;
  z-index: var(--z-overlay);
}

.init-error-card {
  max-width: 360px;
  text-align: center;
  padding: var(--space-5);
}

.init-error-card h2 {
  margin-bottom: var(--space-3);
}

.init-error-card p {
  margin-bottom: var(--space-4);
  opacity: 0.85;
}

.init-error-actions {
  display: flex;
  gap: var(--space-3);
  justify-content: center;
  flex-wrap: wrap;
}