/* CSS Customizado para Chat - Gerenciador Caixa Governo */
/* Cores oficiais do site: Verde/Teal #3F6E6E, Laranja #F7931E */

/* Estilos gerais do widget do chat */
#liveagent_chat_button,
.liveagent_chat_button,
.la-chat-button {
    background-color: #F7931E !important; /* Laranja CAIXA */
    border-color: #F7931E !important;
    color: #FFFFFF !important;
    border-radius: 4px !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
}

#liveagent_chat_button:hover,
.liveagent_chat_button:hover,
.la-chat-button:hover {
    background-color: #E5840D !important; /* Laranja mais escuro no hover */
    border-color: #E5840D !important;
}

/* Header da janela de chat */
.la-window-header,
.la-chat-header,
.la-agent-name,
.la-chat-window-header {
    background: linear-gradient(135deg, #3F6E6E 0%, #2D4F4F 100%) !important; /* Gradiente verde/teal */
    color: #FFFFFF !important;
    border-bottom: 2px solid #2D4F4F !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
}

/* Botões de controle no header (minimizar, fechar, etc) */
.la-window-header button,
.la-chat-header button,
.la-header-button {
    color: #FFFFFF !important;
    background: transparent !important;
}

.la-window-header button:hover,
.la-chat-header button:hover,
.la-header-button:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 4px !important;
}

/* Área de mensagens */
.la-chat-messages,
.la-messages-container,
.la-chat-body {
    background-color: #F5F5F5 !important; /* Cinza claro */
    color: #333333 !important;
}

/* Mensagens do agente */
.la-agent-message,
.la-message-agent,
.la-chat-message-agent {
    background-color: #FFFFFF !important;
    border-left: 4px solid #3F6E6E !important; /* Borda verde/teal */
    color: #333333 !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

/* Mensagens do visitante */
.la-visitor-message,
.la-message-visitor,
.la-chat-message-visitor {
    background: linear-gradient(135deg, #3F6E6E 0%, #2D4F4F 100%) !important; /* Gradiente verde/teal */
    color: #FFFFFF !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) !important;
}

/* Área de input */
.la-chat-input-container,
.la-input-container,
.la-chat-input-area {
    background-color: #FFFFFF !important;
    border-top: 1px solid #E0E0E0 !important;
}

/* Campo de input de texto */
.la-chat-input,
.la-input-field,
input[type="text"].la-input {
    background-color: #FFFFFF !important;
    border: 1px solid #E0E0E0 !important;
    color: #333333 !important;
    border-radius: 4px !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
}

.la-chat-input:focus,
.la-input-field:focus,
input[type="text"].la-input:focus {
    border-color: #3F6E6E !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(63, 110, 110, 0.2) !important;
}

/* Botão de enviar */
.la-send-button,
.la-chat-send,
button[type="submit"].la-send {
    background-color: #F7931E !important; /* Laranja CAIXA */
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 4px !important;
    transition: background-color 0.3s ease !important;
}

.la-send-button:hover,
.la-chat-send:hover,
button[type="submit"].la-send:hover {
    background-color: #E5840D !important; /* Laranja mais escuro */
}

.la-send-button:active,
.la-chat-send:active,
button[type="submit"].la-send:active {
    background-color: #D4750C !important;
}

/* Botão de anexo */
.la-attach-button,
.la-chat-attach {
    color: #3F6E6E !important;
}

.la-attach-button:hover,
.la-chat-attach:hover {
    color: #2D4F4F !important;
    background-color: rgba(63, 110, 110, 0.1) !important;
    border-radius: 4px !important;
}

/* Indicador de digitação */
.la-typing-indicator,
.la-typing {
    color: #3F6E6E !important;
}

/* Links nas mensagens */
.la-message a,
.la-chat-message a {
    color: #F7931E !important; /* Laranja para links */
    text-decoration: underline !important;
}

.la-message a:hover,
.la-chat-message a:hover {
    color: #E5840D !important;
}

/* Timestamp das mensagens */
.la-message-time,
.la-timestamp {
    color: #666666 !important;
    font-size: 0.85em !important;
}

/* Avatar do agente */
.la-agent-avatar,
.la-avatar {
    border: 2px solid #3F6E6E !important;
}

/* Botão "Iniciar chat novamente" */
.la-restart-button,
.la-start-again {
    background-color: #3F6E6E !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 4px !important;
}

.la-restart-button:hover,
.la-start-again:hover {
    background-color: #2D4F4F !important;
}

/* Mensagem de boas-vindas */
.la-welcome-message,
.la-prechat-message {
    background-color: #FFFFFF !important;
    border-left: 4px solid #F7931E !important; /* Borda laranja */
    color: #333333 !important;
    border-radius: 4px !important;
}

/* Formulário pré-chat */
.la-prechat-form,
.la-form-container {
    background-color: #FFFFFF !important;
}

.la-prechat-form input,
.la-form-container input,
.la-prechat-form select,
.la-form-container select,
.la-prechat-form textarea,
.la-form-container textarea {
    border: 1px solid #E0E0E0 !important;
    border-radius: 4px !important;
    color: #333333 !important;
}

.la-prechat-form input:focus,
.la-form-container input:focus,
.la-prechat-form select:focus,
.la-form-container select:focus,
.la-prechat-form textarea:focus,
.la-form-container textarea:focus {
    border-color: #3F6E6E !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(63, 110, 110, 0.2) !important;
}

.la-prechat-form button,
.la-form-container button,
.la-submit-button {
    background-color: #F7931E !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 4px !important;
}

.la-prechat-form button:hover,
.la-form-container button:hover,
.la-submit-button:hover {
    background-color: #E5840D !important;
}

/* Scrollbar customizada */
.la-chat-messages::-webkit-scrollbar,
.la-messages-container::-webkit-scrollbar {
    width: 8px !important;
}

.la-chat-messages::-webkit-scrollbar-track,
.la-messages-container::-webkit-scrollbar-track {
    background: #F5F5F5 !important;
}

.la-chat-messages::-webkit-scrollbar-thumb,
.la-messages-container::-webkit-scrollbar-thumb {
    background: #3F6E6E !important;
    border-radius: 4px !important;
}

.la-chat-messages::-webkit-scrollbar-thumb:hover,
.la-messages-container::-webkit-scrollbar-thumb:hover {
    background: #2D4F4F !important;
}

/* Notificações e alertas */
.la-notification,
.la-alert {
    background-color: #F7931E !important;
    color: #FFFFFF !important;
    border-radius: 4px !important;
}

/* Status online/offline */
.la-status-online {
    color: #4CAF50 !important;
}

.la-status-offline {
    color: #999999 !important;
}

/* Ajustes para diferentes versões do LiveAgent */
#liveagent_chat_button_uw8ittlj,
.liveagent_chat_button_uw8ittlj {
    background-color: #F7931E !important;
    border-color: #F7931E !important;
}

/* Janela de chat completa */
.la-window,
.la-chat-window {
    border-radius: 8px 8px 0 0 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
}

/* Aplicar estilos usando seletores mais genéricos para garantir compatibilidade */
div[id*="liveagent"],
div[class*="liveagent"],
div[id*="la-"],
div[class*="la-"] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
}

/* Override para garantir que as cores sejam aplicadas */
*[style*="background"]:not(.la-exclude) {
    /* Permitir que o CSS customizado tenha prioridade */
}