.status {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 999px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.2;
    text-transform: uppercase;
    color: #FFFFFF;
    vertical-align: middle;
    user-select: none;
	margin-bottom: 4px;
}

.status.live {
    background: #16A34A;
    animation: pulseLive 2s ease-in-out infinite;
}

@keyframes pulseLive {
    0% {
        background: #16A34A;
        box-shadow: 0 0 0px rgba(22,163,74,0.4);
    }
    50% {
        background: #FFFFFF;
        color: #16A34A;
        box-shadow: 0 0 8px rgba(22,163,74,0.8);
    }
    100% {
        background: #16A34A;
        color: #FFFFFF;
        box-shadow: 0 0 0px rgba(22,163,74,0.4);
    }
}

.status.cached {
    background: #DC2626;
    animation: pulseCached 2s ease-in-out infinite;
}

@keyframes pulseCached {
    0% {
        background: #DC2626;
        box-shadow: 0 0 0px rgba(220,38,38,0.4);
    }
    50% {
        background: #FFFFFF;
        color: #DC2626;
        box-shadow: 0 0 8px rgba(220,38,38,0.8);
    }
    100% {
        background: #DC2626;
        color: #FFFFFF;
        box-shadow: 0 0 0px rgba(220,38,38,0.4);
    }
}