.trade-flow-panel{width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding:24px;border:1px solid #2c414e;border-radius:18px;background:#111d26;color:#e5edf1;scroll-margin-top:24px;grid-column:1 / -1}
.trade-flow-panel h2{font-size:1.6rem}.trade-flow-panel p,.trade-flow-panel strong,.trade-flow-panel small{overflow-wrap:anywhere}.trade-flow-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}.tf-controls{gap:8px;flex-wrap:wrap}.tf-controls button[aria-pressed=true]{background:#9ce9c5;color:#082a1c}.tf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.tf-metric{min-width:0;background:#0b1720;padding:16px;border-radius:10px;display:flex;flex-direction:column;gap:8px}.tf-metric strong{font-size:1.2rem}.tf-metric small{color:#a9bdc8}.trade-flow-panel details{border-top:1px solid #2c414e;padding:16px 0}.tf-trades article{display:flex;flex-direction:column;gap:8px;border-bottom:1px solid #2c414e;padding:12px 0}.trade-flow-panel summary{cursor:pointer}.trade-flow-panel .actions{display:flex;flex-wrap:wrap}.trade-flow-panel .row{display:flex;align-items:center;gap:8px;justify-content:space-between}
@media(max-width:650px){.trade-flow-panel{scroll-margin-top:90px}}
@media(max-width:450px){.trade-flow-panel{padding:16px}.trade-flow-panel h2{font-size:1.25rem}.tf-metric{padding:12px}.tf-metric strong{font-size:1rem}.tf-grid{gap:8px}.tf-controls button{padding:10px}}