/* Transcriptor - Stili personalizzati */

/* Drag & Drop */
.upload-dragover {
    border-color: #3B82F6 !important;
    background-color: #EFF6FF !important;
}

/* Speaker colors */
.speaker-1 { color: #2563EB; }
.speaker-2 { color: #DC2626; }
.speaker-3 { color: #059669; }
.speaker-4 { color: #D97706; }
.speaker-5 { color: #7C3AED; }
.speaker-6 { color: #DB2777; }
.speaker-7 { color: #0891B2; }
.speaker-8 { color: #4B5563; }

.speaker-bg-1 { background-color: #DBEAFE; }
.speaker-bg-2 { background-color: #FEE2E2; }
.speaker-bg-3 { background-color: #D1FAE5; }
.speaker-bg-4 { background-color: #FEF3C7; }
.speaker-bg-5 { background-color: #EDE9FE; }
.speaker-bg-6 { background-color: #FCE7F3; }
.speaker-bg-7 { background-color: #CFFAFE; }
.speaker-bg-8 { background-color: #F3F4F6; }

/* Segment hover */
.segment-row {
    transition: background-color 0.15s;
}
.segment-row:hover {
    background-color: #F9FAFB;
}

/* Status badges */
.status-pending { background-color: #FEF3C7; color: #92400E; }
.status-processing { background-color: #DBEAFE; color: #1E40AF; }
.status-completed { background-color: #D1FAE5; color: #065F46; }
.status-failed { background-color: #FEE2E2; color: #991B1B; }

/* Timestamp */
.timestamp {
    font-family: 'Courier New', monospace;
    font-size: 0.75rem;
    color: #9CA3AF;
}

/* Scrollbar custom */
.overflow-y-auto::-webkit-scrollbar {
    width: 6px;
}
.overflow-y-auto::-webkit-scrollbar-track {
    background: #F3F4F6;
    border-radius: 3px;
}
.overflow-y-auto::-webkit-scrollbar-thumb {
    background: #D1D5DB;
    border-radius: 3px;
}
.overflow-y-auto::-webkit-scrollbar-thumb:hover {
    background: #9CA3AF;
}

/* GPU Monitor */
.gpu-bar-container {
    background-color: #E5E7EB;
    border-radius: 4px;
    height: 8px;
    overflow: hidden;
}
.gpu-bar {
    height: 100%;
    border-radius: 4px;
    transition: width 0.5s ease;
}
.gpu-bar-gpu { background: linear-gradient(90deg, #3B82F6, #1D4ED8); }
.gpu-bar-mem { background: linear-gradient(90deg, #10B981, #047857); }
.gpu-bar-temp { background: linear-gradient(90deg, #F59E0B, #DC2626); }
.gpu-card {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 10px 12px;
}

/* Transcription card */
.trans-card {
    transition: transform 0.1s, box-shadow 0.1s;
}
.trans-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);
}