/* Host motion only. Shared transport appearance and targets are untouched. */
html:not([data-prototyping-running="true"]) .fleet-ping,
html:not([data-prototyping-running="true"]) .pc-pulse,
html:not([data-prototyping-running="true"]) .hp-flow-live {
  animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
  .fleet-ping, .pc-pulse, .hp-flow-live { animation: none; }
  .fleet-vehicle, .elc-stack-segment,
  #strategyLab .pss-stage-card, #strategyLab .pss-btn,
  .sigfox-token, .sigfox-progress-fill,
  .pf-guide-step, .pf-bar span, .pf-button, .pf-profile, .pf-issue, .pf-stage-button,
  .pc-health-fill, .flow-node rect, .flow-node path, .flow-token,
  .flow-progress-fill, .flow-bar, .hp-stage-card, .hp-storage-fill,
  .hp-track-fill, .il-progress-fill { transition: none; }
}

/* Only the host mount participates in the legacy grid/flex layout. */
#fleetTransport, #elcTransport, #elcLoopTransport, #pssTransport,
#sigfoxTransport, #pfTransport, #pcTransport, #flowTransport,
#hpTransport, #ilTransport {
  grid-column: 1 / -1;
  min-width: 0;
  width: 100%;
}