.app-header {
  padding: var(--space-4) var(--space-6);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-4);
}

.phase-badge {
  margin: 0;
  font-weight: 600;
}

.dashboard-grid {
  display: grid;
  gap: var(--space-4);
  padding: var(--space-4) var(--space-6) var(--space-6);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.controls-panel {
  grid-column: 1;
}

.telemetry-panel {
  grid-column: 2;
}

.alerts-panel {
  grid-column: 3;
}

.help-panel {
  grid-column: 1 / -1;
}

#quickStats {
  margin: var(--space-3) 0;
}

body.sim-loading #sessionControls button {
  opacity: 0.6;
  pointer-events: none;
}

body.sim-loading .phase-badge {
  color: var(--color-warning, #f5c451);
}

@media (max-width: 980px) {
  .dashboard-grid {
    grid-template-columns: 1fr;
  }

  .controls-panel,
  .telemetry-panel,
  .alerts-panel,
  .help-panel {
    grid-column: auto;
  }
}