.viewsList {
	font: 14px/20px var(--font-base);
	height: 38px;
	padding-left: 8px;
}

.viewsList__item ws-icon {
	width: 16px;
	height: 16px;
	--icon-size: 16px;
	--icon-color: var(--base-txt-tertiary);
}
.viewsList__star ws-icon {
	--icon-size: 12px;
	--icon-color: var(--base-txt-primary);
}
.viewsList__item ws-icon.upd, .headerGeneral .headerGeneral__content .upd-control ws-icon.upd {
	--icon-color: var(--base-txt-btn-c);
}

.viewsList__item:not(.viewsList__item-primary) ws-icon.home {
	display: none
}

.viewsList__item:not(.viewsList__item-star) ws-icon.star {
	display: none
}

.viewsList__item:not(.viewsList__item-updated) ws-icon.upd {
	display: none
}

.viewsList__item-active:hover ws-icon.upd {
	display: none
}
.viewsList__item-updated:not(:hover) ws-btn {
	display: none
}
.viewsList__item-updated ws-btn {
	margin: 0 -2px;
}

.viewsList__item .in {
	padding: 0 4px;
}

.viewsList__item {
	position: relative;
	float: left;
	color: var(--base-txt-secondary);
	padding: 6px 4px 10px;
	margin: 0 2px 0 0;
	white-space: nowrap;
	height: 20px;
	/*-webkit-transition: box-shadow 0.3s ease;*/
	/*transition: box-shadow 0.3s ease;*/
	-webkit-transition: color 0.3s ease;
	transition: color 0.3s ease;
	cursor: pointer;
	max-width: 190px;
}
.viewsList__item:after {
	content: '';
	opacity: 0;
	width: 100%;
	height: 2px;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	background: var(--base-txt-secondary);
	border-radius: 1px;
	position: absolute;
	left: 0;
	bottom: var(--screen-minus-px);
}

.headerGeneral-collapsed .viewsList__item {
	padding: 4px 8px 8px;
}

.viewsList .viewsList__item-more {
	display: none;
}

.viewsList__item-disabled {
	color: var(--base-txt-tertiary);
}

.viewsList__item:hover {
	color: var(--base-txt-max);
	/*box-shadow: 0 -2px var(--base-txt-secondary) inset;*/
}
.viewsList__item:hover:after {
	opacity: 1;
}

.viewsList__item.menu_open {
	color: var(--base-txt-max);
	box-shadow: 0 -2px var(--base-txt-secondary) inset;
}

.viewsList__item.selected {
	/* box-shadow: 0 -2px var(--base-txt-act-major) inset !important; */
	background: var(--base-hlt-g-hover);
}

.viewsList__item.viewsList__item-active, .viewsList__item.viewsList__item-active:hover {
	/* font-weight: 600; */
	text-shadow: -0.03ex 0 0 currentColor, 0.03ex 0 0 currentColor;
	-webkit-text-stroke-width: 0.04ex;
	color: var(--base-txt-primary);
	/*box-shadow: 0 -2px var(--base-txt-alt-dark-major) inset;*/
}

.viewsList__item.viewsList__item-active:after, .viewsList__item.viewsList__item-active:hover:after {
	opacity: 1;
	background: var(--base-txt-primary);
}

.viewsList__item .upd-control, .headerGeneral .headerGeneral__content .upd-control {
	display: none;
}
.viewsList__item.viewsList__item-updated .upd-control, .headerGeneral:has(.viewsList_hidden > .viewsList__item-updated) .headerGeneral__content .upd-control {
	display: inline-flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	height: 20px;
	font-size: 11px;
	padding: 0 2px;
	border-radius: 5px;
	background: none;
	position: relative;
	transition: background-color 0.15s ease;
	transition-delay: 0.1s;
}
.headerGeneral:has(.viewsList_hidden > .viewsList__item-updated) .headerGeneral__content .upd-control {
	height: 24px;
}
.viewsList__item.viewsList__item-updated .upd-control .upd, .headerGeneral .headerGeneral__content .upd-control .upd {
	display: inline-flex;
	opacity: 1;
	transition: opacity 0.3s ease;
	transition-delay: 0.05s;
}
.viewsList__item.viewsList__item-updated .upd-control .upd.upd-hover, .headerGeneral .headerGeneral__content .upd-control .upd.upd-hover {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition-delay: 0.05s;
}
.viewsList__item.viewsList__item-updated.viewsList__item-active:hover .upd-control, .headerGeneral .headerGeneral__content .name .in:hover > .upd-control {
	background: var(--colorize-lbl-green-bg);
}
.viewsList__item.viewsList__item-updated.viewsList__item-active .upd-control:hover .upd.upd-hover , .headerGeneral .headerGeneral__content .name .in:hover > .upd-control .upd.upd-hover {
	opacity: 1;
}

