.commentList__log {
	border-top: 1px solid var(--base-line-ghost);
	background: var(--base-cont-top);
	position: relative;
}

.commentList .commentList__log-final {
	padding: 10px 7px;
}

.commentList__log .ind {
	color: var(--base-txt-tertiary);
	padding: 0 0 0 15px;
}

.commentList__log .ind a.go {
	color: var(--base-txt-tertiary);
	border-bottom: 1px dashed var(--base-txt-tertiary)
}

.commentList__log .ico_l {
	margin: 0 23px 0 29px;
}

.commentList__log:hover .ico_l {
	display: none
}

body.desktop .commentList__log .ico_l {
	opacity: 0.5
}

body.desktop .commentList__log .ico_repeat {
	opacity: 1
}

.commentList__log .in.flex_row {
	gap: 4px;
	margin: 0;
	height: 20px;
}

/*.commentList__log .av {*/
/*    float: left;*/
/*    margin: 0 20px 0 28px;*/
/*    display: none*/
/*}*/

/*.commentList__log:hover .av {*/
/*    display: block*/
/*}*/

.commentList__log .user {
	position: absolute;
	right: 0;
	top: 7px;
	background: var(--base-cont-top);
	padding: 0 10px;
	white-space: nowrap;
	max-width: 180px;
	text-overflow: ellipsis;
	overflow: hidden
}

.commentList__log .user b {
	opacity: 0.5
}

.commentList__log .user b {
	font-weight: normal
}

.commentList__log .user b.me {
	background: none;
	font-weight: bold
}

.commentList .commentList__log-final .user {
	display: none;
}

body.desktop .commentList__item.commentList__item-collapsed:hover,
body.desktop .commentList__log:not(.pre_act):hover {
	background: var(--base-cont-mid);
}

body.desktop .commentList__log:hover .user {
	background: var(--base-cont-top);
}

body.desktop .commentList__log:hover .user_vs {
	display: none;
}

body.desktop .commentList__log:hover .user b, body.desktop .commentList__log:hover .ico_l {
	opacity: 1
}

body.desktop .commentList__log:hover .user b.me {
	background: var(--base-hlt-alt-notice)
}

.commentList__log .date {
	color: var(--base-txt-secondary);
	font: 11px/20px var(--font-base);
	min-width: 118px;
}

.commentList__log .name {
	float: left;
	margin: 0 0 0 10px;
}

.commentList__log .it {
	display: inline-block;
	margin: 0 0 0 15px
}

.commentList__log .it.it_tags {
	position: relative;
	max-width: calc(100% - 180px);
	white-space: pre-line
}

.commentList__log .it b {
	font-weight: normal;
	color: var(--base-txt-secondary);
}

.commentList__log .it i {
	font: italic 12px/20px var(--font-base);
	color: var(--base-txt-tertiary);
}

.commentList__log .it strike {
	opacity: 0.5;
	white-space: nowrap;
	position: relative;
	overflow: hidden;
	padding: 0 5px;
	margin: 0 0 0 -5px;
	text-decoration: none
}

.commentList__log .it strike:after {
	content: '';
	width: 100%;
	border-top: 1px solid var(--base-txt-max);
	display: block;
	position: absolute;
	left: 0;
	top: 7px
}

.commentList__log .it .av_sm {
	display: inline-block;
	margin: -8px 5px -8px 0
}

.commentList__log a.log_delete {
	float: right;
	margin: 0;
	padding: 7px 5px
}

.commentList__log .tags span.tag {
	margin-bottom: 0;
}

.commentList__log a.link {
	color: var(--base-txt-primary);
	font: 14px/20px var(--font-base);
}

.commentList__log a.link:hover {
	color: var(--base-txt-link-major);
}

.commentList__log a.but_delete2 {
	float: right;
	background: var(--base-btn-alert-primary-minor);
	color: var(--white-accent);
	font: 11px/16px var(--font-base);
	padding: 2px 10px;
	border-radius: 10px;
	display: none
}

.commentList__log .pre_delete a.but_delete2 {
	display: inline
}

.commentList__log .pre_delete .td_name {
	opacity: 0
}

.commentList__item {
	border-top: 1px solid var(--base-line-ghost);
	background: var(--base-cont-top);
	position: relative;
	transition: background .15s ease;
	-webkit-transition: background .15s ease;
}

.commentList__item:has(.menu_open),
.commentList__item:has(.floatIcons:hover) {
	background: var(--base-cont-mid);
}

.commentList__item.selected {
	background: var(--base-cont-mid);
}

.commentList__item.commentList__item-activeEffect blockquote, .commentList__item.commentList__item-activeEffect address, .commentList__item.commentList__item-activeEffect pre, .commentList__item.commentList__item-activeEffect {
	transition: background 1s ease;
	-webkit-transition: background 1s ease;
}

.commentList__item.commentList__item-activeEffect blockquote:before, .commentList__item.commentList__item-activeEffect pre:before {
	transition: color 1s ease;
	-webkit-transition: color 1s ease;
}

@media screen {
	.commentList__item-withTodo.commentList__item-missFilter {
		box-shadow: 2px 0 var(--base-line-alt-cardbrd) inset
	}

	.commentList__item-withStar, .commentList__item-withStar.commentList__item-missFilter {
		box-shadow: 2px 0 var(--base-btn-notice-minor) inset
	}

	.commentList__item-withHidden, .commentList__item-withHidden.commentList__item-missFilter {
		box-shadow: 2px 0 var(--base-btn-alert-primary-minor) inset
	}
}

.commentList__item-withStar .star svg use:last-child { fill: var(--base-btn-notice-minor); display: block !important; }

.commentList__log > .in {
	padding: 7px 16px 7px 84px;
	position: relative;
}
.commentList__item > .in {
	padding: 15px 16px 23px 84px;
	position: relative;
}

.commentList__item .page_content {
	padding: 0 42px 0 0
}

.commentList__item .page_content span[style*="background"] {
	border-radius: 6px;
}

@media screen and (min-width: 481px) {
	.commentList__item .page_content blockquote, .commentList__item .page_content pre {
		margin-right: 16px;
	}
}

.page_content table {
	background: var(--base-cont-mid);
	font: 13px/16px var(--font-base);
	border-radius: 8px;
	padding: 5px;
	max-width: 100%;
	box-sizing: border-box;
	overflow-x: auto;
	display: block;
	width: fit-content
}

.page_content td, .page_content th {
	padding: 10px 10px;
	border-left: 1px dashed var(--base-line-alt-gap-major);
	border-top: 1px dashed var(--base-line-alt-gap-major)
}

.page_content td:first-child, .page_content th:first-child {
	border-left: none
}

.page_content tr:first-child td, .page_content tr:first-child th {
	border-top: none
}

.page_content table::-webkit-scrollbar {
	width: 8px;
	height: 8px
}

.page_content table::-webkit-scrollbar-track {
	background-color: var(--base-cont-low)
}

.page_content table::-webkit-scrollbar-track:hover {
	background-color: var(--base-cont-low)
}

.page_content table::-webkit-scrollbar-thumb {
	background-color: var(--base-surf-low);
	border-width: 0
}

body.commentList__item-active .commentList .commentList__item-active {
	box-shadow: 2px 0 var(--base-hlt-invert) inset, -2px 0 var(--base-hlt-invert) inset
}

.commentList__log .in > .av_nm,
.commentList__item .in > .av_nm {
	float: left;
	border-radius: 8px;
	margin: -4px 0 0 -56px;
	transform: scale(0.83);
}

.commentList__item .av_nm[onclick] {
	cursor: pointer
}

.commentList__item .text {
	color: var(--base-txt-secondary)
}

.commentList__item a.drop {
	margin-top: -3px
}

.commentList__item .text small, .commentList__item .text a.small {
	font: 11px/20px var(--font-base);
}

.commentList__item .text small a {
	color: var(--base-txt-secondary);
}

.commentList__item .text small a:hover {
	color: var(--base-txt-link-minor);
}

.commentList__item .text b.me {
	background: var(--base-hlt-alt-notice);
	padding: 2px 5px
}

