[hidden] { display: none !important; }

.period select { min-width: 0; }

.jobs .table { margin-bottom: 0; }

.job-id {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.8rem;
}

.row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.meter {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 7.5rem;
}

.meter-track {
  flex: 1 1 4.5rem;
  height: 0.375rem;
  border-radius: 999px;
  background: #e9ecef;
  overflow: hidden;
}

.meter-track > span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #6c757d;
}

.meter-processing .meter-track > span { background: #0d6efd; }
.meter-completed .meter-track > span { background: #198754; }
.meter-failed .meter-track > span { background: #dc3545; }

.meter-label {
  flex: 0 0 auto;
  min-width: 2.4rem;
  font-size: 0.8rem;
  font-variant-numeric: tabular-nums;
  color: #6c757d;
  text-align: right;
}