.agent-fees-v2 .billing-user-recharge-grid { grid-template-columns:minmax(340px,.85fr) minmax(0,1.45fr); align-items:start; }
.agent-fees-v2 .agent-personal-ledger { min-width:0; padding:0; overflow:hidden; }
.agent-fees-v2 .agent-personal-ledger > .panel-header { padding:0 20px; margin:0; min-height:65px; border-bottom:1px solid #e9ebf4; }
.fee-ledger-tabs { display:flex; gap:22px; }
.fee-ledger-tabs button { position:relative; padding:22px 0 19px; border:0; background:transparent; color:#8992a4; font-size:16px; font-weight:600; cursor:pointer; }
.fee-ledger-tabs button[aria-selected="true"] { color:#6c59dc; }
.fee-ledger-tabs button[aria-selected="true"]:after { content:""; position:absolute; height:3px; background:#7964ea; border-radius:3px; bottom:0; left:0; right:0; }
.fee-ledger-intro,.fee-ledger-footnote { padding:0 20px; font-size:13px; color:#8a93a6; line-height:1.7; margin:16px 0; }
.fee-ledger-filters { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:0 20px; }
.fee-ledger-filters label { display:flex; flex-direction:column; gap:7px; min-width:0; font-size:13px; color:#66748e; }
.agent-fees-v2 .fee-ledger-filters :is(select,input) { box-sizing:border-box; min-width:0; width:100%; height:38px; padding:7px 10px; font-size:13px; color:#405273; border:1px solid #dfe4f1; border-radius:8px; background:#fff; }
.fee-ledger-filter-actions { grid-column:1/-1; display:flex; gap:9px; justify-content:flex-end; }
.fee-ledger-filter-actions button,.fee-ledger-pagination :is(button,select) { border:1px solid #dfe4f1; border-radius:8px; background:#fff; color:#586780; padding:8px 13px; font-size:13px; cursor:pointer; }
.fee-ledger-filter-actions button[type=submit] { background:#7160e5; border-color:#7160e5; color:#fff; }
.fee-ledger-message { min-height:20px; margin:7px 20px; font-size:13px; color:#8390a4; }
.fee-ledger-message.is-error { color:#d24c68; }
.fee-ledger-table-wrap { margin:0 20px; overflow:auto; max-height:580px; border:1px solid #e8ebf4; border-radius:9px; }
.fee-ledger-table { width:100%; min-width:620px; border-collapse:collapse; font-size:13px; text-align:left; font-variant-numeric:tabular-nums; }
.fee-ledger-table th { position:sticky; top:0; background:#f6f7fc; color:#7a849a; font-size:12px; font-weight:600; padding:14px 10px; z-index:1; white-space:nowrap; }
.fee-ledger-table td { color:#42526b; padding:15px 10px; border-top:1px solid #edf0f7; vertical-align:top; line-height:1.6; }
.fee-ledger-table :is(th,td):first-child { min-width:126px; }
.fee-ledger-table td:not(:last-child) { white-space:nowrap; }
.fee-ledger-table td:last-child { min-width:160px; max-width:280px; overflow-wrap:anywhere; }
.fee-ledger-table tbody tr:hover { background:#faf9ff; }
.fee-ledger-row-tags { display:flex; gap:5px; flex-wrap:wrap; margin-top:5px; }
.fee-ledger-row-tags span { color:#7661d5; background:#f0ecff; border-radius:4px; font-size:12px; padding:1px 5px; }
.fee-ledger-row-tags small,.fee-ledger-status { font-size:12px; color:#8d97a8; }
.fee-ledger-table .fee-ledger-amount { font-weight:600; }
.fee-ledger-table .positive { color:#159a81; }.fee-ledger-table .negative { color:#dc6476; }
.fee-ledger-table details summary { cursor:pointer; }.fee-ledger-table details > div { margin-top:7px; font-size:12px; color:#8d97a8; }
.fee-ledger-table .fee-ledger-empty { text-align:center; padding:70px 15px; color:#919bad; font-size:14px; }
.fee-ledger-pagination { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:8px; padding:18px 20px 0; font-size:13px; color:#7c879b; }
.fee-ledger-pagination > span:first-child { margin-right:auto; }
.fee-ledger-pagination button:disabled { opacity:.45; cursor:not-allowed; }
.agent-fees-v2 #feeRechargePane .billing-status-list { min-height:300px; max-height:650px; overflow:auto; }
@media(min-width:1650px) { .fee-ledger-filters { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:1200px) { .agent-fees-v2 .billing-user-recharge-grid { grid-template-columns:1fr; }.agent-personal-ledger { grid-row:1; } }
@media(max-width:600px) { .fee-ledger-tabs { gap:14px; }.fee-ledger-tabs button { font-size:15px; }.fee-ledger-pagination { gap:5px; }.fee-ledger-pagination :is(button,select) { padding:7px; } }