/* Charts retain their axis labels and reference lines, without gridlines. */
.js-plotly-plot .gridlayer { display:none !important; }
.cgex-terminal-timeframe { width:62px; min-width:62px; border-left:1px solid var(--cgex-ui-border, #343844); padding-left:7px; }
.cgex-terminal-timeframe .Select-control { background:transparent !important; border:0 !important; min-height:24px; height:24px; }
.cgex-terminal-timeframe .Select-input { height:24px !important; }
.cgex-terminal-timeframe .Select-value, .cgex-terminal-timeframe .Select-placeholder { line-height:24px !important; padding-left:4px !important; font-size:10px; }
.cgex-terminal-timeframe .Select-value-label { color:var(--cgex-ui-text, #d7e3f5) !important; }
.cgex-terminal-timeframe .Select-menu-outer { width:80px; background:var(--cgex-ui-field, #1d2535); color:var(--cgex-ui-text, #dae1ef); }
.cgex-workspace-button, .cgex-workspace-host button { background:var(--cgex-ui-field, #242d3f); color:var(--cgex-ui-text, #d5deed); border:1px solid var(--cgex-ui-border, #3e4a62); padding:7px 11px; border-radius:5px; font:inherit; cursor:pointer; }
.cgex-workspace-button:hover, .cgex-workspace-host button:hover { background:var(--cgex-ui-soft, #35435f); }
.cgex-terminal-topbar > .cgex-workspace-button { font-size:10px; padding:3px 7px; flex-shrink:0; }
#cgex-terminal-layout label, #workspace-dialog label { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin:20px 0; color:var(--cgex-ui-text, #b5c0d4); }
#cgex-terminal-layout select, #workspace-dialog select { background:var(--cgex-ui-field, #202939); color:var(--cgex-ui-text, #dbe3ef); border:1px solid var(--cgex-ui-border, #42516c); padding:8px; border-radius:4px; }
#cgex-layout-status { margin-top:12px; color:var(--cgex-ui-gold, #f4c75a); }
.cgex-embedded #cgex-workspace-layout { display:none; }
.cgex-workspace-host { margin:0; background:var(--cgex-ui-bg, #0c1018); color:var(--cgex-ui-text, #c8d2e4); font:13px -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; height:100dvh; overflow:hidden; }
.cgex-workspace-header { height:30px; box-sizing:border-box; padding:0 8px; display:flex; align-items:center; gap:14px; font-size:11px; border-bottom:1px solid var(--cgex-ui-border, #344052); }
.cgex-workspace-header button { padding:3px 8px; font-size:10px; }
.workspace-help { margin-left:auto; color:var(--cgex-ui-blue, #7e90a9); font-size:10px; }
#workspace-charts { height:calc(100dvh - 30px); display:grid; gap:2px; background:var(--cgex-ui-soft, #344052); }
.workspace-pane { min-width:0; min-height:0; overflow:hidden; position:relative; background:var(--cgex-ui-panel, #131722); }
.workspace-pane iframe { width:100%; height:100%; border:0; display:block; }
#workspace-charts.charts-1 { grid-template:1fr / 1fr; }
#workspace-charts.charts-2 { grid-template:1fr / repeat(2, minmax(0, 1fr)); }
#workspace-charts.charts-3 { grid-template:repeat(2, minmax(0, 1fr)) / repeat(2, minmax(0, 1fr)); }
#workspace-charts.charts-3 > :first-child { grid-row:span 2; }
#workspace-charts.charts-4 { grid-template:repeat(2, minmax(0, 1fr)) / repeat(2, minmax(0, 1fr)); }
#workspace-charts.layout-rows { grid-template-columns:1fr; grid-template-rows:repeat(4, minmax(0, 1fr)); }
#workspace-charts.charts-1.layout-rows { grid-template-rows:1fr; }
#workspace-charts.charts-2.layout-rows { grid-template-rows:repeat(2, minmax(0, 1fr)); }
#workspace-charts.charts-3.layout-rows { grid-template-rows:repeat(3, minmax(0, 1fr)); }
#workspace-charts.layout-rows > :first-child { grid-row:auto; }
#workspace-dialog { color:var(--cgex-ui-text, #cbd7eb); background:var(--cgex-ui-panel, #171f2c); border:1px solid var(--cgex-ui-border, #465775); border-radius:9px; padding:24px; width:min(500px, 85vw); }
#workspace-dialog::backdrop { background:rgb(var(--cgex-rgb-bg, 0 0 0) / 0.6); }
#workspace-dialog header { display:flex; align-items:center; justify-content:space-between; }
#workspace-dialog h2 { margin:0; font-size:18px; }
#workspace-notice { position:fixed; bottom:16px; left:16px; background:var(--cgex-ui-field, #1b2534); color:var(--cgex-ui-gold, #ffd278); padding:10px; max-width:500px; }
#workspace-notice:empty { display:none; }
@media (max-width:850px) { .cgex-embedded .cgex-terminal-context, .cgex-embedded .cgex-terminal-brand { display:none; } .cgex-terminal-topbar { gap:8px; } }
@media (max-width:500px) { .workspace-help { display:none; } .cgex-workspace-header { gap:8px; font-size:11px; } }