.pin-order-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: var(--cream);
}
.pin-order-controls[hidden] { display: none; }
.pin-order-controls > span { color: var(--muted); font: 500 10px var(--mono); letter-spacing: .6px; }
.pin-order-controls > div { display: flex; gap: 6px; }
.pin-order-controls button {
  min-height: 36px;
  padding: 7px 10px;
  border: 1px solid var(--line);
  border-radius: 5px;
  background: #fffdf8;
  color: var(--ink);
  font: 500 12px var(--sans);
}
.pin-order-controls button:disabled { opacity: .4; cursor: default; }
@media (max-width: 380px) {
  .pin-order-controls { flex-wrap: wrap; }
  .pin-order-controls > div { width: 100%; }
  .pin-order-controls button { min-height: 44px; flex: 1; }
}