.panel-head-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.run-indicator {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 0;
  padding: 12px 16px;
  border-radius: 999px;
  background: rgba(106, 141, 115, 0.12);
  color: var(--accent-strong);
  font-weight: 600;
  flex-shrink: 0;
}

.run-indicator.active {
  background: rgba(106, 141, 115, 0.18);
}

.run-indicator-dot {
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: var(--accent-strong);
}

.run-indicator.active .run-indicator-dot {
  animation: pulse-dot 1.2s ease-in-out infinite;
  box-shadow: 0 0 0 rgba(51, 92, 68, 0.35);
}

@keyframes pulse-dot {
  0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(51, 92, 68, 0.35); }
  70% { transform: scale(1.18); box-shadow: 0 0 0 10px rgba(51, 92, 68, 0); }
  100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(51, 92, 68, 0); }
}

@media (max-width: 960px) {
  .panel-head-top {
    align-items: flex-start;
    flex-direction: column;
  }
}