.dashboard {
    position: relative;
    gap: 24px;
    padding: 0;
    max-width: 1600px;
    margin: 0 auto;
}
.dashboard__none {
    display: none !important;
}
.dashboard__block__item-none {
    display: none !important;
}
.dashboard__modal {
    padding: 12px 0 0;
}
.dashboard__modal .dashboard__block {
    box-shadow: none;
    background: none;
}
.dashboard__row {
    gap: 24px;
    align-items: normal;
    position: relative;
}
.dashboard__block {
    position: relative;
    background: var(--base-cont-top);
    border-radius: 16px;
    box-shadow: var(--shadow-cont-minor-outline);
    width: 100%;
    box-sizing: border-box;
}

@keyframes dashboard__block--new {
    0% {
        box-shadow: var(--shadow-brd-focus);
    }
    95% {
        box-shadow: var(--shadow-brd-focus);
    }
    100% {
        box-shadow: var(--shadow-cont-minor-outline);
    }
}

.dashboard__block--new {
    animation: dashboard__block--new 2s linear;
}
/*.dashboard__block:has(.keyboardZone-active) {*/
/*    box-shadow: var(--shadow-brd-focus);*/
/*}*/
#content .dashboard-loading .dashboard__block .ps__rail-y {
    opacity: 0;
}
.dashboard__block-empty {
    height: auto !important;
    background: none;
    box-shadow: none;
    place-self: stretch;
    cursor: pointer;
}
.dashboard__block50.dashboard__block-empty {
    background: url(/assets/img/funybricks_color.svg) no-repeat center;
    box-shadow: 0 0 0 1px var(--base-line-tertiary) inset;
}
.dashboard__block33.dashboard__block-empty, .dashboard__block66.dashboard__block-empty {
    background: url(/assets/img/funybricks_color.svg) no-repeat center;
    background-size: 130px;
    box-shadow: 0 0 0 1px var(--base-line-tertiary) inset;
}
.dashboard__block33.dashboard__block-empty .dashboard__block__swapper ws-icon,
.dashboard__block66.dashboard__block-empty .dashboard__block__swapper ws-icon {
    --icon-size: 100px;
    top: calc(50% - 100px);
    left: calc(50% - 50px);
}
.dashboard__block-gray {
    background: var(--base-cont-mid);
}

.dashboard__block-today:before, .dashboard__block-yesterday:before {
	content: '';
	position: absolute;
	right:10px;
	top:10px;
	height:10px;
	width:10px;
	border-radius: 10px;
}
.dashboard__block-today {
	/* background: var(--lbl-today-major); */
}
.dashboard__block-yesterday {
	background: var(--lbl-yesterday-major);
}
.dashboard__block50 {
    width: calc(50% - 12px);
    height: 350px;
}
.dashboard__block33 {
    width: calc(33.33% - 13.33px);
}
.dashboard__block66 {
    width: calc(66.67% - 6.67px);
}
.dashboard__block-selected .dashboard__block__swapper,
.dashboard__block-transparent.dashboard__block-selected .dashboard__block__swapper,
.dashboard__block-empty.dashboard__block-selected .dashboard__block__swapper {
    display: block;
}
.dashboard__block-selected .ps__rail-y,
.dashboard__block-transparent.dashboard__block-selected .ps__rail-y,
.dashboard__block-empty.dashboard__block-selected .ps__rail-y {
    display: none;
}
.dashboard__block-selected.route-updown .dashboard__block__swapper ws-icon[name="arrows/arrow_swap_sm"],
.dashboard__block-transparent.dashboard__block-selected.route-updown .dashboard__block__swapper ws-icon[name="arrows/arrow_swap_sm"],
.dashboard__block-empty.dashboard__block-selected.route-updown .dashboard__block__swapper ws-icon[name="arrows/arrow_swap_sm"] {
    display: block;
}
.dashboard__block-selected.route-leftright .dashboard__block__swapper ws-icon[name="arrows/arrow_swap_sm-turn"],
.dashboard__block-transparent.dashboard__block-selected.route-leftright .dashboard__block__swapper ws-icon[name="arrows/arrow_swap_sm-turn"],
.dashboard__block-empty.dashboard__block-selected.route-left-ight .dashboard__block__swapper ws-icon[name="arrows/arrow_swap_sm-turn"] {
    display: block;
}
.dashboard__block-transparent.dashboard__block-selected:before {
    box-shadow: none;
}
.dashboard__block__header {
    padding: 10px 12px 12px;
    align-items: flex-start;
}
.dashboard__block__header:has(.tabs) {
    padding: 10px 12px 2px;
}
.dashboard__block__header-bottom, .dashboard__block__header-bottomDynamic {
    box-shadow: 0 -1px var(--base-line-tertiary) inset;
}
.dashboard__block__body {
    height: 100%;
    max-height: calc(100% - 56px);
    padding: var(--sp_fix_02) 0 var(--sp_fix_08);
    overflow: hidden;
    box-sizing: border-box;
}
.dashboard__block__content {
    padding: var(--sp_fix_06) 0 var(--sp_fix_16) 0;
}
.dashboard__block__content.scrollZone {
	height: 360px;
	overflow: auto;
}
.dashboard__block__body > div {
    height: 100%;
    padding: 0 0 var(--sp_fix_08);
    overflow: hidden;
}
.dashboard__block__header .avatar {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    padding: 6px 8px 14px;
}
.dashboard__block__header .logo {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    padding: 2px 0 14px 8px;
}
.dashboard__block__header .changeName {
    height: 32px;
    display: flex;
    align-items: center;
    border-radius: 6px;
}
.dashboard__block__header .changeName:has(.ws-utility-cursor-pointer):hover {
    background: var(--base-hlt-g-hover);
    cursor: pointer;
}
.dashboard__block__header a.reset {
    height: 32px;
}
.dashboard__block__header a.reset ws-icon {
    height: 32px;
    opacity: .8;
    transition: all 100ms linear;
}
.dashboard__block__header a.reset:hover ws-icon {
    opacity: 1;
    transform: rotate(-90deg);
}
.dashboard__block__header .logo .proj_color {
	width: 40px;
	height: 40px;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
}
.dashboard__block__header .body > div.tree {
    height: 20px;
    padding: 0 0 0 4px;
    gap: 8px;
    margin: 0 0 -2px;
}
.dashboard__block__header .tree .info {margin: 0;font: var(--font-ui-13-small-med);}
.dashboard__block__header .tree .info ws-icon {
	width: 16px;
	height: 16px;
	--icon-size: 16px;
}
.dashboard__block__header .tree .info .in {
	padding: 0 4px;
	font: var(--font-ui-12-mini-reg);
	color: var(--base-txt-tertiary)
}

.dashboard__block__header .logo svg, .dashboard__block__header .logo ws-icon {
	width: 32px;
	height: 32px;
}
.dashboard__block__header .body {
    padding: 2px 0 0 4px;
    min-height: 32px;
    overflow: hidden;
}
.dashboard__block__header .body > div {
    height: 32px;
}
.dashboard__block__header .body .ws-btn-right {
    margin-left: auto;
}
.dashboard__block__header .stats-hide{
    display: none;
    cursor: pointer;
    margin-left: var(--sp_fix_08);
}

