/*
 * Chatbot contextuel : bulle du pied de page, formulaire (meme structure que
 * css/demande-support.css, volontairement pas fusionne : fonctionnalites
 * independantes, groupes de visibilite differents).
 */

/* Bulle du pied de page -- couleur distincte du support (violet plutot
   qu'orange), fond leger pour la reperer dans la barre. */
.footer .k-menu .chatbot-bulle {
	background-color: rgba(124, 58, 237, 0.16);
}
.footer .k-menu .chatbot-bulle:hover {
	background-color: rgba(124, 58, 237, 0.28);
}
.footer .k-menu .chatbot-bulle .glyphicons-message-full {
	color: #7c3aed;
}
.footer .k-menu .chatbot-bulle:hover .glyphicons-message-full {
	color: #5b21b6;
}

/* Formulaire */
.chatbot-form {
	width: 560px;
	max-width: 90vw;
}
.chatbot-form ul.forms {
	list-style: none;
	margin: 0;
	padding: 0;
}
.chatbot-form ul.forms > li {
	margin: 0 0 12px 0;
}
.chatbot-form ul.forms > li > label:first-child {
	display: block;
	margin: 0 0 4px 0;
	font-weight: bold;
}
.chatbot-form textarea {
	width: 100%;
	box-sizing: border-box;
	resize: vertical;
	min-height: 90px;
}
.chatbot-capture-cadre {
	margin: 0 0 6px 0;
	padding: 4px;
	border: 1px solid #e5e7eb;
	border-radius: 6px;
	background-color: #fafbfc;
	max-height: 180px;
	overflow: auto;
	text-align: center;
}
.chatbot-capture-apercu {
	max-width: 100%;
	height: auto;
}
.chatbot-capture-absente {
	display: block;
	padding: 14px 8px;
	color: #6b7280;
	font-style: italic;
}
.chatbot-erreur {
	color: #b42318;
	margin: 0 0 8px 0;
}
.chatbot-contexte {
	margin: 8px 0 0 0;
	font-size: 0.85em;
	color: #6b7280;
}

/* Reponse */
.chatbot-reponse-zone {
	margin-top: 14px;
	padding-top: 12px;
	border-top: 1px solid #eef0f3;
}
.chatbot-attente {
	color: #6b7280;
	font-style: italic;
}
.chatbot-reponse-texte {
	white-space: pre-wrap;
	background-color: #f7f9fc;
	border: 1px solid #e5e9f0;
	border-radius: 8px;
	padding: 12px 14px;
}
.chatbot-bug-alerte {
	margin-top: 10px;
	padding: 10px 12px;
	background-color: #fff8e1;
	border: 1px dashed #e0c36a;
	border-radius: 6px;
}
.chatbot-bug-alerte p {
	margin: 0 0 8px 0;
}