/* Header/date strip mobile containment fix - 2026-05-16
   Prevents the fixed header/app shell from being horizontally shifted when
   the active date pill is centered, while preserving horizontal swipe/scroll
   within the date strip itself. */
html,
body,
#app.app-shell {
  max-width: 100vw;
  overflow-x: hidden;
}

.app-header {
  max-width: 100vw;
  overflow-x: hidden;
  touch-action: pan-y;
}

.day-tabs {
  max-width: 100%;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  touch-action: pan-x;
  scroll-snap-type: none;
}

.day-tabs button {
  flex: 0 0 auto;
}