/* L2 대상찾기 화면 고유 모양(sdo_user/finder_form.jsp 위저드 내용 · finder_result.jsp 결과) — L2 셸만 싣는다 · 색·크기 = user_variables.css 토큰만(결과 «확인 필요» 색 = base 경고 토큰 · feature/order.css 상태 배지와 같은 자리)
   위저드 틀(화면 나눔·단계 질문·진행 막대·버튼 줄) = feature/user_wizard.css .wzp · 공용(sdo-field·sdo-input·sdo-check-input·sdo-section·sdo-badge·sdo-cta-bar)은 user/user_components.css */

/* ── ① 공사 규모 ── */
/* 구간 드롭다운 = 한 줄에 하나(공용 sdo-field · 조각 _finder_band.jsp) · 도움말 */
.fd-help { margin: var(--sdo-sp-4) 0 0; font-size: var(--sdo-fs-wz-text); color: var(--sdo-ink-muted); }

/* ── ②~④ 체크 항목 ── */
/* 줄마다 문구(+도움말) · 고른 줄 = 테두리·배경·고리(서류 카드 od-card 와 같은 표시 · ✓ 없음) · 마우스 올림 = 테두리색 */
.fd-checks { display: flex; flex-direction: column; gap: var(--sdo-sp-8); }
.fd-check { display: flex; align-items: center; gap: var(--sdo-sp-16); padding: var(--sdo-sp-16) var(--sdo-sp-20); border: 1px solid var(--sdo-line); border-radius: var(--sdo-radius-lg); background: var(--sdo-surface); cursor: pointer; transition: border-color 0.15s, box-shadow 0.15s, background 0.15s; }
@media (hover: hover) { .fd-check:hover { border-color: var(--sdo-accent-line); } }
/* 고른 표시 = :has 를 아는 브라우저만 · 모르는 브라우저는 진짜 체크 칸을 보인다(order_user.css 고른 카드와 같은 형) */
@supports selector(:has(*)) {
    .fd-check:has(.sdo-check-input:checked) { border-color: var(--sdo-accent); background: var(--sdo-accent-soft); box-shadow: 0 0 0 1px var(--sdo-accent); }
    .fd-check:has(.sdo-check-input:focus-visible) { box-shadow: 0 0 0 3px var(--sdo-accent-line); }
}
@supports not selector(:has(*)) { .fd-check .sdo-check-input { position: static; width: auto; height: auto; margin: 0; clip-path: none; overflow: visible; white-space: normal; flex: none; } }
.fd-check-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--sdo-sp-4); }
.fd-check-label { font-size: var(--sdo-fs-wz-item); font-weight: var(--sdo-fw-bold); line-height: 1.45; color: var(--sdo-ink); }
.fd-check-help { font-size: var(--sdo-fs-wz-text); line-height: 1.5; color: var(--sdo-ink-muted); }

