/* ============================================================
   badges.css — 标签/徽标系统
   状态标签、评级标签、类别标签
   ============================================================ */

/* 状态标签（带圆点） */
.badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: var(--fs-xs);
  font-weight: var(--fw-semibold);
  gap: 4px;
}

.badge::before {
  content: '\25CF';
  font-size: 8px;
}

.badge.green  { background: var(--success-light); color: var(--success); }
.badge.blue   { background: var(--primary-light); color: var(--primary); }
.badge.orange { background: var(--orange-light);  color: var(--orange); }
.badge.red    { background: var(--danger-light);  color: var(--danger); }
.badge.gray   { background: rgba(139,148,158,0.15); color: var(--text-2); }

/* 过期状态 */
.badge-success { color: var(--success); }
.badge-warning { color: var(--warning); font-weight: var(--fw-semibold); }
.badge-danger  { color: var(--danger);  font-weight: var(--fw-semibold); }

/* ============================================================
   评级标签
   ============================================================ */
.grade-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  font-size: var(--fs-sm);
  font-weight: var(--fw-bold);
}

.grade-tag.A-plus  { background: rgba(0,200,83,0.15); color: #00c853; }
.grade-tag.A       { background: rgba(0,230,118,0.15); color: #00e676; }
.grade-tag.B-plus  { background: rgba(100,221,23,0.15); color: #64dd17; }
.grade-tag.B       { background: var(--gold-light);    color: var(--gold); }
.grade-tag.C       { background: var(--orange-light);  color: var(--orange); }
.grade-tag.D       { background: var(--danger-light);  color: var(--danger); }

/* ============================================================
   产品类别标签
   ============================================================ */
.tag {
  display: inline-block;
  padding: 2px 9px;
  border-radius: 20px;
  font-size: var(--fs-xs);
  font-weight: var(--fw-semibold);
}

.tag-tax { background: rgba(26,115,232,.15);  color: #7bb8f5; }
.tag-per { background: rgba(52,168,83,.15);   color: #6fcf97; }
.tag-hou { background: rgba(251,188,4,.12);   color: #fbbc04; }
.tag-car { background: rgba(234,67,53,.12);   color: #f28b82; }
.tag-biz { background: rgba(197,134,192,.12); color: #c586c0; }
.tag-on  { background: rgba(52,168,83,.1);    color: #6fcf97; }
.tag-off { background: rgba(110,118,129,.1);  color: var(--text-3); }

/* ============================================================
   审核状态标签
   ============================================================ */
.badge-c-new      { background: rgba(26,115,232,.15);  color: #7bb8f5; }
.badge-c-process  { background: rgba(251,188,4,.12);   color: #fbbc04; }
.badge-c-approved { background: rgba(52,168,83,.15);   color: #6fcf97; }
.badge-c-rejected { background: rgba(234,67,53,.12);   color: #f28b82; }