/* Ranking Badges */
.badge-new {
    background-color: #ff4757; /* Neon Red */
    color: white;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 0.85em;
    animation: pulse 2s infinite;
    box-shadow: 0 0 10px rgba(255, 71, 87, 0.4);
}

.badge-rise {
    background-color: #f1c40f;
    color: #2c3e50; /* Dark text for contrast against yellow */
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 0.85em;
    box-shadow: 0 0 10px rgba(241, 196, 15, 0.3);
}

/* Default (Dark Mode) Growth Color */
.badge-growth {
    color: #2ecc71; /* Bright Green */
    font-weight: bold;
    font-size: 0.9em;
    text-shadow: 0 0 5px rgba(46, 204, 113, 0.3);
}

/* Light Mode Overrides */
body.light-mode .badge-growth {
    color: #27ae60; /* Darker Green */
    text-shadow: none;
}

body.light-mode .badge-new {
    box-shadow: none;
}
body.light-mode .badge-rise {
    box-shadow: none;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}