.presentation-job-status {
  min-width: 280px;
  max-width: 560px;
  margin-top: 10px;
  padding: 11px 12px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #f8fafc;
  color: #334155;
  font-size: 12px;
}

.presentation-job-status__top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-weight: 700;
}

.presentation-job-status__track {
  height: 7px;
  margin: 8px 0;
  overflow: hidden;
  border-radius: 999px;
  background: #e2e8f0;
}

.presentation-job-status__bar {
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: #9a7200;
  transition: width 180ms ease;
}

.presentation-job-status__meta {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: #64748b;
}

.presentation-job-status__error {
  margin-top: 8px;
  color: #b42318;
  white-space: pre-wrap;
}

.presentation-job-status.is-success {
  border-color: #86b89a;
  background: #f0f9f3;
}

.presentation-job-status.is-success .presentation-job-status__bar {
  background: #26834a;
}

.presentation-job-status.is-failed {
  border-color: #e5a6a1;
  background: #fff5f4;
}

.presentation-job-status.is-failed .presentation-job-status__bar {
  background: #b42318;
}