.qa-exp-status-pill {
    display: inline-flex;
    align-items: center;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.qa-exp-bar {
    height: 8px;
    width: 100%;
    background: var(--color-surface-muted);
    border-radius: 999px;
    overflow: hidden;
}

.qa-exp-bar-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--color-accent-default) 0%, var(--color-accent-hover) 100%);
    border-radius: inherit;
}

.qa-color-swatch {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 1px solid var(--color-border-subtle);
    flex-shrink: 0;
}