/** LX Status 统一业务状态 */

.lx-status {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  gap: 6px;
  padding: 1px var(--lx-space-8);
  border: 1px solid var(--lx-color-border);
  border-radius: var(--lx-radius-pill);
  color: var(--lx-color-text-secondary);
  font-size: var(--lx-font-size-xs);
  font-weight: var(--lx-font-weight-medium);
  line-height: 20px;
  white-space: nowrap;
  background: var(--lx-color-bg-subtle);
}

.lx-status__icon {
  display: inline-grid;
  flex: 0 0 14px;
  width: 14px;
  height: 14px;
  place-items: center;
  border-radius: 50%;
  color: currentColor;
  font-size: 10px;
  font-style: normal;
  font-weight: var(--lx-font-weight-bold);
  line-height: 1;
}

.lx-status--running,
.lx-status--reviewing {
  border-color: var(--lx-color-info-border);
  color: var(--lx-color-info);
  background: var(--lx-color-info-soft);
}

.lx-status--pending-review,
.lx-status--pending-refund {
  border-color: var(--lx-color-warning-border);
  color: var(--lx-color-warning);
  background: var(--lx-color-warning-soft);
}

.lx-status--completed,
.lx-status--success {
  border-color: var(--lx-color-success-border);
  color: var(--lx-color-success);
  background: var(--lx-color-success-soft);
}

.lx-status--cancelled {
  border-color: var(--lx-color-border);
  color: var(--lx-color-text-tertiary);
  background: var(--lx-color-bg-disabled);
}

.lx-status--exception,
.lx-status--frozen,
.lx-status--failed {
  border-color: var(--lx-color-danger-border);
  color: var(--lx-color-danger);
  background: var(--lx-color-danger-soft);
}

.lx-status--square {
  border-radius: var(--lx-radius-sm);
}
