/* Adaptación común de la demo móvil y la APK. La interfaz usa la barra de
   estado real del dispositivo y reserva una zona independiente para acciones. */
html.android-hosted-demo,
html.android-hosted-demo body,
html.android-hosted-demo #app,
html.android-hosted-demo .mobile-stage{height:100%;min-height:100%;overflow:hidden}
html.android-hosted-demo .mobile-stage{padding:0;background:#fff}
html.android-hosted-demo .phone{width:100%;max-width:430px;height:100%;max-height:none;border:0;border-radius:0;box-shadow:none}
html.android-hosted-demo .phone:before,
html.android-hosted-demo .m-status{display:none!important}
html.android-hosted-demo .mobile-shell{height:100%;min-height:0;position:relative}
html.native-android .mobile-shell{padding-top:var(--android-top-inset,0px)}
html.android-hosted-demo .m-head{flex:0 0 auto;min-height:64px}
html.android-hosted-demo .m-content{min-height:0;padding-bottom:calc(82px + var(--mobile-action-space,0px));overscroll-behavior:contain}
html.android-hosted-demo .m-nav{bottom:var(--android-bottom-inset,0px);height:72px;padding:7px 6px 8px}
html.android-hosted-demo .mobile-fixed-actions{position:absolute;z-index:14;left:0;right:0;bottom:calc(72px + var(--android-bottom-inset,0px));display:grid;gap:8px;padding:10px 18px 12px;background:linear-gradient(to bottom,rgba(255,255,255,.93),#fff 22%);border-top:1px solid var(--line);box-shadow:0 -8px 22px rgba(35,28,42,.08)}
html.android-hosted-demo .mobile-fixed-actions .btn{margin:0;min-height:46px}
html.android-hosted-demo .mobile-shell:has(.mobile-auth) .mobile-fixed-actions{bottom:var(--android-bottom-inset,0px)}
html.android-hosted-demo .mobile-shell:has(.mobile-auth) .m-content{padding-bottom:var(--mobile-action-space,0px)}
html.android-hosted-demo button,html.android-hosted-demo input,html.android-hosted-demo select{min-height:44px}
html.android-hosted-demo :focus-visible{outline:3px solid #ffb21a;outline-offset:2px}
html.android-hosted-demo .native-demo-badge{font-size:9px;line-height:1;padding:5px 7px;border-radius:999px;background:#ffb21a;color:#2b2415;letter-spacing:.08em;margin-left:6px}
html.android-hosted-demo .mobile-fixed-actions .btn.ghost{min-height:40px;background:#fff}
@media(prefers-reduced-motion:reduce){html.android-hosted-demo *,html.android-hosted-demo *:before,html.android-hosted-demo *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:521px){html.android-hosted-demo .mobile-stage{background:linear-gradient(135deg,#eae3ef,#f8f6fa)}html.android-hosted-demo .phone{border-left:1px solid #ddd;border-right:1px solid #ddd}}