@media screen {
  :root { --paper:#f4f6fa; --line:#dce3ed; --accent:#245bd7; --muted:#526176; }
  body { background:var(--paper); }
  .report-main { padding:28px clamp(20px,3vw,48px) 0; background:none; }
  .report-header { min-height:0; padding:0 0 24px; margin-bottom:24px; align-items:center; background:none; border-bottom:1px solid var(--line); border-radius:0; box-shadow:none; }
  .report-header:after { display:none; }
  .report-header h1 { font-size:clamp(30px,3vw,40px); letter-spacing:-1.4px; line-height:1.2; }
  .report-header p { font-size:13px; margin-bottom:0; }
  .report-header .section-label { text-transform:none; letter-spacing:0; font-size:12px; font-weight:600; }
  .header-actions { align-items:center; }
  .header-actions .badge { letter-spacing:0; text-transform:none; font-size:11px; }
  .header-actions .button { background:#fff; border-color:var(--line); }
  .side-link.selected { background:#233656; box-shadow:none; }
  .sidebar-note, .sidebar-bottom p { color:#a0aec2; }
  .button { min-height:44px; border-radius:9px; font-size:12px; }
  .button.primary { background:var(--accent); }
  .button.primary:hover:not(:disabled) { background:#1b49b4; }
  input, select { min-height:44px; min-width:0; border-color:var(--line); border-radius:8px; }
  a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible, [tabindex]:focus-visible { outline:3px solid #245bd7; outline-offset:3px; }
  .preview-banner { gap:12px 18px; padding:14px 18px; border-radius:10px; box-shadow:none; flex-wrap:wrap; }
  .preview-banner strong, .preview-banner span { font-size:12px; line-height:1.6; }
  .preview-banner .button { margin-left:auto; }
  .filter-panel { display:grid; grid-template-columns:minmax(160px,1.3fr) repeat(3,minmax(120px,1fr)) auto; gap:14px; padding:20px; }
  .filter-panel input, .filter-panel select { width:100%; }
  .business-picker { width:100%; min-width:0; }
  .business-picker summary { min-height:44px; display:flex; align-items:center; padding:10px 12px; }
  .business-picker fieldset { z-index:10; max-width:min(340px,calc(100vw - 48px)); max-height:320px; overflow-y:auto; }
  .report-toolbar { align-items:center; gap:16px; padding:4px 0; margin:22px 0 18px; }
  #report-caption { display:grid; gap:5px; margin:0; line-height:1.5; }
  #report-caption strong { color:var(--ink); font-size:15px; font-weight:650; }
  #report-caption span { color:var(--muted); font-size:11px; }
  .report-toolbar>div { display:flex; gap:8px; flex-wrap:wrap; }
  #print-button { border-color:#b9cbed; color:#204fb6; background:#edf3ff; }
  .report-tabs { position:sticky; top:0; z-index:4; gap:4px; padding:6px; margin:0 0 24px; border:1px solid var(--line); border-radius:12px; background:#fff; box-shadow:0 4px 12px #172b4d06; }
  .report-tabs [role=tab] { min-height:46px; border-radius:7px; font-size:13px; padding:12px 16px; color:var(--muted); }
  .report-tabs [role=tab][aria-selected=true] { color:#fff; background:var(--accent); border-color:var(--accent); box-shadow:none; }
  .report-tabs [role=tab][aria-selected=true] .tab-number { color:#dbe8ff; }
  .tab-number { color:#65758e; }
  .section-heading { margin:24px 0 18px; }
  .section-heading h2 { font-size:25px; margin:6px 0 0; letter-spacing:-.6px; }
  .section-heading .section-label { text-transform:none; letter-spacing:0; font-size:12px; font-weight:600; }
  .metric-grid { gap:14px; margin-bottom:20px; }
  .metric { border:1px solid var(--line); border-radius:12px; padding:22px 18px; background:#fff; box-shadow:none; min-width:0; }
  .metric:first-child { background:#edf3ff; border-color:#bfd2f5; }
  .metric:nth-child(3) { border-top:3px solid #d79b3c; }
  .metric:nth-child(4) { border-top:3px solid #d87a72; }
  .metric>span { display:block; font-size:12px; line-height:1.5; min-height:36px; color:var(--muted); }
  .metric strong { font-size:clamp(22px,2.05vw,32px); line-height:1.3; margin:10px 0; letter-spacing:-.8px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
  .metric small { font-size:11px; line-height:1.6; color:var(--muted); }
  .focus-strip { border:1px solid #d6e2f7; border-left:4px solid var(--accent); border-radius:10px; padding:18px 22px; margin:0 0 20px; background:#edf3ff; box-shadow:none; }
  .focus-strip strong { font-size:20px; }
  .report-panel { padding:24px; border-radius:12px; border-color:var(--line); box-shadow:none; margin-bottom:20px; }
  .report-panel h2 { font-size:20px; }
  .panel-heading { align-items:start; }
  .panel-heading p { font-size:12px; }
  .panel-heading>span { font-size:11px; line-height:1.6; }
  .two-column { grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); gap:20px; }
  .two-column>* { min-width:0; }
  .highlight-grid { gap:20px; }
  .stat-line { gap:14px; line-height:1.6; }
  .stat-line strong { font-variant-numeric:tabular-nums; text-align:right; }
  .small-note { font-size:11px; line-height:1.75; }
  .customer-panel { padding:0; }
  .customer-panel>summary { display:flex; align-items:center; justify-content:space-between; gap:20px; list-style:none; padding:20px 24px; cursor:pointer; }
  .customer-panel>summary::-webkit-details-marker { display:none; }
  .customer-panel>summary strong { display:block; font-family:Outfit,sans-serif; font-size:20px; font-weight:600; }
  .customer-panel>summary>span>span { display:block; font-size:12px; line-height:1.6; color:var(--muted); margin-top:4px; }
  .disclosure-action { display:grid; place-items:center; flex-shrink:0; width:32px; height:32px; border:1px solid var(--line); border-radius:50%; color:var(--accent); }
  .disclosure-action:after { content:'+'; font-size:22px; }
  .customer-panel[open] .disclosure-action:after { content:'-'; }
  .customer-details { padding:0 24px 20px; border-top:1px solid var(--line); }
  .customer-details>p:first-child { padding-top:12px; font-size:12px; }
  .customer-metrics .stat-line { background:#f7f9fc; border-color:var(--line); }
  .customer-metrics .stat-line strong { text-align:left; font-size:20px; }
  .table-scroll { max-width:100%; border:1px solid var(--line); border-radius:8px; overscroll-behavior-x:contain; }
  table { font-size:12px; }
  thead th { background:#f1f5fa; color:#47586f; font-weight:650; white-space:nowrap; }
  th, td { padding:13px 14px; line-height:1.6; }
  tbody tr:hover { background:#f5f8ff; }
  td { font-variant-numeric:tabular-nums; }
  .report-panel .table-scroll+p { margin-bottom:0; }
  .employee-controls { gap:12px; }
  .employee-card { border-radius:12px; box-shadow:none; }
  [role=tabpanel], .report-panel { scroll-margin-top:84px; }
  .empty-copy { padding:18px; border:1px dashed var(--line); border-radius:8px; background:#f8fafc; line-height:1.7; }
}
@media screen and (max-width:1200px) {
  .report-header { align-items:start; flex-direction:column; gap:16px; }
  .header-actions { justify-content:start; }
  .filter-panel { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .filter-panel>.button { grid-column:1/-1; }
  .metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .metric strong { font-size:30px; }
  .metric>span { min-height:0; }
  .report-toolbar { align-items:start; flex-direction:column; }
  .two-column { grid-template-columns:minmax(0,1fr); }
}
@media screen and (max-width:900px) {
  .report-main { width:100%; margin-left:0; }
  .report-sidebar { display:none; }
  .mobile-links { display:flex; flex-wrap:wrap; gap:6px; padding-bottom:18px; }
  .mobile-links a { min-height:44px; display:inline-flex; align-items:center; padding:10px 14px; border:1px solid var(--line); border-radius:8px; text-decoration:none; font-size:12px; background:#fff; }
  .mobile-links [aria-current=page] { color:#fff; background:var(--accent); border-color:var(--accent); }
  .report-tabs [role=tab] { padding:12px; font-size:12px; }
}
@media screen and (max-width:600px) {
  .report-main { padding:22px 16px 0; }
  .report-header { padding-bottom:20px; margin-bottom:16px; }
  .report-header h1 { font-size:32px; letter-spacing:-1px; }
  .report-header p { line-height:1.7; }
  .preview-banner { align-items:start; gap:8px; padding:14px; }
  .preview-banner strong, .preview-banner span { width:100%; }
  .preview-banner .button { margin:4px 0 0; }
  .report-toolbar { margin-top:18px; }
  .report-toolbar>div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; gap:6px; }
  .report-toolbar .button { padding:9px 6px; font-size:11px; }
  .report-tabs { overflow-x:auto; justify-content:start; margin-bottom:20px; }
  .report-tabs [role=tab] { flex:0 0 auto; min-width:max-content; min-height:44px; padding:10px 13px; }
  .section-heading h2 { font-size:23px; }
  .metric-grid { gap:10px; }
  .metric { padding:16px 12px; }
  .metric>span { min-height:36px; font-size:11px; }
  .metric strong { font-size:clamp(19px,5.4vw,29px); letter-spacing:-.7px; }
  .metric small { font-size:10px; }
  .focus-strip { padding:16px; }
  .focus-strip strong { font-size:18px; }
  .report-panel { padding:18px 16px; }
  .customer-panel { padding:0; }
  .customer-panel>summary { padding:18px 16px; gap:12px; }
  .customer-details { padding:0 16px 18px; }
  .customer-metrics { grid-template-columns:1fr; }
  .filter-panel { padding:16px; gap:12px; }
  .filter-panel .business-picker, .filter-panel>label:first-of-type { grid-column:1/-1; }
  .panel-heading { flex-wrap:wrap; gap:12px; }
  .panel-heading label { width:100%; }
  .stat-line { flex-wrap:wrap; gap:4px 12px; }
  .highlight-grid { grid-template-columns:1fr; }
  th, td { padding:12px; }
}
@media print {
  .customer-panel>summary { list-style:none; }
  .customer-panel .customer-details { display:block !important; }
  .disclosure-action { display:none; }
}