@import url('bos-chat-widget-base.css');
/* NEC Theme - NEC Brand Colors (Teal/Green/Orange Theme) */
/* This file contains only NEC-specific color overrides */

/* Chat Button - NEC Gradient */
.bos-chat-button {
    background: linear-gradient(135deg, #0082AB 0%, #478F40 100%);
}

/* Chat Header - NEC Teal to Green Gradient */
.bos-chat-header {
    background: linear-gradient(135deg, #0082AB 0%, #478F40 100%);
}

/* Welcome Screen - NEC Theme */
.bos-welcome-title {
    color: #003DA5;
}

.bos-faq-section h4 {
    color: #003DA5;
}

.bos-faq-item {
    background: #0061801A;
    border: 1px solid #003DA5;
    color: #006180;
}

.bos-faq-item:hover {
    background: #e2e8f0;
    border-color: #667eea;
    color: #667eea;
}

.bos-faq-count {
    background: #667eea;
    color: white;
}

.bos-loading-spinner {
    border-top: 2px solid #667eea;
}

/* Voice Button - NEC Orange */
.bos-voice-button {
    background: #D97A26;
}

.bos-voice-button:hover {
    background: #b35c1a;
    box-shadow: 0 4px 8px rgba(217, 122, 38, 0.3);
}

.bos-voice-button.bos-voice-listening {
    background: #b35c1a;
    animation: pulse-mic-nec 1.5s infinite;
}

@keyframes pulse-mic-nec {
    0% { 
        box-shadow: 0 0 0 0 rgba(217, 122, 38, 0.7);
    }
    70% { 
        box-shadow: 0 0 0 8px rgba(217, 122, 38, 0); 
    }
    100% { 
        box-shadow: 0 0 0 0 rgba(217, 122, 38, 0); 
    }
}

/* Override base animation for NEC theme */
.bos-voice-button.bos-voice-listening {
    animation: pulse-mic-nec 1.5s infinite !important;
}

/* Input Field - NEC Theme */
.bos-chat-input input:focus {
    border-color: #2563EB;
    box-shadow: 0 0 0 3px rgba(8, 145, 178, 0.1);
}

/* Send Button - NEC Teal */
.bos-send-button {
    background: #006180;
}

.bos-send-button:hover {
    background: #00475a;
    box-shadow: 0 4px 8px rgba(8, 145, 178, 0.3);
}

/* Powered By - NEC Theme */
.bos-powered-by strong {
    color: #0891b2;
}

/* Dancing Dots - NEC Colors */
.bos-dancing-dots .dot {
    background-color: #667eea;
}

/* Message Content - NEC Teal */
.bos-message-user .bos-message-content {
    background: #006180;
    color: white;
}

/* Sources - NEC Theme */
.bos-sources-title {
    color: #003DA5;
}

.bos-source-link {
    color: #003DA5;
}

.bos-source-link:hover {
    color: #1f2937;
}

.bos-document-source {
    color: #003DA5;
}

/* Follow-up Questions - NEC Blue */
.bos-follow-up-questions {
    background-color: #f8f9fa;
    border-left: 3px solid #0157FF;
}

.bos-follow-up-title {
    color: #0F3070;
}

.bos-follow-up-question:hover {
    background: linear-gradient(135deg, #0157FF 0%, #0F3070 100%);
    color: white;
    border-color: #0157FF;
    box-shadow: 0 2px 4px rgba(1, 87, 255, 0.2);
}

.bos-follow-up-question:active {
    box-shadow: 0 1px 2px rgba(1, 87, 255, 0.3);
}

/* Event Display - NEC Theme */
.bos-event-reference-link:hover {
    color: #003DA5;
}

/* Accessibility - NEC Focus States */
.bos-message-content:focus-visible {
    outline: 2px solid #0157FF;
}

.bos-chat-button:focus-visible,
.bos-chat-close:focus-visible,
.bos-chat-fullscreen:focus-visible,
.bos-send-button:focus-visible,
.bos-voice-button:focus-visible {
    outline: 3px solid #0157FF;
}

.bos-chat-input input:focus-visible {
    outline: 3px solid #0157FF;
    box-shadow: 0 0 0 3px rgba(1, 87, 255, 0.1);
}

.bos-faq-item:focus-visible {
    outline: 2px solid #0157FF;
}

.bos-feedback-btn:focus-visible {
    outline: 2px solid #0157FF;
}

.bos-chat-widget *:focus-visible {
    outline: 2px solid #0157FF;
}

/* Dark Theme - NEC Colors */
.bos-chat-widget.dark .bos-powered-by strong {
    color: #34d399;
}

.bos-chat-widget.dark .bos-chat-input input:focus {
    border-color: #0891b2;
    box-shadow: 0 0 0 4px rgba(8, 145, 178, 0.15);
}

.bos-chat-widget.dark .bos-follow-up-questions {
    border-left-color: #0157FF;
}

.bos-chat-widget.dark .bos-follow-up-question:hover {
    background: linear-gradient(135deg, #0157FF 0%, #0F3070 100%);
    border-color: #0157FF;
}

.bos-chat-widget.dark .bos-dancing-dots .dot {
    background-color: #60a5fa;
}

/* Reduced Motion - NEC Theme */
@media (prefers-reduced-motion: reduce) {
    @keyframes pulse-mic-nec {
        0%, 100% { 
            box-shadow: 0 0 0 0 rgba(217, 122, 38, 0.7);
        }
    }
}