/* 내 조건 설정 (화면설계서 C MY v0.3 C-02 · C-03, 시안 v15 V.mycond) — 뷰 src/views/user/my/c02.ejs · c03.ejs
 * 묶음 · 칩 · 입력칸 · 막대 · 펼침 · 저장 버튼은 /static/shared/user-explore.css 의 exp-* 부품을 그대로 쓰고(탐색 조건 설정 S-03 과 같은 시안 부품),
 * 이 파일은 내 조건 화면에만 있는 것(자본/물건 알약 탭 · 칸 이름 · 조건부 칸 · 매매사업자 링크 · 비활성 칩 · 오류 글자)만 둡니다.
 * 탭 전환 · 조건부 칸은 :has 로만(스크립트 없음). 값은 시안 .seg3 · .fl · .dlk 실측. */

/* 줄 높이: 시안 body 는 줄 높이를 정하지 않음(normal). 앱 body 는 --font-leading-compact(1.2, 대체 글꼴 시절 값)라
 * Pretendard 를 서빙한 지금은 글자 줄마다 0.6px 가량 커져 긴 폼에서 밀림 — 이 화면은 시안대로 normal(토큰 값 변경은 계획서 공통 항목) */
.myc {
  line-height: normal;
}

/* 2 자본 · 물건 탭 (시안 .seg3 v15: 잉크 테두리 알약, 고른 칸 잉크로 채움) */
.myc-tabs {
  display: flex;
  gap: 6px;
  margin: 0;                                 /* 시안 .seg3 style="margin:0 -16px;padding:0 16px" — 위아래 여백 없음 */
}

.myc-tab {
  position: relative;
  flex: 1;
  padding: 8px 0;
  border: 1px solid var(--color-text-primary);
  border-radius: var(--radius-full);
  color: var(--color-text-primary);
  font-size: 0.78125rem;
  font-weight: var(--font-weight-semibold);
  text-align: center;
  cursor: pointer;
}

.myc-tab__input {
  position: absolute;
  inset: 0;
  opacity: 0;
  margin: 0;
  cursor: pointer;
}

.myc-tab:has(:checked) {
  background: var(--color-text-primary);
  color: var(--color-text-inverse);
  font-weight: var(--font-weight-bold);      /* 시안 .seg3 button.on 700 이 v15 알약 규칙(600)보다 우선 */
}

.myc-tab:has(:focus-visible) {
  outline: 2px solid var(--color-text-primary);
  outline-offset: 2px;
}

/* 탭 내용: 자본이 기본, 물건 탭을 고르면 바꿈 */
.myc-panel--item {
  display: none;
}

.myc:has(#myc-tab-item:checked) .myc-panel--item {
  display: block;
}

.myc:has(#myc-tab-item:checked) .myc-panel--cash {
  display: none;
}

/* 칸 이름 (시안 .fl: 13px 굵게, 위 18 아래 8) */
.myc-fl {
  margin: 18px 0 8px;
  font-size: 0.8125rem;
  font-weight: var(--font-weight-bold);
}

.myc-field:first-of-type .myc-fl {
  margin-top: 4px;
}

/* 입력칸 높이는 시안 .inp 48px 그대로(exp-inp) */

/* 모기지보험 안내 (시안 .note style="margin:2px 0 6px") */
.myc-note {
  margin: 2px 0 6px;
}

.myc-cash {
  font-size: 0.9375rem;
}

/* 5 매매사업자가 뭔가요? (시안 .dlk: 빨간 밑줄 링크) */
.myc-dlk {
  display: inline-block;
  margin-top: 8px;
  color: var(--color-brand-primary-pressed);
  font-size: 0.78125rem;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* 법인 (준비 중) · 내 근처: 흐리게, 누를 수 없음 */
.myc-opt--off {
  opacity: 0.45;
  cursor: default;
}

/* 조건부 칸 (설계 C-19 — 숨겨도 저장 값은 그대로) */
.myc [data-when] {
  display: none;
}

.myc:has(input[name="userType"][value="dealer"]:checked) [data-when="dealer"],
.myc:has(input[name="healthInsuranceType"][value="work"]:checked) [data-when="hi"],
.myc:has(input[name="healthInsuranceType"][value="dep"]:checked) [data-when="hi"],
.myc:has(input[name="houseCount"]:checked:not([value="0"])) [data-when="house1"],
.myc:has(input[name="houseCount"][value="1"]:checked) [data-when="houseOne"] {
  display: block;
}

/* 건강보험 피부양자면 칸 이름 '다른 소득 합계'(시안 nonWage 라벨) */
.myc-lab--dep {
  display: none;
}

.myc:has(input[name="healthInsuranceType"][value="dep"]:checked) .myc-lab--dep {
  display: inline;
}

.myc:has(input[name="healthInsuranceType"][value="dep"]:checked) .myc-lab--base {
  display: none;
}

/* 20 저장 버튼 (시안 padding 18 0 0 · 빨간 큰 버튼) — 비회원은 링크라 가운데 글자 */
.myc-foot {
  padding: 18px 0 var(--space-4);
}

.myc-save {
  text-align: center;
  text-decoration: none;
}

.myc-err {
  margin: 6px 0 0;
  color: var(--color-brand-primary-pressed);
  font-size: var(--font-size-xs);
}

.myc-msg {
  margin: var(--space-2) 0;
  padding: var(--space-2_5) var(--space-3);
  border-radius: var(--radius-md);
  background: var(--color-bg-surface);
  font-size: var(--font-size-sm);
}

.myc-msg--error {
  color: var(--color-brand-primary-pressed);
}

/* 입력칸 자리 글자(예: 5,000 · 없으면 비워 두세요)는 시안대로 회색 — 탐색 입력칸의 파란 "준비 중" 자리 글자와 구분(D-20) */
.myc-inp .exp-inp__input::placeholder {
  color: var(--color-text-tertiary);
}