/* Custom Blue Aesthetics for TaxFlow AI - v7 */

:root {
    --primary-color: #1572B0;
    --primary: #1572B0;
}

/* USER MESSAGE DIALOG BOX / BUBBLE */
/* Targeting by multiple possible attributes for extreme robustness */
[data-author="User"] div,
[data-author="User"] span,
.cl-message.user div,
.cl-message.user span {
    background-color: #2852a1 !important;
    color: white !important;
}

/* Specific content container */
[data-author="User"] [class*="content"],
.cl-message.user [class*="content"] {
    background-color: #2852a1 !important;
    color: white !important;
    border-radius: 1.5rem 1.5rem 0.25rem 1.5rem !important;
    padding: 1rem 1.25rem !important;
}

/* ASSISTANT MESSAGE BUBBLE */
.cl-message.assistant [class*="content"] {
    background-color: #f0f7ff !important;
    border: 1px solid #d0e1f3 !important;
    color: #1e3a5a !important;
    border-radius: 1.5rem 1.5rem 1.5rem 0.25rem !important;
    padding: 1rem 1.25rem !important;
}

/* HEADER */
header {
    background-color: white !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

/* SEND BUTTON */
button[data-testid="send-button"], 
#send-button {
    background-color: #1572B0 !important;
    color: white !important;
}

button[data-testid="send-button"] svg {
    color: white !important;
}

/* CATCH-ALL FOR PINK AND GRAY */
[style*="background-color: rgb(248, 0, 97)"], .bg-primary {
    background-color: #1572B0 !important;
}

/* Target the specific gray background seen in the screenshot */
[style*="background-color: rgb(243, 244, 246)"], 
[style*="background-color: #f3f4f6"] {
    background-color: #2852a1 !important;
    color: white !important;
}