/* =========================
   RESET LOCAL CHAT (SAFE)
   Reseteja estils i configuracions heredades d'altres css -- VIGILAR MOLT AMB AIXÒ
   ========================= */

#n8n-chat h1,
#n8n-chat h2,
#n8n-chat h3,
#n8n-chat h4,
#n8n-chat h5,
#n8n-chat h6,
#n8n-chat p {
  margin: 0;
}
#n8n-chat strong {
  font-weight: 700;
}
 
#n8n-chat,
#n8n-chat *,
#n8n-chat *::before,
#n8n-chat *::after {
    box-sizing: content-box
}

/* =========================
   CUSTOM CSS
   ========================= */

#n8n-chat .chat-window-wrapper.n8n-chat { /* FINESTRA XAT */
    height: 500px; /* Alcada finestra xat */
    width: 350px; /* Amplada finestra xat */
    display: flex; /* Posicio boto */
    justify-content: flex-end; /* Posiciona boto a l'esquerra de la pantalla */
    left: 10px; /* Distancia des del marge esquerre */
}

#n8n-chat .chat-window-wrapper .chat-window-toggle { /* BOTO OBRIR XAT */
    color:#ffffff; /* Color icone boto */
    background-color: #77b800; /* Color fons boto */
}

#n8n-chat .chat-header{ /* HEADER CHAT */
    height: 30px;
    background-color: #77b800;
}

#n8n-chat .chat-header .chat-heading { /* TEXT HEADER CHAT */
    display: flex;
    align-items: center;
    justify-content: center;
}

#n8n-chat .chat-header .chat-heading h1{ /* H1 TEXT DINS HEADER (TEXT TITOL)*/
    color: #f7f7f7;
    font-family: Arial, Helvetica, sans-serif;
}

#n8n-chat .chat-message.chat-message-from-bot { /* MISSATGE DEL BOT */
    color: #525252;
    background-color: #ffffff;
}

#n8n-chat .chat-footer { /* FOOTER CHAT GLOBAL */
    background-color: #ffffff;
}

#n8n-chat .chat-footer .chat-inputs { /* CONTAINER BOTO ENVIAR + TEXT */
    display:flex;
}

#n8n-chat .chat-footer .chat-inputs .chat-inputs-controls{ /* COINTARNER BOTO ENVIAR */
    background-color: #ffffff;
    display: flex;
}

#n8n-chat .chat-footer .chat-inputs .chat-inputs-controls :hover{/* HOOOVER BOTO ENVIAR */
    background-color: #77b800 
}

#n8n-chat .chat-footer .chat-inputs .chat-inputs-controls .chat-input-send-button{ /* BOTO ENVIAR */
    padding-top: 5px;
    padding-left: 8px;
    color: #525252;
    border-color: #525252
}

#n8n-chat .chat-footer .chat-inputs textarea{ /* TEXT AREA ON ESCRIU USER */
    background-color: #ffffff;
    width: 305px;
    height: 37px !important;
}


#n8n-chat .chat-footer .chat-inputs textarea::placeholder{ /* PLACEHOLDER TEXT AREA */
    padding-top: 12px;
    padding-left: 20px;
}