.status-pill {
  align-self: start;
  border-radius: 7px;
  background: #f7efd8;
  color: #6f561b;
  padding: 4px 8px;
  font-size: 12px;
  font-style: normal;
  white-space: nowrap;
}

.status-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 74px;
  padding: 5px 10px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
}

.status-chip.good {
  color: #16784a;
  background: #e6f8ee;
  border-color: #c5ecd4;
}

.status-chip.info {
  color: #1f58b8;
  background: #ecf3ff;
  border-color: #d0e1ff;
}

.status-chip.warning {
  color: #a55f00;
  background: #fff3df;
  border-color: #ffe0b3;
}

.status-chip.danger {
  color: #a13f28;
  background: #fff0eb;
  border-color: #f5cfc1;
}

.status-chip.neutral {
  color: #516275;
  background: #f3f6f9;
  border-color: #dce5ed;
}

.status-badge {
  display: inline-flex;
  align-items: center;
  border: 1px solid #dbe4df;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 12px;
  color: #355a4f;
}

.partner-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
}

.compact-pill {
  padding: 6px 10px;
}

.badge,
.status-badge,
.compact-pill,
.partner-pill,
.chip,
.tag-badge {
  border-color: transparent;
}

.partner-pill.neutral,
.compact-pill.neutral,
.badge-neutral,
.status-badge.neutral {
  background: #f1f4f8;
  color: #526277;
}

.good,
.partner-pill.good,
.badge-success,
.status-badge.success {
  background: #edf8f2;
  color: #18794e;
}

.warn,
.partner-pill.warn,
.badge-warning,
.status-badge.warning {
  background: var(--gold-soft);
  color: #9a6700;
  border-color: #f0d18b;
}

.bad,
.partner-pill.bad,
.badge-danger,
.status-badge.danger {
  background: #fff1f0;
  color: #c03632;
}

.status-badge.info {
  background: #eaf2ff;
  color: #1d4ed8;
  border-color: rgba(59, 130, 246, 0.22);
}

.status-badge.accent {
  background: #f4edff;
  color: #7c3aed;
  border-color: rgba(124, 58, 237, 0.2);
}

.status-badge.amber {
  background: #fff3e8;
  color: #c2410c;
  border-color: rgba(249, 115, 22, 0.2);
}