.bx-im-chat-title__scope {
	--im-chat-title__font: var(--im-font-size-lg)/var(--im-font-line-height-3xs) var(--im-font-family-system);
	--im-chat-title__font-color: var(--im-color-palette-black-base);

	--im-chat-title-bot-color: #9d56a9;
	--im-chat-title-extranet-color: var(--im-color-extranet-orange-60);
	--im-chat-title-collab-color: var(--im-color-collab-70);
	--im-chat-title-network-color: #0a962f;
	--im-chat-title-support24-color: #005390;
}

.bx-im-chat-title__container {
	display: flex;
	align-items: center;
	min-width: 0;
	max-width: 100%;
}

.bx-im-chat-title__content {
	display: flex;
	align-items: center;
	max-width: 100%;
}

.bx-im-chat-title__container.--twoline .bx-im-chat-title__text {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	white-space: initial;
	word-break: break-word;
	text-overflow: initial;
}

.bx-im-chat-title__text {
	min-width: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font: var(--im-chat-title__font);
	font-weight: var(--im-font-weight-medium);
	color: var(--im-chat-title__font-color);
	align-self: baseline;
}

.bx-im-chat-title__text.--self {
	font-style: italic;
	margin-right: 0;
}

.bx-im-chat-title__text.--bot {
	color: var(--im-chat-title-bot-color);
}

.bx-im-chat-title__text.--copilot {
	color: var(--im-chat-title-bot-color);
}

