.bx-im-list-container-copilot__scope {
	--im-list-container-copilot__background-color: var(--im-color-palette-white-base);
	--im-list-container-copilot__background-color_separator: rgba(var(--im-color-palette-gray-90-rgb), 0.08);
	--im-list-container-copilot__font-color_header-title: var(--im-color-palette-black-base);
}

.bx-im-list-container-copilot__container {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	background-color: var(--im-list-container-copilot__background-color);
}

/* Header */
.bx-im-list-container-copilot__header_container {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: var(--im-space-inset-md) 13px 14px 13px;
	border-bottom: 1px solid var(--im-list-container-copilot__background-color_separator);
}

.bx-im-list-container-copilot__header_title {
	flex: 1;
	font: var(--im-font-size-2xl) var(--im-font-family-system);
	font-weight: var(--im-font-weight-medium);
	color: var(--im-list-container-copilot__font-color_header-title);
}

/* End Header */

/* Recent list */
.bx-im-list-container-copilot__elements_container {
	flex: 1 0 auto;
	position: relative;
	padding-top: 1px;
}

.bx-im-list-container-copilot__elements {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: var(--im-list-container-copilot__background-color);
}
/* End Recent list */

.bx-im-ai-assistant-create-chat-button__scope {
	--im-ai-assistant-create-chat-button__icon-color: none;
	--im-ai-assistant-create-chat-button__icon-background: 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%
	);
	--im-ai-assistant-create-chat-button__icon-opacity: 1;
	--im-ai-assistant-create-chat-button__background:
		linear-gradient(
			var(--ui-color-design-outline-bitrix-gpt-bg, white),
			var(--ui-color-design-outline-bitrix-gpt-bg, white)
		) padding-box,
		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%
		) border-box;
}

.bx-im-ai-assistant-create-chat-button {
	display: flex;
	width: 44px;
	height: 30px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	border-radius: 80px;
	border: 1px solid transparent;
	background: var(--im-ai-assistant-create-chat-button__background);
	cursor: pointer;
	position: relative;
}

.bx-im-ai-assistant-create-chat-button::after {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: var(--ui-color-bg-state-hover-default, rgba(0, 0, 0, 0.03));
	opacity: 0;
	transition: opacity 180ms;
	pointer-events: none;
}

.bx-im-ai-assistant-create-chat-button:hover::after {
	opacity: 1;
}

.bx-im-ai-assistant-create-chat-button__icon {
	--ui-icon-set__icon-color: var(--im-ai-assistant-create-chat-button__icon-color);
	background: var(--im-ai-assistant-create-chat-button__icon-background);
	opacity: var(--im-ai-assistant-create-chat-button__icon-opacity);
}

.bx-im-ai-assistant-create-chat-button.--loading {
	border-color: transparent;
	background: transparent;
}

/* Legacy styles */
.bx-im-ai-assistant-create-chat-button.--legacy {
	height: 34px;
	border: none;
	background: rgba(142, 82, 236, 0.12);
}

.bx-im-ai-assistant-create-chat-button.--legacy::after {
	display: none;
}

.bx-im-ai-assistant-create-chat-button.--legacy:hover {
	background: rgba(142, 82, 236, 0.2);
}

.bx-im-ai-assistant-create-chat-button.--legacy .bx-im-ai-assistant-create-chat-button__icon {
	--ui-icon-set__icon-color: var(--im-color-palette-copilot-primary);
	background: var(--im-color-palette-copilot-primary);
}