/* ==========================================================================
   Shared Stat Cards — hover / active animations
   Used on: customer, user, role, permission, setting, hardware_token pages
   ========================================================================== */
.user-stat-card,
.role-stat-card,
.permission-module-card {
    transition: all .15s ease;
    cursor: pointer;
}

.user-stat-card:hover,
.role-stat-card:hover,
.permission-module-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
}

.user-stat-card:active,
.role-stat-card:active,
.permission-module-card:active {
    transform: translateY(0);
}

.user-stat-card.active,
.role-stat-card.active,
.permission-module-card.active {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
}