/* ── Splash screen ────────────────────────────────────────────── */
.splash-screen {
  position: fixed;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  background-color: #ffffff;
  z-index: 9999;
}

html.app-dark .splash-screen {
  background-color: #1a2226;
}

/* ── Logo ─────────────────────────────────────────────────────── */
.splash-logo {
  width: 200px;
  height: auto;
}

/* ── Spinner ──────────────────────────────────────────────────── */
.splash-spinner {
  width: 32px;
  height: 32px;
  border: 3px solid rgba(14, 120, 159, 0.2);
  border-top-color: #0e789f;
  border-radius: 50%;
  animation: splash-spin 0.75s linear infinite;
}

html.app-dark .splash-spinner {
  border-color: rgba(14, 120, 159, 0.15);
  border-top-color: #1a9dc0;
}

@keyframes splash-spin {
  to { transform: rotate(360deg); }
}