/* My Little Cashier — per-item resize handles, phone/tablet/mouse/touch */
#page-pos #packingItems>.packed-item,
#page-pos #packingItems>.packing-gift-item{
  overflow:visible!important;
  box-sizing:border-box;
  width:var(--packed-size,60px)!important;
  height:var(--packed-size,60px)!important;
  touch-action:none;
}
#packingItems .packing-resize-handle{
  position:absolute!important;
  right:-15px!important;
  bottom:-15px!important;
  width:32px!important;
  min-width:32px!important;
  height:32px!important;
  min-height:32px!important;
  border-radius:11px!important;
  border:2px solid #fff!important;
  padding:0!important;
  margin:0!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  background:#ed5a9b!important;
  color:#fff!important;
  font-family:system-ui,sans-serif!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:800!important;
  text-shadow:none!important;
  box-shadow:0 3px 9px #933f6866!important;
  cursor:nwse-resize!important;
  touch-action:none!important;
  -webkit-user-select:none!important;
  user-select:none!important;
  z-index:40!important;
  pointer-events:auto!important;
}
#packingItems .packing-selected>.packing-resize-handle{display:flex!important}
#packingItems .packing-resize-handle:focus-visible{
  display:flex!important;outline:3px solid #a94880!important;outline-offset:3px!important;
}
#packingItems .packing-selected{z-index:12!important;outline:2px dashed #f34f9f!important;outline-offset:3px!important}
#packingItems .packing-size-label{
  position:absolute;
  top:-24px;
  left:50%;
  transform:translateX(-50%);
  border-radius:20px;
  border:1px solid #ffc0d9;
  background:#fff8fc;
  color:#9b376c;
  font:700 12px/1.1 system-ui,sans-serif;
  padding:3px 8px;
  white-space:nowrap;
  box-shadow:0 2px 5px #a23d641c;
  pointer-events:none;
  display:none;
  z-index:35;
}
#packingItems .packing-selected>.packing-size-label{display:block}
#packingBoxStage.is-sealed #packingItems .packing-resize-handle,
#packingBoxStage.is-closing #packingItems .packing-resize-handle,
#packingBoxStage.is-dispatched #packingItems .packing-resize-handle,
#packingBoxStage.is-sealed #packingItems .packing-size-label,
#packingBoxStage.is-closing #packingItems .packing-size-label,
#packingBoxStage.is-dispatched #packingItems .packing-size-label{display:none!important}
#packingStation .mlc-resize-tip{
  margin:0!important;
  padding:8px 12px!important;
  font-size:clamp(14px,1.3vw,17px)!important;
  line-height:1.35!important;
  background:#fff7fc;
  border:1px solid #f7cfe0;
  border-radius:12px;
  color:#995579;
  text-align:center;
}
#packingStation .mlc-resize-tip b{color:#c54781}
@media(max-width:540px){
 #packingItems .packing-resize-handle{right:-14px!important;bottom:-14px!important;min-width:30px!important;width:30px!important;min-height:30px!important;height:30px!important}
 #packingItems .packing-size-label{font-size:11px;top:-22px}
}