.btn.btn-sm {
		padding: 0.25rem 0.5rem;
		font-size: 1rem;
	}

	/* =================================================
	   🟢 BOOKING WIZARD SIDEBAR STYLES
	================================================= */
	
	/* Wizard Progress List */
	.wizard-progress {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.wizard-progress li {
		display: flex;
		align-items: center;
		padding: 12px 0;
		color: #999;
		font-size: 14px;
		transition: all 0.3s ease;
		position: relative;
	}

	/* Wizard Dot (Circle) */
	.wizard-dot {
		width: 24px;
		height: 24px;
		border-radius: 50%;
		border: 2px solid #666;
		background: transparent;
		margin-right: 12px;
		flex-shrink: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all 0.3s ease;
		position: relative;
	}

	/* Wizard Label */
	.wizard-label {
		flex: 1;
	}

	/* ✅ COMPLETED STEP (GREEN) */
	.wizard-progress li.completed {
		color: #28a745 !important;
	}

	.wizard-progress li.completed .wizard-dot {
		background: #28a745 !important;
		border-color: #28a745 !important;
	}

	.wizard-progress li.completed .wizard-dot::after {
		content: "✓";
		color: white;
		font-size: 14px;
		font-weight: bold;
	}

	/* 🔵 ACTIVE STEP (CURRENT) */
	.wizard-progress li.active {
		color: #007bff !important;
		font-weight: 600;
	}

	.wizard-progress li.active .wizard-dot {
		background: #007bff !important;
		border-color: #007bff !important;
		animation: pulse 1.5s infinite;
		box-shadow: 0 0 0 4px rgba(0, 123, 255, 0.2);
	}

	.wizard-progress li.active .wizard-dot::after {
		content: "";
		width: 8px;
		height: 8px;
		background: white;
		border-radius: 50%;
		position: absolute;
	}

	/* ⚪ PENDING STEP (GRAY) */
	.wizard-progress li:not(.completed):not(.active) {
		color: #999;
	}

	.wizard-progress li:not(.completed):not(.active) .wizard-dot {
		background: transparent;
		border-color: #666;
	}

	/* Pulse Animation for Active Step */
	@keyframes pulse {
		0%, 100% {
			transform: scale(1);
			opacity: 1;
		}
		50% {
			transform: scale(1.1);
			opacity: 0.8;
		}
	}

	/* Connecting Line Between Steps */
	.wizard-progress li:not(:last-child)::before {
		content: "";
		position: absolute;
		left: 11px;
		top: 36px;
		width: 2px;
		height: calc(100% - 12px);
		background: #444;
		z-index: -1;
	}

	.wizard-progress li.completed:not(:last-child)::before {
		background: #28a745;
	}

	/* Mobile Responsive */
	@media (max-width: 768px) {
		.wizard-progress li {
			padding: 8px 0;
			font-size: 12px;
		}

		.wizard-dot {
			width: 20px;
			height: 20px;
			margin-right: 8px;
		}

		.wizard-progress li.completed .wizard-dot::after {
			font-size: 12px;
		}
	}