.commentList__item span.ico_attach {
	display: none
}

/*.commentList__item-collapsed span.ico_attach {*/
/*    display: inline-block*/
/*}*/

/*.commentList__item-collapsed .likes, .commentList__item-collapsed .ico_edited {*/
/*    display: none*/
/*}*/

.commentList__item .text .notme {
	margin-right: 90px
}

.commentList__item .text .notme a.inline {
	border-width: 0
}

.commentList__item .text .notme a.inline_notme {
	color: var(--base-txt-primary);
	font: bold 13px/20px var(--font-base);
}

.commentList__item .text .notme a.inline_notme:hover {
	color: var(--base-txt-link-minor)
}

.commentList__item .text .notme:hover a.inline {
	border-width: 1px
}

.commentList__item .text .notme:hover a.inline_me {
	border-width: 0
}

.commentList__item .text p, .commentList__item .text .content {
	color: var(--base-txt-primary);
	margin-top: 4px;
	font: var(--font-txt-15-large-reg);
}

.commentList__item small {
	font: 11px/14px var(--font-base);
	margin-left: 5px
}

.commentList__item-collapsed .in {
	padding: 7px 16px 7px 84px;
	height: 20px;
}

.commentList__item div.av, .commentList__item .ico_seen {
	display: none
}

.commentList__item-collapsed .ico_seen {
	display: block;
	margin: 7px 5px 0 0;
	opacity: 0.6
}

.commentList__item-collapsed:hover .ico_seen {
	opacity: 1
}

.commentList__log div.av,
.commentList__item-collapsed div.av {
	display: block;
	float: left;
	margin: 7px 10px 0 47px;
	position: relative;
	z-index: 1;
}

.commentList__log > .av .av_sm,
.commentList__item-collapsed > .av .av_sm {
	float: left;
	margin: -2px -2px -2px 0;
	box-shadow: 0 0 0 2px var(--base-cont-top);
	border-radius: 8px;
}

.commentList__log .head .label {
	--icon-size: 14px;
	height: 20px;
	padding: 0 4px;
	font: var(--font-ui-11-micro-reg);
	border-radius: 6px;
}
.commentList__log .head .label > span { padding: 0 2px; }

.commentList__log div.av .edit {
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	margin: -2px -2px -2px 0;
	border-radius: 8px;
	--icon-size: 14px;
	color: var(--base-txt-btn-flip);
	--icon-color: var(--base-txt-btn-flip);
	background: var(--base-txt-new-major);
}
.commentList[data-type="log"] .commentList__log div.av .edit,
.commentList__log:hover div.av .edit {
	display: none;
}

.commentList__log .head .label-reopen {
	color: var(--base-txt-btn-w);
	--icon-color: var(--base-txt-btn-w);
	background: var(--base-hlt-w-selected);
}
.commentList__log .head .label-close {
	color: var(--base-txt-primary);
	--icon-color: var(--base-txt-primary);
	box-shadow: 0 0 0 1px var(--base-txt-primary) inset;
}

.commentList__log .head .head__left {
	column-gap: 4px;
	row-gap: 4px;
	align-items: flex-start;
}
.commentList__log .params {
	display: flex;
	overflow: hidden;
	flex-grow: 1;
	flex-shrink: 1;
	column-gap: 12px;
	row-gap: 4px;
	flex-wrap: wrap;
	min-height: 20px;
	padding: 0 0 0 8px;
}

.commentList__log .head .uname,
.commentList__item .head .uname,
.commentList__log .head .uname a,
.commentList__item .head .uname a {
	font: var(--font-ui-13-small-med);
	color: var(--base-txt-primary);
}

.commentList__item:not(.commentList__item-collapsed) .head .seen_by_assignee {
	--icon-color: var(--base-txt-btn-c);
}

.commentList__log .in > .params {
	padding: 8px 32px 0 0;
}
.commentList__log .in > .commentList__item__descr {
	color: var(--base-txt-primary);
	padding: 8px 32px 8px 0;
	font: var(--font-txt-13-small-reg);
}
.commentList__log .in > .commentList__item__descr .commentList__item__reason-label {
	display: inline-block;
	margin-right: 6px;
	font: var(--font-ui-12-mini-reg);
	font-variant: all-small-caps;
	color: var(--base-txt-btn-w);
	padding: 0 8px;
	border-radius: 6px;
	background: var(--base-hlt-w-selected);
	vertical-align: bottom;
}

.commentList__log.commentList__log-big > .in {
	padding-top: 15px;
}

.commentList__log.commentList__log-big div.av,
.commentList__log:not(.commentList__log-big) .in > .av_nm {
	display: none;
}

.commentList__log .commentList__item {
	background: none;
}
.taskView-withCommentMass .commentList__log .commentList__item {
	pointer-events: none;
}
.commentList__log .commentList__item-same:after {
	top: -10px;
	height: 26px;
}

.commentList__item-collapsed .in .head > div {
	height: 20px;
}

.commentList__item-collapsed .in .head .uname {
	display: none
}
.commentList__item:not(.commentList__item-withStar) .head .is_fav,
.commentList__item-collapsed .head .is_fav,
.commentList__item-collapsed .av_nm {
	display: none !important;
}

.commentList__item .head:has(task-wait) .pubdate,
.commentList__item .head:has(task-wait) .date_same {
	display: none;
}

.commentList__item .head .is_fav,
.commentList__item .head .is_silent,
.commentList__item .head .is_hidden,
.commentList__item .head .is_edited {
	--icon-size: 16px;
}

.commentList__item .head .is_fav { --icon-color: var(--colorize-lbl-yelloworange); }
.commentList__item .head .is_hidden { --icon-color: var(--base-txt-alert-minor); }

.commentList__item .head task-wait {
	margin: 0;
	white-space: nowrap;
	font-family: monospace;
}

.commentList__item-collapsed div.text div.me, .commentList__item-collapsed div.text div.notme {
	padding: 1px 0;
	color: var(--base-txt-tertiary)
}

.commentList__item-collapsed .restrict3 {
	display: none
}

.commentList__item .reply_to_com {
	margin: 8px 0;
	max-width: 60%;
}
.commentList__item .reply_to_com .reply_to_name {
	font: var(--font-ui-11-micro-bold);
	color: var(--base-txt-btn-b);
}
.commentList__item .reply_to_com .reply_to_dt {
	font: var(--font-ui-11-micro-reg);
	color: var(--base-txt-btn-b);
	opacity: 0;
}
.commentList__item .reply_to_com .reply_to_av > span,
.commentList__item .reply_to_com .reply_to_av > img {
	border-radius: 4px;
	scale: 0.83333;
}
.commentList__item .reply_to_com .reply_to_av {
	border-radius: 4px 0 0 4px;
	border-left: 4px solid var(--base-txt-btn-b);
	padding: 6px;
}

.commentList__item .reply_to_com > .in { border-radius: 0 4px 4px 0; }
.commentList__item .reply_to_text {
	font: var(--font-ui-12-mini-reg);
	color: var(--base-txt-primary);
	margin-top: -6px;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 4px;
}
.commentList__item .reply_to_com__to .reply_to_av { padding-right: 0; }
.commentList__item .reply_to_com__to .reply_to_av > * { visibility: hidden; width: 0; }
.commentList__item .reply_to_com .reply_to_av,
.commentList__item .reply_to_com > .in { background: var(--base-hlt-b-hover); }
.commentList__item .reply_to_com .reply_to_icon ws-icon { rotate: 90deg; }
.commentList__item .reply_to_com .reply_to_icon {
	padding: 4px;
	--icon-color: var(--base-txt-ghost);
	--icon-size: 16px;
}
.commentList__item .reply_to_com:hover .reply_to_av,
.commentList__item .reply_to_com:hover > .in { background: var(--base-hlt-b-pressed); }
.commentList__item .reply_to_com:hover .reply_to_icon { --icon-color: var(--base-txt-btn-b); }
.commentList__item .reply_to_com:hover .reply_to_dt { opacity: 1; }

