.projectView {
	margin-top: 0 !important;
	height: 630px;
	--scrollbar-margin-start: 2;
	--scrollbar-margin-end: 10;
}
.projectView[data-status="0"] {
	height: 540px;
}
.modal__content:has(> .project_archive_line) .modal__content__cap {
	height: 540px;
}
.modal__content:has(> .projectView) .modal__content__cap {
	height: 630px;
}
div.projectView::-webkit-scrollbar-thumb {
	border-color: var(--base-cont-mod-low);
}
.projectView > * {
	flex-shrink: 0;
	flex-grow: 0;
}
.projectView > .membersList {
	padding-bottom: 4px;
}
.projectView__group__content.scrollZone .ps__rail-y,
.projectView.scrollZone .ps__rail-y {
	margin-top: 0 !important;
}
.projectView .projectView__group-task {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: calc(100% / 3 - 8px);
}

.projectView__content {
	background: var(--base-cont-mod-low);
	padding: 18px 28px 28px 28px;
	gap: 16px;
	height: calc(100% - 46px);
}

.projectView__head {
}

.projectView__head ~ .projectView__head {
	margin-top: -8px;
}

.projectView__head .space, .projectView__head ws-icon {
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 20px;
}

.projectView__head .space:hover {
	background: var(--base-hlt-b-notr-hover);
}

.projectView__head .space:hover:active {
	background: var(--base-hlt-b-notr-selected);
}

.projectView__group {
	box-shadow: var(--shadow-cont-minor-outline);
	border-radius: 12px;
	padding: 8px 16px;
	background: var(--base-cont-mod-top);
}
.projectView__group__content .editinfo,
.projectView__group__wrapper.projectView__group-info {
	gap: 4px;
	font: var(--font-ui-11-micro-reg);
	color: var(--base-txt-tertiary);
	margin-top: auto;
}
.projectView__group__wrapper.projectView__group-info { padding-bottom: 28px; }
.projectView__group__content .editinfo { padding: 0 20px 12px 20px; }

.projectView[data-type="info"] .projectView__content {
	padding-bottom: 0;
	height: calc(100% - 18px);
}

.projectView__params {
	padding: 12px 12px 12px 16px;
}

.projectView__params__item {
	min-height: 36px;
}

.projectView__params__item > .in {
	min-height: 32px;
}

.projectView__params__item > .in > a[onclick], .projectView__params__item > .in > a[data-modal-url] {
	width: 100%;
	display: inline-block;
}

.projectView__params__item .param {
	width: 160px;
	color: var(--base-txt-secondary);
	padding: 10px 4px;
	font: var(--font-sp-caption-11-micro-upper-med);
	text-transform: uppercase;
	align-self: flex-start;
}
.projectView__params__item:not([data-key=lead]) .param svg {
	fill: var(--base-btn-notice-minor);
	margin: 0;
}
.projectView__params__item .hoverZone:has(a):hover,
.projectView__params__item .hoverZone-hover {
	background: var(--base-hlt-g-easy);
	border-radius: 6px;
}
.projectView__params__item .hoverZone:has(a.primary):hover {
	cursor: pointer;
}
.projectView__params__item .hoverZone:not(:hover) .hoverOnly {
	display: none;
}
.projectView__params__item[data-key=lead] .param > ws-icon {
	padding-left: 4px;
	--icon-color: var(--base-txt-act-minor);
	--icon-size: 16px;
}
.projectView__group[onclick] {
	cursor: pointer;
}

.projectView__params__item project-assignee img.av_sm, .projectView__params__item project-assignee span.av_sm {
	transform: scale(1.167);
	transform-origin: left top;
}

.projectView__params__item .data {
	font: var(--font-ui-13-small-med);
	color: var(--base-txt-primary);
	border-radius: 4px;
	padding: 2px 6px;
	display: inline-flex;
	align-items: center;
	align-content: center;
	width: 100%;
	gap: inherit;
	flex-wrap: wrap;
}

.projectView__params__item .data_place {
	font: var(--font-ui-13-small-med);
	color: var(--base-txt-tertiary);
	border-radius: 4px;
	padding: 2px 6px;
	display: flex;
	align-content: center;
	align-items: center;
	overflow: hidden;
}

