.css-1fny7mx {
  /* height: 10px; */
}

.tree ul {
  padding-left: 15px;
  list-style-type: none;
  position: relative;
}

 .tree li {
  margin: 0; 
  /* padding: 10px 5px 0 5px; */ /* Loại bỏ padding cũ có thể gây lệch */
  position: relative;
}

.tree li::before,
.tree li::after {
  content: '';
  position: absolute;
  left: -15px; /* Điều chỉnh vị trí đường kẻ để không chồng lên icon/text */
}

.tree li::before {
  border-left: 2px solid #ccc;
  top: 0;
  /* bottom: 50px; */ /* Điều chỉnh lại chiều cao cho phù hợp */
  height: 100%; 
}

.tree li::after {
  border-top: 2px solid #ccc;
  top: 12px; /* Điều chỉnh vị trí đường kẻ ngang */
  width: 15px; /* Điều chỉnh độ rộng đường kẻ ngang */
  /* height: 20px; */ /* Không cần thiết */
}

.tree li span {
  cursor: pointer;
}

.tree > ul > li:last-child::before { /* Chỉ áp dụng cho li cuối cùng ở cấp độ đó */
  height: 12px; /* Điều chỉnh chiều cao đường kẻ cho item cuối cùng */
}

.tree li span {
  cursor: pointer;
  display: flex;             /* Cho phép icon và text nằm cùng hàng */
  align-items: center;       /* Căn giữa theo chiều dọc */
  gap: 5px;                  /* Khoảng cách giữa icon và text */
}

.tree-item {
  display: flex;
  align-items: center;
  /* gap: 10px; */ /* Khoảng cách sẽ được xử lý bởi padding của icon wrapper */
  padding: 5px 0; /* Thêm padding cho mỗi tree item */
  cursor: pointer;
  /* width: 100%; */
}

.tree-item > span:first-of-type { /* Icon expand/collapse wrapper */
  min-width: 24px; /* Đảm bảo icon có không gian cố định */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px; /* Khoảng cách giữa icon và text */
}
 
 
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
    background-color: white !important; 
}
/* Thêm vào file CSS toàn cục của bạn */
@media print {
  /* Ẩn tất cả các phần tử trên trang theo mặc định */
  body * {
    visibility: hidden;
  }

  /* Chỉ hiển thị khu vực có thể in và các phần tử con của nó */
  #printable-area, #printable-area * {
    visibility: visible;
  }

  /* Đảm bảo khu vực in chiếm toàn bộ trang */
  #printable-area {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    overflow: visible;
  }

  /* Ẩn các phần tử không muốn in (ví dụ: nút, phân trang) */
  .no-print {
    display: none !important;
  }
}