/* Shared row density for the card and table views of orders. */
.sales-cards-wrap{overflow-x:auto}
.sales-cards{padding:0;gap:0}
.sales-cards .sales-card.simple-sale{border:0;border-bottom:1px solid #e5e7e5;border-radius:0;box-shadow:none;padding:9px 12px;gap:10px}
.sales-cards .sales-card:nth-of-type(odd),.sales-summary-table tbody tr:nth-child(odd){background:#fff}
.sales-cards .sales-card:nth-of-type(even),.sales-summary-table tbody tr:nth-child(even){background:#f1f2f3}
.sales-cards .sales-card:hover,.sales-summary-table tbody tr:hover{background:#e9eee8}
.sales-cards .sales-card.drop-before{background:#f3f8eb;box-shadow:inset 0 3px #648d4e}
.sales-cards .sales-card.drop-after{background:#f3f8eb;box-shadow:inset 0 -3px #648d4e}
.sales-cards .sales-card:focus-visible{outline:2px solid var(--green);outline-offset:-2px}
.sales-cards .sales-card-customer{gap:2px}
.sales-cards .sales-card-position{flex-wrap:nowrap;justify-content:flex-start;gap:5px}
.sales-cards .order-drag,.sales-summary-table .order-drag{font-size:18px;padding:3px 5px;background:transparent;border-color:#d9dfd5;min-width:24px;min-height:28px}
.sales-cards .sales-lp,.sales-summary-table .sales-lp{color:#69726b}
.sales-summary-table td{padding:9px 12px}
.sales-summary-table .drag-column{width:76px;white-space:nowrap;text-align:left!important}
.sales-summary-table .drag-column>.sales-lp{display:inline-block;margin:0 5px 0 0;min-width:16px}
.sales-card-header{display:none}
@media(min-width:701px){
 .sales-cards{min-width:1000px;--sale-columns:52px minmax(145px,1.5fr) 106px minmax(90px,1fr) 76px minmax(88px,.9fr) minmax(215px,1.65fr) 24px}
 .sales-cards:has(.without-finance){min-width:540px;--sale-columns:52px minmax(145px,1.5fr) minmax(106px,1fr) 24px}
 .sales-cards .sales-card.simple-sale,.sales-cards .sales-card.simple-sale:not(.without-finance),.sales-cards .sales-card-header{display:grid;grid-template-columns:var(--sale-columns);gap:10px;align-items:center}
 .sales-cards .sales-card-header{padding:11px 12px;background:#f8f9f7;border-bottom:1px solid #dde3da;font-size:10px;color:#64705f;line-height:1.5}
 .sales-card-header>span:nth-child(n+4){text-align:right}
 .sales-cards .sales-card.simple-sale>*{grid-column:auto;grid-row:auto}
 .sales-cards .sales-card.simple-sale>.sale-metric{flex-direction:column;align-items:stretch;gap:0;text-align:right}
 .sales-cards .sale-metric>small{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .sales-cards .sale-metric .payment-balance{justify-content:flex-end;gap:9px}
 .sales-cards .sale-metric>strong,.sales-cards .payment-balance>strong{font-size:12px}
}
@media(max-width:700px){
 .sales-cards .sales-card.simple-sale:not(.without-finance),.sales-cards .sales-card.simple-sale.without-finance{grid-template-columns:32px minmax(0,1fr) minmax(0,1fr) 24px;padding:10px;gap:8px}
 .sales-cards .sales-card-position{flex-direction:column;align-self:start}
 .sales-cards .sale-metric{gap:3px}
 .sales-cards .sale-metric .payment-balance{flex-wrap:wrap;gap:7px}
}