.commentList__item .replies_from .reply_to_com .reply_to_name,
.commentList__item .replies_from .reply_to_com .reply_to_dt { color: var(--base-txt-btn-a); }
.commentList__item .replies_from .reply_to_com { margin-left: auto; }
.commentList__item .replies_from .reply_to_com .reply_to_icon ws-icon { rotate: -90deg; }
.commentList__item .replies_from .reply_to_com .reply_to_av,
.commentList__item .replies_from .reply_to_com > .in { background: var(--base-hlt-hover); }
.commentList__item .replies_from .reply_to_com .reply_to_av { border-color: var(--base-txt-btn-a); }

.commentList__item .replies_from .reply_to_com:hover .reply_to_icon { --icon-color: var(--base-txt-btn-a); }
.commentList__item .replies_from .reply_to_com:hover .reply_to_av,
.commentList__item .replies_from .reply_to_com:hover > .in { background: var(--base-hlt-pressed); }

.commentList__item .reply_to_com__to > .in { height: 36px; }
.commentList__item .reply_to_com__from > .in { height: 28px; }
.commentList__item .reply_to_com__from .reply_to_text { margin-top: 4px; }
.commentList__item .reply_to_com__from .reply_to_av { padding: 2px; }

.commentList__item .reply_to_text ws-emoji {width: 16px;height: 16px;margin: 2px 0;}

.commentList__item p.content, .commentList__item div.content { margin-bottom: 0 }

.commentList__item #files {
	padding-bottom: 0;
	margin-top: 15px
}

.commentList__item #files_new {
	padding: 12px 68px 0 0;
}

.commentList__item .fileItem {
	width: 200px;
}

.commentList__item ol.todo {
	margin: 0 15px 0 -15px;
}

.commentList__item .ico_seen2 {
	margin-left: -2px;
	margin-right: -2px;
}

.commentList__item > .in .ico_r {
	display: none;
	margin: 0 0 0 5px
}

.commentList__item > .in .button_r {
	display: none;
	margin: 2px 4px !important
}

body.desktop:not(.withMass) .commentList__item:hover .in .ico_r .ico_r, body.desktop:not(.withMass) .commentList__item:hover .in .button_r, .commentList__item .icons_act .in .button_r {
	display: inline-block
}

.commentList__item-collapseSaved .in .ico_rh, .commentList__item-collapseSaved:hover .in .ico_rh {
	display: none !important;
}

.commentList__log .floatIcons,
.commentList__item .floatIcons {
	right: 16px;
	top: -20px;
	transition: all 0.1s ease;
	opacity: 0;
	scale: 0.9;
	pointer-events: none;
	transform-origin: center center;
	visibility: hidden;
}
.commentList__item:hover .floatIcons,
.commentList__item .floatIcons:has(.menu_open),
.commentList__log:hover .floatIcons,
.commentList__log .floatIcons:has(.menu_open),
.commentList__item.commentList__item-collapseSaved:not(.commentList__item-collapsed) .floatIcons
{
	opacity: 1;
	scale: 1;
	pointer-events: auto;
	transition-delay: .6s;
	visibility: visible;
}
body.mobile .commentList__item.selected .floatIcons,
body.mobile .commentList__log.selected .floatIcons {
	opacity: 1;
	scale: 1;
	pointer-events: auto;
	transition-delay: .2s;
	visibility: visible;
}
.commentList__item-collapsed .floatIcons {
	display: none;
}

.taskView:not(.taskView-withCommentSearch, .taskView-withCommentFilter) .commentList__item .floatIcons .to_context,
.commentList__item:not(.commentList__item-collapseSaved) .floatIcons .to_expand {
	display: none;
}
.commentList__item.commentList__item-collapseSaved .floatIcons > *:not(.to_expand) {
	display: none;
}
.commentList__log-collapsed .floatIcons a:not(:last-child) {
	display: none
}
.commentList .ico_noview {
	display: none !important
}

.commentList__item .seen_big {
	position: absolute;
	right: 20px;
	bottom: 8px;
	margin: 0;
	opacity: 0.3
}

.commentList__item-collapsed .reply_from {
	display: none
}

.reply_from {
	color: var(--base-txt-secondary);
	padding: 5px;
	white-space: nowrap
}

.reply_from:hover {
	color: var(--base-txt-secondary);
	background: var(--base-hlt-hover);
	border-radius: 4px;
}

.commentList__item .reply_to {
	margin: 0;
	text-align: right;
	float: right;
	padding: 15px 0 0
}

.reply_to div:hover {
	color: var(--base-txt-secondary);
	background: var(--base-hlt-hover);
	border-radius: 4px;
	width: auto
}

.reply_to_af {
	margin: 20px 0 0 0
}

.reply_to div {
	display: inline;
	padding: 5px;
	margin: 10px 0 0
}

.reply_to a {
	color: var(--base-txt-secondary)
}

.reply_to a:hover {
	color: var(--base-txt-secondary)
}

.commentList__item-appearStart {
	background: var(--base-cont-low);
}

.commentList__item-appearEnd {
	background: var(--base-cont-top);
}

.commentList label.mass_ {
	left: 4px;
	position: absolute;
	top: 10px;
	z-index: 3;
	opacity: 0.7;
}
.taskView-withCommentEdit .commentList label.mass_ {display: none}

.commentList__log label.mass_ {
	top: 2px;
}

.commentList__item-same label.mass_ {
	top: 4px;
}
.commentList__collapsedItems label.mass_ {
	top: 5px;
}

.commentList label.inputCheckbox span {
	background: none !important;
}

.commentList .commentList__archiveItems label.mass_ {top: 6px;}
.commentList .commentList__archiveItems .av .av_sm.more {
	color: var(--base-txt-secondary);
}

.commentList label.mass_.act {
	opacity: 1;
	background: none
}

.commentList .commentList__item-collapsed label.mass_ {
	top: 1px;
}

body.desktop:not(.withMass) .commentList label.mass_ {
	opacity: 0;
	bottom: 0;
}

body.desktop .commentList label.mass_.act {
	opacity: 1
}

body.desktop .commentList .commentList__item:hover label.mass_,
body.desktop .commentList__log:hover label.mass_
{
	transition: opacity 100ms linear 600ms;
	opacity: 1;
}
body.desktop .commentList .commentList__item:hover label.mass_:hover,
body.desktop .commentList__log:hover label.mass_:hover
{
	transition: none;
	opacity: 1;
}
body.desktop .commentList .commentList__item.pre_act label.mass_, body.desktop .commentList .commentList__item.selected label.mass_,
body.desktop .commentList__log.pre_act label.mass_, body.desktop .commentList__log.selected label.mass_ {
	opacity: 1;
}

body.desktop .commentList .commentList__archiveItems:hover label.mass_, body.desktop .commentList .commentList__archiveItems.pre_act label.mass_, body.desktop .commentList .commentList__archiveItems.selected label.mass_, body.desktop .commentList .commentList__collapsedItems:hover label.mass_, body.desktop .commentList .commentList__collapsedItems.selected label.mass_ {
	opacity: 0.7
}

.commentList .commentList__item-active {
	background: var(--base-hlt-hover);
}

.commentList .pre_edit.commentList__item, .commentList .pre_edit.commentList__log, .commentList .pre_edit.commentList__archiveItems, .commentList .pre_edit.commentList__collapsedItems, body.commentList__item-active .commentList .pre_edit.commentList__item {
	box-shadow: -2px 0 0 0 var(--base-hlt-invert), 2px 0 0 0 var(--base-hlt-invert);
	background: var(--base-hlt-hover);
}

.commentList__log #subscribe_me {
	padding: 10px 5px 5px;
}

