.trades-card { margin-top:18px; padding:0; border:0; background:#fff; }
.trades-head { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:11.5cqw; }
.trades-heading { display:flex; align-items:center; gap:8px; min-width:0; }
.trades-heading h2 { margin:0; color:#151419; font-size:4.2cqw; font-weight:800; white-space:nowrap; }
.trades-count { color:#919095; font-size:10px; white-space:nowrap; }
.trades-receipt { display:grid; place-items:center; width:16.3cqw; height:16.3cqw; border-radius:50%; background:#fff3f5; color:#ef1033; }
.trades-receipt svg,.trades-refresh svg { fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.trades-receipt svg { width:7cqw; height:7cqw; }
.trades-refresh { display:grid; flex:none; place-items:center; width:11.5cqw; height:11.5cqw; min-width:40px; min-height:40px; padding:0; border:0; border-radius:50%; background:#f7f7f9; color:#ef1033; cursor:pointer; }
.trades-refresh svg { width:5.2cqw; height:5.2cqw; }
.trades-refresh:disabled { opacity:.4; }
.trades-refresh:focus-visible,.trades-more:focus-visible { outline:2px solid var(--red); outline-offset:3px; }
.trade-profit { color:var(--green); }
.trade-loss { color:var(--red); }
.trades-list { margin:12px 0 0; padding:0; list-style:none; }
.trade-row { display:grid; grid-template-columns:34px minmax(0,1fr) auto; align-items:center; gap:9px; padding:16px 0; border-top:1px solid #f0edf0; }
.trade-icon { display:grid; place-items:center; width:32px; height:32px; border-radius:10px; background:#eaf7f2; }
.trade-loss .trade-icon { background:#fceef1; }
.trade-icon svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.trade-details { display:grid; gap:6px; }
.trade-title { color:#45414a; font-size:12px; font-weight:600; }
.trade-date { color:#98929a; font-size:10px; direction:ltr; text-align:right; }
.trade-amount { display:grid; gap:6px; text-align:left; }
.trade-usd { display:flex; align-items:baseline; justify-content:flex-end; gap:5px; font-size:16px; font-weight:400; direction:rtl; white-space:nowrap; }
.trade-usd-number { font-family:var(--font); direction:ltr; unicode-bidi:isolate; }
.trade-usd-unit { font-family:var(--font); font-size:12px; }
.trade-toman { color:#98929a; font-size:10px; white-space:nowrap; }
.trades-list:empty { display:none; }
.trades-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:55.5cqw; margin-top:3.7cqw; padding:6cqw 3cqw; border-radius:7.5cqw; background:#f7f7f9; text-align:center; }
.trades-empty strong { margin-top:4.5cqw; color:#151419; font-size:3.2cqw; font-weight:800; line-height:1.8; }
.trades-empty p { margin:2cqw 0 0; color:#919095; font-size:2.8cqw; line-height:1.8; }
.trades-more { display:block; width:100%; margin:4px 0 8px; padding:12px; border:1px solid #eee9ec; border-radius:12px; background:#f9f6f8; color:var(--red); font:inherit; font-size:12px; cursor:pointer; }
.trades-more[hidden],.trades-empty[hidden] { display:none; }
@media (max-width:360px) { .trade-row{grid-template-columns:28px minmax(0,1fr) auto;gap:7px}.trade-icon{width:26px;height:28px}.trade-title{font-size:11px}.trade-usd{font-size:14px}.trades-count{font-size:9px} }