/*
  Host-level only (docs/portal-ui-v2.md §1 principle 3, CLAUDE.md §2 "UI — Portal" / red flag #4):
  the stock SharpCompose theme is the Portal's whole look now — no custom properties, no rules on
  cn-/sc- classes, no fonts. This file holds only what SharpCompose's generated stylesheet cannot:
  the pre-boot text shown before the WASM runtime starts, and the Blazor error bar.
*/

html,
body {
  margin: 0;
}

.portal-boot {
  display: flex;
  min-height: 60vh;
  align-items: center;
  justify-content: center;
}

#blazor-error-ui {
  display: none;
  position: fixed;
  inset-inline: 0;
  bottom: 0;
  z-index: 1000;
  padding: 0.75rem 1rem;
  background: #fdf3e1;
  color: #6b4406;
  box-shadow: 0 -1px 4px rgb(0 0 0 / 0.15);
}

#blazor-error-ui .reload {
  margin-inline-start: 0.5rem;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}