/* Website preview only: native mobile gestures and the app stay unchanged. */
/* Swipeable rows inject touch-action:none on web. Let the browser own vertical
   panning within the timeline; horizontal swipes and taps remain available.
   Keep this outside the desktop media query for iPhone/Safari. */
#preview-day-list {
  min-height: 0;
  overflow-y: auto !important;
  touch-action: pan-y pinch-zoom !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
}
#preview-day-list [style*="touch-action"] {
  touch-action: pan-y pinch-zoom !important;
}
/* Broaden the handle's hit target without shifting the approved layout.
   The lower edge ends in the gap before the title/overview controls. */
#preview-day-handle {
  position: relative;
  z-index: 2;
  touch-action: none;
  padding-top: 37px !important;
  padding-bottom: 18px !important;
  margin-top: -27px;
  margin-bottom: -10px;
}
#preview-back-bar { pointer-events: none; }
#preview-back-bar > * { pointer-events: auto; }
#preview-map-controls { opacity: 1 !important; }
html.preview-map-compact #preview-map-controls {
  top: 52px !important; bottom: auto !important;
  flex-direction: row !important; gap: 6px !important;
}
html.preview-map-compact #preview-map-controls > div { flex-direction: row !important; }
html.preview-map-compact #preview-map-controls > div > div:not([tabindex]) {
  width: 1px; height: auto !important; align-self: stretch;
}
@media (hover: hover) and (pointer: fine) {
  #preview-day-list {
    overflow-y: scroll !important;
    scrollbar-width: thin !important;
    scrollbar-color: #8b999f #eeeae4;
    overscroll-behavior-y: contain;
  }
  #preview-day-list::-webkit-scrollbar {
    display: block !important;
    width: 9px !important;
  }
  #preview-day-list::-webkit-scrollbar-track { background: #eeeae4; border-radius: 8px; }
  #preview-day-list::-webkit-scrollbar-thumb {
    background: #8b999f; border: 2px solid #eeeae4; border-radius: 8px;
  }
  #preview-day-list::-webkit-scrollbar-thumb:hover { background: #51676f; }
  #preview-day-handle, #preview-day-handle * { cursor: grab; }
  #preview-day-header [tabindex="0"], #preview-day-header [tabindex="0"] * { cursor: pointer; }
  html.preview-sheet-dragging, html.preview-sheet-dragging * { cursor: grabbing !important; }
}