/* Strong anti-stretch + borderless rules */
.dpg-actions{display:flex !important; align-items:center !important; gap:0 !important}
.dpg-actions .dpg-stepper,
.dpg-variant__action .dpg-stepper{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  height:24px !important;
  padding:0 !important;
  margin:0 !important;
  width:auto !important;
  max-width:max-content !important;
  background:transparent !important;
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
/* Popup stepper a touch smaller */
.dpg-variant__action .dpg-stepper{ height:22px !important }

.dpg-actions .dpg-stepper .dpg-qty,
.dpg-variant__action .dpg-stepper .dpg-qty{
  min-width:18px !important;
  text-align:center !important;
  font-weight:800 !important;
  font-size:13px !important;
  color:#0c8a2a !important;
}

.dpg-actions .dpg-stepper button,
.dpg-variant__action .dpg-stepper button{
  width:22px !important; height:22px !important;
  border:none !important; background:transparent !important;
  color:#16a34a !important; font-size:16px !important; line-height:1 !important;
  border-radius:4px !important; outline:none !important; box-shadow:none !important;
  padding:0 !important;
}

/* Prevent parent containers from forcing full-width */
.dpg-actions > * { flex:0 0 auto !important }