/*
 * Application-wide styles served by Propshaft (loaded after Tailwind).
 */

/* Stop horizontal scroll/rubber-banding, especially in installed PWA mode. */
html, body {
  overflow-x: hidden;
  overscroll-behavior-x: none;
  max-width: 100%;
}

/* noUiSlider — dark theme to match the app */
.noUi-target {
  background: #1e293b;            /* slate-800 */
  border: none;
  box-shadow: none;
  height: 8px;
}
.noUi-horizontal { height: 8px; }
.noUi-connect { background: #6366f1; } /* indigo-500 */
.noUi-handle {
  width: 26px !important;
  height: 26px !important;
  right: -13px !important;
  top: -10px !important;
  border: none;
  border-radius: 9999px;
  background: #ffffff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);
  cursor: grab;
}
.noUi-handle:active { cursor: grabbing; }
.noUi-handle::before,
.noUi-handle::after { display: none; }