/* Host-only styles: the loading splash and Blazor's error bar. Everything else is in
   _content/Ventor.Client.Ui/css/ventor.css and the MudBlazor theme. */

.v-splash {
    min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px;
    font-family: Manrope, system-ui, sans-serif; color: #6b6560; background: #f6f4ef;
}
@media (prefers-color-scheme: dark) { .v-splash { background: #1a1917; color: #a39d94; } }
.v-splash-mark {
    width: 44px; height: 44px; border-radius: 12px; border: 3px solid #b45309; border-top-color: transparent;
    animation: v-spin 0.9s linear infinite;
}
@keyframes v-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .v-splash-mark { animation: none; border-top-color: #b45309; } }

#blazor-error-ui {
    background: #fff4e5; color: #1c1917; border-top: 2px solid #b45309;
    bottom: 0; box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2); display: none; left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem; position: fixed; width: 100%; z-index: 2000;
    font-family: Manrope, system-ui, sans-serif;
}
#blazor-error-ui .dismiss { cursor: pointer; position: absolute; right: 0.75rem; top: 0.5rem; }