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

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

.run-indicator.finished {
  background: rgba(74, 154, 101, 0.18);
  color: #215a33;
}

.run-indicator.idle {
  background: rgba(106, 141, 115, 0.08);
  color: var(--muted);
}

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

.run-indicator.complete {
  background: rgba(74, 154, 101, 0.18);
  color: #215a33;
}

.run-indicator.review {
  background: rgba(212, 156, 47, 0.18);
  color: #7a5310;
}

.run-indicator.blocked,
.run-indicator.error {
  background: rgba(188, 73, 73, 0.16);
  color: #8a2323;
}

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

.run-indicator.idle .run-indicator-dot {
  background: #8e8577;
}

.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);
}

.run-indicator.complete .run-indicator-dot {
  background: #2f8b4c;
}

.run-indicator.finished .run-indicator-dot {
  background: #2f8b4c;
}

.run-indicator.review .run-indicator-dot {
  background: #c18c21;
}

.run-indicator.blocked .run-indicator-dot,
.run-indicator.error .run-indicator-dot {
  background: #bc4949;
}

@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;
  }
}