.user-role-badge {
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.9rem;
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

 
.user-role-badge.normal {
    background: #3B82F6;
    box-shadow: 0 2px 4px rgba(59, 130, 246, 0.2);
}

.user-role-badge.premium {
    background: linear-gradient(135deg, #7F00FF, #9B1DE2, #DA70D6);
    box-shadow: 0 4px 12px rgba(155, 29, 226, 0.35);
}

.user-role-badge.vip {
    background: linear-gradient(135deg, #FFD700, #FFC107, #FFB300);
    box-shadow: 0 4px 12px rgba(255, 215, 0, 0.35);
  }

.user-role-badge.bot {
    background: linear-gradient(135deg, #0fff83 0%, #11d16e 100%);
    box-shadow: 0 2px 4px rgba(99, 102, 241, 0.2);
  }

.user-role-badge.admin {
    background: linear-gradient(135deg, #6366F1 0%, #4F46E5 100%);
    box-shadow: 0 2px 4px rgba(99, 102, 241, 0.2);
}

.user-role-badge.geliştirici {
    background: linear-gradient(135deg, #6366F1 0%, #4F46E5 100%);
    box-shadow: 0 2px 4px rgba(99, 102, 241, 0.2);
}

 
.user-role-badge.emerald {
    background: #10B981;
    box-shadow: 0 2px 4px rgba(16, 185, 129, 0.2);
}

.user-role-badge.red {
    background: #EF4444;
    box-shadow: 0 2px 4px rgba(239, 68, 68, 0.2);
}

.user-role-badge.purple {
    background: #8B5CF6;
    box-shadow: 0 2px 4px rgba(139, 92, 246, 0.2);
}

.user-role-badge.pink {
    background: #EC4899;
    box-shadow: 0 2px 4px rgba(236, 72, 153, 0.2);
}

.user-role-badge.teal {
    background: #14B8A6;
    box-shadow: 0 2px 4px rgba(20, 184, 166, 0.2);
}

.user-role-badge.orange {
    background: #F97316;
    box-shadow: 0 2px 4px rgba(249, 115, 22, 0.2);
}

.user-role-badge.cyan {
    background: #06B6D4;
    box-shadow: 0 2px 4px rgba(6, 182, 212, 0.2);
}

.user-role-badge.lime {
    background: #84CC16;
    box-shadow: 0 2px 4px rgba(132, 204, 22, 0.2);
}

.user-role-badge.slate {
    background: #64748B;
    box-shadow: 0 2px 4px rgba(100, 116, 139, 0.2);
}

.verified-badge {
    display: inline-flex;
    align-items: center;
    margin-left: 0.5rem;
    color: #5865F2;
    font-size: 1.25rem;
}

.verified-badge i {
    transition: all 0.3s ease;
}

.verified-badge:hover i {
    transform: scale(1.1);
}

.verified-badge:hover::after {
    content: 'Discord Onaylı';
    position: absolute;
    background: rgba(88, 101, 242, 0.9);
    color: white;
    padding: 0.5rem;
    border-radius: 6px;
    font-size: 0.75rem;
    margin-left: 2rem;
    pointer-events: none;
}