/* Shared status pill / badge
 *
 * Replaces the per-feature variants: .status-pill (ml_tasks),
 * .method-badge (ml_tasks), .dm-status (data_mining),
 * .permission-action-badge (data_access). Always reference CSS
 * variables from global.css — no hardcoded hex.
 */

.shared-pill {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    white-space: nowrap;
    background: var(--color-gray-100);
    color: var(--color-text-secondary);
}

/* ── Status variant (queued / running / done / failed) ─────────── */

.shared-pill--status-queued,
.shared-pill--status-pending {
    background: var(--color-warning-bg);
    color: var(--color-warning);
}

.shared-pill--status-running,
.shared-pill--status-started {
    background: var(--color-primary-lighter);
    color: var(--color-primary);
}

.shared-pill--status-done,
.shared-pill--status-finished {
    background: var(--color-success-bg);
    color: var(--color-success);
}

.shared-pill--status-failed {
    background: var(--color-error-bg);
    color: var(--color-error);
}

.shared-pill--status-stopped {
    background: var(--color-gray-100);
    color: var(--color-gray-700);
}

/* ── Method variant (ML algorithms) ────────────────────────────── */

.shared-pill--method {
    border-radius: 4px;
    background: var(--color-gray-100);
    color: var(--color-text-secondary);
}

.shared-pill--method-kmeans {
    background: var(--color-primary-lighter);
    color: var(--color-primary-dark);
}

.shared-pill--method-hierarchical {
    background: var(--color-success-bg);
    color: var(--color-success);
}

.shared-pill--method-dbscan {
    background: var(--color-warning-bg);
    color: var(--color-warning);
}

.shared-pill--method-fpgrowth {
    background: var(--color-primary-lighter);
    color: var(--color-accent-cyan);
}

/* ── Permission variant (view / edit / owner) ──────────────────── */

.shared-pill--permission-view {
    background: var(--color-gray-100);
    color: var(--color-text-secondary);
}

.shared-pill--permission-edit {
    background: var(--color-primary-lighter);
    color: var(--color-primary);
}

.shared-pill--permission-owner {
    background: var(--color-warning-bg);
    color: var(--color-warning);
}