dialog:has(.live-sales){width:calc(100% - 32px);max-width:1080px}.live-sales h2{font-weight:500}.sales-actions{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:18px 0}.sales-actions .formfield{max-width:260px}.sales-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sales-quote{background:#e4f3f1;border-radius:12px;padding:22px;margin:22px 0}.sales-quote h3{margin-top:0}.sales-quote>div:not(.sales-bars){display:flex;justify-content:space-between;gap:18px;margin:10px 0}.sales-quote p{line-height:1.6}.sales-total{border-top:1px solid #b6d9d6;padding-top:14px;font-size:20px}.sales-invoice{background:white;padding:38px;border:1px solid #ddd;color:#444}.sales-invoice header{display:flex;justify-content:space-between;gap:24px}.sales-invoice header img{width:110px;height:100px;object-fit:contain}.sales-invoice header h2{font-size:25px;margin:0 0 7px}.sales-invoice header p{font-size:12px;line-height:1.5}.sales-invoice .sales-invoice-heading{color:#78a4b0;font-size:36px;margin:25px 0 8px}.sales-invoice-date{color:#ff1493;font-weight:500}.sales-invoice-details{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:22px;margin:25px 0}.sales-invoice-details p{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.sales-invoice table{background:#ddd;width:100%}.sales-invoice th{color:#78a4b0;background:white}.sales-invoice-totals{max-width:440px;margin:15px 0 25px auto}.sales-invoice-totals>div{display:flex;justify-content:space-between;gap:20px;margin:10px 0}.sales-invoice-totals>div:last-child{background:#ccc;padding:10px}.sales-invoice-notes{font-size:11px;line-height:1.6}.sales-invoice-final{display:flex;justify-content:flex-end;gap:35px;color:#ff1493;margin-top:30px;font-size:22px}.sales-qr{max-width:220px;max-height:280px;object-fit:contain}.sales-bars{display:flex;gap:12px;overflow-x:auto;padding:15px 0}.sales-bar-col{min-width:62px;flex:1;text-align:center;font-size:10px}.sales-bar-col>strong{display:block;white-space:nowrap;font-size:10px}.sales-bar-track{height:145px;position:relative;background:#f9fbfa;border-bottom:1px solid #99bdb9;margin:10px 0}.sales-bar{position:absolute;bottom:0;width:80%;left:10%;background:linear-gradient(to top,#fff 0%,#2589e8 80%,#269d68 100%);background-size:100% 145px;background-position:bottom;border:1px solid #aecac3;border-bottom:0;border-radius:3px 3px 0 0}.live-sales .shared-error,.live-sales .shared-notice{padding:14px;border-radius:8px}.live-sales .shared-error{background:#fff0e9}.live-sales .shared-notice{background:#e4f3f1}@media(max-width:650px){.sales-grid{grid-template-columns:1fr}.sales-invoice{padding:18px}.sales-invoice-details{grid-template-columns:1fr}.sales-invoice-final{font-size:18px;gap:15px}.sales-invoice header img{width:75px;height:75px}.sales-invoice header h2{font-size:20px}.sales-quote{padding:16px}.live-sales>.row.between{flex-wrap:wrap;gap:12px}}

.sales-product img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px}.sales-product h3{font-size:22px;font-weight:500}.sales-product p{line-height:1.6}