/* n8n Chat Plugin Styles */
#n8n-chat {
    --chat--color-primary: #A0D8D1;
    --chat--toggle--background: #A0D8D1;
    --chat--toggle--hover--background: #86cfc9;
    --chat--toggle--active--background: #86cfc9;
    --chat--header--background: #F1F1F1;
    --chat--header--color: #222222;
    --chat--body--background: #FFFFFF;
    --chat--footer--background: #FFFFFF;
    --chat--border-radius: 12px;
    --chat--message--user--background: #A0D8D1;
    --chat--message--user--color: #ffffff;
    --chat--message--bot--background: #F1F1F1;
    --chat--message--bot--color: #333333;
    --chat--toggle--size: 60px;
    --chat--heading--font-size: 20px;
    --chat--message--font-size: 14px;
    --chat--header--border-top: 1px solid #000000;
    --chat--header--border-left: 1px solid #000000;
    --chat--header--border-right: 1px solid #000000;
}

/* RESET AGRESIVO DE LINE-HEIGHT: Evitar herencias del tema de WordPress */
#n8n-chat,
#n8n-chat *,
#n8n-chat p,
#n8n-chat span,
#n8n-chat div,
#n8n-chat a,
#n8n-chat li,
#n8n-chat input,
#n8n-chat textarea,
#n8n-chat button,
#n8n-chat h1,
#n8n-chat h2,
#n8n-chat h3,
#n8n-chat h4,
#n8n-chat h5,
#n8n-chat h6 {
    line-height: 1.2 !important;
}

/* Posición flotante y separación */
#n8n-chat .chat-toggle {
    bottom: 20px;
    right: 20px;
}

#n8n-chat .chat-layout .chat-message {
    margin-bottom: 10px;
}

/* Ajustes de Cabecera: Espaciado y Tamaños */
#n8n-chat .chat-window-header-title {
    line-height: 1.2 !important;
    margin-bottom: 4px !important;
}

#n8n-chat .chat-window-header-subtitle {
    font-size: 14px !important;
    line-height: 1.3 !important;
    margin-top: 0 !important;
}

.chat-body {
    border: 1px solid #000000;
}

.chat-footer {
    border: 1px solid #000000;
}

/* Input Styles & Fixes */
#n8n-chat textarea {
    font-size: 14px !important;
    background-color: #ffffff !important;
    height: auto !important;
    min-height: 40px;
    max-height: 120px;
}

#n8n-chat textarea:focus {
    background-color: #ffffff !important;
    box-shadow: none;
    outline: none;
}