@import url('/static/commerce.css');
.commission-meaning{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:23px 0 32px;border-top:1px solid var(--line);margin-bottom:26px}.commission-meaning strong{color:var(--cyan);font-size:15px;font-weight:500}.commission-meaning p{color:var(--muted);font-size:12px;line-height:1.8;margin:9px 0 0}.commission-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:22px 0}.commission-values div{min-width:0}.commission-values dt{font-size:11px;color:var(--muted);line-height:1.5}.commission-values dd{font-size:23px;color:var(--gold);margin:7px 0 0;overflow-wrap:anywhere}.allocation{padding:24px 0;border-bottom:1px solid var(--line)}.allocation:first-child{padding-top:0}.allocation:last-child{border-bottom:0}.allocation-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.allocation h3{font-size:18px;margin:0}.allocation p{font-size:12px;color:var(--muted);line-height:1.7;overflow-wrap:anywhere}.allocation .commission-values{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:18px 0}.allocation .commission-values dd{font-size:19px}.unpaid{display:inline-block;font-size:11px;color:var(--cyan);border:1px solid #416368;border-radius:20px;padding:7px 12px;line-height:1.5}.allocation-rate{color:var(--gold);font-size:22px;white-space:nowrap}.allocation-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.member-page{display:flex;align-items:center;justify-content:space-between;gap:10px}.member-page span{font-size:11px;color:var(--muted)}.member-page button{font-size:11px;padding:8px;min-height:40px}.commission-warning{border-left:2px solid var(--gold);padding-left:16px;line-height:1.8}.commission-order-link{display:inline-block;margin-bottom:15px}.commission-lock{color:var(--gold)!important}.allocation-empty{padding:20px 0}.commission-line{padding:14px 0;border-top:1px solid var(--line)}.commission-line strong{font-size:13px;font-weight:500}.commission-line p{margin:6px 0;font-size:12px}.commission-form-help{font-size:12px;line-height:1.7;color:var(--muted)}
@media(max-width:800px){.commission-meaning{gap:18px}.allocation .commission-values{grid-template-columns:repeat(2,minmax(0,1fr))}.commission-layout{display:flex!important;flex-direction:column}.commission-layout>div{display:contents}.commission-layout .commission-summary{order:0}.commission-layout .commission-allocations{order:1}.commission-layout .commission-basis{order:2}}
@media(max-width:500px){.commission-meaning{grid-template-columns:1fr;gap:17px}.commission-meaning p{margin-top:4px}.allocation-heading{flex-wrap:wrap}.commission-values dd{font-size:21px}.member-page{flex-wrap:wrap}.member-page span{order:3;width:100%;text-align:center}.topbar nav{gap:12px 15px}}