#sales-overview { min-width: 0; }
#sales-overview .filter-toolbar { padding: 18px; align-items: end; flex-wrap: wrap; }
#sales-overview .compact-field { min-width: 160px; }
.sales-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:20px 0; }
.sales-kpi { padding:20px; border-top:4px solid #155ad0; display:flex; flex-direction:column; gap:12px; }
.sales-kpi:nth-child(2) { border-color:#119b83; }
.sales-kpi:nth-child(3) { border-color:#e2a827; }
.sales-kpi:nth-child(4) { border-color:#7e63d5; }
.sales-kpi>strong { font-size:clamp(22px,2vw,30px); line-height:1.2; overflow-wrap:anywhere; }
.sales-kpi>small { line-height:1.5; color:#526582; }
.sales-panel { margin:20px 0; min-width:0; }
.sales-panel h3 { margin:0 0 10px; font-size:19px; }
.sales-panel .table-wrap { max-width:100%; overflow:auto; }
.sales-report-table { min-width:1200px; width:100%; table-layout:fixed; }
.sales-report-table th,.sales-report-table td { vertical-align:top; padding:12px 10px; }
.sales-report-table thead th { font-size:11px; line-height:1.45; white-space:normal; }
.sales-report-table thead tr:first-child th { color:#134aa2; background:#eaf3ff; }
.sales-report-table tbody th { font-size:13px; white-space:normal; overflow-wrap:anywhere; text-align:left; }
.sales-report-table td { min-width:88px; font-size:13px; }
.sales-report-table td strong { white-space:nowrap; }
.sales-report-table [hidden] { display:none; }
.sales-total { background:#eaf3ff; font-weight:700; }
.sales-note { display:block; font-size:11px; line-height:1.5; margin-top:5px; color:#526582; white-space:normal; }
.sales-warning { color:#8b500a; }
.sales-quality { padding:16px 20px; border:1px solid #e4c16c; background:#fff8e5; border-radius:12px; font-size:13px; }
.sales-quality p { margin:7px 0; }
.sales-panel summary { cursor:pointer; font-weight:600; }
#overview-legacy { margin:24px 0; }
#overview-legacy>summary { padding:18px; cursor:pointer; font-weight:600; }
@media(max-width:1000px) { .sales-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .sales-kpis { grid-template-columns:1fr; } #sales-overview .compact-field { min-width:0; width:100%; } .sales-panel { padding:14px; } .sales-kpi { padding:16px; } }