/* Budget-calculator modal reuses all of lead-modal.css's overlay/dialog/
   field/button chrome (same class names) since the visual language is
   identical. This file only adds the slider-specific pieces that modal
   doesn't have. */

.budget-modal_slider-value {
  font-family: Brockmann, Arial, sans-serif;
  color: var(--text-color--text-primary, #f0f0f0);
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.budget-modal_slider {
  width: 100%;
  accent-color: var(--text-color--text-primary, #f0f0f0);
  margin: 0.25rem 0;
}

.budget-modal_slider-scale {
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
  color: var(--text-color--text-secondary, #aaa);
  margin-top: 0.25rem;
}