/* ==========================================================================
   Historique des dialogues du chatbot (lib/view/ChatbotHistorique.php).
   Badges, grille et contexte : classes ds-* de css/demande-support.css ;
   couleurs de la charte (design-tokens.css).
   ========================================================================== */
.qc-etat-expiree {
	background-color: color-mix(in srgb, var(--color-danger) 10%, #fff);
	border-color: color-mix(in srgb, var(--color-danger) 40%, #fff);
	color: var(--color-danger-hover, var(--color-danger));
}
.ds-badge.qc-bug-badge {
	background-color: var(--color-danger);
	border-color: var(--color-danger);
	color: #fff;
}
.qc-ligne-expiree td {
	color: var(--color-text-muted);
}

/* Extraits question / reponse : une ligne, texte complet en infobulle. */
.qc-extrait {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.qc-extrait-question {
	font-weight: 600;
	color: var(--color-text);
}
.qc-extrait .glyphicons {
	color: var(--color-text-muted);
}

/* Detail : dialogue en bulles (utilisateur a gauche, assistant a droite). */
.qc-fil {
	padding: 8px;
}
.qc-bulle {
	margin: 0 0 10px 0;
	padding: 8px 12px;
	border-radius: 8px;
	max-width: 85%;
	word-wrap: break-word;
}
.qc-bulle .qc-bulle-entete {
	display: block;
	margin: 0 0 4px 0;
	font-size: 0.8em;
	color: var(--color-text-muted);
}
.qc-bulle-question {
	background-color: var(--color-bg-muted);
	margin-right: auto;
}
.qc-bulle-reponse {
	background-color: color-mix(in srgb, var(--synapsy-purple) 8%, #fff);
	border: 1px solid color-mix(in srgb, var(--synapsy-purple) 25%, #fff);
	margin-left: auto;
}
.qc-bug {
	margin: 0 0 10px auto;
	max-width: 85%;
	padding: 6px 10px;
	border-radius: 6px;
	background-color: color-mix(in srgb, var(--color-danger) 10%, #fff);
	color: var(--color-danger);
	font-size: 0.9em;
}
.qc-sans-reponse {
	font-style: italic;
	color: var(--color-text-muted);
	text-align: center;
}