/* 나눔배송 신청서 3·4단계 (2026-09-26, 구현명세-최종 4-9 · 시안 apply-pay/_work/build2.py APPLY_CSS ②~⑥ · STEP2_CSS).
   shipping.php 가 스위치(kf_split_on)가 켜졌을 때만 싣는다. 값은 테마에 이미 있는 값을 옮겼다(출처 주석).
   ① 「+ 받는 곳 추가 (나눔배송)」 모양은 kf-redesign.css 「상품 더 넣기」 규칙에 선택자 #kfStep4 .kf-split-add 를 더해 공유한다(값 복사 금지) */
#kfStep4 .kf-split-add{margin-top:12px}
#kfStep4 .kf-split-add[hidden]{display:none}
#kfSplitDests{display:contents}

/* ② 받는 곳 머리 줄 — 제목 = 요약 제목 .kf-s4__sumt(17/25.5/600) · × = 상품 카드 지우기(32 · #b0b8c1) */
#kfStep4 .kf-split-hd{display:flex;align-items:center;gap:8px;min-height:32px;margin:0 0 12px}
#kfStep4 .kf-split-hd__t{flex:1;min-width:0;font-size:17px;line-height:25.5px;font-weight:600;color:#191f28}
#kfStep4 .kf-split-hd__del{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;margin:-4px -6px -4px 0;
  padding:0;border:0;border-radius:10px;background:none;color:#b0b8c1;cursor:pointer}

/* ③ 「보낼 상품」 — 머리 바로 아래. 상품 번호 원은 요약의 .kf-sum__no 그대로, 사진은 2단계 사진 칸 축소(반경 8 · #e5e8eb).
   글자 두 줄: 이름(잘릴 수 있음) + 옵션·사이즈(따로 한 줄이라 안 잘린다 — Nike 270/250). 옵션이 없으면 이름 한 줄.
   A = 읽기 전용 목록(바탕 없음) · B·C = 고르는 줄(.kfr2-chip--multi 값: 1.5 #e5e8eb → #3182f6 · #e8f3ff) */
#kfStep4 .kf-split-ro{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}
#kfStep4 .kf-split-ro li{display:flex;align-items:center;gap:10px;min-width:0;margin:0;padding:0}
#kfStep4 .kf-split-ro img,#kfStep4 .kf-split-pick img{flex:none;width:36px;height:36px;border-radius:8px;border:1px solid #e5e8eb;box-sizing:border-box;object-fit:cover;background:#fff}
#kfStep4 .kf-split-tx{display:flex;flex-direction:column;flex:1;min-width:0}
#kfStep4 .kf-split-tx b{font-size:15px;line-height:22px;font-weight:600;color:#333d4b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#kfStep4 .kf-split-tx small{font-size:13px;line-height:19px;font-weight:500;color:#6b7684;white-space:nowrap}
#kfStep4 .kf-split-picks{display:flex;flex-direction:column;gap:8px}
#kfStep4 .kf-split-pick{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;margin:0;padding:8px 14px 8px 10px;box-sizing:border-box;
  border:1.5px solid #e5e8eb;border-radius:12px;background:#fff;text-align:left;font-family:inherit;cursor:pointer}
/* 여러 개를 고르므로 네모 체크(신청 완료 화면 .kf-done__opt i 와 같은 반경 계열) */
#kfStep4 .kf-split-pick__ck{flex:none;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;
  border:1.5px solid #d1d6db;box-sizing:border-box;background:#fff;color:transparent}
#kfStep4 .kf-split-pick.is-on{border-color:#3182f6;background:#e8f3ff}
#kfStep4 .kf-split-pick.is-on .kf-sum__no{background:#fff}
#kfStep4 .kf-split-pick.is-on .kf-split-pick__ck{border-color:#3182f6;background:#3182f6;color:#fff}

/* ④ 오류 — 테두리 #ffc9cf = 2단계 상품 카드 오류색. 문구는 토스트 하나(하단 바에는 안 넣는다, 검수 1-6) */
#kfStep4 .kf-split-picks.is-err .kf-split-pick{border-color:#ffc9cf}

/* ⑤ 4단계 나눔배송 잠긴 줄 — 흰 바탕 + 파랑 고정 스위치(.kfr6-sw--fixed, 흐리게 하지 않음) + 금액은 켜진 줄 색.
   .kfr6-sw--fixed 노브는 left:26 이라 트랙(50) 밖으로 2px 나간다(kimfast.css 4434) → 켜진 보통 스위치 자리 22 */
#kfStep3 .kfr6-row--split .kfr6-row__f{color:#1b64da}
#kfStep3 .kfr6-row--split .kfr6-sw--fixed i{left:22px}

/* ⑥ 받는 곳 뺀 뒤 「되돌리기」 — 토스트 몸통은 기존 .kf-toast, 버튼 색은 9/24 되돌리기 토스트(#90c2ff · 700) */
.kf-toast.kf-toast--undo{pointer-events:auto}
.kf-toast--undo span{flex:1;min-width:0}
.kf-toast--undo button{flex:none;margin:0;padding:0;border:0;background:none;color:#90c2ff;font:inherit;font-weight:700;cursor:pointer}

/* 2단계 단가 칸 빨간 테두리(C0) — 단가 칸은 감싸는 칸(.kf-fld--price)이 테두리를 그리고 입력칸 테두리는 0 이라(kf-redesign.css 3059·3062)
   mark() 가 붙이는 .kf-need 빨간 테두리가 안 보인다. 감싸는 칸에 같은 빨강(1.5 #f04452)을 준다.
   받는 곳 1곳 신청에도 같은 결함이 있다 — 전체 수정은 별도 PR(나눔 스위치와 무관하게) */
#kimfast-ship-form .kf-item.kf-item--v3 .kf-fld--price:has(.kf-need){border:1.5px solid #f04452;padding:0 12.5px}