.drag-handle {
	cursor: grab;
	user-select: none;
	color: #6c757d;
}
.drag-handle:hover { color: #495057; }
.drag-handle:active { cursor: grabbing; }

.sortable-ghost {
	opacity: 0.6;
	background: #eef5ff;
}
.sortable-chosen {
	background: #f8f9fa;
}
.sortable-drag {
	opacity: 0.9;
}

/* Стили для плашки прогресса курса */
.course-progress-card {
	border: 1px solid #dee2e6;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.course-progress-card .card-body {
	padding: 1.25rem;
}

.course-points-badge .badge {
	font-size: 0.95rem;
	padding: 0.5rem 0.75rem;
}

.course-progress-card .progress {
	border-radius: 0.375rem;
	background-color: #e9ecef;
}

.course-progress-card .progress-bar {
	font-weight: 600;
	font-size: 0.875rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* Стили для прогресс-бара урока */
.lesson-progress-info {
	min-width: 120px;
	opacity: 0.85;
	transition: opacity 0.2s ease;
}

.lesson-item:hover .lesson-progress-info,
.list-group-item:hover .lesson-progress-info {
	opacity: 1;
}

.lesson-progress-bar {
	flex-shrink: 0;
	position: relative;
}

.lesson-progress-fill {
	border-radius: 999px;
	box-shadow: 0 1px 2px rgba(0, 113, 227, 0.2);
}

.lesson-points-badge {
	display: inline-flex;
	align-items: center;
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.01em;
}