/* ── 결과 ── */
/* 입력한 조건 — 단계마다 한 줄(단계 이름 · 고른 것 · 고치기 →) · 제목 = sdo-section-title */
.fd-input { margin-bottom: var(--sdo-sp-24); }
.fd-input-list { margin: 0; padding: 0; list-style: none; }
.fd-input-list li + li { border-top: 1px solid var(--sdo-line-soft); }
.fd-input-row { display: flex; align-items: baseline; gap: var(--sdo-sp-12); padding: var(--sdo-sp-12) 0; color: var(--sdo-ink); text-decoration: none; }
.fd-input-step { flex-shrink: 0; width: 7em; font-size: var(--sdo-fs-sm); font-weight: var(--sdo-fw-bold); color: var(--sdo-ink-muted); }
.fd-input-text { flex: 1; min-width: 0; font-size: var(--sdo-fs-md); line-height: 1.6; }
.fd-input-edit { flex-shrink: 0; display: inline-flex; align-items: center; gap: 2px; font-size: var(--sdo-fs-sm); font-weight: var(--sdo-fw-bold); color: var(--sdo-accent); }
/* 건수 둘 */
.fd-counts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sdo-sp-16); margin-bottom: var(--sdo-sp-24); }
.fd-count { display: flex; flex-direction: column; gap: var(--sdo-sp-4); padding: var(--sdo-sp-16) var(--sdo-sp-20); border: 1px solid var(--sdo-line); border-radius: var(--sdo-radius-lg); }   /* 흰 바탕 위 건수 칸 = 옅은 테두리 상자 */
.fd-count-label { font-size: var(--sdo-fs-md); color: var(--sdo-ink-muted); }
.fd-count-num { font-size: var(--sdo-fs-3xl); font-weight: var(--sdo-fw-heavy); letter-spacing: -0.6px; color: var(--sdo-ink); }
/* 서류 줄 목록(조각 _finder_result_row.jsp) */
/* 서류 카드(order_user.css od-card · 발주 위저드 ① 과 같은 카드 · 격자 = od-cards) — 여기는 결과 고유 칸만 · 고를 수 없는 서류(체크 없음)는 누를 것이 없다 */
.fd-docs { margin: 0; padding: 0; list-style: none; }
.fd-doc-item { display: flex; }   /* 격자 칸 = li — 카드가 칸 높이를 채워 같은 줄 카드끼리 높이를 맞춘다(내용은 od-card 가 세로 가운데) */
.fd-doc-item > .od-card { flex: 1; min-width: 0; }
.fd-docs .od-card:not(:has(.od-card-check)) { cursor: default; }
.fd-doc-head { display: flex; align-items: flex-start; gap: var(--sdo-sp-8); }
.fd-doc-head .sdo-badge { margin-left: auto; }
.fd-doc-reason { display: block; font-size: var(--sdo-fs-md); line-height: 1.6; word-break: keep-all; overflow-wrap: anywhere; color: var(--sdo-ink-sub); }
.fd-doc-reason.is-none { color: var(--sdo-ink-faint); }
.fd-doc-cite { display: block; font-size: var(--sdo-fs-sm); line-height: 1.5; word-break: keep-all; overflow-wrap: anywhere; color: var(--sdo-ink-muted); }
/* 해당 없음 — 접힌 묶음 */
.fd-none { margin-top: var(--sdo-sp-12); }
.fd-none > summary { display: flex; align-items: center; gap: var(--sdo-sp-4); padding: var(--sdo-sp-12) var(--sdo-sp-4); font-size: var(--sdo-fs-md); font-weight: var(--sdo-fw-bold); color: var(--sdo-ink-muted); cursor: pointer; list-style: none; }
.fd-none > summary::-webkit-details-marker { display: none; }
.fd-none[open] > summary .ti-chevron-down { transform: rotate(180deg); }
/* 참고용 안내 — 주의 = «확인 필요» 배지와 같은 경고 토큰(연노랑 바탕 · 호박색 글) */
.fd-notice { margin: var(--sdo-sp-20) 0 0; padding: var(--sdo-sp-16) var(--sdo-sp-20); border-radius: var(--sdo-radius); background: var(--u-warning-soft); font-size: var(--sdo-fs-sm); line-height: 1.7; word-break: keep-all; overflow-wrap: anywhere; color: var(--u-warning-text); }

/* 결과 배지 색 — 틀 = 공용 sdo-badge · 색 클래스 = _code_vocab.jsp finder_result 의 style */
.sdo-badge.fd-res-hit { background: var(--sdo-accent); color: var(--sdo-on-accent); }
.sdo-badge.fd-res-check { background: var(--u-warning-soft); color: var(--u-warning-text); }
.sdo-badge.fd-res-none { background: var(--sdo-surface-soft); color: var(--sdo-ink-faint); }

/* ── 모바일 ── */
@media (max-width: 980.98px) {
    .fd-help, .fd-check-help { font-size: var(--sdo-fs-wz-text-mo); }
    .fd-check { padding: var(--sdo-sp-12) var(--sdo-sp-16); }
    .fd-check-label { font-size: var(--sdo-fs-wz-item-mo); }
    .fd-counts { gap: var(--sdo-sp-12); }
    .fd-count-num { font-size: var(--sdo-fs-2xl); }
    .fd-doc-reason { font-size: var(--sdo-fs-sm); }
    .fd-doc-cite { font-size: var(--sdo-fs-xs); }
    .fd-input-row { flex-wrap: wrap; row-gap: 2px; }
    .fd-input-step { width: auto; }
    .fd-input-text { order: 3; flex-basis: 100%; font-size: var(--sdo-fs-sm); }
    .fd-input-edit { margin-left: auto; }
    /* 결과 버튼 줄(모바일 고정) — 두 버튼이 화면 폭 안에서 줄어들게 · 아이콘은 PC 만 */
    .fd-result .sdo-cta-bar .sdo-btn { min-width: 0; padding: 0 var(--sdo-sp-12); }
    .fd-result .sdo-cta-bar .sdo-btn .ti { display: none; }
}