/* Splash Blazor WASM — debe cargarse después del resto de CSS para ganar la cascada */
#app .loading-progress circle:last-child {
    stroke: rgb(217, 13, 111) !important;
}

#app .loading-progress-text {
    color: rgb(217, 13, 111) !important;
}

body:has(.loading-progress),
#app:has(.loading-progress) {
    min-height: 100vh;
    margin: 0;
    background: linear-gradient(145deg, #fce7f3 0%, #f4f6f8 45%, #fce7f3 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, #5c0a36 0%, #1a1a27 45%, #5c0a36 100%) !important;
}