#compUserValidationHintContainer { display: none; }
#componentUserValidationPopupNoProjectOrCompany { display: none; }

#managmentContainer {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

#managmentContent {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1.332vh;
    box-sizing: border-box;
    min-width: 0;
}

#managmentTopBlocks {
    display: flex;
    flex-direction: row;
    gap: 1.332vh;
    flex-shrink: 0;
    height: auto;
    position: relative;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    align-items: stretch;
    min-width: 0;
}

#managmentTopBlocks:has(.users-block) {
    z-index: 2;
}

#managmentMainArea {
    flex: 1;
    min-height: 0;
    min-width: 103vh;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

#managmentMainArea.overflow-visible {
    overflow: visible;
    z-index: 3;
}

#userMainContent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    max-height: 67.266vh;
}

#buildingMapContent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    max-height: 67.266vh;
}

#rbacContent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.hidden {
    display: none !important;
    visibility: hidden !important;
}

.comp-building-map-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 67.266vh;
    background-color: var(--comp-mgmt-worker-color-glass-surface);
    border: var(--app-border-width) solid var(--comp-mgmt-worker-color-glass-border);
    border-radius: 1.332vh;
    padding: 2.22vh;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 3.552vh;
    overflow: hidden;
}

.comp-user-mgmt-block {
    display: flex;
    flex-direction: row;
    gap: 1.332vh;
    padding: 2.22vh;
    background-color: #292c30;
    border-radius: 1.332vh;
    box-sizing: border-box;
    flex: 1;
}

#managmentContent:has(#buildingMapContent:not(.hidden)) .comp-user-mgmt-block,
#managmentTopBlocks:has(#userBlock2Content.mgmt-block2--personal) .comp-user-mgmt-block {
    background-color: var(--comp-mgmt-worker-color-glass-surface);
    border: var(--app-border-width) solid var(--comp-mgmt-worker-color-glass-border);
}

#managmentContent:has(#buildingMapContent:not(.hidden)) .comp-project-card,
#managmentContent:has(#buildingMapContent:not(.hidden)) .comp-function-card,
#managmentTopBlocks:has(#userBlock2Content.mgmt-block2--personal) .comp-project-card,
#managmentTopBlocks:has(#userBlock2Content.mgmt-block2--personal) .comp-function-card {
    background: var(--comp-mgmt-worker-color-panel-dark);
    border: var(--app-border-width) solid var(--comp-mgmt-worker-color-glass-border);
}

#managmentContent:has(#buildingMapContent:not(.hidden)) .comp-project-card.active,
#managmentTopBlocks:has(#userBlock2Content.mgmt-block2--personal) .comp-project-card.active {
    border-color: var(--comp-mgmt-worker-color-glass-border);
}

#managmentContent:has(#buildingMapContent:not(.hidden)) .comp-user-link,
#managmentTopBlocks:has(#userBlock2Content.mgmt-block2--personal) .comp-user-link {
    color: var(--comp-mgmt-worker-color-text-primary);
}

#managmentContent:has(#buildingMapContent:not(.hidden)) .comp-project-empty-label {
    color: var(--comp-mgmt-worker-color-accent);
}

#managmentContent:has(#buildingMapContent:not(.hidden)) .comp-user-subtitle,
#managmentTopBlocks:has(#userBlock2Content.mgmt-block2--personal) .comp-user-subtitle {
    color: var(--comp-mgmt-worker-color-text-disabled);
}

#managmentContent:has(#buildingMapContent:not(.hidden)) .comp-mgmt-navigation-dropdown {
    background: var(--comp-mgmt-worker-color-glass-surface);
}

#managmentContent:has(#buildingMapContent:not(.hidden)) .comp-mgmt-navigation-dropdown-txt,
#managmentContent:has(#buildingMapContent:not(.hidden)) .comp-mgmt-navigation-dropdown-txt--placeholder,
#managmentContent:has(#buildingMapContent:not(.hidden)) .comp-function-title,
#managmentTopBlocks:has(#userBlock2Content.mgmt-block2--personal) .comp-function-title {
    color: var(--comp-mgmt-worker-color-text-secondary);
}

#managmentContent:has(#buildingMapContent:not(.hidden)) .comp-function-card.active,
#managmentTopBlocks:has(#userBlock2Content.mgmt-block2--personal) .comp-function-card.active {
    outline: none;
    border-color: var(--comp-mgmt-worker-color-status-readiness);
}

#managmentContent:has(#buildingMapContent:not(.hidden)) .comp-function-card:hover,
#managmentTopBlocks:has(#userBlock2Content.mgmt-block2--personal) .comp-function-card:hover {
    background-color: var(--comp-mgmt-worker-color-panel-dark);
    box-shadow: none;
}

