/* ===== Form Builder Responsive (forms.php) ===== */
@media (max-width: 768px) {
	.title-container {
		flex-direction: column;
		gap: 8px;
	}

	.title-left-wrap {
		margin-bottom: 6px;
	}

	.settings-btn-wrap {
		align-self: stretch;
	}

	#forms-edit-tabs.sidetalk-navigation-wrap {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}

	#forms-edit-tabs .sidetalk-navigation-btn {
		flex: 1 1 calc(50% - 8px);
	}

	.step-navigation {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 8px;
	}

	.step-navigation .step-item {
		margin: 0;
	}

	#previewContainer {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	#previewFieldsContainer .preview-field {
		padding: 10px;
	}

	.custom-side-panel .custom-side-panel-content {
		width: 100vw !important;
		max-width: 100vw !important;
		height: 100vh;
		border-radius: 12px 12px 0 0;
	}

	.dynamic-position.is-floating {
		position: static !important;
		margin-top: 12px;
		left: 0 !important;
		width: 100% !important;
	}

	#forms-edit-tabs .sidetalk-navigation-btn {
		flex: 1 1 100%;
	}

	.step-navigation {
		grid-template-columns: 1fr;
	}
}

/* Forms edit tabs link style */
#forms-edit-tabs a.sidetalk-navigation-btn {
	text-decoration: none;
	color: inherit;
	display: flex;
}

#forms-edit-tabs a.sidetalk-navigation-btn .navigation-text {
	text-decoration: none;
}