/* Overlay de carga a pantalla completa — reemplaza el GIF original
   (EcoTrack/wwwroot/resources/loader-gif.gif) por un spinner CSS puro.
   API pública sin cambios: showLoader()/hideLoader() (ver loader.js) siguen
   operando sobre #app-loader, solo cambió el marcado/CSS interno. */

.ui-loader-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: var(--ui-loader-overlay-bg, rgba(0, 0, 0, 0.8));
    justify-content: center;
    align-items: center;
    z-index: var(--ui-loader-z-index, 9999);
}

.ui-loader-overlay.is-active {
    display: flex;
}

.ui-loader-spinner {
    width: var(--ui-loader-size, 64px);
    height: var(--ui-loader-size, 64px);
    border: var(--ui-loader-thickness, 6px) solid var(--ui-loader-track, rgba(255, 255, 255, 0.15));
    border-top-color: var(--ui-loader-color, var(--color-primary, #7b2ff7));
    border-radius: 50%;
    animation: ui-loader-spin var(--ui-loader-speed, 0.8s) linear infinite;
}

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