.commercial-commission-stats .commission-status-filter{display:grid;grid-template-columns:35px 1fr;column-gap:9px;align-items:center;padding:15px;border:1px solid #dce6ed;border-radius:13px;background:#fff}
.commercial-commission-stats .commission-status-filter>span{grid-row:1/4;width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#eaf8f3;color:#158361}
.commercial-commission-stats .commission-status-filter>span.negative{background:#fff0ef;color:#ba5952}
.commercial-commission-stats .commission-status-filter>span.pending{background:#fff7e8;color:#a76d0d}
.commercial-commission-stats .commission-status-filter>span.payable{background:#edf4ff;color:#4772bc}
.commercial-commission-stats .commission-status-filter>span.paid{background:#e8f8f1;color:#168362}
.commercial-commission-stats .commission-status-filter{font:inherit;text-align:left;cursor:pointer;min-width:0;transition:border-color .15s,box-shadow .15s}
.commercial-commission-stats .commission-status-filter:hover,.commercial-commission-stats .commission-status-filter.active{border-color:var(--brand,#0896b4);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand,#0896b4) 18%,transparent)}
.commercial-commission-stats .commission-status-filter:focus-visible{outline:3px solid var(--brand,#0896b4);outline-offset:2px}
.commercial-commission-status.partial{background:#eaf5ff;color:#285f88}
.commercial-release-fields input[type=date]{color-scheme:light;min-width:0;width:100%;box-sizing:border-box}
@media(max-width:820px){.commercial-release-fields input,.commercial-release-fields select{font-size:16px;min-height:44px}.commercial-release-fields label{font-size:12px}.commercial-release-fields>div small{font-size:12px}}