/* dsg-width-view v1.3 (2026-10-02) | v1.2 (2026-10-02) | v1.1 (2026-10-01) - see dsg-width-view.js. Same look as the Setup Trainer Width view (.st-wv-lab / .st-width-view) */
.dsg-wv-bar{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin:8px 0 10px;clear:both}
.dsg-wv-bar.dsg-wv-inrow{margin:0 0 0 auto;flex:0 0 auto;align-self:center;white-space:nowrap}
.dsg-wv-bar .st-wv-lab{white-space:nowrap}
/* v1.3: on a section heading line (pages with no filter / view row) - right-hand end of that line; compact = label hidden when the row is tight */
.dsg-wv-bar.dsg-wv-compact .st-wv-lab{display:none}
.dsg-wv-bar.dsg-wv-float{float:right;margin:2px 0 0 14px;position:static}
.dsg-wv-bar .st-wv-lab{font-size:12px;color:var(--muted,#9aa4b2);margin-left:4px}
.dsg-wv-bar select.st-width-view{font:inherit;font-size:12.5px;padding:5px 8px;border-radius:8px;border:1px solid var(--line,rgba(125,211,252,.25));background:var(--panel,#1a1f26);color:var(--text,#e8eaed)}
@media (min-width:761px){
html[data-wv] [data-wv-grid]{display:grid!important;gap:var(--wv-gap,14px)!important;flex-direction:unset!important}
html[data-wv="3"] [data-wv-grid]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
html[data-wv="2"] [data-wv-grid]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html[data-wv="1"] [data-wv-grid]{grid-template-columns:minmax(0,1fr)!important}
html[data-wv] [data-wv-grid] > *{min-width:0;max-width:none!important;width:auto!important}
html[data-wv="1"] [data-wv-chart]{max-width:none!important;width:100%!important}
html[data-wv="1"] [data-wv-chart] > canvas,html[data-wv="1"] [data-wv-chart] > svg,html[data-wv="1"] [data-wv-chart] > img{max-width:100%!important;width:100%!important;height:auto}
}
@media (max-width:760px){html[data-wv] [data-wv-grid]{grid-template-columns:minmax(0,1fr)!important}}

/* v1.1 (2026-10-01): charts are never cropped in any Width view mode - natural aspect ratio, whole image */
html[data-wv] [data-wv-media]{height:auto!important;max-height:none!important;aspect-ratio:auto!important;overflow:visible!important}
html[data-wv] [data-wv-media] img[data-wv-img],html[data-wv] img[data-wv-img]{width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center top!important}
html[data-wv] [data-wv-media] .fl-eqcap{position:static!important;display:inline-block;margin:6px 0 4px 8px}
/* One wide: horizontal card - full chart left (~60%), title / tags / stats right (~40%); stacked below 900px */
@media (min-width:900px){
html[data-wv="1"] [data-wv-grid] > .dsg-wv-split{display:grid!important;grid-template-columns:minmax(0,3fr) minmax(0,2fr);column-gap:18px;row-gap:0;align-items:start;align-content:start}
html[data-wv="1"] [data-wv-grid] > .dsg-wv-split > [data-wv-media]{grid-column:1;grid-row:1 / span 30;align-self:start;min-width:0}
html[data-wv="1"] [data-wv-grid] > .dsg-wv-split > :not([data-wv-media]){grid-column:2;min-width:0}
html[data-wv="1"] [data-wv-grid] > .dsg-wv-split > .fl{border-bottom:0;padding-top:12px;background:transparent}
}
/* v1.2 (2026-10-02): the "N · Equity curve" badge is a caption above the chart in every mode (incl. Page default),
   never an overlay on the chart's y-axis */
.card .shot > .fl-eqcap,[data-wv-media] > .fl-eqcap{position:static!important;display:inline-block!important;margin:6px 0 4px 8px!important;left:auto!important;top:auto!important}