/* Файл: client/js/Widgets/Stepper.css
   Визуальный стиль виджета Stepper (см. Widgets/Stepper.js) — компактный ряд −/число/+, рассчитан
   на тесную ячейку таблицы (как у фото GpsTovari.jpeg), поэтому не переиспользует .form-button
   (тот рассчитан на обычную кнопку формы, слишком широкую для этого контекста). */
.stepper-group {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.stepper-btn {
    width: 28px;
    height: 28px;
    line-height: 1;
    padding: 0;
    background-color: #f0f0f0;
    color: #000;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
}
.stepper-btn:hover {
    background-color: #e0e0e0;
}
.stepper-btn:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}
.stepper-input {
    width: 48px;
    height: 28px;
    text-align: center;
    font-size: var(--font-size, 14px);
    border: 1px solid #ccc;
    border-radius: 4px;
    /* Нативные браузерные стрелки number-инпута дублировали бы наши собственные кнопки −/+. */
    -moz-appearance: textfield;
    /* -webkit-appearance/appearance:none на самом инпуте (не только на спиннерах ниже) — реальный
       инцидент (обсуждение 2026-10-12): без этого iOS Safari рисует type="number" нативным системным
       контролом, который может игнорировать кастомный background-color/border из CSS/inline-style —
       программная подсветка (например подсветка синим уже выбранного товара, Ref_Products.Picker)
       корректно отрабатывала в JS (значение обновлялось), но визуально цвет фона не применялся
       именно на телефоне; на десктопе того же нативного слоя нет, там всё красилось нормально. */
    -webkit-appearance: none;
    appearance: none;
}
.stepper-input::-webkit-outer-spin-button,
.stepper-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}