.dashboard__block__header .stats-hide:has(.is-shown) {
	display: inline-flex;
}

.dashboard__block__header .rightMenu {
    margin: 0 0 0 10px;
}
.dashboard__block-collapsable {
	cursor: pointer;
}
.dashboard__block-collapsable:not(.dashboard__block-off):has(.dashboard__block__height-force) {
    height: 500px;
}
.dashboard__block-collapsable .dashboard__block__body:has(.dashboard__block__height-force) {
    max-height: calc(100% - 78px);
}
.dashboard__block ws-icon.collapse {
	margin:12px 8px
}
.dashboard__block:not(.dashboard__block-off) ws-icon.collapse use:last-child {
	display:none
}
.dashboard__block-off ws-icon.collapse use:first-child {
	display:none
}
.dashboard__block:not(.dashboard__block-off) .expand use:last-child {
	display:none
}
.dashboard__block-off .expand use:first-child {
	display:none
}
.dashboard__block-off .dashboard__block__header {
	box-shadow:none
}
.dashboard__block-off .dashboard__block__content, .dashboard__block-off .dashboard__block__body {
	display:none
}
.dashboard__block-demo h4 {
    color: var(--base-txt-tertiary);
}
.dashboard__block-gray h4 {
	display: none;
}
.dashboard__block-gray .no-activity {
    display: block;
    margin: 0;
    font: var(--font-ui-18-title-2-semi);
    color: var(--base-txt-tertiary);
    white-space: nowrap;
    overflow: hidden;
    padding: 0 var(--sp_fix_08) 0 var(--sp_fix_04);
}

.dashboard__block .btn.btn-skeleton:focus-visible,
.dashboard__block .btn.btn-skeleton:focus-within {
    box-shadow: 0 0 0 1px var(--base-line-secondary) inset;
}
.dashboard__block .tooltip {
    opacity: 0;
    pointer-events: none;
    transition: left .2s ease, top .2s ease;
    z-index: 100;
    position: absolute;
    padding: 6px 10px;
    background: var(--colors-alpha-dark-70);
    color: var(--white-accent);
    font: 13px/20px var(--font-base) !important;
    border-radius: 4px;
    white-space: nowrap;
    box-shadow: 0 0 2px var(--base-cont-top);
    backdrop-filter: blur(2px);
}
.dashboard__block .tooltip div {
    text-align: left;
    width: 100%
}
.dashboard__block .tooltip .name {
    padding: 0 0 6px 0
}
.dashboard__block .tooltip .body {
    color: var(--CHART_TOOLTIP_TXT)
}
.dashboard__block .tooltip .body span {
    color: var(--white-accent)
}
.dashboard__block .tooltip .body span.single {
    padding-right: 2px
}
.dashboard__block .tooltip .body span.circle {
    position: absolute;
    display: inline-block;
    height: 8px;
    width: 8px;
    border-radius: 100%;
    margin-top: -3px
}
.dashboard__block .tooltip .body span.circle.white {
    background: var(--base-cont-top)
}
.dashboard__block .tooltip .hot {
    color: var(--base-txt-btn-w)
}
.dashboard__block .tooltip td, .dashboard__block .tooltip tr, .dashboard__block .tooltip table {
    padding: 0;
    margin: 0
}
.dashboard__block .tooltip table {
    border-spacing: 0;
    border-collapse: separate;
    width: 100%
}
.dashboard__block .tooltip .body table span.cnt {
    padding-left: 8px;
    text-align: right
}
.dashboard__block .tooltip .body table td:first-child {
    width: 18px
}
.dashboard__block .tooltip .body table td:last-child {
    text-align: right
}
.dashboard__block .tooltip .body table span.tooltipline {
    display: block;
    width: 14px;
    margin: 3px 0 0 -3px;
    border-top: 2px dashed var(--CHART_SPEED)
}
.dashboard__block .tooltip span.hot {
    color: var(--base-txt-btn-w)
}
.dashboard__block .part canvas {
	max-height:200px;
}
.dashboard__block .part {
    position: relative;
    width: 50%;
    float: left;
    text-align: center;
    height: 100%;
}
.dashboard__block .part_r {
    box-shadow: 1px 0 var(--CHART_GRID_LINE) inset;
}
.dashboard__block__more, .dashboard__block__expand {
    height: 24px;
    padding: 4px 0;
    left: calc(50% - 20px);
    display: flex;
    justify-content: center;
}
.dashboard__block__more.hidden, .dashboard__block__expand.hidden {
    display: none;
}
.dashboard__block__more ws-btn {
    width: 40px;
}
.dashboard__block__more .btn svg, .dashboard__block__expand .btn svg {
    width: 24px;
    height: 24px;
}

.dashboard__block__swapper {
    display: none;
    position: absolute !important;
    background: var(--base-cont-mod-top);
    opacity: 0.9;
    border-radius: 16px;
    height: 100%;
    width: 100%;
    z-index: 1000;
    top: 0;
}
.dashboard__block-empty .dashboard__block__swapper {
    background: var(--base-cont-low);
    box-shadow: 0 0 0 1px var(--base-line-tertiary) inset;
}
.dashboard__block__swapper ws-icon {
    display: none;
    --icon-size: 200px;
    --icon-color: var(--base-txt-secondary);
    position: absolute;
    top: calc(50% - 100px);
    left: calc(50% - 100px);
    width: 200px;
    height: 200px;
    opacity: 1;
    pointer-events: none;
}
.dashboard__block-columns-full {
	display: flex;
	flex-direction: row;
	gap: 24px;

	.dashboard__block-column {
		width: calc(50% - 12px);
		.dashboard__block50 {
			width: 100%;
		}
		.dashboard_row-full {
			height: 100%;
			.dashboard__block { height: 100% !important; }
		}
	}
}
.dashboard__block-columns.dashboard__block-gray .dashboard__block__swapper ws-icon {
    --icon-size: 56px;
    width: 56px;
    height: 56px;
    top: 0;
    left: calc(50% - 28px);
}
.dashboard__block__loader {
    display: none;
    position: absolute !important;
    background: var(--base-cont-mod-top);
    border-radius: 0 0 16px 16px;
    height: 0;
    width: 100%;
    z-index: 999;
}
.dashboard__block-columns.dashboard__block-gray .dashboard__block__loader ws-icon,
.dashboard__block-columns.dashboard__block-gray .dashboard__block__loader svg {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -28px 0 0 -14px;
    width: 28px;
    height: 28px;
    fill: var(--base-line-tertiary);
    opacity: 1;
    pointer-events: none;
}
.dashboard__block-columns.dashboard__block-gray .dashboard__block__loader .loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -45px 0 0 -17px;
    border: 2px solid var(--base-line-tertiary);
    border-left-color: var(--trans);
    width: 30px;
    height: 30px;
    opacity: 1;
    pointer-events: none;
}
.dashboard__block__loader ws-icon, .dashboard__block__loader svg {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -35px 0 0 -35px;
    width: 70px;
    height: 70px;
    fill: var(--base-line-tertiary);
    opacity: 1;
    pointer-events: none;
}
.dashboard__block__loader .loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -40px 0 0 -40px;
    border: 4px solid var(--base-line-tertiary);
    border-left-color: var(--trans);
    width: 72px;
    height: 72px;
    opacity: 1;
    pointer-events: none;
}
.dashboard__block__dragLine {
    height: 12px;
    width: 100%;
    text-align: center;
    cursor: ns-resize;
    position: absolute;
    bottom: -6px;
}
.dashboard__row__dragLine {
    opacity: 0;
    height: 12px;
    width: 100%;
    text-align: center;
    cursor: ns-resize;
    position: absolute;
    bottom: -16px;
    transition: 0.3s;
}
.dashboard__row__dragLine:hover {
    opacity: 1;
}
.dashboard__row__dragLine ws-icon {
    margin-top: -4px;
}
.dashboard__tasks__list, .dashboard__chatList, .dashboard__stats__list {
	height: 100%;
	box-sizing: border-box;
	overflow: hidden;
}
.dashboard__tasks__list .scrollZone {
	padding: 0 !important;
	margin: 0 !important;
}

