#hoursDirtyCount { display: none; }
@media(max-width:980px) {
  #view-schedule:has(.weekly-hours-panel:not([hidden]) #hoursForm.has-hour-changes) { padding-bottom: calc(var(--hours-savebar-height,90px) + var(--hours-keyboard-inset,0px) + 24px); }
  #view-schedule #hoursForm .weekly-hours-savebar { position: static; }
  #view-schedule #hoursForm:not(.has-hour-changes) .weekly-hours-savebar button[type=submit] { display: none; }
  #view-schedule #hoursForm.has-hour-changes .weekly-hours-savebar { position: fixed; inset-inline: max(10px,env(safe-area-inset-left)) max(10px,env(safe-area-inset-right)); bottom: var(--hours-keyboard-inset,0px); z-index: 35; max-width: 680px; width: auto; margin: 0 auto; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 4px 12px; padding: 10px 12px max(10px,env(safe-area-inset-bottom)); border: 1px solid var(--line); border-top: 3px solid var(--accent); border-radius: 8px 8px 0 0; background: var(--panel); box-shadow: 0 -4px 18px rgb(0 0 0 / .1); }
  #view-schedule #hoursForm.has-hour-changes #hoursTotal { grid-column: 1; grid-row: 1; font-size: 14px; white-space: normal; }
  #view-schedule #hoursForm.has-hour-changes #hoursDirtyCount:not([hidden]) { display: block; grid-column: 1; grid-row: 2; color: var(--muted); font-size: 11px; line-height: 1.4; }
  #view-schedule #hoursForm.has-hour-changes .weekly-hours-savebar button { display: block; grid-column: 2; grid-row: 1/3; min-width: 116px; min-height: 44px; max-width: 160px; padding: 9px 12px; border-radius: 6px; font-size: 14px; white-space: normal; }
  #view-schedule #hoursForm.has-hour-changes #hoursStatus { grid-column: 1/-1; grid-row: 3; text-align: left; font-size: 12px; }
  #view-schedule #hoursRows .hours-input { scroll-margin-bottom: calc(var(--hours-savebar-height,90px) + var(--hours-keyboard-inset,0px) + 20px); }
}