.hierarchy-screen .view-head {
  border-bottom: 1px solid rgba(244, 248, 255, .55);
}

.hierarchy-layout-stack {
  gap: 7px;
  padding: 7px 9px 12px;
}

.hierarchy-root-card,
.hierarchy-data-card {
  border-radius: 7px;
  padding: 6px;
}

.hierarchy-root-card .users-block-head,
.hierarchy-data-card .users-block-head {
  min-height: 32px;
  margin: 0 0 5px;
  padding: 4px 6px;
}

.hierarchy-root-wrap {
  max-height: 245px;
}

.hierarchy-table-wrap {
  max-height: 165px;
}

.hierarchy-core-card .hierarchy-table-wrap {
  max-height: 215px;
}

.hierarchy-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.hierarchy-card-grid-four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.hierarchy-card-grid-five {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.hierarchy-card-grid-five .hierarchy-data-card,
.hierarchy-card-grid-four .hierarchy-data-card {
  min-width: 0;
}

.hierarchy-level-title {
  min-height: 27px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 3px 7px;
  border-left: 3px solid #4f8ce8;
  background: linear-gradient(90deg, rgba(42, 91, 165, .23), transparent);
  color: #dceaff;
  font-size: 10px;
}

.conciliation-hierarchy-screen .hierarchy-level-title {
  border-left-color: #e8a14f;
}

.hierarchy-level-title span {
  color: #8098bb;
}

.hierarchy-table th,
.hierarchy-table td {
  padding: 4px 5px;
  font-size: 9px;
}

.hierarchy-data-card .actions-col {
  width: 52px;
}

.hierarchy-data-card .mini-button {
  min-height: 21px;
  padding: 2px 6px;
  font-size: 9px;
}

@media (max-width: 1450px) {
  .hierarchy-card-grid-five,
  .hierarchy-card-grid-four {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1050px) {
  .hierarchy-card-grid,
  .hierarchy-card-grid-five,
  .hierarchy-card-grid-four {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .hierarchy-card-grid,
  .hierarchy-card-grid-five,
  .hierarchy-card-grid-four {
    grid-template-columns: 1fr;
  }
}