// core
.p-organizationchart-table {
  border-spacing: 0;
  border-collapse: separate;
  margin: 0 auto;
}

.p-organizationchart-table > tbody > tr > td {
  text-align: center;
  vertical-align: top;
  padding: 0 0.75rem;
}

.p-organizationchart-node-content {
  display: inline-block;
  position: relative;
}

.p-organizationchart-node-content .p-node-toggler {
  position: absolute;
  bottom: -0.75rem;
  margin-left: -0.75rem;
  z-index: 2;
  left: 50%;
  user-select: none;
  cursor: pointer;
  width: 1.5rem;
  height: 1.5rem;
  text-decoration: none;
}

.p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
  position: relative;
  top: 0.25rem;
}

.p-organizationchart-line-down {
  margin: 0 auto;
  height: 20px;
  width: 1px;
}

.p-organizationchart-line-right {
  border-radius: 0px;
}

.p-organizationchart-line-left {
  border-radius: 0;
}

.p-organizationchart-selectable-node {
  cursor: pointer;
}

// theme
.p-organizationchart {
  .p-organizationchart-node-content {
    &.p-organizationchart-selectable-node:not(.p-highlight):hover {
      background: $inputListItemHoverBg;
      color: $inputListItemTextHoverColor;
    }

    &.p-highlight {
      background: $highlightBg;
      color: $highlightTextColor;

      .p-node-toggler {
        i {
          color: darken($highlightBg, 25%);
        }
      }
    }
  }

  .p-organizationchart-line-down {
    background: $organizationChartConnectorColor;
  }

  .p-organizationchart-line-left {
    border-right: $panelContentBorder;
    border-color: $organizationChartConnectorColor;
  }

  .p-organizationchart-line-top {
    border-top: $panelContentBorder;
    border-color: $organizationChartConnectorColor;
  }

  .p-organizationchart-node-content {
    border: $panelContentBorder;
    background: $panelContentBg;
    color: $panelContentTextColor;
    padding: $panelContentPadding;
  }

  .p-organizationchart-node-content .p-node-toggler {
    background: inherit;
    color: inherit;
    border-radius: 50%;
    outline-color: transparent;

    &:focus-visible {
      @include focused();
    }
  }
}