@media screen and (min-width: 481px) {
	.commentList .pre_act.commentList__item, .commentList .pre_act.commentList__log, .commentList .pre_act.commentList__archiveItems, .commentList .pre_act.commentList__collapsedItems, body.commentList__item-active .commentList .pre_act.commentList__item {
		box-shadow: -2px 0 0 0 var(--base-hlt-invert), 2px 0 0 0 var(--base-hlt-invert);
		background: var(--base-hlt-notr-easy);
	}

	.op_act .commentList .no_act.pre_act, .op_act .commentList .no_act.pre_act:hover, .op_show .commentList .pre_act:not(.commentList__item-collapsed), .op_show .commentList .pre_act:not(.commentList__item-collapsed):hover, .op_hide .commentList .commentList__item-collapsed.pre_act, .op_hide .commentList .commentList__item-collapsed.pre_act:hover, .op_hide .commentList .commentList__collapsedItems.pre_act, .op_hide .commentList .commentList__collapsedItems.pre_act:hover {
		box-shadow: none !important;
	}

	.op_act .commentList .commentList__collapsedItems.pre_act, .op_act .commentList .commentList__collapsedItems.pre_act:hover {
		box-shadow: -2px 0 0 0 var(--base-txt-tertiary), 2px 0 0 0 var(--base-txt-tertiary) !important;
	}
}

body.withMass #content .commentList .commentList__item:hover {
	background: var(--base-hlt-hover);
}

body.withMass #content .commentList .commentList__item * {
	pointer-events: none !important
}

body.withMass #content .commentList .commentList__item input {
	pointer-events: initial !important
}

body.withMass #content .commentList__log:hover {
	background: var(--base-hlt-easy);
}

body.withMass #content .commentList__log * {
	pointer-events: none !important
}

body.withMass #content .commentList__log input {
	pointer-events: initial !important
}

body.mobile .commentList__item .ico_r {
	display: inline
}

@media (max-width: 560px) {
	.commentList__item > .in {
		padding-left: 48px
	}

	.commentList__item .av_nm, .commentForm-edit .av_nm {
		display: none !important
	}

	.commentList__item div.av {
		display: block;
		float: left;
		margin: 13px -22px 0 16px
	}
	.commentList__item.commentList__item-same div.av {
		margin: 8px -22px 0 16px
	}

	.commentList__item-collapsed div.av {
		margin: 7px 8px 0 16px
	}

	.commentList__item > .in ol.todo li:before {
		margin-left: -50px
	}

	.commentList__item > .in ol.todo li {
		padding-left: 22px
	}

	.commentList__item > .in ol.todo li .inline_clip {
		margin-left: -22px
	}

	.commentList__item .page_content {
		overflow: visible
	}

	.commentList__log div.av {
		display: block;
		float: left;
		margin: 8px -22px 0 16px
	}

	.commentList__log > .in {
		width: auto;
		padding: 7px 16px 7px 48px;
	}

	.commentList__archiveItems label.mass_,
	.commentList__log label.mass_,
	.commentList__item label.mass_ { display: none; }

	.commentList__archiveItems .av { left: 6px !important; }

	.commentList__item:after,
	.commentList__item:before { display: none !important; }

	.commentList__item .reply_to_com {
		max-width: 80%;
	}


}

@media (max-width: 480px) {
	.commentList__item.commentList__item-same div.av {
		margin: 13px -22px 0 16px;
	}

	.commentList__item #files_new {
		margin-right: 0;
		padding-right: 0;
	}

	.commentList__item .floatIcons,
	.commentList__log .floatIcons {
		padding-right: 10px;
	}

	.commentList__log {
		height: auto;
		white-space: normal;
		padding-bottom: 0;
		min-height: 27px;
	}

	.commentList__log .ico_l {
		margin: 0 0 0 -32px
	}

	.commentList__log .date {
		margin-right: 10px;
	}

	.commentList__log .it {
		float: none;
		display: inline-block;
		padding: 2px 0;
		margin: -2px 10px 5px 0;
		vertical-align: top;
		max-width: 90%;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden
	}

	.commentList__log .it.it_tags {
		max-width: calc(100% - 120px)
	}

	.commentList__item .head .seen_by_assignee {
		--icon-size: 13px;
		margin-right: -8px;
	}

	.commentList__item .page_content {
		padding-right: 0;
	}

	/* щоб не перекривало дату/аватар */
	.commentList__item-same:not(.commentList__item-withStar,.commentList__item-replyTo) .in .text > #files_new:first-child {
		padding-top: 32px;
	}
}

@media (max-width: 479px) {
	.commentList__item .link b {
		white-space: normal;
		word-wrap: break-word
	}
}

@media print {
}

@media print_backup {
	.commentList__item div.av, .commentList__item .ico_seen {
		display: none;
	}

	.commentList__item .av_nm {
		display: none
	}

	.commentList__item {
		border-bottom: 1px solid var(--base-cont-low);
		margin: 0
	}

	.commentList__item > .in {
		padding: 15px
	}

	.commentList__item-collapsed .in {
		padding: 5px 15px
	}

	.commentList__log {
		background: var(--base-cont-top);
		border-top: 1px solid var(--base-cont-low)
	}

	.commentList__log .user {
		background: var(--base-cont-top)
	}

	.commentList__item .text .notme a b {
		color: var(--base-txt-accent)
	}

	.commentList__item > .in {
		padding: 15px 0
	}
}

.comment_unseen_line,
.comment_day_line {
	padding: 2px;
	background: var(--base-cont-top);
	text-align: center;
	margin: 1px 0 -1px 0;
	position: relative;
	z-index: 3;
}

.comment_unseen_line:before,
.comment_day_line:before {
	display: block;
	content: '';
	position: absolute;
	top: calc(50% - 0.75px);
	left: 0;
	right: 0;
	border-bottom: 1.5px dotted transparent;
	z-index: -1;
}

.comment_unseen_line span.badge,
.comment_day_line span.date {
	display: inline-block;
	font: var(--font-ui-12-mini-med);
	color: var(--colorize-lbl-txt-primary);
	padding: 2px 12px;
	white-space: nowrap;
	box-shadow: var(--shadow-cont-major-lineonly-inside);
	border-radius: 24px;
}

.comment_day_line span.date {
	cursor: pointer;
}

.comment_unseen_line span.badge {
	display: inline-flex;
	align-items: center;
	column-gap: 4px;
	padding: 2px 6px;
}
.comment_unseen_line span.badge ws-icon {
	--icon-size: 16px;
}
.comment_unseen_line .avs { scale: 0.83333; margin: 0 -4px 0 -2px; }
.comment_unseen_line .avs .av_sm + .av_sm { margin-left: -2px; }
.comment_unseen_line .avs .av_sm { box-shadow: 0 0 0 1px var(--base-txt-act-minor); }
.comment_unseen_line .avs .av_sm.more {
	text-align: center;
	font: var(--font-ui-10-nano-med);
	backdrop-filter: blur(4px);
	color: var(--base-txt-btn-a);
}


.comment_unseen_line > i,
.comment_day_line > i {
	position: absolute;
	top: 50%;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: var(--base-line-tertiary);
	margin-top: -4px;
	left: 0;
	display: none;
}
.comment_unseen_line > i:last-child, .comment_day_line > i:last-child { left: unset; right: 0; }

@media (min-width: 1024px) {
	.taskView__wrapper-fullscreen .comment_unseen_line > i,
	.taskView__wrapper-fullscreen .comment_day_line > i {
		display: block;
	}
	.taskView__wrapper-fullscreen .comment_unseen_line:before,
	.taskView__wrapper-fullscreen .comment_day_line:before {
		left: 8px;
		right: 8px;
	}
}

.taskView__wrapper {
	container-type: inline-size;
	container-name: comment-line;
}

@container comment-line (min-width: 960px) {
	.taskView__wrapper .comment_unseen_line > i,
	.taskView__wrapper .comment_day_line > i {
		display: block;
	}
	.taskView__wrapper .comment_unseen_line:before,
	.taskView__wrapper .comment_day_line:before {
		left: 8px;
		right: 8px;
	}
}

@container comment-line (max-width: 960px) {
	.taskView__wrapper-fullscreen .comment_unseen_line > i,
	.taskView__wrapper-fullscreen .comment_day_line > i {
		display: none;
	}
}

.commentList__archiveItems__tmpCounter {
	height: 1px;
	background: var(--base-cont-top);
	text-align: center;
	margin: 0 0 -1px;
	position: relative;
	z-index: 11;
	background: var(--base-line-primary);
}

