/*
 * Flow Messages — ações utilitárias do compositor
 *
 * Mantém respostas rápidas, transcrição, áudio e emoji visíveis no estado
 * normal. O tema anterior deixava alguns ícones com contraste insuficiente
 * quando herdavam background/color de btn-light ou de estados globais.
 */

#flow-messages-chat .chat-footer-action-button,
#flow-chat-overlay .chat-footer-action-button {
    border-color: #dbe4ef !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}

#flow-messages-chat .flow-message-quick-replies-button,
#flow-chat-overlay .flow-message-quick-replies-button {
    color: #b45309 !important;
    border-color: #fcd34d !important;
    background: linear-gradient(180deg, #ffffff 0%, #fffbeb 100%) !important;
}

#flow-messages-chat .flow-message-quick-replies-button i,
#flow-messages-chat .flow-message-quick-replies-button .fas,
#flow-chat-overlay .flow-message-quick-replies-button i,
#flow-chat-overlay .flow-message-quick-replies-button .fas {
    color: #b45309 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

#flow-messages-chat .flow-message-quick-replies-button:hover,
#flow-messages-chat .flow-message-quick-replies-button:focus,
#flow-chat-overlay .flow-message-quick-replies-button:hover,
#flow-chat-overlay .flow-message-quick-replies-button:focus {
    color: #92400e !important;
    border-color: #f59e0b !important;
    background: #fef3c7 !important;
}

#flow-messages-chat .chat-message-audio-dictation-button,
#flow-chat-overlay .chat-message-audio-dictation-button {
    color: #2563eb !important;
    border-color: #bfdbfe !important;
    background: linear-gradient(180deg, #ffffff 0%, #eff6ff 100%) !important;
}

#flow-messages-chat .chat-message-audio-dictation-button i,
#flow-messages-chat .chat-message-audio-dictation-button .fas,
#flow-messages-chat .chat-message-audio-dictation-button .fa,
#flow-chat-overlay .chat-message-audio-dictation-button i,
#flow-chat-overlay .chat-message-audio-dictation-button .fas,
#flow-chat-overlay .chat-message-audio-dictation-button .fa {
    color: #2563eb !important;
    opacity: 1 !important;
    visibility: visible !important;
}

#flow-messages-chat .chat-message-audio-dictation-button:hover,
#flow-messages-chat .chat-message-audio-dictation-button:focus,
#flow-chat-overlay .chat-message-audio-dictation-button:hover,
#flow-chat-overlay .chat-message-audio-dictation-button:focus {
    color: #1d4ed8 !important;
    border-color: #60a5fa !important;
    background: #dbeafe !important;
}

#flow-messages-chat .chat-message-audio-send-button,
#flow-chat-overlay .chat-message-audio-send-button {
    color: #0f766e !important;
    border-color: #99f6e4 !important;
    background: linear-gradient(180deg, #ffffff 0%, #f0fdfa 100%) !important;
}

#flow-messages-chat .chat-message-audio-send-button i,
#flow-messages-chat .chat-message-audio-send-button .fas,
#flow-chat-overlay .chat-message-audio-send-button i,
#flow-chat-overlay .chat-message-audio-send-button .fas {
    color: #0f766e !important;
    opacity: 1 !important;
    visibility: visible !important;
}

#flow-messages-chat .chat-emoji-button,
#flow-chat-overlay .chat-emoji-button {
    color: #a16207 !important;
    border-color: #fde68a !important;
    background: linear-gradient(180deg, #ffffff 0%, #fffbeb 100%) !important;
}

/* Estados ativos continuam prevalecendo sobre o padrão claro. */
#flow-messages-chat .chat-message-audio-dictation-button.is-recording,
#flow-chat-overlay .chat-message-audio-dictation-button.is-recording,
#flow-messages-chat .chat-message-audio-send-button.is-recording,
#flow-chat-overlay .chat-message-audio-send-button.is-recording {
    color: #ffffff !important;
    border-color: #dc2626 !important;
    background: linear-gradient(180deg, #ef4444 0%, #dc2626 100%) !important;
}

#flow-messages-chat .chat-message-audio-send-button.is-sending,
#flow-chat-overlay .chat-message-audio-send-button.is-sending {
    color: #ffffff !important;
    border-color: #0d9488 !important;
    background: linear-gradient(180deg, #14b8a6 0%, #0d9488 100%) !important;
}

#flow-messages-chat .chat-message-audio-dictation-button.is-recording i,
#flow-chat-overlay .chat-message-audio-dictation-button.is-recording i,
#flow-messages-chat .chat-message-audio-send-button.is-recording i,
#flow-chat-overlay .chat-message-audio-send-button.is-recording i,
#flow-messages-chat .chat-message-audio-send-button.is-sending i,
#flow-chat-overlay .chat-message-audio-send-button.is-sending i {
    color: #ffffff !important;
}