/* Shared safe-area layer for every Moortown page, overlay and popup. */
:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}
html{min-height:100%;min-height:100dvh}
body{min-height:100%;min-height:100dvh}
/* Common full-screen directories and modal layers */
#siteDirectoryOverlay,#contactsOverlay,#suppliersOverlay,#unassignedOverlay,.directoryOverlay,.podModal,.signaturePadModal,[role="dialog"],.modalOverlay,.modal-overlay,.popupOverlay,.popup-overlay{
 box-sizing:border-box;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
}
#siteDirectoryOverlay,#contactsOverlay,#suppliersOverlay,#unassignedOverlay,.directoryOverlay{
 padding-top:calc(8px + var(--safe-top));padding-right:calc(8px + var(--safe-right));padding-bottom:calc(12px + var(--safe-bottom));padding-left:calc(8px + var(--safe-left));
}
/* Keep floating buttons and notifications clear of the iPhone home indicator. */
.toast,.toastMessage,.notification,.mtpRefreshToast{bottom:calc(16px + var(--safe-bottom))}
/* Make sticky headers and controls scroll into view below the island. */
header,[class*="Header"],[id*="Header"]{scroll-margin-top:var(--safe-top)}
@media(max-width:700px){
 body{padding-left:var(--safe-left);padding-right:var(--safe-right)}
 #siteDirectoryHeader,#contactsHeader,#suppliersHeader,#unassignedHeader,.directoryHeader{padding-top:calc(12px + var(--safe-top))}
 [role="dialog"],.modalOverlay,.modal-overlay,.popupOverlay,.popup-overlay{max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom));overflow-y:auto}
}
@media print{body{padding:0!important}}