.commission-back{display:inline-block;font-size:12px;font-weight:700;color:var(--teal);margin-bottom:22px}.commission-hero{padding:40px 0 43px}.commission-section{padding:38px 0 56px}.commission-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}.commission-editor{display:grid;gap:20px}.commission-panel,.commission-results{background:#fff;border:1px solid var(--line);border-radius:15px;padding:28px;box-shadow:0 5px 25px rgba(23,48,59,.035)}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-title-row h2,.results-head h2{margin:5px 0 0;font-size:22px}.commission-help{font-size:12px;color:var(--muted);margin:10px 0 18px}.commission-tag{font-size:11px;font-weight:700;color:#147975;background:#e7f4ef;border-radius:99px;padding:5px 10px;white-space:nowrap}.base-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.commission-field{display:grid;gap:6px;font-size:12px;font-weight:700;color:#36585b}.commission-field input,.commission-field select,.tier-row input{width:100%;height:41px;border:1px solid #cadbd6;border-radius:8px;background:#fcfdfc;padding:8px 11px;color:var(--ink);min-width:0}.commission-field input:focus,.commission-field select:focus,.tier-row input:focus{border-color:var(--teal);outline:2px solid #d4eeea}.commission-field input::placeholder{color:#a0afad}.project-list{display:grid;gap:15px}.project-card{border:1px solid #d9e7e2;border-radius:13px;padding:21px;background:#fbfdfb}.project-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}.project-top h3{font-size:16px;margin:0}.project-top-actions{display:flex;align-items:center;gap:12px}.project-enabled{display:inline-flex;gap:6px;align-items:center;font-size:11px;font-weight:700;color:#536d6f;white-space:nowrap}.project-enabled input{accent-color:var(--teal)}.small-action,.text-action{background:#fff;border:1px solid #bad4d0;border-radius:8px;padding:7px 11px;color:var(--teal);font-size:11px;font-weight:800;white-space:nowrap}.small-action:hover,.text-action:hover{background:#edf7f3}.text-action{border:0;background:transparent;color:#7a7f83}.project-rule-grid{display:grid;grid-template-columns:2fr 1.4fr 1.25fr 1.2fr;gap:12px}.project-card[data-mode="simple"][data-rate-type="percent"] .unit-rate-label{display:none}.project-card[data-mode="simple"][data-rate-type="fixed"] .percent-rate-label{display:none}.project-card:not([data-mode="simple"]) .simple-rate{display:none}.project-card[data-mode="simple"] .tier-editor{display:none}.tier-editor{margin-top:20px;border-top:1px solid #e0e9e5;padding-top:15px}.tier-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.tier-head strong{font-size:12px}.tier-head span{font-size:10px;color:var(--muted)}.tier-grid-head,.tier-row{display:grid;grid-template-columns:1fr 1fr 1fr 38px;gap:9px;align-items:center}.tier-grid-head{font-size:10px;color:var(--muted);font-weight:700;margin-bottom:5px}.tier-row{margin-bottom:7px}.tier-row input{height:36px;font-size:12px}.tier-remove{border:0;background:#eef3f0;color:#637d7b;border-radius:7px;height:35px;font-size:18px}.tier-remove:hover{background:#fbe4e0;color:#a9443d}.project-metrics{margin-top:19px;border-top:1px solid #e0e9e5;padding-top:16px}.project-metrics strong{display:block;font-size:12px;margin-bottom:10px}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.commission-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#eaf4f0}.commission-actions strong{font-size:14px}.commission-actions p{font-size:11px;color:var(--muted);margin:4px 0 0}.action-buttons{display:flex;gap:9px;flex-wrap:wrap}.action-buttons .btn{font-size:11px;white-space:nowrap}.commission-results{background:#173d48;color:#fff;border-color:#173d48}.results-head h2{color:#fff}.results-head p{color:#b9d1d2;font-size:12px;margin:4px 0 21px}.commission-results .eyebrow{color:#8ed6c9}.commission-error{background:#fff0e9;color:#9b312c;border-radius:8px;padding:10px 13px;font-size:12px;margin:0 0 16px}.result-table-wrap{overflow-x:auto}.commission-result-table{width:100%;border-collapse:collapse;min-width:480px;font-size:13px}.commission-result-table th,.commission-result-table td{text-align:right;padding:13px;border-bottom:1px solid #436670}.commission-result-table th:first-child{text-align:left}.commission-result-table thead th{font-size:11px;color:#b5d3d0}.commission-result-table td{font-weight:700}.commission-result-table .income-row{background:#28515a}.commission-result-table .income-row td{font-size:20px;color:#f1cf91}.scenario-bars{display:grid;gap:9px;margin:23px 0}.scenario-bars>div{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;font-size:11px;color:#c9dcda}.scenario-bars i{display:block;height:10px;max-width:100%;border-radius:99px;background:#81bcb5;transition:width .25s}.scenario-bars>div:nth-child(2) i{background:#63aaab}.scenario-bars>div:nth-child(3) i{background:#e9c384}.breakdown{border-top:1px solid #436670;padding-top:15px}.breakdown h3{font-size:12px;margin:0 0 7px}.breakdown-row{display:grid;grid-template-columns:minmax(130px,1.4fr) repeat(3,minmax(85px,1fr));gap:9px;padding:7px 0;font-size:11px;color:#c9dcda;border-bottom:1px solid #315762}.breakdown-row span:not(:first-child){text-align:right}.breakdown-row:last-child{border-bottom:0}.results-note{font-size:11px;line-height:1.7;color:#b9d1d2;margin-top:18px}.commission-notes{padding:45px 0 72px;background:#edf4f0}.commission-notes h2{font-size:24px;margin:0 0 18px}.commission-notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.commission-notes-grid>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px}.commission-notes-grid strong{font-size:13px}.commission-notes-grid p{font-size:11px;color:var(--muted);margin:6px 0 0}
@media(max-width:760px){.base-grid,.project-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commission-notes-grid{grid-template-columns:1fr}.commission-actions{display:block}.action-buttons{margin-top:14px}}
@media(max-width:540px){.commission-panel,.commission-results{padding:20px}.base-grid,.project-rule-grid{grid-template-columns:1fr}.metrics-grid{gap:7px}.commission-field input,.commission-field select{font-size:13px}.project-top{align-items:start}.project-top-actions{flex-direction:column;align-items:end;gap:3px}.project-card{padding:16px}.tier-grid-head,.tier-row{grid-template-columns:1fr 1fr 1fr 27px;gap:5px}.tier-row input{padding:5px;font-size:11px}.commission-result-table .income-row td{font-size:16px}.action-buttons .btn{flex:1}.breakdown-row{grid-template-columns:minmax(90px,1.2fr) repeat(3,minmax(55px,1fr));gap:4px;font-size:10px}}