/* Keep the number field's original precision; only its visible arrows change. */
input[type="number"] { -moz-appearance: textfield; appearance: textfield; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type="number"]:not([readonly]):not(:disabled) { padding-right: 20px !important; }
.numeric-stepper { position: fixed; z-index: 24000; display: flex; flex-direction: column;
  width: 16px; box-sizing: border-box; overflow: hidden; border-radius: 3px;
  background: var(--panel2, #1e293b); border-left: 1px solid var(--border, #334155); }
.numeric-stepper[hidden] { display: none !important; }
.numeric-stepper button { display: flex; align-items: center; justify-content: center;
  flex: 1 1 0; min-width: 0; min-height: 0; width: 16px; height: auto; margin: 0; padding: 0;
  border: 0; border-radius: 0; line-height: 1; font-size: 11px;
  color: var(--muted, #aab8cc); background: transparent; cursor: pointer; touch-action: none; }
.numeric-stepper button:hover, .numeric-stepper button:active { color: var(--text, #fff);
  background: var(--border, #334155); }
.numeric-stepper button span { pointer-events: none; transform: translateY(-.5px); }