/* Custom Styles for Live Rundown & Stage Cue Sheet Digital */

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700;800&family=Inter:wght@400;500;600;700;900&display=swap');

:root {
    --color-live: #10b981;
    --color-standby: #f59e0b;
    --color-overtime: #ef4444;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.font-mono, [data-font="mono"] {
    font-family: 'JetBrains Mono', 'Consolas', monospace;
}

/* Custom Scrollbar for Production HUD */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #090d16;
}
::-webkit-scrollbar-thumb {
    background: #1e293b;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #334155;
}

/* Live Row Glow */
.cue-row.bg-emerald-950\/30 {
    box-shadow: inset 0 0 15px rgba(16, 185, 129, 0.08);
}

/* Big Timer Digital Glow */
.font-timer {
    font-family: 'JetBrains Mono', 'Impact', sans-serif;
    letter-spacing: 0.05em;
    font-variant-numeric: tabular-nums;
}

/* Overtime Blinking Animation */
@keyframes overtime-flash {
    0%, 100% {
        color: #ef4444;
        text-shadow: 0 0 15px rgba(239, 68, 68, 0.6);
    }
    50% {
        color: #ffffff;
        text-shadow: 0 0 25px rgba(239, 68, 68, 1);
    }
}

.timer-overtime {
    animation: overtime-flash 1s infinite;
}

/* Warning Under 60 Seconds Yellow Pulse */
@keyframes warning-pulse {
    0%, 100% {
        color: #fbbf24;
        text-shadow: 0 0 10px rgba(251, 191, 36, 0.5);
    }
    50% {
        color: #f59e0b;
        text-shadow: 0 0 20px rgba(245, 158, 11, 0.8);
    }
}

.timer-warning {
    animation: warning-pulse 1.5s infinite;
}

/* Print Friendly Overrides */
@media print {
    header, footer, nav, button, .no-print {
        display: none !important;
    }
}