.sales-summary-cards{display:flex;flex-wrap:wrap;gap:16px;margin:12px 0}
.sales-summary-card{flex:1;min-width:160px;border:1px solid var(--line,#ddd);border-radius:10px;padding:14px 16px;background:#fff}
.sales-summary-label{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted,#666)}
.sales-summary-value{display:block;font-size:1.6rem;font-weight:800;margin-top:4px}
.sales-summary-delta{display:block;font-size:.82rem;color:var(--muted,#666);margin-top:2px}
.sales-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:760px){.sales-panel-grid{grid-template-columns:1fr}}
.sales-chart{display:block;width:100%;height:140px;margin-bottom:4px}
.sales-chart-labels{display:flex;width:100%}
.sales-chart-labels span{flex:1;min-width:0;text-align:center;font-size:.75rem;color:var(--muted,#666);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sales-bar-chart{width:100%;margin:8px 0}
.sales-bar-row{display:flex;align-items:center;gap:10px;padding:4px 0}
.sales-bar-row-label{width:130px;flex-shrink:0;color:var(--muted,#666);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem}
.sales-bar-row-track{flex:1;height:18px;background:var(--canvas,#f4f2ee);border-radius:4px;overflow:hidden;border:1px solid var(--line,#ddd)}
.sales-bar-row-fill{height:100%;border-radius:4px;background:#d71920;transition:width .4s ease}
.sales-bar-row-val{width:80px;flex-shrink:0;text-align:right;font-weight:700;font-size:.82rem}
#month-input,#backfill-since{padding:8px;border:1px solid #aaa;border-radius:7px;background:#fff;font:inherit}