/*
 * Boot styles only — everything else comes from _content/Tds.Ui/tds.css, and
 * every colour there is a custom property injected per tenant.
 *
 * There is exactly one hard-coded colour in this file (the spinner track) and
 * it is neutral. A literal brand colour here would be visible for the second
 * before the WASM payload loads, on every customer's deployment.
 */

.tds-boot {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    background: var(--surface, #ffffff);
}

.tds-boot__spinner {
    inline-size: 2.5rem;
    block-size: 2.5rem;
    border-radius: 50%;
    border: 3px solid rgba(128, 128, 128, 0.18);
    border-block-start-color: var(--primary-600, #6b7280);
    animation: tds-spin 0.9s linear infinite;
}

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

@media (prefers-reduced-motion: reduce) {
    .tds-boot__spinner { animation-duration: 3s; }
}

#blazor-error-ui {
    display: none;
    position: fixed;
    inset-block-end: 0;
    inset-inline: 0;
    padding: 0.75rem 1.25rem;
    background: #fff4ce;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    z-index: 1000;
}