.bx-im-chat-title__text.--copilot.--copilot2026 {
	background-image:
		var(--im-chat-title__background-image,
		linear-gradient(
				251deg,
				var(--ui-color-design-tinted-bitrix-gpt-content-gradient-5, #F96269) 1.67%,
				var(--ui-color-design-tinted-bitrix-gpt-content-gradient-4, #F046B7) 21.82%,
				var(--ui-color-design-tinted-bitrix-gpt-content-gradient-3, #9D48FF) 52.44%,
				var(--ui-color-design-tinted-bitrix-gpt-content-gradient-2, #3F68FF) 76.41%,
				var(--ui-color-design-tinted-bitrix-gpt-content-gradient-1, #0098EA) 97.21%
		)
	);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--im-chat-title__text-fill-color, transparent);
	background-clip: text;
}

.bx-im-chat-title__icon.--copilot {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Cg clip-path='url(%23a)'%3E%3Cmask id='b' width='14' height='14' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Ccircle cx='7' cy='7' r='7' fill='%23d9d9d9'/%3E%3C/mask%3E%3Cg mask='url(%23b)'%3E%3Crect width='14' height='14' fill='%23fff' rx='7'/%3E%3Cpath fill='url(%23c)' d='M5.226 11.676C4.773 10.6 4.83 9.477 4.944 8.76c.079-.491.436-.87.93-.918.457-.045 1.138-.05 2.094.09 1.144.166 2.307.564 3.12.888.457.182.468.796.034 1.026l-.451.241c-.5.27-1.15.628-1.4.786-.657.414-1.071.729-1.361.941-.29.213-1.939 1.634-2.684-.14'/%3E%3Cpath fill='url(%23d)' d='M10.86 10.233c-1.162.105-2.214-.289-2.862-.614-.444-.224-.697-.68-.593-1.166.095-.448.297-1.099.719-1.968.505-1.039 1.237-2.027 1.792-2.703.312-.38.9-.206.988.278l.093.503c.105.558.25 1.285.325 1.572.196.751.37 1.242.485 1.583s.97 2.342-.946 2.515'/%3E%3Cpath fill='url(%23e)' d='M11.264 4.412c-.258 1.138-.956 2.019-1.465 2.535-.35.354-.86.454-1.291.206-.398-.228-.955-.62-1.652-1.29-.833-.8-1.548-1.8-2.021-2.536-.266-.414.08-.92.568-.855l.507.067c.563.07 1.3.157 1.596.174.775.044 1.295.03 1.655.025s2.527-.203 2.103 1.674'/%3E%3Cpath fill='url(%23f)' d='M5.914 2.243c.996.609 1.606 1.552 1.932 2.2.223.444.155.96-.218 1.29-.344.303-.894.705-1.751 1.15-1.025.534-2.202.89-3.05 1.102-.478.12-.846-.371-.628-.812l.225-.46c.248-.51.566-1.18.676-1.455.29-.72.443-1.218.555-1.56.11-.342.618-2.458 2.259-1.455'/%3E%3Cpath fill='url(%23g)' d='M2.153 6.718c.883-.764 1.967-1.058 2.683-1.172.492-.077.962.145 1.162.6.185.42.4 1.067.564 2.019.196 1.138.178 2.368.122 3.24-.032.492-.611.693-.965.352q-.175-.17-.37-.355c-.41-.391-.952-.898-1.18-1.087-.597-.496-1.025-.792-1.317-1.002S.698 7.976 2.153 6.718'/%3E%3Cg filter='url(%23h)'%3E%3Cpath fill='%23000' fill-opacity='.09' d='M6.574 5.048c.08-.283.48-.283.56 0l.224.797c.163.58.616 1.032 1.195 1.195l.797.224c.284.08.284.481 0 .56l-.797.224a1.73 1.73 0 0 0-1.195 1.196l-.224.796a.29.29 0 0 1-.56 0l-.224-.796a1.73 1.73 0 0 0-1.195-1.196l-.797-.223c-.284-.08-.284-.482 0-.561l.797-.224A1.73 1.73 0 0 0 6.35 5.845z'/%3E%3C/g%3E%3Cg filter='url(%23i)'%3E%3Cpath fill='%23000' fill-opacity='.09' d='M8.815 4.456c.054-.192.327-.192.381 0l.02.071a.66.66 0 0 0 .457.457l.07.02c.193.054.193.327 0 .38l-.07.02a.66.66 0 0 0-.457.457l-.02.071c-.054.193-.327.193-.38 0l-.02-.07a.66.66 0 0 0-.457-.457l-.071-.02c-.193-.054-.193-.327 0-.381l.07-.02a.66.66 0 0 0 .457-.457z'/%3E%3C/g%3E%3Cpath fill='%23fff' d='M6.574 4.754c.08-.283.48-.283.56 0l.224.797c.163.58.616 1.033 1.195 1.196l.797.223c.284.08.284.482 0 .561l-.797.224A1.73 1.73 0 0 0 7.358 8.95l-.224.797c-.08.283-.48.283-.56 0L6.35 8.95a1.73 1.73 0 0 0-1.195-1.195l-.797-.224c-.284-.08-.284-.481 0-.56l.797-.224A1.73 1.73 0 0 0 6.35 5.55zm2.241-.594c.054-.193.327-.193.381 0l.042.15a.66.66 0 0 0 .457.456l.15.042c.192.054.192.327 0 .38l-.15.043a.66.66 0 0 0-.457.457l-.042.15c-.054.192-.327.192-.38 0l-.043-.15a.66.66 0 0 0-.456-.457l-.15-.042c-.193-.054-.193-.327 0-.381l.15-.042a.66.66 0 0 0 .456-.457z'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='c' x1='4.756' x2='11.915' y1='10.046' y2='11.089' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.226' stop-color='%233b76ff'/%3E%3Cstop offset='1' stop-color='%234e80ff' stop-opacity='.1'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' x1='9.166' x2='12.328' y1='10.187' y2='3.68' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.227' stop-color='%23da5dff'/%3E%3Cstop offset='1' stop-color='%23c753e9' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='e' x1='10.697' x2='5.477' y1='6.012' y2='1.003' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.162' stop-color='%23ffa600'/%3E%3Cstop offset='.814' stop-color='%23ffa600' stop-opacity='.3'/%3E%3C/linearGradient%3E%3ClinearGradient id='f' x1='7.247' x2='.83' y1='3.291' y2='6.629' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.217' stop-color='%2362d7fe'/%3E%3Cstop offset='1' stop-color='%2362d7fe' stop-opacity='.4'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='3.557' x2='4.784' y1='5.766' y2='12.895' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.217' stop-color='%2344a8ff'/%3E%3Cstop offset='1' stop-color='%23447cff' stop-opacity='.4'/%3E%3C/linearGradient%3E%3Cfilter id='h' width='12.96' height='12.96' x='.374' y='1.064' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_15649_4004' stdDeviation='1.886'/%3E%3C/filter%3E%3Cfilter id='i' width='9.307' height='9.307' x='4.352' y='.541' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_15649_4004' stdDeviation='1.886'/%3E%3C/filter%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 7a7 7 0 1 1 14 0A7 7 0 0 1 0 7'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.bx-im-chat-title__text.--extranet {
	color: var(--im-chat-title-extranet-color);
}

.bx-im-chat-title__text.--collaber,
.bx-im-chat-title__text.--guest {
	color: var(--im-chat-title-collab-color);
}

.bx-im-chat-title__text.--network {
	color: var(--im-chat-title-network-color);
}

.bx-im-chat-title__text.--support24 {
	color: var(--im-chat-title-support24-color);
}

.bx-im-chat-title__auto-delete-icon {
	margin-left: 2px;
}

.bx-im-chat-title__muted-icon {
	height: 18px;
	width: 18px;
	min-width: 18px;
	margin-left: 2px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%23bdc1c6' d='M9.325 3.153 5.383 5.884v.111l-.077-.004H2.932a.6.6 0 0 0-.6.6v4.819a.6.6 0 0 0 .6.6h2.374l.077-.005v.18l3.942 2.662zm6.343 7.367-.834.835-1.67-1.67-1.67 1.67-.835-.835 1.67-1.67-1.67-1.67.835-.835 1.67 1.67 1.67-1.67.834.835-1.67 1.67z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.bx-im-chat-title__icon {
	display: inline-block;
	position: relative;
	height: 14px;
	width: 14px;
	min-width: 14px;
	margin-right: 4px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.bx-im-chat-title__icon.--birthday {
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2211%22%20height%3D%2211%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.5%22%20fill%3D%22%23EDEEF0%22/%3E%3Cpath%20fill%3D%22%236DAA3A%22%20d%3D%22M2.614%209.286h2.29v-2.27h-2.29v2.27zm-.953-3.232h3.247V4.637H1.661v1.417zm4.261%203.232h2.29v-2.27h-2.29v2.27zm-.028-4.65v1.418H9.14V4.637H5.894zm1.332-.487a1.45%201.45%200%201%200-1.45-1.45c0%20.222-.005.682-.01.947h-.711c-.005-.27-.005-.668-.005-.867a1.45%201.45%200%201%200-1.45%201.45h1.27v.398h1.01V4.15h.194%201.152zm-.849-1.45a.848.848%200%201%201%20.849.848h-.853c.004-.27.004-.65.004-.849zm-2.782.923a.848.848%200%201%201%20.849-.848c0%20.2.004.578.004.848-.275.005-.663%200-.853%200z%22/%3E%3C/g%3E%3C/svg%3E');
}

.bx-im-chat-title__icon.--absent {
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2211%22%20height%3D%2211%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.5%22%20fill%3D%22%23EDEEF0%22/%3E%3Cpath%20fill%3D%22%23CC7449%22%20d%3D%22M3.484%209.708s.321-3.05%202.086-4.815c.578-.257.514-.048.546.144-.963%201.784-.53%204.655-.53%204.655l-2.102.016z%22/%3E%3Cpath%20fill%3D%22%236EA441%22%20d%3D%22M5.73%204.732c-.17-.164-1.492-1.235-4.044.033.177-.45%201.429-2.504%202.89-2.248%201.46.257%201.155%202.214%201.155%202.214v.001zm.017%200s.305-1.91%201.574-2.15c1.27-.242%202.327%201.38%202.327%201.38-.696-.096-1.4-.129-2.102-.097a4.477%204.477%200%200%200-1.799.866v.001z%22/%3E%3Cpath%20fill%3D%22%236EA441%22%20d%3D%22M5.717%204.82l-.099-.232.121-.179c.104.033.212.05.32.053.053-.014.158.112.21.097.717-.183%201.989-.345%202.43-.069.738.462.986%202.085%201.014%202.485-2.389-2.193-3.997-2.157-3.997-2.157v.001z%22/%3E%3C/g%3E%3C/svg%3E');
}

.bx-im-chat-title__icon.--bot {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' fill='none' viewBox='0 0 14 15'%3E%3Ccircle cx='7' cy='7.5' r='7' fill='%239d56a9'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='m9.422 5.46.424-1.425a.37.37 0 0 0-.082-.352.355.355 0 0 0-.603.143l-.363 1.222a3.85 3.85 0 0 0-3.603.004L4.83 3.826a.357.357 0 0 0-.446-.242.363.363 0 0 0-.24.451l.427 1.43a4.08 4.08 0 0 0-1.508 3.183c0 2.234 1.762 1.686 3.937 1.686s3.937.548 3.937-1.686a4.08 4.08 0 0 0-1.515-3.189M6.996 8.343c-1.552 0-2.812.163-2.812-.503 0-.665 1.26-1.206 2.812-1.206 1.553 0 2.814.54 2.814 1.206 0 .667-1.259.503-2.814.503M5.71 7.134a.43.43 0 0 0-.346.476.43.43 0 0 0 .448.378.43.43 0 0 0 .4-.43.47.47 0 0 0-.502-.424m2.226.477a.43.43 0 0 0 .449.378.43.43 0 0 0 .4-.431.47.47 0 0 0-.504-.424.43.43 0 0 0-.345.477' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.bx-im-chat-title__icon.--extranet {
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2227%22%20height%3D%2227%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M13.633.073c-7.18%200-13%205.82-13%2013%200%207.179%205.82%2013%2013%2013s13-5.82%2013-13-5.82-13-13-13zM4.92%2020.525c-.033.029-.179.14-.36.273a11.858%2011.858%200%2001-2.843-7.725c0-.555.04-1.104.113-1.646.68.882%201.427%202.073%201.684%202.43.419.583.885%201.156%201.292%201.748.685.997%201.4%202.362%201.037%203.602-.157.532-.506.965-.923%201.318zm13.728-9.65c.412%201.617%201.501%202.358%203.266%202.224.837-.063.783%202.176.249%203.1-.661%201.145-.49%202.504-1.115%203.647-.394.72-1.064%201.254-1.593%201.869-.663.77-1.407%201.514-2.512%201.419-.728-.063-1.031-.87-1.174-1.446-.235-.952-.435-2.403-.6-4.353-.685-1.48-1.801-1.995-3.35-1.543-2.322.678-2.795-1.122-2.86-2.833-.158-4.22%203.392-4.666%203.803-4.592.59.106%202.32.404%202.754.643%201.472.813%202.98-.307%202.86-.9-.117-.593-3.775-1.445-5.072-1.537-1.296-.093-1.416.368-1.772-.023-.287-.315-.022-.816.18-1.081%201.43-1.886%203.817-2.342%205.835-3.324.031-.016.078-.124.133-.284a11.88%2011.88%200%20014.38%202.786%2011.881%2011.881%200%20012.915%204.757c-.43.254.427-.087-1.824.436-1.5.35-3.001.694-4.503%201.036z%22%20fill%3D%22%23D79125%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E');
}

.bx-im-chat-title__icon.--network {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' fill='none' viewBox='0 0 14 15'%3E%3Ccircle cx='7' cy='7.5' r='7' fill='%23688800'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='m10.241 6.929.001-.047c0-1.035-.805-1.876-1.799-1.876a1.7 1.7 0 0 0-.597.106 1.85 1.85 0 0 0-1.71-1.198c-1.021 0-1.848.864-1.848 1.929v.034a2.355 2.355 0 0 0-1.5 2.22c0 1.303 1.012 2.359 2.26 2.359l.076-.002v.002h4.677a1.76 1.76 0 0 0 1.71-1.795 1.784 1.784 0 0 0-1.27-1.732M7.103 9.31a1.67 1.67 0 1 1 1.603-1.669c.018.904-.7 1.65-1.603 1.669m.669-1.667h-.653V6.84a.198.198 0 1 0-.395 0v1.01a.2.2 0 0 0 .198.205h.85a.206.206 0 0 0 0-.411' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.bx-im-chat-title__icon.--support24 {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' fill='none' viewBox='0 0 14 15'%3E%3Ccircle cx='7' cy='7.5' r='7' fill='%230b66c3'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M4.854 5.73c.437 0 .848.175.848.672 0 .447-.409.744-.918 1.113-.782.567-1.799 1.304-1.942 3.019h4.19V9.522H4.399c.16-.525.662-.907 1.179-1.3.675-.512 1.375-1.044 1.375-1.942 0-.907-.62-1.552-1.907-1.552-.822 0-1.513.253-2.012.48l.307.915c.446-.2.927-.392 1.513-.392m4.548 2.476h-.524c-.202 0-.622.018-.726.026l1.303-1.717c-.018.113-.053.628-.053 1.072zm.306-3.46-2.886 3.66v.759h2.58v1.369h1.164v-1.37h.857v-.959h-.857v-3.46z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.bx-im-elements-editable-chat-title__scope {
	--im-elements-editable-chat-title__background-color_input-border: rgba(var(--ui-color-base-30-rgb), 0.3);
	--im-elements-editable-chat-title__background-color_input: var(--ui-color-background-primary);
	--im-elements-editable-chat-title__font-color_input: var(--ui-color-text-primary);
}

.bx-im-elements-editable-chat-title__wrap {
	display: flex;
	align-items: center;
	width: 100%;
	height: 20px;
	max-width: 100%;
	min-width: 0;
	margin-bottom: 3px;
}

.bx-im-elements-editable-chat-title__wrap.--can-rename {
	cursor: pointer;
}

.bx-im-elements-editable-chat-title__container {
	max-width: 100%;
	min-width: 0;
	flex-shrink: 0;
	text-decoration: none;
}

.bx-im-elements-editable-chat-title__edit-icon_container {
	flex-shrink: 0;
	width: 18px;
	height: 18px;
}

.bx-im-elements-editable-chat-title__edit-icon {
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%23525c69' fill-rule='evenodd' d='M11.672 4.19a.45.45 0 0 1 .638.002l1.564 1.58a.45.45 0 0 1-.002.635l-6.737 6.715-2.197-2.22zm-7.754 9.674a.23.23 0 0 0 .058.22c.058.057.14.08.22.057l2.455-.662-2.071-2.07z' clip-rule='evenodd'/%3E%3C/svg%3E");
	opacity: 0.35;
	transition: all 0.3s;
}

.bx-im-elements-editable-chat-title__edit-icon:hover {
	opacity: 0.7;
}

.bx-im-elements-editable-chat-title__input_container {
	height: 20px;
	max-width: 100%;
	margin-bottom: 3px;
	overflow: hidden;
}

.bx-im-elements-editable-chat-title__input {
	max-height: 100%;
	padding: 1px 0;
	outline: none;
	border: none;
	border-bottom: 1px solid var(--im-elements-editable-chat-title__background-color_input-border);
	background: var(--im-elements-editable-chat-title__background-color_input);
	font: var(--im-font-size-lg)/var(--im-font-line-height-2xs) var(--im-font-family-system);
	font-weight: var(--im-font-weight-medium);
	color: var(--im-elements-editable-chat-title__font-color_input);
}
