/* Perfil visual Funky. Sustituible sin alterar los controles ni el motor. */
:root {
 --marca-azul:#0068ba; --marca-rojo:#e11514;
 --acento:#0068ba; --acento-texto:#fff; --acento-suave:#eaf4fc; --acento-borde:#a9cee9;
 --fondo:#f4f6f9; --linea:#e0e6ed; --linea-fuerte:#bac5d2;
}
@media(prefers-color-scheme:dark){:root:not([data-tema='claro']){
 --acento:#70bfff; --acento-texto:#102033; --acento-suave:#102b43; --acento-borde:#285f89;
 --fondo:#0d131e; --panel:#151e2b; --panel-2:#1a2636; --linea:#293649; --linea-fuerte:#43546b;
 --tinta:#f4f7fc; --tinta-2:#b6c3d5; --tinta-3:#99a9bf;
}}
:root[data-tema='oscuro']{
 --acento:#70bfff; --acento-texto:#102033; --acento-suave:#102b43; --acento-borde:#285f89;
 --fondo:#0d131e; --panel:#151e2b; --panel-2:#1a2636; --linea:#293649; --linea-fuerte:#43546b;
 --tinta:#f4f7fc; --tinta-2:#b6c3d5; --tinta-3:#99a9bf;
}
body { display:flex; flex-direction:column; }
#raiz { flex:1; min-height:0; }
.aviso-laboratorio { flex:none; background:#003e73; color:#e6f3ff; padding:10px 16px; line-height:1.4; font-size:12px; letter-spacing:.15px; }
button.principal { background:var(--marca-azul); color:#fff; border-color:var(--marca-azul); }
button.principal:hover:not(:disabled) { background:#00579d; border-color:#00579d; }
.entrada { background:radial-gradient(ellipse at 15% 0%,var(--acento-suave),transparent 55%),var(--fondo); }
.entrada .acceso-correo { border-top:3px solid var(--marca-azul); box-shadow:0 20px 65px rgb(0 30 70 / .13); }
.entrada .acceso-correo::before { content:''; display:block; width:36px; height:3px; background:var(--marca-rojo); margin:-35px 0 28px; border-radius:0 0 3px 3px; }
img[data-logo-marca][src='/iconos/funky-logo.png'] { background:#fff; border-radius:10px; padding:12px; object-fit:contain; filter:none; }
.entrada .config-logo[data-logo-marca] { width:228px; max-width:100%; height:78px; margin:0 0 24px; border:0; }
.entrada .tema-acceso { flex:none; }
@media(max-width:540px){
 .entrada .acceso-correo::before { margin-top:-27px; margin-bottom:24px; }
 .entrada .config-logo[data-logo-marca] { width:205px; height:70px; margin-bottom:22px; }
 .aviso-laboratorio { font-size:11px; padding:8px 12px; }
}
/* La franja del laboratorio ocupa espacio real, también dentro de la consola. */
.app { height:100%; }