@charset "utf-8";

/* 적재함길이 입력 UI 개선 */
.bedlen-wrap{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border:1px solid #d7dde5;
  background:#f8fafc;
  border-radius:4px;
  vertical-align:middle;
}
.bedlen-label{
  font-weight:700;
  color:#111;
  margin-right:2px;
}
.bedlen-input{
  width:90px;
  height:32px;
  padding:0 10px;
  border:1px solid #b9c3cf;
  border-radius:6px;
  background:#fff;
  font-size:14px;
  outline:none;
}
.bedlen-input:focus{
  border-color:#5b9dff;
  box-shadow:0 0 0 3px rgba(91,157,255,.18);
}
.bedlen-unit{
  display:inline-flex;
  align-items:center;
  height:26px;
  padding:0 8px;
  border-radius:6px;
  background:#111;
  color:#fff;
  font-size:12px;
}
.bedlen-help{
  margin-left:8px;
  font-size:12px;
  color:#667085;
}




/* 미션 라디오 그룹 */
.mission-group{
  display:inline-flex;
  align-items:center;
  gap:8px;
}

/* 라디오 숨기고 버튼형 라벨로 */
.mission-radio{
  position:absolute;
  opacity:0;
  width:1px;
  height:1px;
  pointer-events:none;
}

.mission-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:28px;
  padding:0 12px;
  border-radius:8px;
  border:1px solid #b9c3cf;
  background:#fff;
  font-size:13px;
  cursor:pointer;
  user-select:none;
  line-height:1;
}

/* 체크 상태 */
.mission-radio:checked + .mission-pill{
  border-color:#2F8D10;
  background:#2F8D10;
  color:#fff;
}

/* 포커스(키보드 접근성) */
.mission-radio:focus + .mission-pill{
  box-shadow:0 0 0 3px rgba(47,141,16,.18);
}

/* 차량옵션 리스트 UI */
.truck-option-list{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr)); /* PC 기본 3열 */
  gap:10px 12px;
}

.truck-option-list li{
  margin:0;
  padding:0;
  width:100% !important;
}

/* 체크박스 숨기고 칩 버튼처럼 */
.truck-option-list input[type="checkbox"]{
  position:absolute;
  opacity:0;
  width:1px;
  height:1px;
}

.truck-option-list label{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:35px;
  padding:0 8px;
  border:1px solid #cbd5e1;
  border-radius:10px;
  background:#fff;
  font-size:13px;
  color:#111;
  cursor:pointer;
  user-select:none;
  line-height:1.2;
  text-align:center;
}

/* 선택됨 */
.truck-option-list input[type="checkbox"]:checked + label{
  background:#2F8D10;
  border-color:#2F8D10;
  color:#fff;
}

/* 키보드 포커스 */
.truck-option-list input[type="checkbox"]:focus + label{
  box-shadow:0 0 0 3px rgba(47,141,16,.18);
}

/* 작은 화면 대응 */
@media (max-width: 900px){
  .truck-option-list{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px){
  .truck-option-list{ grid-template-columns:repeat(1, minmax(0, 1fr)); }
}

/* 상세 */

#car_info table.car td { font-weight:700; }