/* Shown while returning from Microsoft OAuth, before the Vue SSO bundle mounts. */
html.sso-ms-return [data-sso-app] {
	visibility: hidden !important;
}

#sso-ms-boot-overlay {
	position: fixed;
	inset: 0;
	z-index: 100001;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	background: rgba(2, 21, 70, 0.55);
	font-family: system-ui, sans-serif;
}

#sso-ms-boot-overlay .panel {
	width: min(100%, 400px);
	background: #fff;
	border-radius: 16px;
	padding: 32px 24px;
	text-align: center;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
}

#sso-ms-boot-overlay .spin {
	width: 36px;
	height: 36px;
	margin: 0 auto 16px;
	border: 3px solid #e5e7eb;
	border-top-color: #004edf;
	border-radius: 50%;
	animation: sso-ms-spin 0.8s linear infinite;
}

#sso-ms-boot-overlay .title {
	margin: 0 0 8px;
	font-size: 20px;
	font-weight: 600;
	color: #021546;
}

#sso-ms-boot-overlay .hint {
	margin: 0;
	font-size: 15px;
	color: rgba(35, 31, 32, 0.7);
}

@keyframes sso-ms-spin {
	to {
		transform: rotate(360deg);
	}
}