.shell{max-width:1840px}
.nav{flex-wrap:wrap;overflow:visible}
.nav>.tab,.nav>.scenario-nav{flex-shrink:0}
.nav>.spacer{display:none}
#futurosView .futures-head{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:18px 20px}
#futurosView h2{margin:0;font-size:14px;letter-spacing:.05em}
#futurosView .futures-meta{color:var(--muted);font-size:12px;margin:8px 0 0}
#futurosView .futures-spot{font-size:13px;color:var(--muted);text-align:right}
#futurosView .futures-spot b{color:var(--accent);font-size:20px;margin-left:8px}
#futurosView table{min-width:850px;width:100%}
#futurosView td:first-child{text-align:left;font-weight:700}
#futurosView td small{display:block;color:var(--muted);font-weight:400;font-size:11px;margin-top:4px}
#futurosView th{position:static}
#futurosView .futures-rate{font-weight:750;color:var(--accent)}
#futurosView .futures-chart{margin-top:18px}
#futurosView .futures-chart-body{padding:10px 18px 18px}
#futurosView svg{display:block;width:100%;height:auto;min-height:280px;max-height:480px;overflow:visible}
#futurosView svg text{fill:var(--muted);font-family:inherit;font-size:12px}
#futurosView svg .futures-label{fill:var(--text);font-weight:650}
#futurosView .futures-grid{stroke:var(--line);stroke-width:1}
#futurosView .futures-detail{min-height:22px;color:var(--muted);font-size:12px;padding:10px 0 0;border-top:1px solid var(--line)}
#futurosView .futures-empty{padding:55px 20px;text-align:center;color:var(--muted)}
@media(max-width:700px){#futurosView .futures-spot{text-align:left}.nav>.tab{white-space:normal}#futurosView .futures-chart-body{padding:6px}#futurosView svg{min-height:240px}}
#futurosView #futuresStatus{display:none}

#futurosView td.futures-last strong{font-weight:800;color:var(--text)}

#futurosView .futures-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
#futurosView .futures-controls label{display:flex;align-items:center;gap:8px;cursor:pointer}
#futurosView .futures-controls select{padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);font:inherit}
#futurosView .futures-controls input{accent-color:var(--accent)}
#futurosView .futures-legend{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;margin-bottom:14px}
#futurosView .futures-legend span{display:flex;align-items:center;gap:8px}
#futurosView .futures-legend i{display:inline-block;width:25px;border-top:2px dashed currentColor}
#futurosView .futures-basis{font-size:11px;color:var(--muted);padding:0 20px 16px;margin:0;line-height:1.6}
