/* ADM-UNI (14-oct-2026) - Aviso VISIBLE cuando se cae o se pierde el circuito de Blazor, y cuando hay un error no
   controlado. Pedido del Arquitecto: en produccion las paginas «se cuelgan» y el usuario no ve NINGUN mensaje.

   #components-reconnect-modal: blazor.web.js le pone una de estas clases segun el estado de la conexion:
     components-reconnect-show / -retrying   -> reconectando
     components-reconnect-failed / -rejected / -resume-failed -> hay que recargar la pagina
     components-reconnect-paused             -> sesion en pausa
   #blazor-error-ui: blazor.web.js le pone display:block ante un error no controlado (estilo base en site.css).
   Solo ids y clases propias; ninguna regla sobre .dxbl-*. */

#components-reconnect-modal { display: none; }
#components-reconnect-modal.components-reconnect-show,
#components-reconnect-modal.components-reconnect-retrying,
#components-reconnect-modal.components-reconnect-failed,
#components-reconnect-modal.components-reconnect-rejected,
#components-reconnect-modal.components-reconnect-paused,
#components-reconnect-modal.components-reconnect-resume-failed {
    display: flex; position: fixed; inset: 0; z-index: 3000;
    align-items: center; justify-content: center; background: rgba(10, 27, 61, .35);
}
.mpu-reconexion-caja {
    background: #fff; border: 1px solid #D5DAE0; border-radius: 4px; box-shadow: 0 8px 24px rgba(10, 27, 61, .25);
    padding: 16px 20px; width: 420px; max-width: calc(100% - 32px); display: flex; flex-direction: column; gap: 10px;
    font-size: 13px; color: #16191D;
}
.mpu-reconexion-titulo { font-size: 14px; font-weight: 600; display: flex; align-items: center; gap: 8px; }
.mpu-reconexion-caja button {
    align-self: flex-end; height: 28px; padding: 0 12px; border-radius: 3px; border: 1px solid #122D5E;
    background: #122D5E; color: #fff; font-size: 13px; cursor: pointer;
}
/* Un solo mensaje a la vista segun el estado */
.mpu-reconexion-estado { display: none; }
.components-reconnect-show .mpu-reconexion-reconectando,
.components-reconnect-retrying .mpu-reconexion-reconectando,
.components-reconnect-failed .mpu-reconexion-recargar,
.components-reconnect-rejected .mpu-reconexion-recargar,
.components-reconnect-resume-failed .mpu-reconexion-recargar,
.components-reconnect-paused .mpu-reconexion-pausa { display: flex; flex-direction: column; gap: 10px; }

#blazor-error-ui { color: #16191D; font-size: 13px; }
#blazor-error-ui .reload { margin-left: 8px; font-weight: 600; color: #122D5E; }