/* Internal Employee Performance only; official commission tables retain their layout. */
.employee-sales-panel.is-manager-performance #employeeSalesList {
  --performance-columns: 28px 38px minmax(220px,1.7fr) repeat(4,minmax(94px,.65fr));
  padding: 0 14px 14px!important;
}
.employee-sales-panel.is-manager-performance:not(.is-top-manager-performance) .employee-sales-filters { display:none!important; }
.employee-sales-panel.is-top-manager-performance .employee-sales-custom-range { display:none!important; }
.employee-sales-panel.is-manager-performance #employeeSalesList :is(summary,button,input):focus-visible { outline:2px solid #238cff!important;outline-offset:3px!important; }
.employee-sales-panel.is-manager-performance #employeeSalesList :is(.employee-sales-row,.performance-column-headings) { display:grid!important;grid-template-columns:var(--performance-columns)!important;grid-template-areas:none!important;gap:12px!important;align-items:center!important;margin:0!important;padding:16px 12px!important; }
.employee-sales-panel.is-manager-performance #employeeSalesList .performance-column-headings { font-size:12px!important;font-weight:700!important;line-height:1.4!important;padding-top:12px!important;padding-bottom:12px!important;opacity:.8; }
.employee-sales-panel.is-manager-performance #employeeSalesList .performance-column-headings > span:nth-child(n+4) { text-align:center; }
.employee-sales-panel.is-manager-performance #employeeSalesList .employee-sales-row { min-height:82px!important;border-radius:10px!important;margin-bottom:8px!important; }
.employee-sales-panel.is-manager-performance #employeeSalesList .employee-sales-person { grid-area:auto!important;padding:0!important;min-width:0!important; }
.employee-sales-panel.is-manager-performance #employeeSalesList .employee-sales-person strong { font-size:14px!important;line-height:1.4!important; }
.employee-sales-panel.is-manager-performance #employeeSalesList .employee-sales-person small { font-size:11px!important;line-height:1.5!important;white-space:normal!important; }
.employee-sales-panel.is-manager-performance #employeeSalesList :is(.employee-sales-rank,.employee-sales-avatar) { grid-area:auto!important; }
.employee-sales-panel.is-manager-performance #employeeSalesList .employee-sales-manual-fields { display:contents!important; }
.employee-sales-panel.is-manager-performance #employeeSalesList .employee-sales-manual-field { display:flex!important;justify-content:center!important;align-items:center!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important; }
.employee-sales-panel.is-manager-performance #employeeSalesList .employee-sales-manual-field small { display:none!important; }
.employee-sales-panel.is-manager-performance #employeeSalesList .employee-sales-manual-field input { max-width:68px!important;height:36px!important;line-height:36px!important;font-size:14px!important;border-radius:8px!important; }
.employee-sales-panel.is-manager-performance #employeeSalesList .employee-sales-score-chip { position:static!important;inset:auto!important;justify-self:center!important;width:82px!important;min-width:0!important;padding:10px 6px!important;margin:0!important;box-shadow:none!important;border-radius:8px!important;font-size:14px!important;line-height:1.2!important; }
.employee-sales-panel.is-manager-performance #employeeSalesList .performance-commission-cell { text-align:center;font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap; }
.employee-sales-panel.is-manager-performance #employeeSalesList :is(.performance-commission-cell,.employee-sales-score-chip) small { display:none!important; }
@media(max-width:900px) and (min-width:701px) {
 .employee-sales-panel.is-manager-performance #employeeSalesList { --performance-columns:22px 30px minmax(155px,1.4fr) repeat(4,minmax(72px,.65fr));padding:0 6px 8px!important; }
 .employee-sales-panel.is-manager-performance #employeeSalesList :is(.employee-sales-row,.performance-column-headings) { gap:6px!important;padding-left:6px!important;padding-right:6px!important; }
}
@media(max-width:700px) {
 .employee-sales-panel.is-manager-performance #employeeSalesList .performance-column-headings { display:flex!important;flex-wrap:wrap!important;gap:6px 12px!important; }
 .employee-sales-panel.is-manager-performance #employeeSalesList .performance-column-headings > span { display:none!important; }
 .employee-sales-panel.is-manager-performance #employeeSalesList .employee-sales-row { grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px 8px!important;padding:12px!important; }
 .employee-sales-panel.is-manager-performance #employeeSalesList .employee-sales-rank { grid-column:1;grid-row:1; }
 .employee-sales-panel.is-manager-performance #employeeSalesList .employee-sales-avatar { display:none!important; }
 .employee-sales-panel.is-manager-performance #employeeSalesList .employee-sales-person { grid-column:2 / 5!important;grid-row:1!important; }
 .employee-sales-panel.is-manager-performance #employeeSalesList .employee-sales-manual-field { flex-direction:column!important;gap:6px!important; }
 .employee-sales-panel.is-manager-performance #employeeSalesList :is(.employee-sales-manual-field,.performance-commission-cell,.employee-sales-score-chip) small { display:block!important;font-size:9px!important;line-height:1.4!important;margin:0 0 4px!important;text-transform:none!important; }
 .employee-sales-panel.is-manager-performance #employeeSalesList .employee-sales-score-chip { width:100%!important;font-size:12px!important; }
 .employee-sales-panel.is-manager-performance #employeeSalesList .performance-commission-cell { font-size:12px; }
}

