[data-maintenance="backend"] {
	color: #d75452;
}

[data-maintenance="frontend"] {
	color: #d75452;
}

[data-maintenance="custom"] {
	color: #d75452;
}

/* Purple label for domain-based maintenance */
.label-purple {
	background-color: #9b59b6;
}

/* Pulse animation for Frontend badge */
@keyframes pulse {
	0%, 100% { 
		opacity: 1; 
		transform: scale(1);
		background-color: #d9534f; /* Bootstrap danger red */
	}
	50% { 
		opacity: 0.7; 
		transform: scale(1.05);
		background-color: #ff6600; /* Racing orange */
	}
}

/* Target the F badge in the main navigation */
#rex-navi-page-maintenance .label-danger {
	animation: pulse 2s ease-in-out infinite !important;
	display: inline-block !important;
}