th {
  white-space: nowrap;
}

  th .fw-semibold {
    line-height: 1.2;
  }

  th .small {
    opacity: 0.7;
  }

.table-responsive {
  max-height: calc(100vh - 160px); /* ปรับตาม layout */
  overflow: auto;
}

#tbl thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--bs-body-bg); /* กันทะลุ */
  border-bottom: 2px solid var(--bs-border-color);
}

#tbl {
  border-collapse: separate;
  border-spacing: 0;
}

  #tbl th,
  #tbl td {
    border-right: 1px solid var(--bs-border-color);
    border-bottom: 1px solid var(--bs-border-color);
  }

    #tbl th:first-child,
    #tbl td:first-child {
      border-left: 1px solid var(--bs-border-color);
    }

  #tbl thead th {
    border-top: 1px solid var(--bs-border-color);
  }