#salesReportView .staff-header,#salesReportView .sales-report-wrap { max-width:1400px; width:calc(100% - 32px); margin-left:auto; margin-right:auto; }
#salesReportView .staff-header p { margin:7px 0 0; color:#d4c8b5; font-size:15px; }
.sales-report-wrap { padding:22px; margin-bottom:28px; }
.sales-report-toolbar { display:flex; gap:14px; align-items:end; flex-wrap:wrap; }
.sales-report-toolbar label { display:grid; gap:6px; min-width:180px; color:#d7c8af; font-size:14px; font-weight:700; }
.sales-report-toolbar input { min-height:46px; padding:8px 11px; border:1px solid #887252; border-radius:8px; background:#171d1a; color:#f5eedf; font-size:16px; }
.sales-report-toolbar button { min-height:46px; padding:9px 18px; border:1px solid #d4aa69; border-radius:8px; background:#d4aa69; color:#211b15; font:700 15px inherit; cursor:pointer; }
.sales-report-toolbar button:disabled { opacity:.6; cursor:wait; }
#salesReportStatus { min-height:24px; margin:14px 0; color:#ddc8a7; font-size:14px; }
.sales-kpis { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.sales-kpis article,.sales-breakdown section,.sales-tables section { border:1px solid #73624d; border-radius:10px; background:#1c2420; }
.sales-kpis article { display:grid; gap:8px; padding:18px; }
.sales-kpis span { color:#c9bfaf; font-size:14px; }
.sales-kpis b { color:#f2d39f; font-size:clamp(24px,3vw,34px); font-variant-numeric:tabular-nums; }
.sales-breakdown { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:12px; }
.sales-breakdown section,.sales-tables section { padding:16px 18px; }
.sales-breakdown h2,.sales-tables h2 { margin:0 0 14px; color:#f1d4a5; font-size:18px; }
.sales-breakdown p { display:flex; justify-content:space-between; gap:10px; margin:8px 0; color:#eee8dc; }
.sales-breakdown b { font-variant-numeric:tabular-nums; }
.sales-tables { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:12px; }
.sales-tables section { min-width:0; overflow-x:auto; }
.sales-tables table { width:100%; border-collapse:collapse; color:#f0e9dc; font-size:14px; }
.sales-tables th,.sales-tables td { padding:10px 8px; border-bottom:1px solid #ffffff20; text-align:left; }
.sales-tables th:not(:first-child),.sales-tables td:not(:first-child) { text-align:right; font-variant-numeric:tabular-nums; }
.sales-tables thead { color:#d5b47d; }
.sales-report-note { margin:16px 0 0; color:#c9bdac; font-size:13px; line-height:1.6; }
@media(max-width:760px){.sales-kpis,.sales-breakdown,.sales-tables { grid-template-columns:1fr; }.sales-report-toolbar label { flex:1 1 160px; min-width:0; }.sales-report-wrap { padding:14px; }}