#managmentContent:has(#buildingMapContent:not(.hidden)) #compFunctionCardMap .comp-function-link.comp-function-link-blue {
    color: var(--comp-mgmt-worker-color-status-readiness);
}

#managmentContent:has(#buildingMapContent:not(.hidden)) #compFunctionCardMap svg path {
    stroke: var(--comp-mgmt-worker-color-status-readiness);
}

#userBlock1Content.comp-user-mgmt-block {
    flex: 1 1 0;
    min-width: 0;
    overflow: visible;
}

#managmentContent:has(#buildingMapContent:not(.hidden)) #userBlock1Content #compProjectDropdown {
    background-color: var(--comp-mgmt-worker-color-glass-panel-solid);
    border: var(--app-border-width) solid var(--comp-mgmt-worker-color-glass-border);
}

#managmentContent:has(#buildingMapContent:not(.hidden)) #userBlock1Content .comp-project-dropdown-input {
    background: var(--comp-mgmt-worker-color-glass-surface);
}

#managmentContent:has(#buildingMapContent:not(.hidden)) #userBlock1Content .comp-project-dropdown-input input::placeholder,
#managmentContent:has(#buildingMapContent:not(.hidden)) #userBlock1Content .comp-project-dropdown-input input {
    color: var(--comp-mgmt-worker-color-text-disabled);
}

#managmentContent:has(#buildingMapContent:not(.hidden)) #userBlock1Content .comp-project-dropdown-item-name {
    color: var(--comp-mgmt-worker-color-text-secondary);
}

#managmentContent:has(#buildingMapContent:not(.hidden)) #userBlock1Content .comp-project-dropdown-item-address {
    color: var(--comp-mgmt-worker-color-text-disabled);
}

#managmentContent:has(#buildingMapContent:not(.hidden)) #userBlock1Content .comp-project-dropdown-item-selected,
#managmentContent:has(#buildingMapContent:not(.hidden)) #userBlock1Content .comp-project-dropdown-item:hover {
    background: var(--comp-mgmt-worker-color-glass-surface);
}

#userBlock2Content.comp-user-mgmt-block {
    flex: 0 0 auto;
}

/* === СТИЛИ ДЛЯ КАРТОЧКИ ЖК/ПРОЕКТА === */
.comp-project-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.664vh;
    padding: 1.776vh 2.22vh;
    background-color: #13161b;
    border: var(--app-border-width) solid transparent;
    border-radius: 1.332vh;
    transition: all 0.3s;
    cursor: pointer;
    flex: 1;
    height: 14.872vh;
    box-sizing: border-box;
    width: 100%;
    justify-content: center;
    position: relative;
}

.noProject-default-container,
.noProject-default-container-RBAC {
    display: none;
    flex-direction: column;
    border: var(--app-border-width) solid #FFA500;
    height: auto;
    width: 100%;
    border-radius: 1.332vh;
    padding: 1.332vh 2.22vh;
    align-items: center;
    justify-content: center;
    gap: 0.444vh;
    cursor: pointer;
}

.noProject-default-container-RBAC {
    display: flex;
    max-width: 29.415vh;
    position: relative;
    overflow: visible;
}

.noProject-default-container-RBAC .hint-close {
    top: -2vh;
    right: -2vh;
    left: auto;
    cursor: pointer;
    pointer-events: auto;
}

.noProject-default-container.active {
    display: flex;
}

.noProject-default-container--label-only {
    display: none;
    border: none;
    background: transparent;
    height: auto;
    padding: 1.776vh 2.22vh;
    cursor: default;
    align-items: flex-start;
    justify-content: flex-start;
    background: #13161b;
    border-radius: 1.332vh;
}

.noProject-default-container--label-only.active {
    display: flex;
}

.comp-project-empty-label {
    color: #61C454;
    font-weight: 700;
    font-size: 2.22vh;
    line-height: 2.664vh;
    text-transform: none;
}

.noProject-default-container-text {
    color: #A9ABAC;
    font-weight: 500;
    font-size: 1.554vh;
    line-height: 2.664vh;
    text-align: center;
}

.noProject-default-container-text .yellow {
    color: #FFA500;
}

.noProject-default-container-text-plus-icon {
    display: flex;
    align-items: center;
    gap: 1.332vh;
}

.noProject-default-container-text-plus-icon img {
    width: 2.664vh;
    height: 2.664vh;
}

.noProject-default-container-text-plus-icon span {
    color: #D0D0D1;
    font-weight: 700;
    font-size: 1.776vh;
    line-height: 2.664vh;
}