.viewsList__item.viewsList__item-plus .btn.btn-ghost svg {
	fill: var(--base-txt-tertiary);
}
.viewsList__item.viewsList__item-plus:hover .btn.btn-ghost svg {
	fill: var(--base-txt-accent);
}
.viewsList__item.viewsList__item-plus:hover .btn.btn-ghost {
	background: linear-gradient(0, var(--trans) 0%, var(--btn-bg-color-1) 0%), linear-gradient(0, var(--trans) 0%, var(--btn-bg-color-0) 0%);
}

.viewsList__item input {
	height: 20px;
	width: 120px;
	box-sizing: border-box;
	font: 14px/20px var(--font-base);
}

.viewsList__item input:focus {
	box-shadow: var(--shadow-brd-focus);
	border-color: var(--inp-hlt-focus);
}

.headerGeneral {
	flex-shrink: 0;
	height: 86px;
	padding: 6px 0 0 8px;
	background: var(--base-cont-top);
	box-shadow: 0 -0.5px var(--base-line-tertiary) inset;
}

.headerGeneral-collapsed {
	height: 64px;
	padding: 0 0 0 8px;
}

.headerGeneral__center {
	overflow: hidden;
}

.headerGeneral__right {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	padding: 0 8px 0 32px;
}

.headerGeneral__right .users {
	height: 38px;
	padding: 0 4px;
}
@media screen and (max-width:480px) {
	.headerGeneral__right {
		padding-top: 3px;
	}
	.headerGeneral__right .users {
		display: none;
	}
	.headerGeneral {
		align-items: flex-start !important
	}
	.headerGeneral .viewsList {
		position: absolute;
		width: calc(100% - 24px);
		padding-right: 16px;
		overflow: hidden;
		overflow-x: auto;
	}
	.headerGeneral .viewsList::-webkit-scrollbar:horizontal {
		height: 0;
	}
	.headerGeneral .name .in {
		/* width: 65%; */
	}
}

.headerGeneral__content {
	height: 48px;
	padding-left: 8px;
}
.headerGeneral-collapsed .headerGeneral__content {
	height: 32px;
	margin: 0;
	padding: 8px 0 0;
	box-sizing: border-box;
}
.headerGeneral-simple .headerGeneral__content {
	padding-top: 0;
}
.headerGeneral__content .project-name {
	display: inline-flex;
	border-radius: 6px;
	transition: background 0.3s ease;
	justify-content: flex-start;
	overflow: hidden;
	max-width: 100%;
}
.headerGeneral__content .project-name[onclick] {
	cursor: pointer;
}
.headerGeneral__content .project-name[onclick]:hover {
	background: var(--base-cont-trans-low);
}
.headerGeneral .viewsList_hidden {
	display: none;
}
.headerGeneral .name .in {
	font: var(--font-ui-22-title-1-semi);
	padding: 0 4px;
}

.headerGeneral-collapsed .name .in {
	font: var(--font-ui-16-title-3-semi);
	flex-shrink: 1;
}
.headerGeneral-collapsed .name .in .gray {
	color: var(--base-txt-tertiary)
}

.headerGeneral-collapsed .headerGeneral__center {
	padding-left: 52px; /* 36px + 8px * 2 */
	position: relative;
}
.headerGeneral-simple .headerGeneral__center {
	padding-left: 44px;
}

