.top-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.stop-button {
  border: 1px solid #f97066;
  background: #7a271a;
  color: #fff;
  border-radius: 9px;
  padding: 8px 11px;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.button.danger {
  margin-top: 14px;
  background: var(--red);
  color: #fff;
}

.button:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.main-actions {
  grid-template-columns: repeat(3, 1fr);
}

.health-card {
  background: linear-gradient(135deg, #159a85, #08715f);
}

.button.health {
  background: #0d8a76;
  color: #fff;
}

.button.health:hover {
  background: #08715f;
}

.health-picker {
  color: #08715f;
}

.bottom-nav a {
  flex: 1;
  min-width: 0;
}

.job-status.cancelled,
.pill.cancelled {
  background: #fee4e2;
  color: #b42318;
}

.job-status.cancelling,
.pill.cancelling {
  background: #fff0c7;
  color: #93370d;
}

@media (max-width: 520px) {
  .main-actions {
    grid-template-columns: 1fr;
  }

  .bottom-nav a {
    font-size: 11px;
  }

  .brand > span:not(.brand-logo-wrap),
  .brand > b {
    display: none;
  }

  .top-actions {
    gap: 7px;
  }

  .stop-button {
    padding: 7px 9px;
  }
}