.metric-profit{color:var(--green)}.metric-loss{color:var(--pink)}.topbar-metrics{display:grid;grid-template-columns:repeat(5,minmax(112px,1fr));gap:8px;flex:1;max-width:840px;margin:0 24px}.top-metric{min-width:0;padding:9px 11px;border:1px solid var(--line);border-radius:12px;background:#0a1726}.top-metric span{display:block;color:var(--muted);font-size:10px}.top-metric strong{display:block;margin-top:4px;font-size:15px;white-space:nowrap}.activity-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:-4px 0 16px}.activity-summary article{padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}.activity-summary span{display:block;color:var(--muted);font-size:10px}.activity-summary strong{display:block;margin-top:4px;font-size:14px;white-space:nowrap}@media(max-width:1099px){.topbar{flex-wrap:wrap}.topbar-metrics{order:3;flex-basis:100%;max-width:none;margin:12px 0 0}.topbar-actions{margin-left:auto}}@media(max-width:700px){.topbar-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.top-metric:last-child{grid-column:1/-1}.activity-summary{grid-template-columns:1fr 1fr}.activity-summary article:last-child{grid-column:1/-1}}@media(min-width:1100px){.shell{width:min(1720px,100%);padding-left:24px;padding-right:24px}.topbar{width:100%}#appView{display:grid;grid-template-columns:minmax(460px,.9fr) minmax(430px,1.05fr) minmax(390px,.85fr);grid-template-rows:auto minmax(0,1fr);height:calc(100vh - 114px);min-height:700px;align-items:stretch;gap:12px}.hero{grid-column:1;grid-row:1;margin:0}.settings{grid-column:1;grid-row:2;margin:0;min-height:0;overflow:auto}#hudSignalsSection{grid-column:2;grid-row:1/span 2;margin:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}#recentActivitySection{grid-column:3;grid-row:1/span 2;margin:0;min-height:0;display:flex;flex-direction:column;overflow:auto}#hudSignalsSection .signal-grid{flex:1;min-height:0;align-content:start;overflow:auto;padding-right:3px;grid-template-columns:1fr}#recentActivitySection .positions{flex:0 0 auto}.settings .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