/* Keep the existing phone flow; expand the breakdown on larger screens. */
#managerPerformanceDetailBody .manager-performance-detail-group { display:contents; }
#managerPerformanceDetailBody .manager-performance-detail-group > h3 { display:none; }
@media(min-width:768px) {
 #managerPerformanceDetailOverlay .manager-performance-detail-modal { width:min(96vw,1240px)!important;max-width:1240px!important;max-height:calc(100dvh - 40px)!important;padding:0!important;overflow:auto!important; }
 #managerPerformanceDetailOverlay .manager-performance-detail-panel { padding:24px!important;gap:20px!important; }
 #managerPerformanceDetailOverlay .manager-performance-detail-title h2 { line-height:1.2!important; }
 #managerPerformanceDetailBody { display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px; }
 #managerPerformanceDetailBody .manager-performance-detail-total,
 #managerPerformanceDetailBody .manager-performance-detail-note { grid-column:1 / -1; }
 #managerPerformanceDetailBody .manager-performance-detail-group { display:flex;flex-direction:column;gap:12px;min-width:0; }
 #managerPerformanceDetailBody .manager-performance-detail-group > h3 { display:block;margin:0;font-size:14px;line-height:1.4;color:inherit; }
 #managerPerformanceDetailBody .manager-performance-detail-rows { display:grid!important;grid-template-columns:minmax(0,1fr);gap:10px!important;align-content:start; }
 #managerPerformanceDetailBody .manager-performance-detail-row { min-width:0;padding:12px!important;gap:12px!important; }
 #managerPerformanceDetailBody .manager-performance-detail-row strong { display:block;line-height:1.4!important;margin-top:4px;overflow-wrap:anywhere; }
 #managerPerformanceDetailBody .manager-performance-detail-row span { font-variant-numeric:tabular-nums; }
 #managerPerformanceDetailBody .manager-performance-detail-note { padding-top:4px;line-height:1.5!important; }
}
@media(min-width:1100px) {
 #managerPerformanceDetailBody .manager-performance-detail-total + .manager-performance-detail-group .manager-performance-detail-rows { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

.employee-sales-panel.is-manager-performance #employeeSalesList .performance-heading-sort {
 display:inline-flex!important;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:36px;padding:4px 2px!important;
 border:0!important;border-radius:6px;background:transparent!important;box-shadow:none!important;color:inherit!important;
 font:inherit!important;line-height:1.4!important;text-transform:none!important;cursor:pointer;
}
.employee-sales-panel.is-manager-performance #employeeSalesList .performance-heading-sort:first-of-type { justify-content:flex-start; }
.employee-sales-panel.is-manager-performance #employeeSalesList .performance-heading-sort.is-active { color:#087cf0!important; }
.employee-sales-panel.is-manager-performance #employeeSalesList .performance-heading-sort:hover { text-decoration:underline; }