.projectView__params__item .data .space,
.projectView__params__item .data_place .space,
.projectView__params__item .data ws-icon,
.projectView__params__item .data_place ws-icon {
	width: 28px;
	height: 28px;
	box-sizing: border-box;
	border-radius: 14px
}
.projectView__params__item .data_place ws-icon:last-child {
	--icon-color: var(--base-txt-secondary);
}

.projectView__params__item .data .space {
	display: flex;
	align-items: center;
	justify-content: center;
}
.projectView__params__item project-assignee,
.projectView__params__item project-folder {
	width: 100%;
}
.projectView__params__item > .hoverZone project-assignee .view {
	display: none;
}
.projectView__params__item > .hoverZone:hover project-assignee .view {
	display: inline;
}
.projectView__params__item project-assignee ws-icon[name=people] {
	background: var(--base-cont-mod-low);
}

.projectView__params__item .data ws-icon:first-child,
.projectView__params__item .data_place ws-icon:first-child {
	--icon-size: 16px;
}
.projectView__params__item project-stage .data > ws-icon:first-child {
	--icon-size: 28px;
}
.projectView__params__item project-folder .data > ws-icon:first-child {
	--icon-size: 20px;
}

.projectView__params__item .data_place > .in, .projectView__params__item .data > .in {
	padding: 0 8px;
	gap: 4px;
}
.projectView__params__item .data_place > .in {
	color: var(--base-txt-secondary)
}

.projectView__params__item .data > ws-icon {
}

.projectView__params__item .data > .space ws-icon, .projectView__params__item .data > .space svg {
	width: 28px;
	height: 28px;
}

.projectView__params__item .data > .in b {
	font-weight: normal;
	color: var(--base-txt-primary);
}

.projectView__params__item .data:hover, .projectView__params__item .data_place:hover {
}

.projectView__params__item.upgrade a .data_place .in {
	color: var(--base-txt-notice-major);
}
.projectView__params__item.upgrade a .data_place > ws-icon:first-child {
	border-color: var(--base-txt-notice-major);
}
.projectView__params__item.upgrade a .data_place > ws-icon:first-child svg {
	fill: var(--base-txt-notice-major);
}

.projectView__params__item project-tags, .projectView__params__item project-stage {
	font: 12px/22px var(--font-base);
	color: var(--base-txt-primary);
}
.projectView__params__item project-tags .data {
	gap: 4px;
	padding: 4px 6px;
}
.projectView__params__item project-tags span.tag,
.projectView__params__item project-stage span.tag {
	background: var(--tag-bg);
	color: var(--colorize-lbl-txt-primary);
	border-radius: 14px;
	height: 20px;
	font: 11px / 20px var(--font-base);
	display: flex;
	align-items: center;
	padding: 0 4px 0 0;
}

.projectView__params__item project-tags span.tag:before,
.projectView__params__item project-stage span.tag:before {
	content: '';
	float: left;
	width: 10px;
	height: 10px;
	background: var(--tag-color);
	border-radius: 5px;
	margin: 5px
}

.projectView__params__item project-tags span.tag .in, .projectView__params__item project-stage span.tag .in {
	padding: 0 2px;
}

.projectView__params__item project-tags > span.stage, .projectView__params__item project-stage > span.stage {
	border-radius: 4px;
}
.projectView__params__item [onclick] {
	cursor: pointer;
}