.comp-project-card.active {
    border: var(--app-border-width) solid #5fafff;
}

.comp-project-card.hide {
    display: none;
}

.comp-project-card:hover {
    background-color: #1a1d22;
    box-shadow: 0 0 1.332vh var(--comp-mgmt-worker-color-glass-border);
}

.comp-project-avatar {
    width: 3.552vh;
    height: 3.552vh;
    object-fit: cover;
    flex-shrink: 0;
}

.comp-project-text-column {
    display: flex;
    flex-direction: column;
    gap: 0.222vh;
    min-width: 0;
    flex: 1;
    width: 100%;
}

.comp-project-name-group {
    display: flex;
    flex-direction: column;
    gap: 0.111vh;
    cursor: pointer;
}

.comp-project-title {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 1.776vh;
    line-height: 2.664vh;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.comp-project-default-info {
    display: flex;
    flex-direction: column;
    gap: 0.888vh;
}

.comp-project-selected-info {
    display: flex;
    flex-direction: column;
    gap: 0.888vh;
}

.comp-project-info-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0.222vh;
}

.comp-project-name {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 1.776vh;
    line-height: 2.664vh;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.comp-project-address {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 1.332vh;
    line-height: 1.776vh;
    color: #a9abac;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.comp-project-link {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 1.332vh;
    line-height: 1.776vh;
    color: #5fafff;
    cursor: pointer;
    transition: color 0.2s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.comp-project-link:hover {
    color: #7fbfff;
}

/* === СТИЛИ ДЛЯ КАРТОЧКИ КОРПУСА/СЕКЦИИ === */
.comp-building-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1.332vh;
    padding: 1.3vh;
    background-color: #13161b;
    border: var(--app-border-width) solid transparent;
    border-radius: 1.332vh;
    transition: all 0.3s;
    cursor: pointer;
    flex: 1;
    width: 29.304vh;
    height: 14.874vh;
    box-sizing: border-box;
    overflow: hidden;
}

.comp-building-card.hide,
.comp-building-card.noProject,
.comp-project-card.noProject {
    display: none;
}

.comp-building-card.active {
    border: var(--app-border-width) solid #5fafff;
}

.comp-building-card:hover {
    background-color: #1a1d22;
    box-shadow: 0 0 1.332vh rgba(95, 175, 255, 0.3);
}

.comp-building-icon {
    width: 3.552vh;
    height: 3.552vh;
    border-radius: 0.444vh;
    object-fit: contain;
    flex-shrink: 0;
}

.comp-user-icon {
    width: 3.552vh;
    height: 3.552vh;
    flex-shrink: 0;
    display: block;
}

.comp-building-text-column {
    display: flex;
    flex-direction: column;
    gap: 0.888vh;
    min-width: 0;
    flex: 1;
}

.comp-building-title {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 1.776vh;
    line-height: 2.664vh;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.comp-building-info-group {
    display: flex;
    flex-direction: column;
    gap: 0.222vh;
}

.comp-building-subtitle {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 1.332vh;
    line-height: 1.776vh;
    color: #a9abac;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.comp-building-link {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 1.332vh;
    line-height: 1.776vh;
    color: #5fafff;
    cursor: pointer;
    transition: color 0.2s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.comp-building-link:hover {
    color: #7fbfff;
}

/* === СТИЛИ ДЛЯ КАРТОЧЕК ФУНКЦИОНАЛА === */
.comp-function-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.332vh;
    padding: 1.3vh;
    background-color: #13161b;
    border: var(--app-border-width) solid transparent;
    border-radius: 1.3vh;
    transition: all 0.3s;
    cursor: pointer;
    flex: 1;
    width: 13.986vh;
    height: 14.872vh;
    box-sizing: border-box;
    overflow: hidden;
}

.comp-function-card.empty {
    cursor: pointer;
    pointer-events: none;
}

.comp-function-card.active {
    outline: var(--app-border-width) solid #5fafff;
}

#compFunctionCardMap.comp-function-card {
    overflow: visible;
}

.comp-function-card:hover {
    background-color: #1a1d22;
    box-shadow: 0 0 1.332vh rgba(95, 175, 255, 0.3);
}

.comp-function-content {
    display: flex;
    flex-direction: column;
    gap: 0.888vh;
    width: 100%;
}

.comp-function-title {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 1.776vh;
    line-height: 2.664vh;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
}

.comp-function-info-group {
    display: flex;
    align-items: baseline;
    gap: 0.222vh;
    flex-wrap: wrap;
}

#compFunctionCardMap .comp-function-info-group {
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
}

#compFunctionCardMap .comp-function-info-group .comp-function-link {
    display: block;
}

