/* Orders list tree: child rows indented below their parent multiorder. */

.order-child-row td {
  background-color: #f4f7fc;
}

/* Indent the ID cell and draw a vertical tree line to its left. */
.order-child-row .views-field-id {
  padding-left: 36px;
  position: relative;
}

.order-child-row .views-field-id::before {
  content: '';
  position: absolute;
  left: 12px;
  top: 0;
  bottom: 50%;
  width: 1px;
  background: #9ab;
}

/* Smaller, muted font for the ID link of child orders. */
.order-child-row .views-field-id a {
  font-size: 0.85em;
  color: #445;
}

/* Connector symbols (├─ / └─). */
.order-tree-connector {
  display: inline-block;
  color: #7a9ab0;
  font-family: monospace;
  margin-right: 6px;
  font-size: 11px;
  vertical-align: middle;
  user-select: none;
}