/* Ajustes propios del host. El grueso del estilo vive en el Shell
   (_content/Efimuni_Shell/efimuni-shell.css); los tokens del tema y el modo activos
   (--efimuni-*) están en _content/Efimuni_UI/efimuni-ui.css. Los valores después de la
   coma son sólo por si esa hoja no cargó. */

body {
    margin: 0;
}

/* Barra de error de Blazor. Va oscura, con el filo del color primario del tema, así
   funciona igual sobre modo claro y sobre modo oscuro. */
#blazor-error-ui {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1200;
    display: none;
    padding: 0.8rem 1.2rem;
    border-top: 3px solid var(--efimuni-primario, #FA4616);
    background: var(--efimuni-barra-error-fondo, #111111);
    color: var(--efimuni-barra-error-texto, #F4F5F7);
    font-family: var(--efimuni-fuente, system-ui, sans-serif);
    box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.35);
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    float: right;
}

/* --- Cartel de reconexión ---------------------------------------------- */

.efimuni-reconectar {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 2000;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.55);
    font-family: var(--efimuni-fuente, system-ui, sans-serif);
}

.efimuni-reconectar.components-reconnect-show,
.efimuni-reconectar.components-reconnect-failed,
.efimuni-reconectar.components-reconnect-rejected {
    display: flex;
}

.efimuni-reconectar-caja {
    background: var(--efimuni-superficie, #1B1C1E);
    color: var(--efimuni-texto, #F4F5F7);
    border: 1px solid var(--efimuni-borde, rgba(117, 120, 123, 0.2));
    border-radius: var(--efimuni-radio, 16px);
    padding: 24px 28px;
    max-width: 420px;
    text-align: center;
    box-shadow: var(--efimuni-sombra, 0 18px 48px rgba(0, 0, 0, 0.55));
}

.efimuni-reconectar-titulo {
    margin: 0 0 8px;
    font-weight: 600;
    color: var(--efimuni-primario, #FA4616);
}

.efimuni-reconectar a {
    color: var(--efimuni-primario, #FA4616);
    font-weight: 600;
}

.efimuni-reconectar [data-reconnect-visible],
.efimuni-reconectar [data-reconnect-failed-visible],
.efimuni-reconectar [data-reconnect-rejected-visible] {
    display: none;
    margin: 0;
    color: var(--efimuni-texto-tenue, #A5A9AD);
}

.components-reconnect-show [data-reconnect-visible],
.components-reconnect-failed [data-reconnect-failed-visible],
.components-reconnect-rejected [data-reconnect-rejected-visible] {
    display: block;
}