/* Compact order footer: long action explanations belong in labels/tooltips,
   not in a narrow tile that stretches every adjacent action. */
.cashier-reference-actions,
.cashier-reference-actions:has(.cashier-reopen-order){
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(76px,1fr);
  align-items:center;
  justify-content:stretch;
  flex-wrap:nowrap;
  gap:4px;
  min-height:0;
  padding:8px 12px;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scrollbar-width:thin;
}
.cashier-reference-actions>button,
.cashier-reference-actions>button.cashier-reopen-order{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  grid-column:auto;
  flex:none;
  gap:2px;
  width:100%;
  min-width:0;
  height:72px;
  min-height:72px;
  margin:0;
  padding:3px;
  border:0;
  border-radius:7px;
  background:#fff;
  color:var(--brand-primary);
  text-align:center;
  line-height:1.2;
}
.cashier-reference-actions>button .control-icon{flex:none;width:24px;height:24px}
.cashier-reference-actions>button>span{font-size:11px;line-height:12px;white-space:normal;overflow-wrap:normal}
.cashier-reference-actions>button>small,
.cashier-reference-actions>button.cashier-cancel-order>small{font-size:9px;line-height:11px;white-space:nowrap}
.cashier-reference-actions>button.pay{background:var(--brand-primary);color:#fff}
.cashier-reference-actions>button.cashier-cancel-order,
.cashier-reference-actions>button.cashier-refund-payment{color:#b43a30}
.cashier-reference-actions>button:focus-visible{outline:2px solid var(--brand-primary);outline-offset:-2px}
.cashier-reference-actions>button:disabled{opacity:.6;cursor:not-allowed}
/* Paid bills have several actions; keep each one inside the receipt pane. */
.cashier-reference-actions:has(>button:nth-child(4)){
  grid-auto-flow:row;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-columns:auto;
  overflow-x:visible;
}