/* Mobile-first readability: vertical scrolling only, no sideways worksheet movement */
html,body{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
body{font-size:16px!important;}
header,.wrap,.toolbar,.sync-status,.street-tabs,.pages,.street-page,.page,.top-map-row,.slim-add-wrap{
  box-sizing:border-box!important;
  max-width:100%!important;
}
.scroll{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:auto!important;
}
table{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
}
th,td{
  min-width:0!important;
  max-width:none!important;
  overflow:hidden!important;
}
th:nth-child(1),td:nth-child(1){width:18%!important;}
th:nth-child(2),td:nth-child(2){width:24%!important;}
th:nth-child(3),td:nth-child(3){width:23%!important;}
th:nth-child(4),td:nth-child(4){width:35%!important;}
th{
  font-size:12px!important;
  line-height:1.08!important;
  padding:6px 3px!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
td{
  padding:2px!important;
}
td input,td select,table input,table select{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:42px!important;
  height:42px!important;
  box-sizing:border-box!important;
  font-size:16px!important;
  line-height:1.1!important;
  padding:5px 4px!important;
  border-radius:7px!important;
}
.langwrap{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  gap:3px!important;
  overflow:hidden!important;
}
.langwrap select{min-width:0!important;max-width:100%!important;}
.langbadge{width:6px!important;min-width:6px!important;flex:0 0 6px!important;}
.page-head h2,.street-page .page-head h2{font-size:23px!important;}
.page-head span,.street-page .page-head span{font-size:13px!important;}
.street-tab,.street-tabs label,.tabs label,.tabs button{
  font-size:14px!important;
}
.last-preached-label,.last-row label{font-size:13px!important;}
.last-preached-date,.last-row input{font-size:16px!important;}

@media(max-width:600px){
  body{font-size:16px!important;}
  header{padding-left:12px!important;padding-right:12px!important;}
  h1{font-size:30px!important;}
  .pages{padding-left:5px!important;padding-right:5px!important;}
  .street-tabs{padding-left:8px!important;padding-right:8px!important;gap:7px!important;}
  .street-tab,.street-tabs label{font-size:14px!important;padding:9px 5px!important;min-height:40px!important;}
  .page-head{padding-left:7px!important;padding-right:7px!important;}
  .last-preached-row,.last-row{padding-left:7px!important;padding-right:7px!important;}
  table{font-size:15px!important;}
  th{font-size:11.5px!important;padding:6px 2px!important;}
  td{padding:2px 1px!important;}
  td input,td select,table input,table select{
    font-size:16px!important;
    min-height:42px!important;
    height:42px!important;
    padding:4px 3px!important;
  }
  .langbadge{width:5px!important;min-width:5px!important;flex-basis:5px!important;}
  .actions,.add-number-bar,.street-admin-bar{padding-left:7px!important;padding-right:7px!important;}
}