/* Shared styles for manage UI */

@keyframes toast-countdown {
	from { transform: scaleX(1); }
	to   { transform: scaleX(0); }
}

.toast-bar-info {
	background-color: #2563eb; /* strong blue */
}

.toast-bar-success {
	background-color: #16a34a; /* strong green */
}

.toast-bar-warning {
	background-color: #f59e0b; /* strong amber */
}

.toast-bar-error {
	background-color: #dc2626; /* strong red */
}

.toast-bar-info-striped {
	background: repeating-linear-gradient(
		45deg,
		#2563eb,
		#2563eb 8px,
		#f9fafb 8px,
		#f9fafb 16px
	);
}

.toast-bar-success-striped {
	background: repeating-linear-gradient(
		45deg,
		#16a34a,
		#16a34a 8px,
		#f9fafb 8px,
		#f9fafb 16px
	);
}

.toast-bar-warning-striped {
	background: repeating-linear-gradient(
		45deg,
		#f59e0b,
		#f59e0b 8px,
		#f9fafb 8px,
		#f9fafb 16px
	);
}

.toast-bar-error-striped {
	background: repeating-linear-gradient(
		45deg,
		#dc2626,
		#dc2626 8px,
		#f9fafb 8px,
		#f9fafb 16px
	);
}