.dashboard__tasks__list .item_empty, .dashboard__stats__list .item_empty {
	display: block;
}
.dashboard__tasks__list .item_empty.hidden, .dashboard__stats__list .item_empty.hidden {
	display: none;
}
.dashboard__tasks__list .empty p, .dashboard__stats__list .empty p {
	text-align: center;
	margin-top: 16px;
	color: var(--base-txt-primary);
	font-size: 16px;
	font-style: normal;
	font-weight: 590;
	line-height: 20px;
}
.dashboard__tasks__list .empty .action, .dashboard__stats__list .empty .action {
	text-align: center;
}
.dashboard__tasks__list .empty .action ws-btn, .dashboard__stats__list .empty .action ws-btn {
	margin: 28px auto 0 auto;
}
.dashboard__tasks__list__group, .dashboard__stats__list__group {
	padding: 0 12px;
}
.dashboard__tasks__list .sidePanel__list__item, .dashboard__stats__list .sidePanel__list__item {
	transition: border-color .15s ease-in-out, box-shadow .1s ease-in-out;
}
.dashboard__tasks__list .sidePanel__list__item:hover, .dashboard__stats__list .sidePanel__list__item:hover {
	background: var(--base-hlt-g-easy);
	box-shadow: 0 var(--screen-px) var(--base-line-secondary), 0 var(--screen-px) var(--base-line-secondary) inset;
}
.dashboard__tasks__list .sidePanel__list__item.selected, .dashboard__stats__list .sidePanel__list__item.selected {
    background: var(--base-cont-top) linear-gradient(var(--base-hlt-g-easy), var(--base-hlt-g-hover)) !important;
}
.dashboard__block__body .dashboard__chatList {
    box-sizing: border-box;
    overflow: hidden;
}
.dashboard__chatList .chatList__item:hover, .dashboard__chatList .chatList__item.selected {
    background: var(--base-hlt-g-easy);
	box-shadow: 0 var(--screen-px) var(--base-line-secondary), 0 var(--screen-px) var(--base-line-secondary) inset;
}
.dashboard__chatList .chatList__item {
    height: 60px;
	padding: 0 12px 0 20px;
}
.dashboard__chatList .chatList__item.selected {
    background: var(--base-cont-top) linear-gradient(var(--base-hlt-g-easy), var(--base-hlt-g-hover)) !important;
}
.dashboard__block .dashboard__eventsList {
    box-sizing: border-box;
    padding: var(--sp_fix_08) 0;
    height: 100%;
}
.dashboard__eventsList .dashboard__list__group {
    min-height: calc(100% - 24px);
}
.dashboard__eventsList .eventsList__item {
    margin: 0 12px;
    border-radius:8px;
}
.dashboard__eventsList .eventsList__item ~ .dashboard__eventsList .eventsList__item {
    padding-top: 8px;
}
.dashboard__eventsList .eventsList__item:hover, .dashboard__eventsList .eventsList__item.selected {
    background: var(--base-hlt-g-easy);
    box-shadow: var(--shadow-cont-minor-lineonly-inside);
}
.dashboard__block .sleep2 {
    height: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 10px 0;
}

.dashboard__block[data-container^="stats"] .dashboard__block__header .body,
.dashboard__block[data-container=tasks] .dashboard__block__header .body,
.dashboard__block[data-container=chats] .dashboard__block__header .body
{
    padding-bottom: 2px;
    margin-bottom: -2px;
}

.dashboard__block[data-container=tasks] .dashboard__block__body {
    height: calc(100% - 80px);
}
.dashboard__block_columns {
    display: flex;
    gap: 24px;
    align-items: flex-start !important;
    position: relative;
    z-index: 1;
}
.dashboard__block-transparent .dashboard__block__columns {
    margin-top: 10px;
}
.dashboard__block_column {
    gap: 24px;
    flex-grow: 1;
    flex-shrink: 1;
    width: calc(50% - 16px);
}
.dashboard__block-transparent {
    background: none;
    box-shadow: none;
    z-index: 1;
}
.dashboard__block-transparent > *  {
    position: relative;
}
.dashboard__block-transparent:before {
    height: 96px;
    content: '';
    position: absolute;
    background: linear-gradient(180deg, var(--base-cont-top), transparent);
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border-radius: 16px;
}
.dashboard__block-transparent .no-activity {
    display: none;
}
.dashboard__list-fullscreen {
    height: 100% !important;
}

