#crm-popup-overlay {
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: rgba(0,0,0,0.4);
	display: none;
	z-index: 9998;
}

#crm-popup {
	position: fixed;
	top: 0; right: -100%;
	width: 100%;
	max-width: 500px;
	height: 100%;
	background: #fff;
	box-shadow: -2px 0 10px rgba(0,0,0,0.3);
	transition: right 0.3s ease;
	z-index: 9999;
	display: flex;
	flex-direction: column;
}

#crm-popup.active { right: 0; }
#crm-popup-overlay.active { display: block; }

.crm-popup-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 20px;
	/* background: #f5f5f5; */
	border-bottom: 1px solid #ddd;
	font-size: 22px;
	font-weight: 700;
    color: inherit;
}

.crm-popup-header .crm-popup-close {
	background: none;
	border: none;
	font-size: 24px;
	cursor: pointer;
    color: var(--global-palette2);
	line-height: 1;
}

.crm-popup-body {
	padding: 20px;
	overflow-y: auto;
	flex-grow: 1;
}