/* 06-components/_status.css — .c-status: dot + word. Never colour alone. */
.c-status { display: inline-flex; align-items: center; gap: var(--space-xs); font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.02em; color: var(--band-ink, var(--ink-muted)); white-space: nowrap; }
.c-status::before { content: ""; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: var(--band-dot, var(--rule-strong)); flex: none; }
.c-status--lg { font-size: var(--text-sm); }
.c-status--boxed { padding: 2px var(--space-xs); border: var(--stroke) solid var(--band-line, var(--rule)); background: var(--band-fill, var(--surface-sunken)); border-radius: var(--radius-sm); }