.commentList__archiveItems__tmpCounter span {
	display: inline-block;
	font: 11px/14px var(--font-base);
	padding: 5px 12px;
	margin: -12px auto 5px 0;
	white-space: nowrap;
	border-radius: 14px
}

.commentList__item-collapsed + .comment_day_line,
/*.commentList__log + .comment_day_line, */
.comment_unseen_line + .comment_day_line,
.commentList__archiveItems + .comment_day_line,
.commentList > .comment_day_line:first-child {
	display: none;
}

.commentList__archiveItems:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 22px;
	bottom: 22px;
	display: block;
	background: var(--base-cont-top);
	transition: all 0.3s ease 0.1s;
	-webkit-transition: all 0.3s ease 0.1s
}

.commentList__archiveItems:hover:before {
	top: 0;
	bottom: 0;
	border-color: var(--base-line-alt-cardbrd);
}

.commentList__archiveItems.pre_act:before {
	display: none
}

.commentList__archiveItems span.date {
	display: inline-block;
	color: var(--base-txt-secondary);
	font: var(--font-ui-11-micro-reg);
	padding: 0 10px;
	margin: 10px auto 10px 0;
	white-space: nowrap;
	border-radius: 10px;
	/*background: var(--base-cont-top);*/
	position: relative
}

.commentList__archiveItems,
.commentList__collapsedItems {
	cursor: pointer;
	height: 40px;
	background: var(--base-hlt-g-easy);
	text-align: center;
	position: relative;
	padding: 0 16px 0 75px;
	border-top: 1px solid var(--base-line-ghost);
}

.commentList__archiveItems {
	.in {
		display: flex;
		height: 100%;
		justify-content: end;
		align-items: center;
		text-align: right;
		span.date {
			line-height: 24px;
			margin: 0;
		}
	}
}

.commentList__archiveItems .av,
.commentList__collapsedItems .av {
	float: left;
	margin: 8px 0 0 -42px;
	position: relative;
	text-align: center;
	min-width: 20px;
	padding: 0 8px 0 0;
}

.commentList__archiveItems .av .av_sm,
.commentList__collapsedItems .av .av_sm {
	margin: 0 -2px 0 -2px;
	box-shadow: 0 0 0 2px var(--base-cont-top);
	display: inline-block;
	float: none;
	border-radius: 8px;
}
.commentList__collapsedItems .av .av_sm.more {
	text-align: center;
	font: var(--font-ui-10-nano-med);
	background: var(--base-hlt-g-hover);
	backdrop-filter: blur(4px);
	color: var(--base-txt-secondary);
}

.commentList__collapsedItems:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 22px;
	bottom: 22px;
	display: block;
	background: var(--base-cont-top);
	transition: all 0.3s ease 0.1s;
	-webkit-transition: all 0.3s ease 0.1s
}

.commentList__collapsedItems:hover:before {
	top: 0;
	bottom: 0;
	border-color: var(--base-line-alt-cardbrd)
}

.commentList__collapsedItems.pre_act:before {
	display: none
}

.commentList__collapsedItems span.date {
	color: var(--base-txt-tertiary);
	--icon-color: var(--base-txt-tertiary);
	font: var(--font-ui-11-micro-reg);
	padding: 0;
	margin: 12px 8px;
	white-space: nowrap;
	position: relative;
	float: right;
}
.commentList__collapsedItems:hover span.date {
	color: var(--base-txt-secondary);
	--icon-color: var(--base-txt-secondary);
}
.commentList__archiveItems span.date ws-icon,
.commentList__collapsedItems span.date ws-icon {
	margin-right: 8px;
	--icon-size: 16px;
	width: 16px;
	height: 16px;
}
.commentList__archiveItems span.date ws-icon {
	height: 24px;
}
.commentList__archiveItems:not(:hover) span.date ws-icon svg use:last-child,
.commentList__collapsedItems:not(:hover) span.date ws-icon svg use:last-child {
	display: none;
}
.commentList__archiveItems:hover span.date ws-icon svg use:first-child,
.commentList__collapsedItems:hover span.date ws-icon svg use:first-child {
	display: none;
}

.commentList__archiveItems .count,
.commentList__collapsedItems .count {
	float: right;
	color: var(--base-txt-tertiary);
	font: var(--font-ui-10-nano-reg);
	padding: 0 6px;
	margin: 12px 0;
	border-radius: 20px;
	position: relative;
	border: 1px solid var(--base-line-tertiary);
}
.commentList__archiveItems:hover .count,
.commentList__collapsedItems:hover .count {
	color: var(--base-txt-secondary);
	border-color: var(--base-txt-secondary);
}

.commentList__collapsedItems__content {
	display: none
}
.commentList__item .likes {
	height: unset;
	margin: 0;
}
.commentList__item .likes:has(> task-reactions > a) {
	padding: 12px 0 0 0;
}
.commentList__item-collapseSaved {
	cursor: pointer
}

.commentList__item-collapsed .replies_from,
.commentList__item-collapsed .likes,
.commentList__item-collapsed .reply_to_com,
.commentList__item-collapsed div.text {
	display: none;
}
.commentList__log .head {
	align-items: flex-start;
	gap: 8px;
}
.commentList__log .head .pubdate,
.commentList__item .head .pubdate,
.commentList__item .head .date_same {
	font: var(--font-ui-11-micro-reg);
	color: var(--base-txt-secondary);
}
.commentList__log .head .pubdate {
	padding-top: 2px;
}

.commentList__item:not(.commentList__item-collapsed) .head .when-collapsed {
	display: none;
}
.commentList__item-collapsed .head .pubdate {
	color: var(--base-txt-tertiary);
}

.commentList__item-collapsed .head ws-icon {
	--icon-color: var(--base-txt-secondary);
}

.commentList__item:not(.commentList__item-collapsed) .head .txt {
	display: none;
}

.commentList__item-collapsed div.text div.me, .commentList__item-collapsed div.text div.notme {
	display: inline;
	vertical-align: top;
}

.commentList__item-collapsed:not(:hover) .av { opacity: 0.5; }
.commentList__item-collapsed:not(:hover) .head .txt,
.commentList__item-collapsed:not(:hover) .head .txt a.inline_file {
	border-color: var(--base-txt-tertiary);
}
.commentList__item-collapsed:not(:hover) .head .txt {
	color: var(--base-txt-tertiary);
}
.commentList__item-collapsed .head .txt {
	height: 21px;
	overflow: hidden;
	pointer-events: none;
}
.commentList__item-collapsed .head .txt ul,
.commentList__item-collapsed .head .txt ol {
	padding: 0; margin: 0;
	color: inherit;
}
.commentList__item-collapsed .head .txt ul li,
.commentList__item-collapsed .head .txt ol li {
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
	border: none !important;
	color: inherit;
}
.commentList__item-collapsed .head .txt blockquote {
	margin: 0;
	padding: 0;
	background: none;
	font: inherit;
	color: inherit;
}
.commentList__item-collapsed .head .txt ws-emoji {
	width: 16px;
	height: 16px;
}
.commentList__item-collapsed .head .txt .invite {
	background: none;
}
.commentList__item-collapsed .head .txt .invite .av_sm {
	display: none;
}
.commentList__item-collapsed:not(:hover) .head .pubdate {
	display: none;
}

.commentList__item-collapsed div.text div.content {
	display: inline
}

body.desktop .commentList__item-collapsed div.text div.content {
	display: inline;
	font: 12px/20px var(--font-base);
	color: var(--base-txt-tertiary)
}

body.desktop .commentList__item-collapsed div.text div.reply_to {
	display: none
}

.commentList__item-collapsed div.text div.content * {
	vertical-align: top;
	display: inline;
	margin: 0;
	font: 12px/20px var(--font-base);
	padding: 0;
	border: none;
	color: var(--base-txt-tertiary);
	background: none !important;
	pointer-events: none
}

.commentList__item-collapsed div.text div.content label {
	display: none
}

.commentList__item-collapsed div.text div.content .inline_clip {
	display: none
}

