/*
 * status-badge.css — Team Portal UI primitive: variant-based dot + label badge.
 *
 * Companion to lib/status-badge.js (Block 1101 of task radar-os--455-docs-control-mode).
 *
 * Colors via CSS variables `--badge-{variant}-color` defined by caller
 * (mod styles.css or scoped scope). Unknown/undefined variant falls back to
 * `--badge-color` default (gray #6b7280) — graceful degradation.
 *
 * Loaded via <link> in team/index.html (after legacy lib CSS files).
 */

.status-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  white-space: nowrap;
}
.status-badge__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--badge-color, #6b7280);
}
.status-badge--success  { --badge-color: var(--badge-success-color, #22c55e); }
.status-badge--danger   { --badge-color: var(--badge-danger-color,  #ef4444); }
.status-badge--warning  { --badge-color: var(--badge-warning-color, #f4a300); }
.status-badge--info     { --badge-color: var(--badge-info-color,    #38bdf8); }
.status-badge--muted    { --badge-color: var(--badge-muted-color,   #9ca3af); }
.status-badge--accent   { --badge-color: var(--badge-accent-color,  #3b82f6); }
.status-badge--draft    { --badge-color: var(--badge-draft-color,   #f4a300); }
.status-badge--archived { --badge-color: var(--badge-archived-color, #6b7280); opacity: 0.65; }