/* Client-rating badge — small discreet capsule pill showing the tier code.
 * Scoped by the .rating-badge prefix. Pastel bg/fg pairs, one per tier.
 * Reuses no global tokens (intentionally self-contained pastel palette). */

.rating-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 18px;
  padding: 1px 7px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
  vertical-align: middle;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;
  background: #eef0f3;
  color: #6b7280;
}

/* GS — gold */
.rating-badge--gs {
  background: #fdf3d7;
  color: #8a6d1a;
}

/* Aaa / Aa — green */
.rating-badge--aaa,
.rating-badge--aa {
  background: #e3f4e6;
  color: #2f7a44;
}

/* A — blue */
.rating-badge--a {
  background: #e4eefb;
  color: #2f5d9e;
}

/* B — neutral blue-grey */
.rating-badge--b {
  background: #eaeef4;
  color: #4f6079;
}

/* C — orange */
.rating-badge--c {
  background: #fcecd9;
  color: #99611d;
}

/* D — grey */
.rating-badge--d {
  background: #eef0f3;
  color: #6b7280;
}