.reports-page{padding-top:16px}
.reports-message{max-width:640px}
.reports-message[hidden],.reports-grid .report-card[hidden],#reportsContent[hidden],.commission-dashboard[hidden],.financial-report[hidden]{display:none}
.reports-message h2{margin:0 0 8px}
.reports-message p{margin:0;color:#66758c}
.reports-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
.report-card{min-height:225px;display:flex;flex-direction:column;align-items:flex-start}
.report-card h3{font-size:19px;margin:14px 0 8px}
.report-card p{margin:0;color:#66758c;line-height:1.5}
.report-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:#eaf3ff;color:#0b61dc;font-size:25px;font-weight:800}

.report-open{margin-top:auto;min-width:0!important;height:42px!important}
.commission-dashboard,.financial-report{margin-top:22px}
.report-section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.report-section-header h3{font-size:22px;margin:0 0 6px}
.report-section-header p{margin:0;color:#66758c;max-width:760px;line-height:1.5}
.report-header-actions{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.report-header-actions label,.financial-filters label,.history-filters label{margin:0;color:#405575;font-size:12px;font-weight:700;display:grid;gap:5px}
.report-header-actions select,.financial-filters select,.financial-filters input,.history-filters input{min-height:40px}
.report-status{min-height:24px;color:#405575;margin:18px 0}
.commission-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 22px}
.metric-card{border:1px solid #e2e9f2;border-radius:12px;padding:16px;background:#fbfcfe;display:grid;gap:6px}
.metric-card span{color:#5e6f86;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.metric-card strong{font-size:24px;color:#1f3048}
.metric-card small{color:#66758c;line-height:1.4}
.metric-approved{border-left:4px solid #2e7d32}
.metric-action{border-left:4px solid #d98b00}
.metric-pipeline{border-left:4px solid #0b61dc}
.commission-stage{border-top:1px solid #e5ebf2;padding-top:20px;margin-top:22px}
.stage-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;margin-bottom:10px}
.stage-heading h4{margin:0 0 5px;font-size:18px}
.stage-heading p{margin:0;color:#66758c;max-width:760px}
.stage-heading>strong{font-size:20px;color:#1f3048}
.history-heading{align-items:flex-end}
.history-filters,.financial-filters{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}
.history-summary,.financial-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
.history-summary>div,.financial-summary-grid>div{border:1px solid #e5ebf2;border-radius:10px;padding:12px;background:#f8fafc;display:grid;gap:4px}
.history-summary span,.financial-summary-grid span{color:#66758c;font-size:12px}
.history-summary strong,.financial-summary-grid strong{font-size:18px;color:#1f3048}
.payroll-history-list{display:grid;gap:14px}
.payroll-history-card{border:1px solid #e3e9f1;border-radius:10px;overflow:hidden;background:#fff}
.payroll-history-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:#f7f9fc}
.payroll-history-head>div{display:grid;gap:3px}.payroll-history-head span{font-size:12px;color:#66758c}.payroll-history-head>strong{font-size:18px}
.payroll-history-balance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px 16px;border-bottom:1px solid #e5ebf2;color:#405575;font-size:12px}
.history-empty{padding:18px;border:1px dashed #cfd9e6;border-radius:10px;color:#66758c;background:#fbfcfe}
.reports-table-wrap{max-width:100%;overflow-x:auto}
.reports-table{width:100%;border-collapse:collapse;min-width:650px;text-align:left}
.reports-table th,.reports-table td{padding:10px;border-bottom:1px solid #e5ebf2;white-space:nowrap;font-size:13px}
.reports-table th{background:#f5f8fc;color:#405575}
.reports-table .empty-row{color:#66758c;padding:16px}
.compact-table{min-width:520px}
.financial-filters{margin:18px 0}
.financial-summary-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
.cost-basis{display:inline-block;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800}.cost-basis.actual{background:#e9f6ec;color:#28733a}.cost-basis.estimated{background:#fff4df;color:#9b6500}
.print-meta{display:none}
@media(max-width:1050px){.commission-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.financial-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.reports-grid,.commission-summary-grid,.history-summary,.financial-summary-grid,.payroll-history-balance{grid-template-columns:1fr}.report-section-header,.stage-heading,.payroll-history-head{align-items:stretch}.report-header-actions,.history-filters,.financial-filters{display:grid;grid-template-columns:1fr;width:100%}.report-header-actions .btn,.history-filters .btn,.financial-filters .btn{width:100%}}
@media print{.sidebar,.topbar,.reports-grid,.page-heading,.report-header-actions,.financial-filters,#commissionDashboardReport,#reportsLoading,#reportsDenied,#financialReportStatus,#printFinancialReport{display:none!important}.app-shell{margin:0!important}.reports-page{padding:0!important}.financial-report{display:block!important;border:none!important;box-shadow:none!important}.print-meta{display:grid;gap:3px;margin:8px 0 14px;color:#405575;font-size:12px}.reports-table{font-size:10px;min-width:0}.reports-table th,.reports-table td{font-size:9px;padding:5px}.financial-summary-grid{grid-template-columns:repeat(4,1fr)}}


/* Legacy commissions + weekly blended margin */
.legacy-entry-panel{margin:10px 0 22px;border:1px solid #e6d6ad;border-left:5px solid #c9972b;border-radius:12px;background:#fffaf0;padding:18px}
.legacy-entry-panel[hidden]{display:none}
.legacy-entry-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.legacy-entry-head h4{margin:8px 0 4px;font-size:19px;color:#24344d}
.legacy-entry-head p{margin:0;color:#6b7280;line-height:1.45;max-width:820px}
.legacy-badge,.commission-source{display:inline-flex;align-items:center;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.05em;padding:4px 8px}
.legacy-badge,.commission-source.legacy{background:#fff0c7;color:#8a5a00;border:1px solid #f0d186}
.commission-source.new-system{background:#eaf3ff;color:#0b61dc;border:1px solid #cfe0fa}
.legacy-close{border:0;background:transparent;font-size:26px;line-height:1;color:#7a8798;cursor:pointer;padding:0 4px}
.legacy-entry-grid{display:grid;grid-template-columns:2fr repeat(3,minmax(150px,1fr));gap:12px;margin-top:16px}
.legacy-entry-grid label,.weekly-date-control{display:grid;gap:5px;color:#405575;font-size:12px;font-weight:700}
.legacy-entry-grid input,.weekly-date-control input{min-height:42px;border:1px solid #cfd9e6;border-radius:7px;padding:8px 10px;background:#fff}
.legacy-calculation-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}
.legacy-calculation-strip>div{background:#fff;border:1px solid #eadfca;border-radius:9px;padding:11px;display:grid;gap:4px}
.legacy-calculation-strip span{font-size:11px;color:#6b7280;text-transform:uppercase;font-weight:800}
.legacy-calculation-strip strong{font-size:18px;color:#24344d}
.legacy-entry-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:14px}
.legacy-entry-actions>span{margin-right:auto;color:#8a5a00;font-size:12px;font-weight:700}
.weekly-heading{align-items:flex-end}
.weekly-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0}
.weekly-summary-grid>div{border:1px solid #e2e9f2;border-radius:10px;padding:13px;background:#f8fafc;display:grid;gap:4px}
.weekly-summary-grid span{font-size:11px;color:#66758c;text-transform:uppercase;font-weight:800}
.weekly-summary-grid strong{font-size:19px;color:#1f3048}
.weekly-commission-table{min-width:820px}
.legacy-commission-row td{background:#fffaf0}
.legacy-commission-row td:first-child{border-left:3px solid #c9972b}
@media(max-width:1050px){.legacy-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.weekly-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.legacy-entry-grid,.legacy-calculation-strip,.weekly-summary-grid{grid-template-columns:1fr}.legacy-entry-actions{align-items:stretch;flex-direction:column}.legacy-entry-actions>span{margin-right:0}.legacy-entry-actions .btn{width:100%}.weekly-date-control{width:100%}}

/* Job efficiency & rework reporting */
.efficiency-report[hidden]{display:none}
.efficiency-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:14px 0 20px}
.efficiency-summary-grid>div{border:1px solid #e5ebf2;border-radius:10px;padding:12px;background:#f8fafc;display:grid;gap:4px}
.efficiency-summary-grid span{color:#66758c;font-size:11px;text-transform:uppercase;font-weight:800}
.efficiency-summary-grid strong{font-size:19px;color:#1f3048}
.efficiency-breakdown-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.efficiency-breakdown{border:1px solid #e2e9f2;border-radius:10px;padding:14px;background:#fff}
.efficiency-breakdown h4{margin:0 0 10px;font-size:16px}
.efficiency-detail-table{min-width:1500px}
.efficiency-description-cell{white-space:normal!important;min-width:280px;max-width:420px}
@media(max-width:1050px){
  .efficiency-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .efficiency-summary-grid,.efficiency-breakdown-grid{grid-template-columns:1fr}
}
@media print{
  #efficiencyReport{display:block!important;border:none!important;box-shadow:none!important}
  #jobProfitabilityReport{display:none!important}
  .efficiency-filters,#efficiencyReportStatus,#printEfficiencyReport{display:none!important}
  .efficiency-breakdown-grid{grid-template-columns:repeat(2,1fr)}
  .efficiency-summary-grid{grid-template-columns:repeat(3,1fr)}
}

@media print{
  body.print-financial #efficiencyReport{display:none!important}
  body.print-efficiency #jobProfitabilityReport{display:none!important}
  body.print-efficiency #efficiencyReport{display:block!important}
}