/* Match the phone scheduling page's 15px gutter across page templates.
   Only direct page roots are included: modal forms and nested grids keep
   their own widths, padding and horizontal scrolling. */
body > :is(
  section.content,
  .page-shell,
  .today-page,
  .page-wrap,
  .page-wrapper,
  .completed-export-page,
  .announcement-page,
  .container-cst,
  .container-custom,
  .container-fluid,
  .container,
  .ai-page,
  .dispatch-page,
  .vehicle-expense-page,
  .dayboard
) {
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

/* Keep the full-day board's controls accessible within a narrow page. */
@media (max-width: 767px) {
  body > .dayboard > .db-toolbar,
  body > .dayboard .db-toolbar-left,
  body > .dayboard .db-toolbar-right,
  body > .dayboard .db-legend {
    flex-wrap: wrap;
    min-width: 0;
    max-width: 100%;
  }

  body > .dayboard .db-toolbar-right {
    margin-left: 0;
  }

  body > .dayboard .db-left {
    width: 140px;
    flex-basis: 140px;
  }
}