/* Loading and failure notices. A separate file, not inline: the production Content-Security-Policy is
   style-src 'self', which blocks <style> blocks. Linked from index.html so it applies before any bundle loads. */
.app-bootstrap-loading,
.app-bootstrap-failure {
  min-height: 100vh;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 14px;
  padding: 32px;
  color: #1d2a44;
  background: #f7f9fd;
  text-align: center;
}
.app-bootstrap-spinner {
  width: 38px;
  height: 38px;
  border: 4px solid #d9e2f5;
  border-top-color: #315ee7;
  border-radius: 50%;
  animation: app-bootstrap-spin 0.8s linear infinite;
}
.app-bootstrap-failure span {
  color: #64748b;
}
@keyframes app-bootstrap-spin {
  to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  .app-bootstrap-spinner { animation: none; }
}