.panel {
  background: var(--color-panel);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--radius);
  padding: var(--space-4);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.25);
}

.control-form {
  display: grid;
  gap: var(--space-2);
}

.control-form input,
.control-form select,
.control-form button {
  border-radius: 0.375rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: #0f1627;
  color: var(--color-text);
  padding: var(--space-2) var(--space-3);
}

.control-form button {
  cursor: pointer;
  transition: transform 120ms ease, background 120ms ease;
}

.control-form button:hover:not(:disabled) {
  background: #18223b;
  transform: translateY(-1px);
}

.control-form button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.control-row {
  display: flex;
  gap: var(--space-2);
  flex-wrap: wrap;
}

.telemetry-output {
  min-height: 6rem;
  white-space: pre-wrap;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  color: var(--color-muted);
  background: #0e1629;
  border-radius: 0.375rem;
  border: 1px solid rgba(255, 255, 255, 0.07);
  padding: var(--space-3);
}

.alerts-list {
  margin: 0;
  padding-left: 1rem;
}

.is-warning {
  color: var(--color-warn);
}

.is-critical {
  color: var(--color-critical);
}

.is-paused {
  opacity: 0.75;
}

.is-loading {
  color: var(--color-info);
}

#trackMapSvg {
  width: 100%;
  min-height: 20rem;
  background: radial-gradient(circle at center, #16233f 0%, #0b1222 70%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 0.5rem;
}