/* MuMoiRa Countdown Timer Styles */
.mmr-countdown {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    padding: 1px 6px;
    border-radius: 3px;
    margin-left: 4px;
    white-space: nowrap;
    animation: mmr-countdown-pulse 2s ease-in-out infinite;
}

.mmr-countdown-urgent {
    color: #d32f2f;
    background-color: #ffebee;
    border: 1px solid #ef9a9a;
    animation: mmr-countdown-blink 1s ease-in-out infinite;
}

.mmr-countdown-soon {
    color: #e65100;
    background-color: #fff3e0;
    border: 1px solid #ffcc80;
}

.mmr-countdown-normal {
    color: #1565c0;
    background-color: #e3f2fd;
    border: 1px solid #90caf9;
    animation: none;
}

@keyframes mmr-countdown-blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

@keyframes mmr-countdown-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.02); }
}

/* Dark mode support */
body.dark-mode .mmr-countdown-urgent {
    color: #ff8a80;
    background-color: rgba(211, 47, 47, 0.15);
    border-color: rgba(211, 47, 47, 0.3);
}

body.dark-mode .mmr-countdown-soon {
    color: #ffab40;
    background-color: rgba(230, 81, 0, 0.15);
    border-color: rgba(230, 81, 0, 0.3);
}

body.dark-mode .mmr-countdown-normal {
    color: #82b1ff;
    background-color: rgba(21, 101, 192, 0.15);
    border-color: rgba(21, 101, 192, 0.3);
}