.cjsc-workspace-overlay {
	position: fixed;
	inset: 0;
	z-index: 2147483000;
	background: rgba(21, 31, 50, 0.5);
}

.cjsc-workspace-overlay[hidden] {
	display: none !important;
}

.cjsc-workspace-overlay__frame {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	background: transparent;
}

.cjsc-workspace-overlay__frame[hidden] {
	display: none;
}

.cjsc-workspace-overlay__loader {
	position: absolute;
	left: 50%;
	top: 50%;
	display: grid;
	grid-template-columns: repeat(3, 34px);
	gap: 10px;
	width: 350px;
	padding: 32px;
	transform: translate(-50%, -50%);
	border: 1px solid #d4ddeb;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 24px 70px rgba(15, 35, 70, 0.2);
}

.cjsc-workspace-overlay__loader[hidden] {
	display: none;
}

.cjsc-workspace-overlay__loader span {
	height: 10px;
	border-radius: 999px;
	background: linear-gradient(90deg, #edf2f9 15%, #dce6f5 45%, #edf2f9 75%);
	background-size: 220% 100%;
	animation: cjsc-workspace-sweep 1.25s linear infinite;
}

.cjsc-workspace-overlay__loader p {
	grid-column: 1 / -1;
	margin: 8px 0 0;
	color: #687892;
	font: 500 14px/1.4 Poppins, Arial, sans-serif;
	text-align: center;
}

html.has-cjsc-workspace-overlay,
html.has-cjsc-workspace-overlay body {
	overflow: hidden !important;
}

html.cjsc-workspace-embed,
html.cjsc-workspace-embed body {
	margin: 0 !important;
	background: transparent !important;
	overflow: hidden !important;
}

html.cjsc-workspace-embed body > * {
	visibility: hidden !important;
}

html.cjsc-workspace-embed [data-cjsc-customer-dashboard],
html.cjsc-workspace-embed [data-cjsc-ticket-dashboard] {
	position: fixed !important;
	inset: 0 !important;
	z-index: 1 !important;
	display: block !important;
	visibility: visible !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}

html.cjsc-workspace-embed [data-cjsc-customer-dashboard] > *,
html.cjsc-workspace-embed [data-cjsc-ticket-dashboard] > * {
	visibility: hidden !important;
}

html.cjsc-workspace-embed dialog[open],
html.cjsc-workspace-embed dialog[open] * {
	visibility: visible !important;
}

html.cjsc-workspace-embed dialog::backdrop {
	background: transparent !important;
}

@media print {
	html.cjsc-workspace-embed,
	html.cjsc-workspace-embed body {
		background: #fff !important;
		overflow: visible !important;
	}

	html.cjsc-workspace-embed body.cjsc-printing-inquiry > *:not(.cjsc-customer-dashboard__print-stage),
	html.cjsc-workspace-embed body.cjsc-printing-native-ticket > *:not(.cjsc-ticket-dashboard__native-print-stage) {
		display: none !important;
		visibility: hidden !important;
	}

	html.cjsc-workspace-embed body.cjsc-printing-inquiry > .cjsc-customer-dashboard__print-stage,
	html.cjsc-workspace-embed body.cjsc-printing-inquiry > .cjsc-customer-dashboard__print-stage *,
	html.cjsc-workspace-embed body.cjsc-printing-native-ticket > .cjsc-ticket-dashboard__native-print-stage,
	html.cjsc-workspace-embed body.cjsc-printing-native-ticket > .cjsc-ticket-dashboard__native-print-stage * {
		visibility: visible !important;
	}

	html.cjsc-workspace-embed body.cjsc-printing-inquiry > .cjsc-customer-dashboard__print-stage,
	html.cjsc-workspace-embed body.cjsc-printing-native-ticket > .cjsc-ticket-dashboard__native-print-stage {
		display: block !important;
		inset: auto !important;
		position: static !important;
	}
}

@keyframes cjsc-workspace-sweep {
	to { background-position: -220% 0; }
}