/* root container */
.crm-copilot-wrapper{
	--crm-copilot-slider-bg: url('images/images/copilot-slider-bg.png?v=2') fixed 100% 0 no-repeat;
	--ui-btn-custom-background: var(--crm-copilot-slider-bg);

	background: var(--crm-copilot-slider-bg);
	background-size: cover;

	--copilot-icon-width: 32px;
	--copilot-icon-height: 32px;
	--copilot-icon-to-left: calc(-1 * (var(--copilot-icon-width)));
	--copilot-icon-title-distance: 5px;
}

/* header */
.crm-copilot-wrapper .ui-sidepanel-layout-header{
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.crm-copilot-wrapper .ui-sidepanel-layout-title{
	color: white;
	position: relative;
	overflow: visible;
	margin-left: var(--copilot-icon-width);
	padding: 21px 0 24px 5px;
	font-size: var(--ui-font-size-5xl);
	font-weight: var(--ui-font-weight-light);
	font-style: normal;
	letter-spacing: -0.267px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

/* copilot icon */
.crm-copilot-wrapper .ui-sidepanel-layout-title::before{
	position: absolute;
	top: calc(50% - 0.5 * var(--copilot-icon-height));
	left: var(--copilot-icon-to-left);
	width: var(--copilot-icon-width);
	height: var(--copilot-icon-height);
	content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.058 22.73a6.9 6.9 0 100-13.801 6.9 6.9 0 000 13.801zm-1.103-12.068a.193.193 0 00-.363 0l-.687 1.857a1.93 1.93 0 01-1.14 1.14l-1.857.688a.193.193 0 000 .362l1.857.687a1.93 1.93 0 011.14 1.14l.688 1.857c.062.168.3.168.362 0l.687-1.857a1.93 1.93 0 011.14-1.14l1.857-.687a.193.193 0 000-.362l-1.857-.687a1.931 1.931 0 01-1.14-1.141l-.687-1.857zm3.943 5.365a.112.112 0 00-.209 0l-.397 1.073a1.116 1.116 0 01-.659.659l-1.073.397a.112.112 0 000 .209l1.073.397c.305.113.546.354.66.659l.396 1.073a.111.111 0 00.21 0l.396-1.073c.113-.305.354-.546.66-.66l1.072-.396a.112.112 0 000-.21l-1.073-.396a1.116 1.116 0 01-.659-.66l-.397-1.072z'/%3E%3Cpath d='M25.987 16.248c.678.03 1.211.605 1.109 1.276-.818 5.361-5.449 9.469-11.039 9.469-6.167 0-11.166-5-11.166-11.167s5-11.167 11.166-11.167c2.938 0 5.611 1.135 7.605 2.99.498.463.436 1.246-.079 1.69-.515.444-1.286.378-1.798-.069a8.707 8.707 0 102.833 8.149c.124-.669.69-1.2 1.37-1.17z'/%3E%3C/g%3E%3C/svg%3E");
}

.side-panel:has(.crm-copilot-wrapper) .side-panel-loader{
	background: transparent !important;
}

.crm-copilot-wrapper .ui-sidepanel-layout-toolbar .ui-btn ~ .ui-btn {
	margin-left: var(--ui-btn-margin-left, 12px);
}

@media (max-width: 1360px) {
	.crm-copilot-wrapper .ui-sidepanel-layout-title {
		margin: 0 15px 0 var(--copilot-icon-width) !important;
	}
}