/* 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: 1.5em;
    --chat--message--font-size: 1.1rem;
    --chat--header--border-top: 1px solid #000000;
    --chat--header--border-left: 1px solid #000000;
    --chat--header--border-right: 1px solid #000000;
}

/* Estilo para el título cuando se cambia de h1 a p */
#n8n-chat .chat-header-title-p {
    font-size: var(--chat--heading--font-size, 1.5em);
    font-weight: bold;
    margin: 0;
    line-height: 1.2;
    color: var(--chat--header--color, #222222);
}

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

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

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

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

/* Input más grande */
#n8n-chat textarea {
    font-size: 1.1rem;
}