/* Default Theme CSS - GS Battery Branding */

.theme-default {
    /* GS Battery light blue background */
    background: #E6F3FF;
}

.theme-default .mic-button {
    background: linear-gradient(45deg, #005bb0, #003d7a);
}

.theme-default .mic-button.listening {
    background: linear-gradient(45deg, #4CAF50, #2E7D32);
}

.theme-default .mic-button.speaking {
    background: linear-gradient(45deg, #2196F3, #1976D2);
}

/* GS Battery Brand Colors */
:root {
    --gs-battery-light-blue: #E6F3FF;
    --gs-battery-brand-blue: #005bb0;
    --gs-battery-dark-blue: #003d7a;
    --gs-battery-green: #4CAF50;
    --gs-battery-dark-green: #2E7D32;
    --gs-battery-white: #FFFFFF;
    --gs-battery-black: #000000;
}

/* Apply GS Battery branding to main elements */
.theme-default {
    --primary-color: var(--gs-battery-brand-blue);
    --secondary-color: var(--gs-battery-light-blue);
    --accent-color: var(--gs-battery-green);
    --text-color: var(--gs-battery-black);
    --background-color: var(--gs-battery-light-blue);
}

/* Status indicators with GS Battery colors */
.theme-default .status-pill {
    background: linear-gradient(135deg, var(--gs-battery-brand-blue) 0%, var(--gs-battery-dark-blue) 100%);
    color: var(--gs-battery-white);
}

.theme-default .status-pill.resting {
    background: linear-gradient(135deg, #666666 0%, #444444 100%);
}

.theme-default .status-pill.idle {
    background: linear-gradient(135deg, var(--gs-battery-green) 0%, var(--gs-battery-dark-green) 100%);
}

.theme-default .status-pill.listening {
    background: linear-gradient(135deg, var(--gs-battery-green) 0%, var(--gs-battery-dark-green) 100%);
}

.theme-default .status-pill.thinking {
    background: linear-gradient(135deg, #F44336 0%, #D32F2F 100%);
}

.theme-default .status-pill.speaking {
    background: linear-gradient(135deg, #F44336 0%, #D32F2F 100%);
}

.theme-default .status-pill.error {
    background: linear-gradient(135deg, #F44336 0%, #D32F2F 100%);
}

/* VAD Bar with GS Battery colors */
.theme-default .vad-bar-fill {
    background: linear-gradient(90deg, var(--gs-battery-green), var(--gs-battery-dark-green), var(--gs-battery-green));
    box-shadow: 0 0 10px rgba(76, 175, 80, 0.5);
}

/* Company logo styling */
.theme-default .company-logo {
    background: transparent;
}

/* Conversation transcription with GS Battery styling */
.theme-default .conversation-transcription {
    background: linear-gradient(135deg, rgba(0, 91, 176, 0.8) 0%, rgba(0, 61, 122, 0.6) 100%);
    border: 1px solid rgba(0, 91, 176, 0.3);
}

.theme-default .conversation-transcription-message.user-message {
    color: #87CEEB; /* Light blue for user messages */
}

.theme-default .conversation-transcription-message.bot-message {
    color: var(--gs-battery-white);
}

/* RESTING overlay with GS Battery branding */
.theme-default .resting-overlay {
    background: rgba(0, 91, 176, 0.25); /* GS Battery blue tint */
}

.theme-default .resting-overlay-content {
    color: var(--gs-battery-white);
    text-shadow: 0 2px 4px rgba(0, 91, 176, 0.5);
}

/* Admin panel with GS Battery branding */
.theme-default .admin-btn {
    background: var(--gs-battery-brand-blue);
    color: var(--gs-battery-white);
}

.theme-default .admin-btn:hover {
    background: var(--gs-battery-dark-blue);
}

/* Loading screen with GS Battery branding */
.theme-default .loading-screen {
    background: linear-gradient(135deg, var(--gs-battery-light-blue) 0%, var(--gs-battery-brand-blue) 100%);
}

/* Error screen with GS Battery branding */
.theme-default .error-screen {
    background: linear-gradient(135deg, var(--gs-battery-light-blue) 0%, var(--gs-battery-brand-blue) 100%);
}

.theme-default .retry-btn {
    background: linear-gradient(45deg, var(--gs-battery-brand-blue), var(--gs-battery-dark-blue));
    color: var(--gs-battery-white);
}