.dashboard .pd_in {
    position: relative;
    padding: 0 var(--sp_fix_20) var(--sp_fix_16);
    box-sizing: border-box;
}
.dashboard .pd_out {
    height: calc(100% - 56px);
}
.dashboard h4 {
    margin: 0;
    font: var(--font-ui-18-title-2-semi);
    color: var(--base-txt-primary);
    white-space: nowrap;
    overflow: hidden;
    padding: 0 var(--sp_fix_08) 0 var(--sp_fix_04);
}
.dashboard ws-icon[name=lock-fill] {
    --icon-color: var(--base-txt-new-minor);
}
.dashboard .tabs {
    font: var(--font-ui-13-small-reg);
    padding: 0 0 2px;
}
.dashboard .tabs .tabs__item {
    position: relative;
    padding: var(--sp_fix_06);
    margin: 0 2px 0 0;
    cursor: pointer;
    transition: box-shadow 0.3s ease;
    color: var(--base-txt-secondary);
}
.dashboard .tabs .tabs__item div {
    display: inline-block;
}
.dashboard .tabs .tabs__item.active {
    font: var(--font-ui-13-small-semi);
    color: var(--base-txt-primary);
}
.dashboard .tabs .tabs__item:after {
    content: '';
    opacity: 0;
    width: 100%;
    height: 2px;
    background: var(--base-txt-secondary);
    border-radius: 1px;
    position: absolute;
    left: 0;
    bottom: -4px;
    transition: opacity 0.3s ease;
}
.dashboard .tabs .tabs__item.active:after {
    opacity: 1;
    background: var(--base-txt-act-minor);
}
.dashboard .tabs .tabs__item.empty {
    color: var(--base-txt-muted);
}
.dashboard .tabs .tabs__item.empty.active {
    color: var(--base-txt-primary);
}
.dashboard .tabs .tabs__item:hover {
    color: var(--base-txt-max);
}
.dashboard .tabs .tabs__item:hover:after {
    opacity: 1;
    background: var(--base-txt-secondary);
}
.dashboard .tabs .tabs__item::before {
    display: block;
    content: attr(data-title);
    font-weight: 600;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.dashboard .tabs .tabs__item .tabs__item-counter {
    font: var(--font-ui-10-nano-med);
    line-height: 14px;
    border-radius: 12px;
    padding: 0 3px;
    vertical-align: middle;
    border: 1px solid;
    min-width: 12px;
    text-align: center;
    margin: 0 0 0 2px;
}
.dashboard .tabs .tabs__item[data-type=overdue] .tabs__item-counter {
    color: var(--base-txt-alert-major);
    border-color: var(--base-txt-alert-major);
}

.dashboard .dashboard__block .zzz {
    background: var(--projcond-muted-bg);
    color: var(--base-txt-primary);
    box-shadow: none;
    vertical-align: 1px;
    margin-left: 6px
}
.dashboard .demo .help, .dashboard .demo .label_top_r, .dashboard .demo .dynamic {
    display: none
}
.dashboard_bars .dynamic,
.dashboard .dashboard__block .dynamic {
    margin-left: 6px;
    font: bold 11px/20px var(--font-base);
    color: var(--base-txt-secondary);
}
.dashboard_bars .dynamic.same,
.dashboard .dashboard__block .dynamic.same {
    color: var(--base-btn-notice-minor);
}
.dashboard_bars .dynamic.up,
.dashboard .dashboard__block .dynamic.up {
    color: var(--base-txt-btn-c);
}
.dashboard_bars .dynamic.dn,
.dashboard .dashboard__block .dynamic.dn {
    color: var(--base-txt-btn-w)
}
.dashboard_bars .dynamic:before,
.dashboard .dashboard__block .dynamic:before {
    width: 20px;
    height: 16px;
    display: inline-block;
    text-align: center;
    border-radius: 10px;
    font: 12px / 16px var(--font-base);
    margin: 0 5px 0 0;
}
.dashboard_bars .dynamic.same:before,
.dashboard .dashboard__block .dynamic.same:before {
    content: '~';
    background: var(--base-cont-note-major);
}
.dashboard_bars .dynamic.up:before,
.dashboard .dashboard__block .dynamic.up:before {
    content: '\2197';
    background: var(--base-hlt-alt-fresh);
}
.dashboard_bars .dynamic.dn:before,
.dashboard .dashboard__block .dynamic.dn:before {
    content: '\2198';
    background: var(--base-hlt-w-pressed);
}
.dashboard_bars .dynamic.no:before,
.dashboard .dashboard__block .dynamic.no:before {
    content: 'Zzz';
    background: var(--projcond-muted-bg);
    color: var(--projcond-muted-txt);
    font: 10px/16px var(--font-base);
    width: 28px;
}
.dashboard .project-name, .dashboard__block .project-name {
    margin: 4px 0 0;
    font: var(--font-ui-18-title-2-semi);
    color: var(--base-txt-primary);
    white-space: nowrap;
    overflow: hidden;
    padding: 0 var(--sp_fix_08) 0 var(--sp_fix_04);
    cursor: pointer;
    display: inline-flex;
    border-radius: 6px;
    transition: background 0.3s ease;
    justify-content: flex-start;
}
.dashboard a.project-name:hover {
    background: var(--base-cont-trans-low);
}
#dashboardmenu .menu__columns {
    padding: var(--sp_fix_12);
}
#dashboardmenu .menu__group-bottom {
    flex-direction: column;
    height: auto;
}
@media (min-width: 481px) {
	#dashboardmenu .menu__group-bottom {
		padding-bottom: 16px;
	}
}
#dashboardmenu .menu__group-bottom .in {
    font: var(--font-ui-12-mini-reg);
    color: var(--base-txt-secondary);
}
#dashboard-activity-chart.dashboard__block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#dashboard-activity-chart .dashboard__block-activity {
    height: 260px;
}

#dashboard-activity-chart .dashboard__block-activity .pd_in {
    height: calc(100% - 50px);
}
#dashboard-activity-chart .dashboard__block-activity .users + .pd_in {
    margin-left: 40px;
    padding-left: 0
}
#dashboard-activity-chart.no_costs .dashboard__block-activity {
    height: 100%;
}
#dashboard-activity-chart .dashboard__block-costs {
    box-shadow: 0 1px 0 var(--CHART_GRID_LINE) inset;
    height: 90px;
}
#dashboard-activity-chart canvas {
    cursor: pointer;
}
#dashboard-activity-chart .users {
    float: left;
    width: 24px;
    margin: 0 0 -50px;
    padding: var(--sp_fix_16) 0 0 var(--sp_fix_16);
}

#dashboard-activity-chart .users * {
    margin: 0 0 8px;
    display: block
}

#dashboard-activity-chart .users *:nth-child(2) {
    transform: scale(0.9);
    margin-top: -2px
}

