/* Category Pill Styles (Shared) */
.category-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    border-radius: 99px;
    /* Subtle default look */
    background: color-mix(in srgb, var(--cat-color), transparent 94%);
    border: 1px solid color-mix(in srgb, var(--cat-color), transparent 70%);
    color: var(--cat-color);
    font-size: 0.9rem;
    font-weight: 600;
    backdrop-filter: blur(8px);
    transition: all 0.2s ease;
    letter-spacing: 0.01em;
}

.category-pill .material-symbols-rounded {
    font-size: 1.1em;
    font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 24;
}

/* Primary (Priority) Category - Distinct Styling */
.category-pill.primary {
    /* Slightly more prominent but refined */
    padding: 8px 16px;
    font-size: 0.95rem;

    /* Stronger border and subtle background tint */
    background: color-mix(in srgb, var(--cat-color), transparent 88%);
    border: 1px solid var(--cat-color);

    /* Gentle glow only */
    box-shadow: 0 2px 12px color-mix(in srgb, var(--cat-color), transparent 85%);
}

.category-pill.primary .material-symbols-rounded {
    font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 24;
}

.category-pill.primary .pill-label {
    font-weight: 700;
}