/* Put the model—not summary cards—at the centre of the first screen. */
.studio-app .workspace { padding-top: 12px; }
.studio-app .topbar { order: 1; min-height: 50px; margin-bottom: 7px; padding: 7px 11px; }
.studio-app .workspace-tabs { order: 2; margin-bottom: 7px; }
.studio-app .main-simulation-card { order: 3; }
.studio-app .mission-action-panel { order: 4; }
.studio-app .kpi-grid { order: 5; margin-top: 4px; }
.studio-app .demo-journey-panel { order: 6; }
.studio-app .main-simulation-card .planning-view-shell,
.studio-app .three-planning-view,
.studio-app .three-planning-view canvas { min-height: clamp(540px, 70vh, 840px); }
.studio-app .kpi-grid article { background: rgba(255,255,255,.86); box-shadow: 0 8px 20px rgba(14,54,43,.05); }
.studio-app .mission-action-panel { position: sticky; z-index: 30; bottom: 10px; backdrop-filter: blur(18px); background: rgba(255,255,255,.92); }
.studio-app .topbar p { margin: 0; }
.studio-app .workspace-tabs::after { content: "Customer plan upload is available in Build → Files"; align-self: center; margin-left: auto; color: #587067; font-size: 11px; font-weight: 700; }

@media (max-width: 1000px) {
  .studio-app .workspace { padding: 10px; }
  .studio-app .main-simulation-card .planning-view-shell,
  .studio-app .three-planning-view,
  .studio-app .three-planning-view canvas { min-height: 500px; }
  .studio-app .mission-action-panel { position: static; }
  .studio-app .workspace-tabs::after { display: none; }
}

@media (max-width: 640px) {
  .studio-app .topbar p { display: none; }
  .studio-app .main-simulation-card .planning-view-shell,
  .studio-app .three-planning-view,
  .studio-app .three-planning-view canvas { min-height: 390px; }
}