.trade-page{--trade-green:#254e3c;--trade-muted:#75816e;--trade-line:#e4e9dd;color:#253d32;padding-bottom:14px}
.trade-page [hidden]{display:none!important}.trade-page button,.trade-page a{touch-action:manipulation}.trade-page button:focus-visible,.trade-page a:focus-visible{outline:3px solid #b98444;outline-offset:3px}
.trade-intro{padding:25px 24px;border-radius:22px;background:#e5edde;border:1px solid #dce5d4}.trade-eyebrow{display:block;color:#66805a;font-size:11px;letter-spacing:2px;margin-bottom:12px}.trade-intro h2{font-size:24px;line-height:1.5;letter-spacing:-.6px}.trade-intro>p{font-size:12px;color:#6f7f64;line-height:1.8;margin-top:8px}.trade-wallet-links{display:flex;gap:10px;margin-top:22px}.trade-wallet-links a{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:45px;padding:11px 15px;border-radius:12px;background:#254e3c;color:#fff;font-size:13px;font-weight:600}.trade-wallet-links a+ a{background:#f4f7ef;color:#254e3c;border:1px solid #d4dfca}.trade-wallet-links span{font-size:19px;font-weight:400}
.trade-ledger{margin-top:20px;background:white;border:1px solid var(--trade-line);border-radius:20px;padding:17px 20px 20px;overflow:hidden}.trade-filter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:4px;background:#f1f4ec;border-radius:12px}.trade-filter button{background:transparent;padding:11px 3px;min-height:44px;border-radius:9px;font-size:12px;color:#77836f;white-space:nowrap}.trade-filter button[aria-pressed=true]{background:#fff;color:#254e3c;font-weight:650;box-shadow:0 2px 6px #243a2410}.trade-list-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:16px}.trade-list-heading p{font-size:11px;color:var(--trade-muted)}.trade-text-button{min-height:40px;background:none;color:#49613e;font-size:12px;padding:8px 2px}.trade-record{display:flex;align-items:center;width:100%;gap:12px;padding:19px 0;border-bottom:1px solid var(--trade-line);background:transparent;text-align:left}.trade-record:hover{background:#fafcf7}.trade-direction-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;background:#f1eadd;color:#9b7547;font-size:21px}.trade-direction-icon.is-incoming{background:#e9f0e3;color:#4c7751}.trade-record-copy{min-width:0;flex:1}.trade-record-copy>strong{display:block;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.trade-record-copy>span,.trade-record-copy time{display:block;font-size:10px;line-height:1.6;color:var(--trade-muted);margin-top:4px;overflow-wrap:anywhere}.trade-record-value{max-width:46%;min-width:0;text-align:right;flex:none}.trade-record-value>strong{display:block;font-size:19px;font-weight:650;line-height:1.4;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.trade-record-value.is-incoming>strong{color:#4a7950}.trade-record-value small{display:block;font-size:10px;line-height:1.5;margin-top:5px;color:var(--trade-muted);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.trade-record-open{display:block;font-size:10px;color:#87947c;line-height:1.5;margin-top:3px}.trade-pagination{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:20px;font-size:12px}.trade-pagination:empty{margin:0}.trade-soft-button{background:#e9f0e2;color:#254e3c;min-height:42px;border-radius:11px;padding:10px 14px;font-size:12px;font-weight:600}.trade-soft-button:disabled{opacity:.45;cursor:default}.trade-state{padding:38px 10px;text-align:center;color:var(--trade-muted);font-size:13px;line-height:1.8;overflow-wrap:anywhere}.trade-state h3{font-size:15px;color:#344b36;margin-bottom:10px}.trade-state p{font-size:12px;line-height:1.8}.trade-state .trade-soft-button{margin-top:18px}.trade-state-actions{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:18px}.trade-state-actions .trade-soft-button{margin:0}.trade-empty-icon{display:grid;place-items:center;margin:0 auto 17px;width:50px;height:50px;border-radius:17px;background:#eff3e9;color:#849677;font-size:27px}.trade-footnote{font-size:10px;line-height:1.8;color:#87917f;padding:16px 3px 0}
.trade-dialog{width:min(480px,calc(100% - 28px));max-height:calc(100dvh - 32px);padding:23px;border:0;border-radius:22px;background:#fff;color:#253d32;box-shadow:0 25px 90px #122d2850;overscroll-behavior:contain}.trade-dialog::backdrop{background:#17372d70;backdrop-filter:blur(4px)}.trade-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.trade-dialog-heading h2{font-size:19px}.trade-dialog-heading>button{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:#f0f4e9;color:#53664a;font-size:25px}.trade-detail-amount{text-align:center;font-size:34px;font-weight:650;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;padding:13px 0 25px;line-height:1.4}.trade-detail-amount.is-incoming{color:#4a7950}.trade-detail-amount small{font-size:12px;font-weight:400;color:#7b8773;margin-left:7px}.trade-detail-list{margin:0}.trade-detail-list>div{display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px;padding:12px 0;border-top:1px solid #e7ecdf;font-size:12px;line-height:1.7}.trade-detail-list dt{color:#7b8773}.trade-detail-list dd{margin:0;text-align:right;overflow-wrap:anywhere}.trade-detail-note{font-size:11px;line-height:1.8;color:#7b8773;margin-top:18px}
@media(max-width:420px){.trade-intro{padding:22px 19px}.trade-intro h2{font-size:21px}.trade-wallet-links{gap:8px}.trade-wallet-links a{flex:1;gap:8px;padding:10px 12px;font-size:12px}.trade-ledger{padding:13px 14px 17px}.trade-record{gap:9px}.trade-direction-icon{width:31px;height:34px;border-radius:10px;font-size:18px}.trade-record-value>strong{font-size:17px}.trade-record-copy>strong{font-size:12px}.trade-pagination{gap:10px;font-size:11px}.trade-pagination .trade-soft-button{padding:9px 12px}.trade-dialog{padding:20px}}
@media(max-width:350px){.trade-ledger{padding:12px 10px 15px}.trade-intro h2{font-size:19px}.trade-record{gap:8px}.trade-direction-icon{display:none}.trade-filter button{font-size:11px}.trade-wallet-links a{padding:10px 9px}.trade-record-value{max-width:45%}}