/* Chips / badges — shared status pills. Semantic tokens only. */
.chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 800;
    background: var(--surface-sunken);
    color: var(--text-soft);
}

.chip-accent  { background: var(--accent-soft); color: var(--accent-hover); }
.chip-muted   { background: var(--surface-sunken); color: var(--text-muted); }
.chip-success { background: rgba(46, 139, 87, 0.14); color: var(--success); }
.chip-danger  { background: rgba(192, 57, 43, 0.14); color: var(--danger); }