.sales-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.sales-wide { grid-column:1 / -1; }
.sales-field { display:flex; flex-direction:column; gap:5px; font-size:13px; min-width:0; }
.sales-filters { display:flex; flex-wrap:wrap; gap:12px; align-items:end; margin:20px 0; }
.sales-filters .sales-field { flex:1 1 140px; }
.sales-filters button { height:38px; width:42px; }
.sales-pagination { display:flex; align-items:center; justify-content:flex-end; gap:16px; }
.sales-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; border-block:1px solid #dae1e7; padding:20px 0; }
.sales-metrics strong { display:block; font-size:22px; overflow-wrap:anywhere; }
.sales-metrics small { color:#586577; }
.sales-detail { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.sales-detail dt { font-size:12px; color:#687485; }
.sales-detail dd { overflow-wrap:anywhere; }
.sales-document { padding:16px; overflow-wrap:anywhere; }
.sales-document h2 { color:#2447bd; font-size:24px; }
.sales-document h3 { font-size:20px; }
@media(max-width:600px){.sales-grid,.sales-detail{grid-template-columns:minmax(0,1fr)}.sales-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-metrics strong{font-size:18px}.sales-document{padding:0}}