/* SmileDice v25.12.25 — Add Pick stake/confidence palette only.
   Visual CSS only: no input values, validation, odds, estimate or submission changes. */

#sport-screen #sp-view-create .sp-ap-forecast-stake {
  border-color: #315e83 !important;
  background: linear-gradient(135deg, #0c213c, #102b49) !important;
  box-shadow: inset 0 1px 0 #5fcde21c !important;
}

#sport-screen #sp-view-create .sp-ap-forecast-stake label {
  color: #c5def1 !important;
}

#sport-screen #sp-view-create .sp-ap-forecast-stake output {
  color: #39f1d2 !important;
  text-shadow: 0 0 10px #13d4d74a !important;
}

/* Preserve native keyboard/stepper support, but remove the white spinner skin. */
#sport-screen #sp-view-create .sp-ap-forecast-stake input[name="stake_units"] {
  color-scheme: dark !important;
  background: #081b34 !important;
  border-color: #3984a3 !important;
  color: #f3faff !important;
  box-shadow: inset 0 1px 5px #020a2080 !important;
}
#sport-screen #sp-view-create .sp-ap-forecast-stake input[name="stake_units"]:focus-visible {
  outline: 2px solid #37f2dd !important;
  outline-offset: 2px !important;
}

/* Custom dark-cyan track makes white browser-default bars impossible. */
#sport-screen #sp-view-create .sp-ap-forecast-stake input[type="range"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  color-scheme: dark !important;
  accent-color: #30ebd0 !important;
  display: block !important;
  width: 100% !important;
  height: 27px !important;
  min-height: 27px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 99px !important;
  background: transparent !important;
  cursor: pointer !important;
}
#sport-screen #sp-view-create .sp-ap-forecast-stake input[type="range"]::-webkit-slider-runnable-track {
  height: 8px;
  border: 1px solid #38789a;
  border-radius: 99px;
  background: linear-gradient(90deg, #0a5771 0%, #125b74 46%, #122f51 100%);
  box-shadow: inset 0 1px 4px #031124ae, 0 0 6px #24b8d62e;
}
#sport-screen #sp-view-create .sp-ap-forecast-stake input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 19px;
  height: 19px;
  margin-top: -6.5px;
  border: 2px solid #c2fff7;
  border-radius: 50%;
  background: linear-gradient(145deg, #84fff2 0%, #22e8d2 60%, #04a5c8 100%);
  box-shadow: 0 0 0 3px #1ae6cc2e, 0 0 13px #2bfae59c;
}
#sport-screen #sp-view-create .sp-ap-forecast-stake input[type="range"]::-moz-range-track {
  height: 8px;
  border: 1px solid #38789a;
  border-radius: 99px;
  background: #122f51;
  box-shadow: inset 0 1px 4px #031124ae;
}
#sport-screen #sp-view-create .sp-ap-forecast-stake input[type="range"]::-moz-range-progress {
  height: 8px;
  border-radius: 99px;
  background: linear-gradient(90deg, #0da7d7, #29eacc);
}
#sport-screen #sp-view-create .sp-ap-forecast-stake input[type="range"]::-moz-range-thumb {
  width: 17px;
  height: 17px;
  border: 2px solid #c2fff7;
  border-radius: 50%;
  background: linear-gradient(145deg, #84fff2, #22e8d2 60%, #04a5c8);
  box-shadow: 0 0 0 3px #1ae6cc2e, 0 0 13px #2bfae59c;
}
#sport-screen #sp-view-create .sp-ap-forecast-stake input[type="range"]:focus-visible {
  outline: 2px solid #38efdb !important;
  outline-offset: 2px !important;
}