#shopAdminOrders .order-quantity-stepper{display:flex;align-items:center;gap:5px}
#shopAdminOrders .order-quantity-stepper input{min-width:0;width:58px;text-align:center}
#shopAdminOrders .order-quantity-stepper button{padding:0;width:36px;min-width:36px;height:40px;font-size:20px}
#shopAdminOrders .order-edit-item{grid-template-columns:minmax(100px,1fr) auto auto auto;gap:8px}
#shopAdminOrders .order-change-preview{display:grid;gap:7px;padding:15px;margin-top:16px;border:1px solid #5c799d;border-radius:12px;background:#233249;color:#e4efff}
#shopAdminOrders .order-change-preview>b{font-size:13px}
#shopAdminOrders .order-change-preview>strong{font-size:16px;margin-top:5px}
#shopAdminOrders .order-change-preview>small{font-size:11px;color:#afc2d9;line-height:1.5}
#shopAdminOrders .order-change-preview .is-added{color:#98e4ba;font-size:12px}
#shopAdminOrders .order-change-preview .is-removed{color:#ffb6c4;font-size:12px}
#shopAdminOrders .order-replace-panel{display:grid;grid-template-columns:minmax(0,1fr) 110px auto auto;gap:9px;padding:12px;border:1px solid #7298c6;border-radius:12px;background:#25364c;margin:8px 0}
#shopAdminOrders .order-replace-panel>b{grid-column:1/-1;font-size:13px}
#shopAdminOrders .order-replace-panel label{display:grid;gap:6px;font-size:12px;min-width:0}
#shopAdminOrders .order-replace-panel select,#shopAdminOrders .order-replace-panel input{width:100%;min-width:0;background:#172333;color:#e0edff;border:1px solid #557395;padding:9px;border-radius:8px}
@media(max-width:720px){
  #shopAdminOrders .order-edit-item{grid-template-columns:1fr 1fr;gap:10px}
  #shopAdminOrders .order-edit-item>div:first-child{grid-column:1/-1}
  #shopAdminOrders .order-quantity-stepper button{height:44px}
  #shopAdminOrders .order-edit-item>.btn{min-height:44px}
  #shopAdminOrders .order-replace-panel{grid-template-columns:1fr 1fr}
  #shopAdminOrders .order-replace-panel>label:first-of-type{grid-column:1/-1}
}