.comp-function-subtitle {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 1.332vh;
    line-height: 1.776vh;
    color: #a9abac;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.comp-function-link {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 1.332vh;
    line-height: 1.776vh;
    cursor: pointer;
    transition: color 0.2s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.comp-function-link-blue {
    color: #5fafff;
}

.comp-function-link-blue:hover {
    color: #7fbfff;
}

.comp-function-link-green {
    color: #61c454;
}

.comp-function-link-green:hover {
    color: #71d464;
}

.comp-function-link-orange {
    color: #ffa500;
}

.comp-function-link-yellow {
    color: #FFA500;
}

.comp-function-link-orange:hover {
    color: #ffb520;
}

.comp-function-link-red {
    color: #f54f5f;
}

.comp-function-link-red:hover {
    color: #ff6f7f;
}

.comp-user-mgmt-header {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-shrink: 0;
    flex-grow: 0;
    position: relative;
}

.comp-user-mgmt-title {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 2.22vh;
    line-height: 1.2;
    color: #A9ABAC;
    padding: 0.444vh 1.332vh;
    cursor: pointer;
    transition: color 0.4s ease, box-shadow 0.4s ease;
}

.comp-user-mgmt-title.active {
    color: #5FAFFF;
    box-shadow: inset 0 -0.222vh 0 0 #5FAFFF;
}

.comp-user-mgmt-buttons {
    display: flex;
    align-items: center;
    gap: 0.444vh;
}

.comp-user-mgmt-cards.is-collapsed {
    display: none;
}

.comp-user-mgmt-btn {
    width: 4.44vh;
    height: 4.44vh;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 0.666vh;
    background-color: #31404f;
    transition: background-color 0.2s, transform 0.1s;
}

.comp-user-mgmt-btn:hover {
    background-color: #3f4246;
    transform: scale(1.05);
}

.comp-user-mgmt-btn:active {
    transform: scale(0.95);
}

.comp-user-mgmt-btn svg {
    width: 2.22vh;
    height: 2.22vh;
}

.users-block .comp-mgmt-navigation-dropdowns,
.users-block .comp-mgmt-slot-switch {
    display: none;
}

#compUserValidationIcon, .comp-user-validation-text {
    display: none;
    pointer-events: none;
}

.users-block #compUserValidationIcon,
.users-block .comp-user-validation-text,
#compProjectCard.active #compUserValidationIcon,
#compProjectCard.active .comp-user-validation-text {
    display: block;
    pointer-events: auto;
}

.users-block .comp-project-card {
    justify-content: flex-start;
}

.company-block .comp-mgmt-navigation-dropdowns,
.company-block .comp-mgmt-slot-switch {
    display: none;
}

.company-block .comp-project-card {
    justify-content: flex-start;
}

.comp-mgmt-card-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    width: 100%;
    gap: 0.888vh;
    min-width: 0;
}

.comp-mgmt-card-head .comp-user-info-group {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
}

.comp-mgmt-slot-switch {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.888vh;
    flex-shrink: 0;
}

.comp-mgmt-slot-switch__btn {
    padding: 0.888vh 1.332vh;
    background: var(--comp-mgmt-worker-color-glass-surface);
    overflow: hidden;
    border: var(--app-border-width) solid var(--comp-mgmt-worker-color-glass-border);
    border-radius: 5.328vh;
    color: var(--comp-mgmt-worker-color-text-disabled);
    font-family: "Inter", sans-serif;
    font-size: 1.554vh;
    font-weight: 700;
    line-height: 1.998vh;
    white-space: nowrap;
    cursor: pointer;
}

.comp-mgmt-slot-switch__btn--active {
    color: var(--comp-mgmt-worker-color-text-secondary);
    border-color: var(--comp-mgmt-worker-color-status-readiness);
}

.comp-mgmt-navigation-dropdowns {
    display: flex;
    align-items: center;
    gap: 0.888vh;
}

.comp-mgmt-navigation-dropdown {
    display: flex;
    width: 11.65vh;
    padding: 0.444vh 0.888vh;
    justify-content: space-between;
    align-items: center;
    gap: 0.888vh;
    border-radius: 0.666vh;
    background: #292C30;
    cursor: pointer;
}

.comp-mgmt-navigation-dropdown.first {
    width: 12.876vh;
}

.comp-mgmt-navigation-dropdown--section {
    width: 12.68vh;
}

.comp-mgmt-navigation-dropdown.last {
    width: 12.1vh;
}

