#workspaceNetDriftHost{grid-column:2;grid-row:4;min-width:0;width:100%}
/* Visible control groups share a baseline and wrap as units on narrow screens. */
body.complete-workspace .ws-main-left>.panel>.heatmap-toolbar{display:flex;flex-direction:row;align-items:flex-end;flex-wrap:wrap;gap:12px 16px;margin:8px 0}
body.complete-workspace .heatmap-toolbar>.hm-control-segment{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;max-width:100%;margin:0;padding:0}
body.complete-workspace .heatmap-toolbar .hm-controls-label{display:block;font:500 .75rem/1.4 var(--fb)!important;letter-spacing:.04em!important;min-height:1.05rem;margin:0}
body.complete-workspace .heatmap-toolbar .hm-segmented,
body.complete-workspace .heatmap-toolbar .hm-density,
body.complete-workspace .heatmap-toolbar .hm-detail-actions,
body.complete-workspace .heatmap-toolbar .hm-actions{display:flex;align-items:center;flex-wrap:wrap;min-width:0;max-width:100%;margin:0;padding:0}
body.complete-workspace .heatmap-toolbar .hm-actions{gap:6px;min-height:46px;box-sizing:border-box}
body.complete-workspace .heatmap-toolbar .complete-map-expand{display:inline-flex!important;align-items:center;justify-content:center}
body.complete-workspace .heatmap-toolbar button{box-sizing:border-box;min-height:44px!important;font:500 .8125rem/1.4 var(--fb)!important;letter-spacing:normal;text-transform:none;padding:9px 10px;white-space:nowrap;margin-top:0;margin-bottom:0}
body.complete-workspace .heatmap-toolbar .hm-touch-hint{display:none}
@media(max-width:760px){body.complete-workspace .heatmap-toolbar{gap:10px 12px!important}body.complete-workspace .heatmap-toolbar button{padding:9px 8px;font-size:.8125rem!important}}
/* The native heatmap card aligns row controls at the bottom. In GEX2's
   column layout that rule right-aligns the toolbar unless reset here. */
body.complete-workspace .ws-main-left>.panel{align-items:stretch}
body.complete-workspace .ws-main-left>.panel>.complete-map-toolbar{width:100%;min-width:0;box-sizing:border-box}
/* Ticker and date scope form one control row at every viewport width. */
body.complete-workspace .context-toolbar .tab,body.complete-workspace .context-toolbar .workspace-scope .tn{font:600 .8125rem/1.4 var(--fm)!important;letter-spacing:.02em;min-height:40px!important;padding:.375rem .65rem;box-sizing:border-box}
@media(max-width:760px){body.complete-workspace .context-toolbar .tab,body.complete-workspace .context-toolbar .workspace-scope .tn{padding:.375rem .4rem}}
/* One heading treatment for the main chart views; ticker and scope remain visible. */
body.complete-workspace .ws-main-left .panel-title,body.complete-workspace [data-panel="profile-curve"] .panel-h .panel-title{font:600 17px/1.4 var(--fb);text-transform:none;letter-spacing:normal;margin:0}
body.complete-workspace .price-heading h2{font-size:17px;line-height:1.4}
body.complete-workspace .price-session-status{color:var(--text-muted);font-size:12px;line-height:1.5;margin:10px 0}
@media(max-width:760px){body.complete-workspace [data-panel="profile-curve"] .panel-h .panel-title,body.complete-workspace .price-heading h2{font-size:16px}}
#workspaceNetDriftHost[hidden]{display:none!important}
#privateNetDriftFrame{display:block;width:100%;height:1100px;border:0;color-scheme:dark}
html.net-flow-chart-expanded,body.net-flow-chart-expanded{overflow:hidden}
body.net-flow-chart-expanded #privateNetDriftFrame{position:fixed;inset:0;z-index:10000;width:100vw;height:100dvh!important;background:#0b0e10}
.workspace-intro p.private-data-context{display:flex;flex-wrap:wrap;gap:.45rem 1.25rem;align-items:center}
.private-data-context>span{display:flex;flex-wrap:wrap;gap:.4rem;align-items:baseline}
.private-data-context strong{color:var(--text);font-weight:500}
body.private-net-drift-active #content,body.private-net-drift-active #workspaceReplayHost,body.private-net-drift-active #workspacePriceHost,body.private-net-drift-active .workspace-reference,body.private-net-drift-active .workspace-navigation-status{display:none!important}
@media(max-width:760px){#workspaceNetDriftHost{order:4;max-width:100%}#privateNetDriftFrame{height:1400px}}

/* Private price calendar shares Net Flow's saved-date interaction. */
.private-price-calendar{position:relative;min-width:180px}.private-price-calendar .calendar-label{display:block;color:#9aa4ac;font-size:12px;margin-bottom:5px}.private-calendar-actions{display:flex;gap:8px}.private-calendar-popup{position:absolute;top:100%;left:0;width:304px;max-width:calc(100vw - 64px);z-index:40;margin-top:6px;padding:12px;background:#10171c;border:1px solid #3b4852}.private-calendar-popup[hidden]{display:none}.private-calendar-heading{display:flex;align-items:center;gap:6px}.private-calendar-heading strong{flex:1;text-align:center;font-size:13px}.private-calendar-heading button{padding:0;min-width:28px;min-height:32px}.private-calendar-days,.private-calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.private-calendar-weekdays span{text-align:center;font-size:11px;padding:8px 0;color:#9aa4ac}.private-calendar-days button{padding:0;min-width:0;min-height:36px;border-color:transparent;background:transparent;position:relative}.private-calendar-days button:disabled{opacity:.25;cursor:default}.private-calendar-days button.available{border-color:#3b4852;background:#181f25;font-weight:700}.private-calendar-days button.available::after{content:'';position:absolute;bottom:3px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#d4934a}.private-calendar-days button[aria-pressed="true"]{outline:1px solid #d4934a;outline-offset:-1px}.private-calendar-popup p{font-size:11px;color:#9aa4ac;margin:10px 0 0}.private-calendar-heading button:disabled{opacity:.3}
