.mobile-menu-toggle{display:none}
.use-native-keyboard .keyboard-trigger,.use-native-keyboard #touch-keyboard{display:none!important}
@media screen and (max-width:760px){
 .keyboard-trigger,#touch-keyboard{display:none!important}
 .mobile-menu-toggle{display:block;min-height:44px;text-align:left}
 body:not(.mobile-menu-open) .sidebar-nav{display:none}
 html{-webkit-text-size-adjust:100%}
 body{min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
 main{min-width:0;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
 input,select,textarea{font-size:16px}
 button,a,summary{touch-action:manipulation}
 dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow:auto}
 .forms{grid-template-columns:minmax(0,1fr)}
 .table-wrap,.timesheet-scroll{-webkit-overflow-scrolling:touch}
 .timesheet-panel{padding:8px}
 .timesheet-grid{--person-width:118px}
 .timesheet-person,.timesheet-name{font-size:10px!important}
}
@media screen and (max-width:480px){
 .timesheet-grid.has-pay{--person-width:96px;--hours-width:28px;--other-width:28px;--bonus-width:34px;--base-width:40px;--pay-width:44px}
 body.timesheet-view .timesheet-grid.has-pay .timesheet-total,
 body.timesheet-view .timesheet-grid.has-pay .timesheet-other-hours,
 body.timesheet-view .timesheet-grid.has-pay .pay-bonus,
 body.timesheet-view .timesheet-grid.has-pay .pay-base,
 body.timesheet-view .timesheet-grid.has-pay .pay-total{font-size:8px;padding-left:1px;padding-right:1px}
}