.commission-work-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.commission-work-kpis article{border:1px solid #d9e4e9;border-radius:12px;background:#f2f7fa;padding:16px;min-width:0}.commission-work-kpis span,.commission-work-kpis b,.commission-work-kpis small{display:block}.commission-work-kpis b{font-size:28px;margin:6px 0;color:#114865;overflow-wrap:anywhere}.commission-chart{display:grid;gap:16px;padding:4px 0 12px}.commission-chart-row{min-width:0}.commission-chart-row>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:7px}.commission-chart-row b{font-size:16px;color:#163b50;overflow-wrap:anywhere}.commission-chart-row>div>span{font-size:14px;color:#476777}.commission-bar-track{height:14px;border-radius:7px;background:#e7eff3;overflow:hidden}.commission-bar-track>span{display:block;height:100%;background:#197b98;border-radius:7px}.status-approved .commission-bar-track>span{background:#16824f}.status-pending .commission-bar-track>span{background:#c58216}.status-rejected .commission-bar-track>span{background:#b85353}@media(max-width:600px){.commission-work-kpis{grid-template-columns:1fr;gap:8px}.commission-work-kpis article{display:grid;grid-template-columns:1fr auto;align-items:center;padding:12px}.commission-work-kpis b{grid-column:2;grid-row:1/3;font-size:24px}.commission-chart-row>div:first-child{align-items:flex-start}.commission-chart-row>div>span{font-size:13px}}
.commission-owner-chart-button{display:block;width:100%;padding:12px;border:1px solid #d9e4e9;border-radius:12px;background:#fff;text-align:left;font:inherit;cursor:pointer}.commission-owner-chart-button:focus-visible{outline:3px solid #16779c;outline-offset:3px}.commission-owner-chart-button>small{display:block;margin-top:8px;color:#476777;font-size:13px}.commission-owner-chart-button:hover{background:#f4f9fb}