/**
 * Listen Page Specific Styles
 * Styles specific to listen.html (listener page)
 */

/* Translation Display Components (TranslationDisplay.js) */
.translation-partial {
    color: #94a3b8;
    font-style: italic;
    margin-bottom: 10px;
}

.translation-text {
    color: #1e293b;
    margin-bottom: 10px;
}

.transcription-text {
    color: #64748b;
    margin-bottom: 10px;
}

.translation-message {
    color: #64748b;
    font-style: italic;
    margin-bottom: 10px;
}

/* Note: .message-success and .message-error moved to messages.css component */

/* Fullscreen UI States (ConnectionStatus.js) */
.fullscreen-ui-hiding {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.cursor-none {
    cursor: none;
}

/* Typography Helpers for Dynamic Content */
.text-delay-live {
    color: #10b981;
    font-weight: 600;
    font-size: 13px;
}

.text-delay-good {
    color: #10b981;
    font-weight: 600;
    font-size: 13px;
}

.text-delay-warning {
    color: #f59e0b;
    font-weight: 600;
    font-size: 13px;
}

.text-delay-critical {
    color: #ef4444;
    font-weight: 600;
    font-size: 13px;
}

/* Queue Display */
.text-queue {
    color: #64748b;
    font-size: 12px;
}

/* Duration Display */
.text-duration {
    color: #94a3b8;
    font-size: 11px;
}

/* Audio Status Badge Variants */
.audio-badge-paused {
    background-color: #fef3c7;
    color: #92400e;
}

.audio-badge-active {
    background-color: #dcfce7;
    color: #166534;
}

.audio-badge-warning {
    background-color: #fee2e2;
    color: #991b1b;
}

.audio-badge-waiting {
    background-color: #f1f5f9;
    color: #475569;
}