.dataTable__item td > .in {
	display: flex;
	align-items: center;
	overflow: hidden;
	color: inherit;
	padding: 2px 8px;
	height: 100%;
	white-space: nowrap;
	width: 100%;
	box-sizing: border-box;
	container: sidebar / inline-size;
}
.dataTable__item td {
	position: relative;
}
.dataTable__item td:not(.td_name) > div.in[onclick]:hover,
.dataTable__item td:not(.td_name) > div.in:has(.td_onclick):hover,
.dataTable__item td:not(.td_name) > a.in:hover {
	color: var(--base-txt-primary);
	background: var(--base-hlt-g-easy);
}
.withMass .dataTable__item td:not(.td_name) > div.in[onclick]:hover,
.withMass .dataTable__item td:not(.td_name) > a.in:hover {
	color: inherit;
	background: inherit;
}

.dataTable__item td .b_fl { font: var(--font-ui-13-small-semi); }
.dataTable__item td .b_fl { display: none; }
.dataTable__item td:hover .b_fl { display: block; }
.dataTable__item td:hover .b_br { display: none; }

.dataTable__item:not(.dataTable__item-group) td .in ws-btn {
	margin: 0 0 0 4px;
}
.dataTable__item td .data {
	overflow: hidden
}

.dataTable__item .space-asTD {
	border-left: var(--screen-px) solid var(--base-line-tertiary);
	height: 40px;
	margin: -2px -8px -2px 8px;
	--icon-color: var(--base-txt-tertiary)
}

.dataTable__item {
	td.td_canvas > .in {
		padding: 0;
		canvas {
			height: 40px;
			pointer-events: none;
		}
	}
	/*td.td_canvas_none ws-chart {*/
	/*	display: none;*/
	/*}*/
}

/* following selector refactor >>>> */
.dataTable__item progress-pie {
	width: 20px;
	height: 20px;
}
.dataTable__item .pie i {
	border-color:var(--base-cont-top);
}
.dataTable__item .pie:after {
	background:var(--base-cont-top);
}
/* <<<< following selector refactor */


.dataTable__item {
	td {
		.data > .space {
			margin-left: -8px;
		}

		.space {
			project-stage, task-stage {
				display: block;
				width: auto;
				flex-grow: 0;
			}
			.proj_color {
				width: 20px;
				height: 20px;
				padding: 2px;
				border-radius: 6px;
				ws-emoji {
					width: 20px;
					height: 20px;
				}
			}
		}
	}
}

/* data place > */
.dataTable__item td .data_place {
	display: none;
	gap: 4px;
	overflow: hidden;
	width: 100%;
}
.dataTable__item td .data_place > .in {
	padding: 0 4px;
}
.dataTable__item.dataTable__item-new td .data_place,
.dataTable__item td:hover .data_place {
	display: flex;
	font: var(--font-ui-11-micro-reg);
	color: var(--base-txt-tertiary);
}
@container (width >= 50px) {
	.dataTable__item .data_place > .space,
	.dataTable__item .data_place > ws-icon { display: none; }
}
@container (width < 50px) {
	.dataTable__item .data_place { justify-content: center }
	.dataTable__item .data_place > .in { display: none; }
}
@container (width >= 100px) {
	.dataTable__item .data_place > ws-icon {
		margin-left: -8px;
	}
}
/* < data place */

/* NAME > */
.dataTable__item .td_name {
	.in, .name, .editable-value {
		font: var(--font-ui-14-regular-med);
	}
}
.dataTable__item .td_name .new_dot {
	--hint-parent: none;
	--hint-dir: none;
	--hint-offset: none;
	svg {
		fill: var(--base-txt-btn-c);
	}
}
.dataTable__item .td_name > .in ws-btn {
	--hint-color: none;
	--hint-parent: none;
	--hint-dir: none;
	--hint-offset: none;
}
/* < NAME */

/* STAR > */
.dataTable__item td.td_star {
	.in { justify-content: center; padding: 0 !important; }
}
.dataTable__item .td_star .bookmark {
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	display: none;
}