/* Pay-period view: weekly calculations remain independent. */
#employeePerformancePayPeriod[hidden], #employeeSalesPeriod[hidden] { display:none!important; }
#employeePerformancePayPeriod { max-width:100%;min-width:230px; }
.employee-sales-panel.is-manager-performance #employeeSalesList .performance-pay-scroll { overflow-x:auto;padding:8px 0; }
.employee-sales-panel.is-manager-performance #employeeSalesList .performance-pay-table { min-width:1060px; }
.employee-sales-panel.is-manager-performance #employeeSalesList :is(.performance-pay-heading,.performance-pay-row,.performance-pay-total) { display:grid;grid-template-columns:minmax(180px,1fr) repeat(2,minmax(425px,2.2fr));gap:12px;align-items:center; }
.employee-sales-panel.is-manager-performance #employeeSalesList .performance-pay-heading { padding:12px 8px; }
.employee-sales-panel.is-manager-performance #employeeSalesList .performance-pay-heading h3 { margin:0 0 12px;font-size:15px; }
.employee-sales-panel.is-manager-performance #employeeSalesList .performance-pay-heading h3 small { font-size:11px;font-weight:500;margin-left:8px; }
.employee-sales-panel.is-manager-performance #employeeSalesList .performance-pay-week { display:grid;grid-template-columns:minmax(90px,1.3fr) 42px 62px 72px 94px minmax(90px,1.2fr);gap:8px;align-items:center;text-align:center;min-width:0; }
.employee-sales-panel.is-manager-performance #employeeSalesList .performance-pay-row { padding:14px 8px;margin-bottom:8px;border:1px solid #6783a644;border-radius:10px;font-size:13px; }
.employee-sales-panel.is-manager-performance #employeeSalesList .performance-pay-person { min-width:0; }
.employee-sales-panel.is-manager-performance #employeeSalesList .performance-pay-person strong { display:block;overflow-wrap:anywhere; }
.employee-sales-panel.is-manager-performance #employeeSalesList .performance-pay-person small { display:block;margin-top:5px;font-size:10px;opacity:.75; }
.employee-sales-panel.is-manager-performance #employeeSalesList .performance-pay-week small { display:none!important; }
.employee-sales-panel.is-manager-performance #employeeSalesList .performance-pay-week input { width:58px;max-width:100%;height:34px;border:1px solid #6783a666;border-radius:6px;background:transparent;color:inherit;text-align:center; }
.employee-sales-panel.is-manager-performance #employeeSalesList .performance-pay-score { border:1px solid #22c55e66;background:#22c55e12;color:inherit;border-radius:7px;padding:9px 4px;font-size:12px;cursor:pointer; }
.employee-sales-panel.is-manager-performance #employeeSalesList [data-performance-pay-sort] { padding:6px 0;min-height:36px;border:0;background:transparent;box-shadow:none;color:inherit;font:inherit;font-size:11px;font-weight:700;cursor:pointer; }
.employee-sales-panel.is-manager-performance #employeeSalesList [data-performance-pay-sort]:hover { text-decoration:underline; }
.employee-sales-panel.is-manager-performance #employeeSalesList .performance-pay-week .performance-commission-cell { font-size:13px; }
@media(max-width:700px) {
 #employeePerformancePayPeriod { min-width:0;width:100%; }
 .employee-sales-panel.is-manager-performance #employeeSalesList .performance-pay-scroll { margin:0 -6px; }
}
.employee-sales-panel.is-manager-performance :is(.employee-sales-table,#employeeSalesList) { min-width:0!important;max-width:100%!important;box-sizing:border-box; }
.employee-sales-panel.is-manager-performance #employeeSalesList .performance-pay-scroll { width:100%;max-width:100%;min-width:0;box-sizing:border-box; }
.employee-sales-panel.is-manager-performance #employeeSalesList .performance-pay-week-caption { display:none; }
@media(max-width:700px) {
 .employee-sales-panel.is-manager-performance #employeeSalesList .performance-pay-table { min-width:0; }
 .employee-sales-panel.is-manager-performance #employeeSalesList :is(.performance-pay-heading,.performance-pay-row,.performance-pay-total) { grid-template-columns:minmax(0,1fr);gap:14px; }
 .employee-sales-panel.is-manager-performance #employeeSalesList .performance-pay-week { grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;font-size:11px; }
 .employee-sales-panel.is-manager-performance #employeeSalesList .performance-pay-week input { width:44px; }
 .employee-sales-panel.is-manager-performance #employeeSalesList .performance-pay-week .performance-commission-cell { font-size:11px; }
 .employee-sales-panel.is-manager-performance #employeeSalesList .performance-pay-row .performance-pay-week small { display:block!important;font-size:9px!important;margin-bottom:5px; }
 .employee-sales-panel.is-manager-performance #employeeSalesList .performance-pay-week-caption { display:block;grid-column:1 / -1;text-align:left;margin:0 0 6px;font-size:12px; }
 .employee-sales-panel.is-manager-performance #employeeSalesList .performance-pay-score { font-size:11px; }
}
#employeePerformancePeriodControls[hidden] { display:none!important; }
#employeePerformancePeriodControls { display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin-left:auto;max-width:100%; }
#employeePerformancePeriodControls label { display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:700;min-width:0; }
#employeePerformancePeriodControls select { appearance:auto!important;min-width:90px!important;width:auto!important;max-width:100%!important;min-height:38px;padding:8px 12px!important;border:1px solid #6783a666!important;border-radius:9px!important;background:transparent!important;color:inherit!important;font-size:12px!important; }
#employeePerformancePeriodControls #employeePerformancePayPeriod { min-width:220px!important; }
@media(max-width:700px) {
 #employeePerformancePeriodControls { width:100%;margin:0; }
 #employeePerformancePeriodControls label { flex:1; }
 #employeePerformancePeriodControls label:last-child { flex-basis:100%; }
 #employeePerformancePeriodControls select { width:100%!important; }
}

/* Reference layout: the same live controls and weekly calculations, one desktop header. */
.performance-overview-icon { display:none; }
.performance-pay-intro { display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 4px 10px; }
.performance-pay-intro h3 { margin:0;font-size:19px;line-height:1.3; }
.performance-pay-intro p { margin:3px 0 0;font-size:13px;opacity:.75; }
.performance-pay-intro > span { display:flex;align-items:center;gap:8px;font-size:13px;white-space:nowrap; }
.performance-pay-intro svg { width:18px;height:18px; }
.performance-pay-avatar { display:none; }
.employee-sales-panel.is-top-manager-performance .employee-sales-filters { display:none!important; }
@media(min-width:1200px) {
 html body #dashboardTopLoginDataShell:has(.is-top-manager-performance) > .desktop-top-embedded-bar { display:none!important; }
 html body #dashboardTopLoginDataShell:has(.is-top-manager-performance) { gap:0!important; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance {
  --ep-ink:#eaf2ff;--ep-muted:#a6b8d2;--ep-paper:#0c1b2c;--ep-line:#29425e;--ep-week:#163452;--ep-subhead:#10273e;--ep-blue:#80baff;--ep-blue-bg:#153e66;--ep-green:#82dfb4;--ep-green-bg:#123d30;
  padding:16px!important;gap:12px!important;border-radius:20px!important;
 }
 html[data-theme="light"] body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance {
  --ep-ink:#0c1537;--ep-muted:#49638e;--ep-paper:#ffffff;--ep-line:#e4eefb;--ep-week:#e3f0ff;--ep-subhead:#f3f8ff;--ep-blue:#087aff;--ep-blue-bg:#e5f1ff;--ep-green:#058357;--ep-green-bg:#e1f6ec;
 }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance .employee-sales-head { display:grid!important;grid-template-columns:42px minmax(0,1fr) minmax(0,1.65fr)!important;gap:12px!important;align-items:center!important;padding:0!important; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance .employee-sales-title { min-width:0!important; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance .employee-sales-title h2 { font-size:clamp(24px,2.05vw,32px)!important;line-height:1.15!important;letter-spacing:-.8px!important;white-space:nowrap!important;margin:0!important; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance .employee-sales-title p { font-size:12px!important;line-height:1.4!important;margin:5px 0 0!important; }
 html body #employeePerformancePeriodControls { display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.75fr) minmax(0,1.1fr) minmax(0,1.55fr)!important;align-items:end!important;gap:12px!important;width:100%!important;margin:0!important;padding:12px!important;border:1px solid var(--ep-line);border-radius:16px;background:var(--ep-paper); }
 html body #employeePerformancePeriodControls[hidden] { display:none!important; }
 html body #employeePerformancePeriodControls label { width:auto!important;min-width:0!important;gap:5px!important;font-size:12px!important;color:var(--ep-muted); }
 html body #employeePerformancePeriodControls select { width:100%!important;min-width:0!important;height:36px!important;padding:0 10px!important;font-size:12px!important;border:1px solid var(--ep-line)!important;border-radius:8px!important;background:var(--ep-paper)!important;color:var(--ep-ink)!important;box-shadow:none!important;appearance:auto!important; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance .employee-sales-summary { display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance .employee-sales-summary > div { display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;gap:0!important;min-height:154px!important;padding:13px!important;border:1px solid var(--ep-line)!important;border-radius:13px!important;background:var(--ep-paper)!important;box-shadow:none!important; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance .employee-sales-summary > div > [data-lucide-icon] { display:flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;border-radius:12px!important;padding:8px!important;margin:0 0 8px!important;color:var(--ep-blue)!important;background:var(--ep-blue-bg)!important; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance .employee-sales-summary > div:nth-child(2) > [data-lucide-icon],
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance .employee-sales-summary > div:nth-child(6) > [data-lucide-icon] { color:#06915b!important;background:#e1f6ec!important; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance .employee-sales-summary > div:nth-child(3) > [data-lucide-icon] { color:#ff2854!important;background:#ffe9ed!important; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance .employee-sales-summary > div:nth-child(4) > [data-lucide-icon] { color:#922cff!important;background:#f2e8ff!important; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance .employee-sales-summary small { font-size:11px!important;line-height:1.3!important;min-height:0!important;margin:0 0 7px!important;color:var(--ep-muted)!important; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance .employee-sales-summary strong { font-size:clamp(20px,1.6vw,25px)!important;line-height:1.15!important;margin:0 0 6px!important;color:var(--ep-ink)!important; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance .employee-sales-summary em { font-size:12px!important;line-height:1.4!important;margin:0!important;color:var(--ep-muted)!important; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance .employee-sales-commission-overview { display:grid!important;grid-template-columns:1.1fr .95fr 1.25fr .95fr!important;gap:10px!important; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance .employee-sales-commission-overview > div { position:relative!important;min-width:0!important;min-height:102px!important;padding:17px 12px 12px 66px!important;border:1px solid var(--ep-line)!important;border-radius:13px!important;background:var(--ep-paper)!important;box-shadow:none!important; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance .employee-sales-commission-overview > div:nth-child(4) { order:3; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance .employee-sales-commission-overview > div:nth-child(3) { order:4; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance .employee-sales-commission-overview .performance-overview-icon { position:absolute;left:15px;top:16px;display:flex;width:40px;height:40px;padding:9px;box-sizing:border-box;border-radius:13px;background:var(--ep-blue-bg);color:var(--ep-blue); }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance .employee-sales-commission-overview > div:nth-child(2) .performance-overview-icon { color:#ff9300;background:#fff0db; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance .employee-sales-commission-overview small { font-size:12px!important;text-transform:none!important;line-height:1.3!important;min-height:0!important;margin:0 0 6px!important;color:var(--ep-muted)!important; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance .employee-sales-commission-overview strong { font-size:21px!important;line-height:1.2!important;margin:0!important;color:var(--ep-ink)!important; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance .employee-sales-commission-overview em { font-size:12px!important;line-height:1.3!important;color:var(--ep-muted)!important; }
 html body .employee-sales-panel.is-top-manager-performance #employeeSalesCompanyCommissionDetail { display:block;font-size:9px!important;margin-top:5px; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance .employee-sales-table { background:var(--ep-paper)!important;border:1px solid var(--ep-line)!important;border-radius:14px!important;padding:0!important; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance #employeeSalesList { padding:0 14px 14px!important; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance #employeeSalesList .performance-pay-intro { padding:16px 4px 10px!important;color:var(--ep-ink); }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance #employeeSalesList .performance-pay-intro p,
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance #employeeSalesList .performance-pay-intro > span { color:var(--ep-muted);opacity:1; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance #employeeSalesList .performance-pay-table { min-width:1040px!important; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance #employeeSalesList :is(.performance-pay-heading,.performance-pay-row,.performance-pay-total) { grid-template-columns:minmax(195px,1.1fr) repeat(2,minmax(410px,2.1fr))!important;gap:3px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance #employeeSalesList .performance-pay-heading > div { align-self:stretch;border:1px solid var(--ep-line);border-radius:11px;background:var(--ep-week);overflow:hidden; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance #employeeSalesList .performance-pay-heading > div:first-child { display:flex;align-items:center;padding:0 16px;background:var(--ep-subhead); }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance #employeeSalesList .performance-pay-heading h3 { margin:0!important;padding:10px 16px 8px!important;font-size:16px!important;line-height:1.2!important;color:var(--ep-ink); }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance #employeeSalesList .performance-pay-heading h3 small { font-size:10px!important;color:var(--ep-muted); }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance #employeeSalesList .performance-pay-week { grid-template-columns:minmax(75px,1.25fr) 32px 40px 66px 94px minmax(80px,1.15fr)!important;gap:3px!important;padding:8px 7px!important; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance #employeeSalesList .performance-pay-heading .performance-pay-week { padding:0 7px!important;background:var(--ep-subhead);border-radius:10px; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance #employeeSalesList [data-performance-pay-sort] { font-size:10px!important;min-height:31px!important;box-shadow:none!important; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance #employeeSalesList .performance-pay-row > div { min-height:55px;border:1px solid var(--ep-line);border-radius:9px;color:var(--ep-ink);box-sizing:border-box; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance #employeeSalesList .performance-pay-person { display:flex;align-items:center;gap:10px;padding:8px 12px; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance #employeeSalesList .performance-pay-person strong { font-size:12px;line-height:1.3; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance #employeeSalesList .performance-pay-person small { font-size:10px;margin-top:3px;opacity:1;color:var(--ep-muted); }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance #employeeSalesList .performance-pay-avatar { display:flex;align-items:center;justify-content:center;flex:0 0 34px;height:34px;border-radius:50%;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,#a3d0ff,#459aff); }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance #employeeSalesList .performance-pay-avatar[data-tone="1"] { background:linear-gradient(135deg,#d69aff,#9b4eff); }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance #employeeSalesList .performance-pay-avatar[data-tone="2"] { background:linear-gradient(135deg,#ffa7de,#f26bbb); }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance #employeeSalesList .performance-pay-avatar[data-tone="3"] { background:linear-gradient(135deg,#ffb184,#ff814c); }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance #employeeSalesList .performance-pay-week input { appearance:textfield!important;width:100%!important;height:30px!important;padding:0!important;border:1px solid transparent!important;border-radius:6px!important;background:transparent!important;box-shadow:none!important;color:var(--ep-ink)!important;font-size:12px!important; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance #employeeSalesList .performance-pay-week input:is(:hover,:focus) { border-color:var(--ep-blue)!important; }
 .employee-sales-panel.is-top-manager-performance .performance-pay-week input::-webkit-inner-spin-button { appearance:none; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance #employeeSalesList .performance-pay-score { padding:7px 4px!important;font-size:12px!important;line-height:1.4!important;border:0!important;border-radius:9px!important;background:var(--ep-blue-bg)!important;color:var(--ep-blue)!important;box-shadow:none!important; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance #employeeSalesList .performance-commission-cell { font-size:12px!important; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance #employeeSalesList .performance-commission-cell strong { display:inline-block;padding:8px 9px;border-radius:9px; }
 html body :is(#dashboardSection,#employeeSalesOverlay) .employee-sales-panel.is-top-manager-performance #employeeSalesList .has-commission strong { color:var(--ep-green)!important;background:var(--ep-green-bg)!important; }
}

@media(min-width:1200px) {
 html body #dashboardSection .employee-sales-panel.is-top-manager-performance { min-width:0!important; }
 html body #dashboardSection .employee-sales-panel.is-top-manager-performance :is(.employee-sales-head,.employee-sales-summary,.employee-sales-commission-overview,.employee-sales-table) { min-width:0!important; }
 html body #dashboardSection .employee-sales-panel.is-top-manager-performance :is(.employee-sales-summary,.employee-sales-commission-overview) > div { box-sizing:border-box!important; }
 html body #dashboardSection .employee-sales-panel.is-top-manager-performance #employeeSalesList :is(.performance-pay-score,.performance-pay-avatar,.has-commission strong) { -webkit-text-fill-color:currentColor!important; }
 html body #dashboardSection .employee-sales-panel.is-top-manager-performance :is(.employee-sales-summary,.employee-sales-commission-overview) em { font-weight:400!important;-webkit-text-fill-color:currentColor!important; }
 html body #dashboardSection .employee-sales-panel.is-top-manager-performance [data-lucide-icon] svg { color:inherit!important;-webkit-text-fill-color:currentColor!important; }
 html body #dashboardSection .employee-sales-panel.is-top-manager-performance .performance-overview-icon [data-lucide-icon] { color:inherit!important; }
}
@media(min-width:1200px) and (max-width:1399px) {
 html body #dashboardSection .employee-sales-panel.is-top-manager-performance .employee-sales-head { grid-template-columns:38px minmax(0,.85fr) minmax(0,1.6fr)!important;gap:8px!important; }
 html body #dashboardSection .employee-sales-panel.is-top-manager-performance .employee-sales-title h2 { font-size:22px!important;white-space:normal!important; }
 html body #employeePerformancePeriodControls { gap:7px!important;padding:9px!important; }
 html body #employeePerformancePeriodControls select { font-size:10px!important;padding:0 4px!important; }
}
@media(min-width:1200px) {
 html body #dashboardSection .employee-sales-panel.is-top-manager-performance { align-content:start!important;min-height:0!important; }
 html body #dashboardSection .employee-sales-panel.is-top-manager-performance #employeePerformancePeriodControls select { min-width:0!important;max-width:100%!important;box-sizing:border-box!important; }
 html body #dashboardSection .employee-sales-panel.is-top-manager-performance #employeeSalesList .performance-pay-avatar { color:#fff!important; }
 html body #dashboardSection .employee-sales-panel.is-top-manager-performance .employee-sales-summary > div > [data-lucide-icon] { box-sizing:border-box!important;border:0!important; }
 html body #dashboardSection .employee-sales-panel.is-top-manager-performance .employee-sales-summary > div:nth-child(2) > [data-lucide-icon],
 html body #dashboardSection .employee-sales-panel.is-top-manager-performance .employee-sales-summary > div:nth-child(6) > [data-lucide-icon] { color:#06915b!important; }
 html body #dashboardSection .employee-sales-panel.is-top-manager-performance .employee-sales-summary > div:nth-child(3) > [data-lucide-icon] { color:#ff2854!important; }
 html body #dashboardSection .employee-sales-panel.is-top-manager-performance .employee-sales-summary > div:nth-child(4) > [data-lucide-icon] { color:#922cff!important; }
 html body #dashboardSection .employee-sales-panel.is-top-manager-performance .performance-overview-icon,
 html body #dashboardSection .employee-sales-panel.is-top-manager-performance .performance-overview-icon > [data-lucide-icon],
 html body #dashboardSection .employee-sales-panel.is-top-manager-performance .performance-overview-icon svg { color:var(--ep-blue)!important; }
 html body #dashboardSection .employee-sales-panel.is-top-manager-performance .employee-sales-commission-overview > div:nth-child(2) .performance-overview-icon,
 html body #dashboardSection .employee-sales-panel.is-top-manager-performance .employee-sales-commission-overview > div:nth-child(2) .performance-overview-icon :is([data-lucide-icon],svg) { color:#ff9300!important; }
 html body #dashboardSection .employee-sales-panel.is-top-manager-performance #employeeSalesCompanyCommissionDetail { font-size:9px!important; }
}

@media(min-width:1200px) {
 html body #dashboardSection .employee-sales-panel.is-top-manager-performance .employee-sales-summary > div:nth-child(2) > [data-lucide-icon] svg { color:#06915b!important; }
 html body #dashboardSection .employee-sales-panel.is-top-manager-performance .employee-sales-summary > div:nth-child(6) > [data-lucide-icon] svg { color:#06915b!important; }
 html body #dashboardSection .employee-sales-panel.is-top-manager-performance .employee-sales-summary > div:nth-child(3) > [data-lucide-icon] svg { color:#ff2854!important; }
 html body #dashboardSection .employee-sales-panel.is-top-manager-performance .employee-sales-summary > div:nth-child(4) > [data-lucide-icon] svg { color:#922cff!important; }
}
/* Individual performance summary and store/week ranking drilldowns. */
#managerPerformanceDetailOverlay { --ps-bg:#0c2034;--ps-card:#10283f;--ps-line:#28455e;--ps-text:#f1f6ff;--ps-muted:#a3b7d0;--ps-blue:#289bff;--ps-tint:#123756; }
:is(html[data-theme="light"],body[data-theme="light"],html[data-visual-theme="light"],body[data-visual-theme="light"]) #managerPerformanceDetailOverlay { --ps-bg:#f9fcff;--ps-card:#fff;--ps-line:#dceaff;--ps-text:#101b48;--ps-muted:#697fa6;--ps-blue:#0061ff;--ps-tint:#e8f4ff; }
#managerPerformanceDetailOverlay .manager-performance-detail-modal { width:min(96vw,1274px)!important;max-width:1274px!important;padding:0!important;max-height:calc(100dvh - 32px)!important;overflow:auto!important;border-radius:21px!important; }
#managerPerformanceDetailOverlay .manager-performance-detail-panel { background:var(--ps-bg)!important;color:var(--ps-text)!important;border:1px solid var(--ps-line)!important;padding:26px 30px 22px!important;gap:18px!important; }
#managerPerformanceDetailOverlay .manager-performance-detail-title h2 { color:var(--ps-text)!important;font-size:27px!important;text-transform:uppercase;line-height:1.2!important; }
#managerPerformanceDetailOverlay .manager-performance-detail-title p { color:var(--ps-muted)!important;font-size:15px!important;line-height:1.4!important;margin-top:3px!important; }
#managerPerformanceDetailOverlay .manager-performance-detail-close { background:var(--ps-card)!important;color:var(--ps-muted)!important;border:1px solid var(--ps-line)!important; }
#managerPerformanceDetailBody { display:grid;grid-template-columns:1fr 1fr;gap:16px;min-width:0; }
#managerPerformanceDetailBody :is(button,div,section) { box-sizing:border-box; }
#managerPerformanceDetailBody .performance-summary-cards { grid-column:1/-1;display:grid;grid-template-columns:1.15fr .92fr 1.03fr 1.05fr;gap:12px; }
#managerPerformanceDetailBody .performance-summary-card { display:flex;align-items:center;gap:18px;min-width:0;padding:18px 16px;min-height:112px;border:1px solid var(--ps-line);border-radius:11px;background:var(--ps-card);color:var(--ps-text);text-align:left;box-shadow:0 4px 12px #0074ff06; }
#managerPerformanceDetailBody .performance-summary-card>div { min-width:0; }
#managerPerformanceDetailBody .performance-summary-card small { display:block;font-size:12px;font-weight:700;text-transform:uppercase;color:var(--ps-muted); }
#managerPerformanceDetailBody .performance-summary-card strong { display:block;font-size:30px;line-height:1.3;letter-spacing:-.6px; }
#managerPerformanceDetailBody .performance-summary-card p { margin:3px 0 0;font-size:12px;line-height:1.4;color:var(--ps-muted); }
#managerPerformanceDetailBody .performance-summary-icon { display:flex;flex-shrink:0;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:var(--ps-tint);color:var(--ps-blue); }
#managerPerformanceDetailBody .performance-summary-icon svg { width:24px;height:24px;stroke-width:2; }
#managerPerformanceDetailBody .performance-summary-card>.performance-summary-icon { width:68px;height:68px;border-radius:50%; }
#managerPerformanceDetailBody .performance-summary-card .performance-summary-icon svg { width:32px;height:32px; }
#managerPerformanceDetailBody .is-qualified>.performance-summary-icon { background:#dcfce7;color:#00aa4e; }
#managerPerformanceDetailBody .performance-summary-group { min-width:0;padding:16px 18px 14px;border:1px solid var(--ps-line);border-radius:12px;background:var(--ps-card); }
#managerPerformanceDetailBody .performance-summary-group h3 { color:var(--ps-text);margin:0;font-size:23px;line-height:1.3;letter-spacing:-.5px; }
#managerPerformanceDetailBody .performance-summary-group>p { color:var(--ps-muted);margin:4px 0 12px;font-size:14px;line-height:1.4; }
#managerPerformanceDetailBody .performance-summary-rows { display:grid;gap:2px; }
#managerPerformanceDetailBody .performance-summary-row { width:100%;display:flex;align-items:center;gap:20px;padding:5px 9px;border:1px solid var(--ps-line);border-radius:11px;min-height:51px;color:var(--ps-text);background:transparent;text-align:left;box-shadow:none;font:inherit; }
#managerPerformanceDetailBody .performance-summary-copy { flex:1;min-width:0; }
#managerPerformanceDetailBody .performance-summary-copy strong { display:block;font-size:14px;line-height:1.25; }
#managerPerformanceDetailBody .performance-summary-copy small { display:block;color:var(--ps-muted);font-size:13px;line-height:1.3;margin-top:2px; }
#managerPerformanceDetailBody .performance-summary-value { flex-shrink:0;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums; }
#managerPerformanceDetailBody .is-penalty>.performance-summary-value { color:#eb1749;background:#ffedf1;padding:6px 9px;border-radius:9px; }
#managerPerformanceDetailBody .commission-rows .performance-summary-row { min-height:61px; }
#managerPerformanceDetailBody .performance-summary-commission { display:flex;align-items:center;gap:16px;background:var(--ps-tint);border:1px solid var(--ps-line);border-radius:6px;margin-top:14px;padding:16px;color:var(--ps-blue); }
#managerPerformanceDetailBody .performance-summary-commission strong { font-size:18px; }
#managerPerformanceDetailBody .performance-summary-commission small { display:block;font-size:13px;color:var(--ps-muted);margin-top:5px; }
#managerPerformanceDetailBody .performance-summary-commission b { margin-left:auto;font-size:31px;white-space:nowrap; }
#managerPerformanceDetailBody .manager-performance-detail-note { grid-column:1/-1;margin:4px 14px 0!important;font-size:12px!important;line-height:1.5!important;color:var(--ps-muted)!important; }
#managerPerformanceDetailBody button[data-performance-drilldown] { cursor:pointer;transition:background .15s,border-color .15s; }
#managerPerformanceDetailBody button[data-performance-drilldown]:hover { background:var(--ps-tint);border-color:var(--ps-blue); }
#managerPerformanceDetailBody button:focus-visible { outline:3px solid var(--ps-blue);outline-offset:2px; }
#managerPerformanceDetailBody .performance-ranking { grid-column:1/-1;color:var(--ps-text); }
#managerPerformanceDetailBody .performance-ranking>button { padding:10px 14px;color:var(--ps-blue);background:var(--ps-tint);border:1px solid var(--ps-line);border-radius:9px;cursor:pointer; }
#managerPerformanceDetailBody .performance-ranking h3 { font-size:24px;margin:20px 0 6px; }
#managerPerformanceDetailBody .performance-ranking p { color:var(--ps-muted); }
#managerPerformanceDetailBody .performance-ranking ol { padding:0;list-style:none; }
#managerPerformanceDetailBody .performance-ranking li { display:flex;align-items:center;gap:16px;padding:16px;border-bottom:1px solid var(--ps-line); }
#managerPerformanceDetailBody .performance-ranking li>strong { flex:1; }
#managerPerformanceDetailBody .performance-ranking li small { display:block;color:var(--ps-blue);margin-top:4px; }
#managerPerformanceDetailBody .performance-ranking .is-selected { background:var(--ps-tint);border-radius:8px; }
@media(max-width:1099px) { #managerPerformanceDetailBody .performance-summary-cards { grid-template-columns:1fr 1fr; } #managerPerformanceDetailBody .performance-summary-row { gap:10px; } }
@media(max-width:700px) {
 #managerPerformanceDetailOverlay .manager-performance-detail-panel { padding:18px 12px!important; }
 #managerPerformanceDetailOverlay .manager-performance-detail-title h2 { font-size:21px!important; }
 #managerPerformanceDetailOverlay .manager-performance-detail-title p { font-size:12px!important; }
 #managerPerformanceDetailBody { grid-template-columns:minmax(0,1fr);gap:12px; }
 #managerPerformanceDetailBody .performance-summary-card { padding:12px 8px;gap:8px;min-height:108px; }
 #managerPerformanceDetailBody .performance-summary-card>.performance-summary-icon { width:32px;height:32px; }
 #managerPerformanceDetailBody .performance-summary-card .performance-summary-icon svg { width:22px;height:22px; }
 #managerPerformanceDetailBody .performance-summary-card strong { font-size:20px;letter-spacing:0; }
 #managerPerformanceDetailBody .performance-summary-card small { font-size:9px; }
 #managerPerformanceDetailBody .performance-summary-card p { font-size:10px; }
 #managerPerformanceDetailBody .performance-summary-group { padding:14px 9px; }
 #managerPerformanceDetailBody .performance-summary-group h3 { font-size:21px; }
 #managerPerformanceDetailBody .performance-summary-copy small { font-size:11px; }
 #managerPerformanceDetailBody .performance-summary-icon { width:32px;height:34px; }
 #managerPerformanceDetailBody .performance-summary-row { gap:8px; }
 #managerPerformanceDetailBody .performance-summary-value { font-size:13px; }
 #managerPerformanceDetailBody .performance-summary-commission { gap:8px;padding:12px 8px; }
 #managerPerformanceDetailBody .performance-summary-commission b { font-size:24px; }
 #managerPerformanceDetailBody .performance-ranking li { gap:8px;padding:12px 8px;font-size:13px; }
}
/* Override shared modal/button theme rules only inside this summary. */
#managerPerformanceDetailBody .performance-summary-icon, #managerPerformanceDetailBody .performance-summary-icon svg { color:var(--ps-blue)!important; }
#managerPerformanceDetailBody .is-qualified .performance-summary-icon, #managerPerformanceDetailBody .is-qualified .performance-summary-icon svg { color:#00aa4e!important; }
#managerPerformanceDetailBody .performance-summary-value { color:var(--ps-text)!important; }
#managerPerformanceDetailBody .is-penalty>.performance-summary-value { color:#eb1749!important; }
#managerPerformanceDetailBody .performance-summary-commission :is(strong,b) { color:var(--ps-blue)!important; }
#managerPerformanceDetailBody button[data-performance-drilldown] { box-shadow:none!important;background:var(--ps-card)!important; }
#managerPerformanceDetailBody button[data-performance-drilldown]:hover { background:var(--ps-tint)!important; }
#managerPerformanceDetailBody .manager-performance-detail-note { font-weight:400!important; }
#managerPerformanceDetailOverlay #managerPerformanceDetailBody button[data-performance-drilldown] { background:var(--ps-card)!important;background-image:none!important;color:var(--ps-text)!important; }
#managerPerformanceDetailOverlay #managerPerformanceDetailBody button[data-performance-drilldown]:hover { background:var(--ps-tint)!important; }
#managerPerformanceDetailOverlay #managerPerformanceDetailBody .performance-summary-commission :is(strong,b) { color:var(--ps-blue)!important; }
#managerPerformanceDetailBody .performance-summary-rows:not(.commission-rows) .performance-summary-row:not(:first-child):not(.is-penalty)>.performance-summary-value { background:var(--ps-tint);color:var(--ps-muted)!important;padding:6px 9px;border-radius:9px; }

/* Totals use the same weekly column grid as the employee rows. */
.employee-sales-panel.is-manager-performance #employeeSalesList .performance-pay-total { border-top:2px solid #6783a655!important;margin-top:8px!important;padding:12px 0!important;font-size:13px;font-weight:700;background:var(--ep-subhead,transparent);border-radius:9px; }
.employee-sales-panel.is-manager-performance #employeeSalesList .performance-pay-total .performance-pay-person { padding:8px 12px; }
.employee-sales-panel.is-manager-performance #employeeSalesList .performance-pay-total .performance-pay-sales { white-space:nowrap;font-variant-numeric:tabular-nums; }

.employee-sales-panel.is-manager-performance .performance-company-competition { font-weight:700;color:inherit; }

/* Keep performance filters below the title on phones. */
@media(max-width:700px) {
 html body .employee-sales-panel.is-top-manager-performance .employee-sales-head { display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;gap:12px!important; }
 html body .employee-sales-panel.is-top-manager-performance .employee-sales-title { min-width:0!important; }
 html body .employee-sales-panel.is-top-manager-performance .employee-sales-title h2 { white-space:normal!important; }
 html body .employee-sales-panel.is-top-manager-performance #employeePerformancePeriodControls { grid-column:1 / -1!important; }
}

.competition-month { margin-top:20px;padding:16px;border:1px solid #6783a644;border-radius:12px; }
.competition-month p { font-size:12px;line-height:1.5; }
.competition-month-row { padding:12px;border-bottom:1px solid #6783a644; }
.competition-month-row summary { display:flex;justify-content:space-between;gap:12px;cursor:pointer; }

.competition-month button { padding:10px 16px;border:1px solid #6783a666;border-radius:9px;background:#1685ff22;color:inherit;font:inherit;font-weight:600;cursor:pointer; }