.sales-page .transaction-status { display:inline-flex; align-items:center; gap:.3rem; padding:.28rem .55rem; border-radius:999px; font-size:.68rem; font-weight:850; }
.sales-page .transaction-status::before { content:""; width:.38rem; height:.38rem; border-radius:50%; }
.sales-page .transaction-status.pending { background:#fff0d5; color:#9d6210; }
.sales-page .transaction-status.pending::before { background:#d88a1b; }
.sales-page .transaction-status.complete { background:#e3f5eb; color:#267254; }
.sales-page .transaction-status.complete::before { background:#2f9870; }
.sales-page .outstanding-label { color:#b46c13!important; font-weight:750; }
.sales-page .queue-pagination { display:flex; align-items:center; justify-content:space-between; padding:.8rem 1rem; border-top:1px solid #e4eaf3; background:#f7faff; color:#738097; font-size:.72rem; }
.sales-page .queue-pagination div { display:flex; gap:.45rem; }
.sales-page .queue-pagination button { padding:.45rem .7rem; border:1px solid #d5dfed; border-radius:.55rem; background:#fff; color:#416aaa; font:inherit; font-weight:800; cursor:pointer; }
.sales-page .queue-pagination button:disabled { cursor:default; opacity:.45; }
.sales-page .detail-pagination { display:flex; align-items:center; justify-content:space-between; margin-top:.65rem; padding-top:.65rem; border-top:1px solid #edf1f5; color:#7c899c; font-size:.68rem; }
.sales-page .detail-pagination div { display:flex; gap:.35rem; }
.sales-page .detail-pagination button { width:1.8rem; height:1.65rem; border:1px solid #d7e1ee; border-radius:.45rem; background:#f8fbff; color:#416aaa; font-weight:900; cursor:pointer; }
.sales-page .detail-pagination button:disabled { cursor:default; opacity:.4; }
.sales-page .detail-items-heading { display:flex; align-items:center; justify-content:space-between; gap:.5rem; margin-bottom:.55rem; }
.sales-page .detail-items-heading h3 { margin:0; }
.sales-page .detail-items-heading span { padding:.2rem .45rem; border-radius:999px; background:#eaf2ff; color:#416aaa; font-size:.64rem; font-weight:850; }
.sales-page .detail-item-search { position:relative; display:block; margin-bottom:.4rem; }
.sales-page .detail-item-search span { position:absolute; left:.65rem; top:50%; transform:translateY(-50%); color:#7183a1; }
.sales-page .detail-item-search input { width:100%; height:2.25rem; padding:0 .65rem 0 1.9rem; border:1px solid #d7e1ee; border-radius:.6rem; background:#f8fbff; color:#29405f; font:inherit; font-size:.72rem; }
.sales-page .detail-item-search input:focus { outline:2px solid rgba(100,149,237,.22); border-color:#7da2df; }
.sales-page .detail-empty { padding:1.2rem .5rem; color:#8290a5; font-size:.72rem; text-align:center; }