/**
 * Intelligence Wheel embedded in index.html #page-dashboard (app shell).
 * Legacy panel grid remains in DOM inside .dash-legacy-fallback.
 */

#page-dashboard[data-dash-view="wheel"] .dash-legacy-fallback {
  display: none !important;
}

#page-dashboard .dash-wheel-experience {
  display: none;
  position: relative;
  z-index: 2;
  width: 100%;
  box-sizing: border-box;
}

#page-dashboard.active[data-dash-view="wheel"] .dash-wheel-experience {
  display: flex;
  flex-direction: column;
  min-height: min(820px, calc(100vh - 128px));
}

body.dash-in-app-wheel #page-dashboard.active .dash-preview-wheel-wrap {
  flex: 1;
  min-height: min(760px, calc(100vh - 148px));
  display: flex;
  flex-direction: column;
}

body.dash-in-app-wheel #page-dashboard.active #panelWheel.dash-lab-panel {
  flex: 1;
  min-height: 0;
}

body.dash-in-app-wheel #page-dashboard.active #panelWheel .dash-lab-env {
  display: none;
}

body.dash-in-app-wheel #page-dashboard.active #panelWheel.is-active .intel-wheel-scene {
  flex: 1;
  min-height: 0;
}

#page-dashboard.active[data-dash-view="wheel"] #dashTelemetry {
  display: none !important;
}

/* News module globe — same layout contract as dashboard-preview */
body.dash-in-app-wheel #page-dashboard.active .wheel-module-viewport .news-narrative__visual,
body.dash-in-app-wheel #page-dashboard.active .wheel-module-viewport .news-globe-stage {
  min-height: min(280px, 36vh);
  width: 100%;
}

body.dash-in-app-wheel #page-dashboard.active .wheel-module-viewport .news-globe-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}