.bx-im-message-content-text .bx-im-message-command-wrap {
	display: inline-block !important;
	width: 100%;
	margin: 4px 0;
}

.bx-im-message-content-text .bx-im-message-command {
	display: inline-block !important;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	padding: 10px 8px;
	border-radius: 8px !important;
	border: 1px solid #c8d6ea !important;
	background: #17a3ea;
	color: #fff !important;
	cursor: pointer;
} 
.bx-im-message-content-text .bx-im-message-command:hover {
	background: #0e8bc8;
}

/* Скрыть штатные кнопки шапки виджета: оценка качества и история диалога.
   На их место скрипт переносит кнопку меню (см. script.js). */
.bx-livechat-control-btn-like,
.bx-livechat-control-btn-menu {
	display: none !important;
}

/* На мобильных livechat в page-mode получает .bx-livechat-mobile и правило
   .bx-livechat-mobile.bx-livechat-wrapper{position:fixed;width:100%;height:100%}
   с z-index:9999999999 (перебивает .bx-livechat-page-mode по специфичности).
   Из-за этого виджет становится fixed на весь экран и перекрывает наши
   оверлеи (#notify-prompt, #pwa-install-modal). Понижаем его ниже наших слоёв.
   !important: styles.min.css подключён ПОСЛЕ widget.css и перебивает равную
   специфичность (см. комментарии ниже). Позицию/высоту виджета не трогаем. */
.bx-livechat-mobile.bx-livechat-wrapper {
	z-index: 1000 !important;
}

/* Кнопка отправки сообщения: вместо стрелки Bitrix — классический
   улетающий бумажный самолётик (Material «send», как в Telegram/WhatsApp).
   !important: styles.min.css подключается ПОСЛЕ widget.css и перебивает равную
   специфичность, поэтому здесь принудительная перезапись. */
.bx-im-textarea-send-button,
.bx-im-textarea-send-button.bx-im-textarea-send-button-bright-arrow,
.bx-im-textarea-dark-background .bx-im-textarea-send-button {
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M2.01%2021L23%2012%202.01%203%202%2010l15%202-15%202z%22%2F%3E%3C%2Fsvg%3E') !important;
	background-size: 16px 16px !important;
}

/* Скрыть кнопку добавления реакции к сообщению: она перекрывала дропдаун
   настроек (#pwa-menu-dropdown) — вариант 1 (надёжнее простой отрисовки
   поверх). Результаты уже поставленных реакций (ui-vue-reaction-result)
   остаются видимыми. */
.ui-vue-reaction-button {
	display: none !important;
}

/* Толщина шрифта сообщений чата — как в WhatsApp/Telegram/MAX.
   !important: styles.min.css подключается ПОСЛЕ widget.css и перебивает
   равную специфичность. Имя отправителя и текст — medium. */
.bx-im-message-content-name {
	font-weight: 500 !important;
}

.bx-im-message-content-text {
	font-weight: 500 !important;
}

/* Скрыть блок результата заполнения CRM-формы в лайв-чате
   («Спасибо, ваше сообщение отправлено»). */
.bx-imopenlines-form-result-container {
	display: none !important;
}
