.sales-filters { display: flex; flex-wrap: wrap; gap: 14px; align-items: flex-end; margin: 25px 0; }
.sales-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 25px 0; }
.sales-summary > div { display: grid; gap: 8px; padding: 22px; background: #eaece4; border-radius: 12px; }
.sales-summary strong { font-size: 1.8rem; }
.sale-sheet { margin: 25px 0; background: #fff; padding: 26px; border: 1px solid #e7e5df; border-radius: 14px; }
.sale-sheet h2 { font-size: 1.4rem; margin: 0; }
.sales-prepare { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 20px 0; }
.sales-prepare input[type="text"] { max-width: 340px; }
.payment-reference { overflow-wrap: anywhere; }
@media (max-width: 700px) { .sales-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sale-sheet { padding: 16px; } }
@media print {
    .site-header, .site-footer, .no-print { display: none !important; }
    body { background: #fff; color: #000; }
    .main-content { width: 100%; max-width: none; padding: 0; }
    .sale-sheet { break-before: auto; padding: 14px 0; border: 0; border-top: 1px solid #999; }
    .sale-sheet .page-heading, .sale-sheet h2 { break-after: avoid; }
    .sale-sheet tr, .sales-summary { break-inside: avoid; }
    .table-responsive { overflow: visible; }
    .sale-sheet table { font-size: 10pt; }
    .sale-sheet td { overflow-wrap: anywhere; }
    .sale-sheet thead { display: table-header-group; }
    .picking-sheet { break-before: page; }
}