/**
 * 深色背景下模型标签与计费说明（与 /api/pricing 映射的标签样式一致）
 */

.transit-model-tag {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.25;
  vertical-align: middle;
  user-select: none;
  -webkit-user-select: none;
}

.transit-model-tag--ha {
  background: rgba(34, 197, 94, 0.15);
  color: #4ade80;
  border: 1px solid rgba(74, 222, 128, 0.3);
}

.transit-model-tag--rate,
.rate-tag-style {
  background: rgba(245, 158, 11, 0.15);
  color: #fbbf24;
  border: 1px solid rgba(251, 191, 36, 0.3);
}

/* 未分类标签：朱红系（比纯白灰字更醒目，又与绿/琥珀倍率区分） */
.transit-model-tag--default {
  background: rgba(201, 60, 45, 0.22);
  color: #fca5a5;
  border: 1px solid rgba(248, 113, 113, 0.38);
}

/* 计费说明内联倍率示例：与倍率标签视觉一致 */
.rate-tag-style {
  display: inline;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 0.85em;
  font-weight: 500;
  user-select: none;
  -webkit-user-select: none;
}

.transit-billing-banner {
  background: rgba(30, 41, 59, 0.92);
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 8px;
  padding: 0.75rem 1rem;
  font-size: 0.8125rem;
  line-height: 1.55;
  color: rgba(203, 213, 225, 0.95);
}

.transit-billing-banner .rate-tag-style {
  margin: 0 0.125rem;
  vertical-align: baseline;
}