.number-picker { width:100%; display:grid; grid-template-columns:minmax(0,1fr); border-radius:9px; font-variant-numeric:tabular-nums; }
.number-picker button { width:100%; border:0; font:inherit; color:inherit; padding:4px 6px; cursor:pointer; }
.number-picker .picker-neighbor { min-height:38px; background:transparent; color:var(--muted); font-size:.85rem; touch-action:pan-x pinch-zoom; user-select:none; -webkit-user-select:none; -webkit-touch-callout:none; }
.number-picker .picker-value { min-height:46px; border-top:1px solid #ccdacf; border-bottom:1px solid #ccdacf; background:#edf3ec; font-size:1.25rem; font-weight:650; touch-action:pan-x pinch-zoom; user-select:none; -webkit-user-select:none; -webkit-touch-callout:none; }
.number-picker .picker-input { width:100%; min-width:0; min-height:46px; text-align:center; font-size:1.12rem; padding:8px 4px; }
.number-picker .picker-value[aria-invalid=true] { border-color:#b63125; background:#fff6f3; }
.number-picker button:disabled { color:#87968c; cursor:default; }
.number-picker.is-disabled .picker-value { background:#f0f3ef; border-color:#e0e6df; color:#61766c; font-weight:400; }
.number-picker.is-disabled .picker-neighbor { opacity:.5; }
.picker-help { margin:0 0 8px; }
@media(pointer:coarse) { .number-picker .picker-neighbor { min-height:44px; } }

/* Automatic ballast quantities are results to read, rather than wheel controls. */
.field.automatic-ballast { border:2px solid #4e8066; border-radius:10px; background:#edf5ec; padding:14px 12px; margin:10px 0; min-height:88px; }
.field.automatic-ballast label { font-weight:650; }
.field.automatic-ballast .picker-neighbor { display:none; }
.field.automatic-ballast .number-picker .picker-value:disabled { min-height:52px; background:transparent; border:0; color:#183b35; font-size:1.7rem; font-weight:750; }

.field.automatic-ballast.capacity-limited { background:#fff1d5; border-color:#e1c694; color:#73501c; }
.field.automatic-ballast.capacity-limited .hint,
.field.automatic-ballast.capacity-limited .number-picker .picker-value:disabled { color:#73501c; }