#tab-commissions{--cm-ink:#071b3d;--cm-muted:#61728f;--cm-line:#dbe6f3;--cm-blue:#0d6ff2;--cm-navy:#07366d;--cm-surface:#fff;--cm-soft:#f5f9ff;color:var(--cm-ink);background:#f4f9ff;padding:18px}.commissionWorkspace{display:grid;gap:16px;max-width:1800px;margin:auto}.commissionHeader{align-items:center;display:flex;justify-content:space-between;gap:16px}.commissionHeader h2{color:var(--cm-ink);font-size:34px;line-height:1;margin:6px 0}.commissionHeader p{color:var(--cm-muted);margin:0}.commissionEyebrow{color:#1973e8;font-size:11px;font-weight:800;letter-spacing:.16em}.commissionHeaderActions{align-items:center;display:flex;gap:9px}.commissionButton,.commissionHelp{align-items:center;border:1px solid #bed3ec;border-radius:9px;cursor:pointer;display:inline-flex;font:inherit;font-weight:750;justify-content:center;min-height:42px;padding:0 16px;text-decoration:none}.commissionButton.secondary{background:#fff;color:#15569f}.commissionButton.primary{background:linear-gradient(135deg,#0877ee,#045bc5);border:0;color:#fff;min-width:210px}.commissionButton:disabled{cursor:not-allowed;filter:grayscale(.35);opacity:.55}.commissionHelp{background:#e4f2ff;color:#0c62c4;font-size:17px;width:42px;padding:0}.commissionPlanBadges{display:flex;flex-wrap:wrap;gap:10px}.commissionPlanBadges span{background:#eef6ff;border:1px solid #d8e8fa;border-radius:8px;color:#285a99;font-size:12px;font-weight:700;padding:7px 11px}.commissionSummaryCards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.commissionSummaryCards article,.commissionPanel{background:var(--cm-surface);border:1px solid var(--cm-line);border-radius:14px;box-shadow:0 8px 22px rgba(12,56,104,.06)}.commissionSummaryCards article{display:grid;gap:4px;padding:17px 20px}.commissionSummaryCards span,.commissionSummaryCards small{color:var(--cm-muted);font-size:12px}.commissionSummaryCards strong{color:var(--cm-ink);font-size:24px}.commissionMainGrid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,.75fr);gap:14px}.commissionPanel{padding:18px;min-width:0}.commissionPanelTitle{align-items:center;display:flex;gap:11px}.commissionPanelTitle>span{align-items:center;background:#e9f3ff;border-radius:10px;color:var(--cm-blue);display:flex;font-size:20px;height:42px;justify-content:center;width:42px}.commissionPanelTitle h3{color:var(--cm-ink);font-size:18px;margin:0}.commissionPanelTitle small{color:var(--cm-muted)}.commissionScopeTabs{background:#edf4fc;border-radius:9px;display:grid;grid-template-columns:1fr 1fr;margin:18px 0 14px;max-width:320px;padding:3px}.commissionScopeTabs button{background:transparent;border:0;border-radius:7px;color:#49617e;font-weight:750;min-height:34px}.commissionScopeTabs button.active{background:var(--cm-blue);color:#fff;box-shadow:0 4px 10px rgba(13,111,242,.24)}.commissionFilters{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:10px;margin-bottom:14px}.commissionFilters label,.commissionCopy label{display:grid;gap:6px}.commissionFilters label>span,.commissionCopy label>span{color:var(--cm-ink);font-size:12px;font-weight:750}.commissionFilters :is(select,input),.commissionCopy select,.commissionPlanTable :is(input,select),.commissionTierTable :is(input,select){background:#fff;border:1px solid #cfdceb;border-radius:8px;color:var(--cm-ink);font:inherit;min-height:40px;padding:8px 10px;width:100%}.commissionConfiguration h4{color:var(--cm-ink);font-size:14px;margin:16px 0 9px}.commissionFrozenNotice{background:#fff5df;border:1px solid #f5d899;border-radius:9px;color:#8a5300;font-size:13px;font-weight:700;margin:10px 0;padding:10px}.commissionTableScroll{max-width:100%;overflow-x:auto}.commissionPlanTable,.commissionTierTable,.commissionReportTable{border-collapse:collapse;min-width:760px;width:100%}.commissionPlanTable th,.commissionTierTable th,.commissionReportTable th{background:#f1f6fc;color:#48617f;font-size:11px;text-align:left}.commissionPlanTable :is(th,td),.commissionTierTable :is(th,td),.commissionReportTable :is(th,td){border-bottom:1px solid #e4ecf5;padding:10px}.commissionPlanTable td,.commissionTierTable td,.commissionReportTable td{color:#10284b;font-size:12px}.commissionPlanTable td>strong,.commissionReportTable td>strong{display:block}.commissionPlanTable td>small,.commissionReportTable td>small{color:var(--cm-muted);display:block;margin-top:3px}.commissionPlanTable input{min-width:95px}.commissionPlanTable select{min-width:76px}.commissionPreview{white-space:nowrap}.commissionValidation{display:grid;grid-template-columns:minmax(120px,1fr) auto;gap:7px 12px;margin-top:12px}.commissionValidation>div{background:#dfe9f4;border-radius:99px;height:8px;overflow:hidden}.commissionValidation>div i{background:#20b575;display:block;height:100%}.commissionValidation strong{color:var(--cm-ink);font-size:12px;grid-row:1}.commissionValidation span{color:var(--cm-muted);font-size:11px;grid-column:1/-1}.commissionValidation.invalid span{color:#c3313b;font-weight:700}.commissionValidation.invalid>div i{background:#df3947}.commissionTierHeader,.commissionReportHeader{align-items:center;display:flex;justify-content:space-between;gap:10px;margin-top:18px}.commissionTierHeader h4{margin:0}.commissionTierHeader small{color:var(--cm-muted)}.commissionTierSalary,.commissionTierFixed{align-items:center;display:flex;gap:6px}.commissionTierSalary[hidden],.commissionTierFixed[hidden]{display:none}.commissionTierFixed select{width:75px}.commissionTierRemove{background:#fff1f2;border:1px solid #f2c1c6;border-radius:7px;color:#c62f3d;font-size:18px;height:36px;width:36px}.commissionActions{display:flex;justify-content:flex-end;margin-top:16px}.commissionFeedback{font-size:12px;margin-top:8px;min-height:18px}.commissionFeedback.success{color:#078455}.commissionFeedback.error{color:#c3313b}.commissionRail{display:grid;align-content:start;gap:14px}.commissionRules{display:grid;gap:10px;list-style:none;margin:16px 0 0;padding:0}.commissionRules li{color:#3f5776;font-size:12px;padding-left:22px;position:relative}.commissionRules li:before{content:'✓';color:#0ca56c;font-weight:900;left:0;position:absolute}.commissionCopy{display:grid;gap:12px}.commissionReportHeader{margin:0 0 12px}.commissionReportHeader>span{background:#e9f3ff;border-radius:8px;color:#15569f;font-size:12px;font-weight:750;padding:8px 12px}.commissionCompliance{background:#ddf7ea;border-radius:99px;color:#078455;font-weight:800;padding:5px 9px;white-space:nowrap}body[data-theme-mode="dark"] #tab-commissions :is(.commissionHeader h2,.commissionPanelTitle h3,.commissionConfiguration h4,.commissionFilters label>span,.commissionCopy label>span,.commissionSummaryCards strong,.commissionPlanTable td,.commissionTierTable td,.commissionReportTable td,.commissionValidation strong){color:#071b3d!important;-webkit-text-fill-color:#071b3d!important}body[data-theme-mode="dark"] #tab-commissions :is(.commissionPanel,.commissionSummaryCards article,.commissionFilters input,.commissionFilters select,.commissionPlanTable input,.commissionPlanTable select,.commissionTierTable input,.commissionTierTable select){background:#fff!important}
#tab-commissions{font-family:Inter,"Segoe UI",Arial,sans-serif}
.commissionEmptyState{background:#fff7e5;border:1px solid #f1cf82;border-radius:10px;color:#61420a;font-size:13px;font-weight:750;margin:10px 0;padding:12px}.commissionEmptyState[hidden]{display:none!important}
body[data-theme-mode="dark"] #tab-commissions :is(.commissionHeader h2,.commissionHeader p,.commissionPlanBadges span,.commissionSummaryCards span,.commissionSummaryCards strong,.commissionSummaryCards small,.commissionPanel h3,.commissionPanel h4,.commissionPanel small,.commissionFilters label>span,.commissionFilters input,.commissionFilters select,.commissionPlanTable th,.commissionPlanTable td,.commissionPlanTable td strong,.commissionPlanTable td small,.commissionTierTable th,.commissionTierTable td,.commissionTierTable input,.commissionTierTable select,.commissionReportTable th,.commissionReportTable td,.commissionReportTable td strong,.commissionReportTable td small,.commissionEmptyState){color:#071b3d!important;-webkit-text-fill-color:#071b3d!important}
body[data-theme-mode="dark"] #tab-commissions .commissionButton.primary{color:#fff!important;-webkit-text-fill-color:#fff!important}
@media(max-width:980px){#tab-commissions{padding:12px}.commissionHeader{align-items:flex-start;flex-direction:column}.commissionHeaderActions{width:100%;overflow-x:auto}.commissionSummaryCards{grid-template-columns:repeat(2,minmax(0,1fr))}.commissionMainGrid{grid-template-columns:1fr}.commissionFilters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#tab-commissions{overflow-x:hidden;padding:10px}.commissionHeader h2{font-size:28px}.commissionHeaderActions{display:grid;grid-template-columns:1fr 1fr auto}.commissionSummaryCards{grid-template-columns:1fr 1fr;gap:8px}.commissionSummaryCards article{padding:12px}.commissionSummaryCards strong{font-size:19px}.commissionPanel{padding:12px}.commissionFilters{grid-template-columns:1fr}.commissionScopeTabs{max-width:none}.commissionTierHeader{align-items:flex-start;flex-direction:column}.commissionTierHeader .commissionButton{width:100%}.commissionActions .commissionButton{width:100%}.commissionReportHeader{align-items:flex-start}.commissionPlanTable,.commissionTierTable,.commissionReportTable{min-width:720px}}
html body[data-theme-mode] .tabPane#tab-commissions :is(.commissionHeader h2,.commissionHeader p,.commissionPlanBadges span,.commissionSummaryCards span,.commissionSummaryCards strong,.commissionSummaryCards small,.commissionPanelTitle h3,.commissionPanelTitle small,.commissionConfiguration h4,.commissionTierHeader small,.commissionRules li,.commissionCopy label>span,.commissionFilters label>span,.commissionFilters input,.commissionFilters select,.commissionPlanTable th,.commissionPlanTable td,.commissionPlanTable td strong,.commissionPlanTable td small,.commissionTierTable th,.commissionTierTable td,.commissionTierTable input,.commissionTierTable select,.commissionReportTable th,.commissionReportTable td,.commissionReportTable td strong,.commissionReportTable td small,.commissionValidation strong,.commissionValidation span,.commissionEmptyState){color:#071b3d!important;-webkit-text-fill-color:#071b3d!important}
html body[data-theme-mode] .tabPane#tab-commissions :is(.commissionPanel,.commissionSummaryCards article,.commissionFilters input,.commissionFilters select,.commissionPlanTable input,.commissionPlanTable select,.commissionTierTable input,.commissionTierTable select){background:#fff!important}
html body[data-theme-mode] .tabPane#tab-commissions :is(.commissionButton.primary,.commissionScopeTabs button.active){color:#fff!important;-webkit-text-fill-color:#fff!important}