/* v3.48: six complete tidal forecast rows on one mobile home screen. */
@media (max-width:800px) {
 #view-home .week-overview {
  grid-auto-rows:calc((100% - 15px) / 6)!important;
  row-gap:3px!important;
  overflow-y:auto!important;
  scroll-snap-type:none!important;
 }
 #view-home .forecast-day {
  min-height:0!important;height:100%!important;
  padding:1px 8px!important;margin:0!important;
  border-radius:9px!important;gap:7px!important;
 }
 #view-home .forecast-date strong{font-size:18px!important;line-height:1!important}
 #view-home .forecast-date small{font-size:9px!important;line-height:1.05!important}
 #view-home .forecast-value b,#view-home .daily-peak b{font-size:18px!important;line-height:1.05!important}
 #view-home .forecast-value>span{font-size:10px!important;line-height:1!important}
 #view-home .forecast-columns{gap:7px!important}
 #view-home .forecast-footer{height:15px!important}
 #view-home .home-weekly{grid-template-rows:23px 30px 11px minmax(0,1fr) 15px!important;gap:2px!important}
 #view-home .week-title{height:23px!important;min-height:0!important}
 #view-home .forecast-tabs{height:30px!important;min-height:0!important;padding:2px!important}
 #view-home .forecast-tabs>button{height:25px!important;min-height:0!important}
 #view-home .forecast-head{height:11px!important;min-height:0!important;font-size:9px!important}
 #view-home .home-actions,#view-home .home-actions button{height:32px!important;min-height:0!important}
 #view-home .forecast-footer .week-note{font-size:9px!important}
}
/* Modal must remain visible through the first hardware Back event. */
.exit-confirm:not([hidden]){display:flex!important;position:fixed!important;inset:0!important;z-index:2147483640!important;align-items:center!important;justify-content:center!important;background:#052b49aa!important}