.job-info {
  padding: 10px 16px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 0.85rem;
  transition: background 0.5s ease, border-color 0.5s ease;
  margin-bottom: 1rem;
}

.job-info--running {
  background: #fff9c4;
  border-color: rgba(0, 0, 0, 0.15);
  color: #5c4a00;
}

.job-info--done {
  background: #d4edda;
  border-color: rgba(0, 0, 0, 0.15);
  color: #1b4332;
}

.job-info-duration {
  margin-top: 4px;
  font-size: 0.8rem;
  color: inherit;
  opacity: 0.8;
}



.job-state {
  display: inline-flex;
  padding: .35rem .7rem;
  border-radius: 999px;
  font-size: .8rem;
  font-weight: 600;
}


.job-state-created {
  background: #fff3bf;
  color: #5c4a00;
}


.job-state-pending {
  background: #ffe8cc;
  color: #7c2d12;
}


.job-state-running {
  background: #cfe2ff;
  color: #084298;
}


.job-state-finished {
  background: #d4edda;
  color: #1b4332;
}


.job-state-deactivated {
  background: #e9ecef;
  color: #495057;
}


.job-state-outdated {
  background: #f1f3f5;
  color: #868e96;
}


.job-state-failed {
  background: #f8d7da;
  color: #842029;
}


.job-info pre {
  max-height: 300px;
  overflow: auto;
}



.job-click {
  cursor: pointer;
}

.job-row:hover {
  background-color: rgba(255, 212, 59, 0.12);
}

.job-actions {
  white-space: nowrap;
}
.job-row {
  cursor: pointer;
}

.job-row:hover {
  background-color: rgba(255, 212, 59, 0.12);
}

.job-row .btn {
  cursor: pointer;
}


.job-state-overdue {
  background: #f8d7da;
  color: #842029;
}