.tasks.layouts.table .task-table thead {
	position: sticky;
	top: 0;
	z-index: 300;
	background-color: var(--bg);
	border-bottom: 1px solid var(--border);
}

.tasks.layouts.table .task-table th {
	position: sticky;
	top: 0;
	text-align: left;
	color: var(--text);
	opacity: 0.7;
	border-bottom: 1px solid var(--border);
	white-space: nowrap;
	border-right: none;
	cursor: grab;
	user-select: none;
	background-color: var(--bg);
}

.tasks.layouts.table .task-table th:last-child {
	border-right: none;
}

.tasks.layouts.table .task-table th:hover {
	background-color: var(--bs-secondary);
}

.tasks.layouts.table .task-table th.task-th-dragging {
	background-color: var(--bg-active);
}