/* Leads pipeline phone scrolling — 20260728qa744
   The stage rail owns sideways movement. Each stage stays within the phone
   viewport and its cards use a quiet, invisible vertical scroll so a busy
   stage cannot make the full Leads page endlessly tall. */
@media (max-width: 760px) {
  #app .premium-app.lead-reference-shell .lead-kanban-wrap {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain !important;
    overscroll-behavior-y: auto !important;
    touch-action: pan-x pan-y !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity !important;
    scroll-padding-inline: 10px;
    scrollbar-width: auto !important;
    scrollbar-color: #f58216 #111922 !important;
  }

  #app .premium-app.lead-reference-shell .lead-kanban-wrap::-webkit-scrollbar {
    display: block !important;
    width: auto !important;
    height: 9px !important;
    background: #111922 !important;
  }

  #app .premium-app.lead-reference-shell .lead-kanban-wrap::-webkit-scrollbar-track {
    border-radius: 999px !important;
    background: #111922 !important;
  }

  #app .premium-app.lead-reference-shell .lead-kanban-wrap::-webkit-scrollbar-thumb {
    min-width: 54px !important;
    border: 2px solid #111922 !important;
    border-radius: 999px !important;
    background: #f58216 !important;
  }

  #app .premium-app.lead-reference-shell .lead-kanban {
    display: grid !important;
    grid-template-columns: none !important;
    grid-auto-flow: column !important;
    grid-auto-columns: min(82vw, 340px) !important;
    align-items: stretch !important;
    width: max-content !important;
    min-width: max-content !important;
    height: auto !important;
    overflow: visible !important;
    touch-action: inherit !important;
  }

  #app .premium-app.lead-reference-shell .lead-column {
    display: flex !important;
    flex-direction: column !important;
    width: auto !important;
    min-width: 0 !important;
    height: clamp(440px, calc(100svh - 190px), 680px) !important;
    min-height: 440px !important;
    max-height: calc(100svh - 150px) !important;
    overflow: hidden !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: normal !important;
  }

  #app .premium-app.lead-reference-shell .lead-column-body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: auto !important;
    touch-action: pan-x pan-y !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }

  #app .premium-app.lead-reference-shell .lead-column-body::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }
}