/* Custom styles for Open FFmpeg Transcoder dashboard */

:root {
    color-scheme: dark;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: rgb(17 24 39);
}

::-webkit-scrollbar-thumb {
    background: rgb(55 65 81);
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgb(75 85 99);
}

/* Table styles */
table {
    border-collapse: collapse;
}

th {
    white-space: nowrap;
}

/* Code blocks */
code {
    font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', Consolas, monospace;
}

/* Animations */
@keyframes pulse-subtle {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

.animate-pulse-subtle {
    animation: pulse-subtle 2s ease-in-out infinite;
}

/* Status badge colors */
.status-pending { background-color: rgb(55 65 81); color: rgb(209 213 219); }
.status-downloading { background-color: rgb(30 58 138); color: rgb(147 197 253); }
.status-transcoding { background-color: rgb(88 28 135); color: rgb(216 180 254); }
.status-uploading { background-color: rgb(21 94 117); color: rgb(103 232 249); }
.status-completed { background-color: rgb(6 78 59); color: rgb(110 231 183); }
.status-failed { background-color: rgb(127 29 29); color: rgb(252 165 165); }
.status-cancelled { background-color: rgb(68 64 60); color: rgb(168 162 158); }