/* Native number-input spin buttons render as a light/white swatch by default,
   which reads as a jarring mismatch against this app's dark theme. There's no
   direct way to set their glyph/background color, so we invert + tint the
   whole control via filter instead -- shared by both the staff (base.html)
   and customer (public_base.html) shells so "editable values" look
   consistent everywhere. */
input[type="number"] {
  -moz-appearance: textfield;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  opacity: 1;
  filter: invert(74%) sepia(24%) saturate(580%) hue-rotate(357deg) brightness(92%) contrast(92%);
  cursor: pointer;
}