/* Profile Card Styles - Performance Optimized */

/* PRO Card Styling */
.card-pro {
    border-top: 3px solid #667eea;
    background: linear-gradient(135deg, #f5f7ff 0%, #e8ebff 50%, #f5f7ff 100%);
}

/* Badge Styles */
.badge-xs {
    font-size: 75% !important;
}

.badge-pro {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    box-shadow: 0 2px 4px rgba(102, 126, 234, 0.4);
}

.online-indicator {
    font-size: 0.7rem;
    vertical-align: middle;
}

/* Episode Count Badge */
.badge-episodes {
    display: inline-block;
    padding: 0.25rem 0.5rem;
}