/* «Mi espacio» con la app (04-11-2026): la barra global arriba y la app en un marco que ocupa el resto de la ventana.
   La altura del marco la fija un script en menu.xhtml (ventana menos la barra); aquí solo el aspecto, con tokens.
   v2: la página entera (barra incluida) espera invisible hasta que la app avisa que tiene contenido (mi-app-lista) y
   aparece de una vez; así, al entrar, no se ve la barra con la zona de abajo vacía. Tope: se muestra sola a los 3 s. */
html body.mi-app-activa{overflow:hidden;background:var(--cv-canvas)}
html body.mi-app-activa:not(.mi-app-lista){opacity:0;animation:mi-app-seguro 1ms linear 3s forwards}
@keyframes mi-app-seguro{to{opacity:1}}
html body.mi-app-activa.mi-app-lista{animation:mi-app-aparecer 140ms ease-out both}
@keyframes mi-app-aparecer{from{opacity:0}}
@media (prefers-reduced-motion:reduce){html body.mi-app-activa.mi-app-lista{animation:none}}
html body.mi-app-activa .mi-app{display:block;margin:0;padding:0}
html body.mi-app-activa .mi-app-marco{display:block;width:100%;min-height:320px;border:0;background:var(--cv-canvas)}