.commentList__item-collapsed div.text div.content div {
	margin: 0 10px 0 0
}

.commentList__item-collapsed div.text div.content br {
	display: none
}

.commentList__item-collapsed .text .notme {
	margin-right: 10px;
}

.commentList__item .expand_save {
	display: none
}

.commentList__item-collapseSaved .expand_save {
	display: inline;
	padding: 5px 10px;
}

.commentList__item-collapsed .expand_save {
	display: none
}

.commentList.commentList-withFilesOnly .commentList__item .page_content:not(:has(.inline_clip.inline_vis)),
.commentList.commentList-withFilesOnly .commentList__item .likes,
.commentList.commentList-withFilesOnly .commentList__item .reply_to_com,
.commentList.commentList-withFilesOnly .commentList__item .replies_from {
	display: none
}

.commentList__item.pre_edit div.av {
	display: none;
}

/* -------------------------------------------------------------------------------------------------------------------*/
.place_button #draft_del {
	float: right;
	margin: 5px 0 0 10px;
	position: relative;
	z-index: 1010
}

.com_reply {
	color: var(--base-txt-secondary);
	padding: 0 10px 10px 0;
	font: 12px/20px var(--font-base);
	display: none;
}

.com_reply.reply_act {
	display: block;
}

.modal .com_reply {
	padding-top: 0;
	background: var(--base-cont-top);
}

.com_reply small {
	font: 11px/20px var(--font-base);
	color: var(--base-txt-tertiary)
}

.com_reply .in {
	margin-left: 5px
}

.com_reply .ico_delete {
	float: right
}

a.comments_after {
	height: 30px;
	padding: 5px 15px;
	font: italic 12px/30px var(--font-base);
	text-align: center;
	color: var(--base-txt-btn-b);
	display: block;
	margin: 1px 0 0;
	background: var(--base-hlt-b-selected);
	border-top: 0.5px solid var(--base-line-tertiary);
}
@media screen and (max-width: 480px) {
	a.comments_after {
		padding-bottom: calc(5px + var(--sa-bot));
	}
}

a.comments_after a span.ico_l {
	margin: 0 10px 0 0 !important
}

.ico_newcomment {
	margin: -1px 2px !important
}

a.ico_newcomment:hover, a:hover span.ico_newcomment {
	background-position: -210px -60px
}

a.ico_newcomment2, span.ico_newcomment2 {
	background: url(/assets/img/ws_emoji_new.svg) no-repeat -185px -65px;
	background-size: 480px 480px;
	height: 20px;
	width: 20px;
	padding: 0;
	margin: 0 !important;
	vertical-align: top
}

a.ico_newcomment2:hover {
	background-position: -215px -65px
}

/* --------------------------------------------------- PANEL ------------------------------------------------------- */
.commentListPanel {
	position: absolute;
	min-height: 48px;
	overflow: hidden;
	left: 0;
	right: 0;
	top: 0;
	background: linear-gradient(180deg, var(--base-cont-top), var(--base-cont-top-opac));
	backdrop-filter: blur(4px);
	z-index: 5;
}

.commentListPanel__wrapper {
	height: 48px;
	position: relative;
	flex-shrink: 0;
}

.commentListPanel .commentListPanel__filter {
	position: relative;
	top: 0;
	transition: top 0.3s ease;
	-webkit-transition: top 0.3s ease;
	margin: 0;
	padding: 0 14px 0 16px;
}

.commentListPanel .massPanel {
	position: absolute;
	top: -48px;
	transition: top 0.3s ease;
	-webkit-transition: top 0.3s ease;
	display: flex;
	left: 0;
	right: 0;
}

body.desktop .commentListPanel .ico_equalizer {
	opacity: 0;
	transition: opacity 0.2s ease 0.2s;
	-webkit-transition: opacity 0.2s ease 0.2s
}

body.desktop .commentListPanel:hover .ico_equalizer {
	opacity: 1
}

.commentListPanel .massPanel {
	z-index: 1000
}

@media (max-width: 480px) {
	.commentListPanel__filter .r_act ~ .top {
		display: none
	}

	.commentListPanel__filter__item:not([style*="none"]) ~ .top {
		left: 10px;
		margin: 0
	}
}

/* -------------------------------------------------------------------------------------------------------------------*/
.commentListPanel__filter {
	position: relative;
}

.commentListPanel__filter__active {
	display: none
}

.commentListPanel__filter a.inline {
	font: 12px/14px var(--font-base);
	margin: 0 0 0 5px
}

.commentListPanel__filter__item-active {
	display: none !important;
}
.commentListPanel__filter__active, .commentListPanel__filter__author, .commentListPanel__filter__possible, .commentListPanel__filter__actions, .commentListPanel__search__actions {
	gap: 4px;
}
.commentListPanel__filter__jumpers {
	gap: 4px;
}
.commentListPanel__filter__possible,
.commentListPanel__search__actions,
.commentListPanel__filter__actions {
	margin-left: 8px;
}

.commentListPanel__filter__author {
	margin-left: 8px;
}

.commentListPanel__filter .ico_equalizer {
	float: left;
	position: relative;
	margin: 0 10px 0 0;
	z-index: 1000
}

.commentListPanel__filter {
	margin-top: 24px;
	padding: 0 20px;
	color: var(--base-txt-tertiary);
	font: 13px/20px var(--font-base);
	height: 48px;
	text-align: center
}

.commentListPanel__filter .r {
	float: right;
	font: 13px/20px var(--font-base);
	color: var(--base-txt-secondary);
	margin: 1px 0 0 0
}

.commentListPanel__filter .r a {
	color: var(--base-txt-secondary)
}

.commentListPanel__filter div.r2 {
	float: left
}

.commentListPanel__filter a.day {
	display: block;
	padding: 2px 4px;
	border-radius: 6px;
	font: var(--font-ui-12-mini-reg);
	--icon-size: 16px;
}
.commentListPanel__filter a.day > span {
	padding: 0 4px;
}

.taskView-withCommentFilter .commentListPanel__filter div.r2, .taskView-withCommentFilter .commentListPanel__filter .ico_equalizer {
	display: none
}

.commentListPanel__filter .button_sm {
	font: 11px/20px var(--font-base);
	padding: 4px 10px;
	float: left;
	margin: -4px 20px -4px -10px
}

.commentList__item-same {
	border-top: none;
}

.commentList__item-same .text .notme {
	display: none
}

.commentList__item-same .av_nm {
	display: none
}

.commentList__item-preSame > .in {
	padding-bottom: 8px;
}
@media screen and (min-width: 481px) {
	.commentList__item-same > .in {
		padding-top: 8px;
	}

	.commentList__item-same .text p, .commentList__item-same .text .content {
		margin-top: 0
	}
}

.commentList__item.commentList__item-sameDate .head .pubdate,
.commentList__item:not(.commentList__item-sameDate) .head .date_same {
	display: none
}

@media screen and (min-width: 481px) {
	.commentList__item-same:not(.commentList__item-withStar,.commentList__item-replyTo) .head .head__left {
		visibility: hidden;
		pointer-events: none;
	}

	.commentList__item-same:not(.commentList__item-withStar,.commentList__item-replyTo) .in .text {
		margin-top: -20px;
	}
}

.commentList__item-preSame:not(.pre_edit):before {
	content:'';
	position: absolute;
	left: 51px;
	top: 64px;
	bottom: 0;
	width: 2px;
	background: var(--base-line-tertiary);
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}
.commentList__item-same:not(.commentList__item-replyTo, .commentList__item-withStar):after {
	content: '';
	position: absolute;
	left: 48px;
	top: 16px;
	height: 8px;
	width: 8px;
	border-radius: 100%;
	background-image: linear-gradient(var(--base-line-tertiary), var(--base-line-tertiary));
	background-color: var(--base-cont-top);
}
.commentList__item-same:not(.commentList__item-replyTo, .commentList__item-withStar, .pre_act):after {
	transition: background-color .15s ease;
}
.commentList__item-same.pre_act:after,
.taskView-withCommentMass .commentList__item:hover:after {
	background-color: var(--base-hlt-notr-easy);
}
.commentList__item-same.selected:after,
.commentList__item-same:has(.floatIcons:hover):after {
	background-color: var(--base-cont-mid);
}
.commentList__item-same.commentList__item-active:after {
	background-color: var(--base-hlt-notr-easy);
}
.pre_edit + .commentList__item-same:after, .pre_edit.commentList__item-same:after {
	display: none
}

