/* Pending items only: placed order lines keep their read-only quantity badge. */
.cashier-ticket-lines > .cashier-ticket-line {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 12px;
  padding:14px 0;
}
.cashier-ticket-lines > .cashier-ticket-line > .cashier-ticket-line-copy {
  flex:0 0 100%;
  min-width:0;
  border:0;
  border-radius:6px;
  background:transparent;
  padding:0;
  text-align:left;
  overflow-wrap:anywhere;
}
.cashier-ticket-lines > .cashier-ticket-line > .cashier-ticket-line-copy small {
  display:block;
  margin:4px 0 0;
}
.cashier-ticket-quantity {
  display:grid;
  grid-template-columns:48px minmax(48px,auto) 48px;
  flex:0 0 auto;
  align-items:stretch;
  max-width:100%;
  border:1px solid #b4d6ed;
  border-radius:12px;
  background:#fff;
  overflow:hidden;
}
.cashier-ticket-quantity > button {
  display:grid;
  place-items:center;
  min-width:48px;
  min-height:48px;
  margin:0;
  border:0;
  border-radius:0;
  padding:6px 8px;
  background:#edf7fe;
  color:#0969b5;
  font-family:inherit;
  font-size:26px;
  font-weight:700;
  line-height:1;
  cursor:pointer;
  touch-action:manipulation;
}
.cashier-ticket-quantity > .quantity-value {
  border-inline:1px solid #cde3f3;
  background:#fff;
  color:#173b57;
  font-size:18px;
  font-variant-numeric:tabular-nums;
}
.cashier-ticket-quantity .removes-item { color:#a44242; }
.cashier-ticket-quantity .control-icon { width:20px; height:20px; }
.cashier-ticket-quantity > button:hover { background:#dfeffc; }
.cashier-ticket-quantity > button:active { background:#cce5f7; }
.cashier-ticket-quantity > button:focus-visible {
  outline:3px solid #0969b5;
  outline-offset:-3px;
}
.cashier-ticket-line > .ticket-line-price {
  flex:1 0 96px;
  flex-wrap:wrap;
  margin-left:auto;
  overflow-wrap:anywhere;
  text-align:right;
}
.cashier-ticket-line > .ticket-line-price > b {
  min-width:0;
  font-variant-numeric:tabular-nums;
}
.cashier-ticket-line > .ticket-line-price > button {
  flex:0 0 44px;
  width:44px;
  height:44px;
}