/*
 * [pwpps_artworks_status] — standalone status pill for single artwork pages.
 * Tokens mirror DESIGN_SYSTEM.md §1.4 (Semantic / Status) + §10.2 (Status Chip).
 */

.pwpps-artworks-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  padding: 4px 12px;
  border: 1px solid;
  border-radius: 100px;
  font-family: "Inter", Arial, Helvetica, sans-serif;
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-label);
  line-height: 15px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  white-space: nowrap;
}

.pwpps-artworks-status__label {
  display: inline-block;
}

.pwpps-artworks-status--success {
  background: var(--color-status-success-bg);
  border-color: var(--color-status-success-fg);
  color: var(--color-status-success-fg);
}

.pwpps-artworks-status--critical {
  background: var(--color-status-critical-bg);
  border-color: var(--color-status-critical-fg);
  color: var(--color-status-critical-fg);
}

.pwpps-artworks-status--info {
  background: var(--color-status-info-bg);
  border-color: var(--color-status-info-fg);
  color: var(--color-status-info-fg);
}

.pwpps-artworks-status--warning {
  background: var(--color-status-warning-bg);
  border-color: var(--color-status-warning-fg);
  color: var(--color-status-warning-fg);
}

.pwpps-artworks-status--cancel {
  background: var(--color-status-cancel-bg);
  border-color: var(--color-status-cancel-fg);
  color: var(--color-status-cancel-fg);
}