#dashboard-activity-chart .users *:nth-child(3) {
    transform: scale(0.8);
    margin-top: -4px
}
#dashboard-activity-chart .users span.av_demo {
    height: 24px;
    width: 24px;
    background: var(--base-cont-low);
    display: block;
    border-radius: 24px;
}
.dashboard__modal #dashboard-activity-chart-modal .pd_in {
    height: 344px;
    padding-bottom: var(--sp_fix_16);
}
.dashboard__modal #dashboard-activity-chart-modal .users .scrollZone {
    margin: 0 -8px;
    padding: 0 8px;
}
.dashboard__modal #dashboard-activity-chart-modal > .pd_in:not(.demo), .dashboard__modal .costs_burnout > .pd_in:not(.demo) {
    margin-left: 410px;
    padding-right: 0;
    padding-left: 0;
}
.dashboard__modal .tasks_burnout .pd_in {
    height: 400px;
    padding: 0 var(--sp_fix_32)
}
.dashboard__modal .tasks_burnout .users .scrollZone {
    max-height: 300px
}
.dashboard__modal .legend.demo {
    display: none
}
.dashboard__modal .legend {
    margin: 20px 0 0;
    color: var(--base-txt-tertiary);
    font: 400 13px/20px var(--font-base);
}
.dashboard__modal .legend_top {
    margin: -25px 0 10px -10px;
}
.dashboard__modal .legend b {
    color: var(--base-txt-primary)
}
.dashboard__modal .legend b i {
    font-style: normal;
    opacity: 0.7;
    font-size: 11px;
}
.dashboard__modal .legend .part {
    height: 100%;
    text-align: inherit
}
.dashboard__modal .legend .part_l {
    box-shadow: -2px 0 var(--CHART_GRID_LINE) inset;
}
.dashboard__modal .legend .part_r {
    box-shadow: none;
}
.dashboard__modal .legend .legend_row {
    width: 70%;
    height: 20px;
    margin: var(--sp_fix_16) auto;
}
.dashboard__modal .legend .legend_row div {
    display: inline-block;
    vertical-align: bottom;
}
.dashboard__modal .legend .legend_row .legend_txt {
    max-width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dashboard__modal .legend .legend_row.ontime .legend_line {
    border-top: 2px dotted var(--CHART_PURPLE)
}
.dashboard__modal .legend .legend_row.avg .legend_line {
    border-top: 2px dashed var(--CHART_BLUE_BORDER)
}
.dashboard__modal .legend .legend_row.best .legend_line {
    border-top: 2px dashed var(--CHART_PURPLE)
}
.dashboard__modal .legend .legend_row.best .legend_line.way {
    border-top: 2px dashed var(--CHART_SPEED)
}
.dashboard__modal .legend .legend_row .legend_line {
    width: 24px;
    margin-top: 10px;
    padding-top: 3px;
    overflow: hidden;
    vertical-align: top;
}
.dashboard__modal .legend .legend_cnt {
    float: right;
}
.dashboard__modal .legend .legend_row .legend_circle {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 8px -1px -7px;
    background: var(--CHART_CIRCLE_WHITE);
    border-radius: 100%;
}
.dashboard__modal .legend .legend_row .legend_line ~ .legend_circle {
    margin-left: -15px;
    vertical-align: -1px;
}
.dashboard__modal .legend .legend_row.current .legend_line {
    border-top: 2px dotted var(--CHART_SPEED)
}
.dashboard__modal .legend .legend_row.costs .legend_line {
    box-shadow: 0 2px var(--CHART_COSTS_BORDER) inset;
    background: var(--CHART_COSTS_GRADIENT);
}
.dashboard__modal .legend .legend_row.costs .legend_line:before {
    border: 2px solid var(--CHART_COSTS_BORDER);
    border-width: 0 2px 2px 0;
}
.dashboard__modal .legend .legend_row .legend_line.as_chart {
    padding-top: 16px;
    margin-top: 2px;
}
.dashboard__modal .legend .legend_row .legend_line.as_chart:before {
    content: '';
    display: block;
    background: var(--base-cont-mod-top);
    width: 6px;
    height: 8px;
    margin: -16px 0 0 0;
}
.dashboard__modal .legend .legend_row.project_plan .legend_line {
    box-shadow: 0 2px var(--CHART_PROJECT_PLAN_BORDER) inset;
    background: var(--CHART_PROJECT_PLAN_BG);
}
.dashboard__modal .legend .legend_row.project_plan .legend_line:before {
    border: 2px solid var(--CHART_PROJECT_PLAN_BORDER);
    border-width: 0 2px 2px 0
}
.dashboard__modal .legend .legend_row.tasks_plan .legend_line {
    box-shadow: 0 2px var(--CHART_TASKS_PLAN_BORDER) inset;
    background: var(--CHART_TASKS_PLAN_BG);
}
.dashboard__modal .legend .legend_row.tasks_plan .legend_line:before {
    border: 2px solid var(--CHART_TASKS_PLAN_BORDER);
    border-width: 0 2px 2px 0
}
.dashboard__modal .legend .legend_row.costs .legend_cnt b {
    display: block;
    color: var(--costs-time-major);
    background: var(--costs-time-highlight);
    padding: 5px 10px;
    border-radius: 4px;
    box-shadow: 0 0 0 2px var(--costs-time-minor);
    margin: -5px -10px;
}
.dashboard__modal .legend .legend_row.costs .legend_cnt b i {
    font-style: normal;
    opacity: 0.7
}
.dashboard__modal .legend .legend_row .legend_finish {
    margin-left: 5%
}
.dashboard__modal .legend .legend_row .legend_circle.finish {
    border: 2px solid var(--CHART_PURPLE)
}
.dashboard__modal .legend .legend_row .legend_circle.way {
    border: 2px solid var(--CHART_SPEED)
}
.dashboard__modal .legend .legend_row .legend_circle.future {
    border: 2px solid var(--CHART_SPEED)
}
.dashboard__modal .legend .legend_row .legend_today span:first-child {
    border-left: 2px solid var(--CHART_BLUE_BORDER);
    padding: 3px 0 2px 0;
}
.dashboard__modal .legend .legend_row .legend_circle.today {
    border: 2px solid var(--CHART_BLUE_BORDER);
}
.dashboard__modal .legend .legend_row .ico_i {
    margin-left: 6px
}
.dashboard__modal {
    padding: 0 var(--sp_fix_32) var(--sp_fix_20) var(--sp_fix_32);
    min-width: 360px;
}
.dashboard__modal-autoHeight {
    height: auto;
}
.dashboard__modal .dashboard__block {
    margin-bottom: 0;
    background: var(--base-cont-mod-top);
    display: block;
}

.dashboard__modal .dashboard__block .l {
    float: left;
    width: 260px;
    padding-top: 30px;
}
.dashboard__modal .dashboard__block .users {
    float: left;
    width: 360px;
    padding-right: 16px;
    box-shadow: -1px 0 var(--base-line-secondary) inset;
    height: 360px;
    overflow: visible;
    padding: 0 8px;
}

.dashboard__modal .block.costs_burnout .users {
    height: 455px;
    margin-top: 20px;
}

.dashboard__modal .dashboard__block .users .scrollZone {
    max-height: 280px;
    overflow-y: auto;
    padding-bottom: 10px
}

.dashboard__modal .block.costs_burnout .users .scrollZone {
    padding-right: 8px;
    margin-right: -8px;
}

.dashboard__modal .scrollZone::-webkit-scrollbar {
    width: 2px;
    background-color: transparent
}

.dashboard__modal .scrollZone:hover::-webkit-scrollbar {
    background-color: transparent;
}

.dashboard__modal .scrollZone::-webkit-scrollbar-thumb:vertical {
    background-color: transparent
}

.dashboard__modal .scrollZone:hover::-webkit-scrollbar-thumb:vertical {
    background-color: var(--base-btn-primary-minor)
}

/** firefox **/
.dashboard__modal .scrollZone:not(.ps) {
    scrollbar-width: thin;
    scrollbar-color: transparent transparent
}

.dashboard__modal .scrollZone:not(.ps):hover {
    scrollbar-color: var(--base-btn-primary-minor) transparent
}

.dashboard__modal .dashboard__block .users .menu__group-fixed b {
    color: var(--base-btn-primary-minor)
}
.dashboard__modal .dashboard__block .users .counters {
    width: 155px;
    border-radius: 4px;
    font: 12px/24px var(--font-base);
    color: var(--base-txt-tertiary);
    padding: 0;
    height: 32px;
}
.dashboard__modal .dashboard__block .users .counters > * {
    float: left;
    width: 30px;
    text-align: center;
    padding: 4px 0;
}
.dashboard__modal .dashboard__block .users .counters b {
    color: var(--base-txt-primary);
    width: 35px;
    font-weight: bold;
}
.dashboard__modal .dashboard__block .users .counters_title {
    float: left;
    font: italic 13px/20px var(--font-serif);
    color: var(--base-txt-tertiary)
}
.dashboard__modal .dashboard__block .users .counters_head {
    width: 155px;
    font: 12px/20px var(--font-base);
    color: var(--base-txt-tertiary);
    height: 26px;
    margin: 8px 6px 0 auto;
}
.dashboard__modal .dashboard__block .users .counters_head div {
    float: left;
    width: 24px;
    height: 20px;
    text-align: center;
    padding: 3px 3px;
    cursor: pointer;
}
.dashboard__modal .dashboard__block .users .counters_head div:last-child {
    width: 29px;
}
.dashboard__modal .dashboard__block .users_whover .menu__item:hover {
    box-shadow: 0 0 0 1px var(--base-hlt-invert) inset;
    background: none;
}
.dashboard__modal .dashboard__block .users .menu__item:hover .counters span.active {
    box-shadow: 0 1px 0 0 var(--base-hlt-invert) inset, 0 -1px 0 0 var(--base-hlt-invert) inset
}
.dashboard__modal .dashboard__block .users .menu__item-active {
    background: var(--base-hlt-selected) !important;
    box-shadow:none
}
.dashboard__modal .dashboard__block .users .counters span.active {
    background: var(--base-hlt-selected) !important
}
.dashboard__modal .dashboard__block .users .menu__group-fixed .counters span.active {
    color: white;
    font-weight: bold;
    background: var(--base-txt-link-minor) !important
}

.dashboard__modal .dashboard__block .users .menu__group-fixed .counters span:not(.active):hover {
    color: var(--base-txt-link-minor)
}
.dashboard__modal .dashboard__block .users .counters.time_sum {
    width: auto;
    top: 2px;
    text-align: center;
    padding: 0;
}
.dashboard__modal .dashboard__block .users .counters.time_sum b {
    width: auto;
    background: var(--costs-time-highlight);
    color: var(--costs-time-major);
    padding: 1px 8px;
    border-radius: 8px;
    margin: 2px 0;
}
.dashboard__modal .dashboard__block .users .counters.time_sum b i {
    font-style: normal;
    opacity: 0.7;
    font-size: 11px;
}
.dashboard__modal .dashboard__block .users .counters.time_sum span {
    color: var(--costs-time-major);
    padding: 4px 0;
    text-align: right;
    width: 36px;
    padding-right: 8px;
    font: 11px/20px var(--font-base);
    margin-left: -10px;
}

.dashboard__modal .dashboard__block .users .counters.time_sum span i {
    font-style: normal;
    opacity: 0.7
}

.dashboard__modal .dashboard__block .users .menu__item-empty .counters.time_sum b {
    display: none
}

.dashboard__modal .dashboard__block .users .menu__item-empty .counters.time_sum i {
    width: 60px;
    padding: 3px 5px;
}

.dashboard__modal .dashboard__block .users .menu__item-empty .counters.time_sum i:before {
    content: '\2014';
}
.dashboard__modal .block.costs_burnout .users .scrollZone {
    max-height: 285px;
    margin-bottom: 50px;
}
.dashboard__modal .dashboard__block .users .menu__group {
    padding:0
}

/**** DASHBOARD STATS ****/

.dashboard__stats__list .menu__head ws-btn span {
	overflow: initial;
}


.dashboard__stats__list .flex_row {
	height: 28px;
	padding: 8px 12px 8px 16px;
	border: none;
	border-radius: 0;
	box-shadow: 0 var(--screen-px) var(--base-hlt-g-easy), 0 var(--screen-px) var(--base-hlt-g-easy) inset;
}

.dashboard__stats__list .menu__group:not(.menu__group-hidden) ~ .menu__group {
	border-top: none;
}

.dashboard__stats__list .sidePanel__list__item:hover {
	background: var(--base-hlt-g-easy);
}

.dashboard__stats__list .btn:not(.btn-expand) > span:not([class]) {
	padding: 0;
}

.dashboard__stats__list .menu__head ws-btn:last-child span {
	font-weight: 700;
}

.dashboard__stats__list .menu__item.menu__head:hover, .dashboard__stats__list .menu__item.menu__head {
	cursor: initial;
	background: transparent !important;
	box-shadow: 0 1px var(--base-line-tertiary);
}

.dashboard__stats__list .menu__head span {
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	color: var(--base-txt-tertiary);
}

.dashboard__stats__list .sidePanel__list__item {
	/* cursor: initial; */
}
.dashboard__stats__list .sidePanel__list__item .space + .space {
    margin-left: -6px;
}

.dashboard.modal .dashboard__stats__list .scrollZone {
	max-height: calc(100% - 70px);
}

#dashboard-interact .dashboard__block__body{
	padding: 0;
}

