@tailwind base;
@tailwind components;
@tailwind utilities;

/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

*/

/* Hierarchy tree lines */
.hierarchy-tree-item {
  position: relative;
}

.hierarchy-tree-item.has-parent::before {
  content: '';
  position: absolute;
  left: -12px;
  top: 0;
  bottom: 50%;
  width: 12px;
  border-left: 2px solid #cbd5e1; /* gray-300 */
  border-bottom: 2px solid #cbd5e1; /* gray-300 */
  border-bottom-left-radius: 4px;
}

.hierarchy-tree-item.has-parent::after {
  content: '';
  position: absolute;
  left: -12px;
  top: 50%;
  bottom: -100%;
  width: 2px;
  background-color: #cbd5e1; /* gray-300 */
}

.hierarchy-tree-item.has-parent.is-last-child::after {
  display: none;
}

/* Pass-through vertical lines for ancestors with siblings */
.hierarchy-passthrough-line {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  background-color: #cbd5e1; /* gray-300 */
  pointer-events: none;
}