.tag {
    border-radius: 1.875rem;
    display: inline-flex !important;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.5rem;
    cursor: pointer;
    transition: transform 0.2s ease, opacity 0.2s ease, box-shadow 0.2s ease;
}

    .tag:hover {
        transform: scale(1.05);
        opacity: 0.9;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    }

    .tag .mud-icon-root {
        flex-shrink: 0;
    }

    .tag > * {
        margin: 0;
        padding: 0;
    }

    .tag .mud-typography {
        line-height: 1;
    }

.tags-row {
    gap: 1rem;
    margin-top: 0.75rem;
}

.tag-orange {
    background: var(--mud-palette-orange-accent) !important;
    color: white !important;
}

    .tag-orange:hover {
        filter: brightness(1.1);
    }

.tag-gray {
    background: var(--mud-palette-medium-gray-5O) !important;
    color: var(--mud-palette-medium-gray-70O) !important;
}

    .tag-gray:hover {
        filter: brightness(1.1);
    }

.tag-secondaryblue {
    background: var(--mud-palette-secondary-blue) !important;
    color: white !important;
}

    .tag-secondaryblue:hover {
        filter: brightness(1.1);
    }

.tag-greensuccess {
    background: var(--mud-palette-success-green) !important;
    color: white !important;
}

    .tag-greensuccess:hover {
        filter: brightness(1.1);
    }

.tag-purple {
    background: #CB4FFD !important;
    color: white !important;
}

    .tag-purple:hover {
        filter: brightness(1.1);
    }

.tag-green {
    background: #64CF6B !important;
    color: white !important;
}

    .tag-green:hover {
        filter: brightness(1.1);
    }

.tag-text {
    color: inherit !important; 
}

.tag-icon {
    display: inline-flex !important;
}

.tag.tag-no-hover {
    cursor: default;
    pointer-events: none;
}