.htc-appeler { display: inline-flex; flex-wrap: wrap; align-items: center; gap: .5em; }
.htc-appeler-btn,
.htc-appeler-hangup,
.htc-appeler-mute { padding: .6em 1.2em; border: 0; border-radius: 999px; cursor: pointer; font: inherit; text-decoration: none; }
.htc-appeler-btn { background: #1a7f37; color: #fff; }
.htc-appeler-btn:disabled { opacity: .6; cursor: default; }
.htc-appeler-hangup { background: #cf222e; color: #fff; }
.htc-appeler-mute { background: #eaeef2; color: #1f2328; }
.htc-appeler-status { font-size: .9em; opacity: .8; }
.htc-appeler-err { color: #cf222e; }

/* Panneau flottant (appel lancé depuis un lien tel: du site ou le chatbot).
   En haut à droite et au-dessus du chatbot HTC Assistant (bas à droite, z-index 2147483000) :
   sinon la fenêtre du chat ouverte le cache entièrement. */
.htc-appeler-floating { position: fixed; right: 20px; top: 20px; z-index: 2147483600; background: #fff; color: #1f2328;
	padding: 14px 40px 14px 16px; border-radius: 14px; box-shadow: 0 10px 30px rgba(0,0,0,.25); max-width: calc(100vw - 40px);
	font: 15px/1.4 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.htc-appeler-floating[hidden] { display: none; }
.htc-appeler-close { position: absolute; top: 6px; right: 8px; border: 0; background: none; font-size: 20px; line-height: 1; cursor: pointer; color: #57606a; }