.tasks.layouts.table .task-table tfoot {
	background-color: var(--bg);
	border-top: 1px solid var(--border);
}

.tasks.layouts.table .task-table tfoot td {
	border: none;
	padding: 0;
}

.tasks.layouts.table .table-loading-overlay {
	display: none;
	width: 100%;
	min-height: 200px;
	background-color: var(--bg);
	z-index: 1000;
}

.tasks.layouts.table .table-loading-overlay[style*="flex"] {
	display: flex !important;
	align-items: center;
	justify-content: center;
}

.tasks.layouts.table .table-loading-spinner.spinner-border {
	width: 28px;
	height: 28px;
	border-width: 3px;
	border-color: var(--border);
	border-top-color: var(--text);
}

.tasks.layouts.table .cell-loading.spinner-border-sm {
	width: 12px;
	height: 12px;
	border-width: 2px;
	border-color: var(--border);
	border-top-color: var(--bs-primary);
}

.tasks.layouts.table .add-new-task-btn {
	gap: 0;
	padding: 0.2rem 0.5rem;
	border-radius: 4px;
	transition: background-color 0.2s ease, transform 0.2s ease;
	background-color: transparent !important;
	font-size: 0.8125rem;
}

.tasks.layouts.table .add-new-task-btn * {
	background-color: transparent !important;
	border: none !important;
}

.tasks.layouts.table .add-new-task-btn .material-symbols-rounded {
	margin-right: 0.25rem;
	font-size: 16px;
}

.tasks.layouts.table .add-new-task-btn span:not(.material-symbols-rounded) {
	background-color: transparent !important;
}

.tasks.layouts.table .add-new-task-btn:hover {
	background-color: rgba(0, 0, 0, 0.05) !important;
	transform: scale(1.02);
}

.tasks.layouts.table .add-new-task-btn:hover * {
	background-color: transparent !important;
}

.tasks.layouts.table .add-new-task-btn:active {
	transform: scale(0.98);
}

.tasks.layouts.table .add-new-task-btn.loading {
	opacity: 0.6;
	cursor: not-allowed;
	pointer-events: none;
}

.tasks.layouts.table .task-field-updating {
	opacity: 0.85;
	cursor: wait;
}