/* StaffTime mobile-first form redesign */
@media (max-width:760px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  *,*::before,*::after{box-sizing:border-box}
  #app,#hours{width:100%;max-width:100%;min-width:0;overflow-x:hidden}
  #hours>.card:first-child{padding:18px 14px 20px;margin:10px 8px 14px;width:calc(100% - 16px);max-width:calc(100% - 16px);min-width:0;overflow:hidden}
  .stafftime-mobile-form{display:flex;flex-direction:column;gap:14px;width:100%;max-width:100%;min-width:0}
  .stafftime-field{display:block;width:100%;max-width:100%;min-width:0;margin:0!important;position:relative}
  .stafftime-field label{display:block;font-size:15px;margin:0 0 6px}
  .stafftime-mobile-form input,.stafftime-mobile-form select,.stafftime-mobile-form textarea{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;height:50px;min-height:50px;padding:11px 13px;border-radius:12px;font-size:16px;box-sizing:border-box!important}
  .stafftime-mobile-form input[type=date],.stafftime-mobile-form input[type=time]{-webkit-appearance:none;appearance:none}
  .stafftime-date-input{color:transparent!important;caret-color:transparent!important;text-shadow:none}
  .stafftime-date-display{position:absolute;left:13px;right:13px;top:calc(100% - 50px);height:50px;display:flex;align-items:center;justify-content:flex-start;font-size:17px;font-weight:700;pointer-events:none;z-index:2;white-space:nowrap}
  .stafftime-date-day{display:none!important}
  .stafftime-hours-box{order:6;padding:13px 14px;border:1px solid #e0e6ed;border-radius:13px;background:#f7f9fb;width:100%;max-width:100%;min-width:0;box-sizing:border-box}
  .stafftime-hours-box input{background:#fff;font-weight:800;font-size:18px}
  .stafftime-hours-help{font-size:12px;color:#667382;margin-top:6px;line-height:1.35;white-space:normal}
  .stafftime-night-row{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:48px;padding:4px 2px;width:100%;max-width:100%;min-width:0;box-sizing:border-box}
  .stafftime-night-row input{width:24px!important;height:24px!important;min-height:24px!important;flex:0 0 24px}
  .stafftime-mobile-form .add-hours-button{height:52px;min-height:52px;margin-top:2px;border-radius:12px;font-size:16px;width:100%;max-width:100%;box-sizing:border-box}
  .stafftime-mobile-form .static-field{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
  #hoursMsg{margin-top:0}
  #hours>.card:nth-child(2){margin:0 8px;width:calc(100% - 16px);max-width:calc(100% - 16px);min-width:0;overflow:hidden}
  #entries{width:100%;max-width:100%;min-width:0;overflow:hidden}
  .entry-card{width:100%;max-width:100%;min-width:0;overflow:hidden}
  .stafftime-entry-date{line-height:1.1}
  .entry-weekday{font-size:17px;font-weight:800;text-transform:none}
  .entry-date-line{font-size:14px;font-weight:600;margin-top:4px}
}
@media (min-width:761px){.stafftime-mobile-form{display:contents}.stafftime-date-display,.stafftime-date-day{display:none}}