/* mSearchInputForm — 레거시 WMS 의 검색+체크박스 드롭다운 컴포넌트 */
.mSearchInputForm {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.mSearchInputForm .fText {
  width: 100%;
  cursor: pointer;
  background: #fff;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M0 0l5 6 5-6z' fill='%236b7d99'/></svg>");
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding-right: 24px;
}
.mSearchInputForm.selected .fText { background-color: #eef4fb; }
.mSearchInputForm .result {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  z-index: 100;
  /* 펼친 패널 너비 = 닫힌 박스 너비 (요청 2026-06-05). 컨테이너(.mSearchInputForm)가
     position:relative 라 width:100% 가 곧 박스 폭. box-sizing 으로 테두리 포함 정렬. */
  width: 100%;
  box-sizing: border-box;
  max-height: 280px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid #b6becd;
  border-radius: 3px;
  box-shadow: 0 4px 16px rgba(20,30,50,.18);
  list-style: none;
  margin: 0;
  padding: 4px 0;
  display: none;
}
.mSearchInputForm.open .result { display: block; }
/* viewport 아래 공간 부족 시 위로 펼침 (JS 가 .open-up 클래스 부착) */
.mSearchInputForm.open-up .result {
  top: auto;
  bottom: calc(100% + 2px);
  box-shadow: 0 -4px 16px rgba(20,30,50,.18);
}
.mSearchInputForm .result li { list-style: none; padding: 0; }
.mSearchInputForm .result label {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  cursor: pointer;
  font-size: 13px;
  color: #1a2640;
  white-space: nowrap;
}
.mSearchInputForm .result label:hover { background: #eef4fb; }
.mSearchInputForm .result label .fChk { margin: 0; }
.mSearchInputForm .result li.hidden { display: none; }
.mSearchInputForm .result li.checkAllItem { border-bottom: 1px solid #eef0f3; }
.mSearchInputForm .result li.checkAllItem label { font-weight: 600; background: #f8fafc; }
/* 그룹 머리글 = 그룹 전체선택 행 (요청 2026-06-05). 항목과 동일한 체크박스+텍스트 구조라
   체크박스·글자가 항목과 자동 정렬. 굵게 + 옅은 배경 + 상단 구분선으로 머리글 구분.
   글자색은 .result label 기본(#1a2640) = "전체 배송사" 와 동일. it.group 있는 멀티셀렉트에서만 노출. */
.mSearchInputForm .result li.mSearchGroupHeader label {
  font-weight: 700;
  background: #f4f6f9;
  border-top: 1px solid #eef0f3;
}
.mSearchInputForm .result li.mSearchGroupHeader:first-of-type label { border-top: 0; }
.mSearchInputForm .result li.mSearchGroupHeader label:hover { background: #e9eef6; }
/* 그룹 하위 항목 — 머리글보다 안쪽으로 들여쓰기(계층 표시) (요청 2026-06-05) */
.mSearchInputForm .result li.mSearchGroupItem label { padding-left: 28px; }
.mSearchInputForm .empty {
  padding: 12px;
  color: #8993a8;
  font-size: 12px;
  text-align: center;
}