.commentList__item-same.commentList__item-replyTo .in > .av_nm,
.commentList__item-same.commentList__item-withStar .in > .av_nm {
	display: block;
}

.commentList__item.pre_edit .commentForm__main {
	padding: 8px 0;
}

.commentList__item-same:not(.commentList__item-preSame, .commentList__item-replyTo):before {
	content: '';
	position: absolute;
	left: 51px;
	top: 0;
	height: 16px;
	width: 2px;
	background: var(--base-line-tertiary);
}

.commentList__item-same.commentList__item-preSame:before { top: 0; }
.commentList__item-same.commentList__item-preSame.commentList__item-withStar:before,
.commentList__item-same.commentList__item-preSame.commentList__item-replyTo:before { top: 56px; }

@media (max-width: 640px) {
	.commentListPanel__filter .r {
		display: none
	}
}
@media (max-width: 480px) {
	.commentListPanel__filter a.inline {
		display: none
	}
}
@media (max-width: 400px) {
	.commentListPanel__filter span.cnt_all, .commentListPanel__filter span.cnt_fav {
		display: none
	}
	.commentListPanel__filter a.filtdel {
		margin: -4px 8px -4px 0
	}
	.commentListPanel__filter .button_sm {
		margin-left: -5px;
		max-width: 50px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}
}



.commentList__item__param {
	margin-right: 4px;
	display: inline-flex;
	gap: 6px;
	flex-shrink: 1 !important;
}
.commentList__item__param i {
	font: var(--font-ui-12-mini-reg);
	font-variant: all-small-caps;
	margin-right: 0;
	color: var(--base-txt-btn-c);
	padding: 0 8px;
	border-radius: 12px;
	background: var(--colorize-lbl-aqua-bg);
}
.commentList__item__param .in {
	font: var(--font-ui-12-mini-reg);
	gap:4px;
	height: 20px;
	border-radius: 10px;
	display: inline-flex;
	align-items: center;
}
.commentList__item__param .in .av_sm {
	scale: 0.83333;
}
.commentList__item__param strike {
	text-decoration: none;
	position:relative;
	max-height: 20px;
	opacity: 0.6;
}
.commentList__item__param strike:after {
	content: '';
	position:absolute;
	left: 0;
	right: 0;
	top: 50%;
	border: 1px solid var(--base-txt-secondary);
}
.commentList__item__param .tags span.tag {
	height: 20px;
	font: var(--font-ui-12-mini-reg);
	padding: 0 8px 0 5px;
}
.commentList__item__param .tags span.tag.tag-stage {
	background: none;
	padding: 0;
	font: var(--font-ui-11-micro-reg);
	box-shadow: none;
}
.commentList__item__param .tags span.tag.tag-stage ws-icon {
	--icon-size: 20px;
	margin: 0 2px 0 0;
}
.commentList__log .priorb {
	margin: 0
}
.commentList .empty_placeholder {
	padding: 28px;
	color: var(--base-txt-secondary);
	text-align: center;
}

.commentList .commentList__item.first_item,
.commentList .commentList__log.first_item {
	border-top-color: transparent;
}

.taskView-withCommentMass .commentList__log,
.taskView-withCommentMass .commentList__item {
	cursor: pointer !important;
}
.taskView-withCommentMass .commentList__log:hover,
.taskView-withCommentMass .commentList__item:hover {
	background: var(--base-hlt-notr-easy) !important;
}
.taskView-withCommentMass .commentList__log .floatIcons,
.taskView-withCommentMass .commentList__item .floatIcons {
	display: none !important;
}
.taskView-withCommentMass .commentList__log .likes,
.taskView-withCommentMass .commentList__item .likes,
.taskView-withCommentMass .commentList__log a,
.taskView-withCommentMass .commentList__item a,
.taskView-withCommentMass .commentList__item .fileItem
{
	pointer-events: none;
}

.commentList .inputCheckbox ws-icon { --icon-size: 16px; }
.commentList__item .inputCheckbox { margin-top: 1px; }
.commentList .floatIcons.icons-waitPub + .floatIcons {
	display: none !important;
}


.comment_unseen_popup {
	position: absolute;
	bottom: 56px;
	right: 56px;
	z-index: 99;

	&.hide { opacity: 0; pointer-events: none; scale: 0.5; }
	&:not(.has_summarize) .summarize { display: none; }

	.summarize {
		position: absolute;
		right: -20px;
		bottom: -39px;
		padding: 7px 28px 7px 7px;
		border-radius: 4px;
		box-shadow: var(--shadow-cont-major-outline);
		background: var(--base-cont-mod-top-opac);
		backdrop-filter: blur(6px);
		&.summarize-response {
			width: 300px;
		}
		.controls {
			margin-top: 6px;
		}
		.summary__body {
			white-space: pre-wrap;
		}
	}

	.floater {
		position: absolute;
		width: 40px;
		height: 40px;
		transition: all 0.3s ease;

		background: var(--base-cont-top-elevated);
		border-radius: 100%;
		box-shadow: var(--shadow-cont-major-outline);
		z-index: 1001;
		cursor: pointer;
		opacity: 1;
		scale: 1;

		.badge {
			position: absolute;
			width: 100%;
			top: -12px;
		}
		.badge .in {
			display: block;
			padding: 2px 4px;
			border-radius: 12px;
			color: var(--base-txt-alt-light);
			background: var(--colors-graphite-600);
			font: var(--font-ui-10-nano-med);
			margin: 0 auto;
			min-width: 12px;
			text-align: center;
		}
		.badge .in:empty { display: none; }
		.badge.badge-a .in { background: var(--base-txt-act-minor); }
		.badge.badge-w .in { background: var(--base-txt-alert-major); }

		ws-icon {
			width: 40px;
			height: 40px;
			transition: all 0.1s ease-in-out;
		}
	}
	&:hover .floater ws-icon { scale: 1.1; }
	&.has_unseen .floater { animation: ws-hithere 1s ease 1s 1 normal both; }
	&.arrow.arrow-reverse .floater ws-icon { transform: rotate(180deg); }

	&.loading {
		cursor: wait;
		.summarize:not(.summarize-response) { display: none; }
		.floater ws-icon {
			animation-name: ws-blink;
			animation-iteration-count: infinite;
			animation-duration: 1s;
			animation-timing-function: linear;
		}
		.summarize .controls {
			opacity: 0.5;
			pointer-events: none;
		}
	}
}

