.trade-detail-link,.trade-refresh,.trade-more { border:1px solid var(--line); border-radius:9px; padding:9px 11px; background:#102133; color:#a7dafa; cursor:pointer; font:inherit; font-size:12px; }
.trade-detail-link { margin-top:10px; width:100%; text-align:left; }
.trade-events>summary { color:#a7dafa; cursor:pointer; font-weight:700; padding:4px 0; }
.trade-event-accounts { display:grid; gap:16px; }
.trade-event-account { min-width:0; border:1px solid var(--line); border-radius:14px; padding:14px; background:#09111a; }
.trade-event-account[hidden] { display:none; }
.trade-event-account h3 { margin:0; font-size:21px; }
.trade-event-tools { display:flex; gap:8px; }
.trade-event-tools select,.trade-event-tools input { min-width:0; border:1px solid var(--line); border-radius:9px; padding:10px; background:#0d1b29; color:var(--text); font:inherit; font-size:13px; }
.trade-event-tools select { flex:0 0 118px; }
.trade-event-tools input { flex:1; }
.trade-event-values { display:flex; flex-wrap:wrap; gap:6px 14px; color:var(--muted); font-size:12px; margin:9px 0; }
.trade-event-row .recent-row-head { flex-wrap:wrap; }
.trade-event-row .recent-row-head strong { font-size:17px; }
.trade-event-row small { display:block; line-height:1.6; }
.trade-chain-link { display:inline-block; color:#8bd2ff; font-size:12px; margin-top:8px; }
.trade-more { width:100%; margin-top:12px; }
.trade-more[hidden] { display:none; }
#tradeDetails { scroll-margin-top:15px; }
@media(min-width:1000px) { .trade-event-accounts { grid-template-columns:repeat(2,minmax(0,1fr)); } .trade-event-account:only-child { grid-column:1/-1; } }
@media(max-width:430px) { .trade-event-account { padding:10px; } .trade-event-tools select { flex-basis:105px; } }

/* One trade item: time, result and profit above the complete market name. */
.trade-result-row { display:grid; grid-template-columns:minmax(70px,1fr) auto auto; grid-template-areas:"time kind pnl" "market market market" "topics topics topics"; align-items:center; gap:6px 9px; padding:12px 0; border-bottom:1px solid var(--line); }
.trade-result-time { grid-area:time; display:block; font-size:11px; color:var(--muted); white-space:nowrap; }
.trade-result-market { grid-area:market; min-width:0; overflow:visible; text-overflow:clip; white-space:normal; overflow-wrap:anywhere; font-size:13px; line-height:1.5; }
.trade-result-kind { grid-area:kind; color:#a7dafa; background:#112738; padding:4px 7px; border-radius:6px; font-size:11px; white-space:nowrap; }
.trade-result-row strong { grid-area:pnl; font-size:14px; text-align:right; white-space:nowrap; }
.trade-result-note { font-size:11px; line-height:1.5; }
@media(max-width:430px) { .trade-result-row { gap:6px; } .trade-result-row strong { font-size:13px; } .trade-result-kind { font-size:10px; padding:3px 5px; } }

/* Display topics belong to this same transaction item. */
.trade-result-topics { grid-area:topics; display:flex; flex-wrap:wrap; gap:5px 7px; min-width:0; font-size:11px; line-height:1.5; color:#9ac9df; }
.trade-result-topics span { border:1px solid #254353; border-radius:5px; padding:2px 6px; background:#10212b; overflow-wrap:anywhere; }