/* ─── Modern number steppers (replaces the native up/down spinners) ─── */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield;appearance:textfield}
.num-stepper{position:relative;display:inline-flex;align-items:center;vertical-align:middle;max-width:100%}
.num-stepper>input[type=number]{padding-right:15px !important}
.num-btns{position:absolute;right:2px;top:1px;bottom:1px;display:flex;flex-direction:column;justify-content:center;gap:1px;pointer-events:none}
.num-btns button{pointer-events:auto;-webkit-appearance:none;appearance:none;background:transparent;border:none;padding:0;margin:0;
  width:12px;height:9px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:2px;
  color:currentColor;opacity:.42;transition:opacity .12s,background .12s,color .12s;font-family:inherit;line-height:0}
.num-btns button svg{width:8px;height:5px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:block}
.num-btns button:hover{opacity:1;color:#00ff88;background:rgba(0,255,136,.14)}
.num-btns button:active{background:rgba(0,255,136,.26)}
.num-stepper:hover .num-btns button{opacity:.72}
.num-stepper:hover .num-btns button:hover{opacity:1}
/* ─── Modern select chevron ─── */
select{-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23888' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;background-position:right 7px center !important;background-size:9px 6px !important;
  padding-right:22px !important;cursor:pointer}
select::-ms-expand{display:none}