/* CEO22:33: phone/PWA viewport only; approved desktop artwork/frame is intact. */
@media (max-width:767px), (max-width:1024px) and (max-height:500px) and (pointer:coarse) {
 html,body{width:100%;height:100%;min-height:0;background:#F6FAFC;overscroll-behavior:none}
 body{display:block}
 #app.phone{width:100%;max-width:none;height:100dvh;min-height:0;margin:0;border:0;border-radius:0;box-shadow:none;overflow:hidden;--device-top:env(safe-area-inset-top,0px);--device-bottom:env(safe-area-inset-bottom,0px);--device-left:env(safe-area-inset-left,0px);--device-right:env(safe-area-inset-right,0px);--usable-height:calc(100dvh - var(--device-top) - var(--device-bottom));--art-status:calc(var(--usable-height)*.061635)}
 #app>.page,#app>.robot-chat,#app>.ar-home-proposal{inset:var(--device-top) var(--device-right) var(--device-bottom) var(--device-left);height:auto;min-height:0}
 #app .status,#app .robot-chat>.sb,#app .home-indicator{display:none!important}
 /* English Home has its mock clock burned into approved art. Crop exactly its
    status strip and reposition the existing art/overlays together. */
 #app>.approved{top:calc(var(--device-top) - var(--art-status));bottom:var(--device-bottom);left:var(--device-left);right:var(--device-right);height:auto;clip-path:inset(var(--art-status) 0 0)}
 #app>.approved:after{content:"";position:absolute;inset:auto 0 0;height:2.2%;background:#F6FAFC;pointer-events:none}
 #app>.ar-home-proposal .ar-home-wordmark{top:1.5%}
 #app>.ar-home-proposal .ar-home-avatar,#app>.ar-home-proposal .ar-home-bell{top:1%}
 #app>.ar-home-proposal h1{top:7.8%}
 #app>.ar-home-proposal .home-address{top:12%}
 #app>.ar-home-proposal .home-hero{top:21%}
 #app>.ar-home-proposal .home-card-grid{top:45%}
 #app>.ar-home-proposal .last-touch-home-help{top:6%;height:44px}
 #app>.ar-home-proposal .global-language-button{top:12px!important;left:120px!important;right:auto!important;width:56px!important;height:30px!important}
 #app>.approved .global-language-button{top:calc(var(--art-status) + 8px)!important;right:130px!important;left:auto!important;width:56px!important;height:30px!important}
}