/* Only what MudBlazor does not cover: the boot line before WebAssembly
   starts, the framework's own error bar, text for screen readers only, and
   typed text shown as typed. Everything else is the theme in AdminTheme.cs,
   so there is one place the colours are decided. */

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

/* What somebody typed, kept as they typed it: their line breaks stay, and a
   long unbroken string wraps rather than widening the page. */
.typed-text {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.boot {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    color: #1f2937;
    padding: 2rem;
}

#blazor-error-ui {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0.75rem 1.25rem;
    background: #fdecea;
    color: #7a1c14;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    z-index: 2000;
}

#blazor-error-ui .reload {
    margin-left: 1rem;
    color: #7a1c14;
    font-weight: 600;
}