.headerGeneral__content > .in {
	padding: 4px 0 0 0;
}
.headerGeneral-collapsed .headerGeneral__content > .in {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	justify-content: flex-end;
	gap: 12px;
}
.headerGeneral-collapsed .headerGeneral__content > .in .tree {
}
.headerGeneral-collapsed .headerGeneral__content > .in .name {
}

.headerGeneral-collapsed .headerGeneral__content > .in .tree .topic > span {
	max-width: 20vw;
}
.headerGeneral-collapsed:not(:hover) .headerGeneral__content > .in .tree:has(.topic-empty:not(.modal_open)) {
	display: none;
}

@media (max-width: 900px) {
	.headerGeneral-collapsed .headerGeneral__content > .in .tree {
		display: none;
	}
}

.headerGeneral .name .space {
	width: 28px;
	text-align: center
}

.headerGeneral .tree {
	height: 16px;
}

.headerGeneral .tree project-tags ws-icon.tag, .headerGeneral .tree project-stage ws-icon.tag {
	width: 16px;
	height: 16px;
	--icon-size: 16px;
}

.headerGeneral .tree .tags {
	padding: 0 4px 0 4px;
	height: 16px;
	display: none;
}
.headerGeneral .tree .tags:has(span.tag) {
	display: block;
}
.headerGeneral .topic {
	display: flex;
	min-width: 0;
	flex-shrink: 1;
	box-sizing: border-box;
	padding: 0 4px;
	border-radius: 6px;
	cursor: pointer;
	font: var(--font-ui-11-micro-reg);
	color: var(--base-txt-secondary);
}
.headerGeneral .topic > span {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.headerGeneral .topic ws-icon {
	display: none;
	width: 16px;
	height: 16px;
}
.headerGeneral .topic svg {
	fill: var(--base-txt-secondary);
}
.headerGeneral .topic:hover {
	background: var(--base-cont-trans-low);
}

.headerGeneral .topic.topic-empty ws-icon {
	display: inline-flex;
}


.headerGeneral .logo {
	padding: 6px 8px 2px 0;
}
.headerGeneral-collapsed .logo {
	position: absolute;
	left: 0;
	top: 0;
	padding: 14px 8px 14px;
}

.headerGeneral .logo .proj_color {
	width: 40px;
	height: 40px;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	/*box-shadow: 0 0 0 20px var(--white-tertiary) inset;*/
}

.headerGeneral-collapsed .logo .proj_color {
	width: 36px;
	height: 36px;
}

.headerGeneral .logo ws-icon {
	width: 32px;
	height: 32px;
	--icon-size: 32px;
}
.headerGeneral .logo-symbol {
	box-shadow: var(--shadow-cont-major-lineonly-inside);
	border-radius: 4px;
	padding: 8px 4px;
	margin: 8px 4px;
}
.headerGeneral .logo-symbol ws-icon {
	--icon-size: 16px;
	width: 24px;
	height: 32px;
}

.headerGeneral__search {
	display: flex;
	flex-direction: row;
	gap: 12px;
	height: 32px;
	width: 135px;
}

.headerGeneral__search .in {
	display: flex;
	background: var(--base-cont-top);
	padding: 0 6px;
	box-shadow: var(--shadow-brd-enable);
	border-radius: 16px;
	height: 32px;
}

.headerGeneral__search .in:focus-within {
	box-shadow: var(--shadow-brd-focus);
}

.headerGeneral__search .in:not(.search_started) a.delete {
	display: none
}

.headerGeneral__search .in svg {
}

.headerGeneral__search .in a.delete:hover {
	background: var(--base-cont-trans-low);
	border-radius: 12px;
	padding: 1px
}

.headerGeneral__search input {
	border: none;
	background: transparent;
	box-sizing: border-box;
	padding: 0 6px;
	height: 20px;
	width: 100%;
	font: 14px/20px var(--font-sidebar);
}

.headerGeneral__search input::placeholder {
	opacity: 1;
	font: 13px/20px var(--font-sidebar);
}

.headerGeneral__search input::-webkit-input-placeholder {
	opacity: 1;
	font: 13px/20px var(--font-sidebar);
}

.headerGeneral__buttons {
	height: 48px;
	gap: 6px;
	padding: 0 4px;
}

.headerGeneral__buttons {
	--icon-color: var(--base-txt-tertiary);
}

.headerGeneral__button {
	--icon-color: var(--base-txt-tertiary);
	display: flex;
	align-items: center;
	box-shadow: var(--shadow-brd-enable);
	border-radius: 20px;
	box-sizing: border-box;
	height: 32px;
	justify-content: center;
	padding: 0 4px;
	min-width: 32px;
}
.headerGeneral__button:is(:hover, .selected) {
	box-shadow: var(--shadow-brd-enable-hover);
}
.headerGeneral__button ws-icon {
	height: 24px;
	min-width: 23px;
}
.headerGeneral__button .cnt,
.headerGeneral__button > .in {
	font: var(--font-ui-11-micro-reg);
	color: var(--base-txt-secondary);
	margin: 0;
	padding: 0 4px 0 0;
	background: unset;
	min-width: 12px;
	text-align: center;
}

.headerGeneral__button-activity.activity__hot,
.headerGeneral__button-activity.activity__today {
	--icon-color: var(--base-btn-notice-minor);
}
.headerGeneral__button-activity.activity__hot {
	--icon-color: var(--base-btn-notice-major);
}
.headerGeneral__button-activity.activity__warm,
.headerGeneral__button-activity.activity__yesterday {
	--icon-color: var(--lbl-yesterday-major);
}
.headerGeneral__button-activity.activity__hot ws-icon,
.headerGeneral__button-activity.activity__today ws-icon {
	background: radial-gradient(50% 50% at 50% 50%, color-mix(in srgb, var(--lbl-today-major) 15%, transparent) 32%, rgba(0, 255, 0, 0) 100%);
}
.headerGeneral__button-activity.activity__yesterday ws-icon {
	background: radial-gradient(50% 50% at 50% 50%, color-mix(in srgb, var(--lbl-yesterday-major) 15%, transparent) 32%, rgba(0, 255, 0, 0) 100%);
}

@media screen and (min-width: 481px) {
	.headerGeneral__button.headerGeneral__button-chat:has(task-unseen .has_mention) {
		background: var(--base-txt-btn-w);
		--icon-color: var(--white-accent);
	}

	.headerGeneral__button.headerGeneral__button-chat > ws-icon svg use:last-child,
	.headerGeneral__button.headerGeneral__button-chat:has(task-unseen .has_mention) > ws-icon svg use:first-child {
		display: none;
	}
	.headerGeneral__button.headerGeneral__button-chat:has(task-unseen .has_mention) > ws-icon svg use:last-child {
		display: block;
	}
	.headerGeneral__button.headerGeneral__button-chat:has(task-unseen .has_mention) task-unseen .has_mention {
		color: var(--white-accent) !important;
	}
}

#dashboard-widgets.headerGeneral__button {
	--icon-color: var(--base-txt-tertiary);
}

