/* HAEUNDAE_V45: 기록 화면 열 정렬·제품명 2줄·역할 공통 표 안정화 */
.record-product-title{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  max-height:2.7em!important;
  line-height:1.35!important;
  white-space:normal!important;
  word-break:keep-all!important;
  overflow-wrap:anywhere!important;
  text-overflow:clip!important;
}
#tab-outlog .outlog-product-name,
#tab-inlog .outlog-product-name{
  display:flex!important;
  align-items:flex-start!important;
  flex-wrap:wrap!important;
  gap:4px 6px!important;
  min-width:0!important;
}
#tab-outlog .outlog-product-name .record-product-title,
#tab-inlog .outlog-product-name .record-product-title{
  flex:1 1 220px!important;
  min-width:0!important;
  text-align:left!important;
}
#tab-inlog .inlog-code-cell .prod-code-inline,
#tab-outlog .outlog-code-cell .prod-code-inline{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-left:0!important;
  width:100%!important;
}
#tab-outlog .outlog-table-scroll table{width:2060px!important;}
#tab-inlog .outlog-table-scroll table{width:1540px!important;}
#tab-outlog .outlog-table-scroll th,
#tab-inlog .outlog-table-scroll th{text-align:center!important;vertical-align:middle!important;}
#tab-outlog td.outlog-product-cell,
#tab-outlog td.outlog-memo-cell,
#tab-inlog td.inlog-product-cell,
#tab-inlog td.inlog-memo-cell{text-align:left!important;}
#tab-outlog td.outlog-person-cell,
#tab-outlog td.outlog-actor-cell,
#tab-inlog td.inlog-actor-cell{white-space:normal!important;word-break:keep-all!important;overflow-wrap:anywhere!important;}

#tab-inout #manualLogScroll table{
  table-layout:fixed!important;
  min-width:1460px!important;
  width:1460px!important;
}
#tab-inout #manualLogScroll th{
  text-align:center!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
}
#tab-inout #manualLogScroll td{
  text-align:center!important;
  vertical-align:middle!important;
}
#tab-inout #manualLogScroll th:nth-child(1),#tab-inout #manualLogScroll td:nth-child(1){width:170px;white-space:nowrap!important;}
#tab-inout #manualLogScroll th:nth-child(2),#tab-inout #manualLogScroll td:nth-child(2){width:135px;}
#tab-inout #manualLogScroll th:nth-child(3),#tab-inout #manualLogScroll td:nth-child(3){width:135px;white-space:nowrap!important;}
#tab-inout #manualLogScroll th:nth-child(4),#tab-inout #manualLogScroll td:nth-child(4){width:285px;}
#tab-inout #manualLogScroll th:nth-child(5),#tab-inout #manualLogScroll td:nth-child(5){width:80px;white-space:nowrap!important;}
#tab-inout #manualLogScroll th:nth-child(6),#tab-inout #manualLogScroll td:nth-child(6){width:125px;white-space:nowrap!important;}
#tab-inout #manualLogScroll th:nth-child(7),#tab-inout #manualLogScroll td:nth-child(7){width:530px;}
#tab-inout #manualLogScroll td.manual-log-product-cell,
#tab-inout #manualLogScroll td.manual-log-detail-cell{text-align:left!important;}
#tab-inout #manualLogScroll td.manual-log-actor-cell{
  white-space:normal!important;
  word-break:keep-all!important;
  overflow-wrap:anywhere!important;
  line-height:1.35!important;
}
#tab-inout #manualLogScroll td.manual-log-product-cell .record-product-title{font-weight:900!important;}

.archive-table-scroll td.archive-product-cell,
.archive-table-scroll td.archive-order-item-cell{
  text-align:left!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.archive-table-scroll td.archive-product-cell .record-product-title,
.archive-table-scroll td.archive-order-item-cell .record-product-title{
  font-weight:900!important;
  text-align:left!important;
}
.archive-table-scroll table.archive-table-manual td.archive-product-cell{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.archive-table-scroll td.archive-person-wrap-cell{
  white-space:normal!important;
  word-break:keep-all!important;
  overflow-wrap:anywhere!important;
  text-align:center!important;
}
