.pos-heading-actions { flex-wrap: wrap; justify-content: flex-end; }
#held-sales-trigger { display: inline-flex; align-items: center; gap: 7px; }
#held-sales-count { display: inline-grid; min-width: 20px; height: 20px; padding: 0 5px; place-items: center; border-radius: 99px; background: var(--lilac-pale); color: var(--accent-strong, #654d88); font-size: 10px; font-variant-numeric: tabular-nums; }
.held-sales-dialog { position: relative; max-height: min(680px, calc(100dvh - 32px)); overflow: auto; padding: 26px; border-radius: 22px; background: var(--panel); color: var(--ink); box-shadow: 0 25px 70px rgba(0, 0, 0, .2); }
.held-sales-dialog h2 { margin: 0; font: 700 22px "Playfair Display", serif; }
.held-sales-note { margin: 9px 0 16px; color: var(--muted); font-size: 11px; line-height: 1.45; }
.held-sales-list { display: grid; gap: 8px; }
.held-sale-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px 13px; align-items: center; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: var(--bg); }
.held-sale-row b, .held-sale-row small { display: block; }
.held-sale-row b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.held-sale-row small { margin-top: 3px; color: var(--muted); font-size: 10px; }
.held-sale-row > strong { font-size: 12px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.held-sale-actions { grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: 7px; }
.held-sale-actions .secondary-button { padding: 7px 10px; font-size: 11px; }
.held-sales-empty { margin: 0; padding: 23px 12px; border: 1px dashed var(--line); border-radius: 12px; color: var(--muted); text-align: center; font-size: 11px; }
body.dark .held-sale-row { background: var(--sand); }
@media (max-width: 650px) { .pos-heading-actions { width: 100%; justify-content: flex-start; } .pos-heading-actions > * { flex: 1; } .held-sales-dialog { width: calc(100vw - 20px); padding: 20px; } }