.headerGeneral-collapsed .headerGeneral__button {
	height: 28px;
}

.headerGeneral__buttons .but {
	width: 28px;
	height: 28px;
	text-align: center;
	box-shadow: var(--shadow-brd-enable);
	border-radius: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	margin: 2px;
	position: relative;
}

.headerGeneral__buttons .but_expand, .headerGeneral__buttons .but_widget {
	width: 32px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.headerGeneral__buttons .but_expand:hover, .headerGeneral__buttons .but_widget:hover {
	border-radius: 16px;
	background: var(--base-hlt-g-hover);
}

.headerGeneral__buttons .space {
}

.headerGeneral__buttons .but_search {
	width: 44px;
}

.headerGeneral:not(.headerGeneral-collapsed) .headerGeneral__buttons .but_search {
	display: none;
}

.headerGeneral-withSearch .headerGeneral__buttons .but_search {
	display: none;
}

.headerGeneral-collapsed:not(.headerGeneral-withSearch) .headerGeneral__search {
	display: none;
}

.headerGeneral__buttons .but_plus {
	background: var(--gradient-btn-primary);
	box-shadow: none
}

.headerGeneral__buttons .but_plus svg {
	fill: var(--white-primary)
}

.headerGeneral:not(.headerGeneral-collapsed) .headerGeneral__buttons .but_expand use:last-child {
	display: none
}

.headerGeneral-collapsed .headerGeneral__buttons .but_expand use:first-child {
	display: none
}

.headerGeneral-collapsed .headerGeneral__buttons .but_expand,
.headerGeneral-collapsed .headerGeneral__buttons .but_widget {
	width: 28px;
	height: 28px;
}

.headerGeneral-collapsed .users {
	display: none
}

.headerGeneral-collapsed .headerGeneral__center {
	flex-direction: column;
	flex-wrap: nowrap;
	display: flex;
	/* align-items: flex-end; */
	/* overflow: hidden; */
	height: 64px;
	justify-content: center;
}

.headerGeneral-collapsed:not(.headerGeneral-task) .headerGeneral__content .name {

}

.headerGeneral-collapsed:not(.headerGeneral-task) .headerGeneral__content .name .av_nm {
	transform:scale(0.75);
	margin:-6px 6px -6px -6px;
	border-radius:12px
}

.headerGeneral-collapsed .viewsList {
	flex-shrink: 1;
	flex-grow: 1;
	overflow: hidden;
	height: 32px;
	padding-left: 0;
}
.headerGeneral-collapsed .viewsList > .viewsList__item. hidden {
	display: none;
}

.headerGeneral__content .space {
	width: 32px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.headerGeneral__content .space ws-icon, .headerGeneral__content .space svg {
	width: 20px;
	height: 20px;
}

.headerGeneral__content .space .priorb {
	font: 18px/20px var(--font-base);
	padding: 2px;
	margin: 0;
}

.headerGeneral .componentTeamAvatars .av_sm {
	margin: 0;
}
.taskView-chat .componentTeamAvatars .cnt_over,
.headerGeneral .componentTeamAvatars .cnt_over {
	inset: unset;
	top: 0;
	right: 0;
	font-size: 0;
	border-radius: 50%;
	width: 4px;
	height: 4px;
	min-width: unset;
	box-sizing: border-box;
	box-shadow: 0 0 0 2px var(--base-cont-mid);
	background-color: var(--base-txt-alert-major);
}

.headerGeneral .project-name .in {
	padding: 0 0 0 4px;
}
.headerGeneral-collapsed .project-name .in {
	padding: 0 4px;
}
.headerGeneral .project-name .space {
	width: 28px;
	height: 28px;
}
.headerGeneral-collapsed .project-name .space {
	display: none;
	width: 24px;
	height: 24px;
}

.headerGeneral .logo-symbol {
	display: none;
}
.headerGeneral-simple .headerGeneral__center {
	padding-left: 8px;
}
.headerGeneral__content.flex_row:has(+ .viewsList) {
	align-items: end;
}

.viewsList__menu-footer {
	font: var(--font-ui-12-mini-reg);
	color: var(--base-txt-secondary);
	text-wrap-style: balance;
	text-align: center;
}

.viewsList-recalc {
	/* visibility: hidden; */
}

.menu__item-view:not(.menu__item-view-updated) ws-icon.upd {
	display: none
}

.viewsList__star {
}

.viewsList__item.viewsList__item-updated .viewsList__star {
	display: none;
}

.menu__item-view span.space-star {
	width: 12px;
}
.menu__item-view span.space-star ws-icon {
	--icon-size:12px;
}
.menu__item-view.menu__item-view-updated .space-star {
	display: none;
}

@media screen and (max-width: 480px) {
	.headerGeneral {
		padding: 0;
		height: var(--mobile-head-height);
		background: var(--mobile-head-bg-color);
		box-shadow: var(--hairline-bottom);
		z-index: 1;
		&:has(.viewsList:not(.viewsList_hidden)) {
			height: calc(var(--mobile-head-height) + 38px);
		}
		&:has(.viewsList_hidden > .viewsList__item-updated) .mobile-head__dropdown ws-icon[name="arrows/chevron-down"] {
			display: none;
		}
		.headerGeneral__center {
			padding-left: 0;
		}
		.but_widget {
			display: none; /* Lush: Кнопку прибираємо. Як на десктопі налаштував так буде і на мобілі */
		}
		.primaryMenuButton__wrapper.space.space {
			margin: 0;
			width: 44px;
			height: 44px;
			padding-left: 4px;
			.btn {
				width: 36px;
				height: 36px;
				padding: 0;
				ws-icon {
					--icon-size: var(--mobile-head-left-icon-size);
					width: var(--mobile-head-left-icon-size);
					height: var(--mobile-head-left-icon-size);
					svg {
						fill: var(--mobile-head-left-icon-color);
					}
				}
			}
		}
		.logo {
			padding: 0;
			height: 44px;
			width: 44px;
			display: flex;
			align-items: center;
			justify-content: center;
			.proj_color {
				width: 36px;
				height: 36px;
			}
		}
		.topic {
			font: var(--font-ui-10-nano-reg);
		}
		.project-name .space {
			width: 20px;
			height: 20px;
		}
		.name {
			box-sizing: border-box;
			padding-right: 4px;
			gap: 2px;
			.in {
				padding-left: 2px;
				font: var(--font-ui-16-title-3-bold);
			}
		}
		.viewsList {
			left: 0;
			margin: 0;
			width: 100%;
			box-sizing: border-box;
		}
	}
	.headerGeneral__content {
		height: var(--mobile-head-height);
		padding: 0;
		&> .in {
			padding: 0;
		}
	}
	.headerGeneral__right {
		padding: 0 4px 0 8px;
	}
	.headerGeneral__buttons {
		height: 44px;
		padding: 0;
		gap: 0;
	}
	.headerGeneral__button {
		width: 44px;
		height: 44px;
		flex-direction: column;
		justify-content: center;
		box-shadow: unset;
		border-radius: 50%;
		padding: 0;
		&:is(:hover, .selected) {
			box-shadow: unset;
		}
		&> ws-icon {
			width: 24px;
			height: 24px;
			margin-bottom: -4px;
		}
		.cnt {
			padding: 0;
			font: var(--font-ui-10-nano-reg);
		}
	}
	.headerGeneral__button-chat {
		&:not(.headerGeneral__button-chatMuted):has(task-unseen .cnt_new) > ws-icon {
			--icon-color: var(--base-txt-btn-a);
			background: radial-gradient(56.25% 56.25% at 50% 50%, var(--base-hlt-hover) 32%, rgba(255, 255, 255, 0.00) 100%);
		}
		&:has(task-unseen .has_mention) > ws-icon {
			--icon-color: var(--base-txt-btn-w);
			background: radial-gradient(56.25% 56.25% at 50% 50%, var(--base-hlt-w-hover) 32%, rgba(255, 255, 255, 0.00) 100%);
		}
		.has_mention {
			display: flex;
			ws-icon {
				--icon-color: var(--base-txt-btn-flip);
				--icon-size: 10px;
				min-width: unset;
				width: 14px;
				height: 14px;
				border-radius: 8px;
				box-shadow: 0 0 0 1px var(--base-cont-top);
				background: var(--base-txt-btn-w);
				z-index: 1;
			}
			.space-ava {
				margin-left: -4px;
				width: 14px;
				height: 14px;
				.av_sm {
					transform: scale(0.583333); /* 24px -> 14px */
					transform-origin: top left;
				}
			}
		}
	}

	.headerGeneral-simple {
		.logo {
			display: none;
		}
		.headerGeneral__right {
			padding-left: 0;
		}
		.headerGeneral__center {
			padding: 0;
		}
		.headerGeneral__content > .in {
			display: flex;
		}
		.name {
			padding: 0 4px;
			border-radius: 6px;
			&[onclick] {
				cursor: pointer;
			}
			&.menu_open {
				background: var(--base-cont-trans-low);
			}
			.in {
				font: var(--font-ui-18-title-2-bold);
				padding: 0;
			}
		}
	}
}