.permissions-token badge {
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.permissions-token .badge:hover {
    transform: scale(1.1);
    filter: brightness(1.15);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.permissions-token .badge:active {
    transform: scale(0.95);
    filter: brightness(0.9);
    box-shadow: none;
}

.permissions-token .badge.inactive {
    opacity: 0.2;
    filter: grayscale(100%);
}

.permissions-token .badge.inactive:hover {
    opacity: 0.5;
}

.permissions-token .badge.active {
    border-color: #212529;
    box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.1);
}

.permissions-token .bg-success {
    background-color: #198754 !important;
}

.permissions-token .bg-danger {
    background-color: #dc3545 !important;
}

.permissions-token .bg-primary {
    background-color: #0d6efd !important;
}

.permissions-token .bg-warning {
    background-color: #ffc107 !important;
}

.permissions-token .bg-purple {
    background-color: #6f42c1 !important;
}

.permissions-token .bg-orange {
    background-color: #fd7e14 !important;
}

.permissions-table tbody tr:hover {
    background-color: #f8f9fa;
}