.thinking-badge {
  --thinking-ink: #70529b;
  --thinking-border: #e5dcf1;
  --thinking-fill: #f7f3fc;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex: 0 0 auto;
  max-width: 100%;
  padding: 3px 7px;
  border: 1px solid var(--thinking-border);
  border-radius: 6px;
  background: var(--thinking-fill);
  color: var(--thinking-ink);
  font-size: 10px;
  font-weight: 500;
  line-height: 1.3;
  vertical-align: middle;
  white-space: nowrap;
}
.thinking-badge--off,
.thinking-badge--unknown {
  --thinking-ink: #6b7789;
  --thinking-border: #e3e8ef;
  --thinking-fill: #f7f9fb;
}
.thinking-badge--unknown { border-style: dashed; }
.thinking-badge--mixed {
  --thinking-ink: #526a94;
  --thinking-border: #dce5f2;
  --thinking-fill: #f2f6fc;
}
.thinking-badge-prefix { font-size: 9px; opacity: .85; letter-spacing: .01em; }
.thinking-badge-value { min-width: 0; overflow: hidden; text-overflow: ellipsis; font-weight: 650; }
.thinking-badge-prefix + .thinking-badge-value { padding-left: 5px; border-left: 1px solid var(--thinking-border); }
.thinking-badge-count { padding-left: 5px; border-left: 1px solid var(--thinking-border); font-variant-numeric: tabular-nums; }
.thinking-badge-meter { display: inline-flex; align-items: flex-end; gap: 2px; height: 10px; flex-shrink: 0; }
.thinking-badge-meter i { width: 2px; border-radius: 1px; background: currentColor; opacity: .18; }
.thinking-badge-meter i:nth-child(1) { height: 4px; }
.thinking-badge-meter i:nth-child(2) { height: 6px; }
.thinking-badge-meter i:nth-child(3) { height: 8px; }
.thinking-badge-meter i:nth-child(4) { height: 10px; }
.thinking-badge[data-strength="1"] i:nth-child(-n+1),
.thinking-badge[data-strength="2"] i:nth-child(-n+2),
.thinking-badge[data-strength="3"] i:nth-child(-n+3),
.thinking-badge[data-strength="4"] i { opacity: .8; }
.thinking-badge--compact { padding: 3px 6px; gap: 4px; font-size: 10px; }
.thinking-badge--compact .thinking-badge-prefix { font-size: 8px; }