/* Compact trading workspace, shared by both router versions. */
#view-trade .trade-stage{display:grid;grid-template-columns:minmax(0,488px) minmax(320px,420px);align-items:start;gap:24px;max-width:932px;margin:20px auto 32px}
#view-trade .trade-card{min-width:0}
#view-trade .trade-amount-panel{padding:17px 18px}
#view-trade .trade-panel-label{margin-bottom:9px}
#view-trade .trade-details{padding:14px 10px;font-size:12px;align-items:flex-start}
#view-trade #tradeRate{max-width:75%;line-height:1.6}
#view-trade .trade-pool-charges{font-size:11px;line-height:1.6;margin:0 10px 12px}
#view-trade .trade-impact-ack{margin:0 10px 14px;font-size:12px;line-height:1.5}
#view-trade .trade-impact-ack[hidden]{display:none}
#view-trade .trade-positions{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:20px 8px 12px}
.trade-positions-head{display:flex;align-items:center;justify-content:space-between;padding:0 12px 20px}
.trade-positions-head h2{font-size:17px;font-weight:600;margin:0}
.trade-positions-head span{font-size:11px;color:var(--muted)}
.trade-position-columns,.trade-position-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(70px,.8fr) minmax(75px,.8fr);gap:10px;align-items:center}
.trade-position-columns{font-size:11px;color:var(--muted);padding:0 12px 10px}
.trade-position-columns span:not(:first-child){text-align:right}
.trade-position-row{width:100%;border:0;border-top:1px solid var(--line);background:transparent;color:var(--ink);padding:17px 12px;text-align:left;font:13px var(--display);cursor:pointer;border-radius:10px}
.trade-position-row:hover{background:var(--surface-2)}
.trade-position-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.trade-position-row:disabled{opacity:.6;cursor:wait}
.trade-position-asset{display:flex;align-items:center;gap:9px;min-width:0}
.trade-position-names{min-width:0}
.trade-position-row strong{display:block;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trade-position-row small{display:block;margin-top:6px;font-size:10px;color:var(--muted);overflow-wrap:anywhere}
.trade-position-entry,.trade-position-pnl{text-align:right;min-width:0;font-variant-numeric:tabular-nums}
.trade-position-pnl.is-gain strong,.trade-position-pnl.is-gain small{color:var(--good,#26a675)}
.trade-position-pnl.is-loss strong,.trade-position-pnl.is-loss small{color:var(--crit,#e74b51)}
.trade-positions-empty{color:var(--muted);font-size:13px;line-height:1.7;margin:12px;padding:25px 5px;text-align:center}
#tradePositionsNote{font-size:10px;line-height:1.7;color:var(--muted);padding:12px 12px 0;margin:0;border-top:1px solid var(--line)}
#tradeReviewStatus:empty{display:none}
#tradeReviewDialog .trade-primary{margin-top:14px}
#tradeReviewDialog .trade-review-amount strong{font-size:25px}
@media(max-width:1080px){#view-trade .trade-stage{grid-template-columns:minmax(0,488px);justify-content:center;max-width:488px;gap:18px;margin-top:12px}}
@media(max-width:540px){#view-trade .trade-amount-panel{padding:15px 12px}#view-trade .trade-stage{margin:8px auto 24px}.trade-position-row{padding:16px 8px;gap:8px}.trade-position-columns{padding-inline:8px}}
