.badge {
  display:inline-flex;align-items:center;gap:4px;
  padding:3px 8px;border-radius:var(--radius-full);
  font-size:11px;font-weight:600;white-space:nowrap;border:1px solid transparent;
}
.badge--blue   { background:var(--primary-50);  color:var(--primary-700); border-color:var(--primary-200); }
.badge--green  { background:var(--success-bg);  color:var(--success);     border-color:var(--success-border); }
.badge--orange { background:var(--warning-bg);  color:var(--warning);     border-color:var(--warning-border); }
.badge--red    { background:var(--danger-bg);   color:var(--danger);      border-color:var(--danger-border); }
.badge--gray   { background:var(--gray-100);    color:var(--gray-600);    border-color:var(--gray-200); }
.badge--info   { background:var(--info-bg);     color:var(--info);        border-color:var(--info-border); }
.badge--lg     { padding:5px 12px; font-size:13px; border-radius:var(--radius-sm); }
.badge--dot::before { content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0; }