/* Generation Credits Indicator Styles */

#creditIndicator {
    display: inline-block;
    font-size: 0.875rem;
    color: #4B5563;
    transition: all 0.3s ease;
}

.credit-updated {
    animation: pulse 1s ease;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        color: #4B5563;
    }
    50% {
        transform: scale(1.1);
        color: #6366F1;
    }
    100% {
        transform: scale(1);
        color: #4B5563;
    }
}

/* Credit low warning styles */
.credit-low {
    color: #EF4444 !important;
}