/* Drag and Drop Custom Styles - Minimiert mit Bootstrap */
.drag-item {
	width: 55px;
	height: 55px;
	cursor: move;
	user-select: none;
}

.drag-item.dragging {
	opacity: 0.5;
}

.drag-item.disabled {
	cursor: not-allowed;
	opacity: 0.6;
}

.drop-zone {
	min-width: 55px !important;
	min-height: 55px !important;
	transition: all 0.3s;
}

.drop-zone:empty {
	width: 80px !important;
	height: 80px !important;
}

.drop-zone::before {
	content: attr(data-position);
	position: absolute;
	top: -20px;
	font-size: 12px;
}

.drop-zone.drag-over {
	transform: scale(1.05);
}

.drop-zone.filled {
	border-style: solid;
}

.drag-item.disabled {
	cursor: not-allowed;
	opacity: 0.6;
}