.dashboard-machine.needs-completion {
  box-shadow: 0 22px 52px #44247a2e, 0 0 0 3px #ff6679;
}

.machine-action-needed {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  margin-bottom: 7px;
  padding: 7px 11px;
  border-radius: 999px;
  color: #fff;
  background: #dc4059;
  box-shadow: 0 8px 22px #19072c42;
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.machine-action-needed i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 5px #ffffff26;
  animation: machineActionPulse 1.5s ease-in-out infinite;
}

.dashboard-machine .button.machine-complete-button {
  color: #fff;
  background: #dc4059;
  box-shadow: 0 12px 25px #230b424a;
}

.dashboard-machine .button.machine-complete-button:hover {
  background: #ef536b;
  transform: translateY(-2px);
}

@keyframes machineActionPulse {
  50% { transform: scale(1.3); box-shadow: 0 0 0 9px #ffffff00; }
}

@media (prefers-reduced-motion: reduce) {
  .machine-action-needed i { animation: none; }
}