.comp-mgmt-navigation-dropdown-txt {
    color: #D0D0D1;
    font-size: 1.554vh;
    font-weight: 500;
    line-height: 1.998vh;
    flex: 1 1 0;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.comp-mgmt-navigation-dropdown-txt--placeholder {
    color: #A9ABAC;
}

/* Меню дропдаунов строительства*/
.sld.comp-mgmt-navigation-menu {
    min-width: 22.2vh;
    background: rgba(20, 23, 32, 0.48);
    border: none;
    border-radius: 1.776vh;
    outline: var(--app-border-width) solid rgba(247, 241, 236, 0.08);
    box-shadow: none;
}

.sld.comp-mgmt-navigation-menu .sld__item {
    height: auto;
    min-height: 3.552vh;
    padding: 0.444vh 1.332vh;
    color: #D0D0D1;
    font-weight: 500;
    font-size: 1.554vh;
    line-height: 2.664vh;
    gap: 1.332vh;
    border-radius: 0.666vh;
}

.sld.comp-mgmt-navigation-menu .sld__item:hover,
.sld.comp-mgmt-navigation-menu .sld__item--selected {
    background-color: rgba(247, 241, 236, 0.06);
}

.sld.comp-mgmt-navigation-menu .sld__item-label {
    width: 11.1vh;
    flex: 0 0 11.1vh;
    color: #D0D0D1;
}

.sld.comp-mgmt-navigation-menu .sld__item-value {
    width: 4.44vh;
    min-width: 4.44vh;
    color: #D0D0D1;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 12.21vh;
}

.sld.comp-mgmt-navigation-menu.comp-mgmt-mops-menu {
    width: max-content;
    min-width: 22.2vh;
    max-width: 55.5vh;
    max-height: 25.086vh;
    overflow-x: hidden;
}

.sld.comp-mgmt-navigation-menu.comp-mgmt-mops-menu .sld__item {
    width: max-content;
    min-width: 100%;
}

.sld.comp-mgmt-navigation-menu.comp-mgmt-mops-menu .sld__item-label {
    width: auto;
    flex: 0 0 auto;
    overflow: visible;
}

.sld.comp-mgmt-navigation-menu.comp-mgmt-mops-menu .sld__item-value {
    display: none;
}

.comp-mgmt-navigation-dropdown-cross {
    display: flex;
    visibility: visible;
    opacity: 1;
    border-radius: 0.666vh;
    padding: 0.444vh;
    background-color: #292C30;
    transition: visibility 0.2s, opacity 0.2s;
}

.comp-mgmt-navigation-dropdown-cross.hide {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.2s, opacity 0.2s;
    pointer-events: none;
    cursor: default;
}

#compUserValidationIcon.hide {
    display: none;
    pointer-events: none;
}

/* Размеры карточек персонала. Цвета те же, что у строительства */
#managmentTopBlocks:has(#userBlock2Content.mgmt-block2--personal) .comp-project-card {
    height: 14.874vh;
    padding-top: 1.776vh;
    padding-right: 2.22vh;
    padding-bottom: 1.776vh;
    padding-left: 2.22vh;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 2.664vh;
    box-shadow: none;
}

#managmentTopBlocks:has(#userBlock2Content.mgmt-block2--personal) .comp-project-card:hover {
    box-shadow: none;
}

#managmentTopBlocks:has(#userBlock2Content.mgmt-block2--personal) .comp-function-card {
    height: 14.874vh;
    padding: 1.332vh;
    justify-content: flex-start;
}

#managmentTopBlocks:has(#userBlock2Content.mgmt-block2--personal) .comp-function-title {
    width: 11.322vh;
}

#managmentTopBlocks:has(#userBlock2Content.mgmt-block2--personal) .comp-function-info-group {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.222vh;
}

#managmentTopBlocks:has(#userBlock2Content.mgmt-block2--personal) .comp-function-subtitle {
    width: 11.322vh;
}

#managmentTopBlocks:has(#userBlock2Content.mgmt-block2--personal) .comp-function-link-green,
#managmentTopBlocks:has(#userBlock2Content.mgmt-block2--personal) .comp-function-link-green:hover {
    color: var(--comp-mgmt-worker-color-success);
}

#managmentTopBlocks:has(#userBlock2Content.mgmt-block2--personal) .comp-function-link-red,
#managmentTopBlocks:has(#userBlock2Content.mgmt-block2--personal) .comp-function-link-red:hover {
    color: var(--comp-mgmt-worker-color-error);
}

#managmentTopBlocks:has(#userBlock2Content.mgmt-block2--personal) .comp-function-link-blue,
#managmentTopBlocks:has(#userBlock2Content.mgmt-block2--personal) .comp-function-link-blue:hover {
    color: var(--comp-mgmt-worker-color-status-readiness);
}