.commissions-workspace{--commission-total:#6552be;--commission-paid:#16704b;--commission-open:#9a5a10;--commission-pending:#655a80;--commission-review:#b3344b;min-width:0}
.commissions-filter{padding:18px 20px;background:var(--theme-panel,#fff);border:1px solid var(--line);border-radius:16px;margin:0 0 20px}
.commissions-filter-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.commissions-filter-heading>span{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:750}
.commissions-filter-heading>span svg{color:var(--teal);width:18px;height:18px}
.commissions-filter-heading>small{color:var(--muted);font-size:12px}
.commissions-filter-heading>button{margin-left:auto;min-height:38px}
.commissions-filter-fields{display:grid;grid-template-columns:minmax(170px,1.1fr) minmax(160px,1.2fr) minmax(170px,1.1fr) minmax(100px,.7fr) minmax(160px,1.1fr);align-items:end;gap:12px}
.commissions-filter-fields>.field,.commissions-period>.field{min-width:0;margin:0;font-size:12px}
.commissions-filter .commissions-period{display:flex;gap:12px;grid-column:span 2;min-width:0}
.commissions-filter .commissions-period[hidden]{display:none}
.commissions-period>.field{flex:1}
.commissions-filter .select-control,.commissions-filter .calendar-date-input{width:100%;min-width:0}
.commissions-filter :is(input,.select-trigger){min-height:44px;width:100%}
.commissions-filter .date-format-hint{display:none}
.commissions-filter .calendar-date-input .calendar-open{height:40px;min-height:40px;top:2px}
.commissions-filter-status{font-size:12px;color:var(--muted);margin:12px 0 0;line-height:1.5;min-height:18px}
.commissions-filter-status.is-error{color:var(--commission-review);font-weight:650}
.commissions-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:22px;background:var(--theme-panel,#fff);border:1px solid var(--line);border-radius:16px}
.commission-metric{padding:19px 22px;min-width:0}
.commission-metric+.commission-metric{border-left:1px solid var(--line)}
.commission-metric-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:650;color:var(--muted)}
.commission-metric-label svg{width:17px;height:17px;flex:none}
.commission-metric strong{display:block;font-size:clamp(22px,2.15vw,30px);font-weight:750;line-height:1.25;letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:10px 0 5px;overflow-wrap:anywhere}
.commission-metric small{display:block;font-size:11px;line-height:1.5;color:var(--muted)}
.commission-metric[data-tone="total"] strong{color:var(--commission-total)}
.commission-metric[data-tone="paid"] strong{color:var(--commission-paid)}
.commission-metric[data-tone="open"] strong{color:var(--commission-open)}
.commission-metric[data-tone="pending"] strong{color:var(--commission-pending)}
.commission-review-note{display:flex;gap:7px;align-items:center;flex-wrap:wrap;color:var(--commission-review);border-left:3px solid currentColor;padding:10px 14px;background:var(--theme-panel,#fff);font-size:12px;line-height:1.6}
.commission-review-note svg{width:18px;height:18px}
.commissions-panel{overflow:visible;border-radius:16px}
.commissions-panel-heading{display:flex;align-items:center;gap:14px;padding:20px 20px 16px}
.commissions-panel-heading h2{font-size:16px;margin:0 0 5px}
.commissions-panel-heading p{font-size:12px;color:var(--muted);margin:0}
.commission-list-note{font-size:11px;color:var(--muted);margin-left:auto}
.commissions-selection{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface-soft,#f6f8f9)}
.commissions-selection>span{font-size:12px;color:var(--muted);margin-right:auto}
.commissions-selection>button{min-height:40px;font-size:12px}
.commission-columns,.commission-row{display:grid;grid-template-columns:26px minmax(120px,1fr) minmax(150px,1.2fr) minmax(175px,1.3fr) minmax(115px,.85fr) 38px;align-items:center;gap:14px;padding:14px 20px}
.commission-columns{color:var(--muted);font-size:11px;font-weight:650;padding-block:12px;border-bottom:1px solid var(--line)}
.commission-columns>:nth-child(5){text-align:right}
.commission-row{font-size:13px;line-height:1.45;min-width:0}
.commission-row+.commission-row{border-top:1px solid var(--line)}
.commission-row:last-child{border-radius:0 0 16px 16px}
.commission-row:hover{background:var(--surface-soft,#f6f8f9)}
.commission-row>:is(div,details){min-width:0}
.commission-row small{display:block;font-size:11px;margin-top:4px;color:var(--muted)}
.commission-select input{width:18px;height:18px;accent-color:var(--teal);margin:0;cursor:pointer}
.commission-sale a{font-weight:750;color:var(--ink);text-decoration:none;white-space:nowrap}
.commission-sale a:hover{color:var(--teal);text-decoration:underline}
.commission-seller strong{font-weight:600;overflow-wrap:anywhere}
.commissions-workspace .commission-amount{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:0}
.commissions-workspace .commission-amount strong{font-size:15px;font-weight:750;color:var(--commission-total)}
.commissions-workspace .commission-amount[data-state="paid"] strong{color:var(--commission-paid)}
.commissions-workspace .commission-amount[data-state="open"] strong{color:var(--commission-open)}
.commissions-workspace .commission-amount[data-state="adjustment"] strong{color:var(--commission-review)}
.commissions-workspace .commission-amount[data-state="pending_calculation"] strong{color:var(--commission-pending)}
.commissions-workspace .commission-amount[data-state="cancelled"] strong{color:var(--muted)}
.commission-row .commission-mobile-label{display:none}
.commission-state{white-space:nowrap;font-size:11px;padding:4px 9px;border:1px solid transparent;border-radius:7px}
.commission-state[data-state="paid"]{background:#e8f4ee;color:#236347;border-color:#bddbc9}
.commission-state[data-state="open"]{background:#fff3dc;color:#855b0b;border-color:#ead5ab}
.commission-state[data-state="adjustment"]{background:#fcebed;color:#a03244;border-color:#ebc8cd}
.commission-state[data-state="pending_calculation"]{background:#f1ecfb;color:#6b4ba1;border-color:#d7cceb}
.commission-state[data-state="cancelled"]{background:var(--surface-soft,#eef1f3);color:var(--muted);border-color:var(--line)}
.commission-actions{justify-self:end}
.commission-actions>summary{min-width:38px;min-height:40px}
.commission-row-proofs{grid-column:2/-1}
.commission-row-proofs>summary{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:11px;cursor:pointer;width:fit-content;min-height:30px}
.commission-row-proofs>summary svg{width:15px;height:15px}
.commission-row-proofs .financial-proofs{padding:7px 0}
.commissions-footnote{font-size:11px;color:var(--muted);line-height:1.6;margin-top:14px}
.commissions-workspace [aria-busy="true"] .commissions-panel{opacity:.66}
.commissions-workspace :is(a,button,input,summary):focus-visible{outline:3px solid var(--focus-ring,var(--teal));outline-offset:3px}
@media screen{
 html[data-theme="dark"] .commissions-workspace{--commission-total:#c4b7ff;--commission-paid:var(--theme-positive);--commission-open:var(--theme-warning);--commission-pending:#c5b8e5;--commission-review:var(--theme-negative)}
 html[data-theme="dark"] #app .commission-state[data-state="paid"]{background:var(--theme-positive-bg);color:var(--theme-positive);border-color:#355d4a}
 html[data-theme="dark"] #app .commission-state[data-state="open"]{background:var(--theme-warning-bg);color:var(--theme-warning);border-color:#635132}
 html[data-theme="dark"] #app .commission-state[data-state="pending_calculation"]{background:#322d46;color:#d2c3f0;border-color:#53496e}
 html[data-theme="dark"] #app .commission-state[data-state="adjustment"]{background:var(--theme-negative-bg);color:var(--theme-negative);border-color:#714653}
 html[data-theme="dark"] #app #page .commissions-workspace .commission-metric[data-tone="total"] strong,html[data-theme="dark"] #app #page .commissions-workspace .commission-amount strong{color:var(--commission-total)}
 html[data-theme="dark"] #app #page .commissions-workspace .commission-metric[data-tone="paid"] strong,html[data-theme="dark"] #app #page .commissions-workspace .commission-amount[data-state="paid"] strong{color:var(--commission-paid)}
 html[data-theme="dark"] #app #page .commissions-workspace .commission-metric[data-tone="open"] strong,html[data-theme="dark"] #app #page .commissions-workspace .commission-amount[data-state="open"] strong{color:var(--commission-open)}
 html[data-theme="dark"] #app #page .commissions-workspace .commission-metric[data-tone="pending"] strong,html[data-theme="dark"] #app #page .commissions-workspace .commission-amount[data-state="pending_calculation"] strong{color:var(--commission-pending)}
 html[data-theme="dark"] #app #page .commissions-workspace .commission-amount[data-state="adjustment"] strong{color:var(--commission-review)}
 html[data-theme="dark"] #app #page .commissions-workspace .commission-amount[data-state="cancelled"] strong{color:var(--muted)}
}
@media(max-width:1150px){
 .commissions-filter-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
 .commission-columns,.commission-row{grid-template-columns:22px minmax(105px,1fr) minmax(110px,1fr) minmax(140px,1.2fr) minmax(100px,.8fr) 36px;gap:10px;padding-inline:16px}
 .commission-metric{padding:17px 16px}
}
@media(max-width:800px){
 .commissions-filter{padding:15px;border-radius:13px}
 .commissions-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
 .commissions-filter-heading{gap:8px;flex-wrap:wrap;margin-bottom:14px}
 .commissions-filter-heading>small{display:none}
 .commissions-metrics{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:13px}
 .commission-metric:nth-child(3){border-left:0}
 .commission-metric:nth-child(n+3){border-top:1px solid var(--line)}
 .commission-metric strong{font-size:25px}
 .commission-metric small{font-size:10px}
 .commission-list-note,.commission-columns{display:none}
 .commissions-panel-heading{padding:17px 15px}
 .commissions-selection{padding:11px 15px}
 .commissions-selection>span{order:-1;flex-basis:100%}
 .commissions-selection>button{min-height:44px;flex:1 1 auto}
 .commission-row{grid-template-columns:22px minmax(0,1fr) auto 38px;gap:10px 9px;padding:15px}
 .commission-select{grid-column:1;grid-row:1}
 .commission-sale{grid-column:2;grid-row:1}
 .commission-actions{grid-column:4;grid-row:1}
 .commissions-workspace .commission-amount{grid-column:3;grid-row:1}
 .commission-seller{grid-column:2/5;grid-row:2;display:flex;align-items:baseline;gap:7px}
 .commission-seller .commission-mobile-label{display:inline;margin:0}
 .commission-status{grid-column:2/5;grid-row:3}
 .commission-row-proofs{grid-column:2/5}
 .commissions-workspace .commission-amount strong{font-size:16px}
 .commissions-workspace .commission-amount .commission-mobile-label{display:block;margin:0 0 3px}
}
@media(max-width:430px){
 .commissions-filter-fields{grid-template-columns:minmax(0,1fr)}
 .commissions-filter .commissions-period{grid-column:1;flex-wrap:wrap}
 .commissions-period>.field{flex-basis:125px}
 .commission-metric{padding:14px 12px}
 .commission-metric-label{font-size:11px;gap:5px}
 .commission-metric strong{font-size:22px}
 .commission-row{grid-template-columns:20px minmax(0,1fr) 38px}
 .commission-sale{grid-column:2;grid-row:1}
 .commission-actions{grid-column:3}
 .commissions-workspace .commission-amount{grid-column:2/4;grid-row:2;display:flex;justify-content:space-between;align-items:baseline;text-align:left}
 .commissions-workspace .commission-amount .commission-mobile-label{margin:0}
 .commission-seller{grid-column:2/4;grid-row:3}
 .commission-status{grid-column:2/4;grid-row:4}
 .commission-row-proofs{grid-column:2/4}
}