body.mobile-app{padding:0!important;margin:0!important;background:var(--mobile-wallpaper,linear-gradient(145deg,#152732,#08141c 60%,#1b3039)) center/cover fixed no-repeat;overflow:hidden}
body.mobile-app #view-control,body.mobile-app #window-collapse,body.mobile-app #window-chip{display:none!important}
body.mobile-app #shell#shell,body.mobile-app #shell#shell:has(.main-card.selected){width:100%!important;max-width:none!important;height:100dvh!important;margin:0!important;min-height:0!important;filter:none;grid-template-rows:calc(116px + env(safe-area-inset-top)) minmax(0,1fr) calc(86px + env(safe-area-inset-bottom))!important}
/* The baseplate alone fades. Fill the full viewport, keeping the original contour on top. */
body.mobile-app .shell-skin{clip-path:none!important;mask:none!important;-webkit-mask:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(0,0,0,var(--shell-density));box-shadow:none}
body.mobile-app #shell>header{padding-top:env(safe-area-inset-top)}
body.mobile-app #shell>footer{padding-bottom:env(safe-area-inset-bottom)!important}

/* Move only the mobile footer buttons up by 1 CSS mm. */
body.mobile-app #shell#shell>footer .footer-actions{top:calc(12px - 1mm)!important}

/* Direct mobile document: no preview frame or outer presentation surface. */
html:has(body.mobile-app),body.mobile-app{margin:0!important;padding:0!important;border:0!important;outline:0!important;box-shadow:none!important;border-radius:0!important;background:none!important;width:100%;height:100%;}
body.mobile-app #shell#shell{padding:0!important;border:0!important;outline:0!important;box-shadow:none!important;border-radius:0!important;background:transparent!important;}