.projectView__group .proj_color {
	width: 48px;
	height: 48px;
	box-shadow: -1px 0 var(--base-line-ghost) inset;
	border-radius: 12px 0 0 12px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.projectView__group .proj_color0 {
	background: var(--base-cont-mod-mid);
}

.projectView__group .proj_color ws-icon {
	width: 48px;
	height: 48px;
}

.projectView__group .proj_color svg {
	width: 32px;
	height: 32px;
}

.projectView__group .setupBlock {
	margin: 8px 0;
}

.projectView__group__head > .in {
	color: var(--base-txt-primary);
	font: var(--font-ui-14-regular-bold);
}

.projectView__group-name {
	padding: 0 8px 0 0;
	height: 48px;
}
.projectView__group-topic {
	padding: 8px;
}
.projectView__group-topic .projectView__group__head {
	padding-left: 8px;
}
.projectView__group-topic .projectView__group__content {
	padding: 0 24px 12px 8px;
}

.projectView__group-name > .in {
	font: bold 16px/20px var(--font-base);
	padding: 0 12px;
}

.projectView__group__head > ws-icon {
	width: 32px;
	height: 32px;
	margin: 0 0 0 -10px;
}

.projectView__group-name .button_place {
	display: block;
	height: 100%;
	box-sizing: border-box;
	padding-top: 8px;
}
.projectView__group__head .button_place {
	display: block;
	height: 100%;
	box-sizing: border-box;
	padding-top: 0;
}

.projectView__group-users {
	padding: 8px 8px 8px 16px;
}
.projectView__group-users .projectView__group__content {
	padding: 0;
}

.projectView__group-users .projectView__group__content {
	gap: 8px;
}
.projectView__group-users .projectView__group__content .stats {
	padding: 6px 0;
	color: var(--base-txt-tertiary);
}
.projectView__group-costs,
.projectView__group-tasks,
.projectView__group-costs .projectView__group__content,
.projectView__group-tasks .projectView__group__content {
	padding: 0;
}
.projectView__group__wrapper {
	gap: 16px;
	display: flex;
}
@media (max-width: 480px) {
	.projectView__group__wrapper-bars {
		display: flex;
		flex-direction: column;
	}
}
@media (min-width: 481px) {
	.projectView__group__wrapper .projectView__group {
		flex-grow: 1;
		width: 33%;
	}
	.projectView__group__wrapper .projectView__group-costs {
		flex-grow: 2;
		width: 66%;
	}
}
.projectView__group .page_content.descr {
	font: var(--font-txt-15-large-reg);
	color: var(--base-txt-primary);
	padding: 12px 20px 24px 20px;
}
.projectView__group .page_content.descr span[style*="background"]{
	border-radius: 6px;
}
.projectView__group-editing {
	padding: 0;
	border: none;
}
.projectView__content.projectNote {
	gap: 8px;
	padding-bottom: 18px;
	height: 580px;
}
.projectView__content.projectNote .componentTeamAvatars span {
	cursor: default;
}

/*.projectView:not(.projectView-chat) .projectView__content.projectDescr {*/
/*	height: 580px;*/
/*}*/
.projectView-chat .projectView__content.projectDescr {
	padding:0
}
.projectView-chat .projectView__content.projectDescr .projectView__group__head > .in {
	padding-left: 8px;
}

.projectView-chat .projectView__content.projectDescr .projectView__group__content {
	min-height:20px;
	padding: 10px 20px;
}

.projectView .privateNote {
	color: var(--base-txt-tertiary);
}
.projectView .adminNote {
	background: var(--base-cont-mod-low);
	color: var(--base-txt-tertiary);
	padding-bottom: 18px;
}

.note.adminNote {
}
.projectView .projectNote-user .note {
	height: 100%;
}
body.w_keyboard .projectView .projectNote-admin .note {
	height: 100% !important;
}
.projectView .note {
	height: calc(50% - 14px);
	min-height: 120px;
}
.projectView .note .note-title {
	padding: 10px 4px;
	color: var(--base-txt-primary);
	font: 600 15px/20px var(--font-base);
	display: flex;
	flex-direction: row;
}
.projectView .note .note-content {
	height: calc(100% - 50px);
	border-radius: 12px;
	overflow: hidden;
	box-shadow: var(--shadow-cont-minor-outline);
	background: var(--base-cont-mod-top);
}
.projectView .note .note-content:focus-within {
	box-shadow: var(--shadow-brd-focus);
}
.projectView .note .note-title span.loader_sm {
	width: 8px;
	height: 8px;
	position: absolute;
	margin-left: 12px;
}
.projectView .note .note-title .loader {
	margin: 0 3px 0 7px; /* 7px = 4px[hint icon margin-left] + (16px[hint icon size] - 10px[loader size]) / 2 */
	display: none;
}
.projectView .note .note-title ws-icon {
	margin-left: 4px;
}
.projectView .note .note-title ws-icon svg {
	width: 16px;
	fill: var(--base-txt-tertiary);
}
.projectView .note textarea {
	cursor: auto;
	margin: 16px 2px 16px 14px;
	padding: 0 10px 0;
	border: none;
	width: calc(100% - 16px);
	resize: none;
	box-sizing: border-box;
	color: var(--base-txt-primary);
	height: calc(100% - 28px);
	border-radius: 12px;
	background: var(--base-cont-mod-top);
	overflow-y: scroll;
	overflow-x: hidden;
	font: 15px/22px var(--font-base);
}
.projectView .note textarea::placeholder {
	white-space: normal;
}
.projectView .note .loader_sm {
	display: none;
}
.projectView .note textarea::-webkit-resizer {
	background: transparent;
	display: none;
	width: 0;
	height: 0;
}
.projectView .note textarea::-moz-placeholder {
	font: 400 15px/22px var(--font-base);
}
.projectView .note textarea::-webkit-input-placeholder {
	font: 400 15px/22px var(--font-base);
}

.projectView .drag_line {
	height: 12px;
	text-align: center;
	cursor: ns-resize;
}
.projectView .drag_line ws-icon {
	height: 8px;
}
.projectView .drag_line ws-icon svg {
	fill: var(--base-txt-secondary);
}
.projectView .setupBlock {
	box-shadow: none;
	border: none;
}

.projectView .setupBlock__item {
	min-height: 32px;
	padding-left: 2px;
}
.projectView .setupBlock__content {
	padding: 4px 0 0 0;
}
.projectView .setupBlock__title {
	padding: 2px 0 2px 4px;
}
.projectView .setupBlock__title .in {
	padding: 4px 12px;
}
.projectView .setupBlock__title ws-icon,
.projectView .setupBlock__title ws-icon svg {
	width: 24px;
	height: 24px;
}
.projectView .setupBlock__title .in {
	font: 600 15px/20px var(--font-base);
}
.projectView .projectPermissions {
	padding-bottom: 22px;
}
.projectView .projectPermissions .projectView__group:hover .setupBlock__title .button_place {
	display: block;
}
.projectView .projectPermissions .setupBlock__title .button_place {
}
.projectView .projectPermissions .setupBlock__title .button_place .in {
	font: 600 13px/20px var(--font-base);
}

.projectView__content.projectNote,
.projectView__content.projectDescr {
	flex-grow: 1;
	flex-shrink: 1;
	overflow: hidden;
}
.projectDescr.projectDescr-editing .projectView__group-info {
	display: none;
}
.projectDescr .projectView__group {
	padding: 0;
	flex-grow: 1;
	flex-shrink: 1;
	position: relative;
	overflow: hidden;
}
.projectDescr .projectView__group__head {
	justify-content: space-between;
	padding: 8px;
	border-bottom: 1px solid var(--base-line-tertiary);
}
.projectDescr.projectDescr-editing .projectView__group__head {
	background: var(--base-cont-mod-top);
}
.projectView__group__contentEdit form, .projectView__group__contentEdit .commentForm__content {
	height: 100%;
}
.projectDescr .projectView__group__contentEdit {
	flex-shrink: 1;
	height: 100%;
	overflow: hidden;
}
.projectDescr .projectView__group__contentEdit .commentForm__content {
	display: flex;
	flex-direction: column;
	box-shadow: none;
	border: none;
	background: var(--base-cont-mod-top);
}
.projectDescr .editor .placeholder {
	padding-top: 10px;
	padding-bottom: 10px;
}
/* розтягуємо, щоб клік в будь якому місці редактора ставив фокус */
.projectDescr .projectView__group__contentEdit .commentForm__content__editor  {
	flex-grow: 1;
	.editor__data {
		height: calc(100% - 40px);
		box-sizing: border-box;
		@media (max-width: 480px) {
			height: calc(100% - 46px);
		}
	}
}
.projectDescr .files_new .fileItem,
.projectDescr .attachWrapper .fileItem {
	background: var(--base-cont-mod-top-elevated);
}
.projectDescr .projectView__group__contentEdit .editor__toolbar-fixed {
	background: linear-gradient(0deg, var(--base-cont-mod-top-opac), var(--base-cont-mod-top));
	border-radius: 0;
}
.projectDescr .projectView__group__content .page_files {
	border-top: 1px solid var(--base-line-tertiary);
	padding: 12px 20px;
}
.projectDescr .projectView__btn-edit {
	margin-left: auto;
}
.projectDescr .projectView__btn-files-hide {
	display: none;
}
@media screen and (max-height: 769px) {
	.projectNote .drag_line {
		opacity: 0; pointer-events: none;
	}
	.projectDescr .projectView__group__wrapper.projectView__group-info {
		display: none;
	}
}
.projectSettings-labels .projectSettings__item:last-child,
.projectSettings-workflow .projectSettings__item:last-child {
	margin-bottom: 8px;
}
.projectSettings .projectSettings-workflow, .projectSettings .projectSettings-labels {
	display: flex;
	flex-direction: column;
}
.projectSettings .projectSettings-workflow a {
}
.projectSettings__item + .projectSettings__item {
	margin-top: 4px;
}
.projectSettings.projectSettings-edit .projectSettings-workflow .projectSettings__item {
	cursor: pointer;
}
.projectSettings__title {
	font: var(--font-ui-18-title-2-semi);
	color: var(--base-txt-accent);
}
.projectSettings__block {
	padding: 8px 0;
	gap: 8px;
}
.projectSettings__block + div {
	margin-top: 8px;
}
.projectSettings__block > .in {
	gap: 8px;
}
.projectSettings__button {
	padding: 4px 12px;
	border-radius: 6px;
	color: var(--base-txt-secondary);
	box-shadow: 0 0 0 1px var(--base-line-secondary);
	transition: all 0.3s ease;
	gap: 6px;
	font: 600 12px/20px var(--font-base);
	cursor: pointer;
	background: var(--base-cont-mod-top);
}
.projectSettings__button svg {
	fill: var(--base-txt-secondary);
}
.projectSettings__button:hover {
	color: var(--base-txt-accent);
	box-shadow: 0 0 0 1px var(--base-line-accent);
}
.projectSettings__item {
	padding: 0 8px 0 12px;
	border-radius: 12px;
	background: var(--base-cont-mod-top);
	box-shadow: var(--shadow-cont-minor-outline);
	gap: 4px;
	height: 44px;
}
.projectSettings__item > .item {
	gap: 4px;
	height: 44px;
	flex-grow: 1;
	flex-shrink: 1;
	overflow: hidden;
}
.projectSettings__item-stage_type {
	height: unset;
	background: unset;
	box-shadow: unset;
}
.projectSettings__item-small {
	width: 182px;
	--icon-color: var(
	--base-txt-tertiary);
	color: var(--base-txt-secondary)
}
.projectSettings__item-small ws-icon {
	width: 24px;
}

.projectSettings__item.projectSettings__item-name {
	padding-left: 0;
	color: var(--base-txt-muted);
}
.projectSettings .setupBlock {
	background: none;
	margin: 0;
	padding: 10px 0 32px;
}
.projectSettings .setupBlock .setupBlock__item .in {
	flex-grow: 0;
}
.projectSettings .setupBlock .setupBlock__item ws-icon[name=info_circle-line] svg {
	fill: var(--base-txt-tertiary);
}
.projectSettings__item .labels {
	gap: 4px;
	overflow: hidden;
	flex-shrink: 1;
	border-radius: 6px;
	padding: 2px;
}
.projectSettings__item .labels[onclick] {
	cursor: pointer;
}
.projectSettings__item .labels[onclick]:hover {
	background: var(--base-hlt-g-easy);
}
.projectSettings__item-groupHidden .item > ws-icon:first-child,
.projectSettings__item-groupHidden .item > .name > ws-icon:last-child {
	--icon-color: var(--base-txt-alert-major);
}
.projectSettings__item .labels .tag {
	background: var(--tag-bg);
	color: var(--colorize-lbl-txt-primary);
	border-radius: 14px;
	height: 20px;
	font: 11px / 20px var(--font-base);
	display: flex;
	align-items: center;
	padding: 0 6px 0 2px;
	margin: 2px 0;
}
.projectSettings__item .labels + .tag-more {
	background: var(--tag-bg);
	color: var(--colorize-lbl-txt-primary);
	border-radius: 14px;
	height: 20px;
	font: 11px / 20px var(--font-base);
	display: flex;
	align-items: center;
	padding: 0 4px;
	margin: 2px 0;
	background: var(--base-hlt-g-hover);
}
.projectSettings__item .labels[onclick]:hover + .tag-more {
	background: none;
}
.projectSettings__item .labels .tag:before {
	content: '';
	float: left;
	width: 10px;
	height: 10px;
	background: var(--tag-color);
	border-radius: 5px;
	margin: 5px

}
.projectSettings__item .name {
	font: var(--font-ui-13-small-semi);
	width: 142px;
	flex-shrink: 0;
	flex-grow: 0;
	padding-left: 8px;
}
.projectSettings__item-stage .left_side {
	width: 190px;
	gap: 4px;
}
@media screen and (max-width: 480px) {
	.projectSettings__item:not(.projectSettings__item-stage) .name {
		width: 80px;
	}
	.projectSettings__item-stage .left_side {
		width: 158px;
	}
}
.projectSettings__item-stage .name {
	width: unset;
	flex-shrink: 1;
}
.projectSettings__item.projectSettings__item-stage.add .name {
	font: var(--font-ui-13-small-reg);
	color: var(--base-txt-secondary);
	width: 140px;
}
.projectSettings__item.projectSettings__item-stage .ava {
	padding: 2px;
	width:24px;
}
.projectSettings__item.projectSettings__item-stage .ava:has(a >:not(:only-child)) {
	width: unset;
	&> .data {
		display: flex;
		gap: 4px;
		padding: 0 6px;
		height: 24px;
		border-radius: 8px;
		box-shadow: 0 0 0 1px var(--base-line-secondary) inset;
		justify-items: center;
		align-items: center;
		&:hover {
			background: var(--base-hlt-g-hover);
		}
		> * {
			width: 100%;
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			transform: unset;
		}
		.av_svg {
			border: unset;
		}
		.tag {
			--icon-size: 16px;
		}
	}
}
.projectSettings__item.projectSettings__item-stage .ava:has(ws-icon[name=none]) {
	display: none;
}
@media screen and (min-width: 481px) {
	.projectSettings__item.projectSettings__item-stage > ws-btn:not(.menu_open),
	.projectSettings__item > .item > ws-btn:not(.menu_open) {
		opacity: 0;
		transition: opacity 0.2s ease-in-out;
	}
	.projectSettings__item.projectSettings__item-stage:hover > ws-btn,
	.projectSettings__item:hover > .item > ws-btn {
		opacity: 1 !important;
	}
}
.projectSettings__item .ava ws-icon[name=person] {
	--icon-color: var(--base-txt-muted);
	--icon-size:16px;
	border: 1px dashed var(--base-txt-muted);
	width:24px;
	height: 24px;
	border-radius:12px;
	box-sizing: border-box
}

.projectSettings__item > .item tags-group-icon ws-icon,
.projectSettings__item > .item > ws-icon:first-child,
.projectSettings__item > ws-icon:first-child,
.projectSettings__item > ws-icon.tag,
.projectSettings__item > .left_side > ws-icon:first-child,
.projectSettings__item > .left_side > ws-icon.tag,
.projectSettings__item > form ws-icon
{
	width: 28px;
	height: 28px;
	--icon-size:24px;
}

.projectSettings__item > form {
	width: 100%;
	padding: 0 !important;
	gap: 6px;
}
.projectSettings__item > form .sw_pre {
	padding-right: 12px;
}
.projectSettings__item > form .sw_pre .when_act { opacity: 0; transition: opacity 0.2s ease-in-out; }
.projectSettings__item > form .sw_pre.sw_act .when_act { opacity: 1; }
.projectSettings__item > form .sw_pre:not(.sw_act) .in { color: var(--base-txt-tertiary); }
.projectSettings__item > form input.in {
	background: none;
	border: none;
	padding: 0 6px;
	font: var(--font-ui-13-small-semi);
	min-width: 0;
}
.projectSettings__item > form + .item {
	display: none;
}


.projectSettings__item.add > ws-icon:first-child {
	--icon-size: 16px;
	--icon-color: var(--base-txt-secondary);
}

.projectSettings__item:not(.projectSettings__item-off) > .left_side > ws-icon[name=eye-close] {
	display: none;
}
.projectSettings__item-off > .left_side > ws-icon.tag {
	display: none;
}
.projectSettings__item-off {
	background: var(--base-cont-mod-mid);
	color: var(--base-txt-tertiary);
}
.projectSettings__item-off .ava,
.projectSettings__item-off .nextStage,
.projectSettings__item-off .terms_text,
.projectSettings__item-off .div {
	opacity: 0 !important;
	pointer-events: none !important;
}

.projectSettings__item:not(.projectSettings__item-off) ws-btn[name*=show] {
	display: none;
}
.projectSettings__item-off ws-btn[name*=more] {
	display: none;
}

.projectSettings__item ws-icon[name=eye-close] {
	--icon-color: var(--base-txt-tertiary);
	--icon-size: 20px;
}

.projectSettings__item .nextStage {
	gap: 4px;
	margin-right: auto;
}
.projectSettings__item .nextStage:not(.nextStage-active) * {
	display:none
}
.projectSettings__item .nextStage > ws-icon {
	--icon-size:16px;
	--icon-color: var(--base-txt-tertiary);
}
.projectSettings__item > .div,
.projectSettings__item > .item > .div {
	height:28px;
	background:var(--base-line-tertiary);
	width:1px;
	margin:0 2px 0 4px;
}
@media screen and (max-width: 374px) {
	.projectSettings__item .name {
		padding-left: 4px;
	}
	.projectSettings__item,
	.projectSettings__item-stage .left_side,
	.projectSettings__item .nextStage {
		gap: 2px;
	}
}
@media screen and (max-width: 379px) {
	.projectSettings__item .terms_text {
		display: flex;
		justify-content: center;
		flex-shrink: 1;
		min-width: 0;
	}
}
/*.projectSettings__item .nextStage .data {*/
/*	box-shadow: 0 0 0 1px var(--base-line-ghost);*/
/*	border-radius:4px;*/
/*	color: var(--base-txt-primary);*/
/*	font: var(--font-ui-12-mini-reg);*/
/*}*/
/*.projectSettings__item .nextStage .data ws-icon {*/
/*	--icon-size:16px;*/
/*}*/
/*.projectSettings__item .nextStage .data ws-icon.tag {*/
/*	width:24px;*/
/*}*/
/*.projectSettings__item .nextStage .data .delete {*/
/*}*/
/*.projectSettings__item .nextStage .data .div {*/
/*	height:12px;*/
/*	background:var(--base-line-tertiary);*/
/*	width:1px;*/
/*	margin:0 2px;*/
/*}*/
.projectSettings-assignee {
	padding-bottom: 50px;
}
.projectSettings-assignee [data-container=assignee] button ws-icon[name=person],
.projectSettings-assignee [data-container=assignee] button ws-icon[name=people] {
	box-sizing: border-box;
	padding: 2px;
	border: none;
	width: 20px;
	height: 20px;
}
.projectSettings-assignee [data-container=assignee][data-empty="1"] button:last-child {
	display: none;
}

.projectSettings .divider {
	display: block;
	border-bottom: 1px solid var(--base-line-tertiary);
	width: 100%;
}
.projectDescr .page_content.descr .button-place {
	display: flex;
	justify-content: center;
}
.projectDescr.projectDescr-empty .projectView__group:not(.projectView__group-editing) .projectView__group__head {
	display: none !important;
}
.projectDescr.projectDescr-editing .projectView__group.projectView__group-editing {
	height: 100%;
}
.projectDescr.projectDescr-empty .projectView__group {
	background: var(--base-cont-mod-mid);
}
.projectDescr .projectView__group__content.scrollZone-top,
.projectDescr .projectView__group__content.scrollZone-bottom,
.projectDescr .attachWrapper.scrollZone-bottom {
	box-shadow: none !important;
}
.projectView__group.projectView__group-editing .projectView__group__content {
	display: none;
}
.projectDescr .page_content.descr.hiddenBlock + .page_files {
	border-top: none;
	padding-top: 20px;
}
.projectDescr .projectView__group__head .button_place,
.projectDescr .projectView__group__head .place_button {
	gap: 8px;
}

@media screen and (max-width:480px) {
	.projectView__group-topic .projectView__group__content {
		padding-right: 12px;
	}
	.projectView__content {
		padding: 18px 12px;
	}
	.projectView .membersList__menu,
	.projectView .membersList__group {
		padding-left: 12px;
		padding-right: 12px;
	}
	.projectView__params {
		overflow: hidden;
	}
	.projectView__params__item {
		overflow: hidden;
	}
	.projectView__params__item .param {
		width: 104px;
	}
	.projectView__params__item > .in {
		width: calc(100% - 128px);
	}
	.projectView__params__item project-term .data {
		flex-wrap: nowrap;
	}
	.projectView__params__item-tags .param {
		align-self: flex-start;
		padding-top: 10px;
	}
	.projectView__params__item-tags .data {
		flex-wrap: wrap;
		padding: 6px;
	}
	.projectView__params__item project-assignee ws-btn[right-icon*=contact] span {
		display: none;
	}
	.projectView__params__item project-tags {
		height: auto;
	}
	.projectView__params__item project-tags .data {
		gap: 2px;
	}
	.projectView__params__item project-tags span.tag {
		padding: 0 8px 0 4px;
		height: 20px;
	}
	.projectDescr .projectView__group {
		height: 100%;
	}
	.projectDescr .projectView__group-info {
		display: none;
	}
	.projectView .membersList__subGroup {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.projectView .membersList__user .name .online_dt,
	.projectView .membersList__user .role .title {
		display: none;
	}
	.projectView .membersList__spacer {
		height: 48px;
	}
}

@media screen and (max-width: 480px) {
	.projectView__group-users ws-btn[right-icon=person_add] span {
		display: none;
	}
}

@media screen and (max-width: 414px) {
	.projectDescr .fileItem {
		flex-basis: 100%;
	}
}

@media screen and (max-width: 480px) {
	.projectView__group-users .projectView__group__content .stats {
		display: none;
	}
}

@media (hover: none) {
	.projectView__params__item > .hoverZone project-assignee .view {
		display: inline;
	}
}
.projectDescr .page_content.descr .empty_place {
	padding: 50px 20px;
	align-items: center;
	gap: 12px;
}
.projectDescr .page_content.descr .text_place {
	color: var(--base-txt-tertiary);
	font-style: italic;
	text-align: center;
}
.project_archive_line {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	background: var(--projcond-archive-bg);
	color: var(--projcond-archive-txt);
	font: var(--font-ui-12-mini-reg);
	padding: 8px 16px;
	height: 28px;
}
.project_archive_line .in:only-child {
	margin: 0 auto;
}
.project_archive_line .in ws-icon svg {
	--icon-color: var(--projcond-archive-txt);
}
.modal__content .project_archive_line {
	padding: 8px 16px 8px 24px;
}

@media screen and (max-width: 419px) {
	.modal__headerMenu__more {
		flex-shrink: 1;
		min-width: 36px; /* 28px[icon] + 8px[padding-inline] */
		.btn span:not([class]) {
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}
	}
}

@media screen and (max-width: 369px) {
	.modal__headerMenu__more .btn span:not([class]) {
		display: none !important;
	}
}


@media screen and (max-width: 480px) {
	.projectView {
		flex-grow: 1;
		height: unset !important;
		padding-bottom: var(--app-sa-bot) !important;
	}
	.projectView__content {
		flex-grow: 1;
		height: unset !important;
	}
	.projectView__content > .projectDescr {
		flex-grow: 1;
		height: unset !important;
	}
}

.projectDescr.flex_column.flex_grow.flex_shrink {
	min-height: 0;
}
.projectView.projectView-chat[data-type=about] {
	height: 400px;
}
.modal[data-view-chat] .modal__content .modal__content__cap[data-type=about] {
	height: 400px;
}