/**** TASK FLOW TIMELINE ****/
.taskFlow {
	position: relative;
	margin: 8px 24px 24px;
	padding: 0 0 0 36px;
	overflow: unset !important;
}
.taskFlow:has(.taskFlow__div:first-child):first-child {
	padding-top: 10px;
}
.taskFlow__item {
	min-height: 36px;
	display: flex;
	justify-content: space-between;
	box-shadow: var(--shadow-brd-enable);
	border-radius: 8px;
	padding: 0 4px;
	font: var(--font-txt-13-small-semi);
}
.taskFlow__item .part {
	height: 36px;
	padding: 0 3px;
	width: calc(50% - 8px);
	box-sizing: border-box;
}
.taskFlow__item .ava_place {
	height: 34px;
	border-right:1px solid var(--base-line-secondary);
	display: flex;
	align-items: center;
}
.taskFlow__item .av_sm {
	margin:4px;
	transform:scale(0.833);
}
.taskFlow__item ws-icon.tag {
	width:36px;
	height:36px;
}
.taskFlow__item .diff {
	padding: 0 4px;
	font: var(--font-ui-11-micro-reg);
	color: var(--base-txt-tertiary);
}
.taskFlow__item .diff b {
	font: var(--font-ui-12-mini-semi);
	color:var(--base-txt-primary);
	margin-right:1px;
}
.taskFlow__item .date {
	padding: 0 4px;
	font: var(--font-ui-12-mini-reg);
	color: var(--base-txt-tertiary);
	white-space: nowrap;
}
.taskFlow__item .status {
	padding:0 4px;
	font: var(--font-ui-11-micro-reg);
	color: var(--base-txt-tertiary);
}
.taskFlow__div {
	background: var(--base-cont-mod-top);
	margin-left: -32px;
	position: relative;
	height: 28px;
	gap: 4px;
}
.taskFlow__div .ava_place {
	width: calc(26px + var(--screen-px));
	height: calc(26px + var(--screen-px));
	box-shadow: 0 0 0 var(--screen-px) var(--base-txt-tertiary);
	border-radius:16px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.taskFlow__div .av_sm:not(img) {
	transform: scale(0.7916) translateX(0.6px) translateY(-0.6px);
}
.taskFlow__div img.av_sm {
	width: 19px;
	height: 19px;
}
.taskFlow__div .date,
.taskFlow__div .time {
	color: var(--base-txt-tertiary) !important;
	background: unset;
}
.taskFlow__item-wrapper {
	position: relative;
	padding-block: 4px;
}
.taskFlow__item-wrapper:only-child .taskFlow__timeline-start .taskFlow__timeline__line,
.taskFlow__item-wrapper:only-child .taskFlow__timeline-end .taskFlow__timeline__line {
	visibility: hidden;
}
.taskFlow__item-wrapper:has(+.taskFlow__div) {
	padding-block-end: 8px;
}
.taskFlow__action {
	color: var(--base-txt-tertiary);
	padding-left: 4px;
}
.taskFlow__item .date-wrapper {
	padding: 2px 0;
	display: flex;
	flex-shrink: 1;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.taskFlow__timeline {
	--dot-size: calc(var(--screen-px) + 4px);
	width: var(--dot-size);
	height: 100%;
	position: absolute;
	left: -21px;
	top: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	.taskFlow__timeline__line {
		content: '';
		display: block;
		width: var(--screen-px);
		background-color: var(--base-txt-tertiary);
		height: 100%;
	}
	&.taskFlow__timeline-start,
	&.taskFlow__timeline-end {
		.taskFlow__timeline__dot {
			content: '';
			display: block;
			width: 100%;
			aspect-ratio: 1 / 1;
			background: var(--base-txt-tertiary);
			border-radius: 50%;
		}
	}
	&.taskFlow__timeline-start {
		flex-direction: column-reverse;
		justify-content: flex-start;
		.taskFlow__timeline__line {
			height: calc(50% - var(--dot-size) / 2);
		}
	}
	&.taskFlow__timeline-end {
		justify-content: flex-start;
		.taskFlow__timeline__line {
			height: calc(50% - var(--dot-size) / 2);
		}
	}
}
.taskFlow__div {
	position: relative;
	.taskFlow__timeline {
		left: 11px; /* 32px - 21px */
		top: -100%;
	}
}
.taskFlowEmpty {
	padding: 18px 28px 28px 28px;
}
.taskFlowEmpty__title {
	font: var(--font-ui-16-title-3-reg);
	color: var(--base-txt-primary);
	padding: 8px;
}

.commentList__item-collapsed .head .is_edited,
.commentList__item-collapsed .head .is_silent {
	display: none;
}

.datepicker-commentsJumpTo .ui-datepicker-inline tbody .ui-datepicker-current-day div {
	background: none;
}

.commentListPanel__filter__search {
	display: flex;
	flex-direction: row;
	gap: 12px;
	padding: 0;
	height: 32px;
	width: 100%;
}
.commentListPanel__filter__search .in {
	display: flex;
	background: transparent;
	padding: 0 6px;
	border-radius: 16px;
	height: 32px;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, width .15s ease-in-out;
	box-shadow: none; /*var(--shadow-cont-minor-lineonly-inside);*/
	width: 30%;
	min-width: 150px;
}
.commentListPanel__filter__search .in:hover {
	box-shadow: var(--shadow-cont-minor-lineonly-inside);
	background: var(--base-cont-top);
}
.commentListPanel__filter__search.filter_started .in,
.commentListPanel__filter__search .in.search_started,
.commentListPanel__filter__search .in:focus-within {
	box-shadow: var(--shadow-cont-major-lineonly-outside);
	background: var(--base-cont-input);
	width: 100%;
}
.taskView:not(.taskView-withCommentFilter) .commentListPanel__filter__search .in:not(.search_started):not(:focus-within) a.delete {
	display: none;
}
.commentListPanel__filter__search .in {
	--icon-color: var(--base-txt-tertiary);
}
.commentListPanel__filter__search .in:hover {
	--icon-color: var(--base-txt-secondary);
}
.commentListPanel__filter__search .in:focus-within {
	--icon-color: var(--base-txt-primary);
}
.commentListPanel__filter__search .in a.delete {
	--icon-color: var(--base-txt-secondary);
}
.commentListPanel__filter__search .in a.delete:hover {
	--icon-color: var(--base-txt-primary);
}

.taskView.taskView-withCommentFilter .commentListPanel__filter__search .in a.delete svg use:first-child,
.commentListPanel__filter__search .in.search_started a.delete svg use:first-child,
.taskView:not(.taskView-withCommentFilter) .commentListPanel__filter__search .in:not(.search_started) a.delete svg use:last-child {
	display: none;
}
.taskView.taskView-withCommentFilter .commentListPanel__filter__search .in a.delete svg use:last-child,
.commentListPanel__filter__search .in.search_started a.delete svg use:last-child {
	display: inline-block;
}

.commentListPanel__filter__search input {
	border: none;
	background: transparent;
	box-sizing: border-box;
	padding: 0 6px;
	height: 20px;
	width: 100%;
	font: var(--font-ui-15-large-reg);
}
.taskView.taskView-withCommentFilter .commentListPanel__filter__search input {
	padding: 0 6px 0 8px;
}
.commentListPanel__filter__search input::-webkit-input-placeholder,
.commentListPanel__filter__search input::placeholder {
	opacity: 1;
	transition: opacity .15s ease-in-out;
	font: var(--font-ui-13-small-reg);
}
.commentListPanel__filter__search input:focus::-webkit-input-placeholder,
.commentListPanel__filter__search input:focus::placeholder {
	opacity: .7;
}

.commentListPanel__filter__search .commentListPanel__filter__active {
	padding-left: 6px;
}
.taskView-withCommentSearch .commentList__gap,
.taskView-withCommentFilter .commentList__gap {
	display: none;
}

.commentListPanel__filter__search .nav,
.commentListPanel__filter__search .prenav {
	gap: 8px;
	min-width: 64px;
}

.taskView.taskView-withCommentFilter .commentListPanel__filter__search .prenav,
.taskView.taskView-withCommentSearch .commentListPanel__filter__search .prenav,
.taskView:not(.taskView-chat) .commentListPanel__filter__search .prenav,
.taskView:not(.taskView-withCommentFilter,.taskView-withCommentSearch) .commentListPanel__filter__search .nav {
	display: none;
}

.taskView:not(.taskView-withCommentSearch,.taskView.taskView-withCommentFilter) .commentListPanel__search__actions,
.taskView.taskView-withCommentSearch .commentListPanel__filter__actions,
.taskView.taskView-withCommentFilter .commentListPanel__filter__actions,
.taskView.taskView-withCommentSearch .commentListPanel__filter__possible,
.taskView.taskView-withCommentFilter .commentListPanel__filter__possible
{
	display: none !important;
}

.commentList__item.commentList__item-bigEmoji .page_content ws-emoji {width: 42px;height: 42px;}

.taskView.taskView-withCommentSearch .commentListPanel__filter > .commentListPanel__filter__type {
	display: none !important;
}

.taskView.taskView-reversed .commentList__item {
	.reply_to_com .reply_to_icon ws-icon { transform: scale(-1, 1); }
	.replies_from .reply_to_icon ws-icon { transform: scale(-1, 1); }
}