.bl-badge, .bl-status { display: inline-flex; align-items: center; gap: 6px; min-height: 25px; padding: 4px 8px; border-radius: 999px; border: 1px solid #cfd8d1; background: var(--bl-brand-soft); color: var(--bl-success); font-size: 9px; font-weight: 800; white-space: nowrap; }
.bl-badge-soft { color: var(--bl-muted); background: var(--bl-soft-2); border-color: var(--bl-line); }
.bl-badge-warning { color: var(--bl-warning); background: var(--bl-warning-soft); border-color: #eadbc8; }
.bl-badge-danger { color: var(--bl-danger); background: var(--bl-danger-soft); border-color: #ebd0cd; }
.bl-badge-info { color: var(--bl-info); background: var(--bl-info-soft); border-color: #d5e0e9; }
.bl-status-dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }