/* Keep the inclusive-range note inside the toolbar's mobile layout. */
.timecard-range-note { grid-column: 1 / -1; min-width: 0; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 720px) {
  .timecard-toolbar { flex-wrap: nowrap; }
  .timecard-range-note { flex-basis: auto; width: auto; }
  .weekly-reports { padding: 16px; }
  .weekly-report-controls label { width: 100%; min-width: 0; }
  .weekly-report-controls input, .weekly-report-controls select { width: 100%; min-width: 0; min-height: 44px; font-size: 16px; }
  .weekly-report-controls .button, .weekly-report-actions .button, .timecard-toolbar .button, .timecard-toolbar .icon-button { min-height: 44px; }
  .weekly-report-controls .button, .weekly-report-actions .button { max-width: 100%; white-space: normal; }
  .weekly-reports h3, .weekly-reports p { overflow-wrap: anywhere; }
}