/* loading_bar.css — barra de carga global para callbacks Dash (SPA).
   Acompaña a loading_bar.js. Estilo tipo "nprogress": barra fina arriba
   que avanza mientras hay un callback en vuelo y se completa al terminar. */

#nbo-loading-bar {
    position: fixed;
    top: 0;
    left: 0;
    height: 3px;
    width: 0;
    z-index: 99999;
    background: linear-gradient(90deg, #2563eb, #60a5fa);
    box-shadow: 0 0 8px rgba(37, 99, 235, .55);
    border-radius: 0 2px 2px 0;
    opacity: 0;
    pointer-events: none;
    transition: width .22s ease, opacity .3s ease;
}

/* Visible mientras hay actividad. */
#nbo-loading-bar.nbo-lb-active {
    opacity: 1;
}

/* Al completar: deja terminar el ancho y desvanece. */
#nbo-loading-bar.nbo-lb-done {
    transition: width .25s ease, opacity .4s ease .15s;
    opacity: 0;
}

/* Brillo en el borde de avance. */
#nbo-loading-bar-glow {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 90px;
    box-shadow: 0 0 12px 3px rgba(96, 165, 250, .85);
    opacity: .75;
    transform: rotate(2deg) translateY(-1px);
}