.rep-breakdown-note{grid-column:1/-1;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);color:var(--muted);font-size:12px}
.rep-earnings-orders{grid-column:1/-1}.rep-earnings-orders table{min-width:860px}.rep-earnings-orders th:first-child,.rep-earnings-orders td:first-child{width:32px;padding-right:0}
.rep-earning-row td{transition:background .15s ease}.rep-earning-row:not(.expandable){cursor:default}.rep-earning-row.expandable{cursor:pointer}.rep-earning-row.expandable:hover td{background:var(--surface-soft)}
.rep-earning-row[aria-expanded="true"] td{background:var(--green-soft)}.rep-expand-icon{display:inline-grid;width:22px;height:22px;place-items:center;color:var(--green);font-size:22px;font-weight:900;transition:transform .15s ease}.rep-earning-row[aria-expanded="true"] .rep-expand-icon{transform:rotate(90deg)}
.rep-earning-row td strong,.rep-earning-row td span{display:block}.rep-earning-row td span{margin-top:3px;color:var(--muted);font-size:11px}
.rep-order-drawer{display:grid;width:32px;height:32px;place-items:center;margin-left:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised);color:var(--green);font-size:16px;font-weight:900;cursor:pointer}.rep-order-drawer:hover{border-color:var(--green);background:var(--green-soft)}
.rep-earning-detail>td{padding:0!important;background:var(--surface-soft)!important}.rep-line-breakdown{padding:14px 22px 18px 54px}.rep-line-breakdown table{min-width:780px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel)}
.rep-line-breakdown th{font-size:10px}.rep-line-breakdown td{background:var(--panel)!important;font-size:12px}.rep-line-breakdown td:first-child{width:auto;padding:11px 13px}.rep-line-breakdown td span{margin-top:3px;color:var(--muted);font-size:10px}.rep-line-breakdown tfoot td{border-top:2px solid var(--line);background:var(--surface-soft)!important;font-weight:800}.rep-line-breakdown tfoot td:first-child{text-align:right}.rep-line-breakdown tfoot td:last-child{color:var(--green);font-size:14px}
.rep-commission-empty{padding:18px;border:1px dashed var(--line);border-radius:9px;color:var(--muted);text-align:center}.rep-commission-warning{margin:8px 0 0;color:var(--danger);font-size:11px}
.rep-bonus-tracker{grid-column:1/-1}.rep-bonus-tracker>.panel-head>span{padding:5px 9px;border-radius:999px;background:var(--amber-soft);color:var(--amber);font-size:11px;font-weight:900}.rep-bonus-tracker>.panel-head>span.reached{background:var(--green-soft);color:var(--green)}
.rep-bonus-content{display:grid;grid-template-columns:minmax(280px,1fr) minmax(420px,1.2fr);gap:22px;padding:0 17px 18px}.rep-bonus-progress>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.rep-bonus-progress strong{font-size:18px}.rep-bonus-progress span{color:var(--muted);font-size:11px}.rep-progress-track{height:9px;margin-top:11px;border-radius:999px;background:var(--control-bg);overflow:hidden}.rep-progress-track i{display:block;height:100%;border-radius:inherit;background:var(--green)}
.rep-bonus-comparison{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:10px;overflow:hidden}.rep-bonus-comparison>div{padding:11px 14px}.rep-bonus-comparison>div+div{border-left:1px solid var(--line)}.rep-bonus-comparison .bonus{background:var(--green-soft)}.rep-bonus-comparison small,.rep-bonus-comparison strong,.rep-bonus-comparison span{display:block}.rep-bonus-comparison small{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.rep-bonus-comparison strong{margin-top:4px;font-size:17px}.rep-bonus-comparison span{margin-top:2px;color:var(--muted);font-size:10px}
@media(max-width:850px){.rep-bonus-content{grid-template-columns:1fr}.rep-line-breakdown{padding-left:14px}}
@media(max-width:600px){.rep-bonus-comparison{grid-template-columns:1fr}.rep-bonus-comparison>div+div{border-top:1px solid var(--line);border-left:0}}