.dashboard.modal .dashboard__stats__list .scrollZone {
	max-height: calc(100% - 44px);
}
#dashboard-interact .dashboard__stats__list .scrollZone {
	max-height: calc(100% - 30px);
}

#dashboard-interact .dashboard__stats__list .scrollZone.scrollZone-short {
	max-height: calc(100% - 75px);
}

#dashboard-interact .dashboard__block__header {
	box-shadow: 0 -1px var(--base-line-tertiary) inset !important;
}

#dashboard-interact .sidePanel__list__item:first-child {
	box-shadow: none !important;
}

#dashboard-interact .space-number{
    font-weight: 700;
}

.dashboard__stats__list .stats {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: nowrap;
	border: 0;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	align-items: center;
	justify-content: flex-end;

	font: var(--font-ui-13-small-med);
	color: var(--base-txt-primary);
	width: 96px;
	height: 28px;
	/*padding: 0 2px;*/
	border-radius: 8px;
}

.dashboard__stats__list .stats ws-icon:first-of-type {
	flex-shrink: 1;
	flex-grow: 1;
	justify-content: flex-start;
	margin-left: 8px;
}

.dashboard__stats__list .stats ws-icon:first-of-type svg {
	width: 12px;
	height: 12px;
}

.dashboard__stats__list .stats span + ws-icon {
	width: 16px;
}

.dashboard__stats__list .stats-none span {
	width: 9px;
}

.dashboard__stats__list .stats-none {
	color: var(--base-txt-muted);
}

.dashboard__stats__list .stats-fill.stats-red {
	background: var(--base-hlt-w-hover);
}

.dashboard__stats__list .stats.stats-red ws-icon:first-of-type svg, .dashboard__stats__list .stats-red span + ws-icon svg {
	fill: var(--base-txt-btn-w);
}

.dashboard__stats__list .stats-green span + ws-icon svg {
	fill: var(--base-txt-btn-c);
}

.dashboard__stats__list .stats.stats-head:last-child span {
	font-weight: 700;
	color: var(--base-txt-primary);
}

