/* Splash Blazor WASM — debe cargarse después del resto de CSS para ganar la cascada */
#app .loading-progress circle:last-child {
    stroke: var(--fd-primary-brand, #0D9488) !important;
}

#app .loading-progress-text {
    color: var(--fd-primary-brand, #0D9488) !important;
}

body:has(.loading-progress),
#app:has(.loading-progress) {
    min-height: 100vh;
    margin: 0;
    background: linear-gradient(145deg, #ccfbf1 0%, #f4f6f8 45%, #ccfbf1 100%) !important;
}

html.app-dark body:has(.loading-progress),
html.app-dark #app:has(.loading-progress),
html.dark body:has(.loading-progress),
html.dark #app:has(.loading-progress) {
    background: linear-gradient(145deg, #115e59 0%, #1a1a27 45%, #115e59 100%) !important;
}