/* Status pills for every website page (owner 2026-10-01): successful / failed / processing / queued (pending).
   Applied by status-badges.js to any cell or label whose whole text is a status word. Local file, no outside links. */
.ub-status {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  padding: 3px 10px 3px 8px !important;
  border-radius: 999px !important;
  border: 1px solid transparent;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  letter-spacing: .2px;
  text-transform: capitalize;
  white-space: nowrap;
  vertical-align: middle;
}
.ub-status::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  flex: none;
}
.ub-status--success    { color: #067647 !important; background: #ecfdf3 !important; border-color: #abefc6; }
.ub-status--failed     { color: #b42318 !important; background: #fef3f2 !important; border-color: #fecdca; }
.ub-status--processing { color: #b54708 !important; background: #fffaeb !important; border-color: #fedf89; }
.ub-status--queued     { color: #3538cd !important; background: #eef4ff !important; border-color: #c7d7fe; }
.ub-status--processing::before { animation: ub-pulse 1.4s ease-in-out infinite; }
@keyframes ub-pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: .35; transform: scale(.75); } }
@media (prefers-reduced-motion: reduce) { .ub-status--processing::before { animation: none; } }