.taskView-chat .taskView__head:first-child {
	padding-top: 0;
}

.taskView-chat .taskView__head .fullscreen {
	margin: 0 8px 0 0;
}
.taskView-chat .taskView__head .avatar {
	width: 40px;
	height: 40px;
	display: block;
}
.taskView-chat .taskView__head .avatar .av_nm {
	transform: scale(0.83333);
	transform-origin: 0 0;
}

.taskView__wrapper-withoutFullscreen .taskView-chat .taskView__head {
	padding-left: 18px;
}
.taskView-chat .taskView__head > .symbol {
	margin-left: -12px;
	.proj_color:not([data-project]) {
		border-radius: 100%;
	}
}
.taskView-chat .taskView__head .ht {
	padding: 0;
	font: inherit;
}
.taskView-chat .taskView__head .name .space {
	width: 28px;
	height: 28px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.taskView-chat .taskView__head .name .space ws-icon {
	width: 20px;
	height: 20px;
}
.taskView-chat .taskView__head .name[onclick]:hover {
	cursor: pointer;
	background: var(--base-cont-trans-low);
}

.taskView-chat .taskView__content {
	min-height: 100%;
	display: flex;
	flex-direction: column;
}
.taskView-chat .commentList__gap {
	flex-grow: 1
}
.taskView.taskView-chat .taskView__head > .in {
	cursor: default;
}
.taskView-chat .taskView__head .componentTeamAvatars {
	padding: 0 4px 0 8px;
}
.taskView.taskView-chat .taskView__head .componentTeamAvatars span.av_sm,
.taskView.taskView-chat .taskView__head .componentTeamAvatars span img,
.taskView.taskView-chat .taskView__head .componentTeamAvatars span.more {
	transform: scale(0.8333);
	transform-origin: 0 center;
}

.taskView.taskView-chat .commentListPanel .commentListPanel__filter {
	padding: 0 14px 0 16px;
}
.taskView-chat .commentListPanel__wrapper {
	margin-bottom: 0;
	max-width: none;
}
.taskView-chat .commentListPanel {
	transition: all .3s linear;
	z-index: 5;
	box-shadow: 0 var(--screen-px) var(--base-line-tertiary);
	opacity: 1;
	transform: translateY(0px);
}
.taskView-chat:not(.taskView-withCommentSearch,.taskView-withCommentPanel) .commentListPanel {
	transform: translateY(-50px);
	pointer-events: none;
	opacity: 0;
}
.taskView-chat .taskView__head ws-btn.search {
	opacity: 1;
	transition: opacity .2s ease-in-out;
}
.taskView-chat.taskView-withCommentSearch .taskView__head ws-btn.search,
.taskView-chat.taskView-withCommentPanel .taskView__head ws-btn.search {
	opacity: 0;
	pointer-events: none;
}
.taskView-chat .taskView__head {
	box-shadow: 0 var(--screen-minus-px) var(--base-line-tertiary) inset;
}


.chatView__users .taskView__viewing.taskView__viewing-active + .users,
.taskView-chat .taskView__typing.taskView__typing-active + .chatView__users {
	display: none;
}
.chatView__users .taskView__viewing {
	float: left;
	height: 20px;
	margin-right: 0;
}
.chatView__users .taskView__viewing > span {
	height: 20px; width: 20px;
}
.chatView__users .taskView__viewing > span .av_sm {
	transform: scale(0.8333);
	box-shadow: 0 0 0 1px var(--base-cont-top), 0 0 0 2px var(--costs-timer-play);
}

.chatView__users .componentTeamAvatars {
	opacity: 0;
	transition: opacity .2s ease-in-out;
	pointer-events: none;
}
.chatView__users.chatView__users-withTeam .componentTeamAvatars {
	opacity: 1;
	pointer-events: auto;
}

.taskView-chat .commentList > .comment_day_line:first-child {
	display: block;
}

.taskView-withCommentFilter .taskView__intro,
.taskView-withCommentSearch .taskView__intro {
	display: none;
}

.taskView-chat .commentList label.mass_,
.taskView-chat ol.todo .time_space {
	display: none;
}

.mobile-head--chatView {
	user-topic-status .chip {
		padding: 0 2px;
	}
	.sub_in:has( + .taskView__typing-active) {
		display: none;
	}
	.taskView__typing:not(.taskView__typing-active) {
		display: none;
	}
	.taskView__typing__item {
		font: var(--font-ui-10-nano-reg);
		.place {
			display: none;
		}
		.typing {
			padding: 0;
			max-width: 100%;
			gap: .5ch;
		}
		.in {
			display: block;
			&.flex_row {
				display: flex;
			}
			color: var(--base-txt-link-minor);
		}
		.in > span + span::before {
			content: ', ';
		}
		.dot-pulse {
			margin-top: 0px;
		}
	}
	.taskView__typing__item .in,
	.taskView__typing__item .typing {
		font: var(--font-ui-10-nano-reg);
	}
	.last_seen--active {
		color: var(--base-txt-link-minor);
	}
}

@media screen and (max-width: 480px) {
	.taskView-chat {
		.commentListPanel__filter__search .prenav {
			display: none;
		}
		.commentListPanel__filter__search .nav {
			display: block !important;
		}
		.commentListPanel__search__actions,
		.commentListPanel__filter__actions {
			display: none;
		}
	}
}