.dashboard__stats__list .stats.stats-head span {
	margin-right: 12px;
}
.dashboard__stats__list .sidePanel__list__item:hover .stats-green:not(.stats-fill),
.dashboard__stats__list .stats-green:not(.stats-fill):hover {
	background: linear-gradient(0, var(--trans) 0%, #1A9E721F 0%), linear-gradient(0, var(--trans) 0%, var(--trans) 0%);
}

.dashboard__stats__list .sidePanel__list__item:hover .stats-red:not(.stats-fill),
.dashboard__stats__list .stats-red:not(.stats-fill):hover {
	background: linear-gradient(0, var(--trans) 0%, var(--base-hlt-w-hover) 0%), linear-gradient(0, var(--trans) 0%, var(--trans) 0%);
}

.dashboard__stats__list .sidePanel__list__item:hover .stats.stats-grey,
.dashboard__stats__list .stats.stats-grey:hover {
	background: linear-gradient(0, var(--trans) 0%, var(--base-hlt-g-hover) 0%), linear-gradient(0, var(--trans) 0%, var(--trans) 0%);
}

.dashboard__projects__list {
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
}
.dashboard__projects__list.dashboard__list-fullscreen {
    height: 100%;
}
.dashboard__projects__list__group {
    min-height: calc(100% - 34px);
}
.dashboard__projects__list .projectsList__item {
    display: flex;
    padding: 0 12px 0 20px;
    box-sizing:border-box;
    height: 60px;
    cursor: pointer;
    gap: 12px;
	&:hover {
		box-shadow: 0 var(--screen-px) var(--base-line-secondary), 0 var(--screen-px) var(--base-line-secondary) inset;
	}
}
.dashboard__projects__list .projectsList__item .overdue_dot {
    position: absolute;
    top: 0;
    right: 0;
    background: var(--base-txt-alert-major);
    display: inline-block;
    width: 8px;
    height: 8px;
    box-shadow: 0 0 0 2px var(--base-cont-top);
    border-radius: 100%;
    z-index: 1;
}
.dashboard__projects__list .projectsList__item .logo {position: relative;}
.dashboard__projects__list .projectsList__item .in {
    overflow: hidden;
}
.dashboard__projects__list .projectsList__item .project_status {
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    border: 1.5px solid var(--base-hlt-g-easy);
}
.dashboard__projects__list .projectsList__item .project_status:hover {
    background: var(--base-cont-trans-mid);
}
.dashboard__projects__list .projectsList__item .logo .proj_color {
    width: 48px;
    height: 48px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    box-shadow: 0 0 0 1px var(--base-line-tertiary) inset;
}
.dashboard__projects__list .projectsList__item .logo svg, .dashboard__projects__list .projectsList__item .logo ws-icon {
    width: 32px;
    height: 32px;
}
.dashboard__projects__list .projectsList__item .img {
    background: var(--white-accent);
    width:48px;
    height:48px;
    padding:2px;
    border-radius:24px;
    transform: scale(0.66);
}
.dashboard__projects__list .projectsList__item .img .av_nm {
}
.dashboard__projects__list .projectsList__item .name .in {
    font: var(--font-ui-15-large-semi);
    padding: 0;
}
.dashboard__projects__list .projectsList__item .project_last_action {
    padding: 0 4px;
    font: var(--font-ui-12-mini-reg);
    color: var(--base-txt-tertiary);
    display: flex;
}
.dashboard__projects__list .projectsList__item .info {}
.dashboard__projects__list .projectsList__item .info ws-icon {
    width: 12px;
    height: 12px;
    --icon-size: 12px;
    --icon-color: var(--base-txt-tertiary);
}
.dashboard__projects__list .projectsList__item .info .in {
    padding: 0 4px;
    font: var(--font-ui-12-mini-reg);
    color: var(--base-txt-tertiary)
}
.projectsList__item ~ .projectsList__item {
    border-top: 0.5px solid var(--base-line-ghost);
}
.dashboard__projects__list .projectsList__item:hover {
    background: var(--base-hlt-g-easy);
}
.dashboard__projects__list .projectsList__item.selected {
    background: var(--base-hlt-selected);
}


/**** MEDIA ****/
@media (max-width: 1460px) {
    body.withSidebar {
        .dashboard__row {
            flex-direction: column !important;
        }
		.dashboard__block-columns-full {
			flex-direction: column;
			.dashboard__block-column {
				width: 100%;
			}
		}
        .dashboard__block50 {
            width: 100%;
        }
        .dashboard__block-empty {
            display: none;
        }
        .dashboard__modal #dashboard-activity-chart-modal .users .scrollZone {
            position: inherit
        }
        .dashboard__modal #dashboard-activity-chart-modal .pd_in:not(.demo), .dashboard__modal .block.costs_burnout .pd_in:not(.demo) {
            margin-left: 0
        }
        .dashboard__modal .tasks_burnout .pd_in {
            padding: 0
        }
        .dashboard__modal .tasks_burnout .part {
            width: 100% !important
        }
        .dashboard__modal .tasks_burnout .legend .part_r {
            box-shadow: 0 1px 0 var(--CHART_GRID_LINE) inset
        }
        .dashboard__modal .tasks_burnout .legend .part_l {
            box-shadow: 0 -1px 0 var(--CHART_GRID_LINE) inset
        }
    }
}
@media (max-width: 1200px) {
    .dashboard__row {
        flex-direction: column !important;
    }
	.dashboard__block-columns-full {
		flex-direction: column;
		.dashboard__block-column {
			width: 100%;
		}
	}
    .dashboard__block50 {
        width: 100%;
    }
    .dashboard__block-empty {
        display: none;
    }
    .dashboard__modal #dashboard-activity-chart-modal .users .scrollZone {
        position: inherit
    }
    .dashboard__modal #dashboard-activity-chart-modal .pd_in:not(.demo), .dashboard__modal .block.costs_burnout .pd_in:not(.demo) {
        margin-left: 0
    }
    .dashboard__modal .tasks_burnout .pd_in {
        padding: 0
    }
    .dashboard__modal .tasks_burnout .part {
        width: 100% !important
    }
    .dashboard__modal .tasks_burnout .legend .part_r {
        box-shadow: 0 1px 0 var(--CHART_GRID_LINE) inset
    }
    .dashboard__modal .tasks_burnout .legend .part_l {
        box-shadow: 0 -1px 0 var(--CHART_GRID_LINE) inset
    }
    body[data-page*=dashboard] .menu .menu__group:not(.menu__group-move) .menu__submenuWrapper .menu__item[data-route="left"],
    body[data-page*=dashboard] .menu .menu__group:not(.menu__group-move) .menu__submenuWrapper .menu__item[data-route="right"] {
        display: none;
    }
}
@media (max-width: 1024px) {
    .dashboard__modal {
        padding:0 10px
    }
    .dashboard__modal .dashboard__block .users {
        margin: 0 0 15px;
        float: none;
        width: auto;
        box-shadow: none;
        height: auto !important
    }
    .dashboard__modal .dashboard__block .users .scrollZone {
        min-height: auto !important;
        max-height: unset !important
    }
    .dashboard__modal .dashboard__block .users .menu__item-empty {
        display: none
    }
}
@media (max-width: 760px) {
    .dashboard__modal #dashboard-activity-chart-modal .pd_in:not(.demo) {
        margin: 0
    }
    .dashboard__modal .tasks_burnout .legend .legend_row {
        width: 90% !important
    }
    .dashboard__modal .dashboard__block .users {
        position: relative;
        float: none;
        margin: 0 0 15px;
    }
	.dashboard .dashboard__block[data-container^="stats"] h4 {
		flex-shrink: 1;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.dashboard__block[data-container^="stats"] .dashboard__block__header .body {
		padding-bottom: 0;
	}
	.dashboard__stats__list .stats {
		width: 65px;
	}
	.dashboard__stats__list .stats ws-icon:first-of-type {
		margin-left: 3px;
	}
	.dashboard__stats__list .sidePanel__list__item .flex_content {
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	dashboard-block-stats-users [name=exclam_triangle-solid]{
		display: none;
	}
}
@media (max-width: 480px) {
    .dashboard__modal .dashboard__block .pd_in:not(.demo), #project-dashboard .dashboard__block {
        margin-left: 0;
        border-radius: 8px;
    }
    .dashboard__block {
        border-radius: 16px;
    }
	.dashboard__block[data-container=tasks] .dashboard__block__header .body {
		gap: 2px;
		padding-bottom: 0;
	}
	.dashboard .tabs .tabs__item:after {
		bottom: -2px;
	}
	.dashboard #dashboard-priorities h4 {
		padding-right: 0;
	}
	.dashboard__tasks__list {
		padding: 0;
	}
	.dashboard__block__more, .dashboard__block__expand {
		padding: 12px 0;
	}
	.modal {
		& .dashboard__block__more, .dashboard__block__expand {
			padding: 12px 0;
		}
	}
	.dashboard__block_columns {
		flex-direction: column;
	}
	.dashboard__block_column {
		width: 100%;
	}
    .dashboard__block__header .body .ws-btn-right ws-icon {
        display: inline-flex;
    }
    .dashboard__block__header .rightMenu {
        margin: 0 0 0 6px;
    }
    .dashboard #dashboard-tasks .dashboard__block__header .body ws-btn[data-menu-id="dashboard-tasks-ordermenu"] {
        max-width: 80px;
    }
    .dashboard #dashboard-tasks .dashboard__block__header .body ws-btn[data-menu-id="dashboard-tasks-selectionmenu"] {
        max-width: 140px;
    }
    .dashboard h4 {
        font: var(--font-ui-16-title-3-semi);
    }
	#dashboard-interact .dashboard__block__header:has(.is-shown) h4 > span:first-child {
		display: none;
	}
	.dashboard__block__header .stats-hide {
		margin-left: 0;
	}
	#dashboard-interact .dashboard__stats__list .scrollZone{
		max-height: calc(100% - 20px);
	}
	#dashboard-interact .dashboard__stats__list .scrollZone.scrollZone-short{
		max-height: calc(100% - 60px);
	}
	 .dashboard__block--auto-height {
        height: auto !important;
    }
	#dashboard-interact .sidePanel__list__item .space{
		width: 24px;
		height: 24px;
	}
	#dashboard-interact .sidePanel__list__item .space + .space{
		margin-left: -3px;
	}
	#dashboard-interact .sidePanel__list__item ws-icon {
		width: 16px;
		height: 16px;
	}
}

