/* ====== Toast Container Behavior ====== */
.toast-container {
	z-index: 1060; /* Above modals (1050) */
}

/* ====== Toast Alignment on Mobile ====== */
@media (max-width: 576px) {
	#actionToast {
		right: 50%;
		transform: translateX(50%);
	}
}

/* ====== Toast Icon + Message Layout ====== */
.toast .toast-body {
	display: flex;
	align-items: center;
}

#actionToastIcon {
	display: none;
	font-size: 1.2rem;
	margin-right: 0.5rem;
}

/* ====== Toast Visibility Control ====== */
#actionToast {
	display: none; /* Controlled by JS fadeIn/fadeOut */
}