.tasks.layouts.table .task-table tbody tr {
	border-bottom: 1px solid var(--border);
}

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

.tasks.layouts.table .task-table tbody tr.row-checked {
	background-color: var(--bg-active);
}

.tasks.layouts.table .task-table td {
	vertical-align: middle;
	color: var(--text);
	border-right: 1px solid var(--border);
	font-size: 0.8125rem;
}

.tasks.layouts.table .task-table th,
.tasks.layouts.table .task-table td {
	white-space: nowrap;
}

.tasks.layouts.table .task-list-empty {
	color: var(--text);
	opacity: 0.6;
}

/* Select trong table */
.tasks.layouts.table .task-cell-select {
	font-size: 0.8125rem;
	font-weight: 500;
	border: none;
	border-radius: 4px;
	padding: 2px 18px 2px 6px;
	cursor: pointer;
	outline: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 4px center;
	background-size: 10px;
	transition: opacity 0.15s ease;
}

.tasks.layouts.table .task-cell-select:hover {
	opacity: 0.85;
}

.tasks.layouts.table .task-cell-select:focus {
	outline: none;
}

/* Select khi chua co value */
.tasks.layouts.table .task-cell-select:not([style*="background-color"]),
.tasks.layouts.table .task-cell-select[style*="transparent"] {
	background-color: var(--bs-secondary);
	color: var(--text-muted);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='%236c757d'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
}

/* Date input */
.tasks.layouts.table .task-date-input {
	font-size: 0.8125rem;
	color: var(--text);
	background: transparent;
	border: none;
	padding: 0;
	width: 100%;
	outline: none;
}

.tasks.layouts.table .task-date-input::-webkit-calendar-picker-indicator {
	opacity: 0.3;
	cursor: pointer;
}

.tasks.layouts.table .task-date-input:hover::-webkit-calendar-picker-indicator {
	opacity: 0.7;
}

/* Date overdue */
.tasks.layouts.table .task-date-overdue {
	color: #d32f2f;
}

/* Task title input */
.tasks.layouts.table .task-title {
	font-size: 0.8125rem;
	color: var(--text);
	background: transparent;
	border: none;
	padding: 0;
	width: 100%;
	outline: none;
}