.withMass .dataTable__item {
	ws-editable {
		pointer-events: none;
	}
	&:hover {
		& .td_star .bookmark {
			display: none
		}
	}
}


.dataTable__item:hover .td_star .bookmark,
.withMass .dataTable__item .td_star .bookmark.bookmark-active,
.dataTable__item .td_star .bookmark.bookmark-active { display: flex; }


/* < STAR */

/* ASSIGNEE,MANAGER > */
.dataTable__item {
	.td_manager, .td_assignee {
		position: relative;
		.in ws-btn { display: none; margin: 0 0 0 4px; }
		&:hover .in ws-btn { display: inline-block; }
	}
	project-assignee, task-assignee {
		flex-grow: 1;display: flex;width: 100%;
		.data {flex-grow: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
		.data:has(ws-icon[data-status="free"]) {
			flex-direction: row-reverse;
			.space { display: none; }
			ws-icon[data-status="free"] { margin-right: 8px; }
		}
	}
}
.dataTable__item.dataTable__item-new td:hover {
	project-assignee, task-assignee {
		.data > .space { display: none; }
	}
}
@container (width >= 100px) {
	.dataTable__item {
		project-assignee, task-assignee {
			.data > .space { margin-left: -8px; }
		}
	}
}
@container (width < 100px) {
	.dataTable__item-new td:hover {
		project-assignee, task-assignee {
			.data > .space { display: none; }
		}
	}
	.dataTable__item {
		 project-assignee, task-assignee {
			 justify-content: center;

			 .in { display:none !important; }
			 .space { width:24px !important; margin-left: 0 !important; }
			 .data { flex-grow: 0; }
			 .data > * {position: relative;z-index: 1;}
			 .in ~ ws-icon {
				 z-index: 0;
				 position: absolute;
				 left: 0;
				 top: 0;
				 width: 100%;
				 height: 100%;
				 &~ws-icon {
					 display: none;
				 }
				 &[data-status="warning"] {
					 background: var(--base-hlt-w-hover);
				 }
				 &[data-status="birthday-today"] {
					 background: var(--colorize-lbl-yellow-bg);
				 }
				 &[data-status="birthday-tomorrow"] {
					 background: var(--colorize-lbl-yellow-bg);
				 }
				 &[data-status="sick-leave"] {
					 background: var(--colorize-lbl-indigo-bg);
				 }
				 &[data-status="vacation"] {
					 background: var(--colorize-lbl-darkaqua-bg);
				 }
				 &[data-status="day-off"] {
					 background: var(--colorize-lbl-darkaqua-bg);
				 }
			 }
		 }

		.td_manager, .td_assignee {
			.space:has(~ ws-icon) {
				opacity: 0;
				transition: opacity .2s ease;
				visibility: hidden;
			}
			&:has(.ico_holiday_desat),
			&:hover {
				.space { opacity: 1; visibility: unset; }
			}
			.in ws-btn { margin: 0; }
		}
	}
}
/* < ASSIGNEE,MANAGER */

/* AUTHOR > */
.dataTable__item task-author, .dataTable__item .td_author {
	display: flex;width: 100%;flex-grow: 1;
	.data {flex-grow: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.data .av_sm { scale: 0.8333; }
	.data .in {
		font: var(--font-ui-11-micro-reg);
		color: var(--base-txt-tertiary);
	}
}
@container (width >= 100px) {
	.dataTable__item task-author, .dataTable__item .td_author {
		.data .space { margin-left: -8px; }
	}
}
@container (width < 100px) {
	.dataTable__item task-author, .dataTable__item .td_author {
		.data { justify-content: center; flex-grow: 1; }
		.data .in { display: none !important; }
		.data .space { width:24px !important; margin-left: 0 }
	}
}
.dataTable__item.dataTable__item-newTask .td_author {
	height: 44px;
}
/* < AUTHOR */

/* STAGE > */
.dataTable__item {
	project-stage, task-stage {
		width: 100%;
		flex-grow: 1;
		display: flex;
		.data {flex-grow: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
		span:not(.data_place) ws-icon {
			position: inherit !important;
		}
		span:not(.data_place) ws-icon:before {
			content: '';
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			background-color: color-mix(in hsl,transparent,var(--tag-bg) 50%);
			/*z-index: -1;*/
		}
	}
}
@container (width >= 100px) {
	.dataTable__item {
		project-stage, task-stage {
			.data > ws-icon { width: 40px; margin-left: -8px; }
		}
	}
}
@container (width < 100px) {
	.dataTable__item {
		project-stage, task-stage {
			justify-content: center;

			.in { display:none !important;}
			.space { width:24px !important; }
			.data {flex-grow: 0;}
			ws-icon {width: 20px;}
			.in ws-btn {margin: 0;}
		}

		.td_stage:hover {
			.data_place { width: unset; }
			.data_place > ws-icon {
				display: inline-flex;
			}
		}
	}
}
/* < STAGE */

/* LABELS > */
.dataTable__item {
	task-tags, project-tags {
		display: flex; flex-grow: 1;
		.data {flex-grow: 1;}
	}
	.td_labels {
		.tag:before {display:block;}
		.tags span.tag { margin-bottom: 0; }
	}
}
@container (width < 100px) {
	.dataTable__item {
		task-tags, project-tags {
			.data { flex-grow: 0; }
		}
	}
}
/* < LABELS */

/* TERMS > */
.dataTable__item {
	project-term, task-term {
		display: flex;
		flex-grow: 1;
		height: 100%;
		padding: 0 8px !important;
		margin: 0 -8px;

		.data {gap: 4px;overflow: hidden;flex-grow: 1;}
		.data > .in {padding: 0 4px;gap: 4px;}
	}

	.td_terms ws-icon[name=repeat] {
		--icon-size: 16px;
		--icon-color: var(--base-txt-btn-a);
	}
	.td_terms .data.muted {
		padding: 0 4px;
	}
	.td_terms .space, .td_terms ws-icon {
		width: 28px;
		height: 28px;
		box-sizing: border-box;
		border-radius: 14px
	}

	.td_terms:has(.hot) { background: var(--base-hlt-w-notr-easy); }
	.td_terms:has(.warm) { background: var(--base-hlt-b-easy); }
	.td_terms:has(.today) { background: var(--base-hlt-alt-notice); }
	&:hover, &.selected {
		.td_terms:has(.hot) { background: var(--base-hlt-w-notr-easy) linear-gradient(0deg, var(--base-hlt-g-easy), var(--base-hlt-g-easy)); }
		.td_terms:has(.warm) { background: var(--base-hlt-b-easy) linear-gradient(0deg, var(--base-hlt-g-easy), var(--base-hlt-g-easy)); }
		.td_terms:has(.today) { background: var(--base-hlt-alt-notice) linear-gradient(0deg, var(--base-hlt-g-easy), var(--base-hlt-g-easy)); }
	}

	.td_terms .data > .indicator {
		--hint-parent: none;
		--hint-dir: top_right;
		--hint-offset: none;
	}
	.td_terms .data > span:last-child {
		--hint-parent: none;
		--hint-dir: top_left;
		--hint-offset: none;
	}

	&.listing__item-done .td_terms:hover div.in {
		background: var(--base-hlt-g-easy);
	}
}
.dataTable__item.listing__item-done .td_terms > .in > task-term .data_place .in {
	display: none;
}
@container (width < 100px) {
	.dataTable__item {
		project-term, task-term {
			.data {
				flex-grow: 0;
				.terms_label_hot,.terms_label_today,.terms_label_warm { display: none; }
			}
		}
	}
}
@container (width < 150px) {
	.dataTable__item {
		project-term, task-term {
			.data .indicator { display: none; }
		}
	}
}
@container (width < 180px) {
	.dataTable__item {
		project-term, task-term {
			.data {
				.terms_label_related, .terms_label_wait { display: none; }
				.terms_label_today,.terms_label_warm { font-size: 0; width: 4px; }
			}
		}
	}
}
@container (width < 240px) {
	.dataTable__item {
		project-term, task-term {
			.data {
				.terms_label_related span:not(.val),.terms_label_wait span:not(.val) { display: none; }
			}
		}
	}
}
/* < TERMS */

/* FILE SIZE > */
.dataTable__item td .data-size[data-size] {
	width: 100%;
	text-align: right;
	&[data-size="0"] { display: none; }
	& .value { font: var(--font-ui-14-regular-reg); }
	& .unit { font: var(--font-ui-10-nano-reg); font-variant: tabular-nums; padding-left: 2px; }
	&.b .value { font: var(--font-ui-12-mini-reg);}
	&.b { color: var(--base-txt-muted); }
	&.kb { color: var(--base-txt-tertiary); }
	&.mb .value { color: var(--base-txt-primary); }
	&.gb {
		.value { font: var(--font-ui-14-regular-bold); }
		.value, .unit { color: var(--base-btn-alert-primary-major); }
	}
	&.huge {
		.value { font: var(--font-ui-14-regular-bold); }
		.value, .unit { color: var(--base-hlt-w-invert-minor); }
	}
}
/* < DISK SIZE */

/* ROLE > */
.dataTable__item td .data-role {
	overflow: hidden;
	flex-shrink: 1;
	ws-icon { --icon-size:16px; }
	.in {font: var(--font-ui-12-mini-reg);color: var(--base-txt-secondary);}
	.space { margin-left: -8px; }
}
/* < ROLE */

/* NUMBER > */
.dataTable__item td .data-number {
	width: 100%;
	text-align: right;
}
/* < NUMBER */

/* STRING > */
.dataTable__item td .data-string {
	overflow: hidden;
	flex-shrink: 1;
	ws-icon { --icon-size:16px; }
	.space { margin-left: -8px; }
}
/* < STRING */

/* DATE > */
.dataTable__item td .data-date {
	width: 100%;
	text-align: right;
	.in {
		justify-content: end;
		font: var(--font-ui-11-micro-reg);
		font-family: var(--font-mono);
		color: var(--base-txt-tertiary);
	}
}
/* < DATE */

/* LAST ACTIVITY > */
.dataTable__item td .data-last-activity {
	width: 100%;
	last-activity { width: 100%; }
	.data {
		overflow: hidden;
		.space {width: 32px;margin-left: 0}
		.in {font: var(--font-ui-11-micro-reg);}
	}
	ws-icon { width:16px; --icon-size:12px; --icon-color:var(--base-txt-tertiary); }
	ws-icon[name=rex] { --icon-size:16px; }
	ws-icon, ws-icon svg {max-height: 16px;}
}
.dataTable__item-activeToday .td_last_activity ws-icon { --icon-color:var(--lbl-today-major); }
.dataTable__item-activeYesterday .td_last_activity ws-icon { --icon-color:var(--lbl-yesterday-major); }
.dataTable__item-inactive .td_last_activity {
	color:var(--base-txt-tertiary);
	ws-icon { --icon-color:var(--base-txt-muted); }
}
@container (width >= 100px) {
	.dataTable__item .td_last_activity .data > .space { margin-left: -8px; }
}
@container (width < 100px) {
	.dataTable__item .td_last_activity {
		.data {
			justify-content: center;
			.in {display: none !important;}
		}
	}
}
/* < LAST ACTIVITY */

/* ACTIVITY CHART > */
.dataTable__item td.td_activity .data-chart {
	width: 100%;
}
/* < ACTIVITY CHART */

/* TASKS_PROGRESS_DONE > */
.dataTable__item {
	.data-tasks-progress-done {
		width: 100%;

		.data {
			font: var(--font-ui-12-mini-reg);
		}
		.bar .data b {
			border-right:1px solid var(--base-line-secondary);
			padding:0 4px 0 0;
			margin:0 4px 0 0;
		}
		progress-bar, .progress, .progress_na {
			height:8px;
			width: 100%;
			display: block;
			margin-top: 0;
		}
		.data, .bar_sm {
			display: none;
		}
	}

	td:has(.data-tasks-progress-done .over) { background: var(--base-hlt-w-notr-easy); }
	&:hover td:has(.data-tasks-progress-done .over) {
		background: var(--base-hlt-w-notr-easy) linear-gradient(0deg, var(--base-hlt-g-easy), var(--base-hlt-g-easy));
	}
	&.selected td:has(.data-tasks-progress-done .over) {
		background: var(--base-hlt-w-notr-easy) linear-gradient(0deg, var(--base-hlt-g-easy), var(--base-hlt-g-easy)) !important;
	}
}
@container (width < 100px) {
	.dataTable__item .data-tasks-progress-done {
		.bar { display: none !important; }
		.bar_sm { display: flex; justify-content: center; }
		.bar_sm progress-pie { padding: 0; }
	}
}
@container (width >= 150px) {
	.dataTable__item td:hover .data-tasks-progress-done {
		.data { display: block; }
		progress-bar { display: none }
	}
}
/* < TASKS_PROGRESS_DONE */

/* COSTS_PROGRESS_MONEY, COSTS_PROGRESS_TIME > */
.dataTable__item {
	.data-costs-progress-money, .data-costs-progress-time {
		width: 100%;

		.data .proc { font-weight: bold; }
		.data .proc > span {
			font: var(--font-ui-11-micro-reg);
			color: var(--base-txt-tertiary);
			padding-top: 2px;
		}
		.data .proc > span:not(.b_fl) {
			color: var(--costs-time-major);
		}
		.data.over .proc > span:not(.b_fl) {
			color: var(--base-txt-alert-major);
		}
		.real {
			font: var(--font-ui-14-regular-reg);
		}
		.unit {
			font: var(--font-ui-10-nano-reg);
			color: var(--base-txt-tertiary);
			padding: 3px 0 0 2px;
			max-width: 22px;
			overflow: hidden;
		}
		.data .proc > span:last-child {
			padding-left: 3px;
		}
	}

	.data-costs-progress-money {
		.data .proc { color: var(--costs-money-major); }
	}
	.data-costs-progress-time {
		.data .proc { color: var(--costs-time-major); }
		.data.over .proc { color: var(--base-txt-alert-major); }
	}

	td:has(.data-costs-progress-money .over, .data-costs-progress-time .over) { background: var(--base-hlt-w-notr-easy); }
	&:hover td:has(.data-costs-progress-money .over, .data-costs-progress-time .over) {
		background: var(--base-hlt-w-notr-easy) linear-gradient(0deg, var(--base-hlt-g-easy), var(--base-hlt-g-easy));
	}
	&.selected td:has(.data-costs-progress-money .over, .data-costs-progress-time .over) {
		background: var(--base-hlt-w-notr-easy) linear-gradient(0deg, var(--base-hlt-g-easy), var(--base-hlt-g-easy)) !important;
	}
}
@container (width >= 100px) {
	.dataTable__item {
		.data-costs-progress-money, .data-costs-progress-time {
			.data > .space { margin-left: -8px; }
		}
	}
}
@container (width < 100px) {
	.dataTable__item {
		.data-costs-progress-money, .data-costs-progress-time {
			.data { justify-content: center; }
			.data .in { display: none !important; }
		}
	}
}
@container (width < 135px) {
	.dataTable__item {
		.data-costs-progress-money, .data-costs-progress-time {
			.proc { display: none; }
		}
	}
}
@container (width < 200px) {
	.dataTable__item {
		.data-costs-progress-money, .data-costs-progress-time {
			.proc .b_fl { display: none !important; }
		}
	}
}
/* < COSTS_PROGRESS_MONEY, COSTS_PROGRESS_TIME */

.td_workflow {
	project-workflow {
		flex-shrink: 1;
		overflow: hidden;
		span { display: block; }
	}
}


.td_checkbox + td.td_name > .in {
    padding-left: 0;
}

.withMass .dataTable__item:hover {
	.td_checkbox .inputCheckbox:not(.act) input:not(:checked) ~ span use:nth-child(2), .inputCheckbox:not(.act).hoverFake input:not(:checked) ~ span use:nth-child(2) {
		opacity: 1;
	}
}