.commission-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.commission-cards article{background:#edf3ef;padding:22px;border-radius:12px;display:grid;gap:14px}.commission-cards span{color:#64766d;font-size:14px}.commission-cards strong{font-size:25px;overflow-wrap:anywhere}.commission-cards .commission-balance{background:#f8efd9}.commission-warning{background:#f8efd9;color:#805f27;padding:16px;border-radius:10px}.commission-payment{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0;border-bottom:1px solid #dde6df}.commission-payment>div:first-child{min-width:0}.commission-payment strong,.commission-payment small{display:block;overflow-wrap:anywhere}.commission-payment small{color:#64766d;margin-top:8px}.commission-payment-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.commission-dialog{width:min(860px,calc(100vw - 32px));max-height:85dvh;padding:28px;border:1px solid #dce5df;border-radius:18px;color:#172f27;background:#fffefa}.commission-dialog::backdrop{background:#153d3270}.commission-dialog label{display:grid;gap:8px;margin:18px 0}.commission-dialog [role=status]{color:#a03424}#commission-view .panel{margin-bottom:24px}#commission-view h2{margin-top:0}@media(max-width:900px){.commission-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.commission-cards article{padding:16px}.commission-cards strong{font-size:21px}}@media(max-width:520px){.commission-payment{align-items:flex-start;flex-direction:column}.commission-payment-actions{justify-content:flex-start}.commission-dialog{padding:18px}.commission-dialog .panel-heading{align-items:flex-start;gap:10px}.commission-cards{gap:10px}.commission-cards strong{font-size:18px}}
#commission-view .commission-summary>p{margin:20px 24px}#commission-view .commission-summary .commission-cards{margin:24px}#commission-view .panel>h2{margin:24px}#commission-view .panel>.muted{margin:20px 24px}#commission-view .commission-payments{padding:0 24px 16px}#commission-view .commission-payment .text-button{color:#496457}#commission-view .commission-summary>.commission-warning{margin:20px 24px}.commission-table-hint{font-size:13px;color:#64766d;margin:12px 24px}
.commission-payment-actions details{position:relative}.commission-payment-actions summary{color:#496457;padding:12px;cursor:pointer;white-space:nowrap}.commission-payment-actions details[open] button{display:block;margin:8px 0}#commission-view .commission-table-hint{display:none}@media(max-width:700px){#commission-view .commission-table-hint{display:block}}
@media(max-width:520px){#commission-view .commission-cards strong{font-size:clamp(12px,3.6vw,16px);white-space:nowrap;overflow-wrap:normal}#commission-view .commission-cards article{padding:12px}}@media(max-width:350px){#commission-view .commission-cards{grid-template-columns:1fr}}
.commission-history details{padding:24px}.commission-history summary{cursor:pointer;font-weight:600;color:#153d32}.commission-history p{color:#64766d;line-height:1.7}