/* One ledger component for wallet and standalone orders, sharing account paging. */
.wallet-orders-layout .account-content{background:none;padding:0;border-radius:0;}
.wallet-ledger{box-sizing:border-box;min-width:0;padding:28px;border:1px solid #ffffff14;border-radius:20px;background:#151515;color:#f2f2f2;container-type:inline-size;scroll-margin-top:110px;}
.wallet-ledger [hidden]{display:none!important;}
.wallet-ledger :where(button,input){font-family:inherit;}
.wallet-ledger button{cursor:pointer;}
.wallet-ledger .deposit-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;}
.wallet-ledger .deposit-section-heading h1,.wallet-ledger .deposit-section-heading h2{margin:0;font-size:14px;line-height:20px;font-weight:500;}
.wallet-orders-page .deposit-section-heading h1{font-size:24px;line-height:32px;}
.wallet-ledger .deposit-section-heading p{margin:6px 0 0;color:#999;font-size:12px;line-height:18px;}
.wallet-ledger .deposit-section-note{flex:none;color:#999;font-size:12px;line-height:18px;}
.wallet-ledger .wallet-transaction-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;}
.wallet-ledger .wallet-transaction-tabs button{border:1px solid transparent;border-radius:9px;background:none;color:#999;padding:6px 12px;font-size:12px;line-height:18px;}
.wallet-ledger .wallet-transaction-tabs button[aria-pressed=true]{color:#ff762f;background:#ff4b021a;border-color:#ff4b0233;}
.wallet-ledger .deposit-transaction-list{max-height:none;overflow:visible;}
.wallet-ledger .deposit-transaction-list article{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid #ffffff0a;}
.wallet-ledger .deposit-transaction-list article:last-child{border-bottom:0;}
.wallet-ledger .deposit-transaction-icon{display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 40px;height:40px;border-radius:10px;border:1px solid #0abe7533;background:#0abe751a;}
.wallet-ledger .deposit-transaction-icon img{display:block;filter:brightness(0) invert(1);}
.wallet-ledger .wallet-transaction--consume .deposit-transaction-icon{border-color:#ff3b3033;background:#ff3b301a;}
.wallet-ledger .wallet-transaction--reward .deposit-transaction-icon{border-color:#ffe12033;background:#ffe1201a;}
.wallet-ledger .deposit-transaction-title{flex:1;min-width:0;}
.wallet-ledger .wallet-transaction-heading{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.wallet-ledger .deposit-transaction-title strong{font-size:14px;line-height:20px;font-weight:500;overflow-wrap:anywhere;}
.wallet-ledger .wallet-transaction-status{padding:2px 8px;background:#17ce9214;color:#c9ddd3;border-radius:6px;font-size:10px;line-height:16px;}
.wallet-ledger .wallet-transaction--reward .wallet-transaction-status{background:#ffe1201a;color:#dace9d;}
.wallet-ledger .deposit-transaction-title time,.wallet-ledger .deposit-transaction-amount small{display:block;margin-top:6px;color:#999;font-size:12px;line-height:18px;overflow-wrap:anywhere;}
.wallet-ledger .deposit-transaction-amount{flex:none;text-align:right;}
.wallet-ledger .deposit-transaction-amount strong{font-size:14px;line-height:20px;font-weight:500;white-space:nowrap;}
.wallet-ledger .deposit-tx-amount--plus{color:#00c878;}.wallet-ledger .deposit-tx-amount--minus{color:#ff762f;}.wallet-ledger .wallet-transaction--reward .deposit-tx-amount--plus{color:#e9c846;}
.wallet-ledger .deposit-empty{margin:0;padding:28px 8px;text-align:center;color:#999;font-size:12px;line-height:20px;}
.wallet-ledger .wallet-retry{border:0;background:none;color:#ff762f;padding:8px 0;font-size:12px;line-height:18px;}
.wallet-ledger .pagination.pagination--account{margin:20px 0 0;padding:16px 0 0;border:0;border-top:1px solid #ffffff0d;border-radius:0;background:none;gap:12px;}
.wallet-ledger .pagination--account .pagination-btn{width:32px;min-width:32px;height:32px;}.wallet-ledger .pagination--account .pagination-ellipsis{height:32px;}
@container (max-width:620px){.wallet-ledger .pagination.pagination--account{display:flex;flex-direction:column;gap:12px;}.wallet-ledger .pagination-summary{width:100%;text-align:center;}.wallet-ledger .pagination-jump{display:none;}}
@media(max-width:767px){
 .wallet-ledger{scroll-margin-top:64px;padding:0;border:0;border-radius:0;background:none;}
 .wallet-ledger .deposit-section-heading{gap:10px;margin-bottom:16px;}.wallet-orders-page .deposit-section-heading h1{font-size:20px;line-height:28px;}.wallet-ledger .deposit-section-note{font-size:11px;}
 .wallet-ledger .wallet-transaction-tabs{padding:4px;gap:4px;flex-wrap:nowrap;background:#1c1c1c;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:12px;}
 .wallet-ledger .wallet-transaction-tabs button{flex:1;padding:6px 0;border-radius:8px;font-size:12px;line-height:18px;white-space:nowrap;}
 .wallet-ledger .wallet-transaction-tabs button[aria-pressed=true]{color:#fff;background:#ff4b02;border-color:transparent;}
 .wallet-ledger .deposit-transaction-list article{gap:8px;padding:14px 12px;margin-bottom:8px;border:1px solid #ffffff0d;border-radius:12px;background:#1c1c1c;}
 .wallet-ledger .deposit-transaction-icon{flex-basis:32px;height:32px;border-radius:9px;}
 .wallet-ledger .wallet-transaction-heading{gap:4px;}.wallet-ledger .deposit-transaction-title strong,.wallet-ledger .deposit-transaction-amount strong{font-size:12px;line-height:18px;}
 .wallet-ledger .wallet-transaction-status{padding:1px 6px;}.wallet-ledger .deposit-transaction-title time,.wallet-ledger .deposit-transaction-amount small{font-size:10px;line-height:16px;margin-top:4px;}
 .wallet-ledger .pagination.pagination--account{margin-top:16px;gap:12px;align-self:stretch;width:100%;max-width:100%;}
}
