/* SHEET1019: phone record sheet — real touch scrolling, dvh/visualViewport height, last item clear of the tab bar. */
@media(max-width:767px){
 body.mob1{--anh:0px;--vvh:100vh}
 @supports(height:100dvh){body.mob1{--vvh:100dvh}}
 body.mob1.has-anav{--anh:calc(62px + env(safe-area-inset-bottom))}
 body.mob1 .detail.on,body.mob1.has-anav .detail.on{
  position:fixed;left:0;right:0;top:auto!important;bottom:var(--anh)!important;
  height:calc((var(--vvh) - var(--anh)) * .62)!important;max-height:calc(var(--vvh) - var(--anh) - env(safe-area-inset-top) - 8px);
  overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;overscroll-behavior-y:contain;touch-action:pan-y;
  padding-bottom:calc(24px + env(safe-area-inset-bottom));scroll-padding-bottom:calc(24px + env(safe-area-inset-bottom));
  z-index:70;border-radius:20px 20px 0 0}
 body.mob1 .detail.on.mfull,body.mob1.has-anav .detail.on.mfull{height:calc(var(--vvh) - var(--anh) - env(safe-area-inset-top) - 8px)!important;border-radius:16px 16px 0 0}
 /* on a phone the long header must scroll with the content; only the handle bar with the X stays on top */
 body.mob1 .detail.on .dh{position:relative!important;top:auto;z-index:auto;padding-top:6px}
 body.mob1 .detail .msbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:center;height:30px;margin:0 0 -4px;background:var(--card,#fff);border-radius:20px 20px 0 0;touch-action:none;cursor:grab}
 body.mob1 .detail .msbar .mgrab{margin:0}
 body.mob1 .detail .msbar .dx{position:absolute;right:10px;top:2px;width:40px;height:40px;z-index:6}
 body.mob1 .detail .dh .mgrab{display:none}
 /* install hint must not sit on top of the map while a record is open */
 body.mob1.mdet #mza2{display:none!important}
}