/* Door 2 — press/hold drag reordering for Customer Actions */
#toa-customize-page .toa-action-order-head small{max-width:260px;text-align:right;line-height:1.35}
#toa-customize-page .toa-action-order{position:relative}
#toa-customize-page .toa-action-order-item{
  position:relative;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 34px;
  align-items:center;
  gap:10px;
  min-height:58px;
  padding:9px 10px;
  border:1px solid rgba(144,218,255,.16);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(8,27,47,.72),rgba(4,17,31,.74));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease,opacity .16s ease;
}
#toa-customize-page .toa-action-order-name{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
}
#toa-customize-page .toa-action-order-name>span:last-child{min-width:0}
#toa-customize-page .toa-action-order-name strong{display:block;color:#eef9ff;font-size:10px;line-height:1.25;overflow-wrap:anywhere}
#toa-customize-page .toa-action-order-name small{display:block;margin-top:2px;color:#718fa5;font-size:7.5px;line-height:1.3}
#toa-customize-page .toa-order-number{
  width:23px;height:23px;flex:0 0 23px;display:grid;place-items:center;
  border:1px solid rgba(155,238,255,.30);border-radius:50%;
  color:#aeefff;font-size:7px;font-weight:900;
}
#toa-customize-page .toa-drag-handle,
#toa-customize-page .toa-order-remove{
  width:34px;height:34px;display:grid;place-items:center;padding:0!important;
  border:1px solid rgba(144,218,255,.18)!important;border-radius:10px!important;
  background:rgba(8,30,50,.64)!important;color:#cdefff!important;
  box-shadow:none!important;
}
#toa-customize-page .toa-drag-handle{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
#toa-customize-page .toa-drag-handle:active{cursor:grabbing}
#toa-customize-page .toa-drag-handle svg{width:18px;height:18px;fill:currentColor;opacity:.82}
#toa-customize-page .toa-order-remove svg{width:18px;height:18px}
#toa-customize-page .toa-drag-handle:hover,
#toa-customize-page .toa-drag-handle:focus-visible{border-color:rgba(155,238,255,.60)!important;background:rgba(16,54,84,.78)!important;color:#f2fcff!important}
#toa-customize-page .toa-order-remove:hover,
#toa-customize-page .toa-order-remove:focus-visible{border-color:rgba(255,181,192,.42)!important;background:rgba(79,30,45,.55)!important;color:#ffdce3!important}
#toa-customize-page .toa-action-order.is-sorting .toa-action-order-item:not(.is-dragging){transition:transform .12s ease,border-color .12s ease,background .12s ease}
#toa-customize-page .toa-action-order-item.is-dragging{
  z-index:9;
  border-color:rgba(155,238,255,.82);
  background:linear-gradient(135deg,rgba(13,53,86,.96),rgba(12,35,69,.95));
  box-shadow:0 18px 42px rgba(0,0,0,.38),0 0 0 1px rgba(155,238,255,.20),0 0 30px rgba(54,177,255,.16);
  transform:scale(1.018);
  cursor:grabbing;
}
body.toa-action-dragging{user-select:none;-webkit-user-select:none}
body.toa-action-dragging *{cursor:grabbing!important}

@media(max-width:780px){
  #toa-customize-page .toa-action-order-head{align-items:flex-start}
  #toa-customize-page .toa-action-order-head small{max-width:190px}
  #toa-customize-page .toa-action-order-item{grid-template-columns:42px minmax(0,1fr) 40px;min-height:64px;padding:10px}
  #toa-customize-page .toa-drag-handle,#toa-customize-page .toa-order-remove{width:40px;height:40px;border-radius:12px!important}
  #toa-customize-page .toa-drag-handle svg,#toa-customize-page .toa-order-remove svg{width:20px;height:20px}
}

@media(prefers-reduced-motion:reduce){
  #toa-customize-page .toa-action-order-item{transition:none!important}
}