.noUi-target {
  background: var(--input-bg, #f0f3fa);
  border: 2px solid var(--input-border, #b3b8c5);
  box-shadow: 0 2px 8px rgba(80,80,120,0.06);
  border-radius: var(--input-radius, 5px);
  height: 0.5rem;
}

.noUi-connect {
  background: linear-gradient(90deg, var(--header-bg, #4461a8) 0%, #198754 100%);
  border-radius: var(--input-radius, 5px);
}

.noUi-horizontal .noUi-handle {
  background: var(--header-bg, #4461a8);
  border: 2px solid var(--header-bg, #4461a8);
  box-shadow: 0 2px 8px rgba(44, 62, 80, 0.13);
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  top: -0.6rem;
  cursor: pointer;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.noUi-horizontal .noUi-handle:before, .noUi-horizontal .noUi-handle:after {
  display: none;
}

.noUi-handle:hover, .noUi-handle:focus {
  border-color: #1656b6;
  box-shadow: 0 0 0 0.15rem #4461a860;
}

.noUi-tooltip {
  background: var(--header-bg, #4461a8);
  color: #fff;
  border-radius: 6px;
  font-size: 0.95rem;
  font-weight: 600;
  padding: 2px 10px;
  box-shadow: 0 2px 8px rgba(44, 62, 80, 0.10);
  border: none;
}

.noUi-horizontal .noUi-tooltip {
  bottom: 150%;
  left: 50%;
  transform: translateX(-50%);
}