@media (hover: none) {
	.dashboard .tabs .tabs__item:hover:after {
		background: none;
	}
}


#dashboard-stats_projects .proj_color {
    display: flex;
    justify-content: center;
    align-items: center;
}
#dashboard-stats_projects, [id^="dashboard-stats_projects"]{
	& .proj_color ws-emoji {
		width: 16px;
		height: 16px;
	}
}

#dashboard-stats_projects .sidePanel__list__item .in {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 6px;
}

#dashboard-stats_general .dashboard__stats__list .sidePanel__list__item {
	cursor: default !important;
}

.dashboard__block-expand_btn-expand span {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}
.dashboard__block-expand_btn-expand span span {
    padding: 0 4px !important;
}
.dashboard__block-expand_iconset {
    display: flex;
    flex-direction: column;
}
.dashboard__block-expand_iconset ws-icon {
    --icon-size: 12px;
    --btn-txt-color: var(--base-txt-tertiary, rgba(9, 32, 52, 0.45));
    height: initial;
}
.dashboard__block-expand_btn-expand {
    padding: 5px 1px;
}

.dashboard__block-expand {
    display: flex;
    justify-content: center;
    padding-top: 5px;
}
body.mobile .dashboard__block:has(.dashboard__block__expand) .dashboard__block__more {
    display: none;
}
body.mobile .modal .dashboard__block:has(.dashboard__block__expand) .dashboard__block__more {
    display: flex;
}
body.desktop .dashboard__block .dashboard__block__expand,
body.mobile .modal  .dashboard__block__expand {
    display: none;
}

.modal .dashboard__block__header h4 {
    font: var(--font-ui-18-title-2-semi);
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 0;
    margin-right: 5px;
}
.modal .dashboard__block__header,
.modal:has(.dashboard__block__header) .modal__header > .in,
.modal .dashboard__block__header .body
{
    padding: 0;
    height: auto;
    width: 100%;
}


.modal .dashboard__block__header .rightMenu {
    display: none;
}

.modal:has(.dashboard__block__header) .modal__header > .flex_gap {
    display: none;
}
.modal:has(.dashboard__block__header) .modal__header {
    padding-bottom: 10px;
}

.modal .dashboard__block__body {
    max-height: 100%;
	padding: 0;
	& .safe-bottom {
		padding-bottom: 34px;
	}
}
.dashboard:not(.modal) {
	padding-bottom: 12px;
	& .dashboard__block__body .tabs {
		display: none;
	}
}
.dashboard.modal .dashboard__block__header .tabs {
    display: none;
}
.dashboard.modal .dashboard__block__body .tabs {
    padding: 2px 15px;
    background: var(--base-cont-mod-top);
    position: sticky;
    top: 0;
    z-index: 1;
    width: 100%;
    box-sizing: border-box;
}
.dashboard.modal .dashboard__block__body .tabs:has(+ .menu__group-fixed) {
	padding-bottom: 10px;
}
.modal .dashboard__block__header .avatar {
    height: auto;
    padding: 0;
}
.modal .dashboard__block__header  {
    align-items: center;
}
.modal .dashboard__block__header-bottom,
.modal .dashboard__block__header-bottomDynamic,
.modal:has(.tabs) .scrollZone-top {
    box-shadow: none !important;
}
.modal:has(.tabs):has(.scrollZone-top) .tabs {
    box-shadow: 0 1px var(--base-line-tertiary);
}
.modal.dashboard {
    gap: 0;
}
.dashboard__block__header ws-btn {
    min-width: 0;
    flex: 0 1 auto;
}

body.desktop .dashboard__block:not(:hover) .dashboard__block__header .flex_gap + .ws-btn-right:not(.menu_open) {
	display: none;
}

.dashboard__block[data-container^="stats"], .dashboard__block[data-container="chats"]  {
	& .dashboard__block__body {
		flex-shrink: initial;
	}
}
.dashboard__stats__list {
	& .menu__group-fixed {
		background: linear-gradient(180deg, var(--base-cont-top), var(--base-cont-top-opac));
		backdrop-filter: blur(4px);
		z-index: 1;
		position: sticky;
		top: 0;
	}
	& .scrollZone {
		max-height: 100%;
	}
}