.commission-workspace{min-width:0;color:var(--ink);gap:12px;display:grid}.commission-bar{background:var(--nav);color:#fff;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.commission-bar>div{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.commission-bar strong{font-size:16px}.commission-bar small{color:#c5dfd4;font-size:10px}.commission-workspace button{cursor:pointer}.commission-workspace button:disabled{opacity:.5;cursor:default}.commission-bar button{color:#fff;background:0 0;border:1px solid #7da99a;border-radius:6px;padding:7px 10px;font-size:11px}.commission-help{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.commission-error,.commission-success{color:#9b2525;background:#fff3f3;border:1px solid #e3b4b4;border-radius:8px;padding:11px 14px;font-size:12px}.commission-success{color:#12583e;background:#edf9f2;border-color:#aed8c7}.commission-totals{border:1px solid var(--line);background:#fff;border-radius:8px;flex-wrap:wrap;align-items:center;gap:24px;padding:12px 14px;display:flex}.commission-totals span{align-items:center;gap:10px;font-size:11px;display:flex}.commission-totals b{color:var(--green);font-size:15px}.commission-totals .pending b,.commission-totals>small{color:var(--amber)}.commission-totals>small{margin-left:auto;font-size:11px}.commission-filters{gap:10px;display:flex}.commission-filters input{flex:1}.commission-workspace input,.commission-workspace select{width:100%;min-width:0;max-width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #cadbd3;border-radius:6px;padding:9px 10px;font-size:12px}.commission-workspace input:focus,.commission-workspace select:focus{outline-offset:1px;outline:2px solid #1d725855}.commission-filters select{width:215px}.commission-people,.commission-table-wrap{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.commission-people-head,.commission-person{text-align:left;grid-template-columns:minmax(220px,2fr) repeat(4,minmax(95px,1fr)) 60px;align-items:center;gap:14px;width:100%;padding:14px 18px;display:grid}.commission-people-head{color:var(--muted);background:#eef5f1;font-size:10px;font-weight:700}.commission-person{border:0;border-top:1px solid var(--line);color:var(--ink);background:#fff;font-size:12px}.commission-person:hover,.commission-person:focus-visible{background:#f0f8f4}.commission-person small{color:var(--muted);overflow-wrap:anywhere;margin-top:4px;font-size:10px;display:block}.commission-person strong{color:var(--amber)}.commission-person em{color:var(--green);font-size:11px;font-style:normal;font-weight:700}.commission-table{border-collapse:collapse;table-layout:fixed;text-align:left;width:100%}.commission-table th{color:var(--muted);background:#eef5f1;padding:10px;font-size:10px}.commission-table th:first-child{width:26%}.commission-table th:nth-child(2){width:23%}.commission-table th:nth-child(3),.commission-table th:nth-child(4),.commission-table th:nth-child(5){width:12%}.commission-table th:nth-child(6){width:15%}.commission-table td{border-top:1px solid var(--line);vertical-align:top;padding:10px 8px}.commission-table td>small{color:var(--muted);overflow-wrap:anywhere;padding-top:5px;font-size:10px;display:block}.commission-table td>.commission-owner{color:#176b56;background:#e2f4e9;border-radius:999px;width:max-content;max-width:100%;margin-top:5px;padding:4px 7px;font-weight:800}.commission-table .is-dirty td{background:#fffcf3}.commission-table .is-paid td{background:#f4faf6}.commission-table .paid{color:#137052;border-color:#9bcab7}.commission-table .pending{color:#8b5d15}.commission-row-actions{flex-wrap:wrap;gap:4px;display:flex}.commission-row-actions button,.commission-pagination button{color:var(--green);background:#fff;border:1px solid #bfd4ca;border-radius:6px;padding:8px;font-size:11px}.commission-row-actions .primary{background:var(--green);color:#fff;border-color:var(--green)}.commission-row-actions .remove{color:#a94444}.commission-empty{text-align:center;color:var(--muted);padding:28px 16px;font-size:12px}.commission-pagination{color:var(--muted);justify-content:space-between;align-items:center;gap:14px;font-size:11px;display:flex}.commission-pagination>div{align-items:center;gap:10px;display:flex}.commission-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1150px){.commission-people-head{display:none}.commission-person{grid-template-columns:2fr 1fr 1fr;gap:12px}.commission-person>span:first-child{grid-column:1/-1}.commission-person [data-label]:before{content:attr(data-label);color:var(--muted);margin-bottom:3px;font-size:9px;font-weight:400;display:block}.commission-table{display:block}.commission-table thead{display:none}.commission-table tbody{display:block}.commission-table tr{border-bottom:1px solid #c5d9d0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.commission-table td{border:0;display:block}.commission-table td:before{content:attr(data-label);color:var(--muted);margin-bottom:5px;font-size:10px;display:block}}@media (width<=600px){.commission-bar{flex-direction:column;align-items:flex-start}.commission-bar>div{gap:8px}.commission-filters{flex-wrap:wrap}.commission-filters input,.commission-filters select{flex:100%;width:100%}.commission-workspace input,.commission-workspace select{font-size:16px}.commission-table td:first-child,.commission-table td:nth-child(2){grid-column:1/-1}.commission-totals{gap:10px 20px}.commission-totals>small{width:100%;margin:0}.commission-person{grid-template-columns:1fr 1fr}.commission-row-actions button{min-height:36px}}
