/* V1398: confined to the GPS-distance warning, not the clocking rules. */
.modal-overlay.er1398-location-overlay {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  inset:0!important;
  position:fixed!important;
  z-index:2147483000!important;
  padding:max(16px,env(safe-area-inset-top, 0px)) 16px max(16px,env(safe-area-inset-bottom, 0px))!important;
  background:rgba(15,33,25,.55)!important;
  -webkit-backdrop-filter:blur(4px)!important;
  backdrop-filter:blur(4px)!important;
  box-sizing:border-box!important;
}
.modal-overlay.er1398-location-overlay .er1398-location-dialog {
  box-sizing:border-box!important;
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:390px!important;
  max-height:calc(100dvh - 48px)!important;
  height:auto!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  margin:0 auto!important;
  padding:24px!important;
  border:1px solid #d7e5d9!important;
  border-radius:24px!important;
  background:#fffdf8!important;
  box-shadow:0 22px 70px rgba(5,30,17,.24)!important;
  text-align:left!important;
}
.er1398-location-dialog .er1398-location-close {
  position:absolute!important;
  top:17px!important;
  right:17px!important;
  display:grid!important;
  place-items:center!important;
  width:40px!important;
  height:40px!important;
  padding:0!important;
  border-radius:12px!important;
  border:1px solid #dfe8df!important;
  background:#f7f9f5!important;
  color:#446455!important;
  font-size:24px!important;
  line-height:1!important;
}
.er1398-location-dialog .er1398-location-head {
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:0 42px 0 0!important;
  margin:0 0 22px!important;
}
.er1398-location-dialog .er1398-location-icon {
  display:grid!important;
  flex:0 0 46px!important;
  place-items:center!important;
  width:46px!important;
  height:46px!important;
  background:#e6f1e6!important;
  color:#255f42!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
.er1398-location-dialog .er1398-location-icon svg {width:23px!important;height:23px!important;}
.er1398-location-dialog .ww520-geo-eyebrow {
  margin:0 0 4px!important;
  color:#728777!important;
  font-size:10px!important;
  letter-spacing:.12em!important;
  font-weight:800!important;
  text-transform:uppercase!important;
}
.er1398-location-dialog h2#ww520GeoTitle {
  margin:0!important;
  color:#1c3e2d!important;
  font-family:inherit!important;
  font-size:19px!important;
  line-height:1.25!important;
  letter-spacing:-.025em!important;
  font-weight:750!important;
}
.er1398-location-dialog .er1398-location-job {
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  margin:0 0 12px!important;
}
.er1398-location-dialog .er1398-location-label {
  display:block!important;
  color:#6c8072!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.015em!important;
}
.er1398-location-dialog .er1398-location-job strong {
  color:#213c2e!important;
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:750!important;
  overflow-wrap:anywhere!important;
}
.er1398-location-dialog .er1398-location-metrics {
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  padding:15px!important;
  border-radius:14px!important;
  background:#eff5ec!important;
  border:1px solid #dae8d8!important;
  margin-bottom:16px!important;
}
.er1398-location-dialog .er1398-location-metrics > div {min-width:0!important;display:flex!important;flex-direction:column!important;gap:6px!important;}
.er1398-location-dialog .er1398-location-metrics > div + div {border-left:1px solid #d0decd!important;padding-left:12px!important;}
.er1398-location-dialog .er1398-location-metrics strong {font-size:15px!important;line-height:1.25!important;color:#254c38!important;font-weight:800!important;}
.er1398-location-dialog .er1398-location-metrics .er1398-location-distance {font-size:20px!important;font-variant-numeric:tabular-nums!important;letter-spacing:-.025em!important;}
.er1398-location-dialog .er1398-location-message {
  margin:0 0 5px!important;
  color:#435c4b!important;
  font-size:13.5px!important;
  line-height:1.5!important;
}
.er1398-location-dialog .er1398-location-message strong{color:#1e5636!important;font-weight:750!important;}
.er1398-location-dialog .er1398-location-help{
  margin:0!important;
  color:#748378!important;
  font-size:12.5px!important;
  line-height:1.5!important;
}
.er1398-location-dialog .er1398-location-actions {
  display:grid!important;
  grid-template-columns:minmax(0, .88fr) minmax(0, 1.4fr)!important;
  gap:10px!important;
  margin:20px 0 0!important;
  align-items:stretch!important;
}
.er1398-location-dialog .er1398-location-actions button {
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  padding:8px 10px!important;
  border-radius:12px!important;
  font-size:12.5px!important;
  font-weight:750!important;
  line-height:1.3!important;
  white-space:normal!important;
  box-shadow:none!important;
}
.er1398-location-dialog .er1398-location-dismiss {
  color:#365c44!important;
  background:#f7f9f4!important;
  border:1px solid #d9e5da!important;
}
.er1398-location-dialog .er1398-location-retry {
  color:white!important;
  background:#275e43!important;
  border:1px solid #275e43!important;
}
.er1398-location-dialog .er1398-location-actions button:focus-visible,
.er1398-location-dialog .er1398-location-close:focus-visible {
  outline:3px solid #92bc96!important;
  outline-offset:2px!important;
}
@media(max-width:355px){
  .modal-overlay.er1398-location-overlay .er1398-location-dialog{padding:19px!important;}
  .er1398-location-dialog .er1398-location-actions{grid-template-columns:1fr!important;}
}
@media(prefers-reduced-motion:reduce){.er1398-location-dialog{animation:none!important;}}
/* Beat older global full-screen modal rules without changing any other dialogs. */
html body.modal-open[data-modal-type="geofence-blocked"] #modalHost .modal-overlay.er1398-location-overlay {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:fixed!important;
  inset:0!important;
  height:100dvh!important;
  width:100vw!important;
  min-height:0!important;
  max-height:none!important;
  padding:16px!important;
  overflow:auto!important;
  background:rgba(13,38,26,.55)!important;
}
html body.modal-open[data-modal-type="geofence-blocked"] #modalHost .modal-overlay.er1398-location-overlay > .modal.er1398-location-dialog {
  position:relative!important;
  inset:auto!important;
  display:block!important;
  flex:0 0 auto!important;
  align-self:center!important;
  width:100%!important;
  min-width:0!important;
  max-width:390px!important;
  height:auto!important;
  min-height:0!important;
  max-height:calc(100dvh - 32px)!important;
  margin:0 auto!important;
  padding:24px!important;
  overflow-y:auto!important;
  background:#fffdf8!important;
  border:1px solid #d7e5d9!important;
  border-radius:24px!important;
  box-shadow:0 22px 70px rgba(5,30,17,.24)!important;
}
/* V1328 doubles the #modalHost selector for native form sheets; limit the exception
   to this non-form GPS notice so no other sheet behaviour changes. */
html body.er1328.modal-open[data-modal-type="geofence-blocked"] #modalHost#modalHost .modal-overlay.er1398-location-overlay {
  align-items:center!important;
  justify-content:center!important;
  padding:16px!important;
}
html body.er1328.modal-open[data-modal-type="geofence-blocked"] #modalHost#modalHost .modal-overlay.er1398-location-overlay > .modal.er1398-location-dialog {
  display:block!important;
  flex:0 0 auto!important;
  align-self:center!important;
  width:100%!important;
  min-width:0!important;
  max-width:390px!important;
  height:auto!important;
  min-height:0!important;
  max-height:calc(100dvh - 32px)!important;
  margin:0 auto!important;
  padding:24px!important;
  border-radius:24px!important;
  background:#fffdf8!important;
  overflow-y:auto!important;
}
