/* 투자 홈 (InvHomeScr) v70, 시안 plan/p14 Invest.dc.html.
   공통 부품(섹션 제목 줄 dx-sh, 지표 칸 dx-kpis, 상태 dx-pill, 알림 띠 dx-flag, 범례 토글 dx-lg/dx-lt, 주석 dx-note)은 dash.css.
   여기에는 이 화면의 배치와 이 화면에만 있는 부품만 (접두 ih-, 편집 시트는 iv-). 색은 theme.css 토큰만:
   틀은 흑백, 코랄 = 주의(편차, 손실), 파랑 = 좋음, 남색 = 그래프. 구분 색은 시안대로 코어 남색, 위성 코랄, 현금성 파랑.
   성과 화면(perf.js)도 ih-r1, ih-hero, ih-kpis, ih-kpi, ih-k, ih-big, ih-hsub, ih-st 를 쓴다 (아래 "성과 화면과 같이 씀"). */
.ih{display:flex;flex-direction:column;gap:64px;min-width:0;margin-top:24px;word-break:keep-all;overflow-wrap:break-word}
.ih-emp{padding:24px 0}
.rl-note+.ih{margin-top:-16px}
.ih-tag{display:inline-block;font-style:normal;font-size:11px;font-weight:700;color:var(--ink-2);border:1px solid var(--line);border-radius:7px;padding:0 6px;margin-left:6px;letter-spacing:0;line-height:1.6;white-space:nowrap;vertical-align:1px}
.dx-v.ih-mute{color:var(--ink-3)}
.ih-nw,.ih .dx-s b{white-space:nowrap}
.ih .unk{background-image:repeating-linear-gradient(135deg,transparent 0 3px,rgba(255,255,255,.6) 3px 5px)!important}

/* ---------- 리밸런싱 상태 띠: 제목 바로 아래, 지표와 20px ---------- */
.ih>.ih-rb,.ih>.ih-rb0{margin-bottom:-44px}
.dx-flag.ih-rb{display:grid;grid-template-columns:minmax(150px,196px) minmax(0,1fr) minmax(180px,232px);grid-template-areas:"st g act";align-items:center;gap:0 28px;padding:18px 22px}
.ih-rb-st{grid-area:st;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.ih-rb-t{display:flex;align-items:center;gap:10px}
.ih-rb-t>b{font-size:16px;line-height:24px;font-weight:900;letter-spacing:-.02em}
.ih-rb-st .dx-s{line-height:1.4}
.ih-rb-g{grid-area:g;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;min-width:0}
.ih-rg{min-width:0}
.ih-rg-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:12.5px;font-weight:700;color:var(--ink-2)}
.ih-rg-h b{font-size:14px;font-weight:900;color:var(--ink);font-variant-numeric:tabular-nums}
.ih-rg-h b.warn,.ih-rg-h b.act{color:var(--c-coral-ink)}
/* 눈금 −15 ~ +15%p: 가운데 ±5 파랑 옅게, ±5~10 코랄 옅게, 그 밖 코랄 조금 진하게. 가운데 세로선 = 목표 */
.ih-rg-t{--z0:color-mix(in srgb,var(--c-blue) 15%,var(--surface));--z1:color-mix(in srgb,var(--c-coral) 18%,var(--surface));--z2:color-mix(in srgb,var(--c-coral) 34%,var(--surface));
  position:relative;height:8px;border-radius:4px;margin:10px 0 8px;background:linear-gradient(90deg,var(--z2) 0 16.667%,var(--z1) 16.667% 33.333%,var(--z0) 33.333% 66.667%,var(--z1) 66.667% 83.333%,var(--z2) 83.333% 100%)}
.ih-rg-t .c{position:absolute;left:50%;top:-4px;width:2px;height:16px;border-radius:1px;background:var(--ink);transform:translateX(-1px)}
.ih-rg-t .d{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;border:2px solid var(--surface);box-sizing:border-box;transform:translate(-50%,-50%);box-shadow:0 1px 3px rgba(15,23,42,.3);background:var(--c-blue)}
.ih-rg-t .d.warn{background:var(--c-coral)}
.ih-rg-t .d.act{background:var(--c-coral-ink)}
.ih-rg-s{font-size:11.5px;color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}
.ih-rb-act{grid-area:act;display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;font-size:13px;line-height:1.5;color:var(--ink-2);border-left:1px solid var(--line);padding-left:24px}
.ih-rb-act small{font-size:11.5px;color:var(--ink-3)}
.ih-rb-act b{color:var(--ink);font-weight:800}
.ih-rb-act .dx-reset{margin-top:4px}
.dx-flag.ih-rb0{border-left-color:var(--ink-4);justify-content:space-between;padding:12px 18px}

/* ---------- 지표 6칸과 도넛 ---------- */
.ih-k6 .dx-kc{padding-top:22px;padding-bottom:22px}
.dx-kc .dx-reset.ih-kl{align-self:flex-start;font-size:12px}
.ih-pend{margin-top:20px}
.ih-pend .mk-pend{margin-bottom:0}
.ih-two{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;min-width:0}
.ih-dn2{margin-top:36px}
.ih-dcol{min-width:0}
.ih-dnb{display:grid;grid-template-columns:180px minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"d t" "d l";column-gap:32px;align-items:start}
.ih-dnb.nod{grid-template-columns:minmax(0,1fr);grid-template-areas:"t" "l"}
.ih-dlh{grid-area:t;display:flex;align-items:baseline;gap:8px;min-height:30px;border-bottom:2px solid var(--ink);padding-bottom:6px}
.ih-dlh>b{font-size:15px;font-weight:900;letter-spacing:-.02em}
.ih-dnc{grid-area:d;align-self:center;display:flex;justify-content:center}
.ih-dl{grid-area:l;display:flex;flex-direction:column;min-width:0;min-height:calc(var(--ih-rows,4) * 45px)}
.ih-dnb.nod .dx-empty{grid-area:l}
.ih-dlr{display:grid;grid-template-columns:12px minmax(0,1fr) auto 52px 14px;align-items:center;gap:10px;width:100%;min-height:45px;padding:6px 2px;border:0;border-bottom:1px solid var(--line-2);background:none;font:inherit;font-size:14px;color:var(--ink);text-align:left;cursor:pointer;border-radius:0}
.ih-dlr:hover,.ih-dlr.on{background:var(--surface-2)}
.ih-dlr>i{width:12px;height:12px;border-radius:3px}
.ih-dln{min-width:0;font-weight:700}
.ih-dlv{color:var(--ink-2);white-space:nowrap}
.ih-dlr>b{text-align:right;font-weight:800;white-space:nowrap}
.ih-dlr .ico{color:var(--ink-4)}
.ih-dneg{margin-top:10px}
/* 펼친 세부 */
.ih-bd2{margin-top:14px;padding:4px 14px 10px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.ih-bd2 .dx-note{margin-top:8px}
.ih-bg+.ih-bg{margin-top:6px}
.ih-bgh{display:grid;grid-template-columns:10px minmax(0,1fr) auto 50px;align-items:center;gap:10px;padding:10px 0 6px;font-size:13px;border-bottom:1px solid var(--line)}
.ih-bgh>i{width:10px;height:10px;border-radius:3px}
.ih-bgh>b:last-child{text-align:right}
.ih-bgh>span{color:var(--ink-2);white-space:nowrap}
.ih-bl{display:grid;grid-template-columns:minmax(0,1fr) auto 50px;align-items:center;gap:10px;padding:8px 0 8px 20px;border-bottom:1px solid var(--line-2);font-size:13px}
.ih-bd2>.ih-bl{padding-left:0}
.ih-bl:last-child{border-bottom:0}
.ih-blt{display:flex;gap:8px;min-width:0}
.ih-blt>span{display:flex;flex-direction:column;min-width:0}
.ih-blt b{font-weight:700;line-height:1.4}
.ih-blt small{font-size:11.5px;color:var(--ink-3);line-height:1.4}
.ih-blv{white-space:nowrap}
.ih-blp{text-align:right;font-weight:800;color:var(--ink-2)}

/* ---------- 투자 성과 ---------- */
.ih-perf .dx-sh .seg button,.ih-chh .seg button{height:32px}
.ih-prd{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid var(--line)}
.ih-prd-k{font-size:12.5px;font-weight:800;color:var(--ink)}
.ih-prd-r{margin-right:auto;font-size:13px;font-weight:700;color:var(--ink-2)}
.ih-prd-c{margin-right:auto;display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-2)}
.ih-prd-c select{width:auto;height:34px;padding:0 30px 0 10px;font-size:13px;font-weight:700;border:1px solid var(--line);border-radius:8px;background-color:var(--surface);background-position:right 8px center;font-variant-numeric:tabular-nums}
.ih-prd-c em{font-style:normal;font-weight:700;margin-left:2px}
.ih-prd .seg{flex:none}
.dx-kpis.ih-pk{grid-template-columns:repeat(4,minmax(0,1fr))}
.ih-pk .dx-kc{padding-top:22px;padding-bottom:22px}
.ih-bm{gap:8px}
.ih-bmr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:baseline;font-size:13.5px;color:var(--ink)}
.ih-bmr>b{font-weight:800;text-align:right}
.ih-bmd{font-weight:800;text-align:right}
.ih-chm{padding-top:32px;min-width:0}
.ih-chh{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;min-height:34px}
.ih-chh h3{margin:0;font-size:15px;font-weight:800;letter-spacing:-.01em}
.ih-chh small{font-size:12px;font-weight:600;color:var(--ink-3)}
.ih-chm .dx-lg{padding-top:12px}
/* 세로축 글자(예: 7,500만)가 그래프 왼쪽 여백(48px)보다 길어도 잘리지 않게, 상자 안쪽 여백으로 내보낸다 */
.ih-cbox{margin-top:10px;min-width:0;padding-left:10px}
.ih-cbox svg{overflow:visible}
.ih-ch2{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;padding-top:40px}
.ih-chc{display:flex;flex-direction:column;min-width:0}
.ih-chc .dx-note{margin-top:8px}
.ih-lgd{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--ink-3);margin-top:6px}
.ih-lgd i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}

/* ---------- 금융자산 구분: 목표 대비 현재, 스트레스 ---------- */
.ih-alw{padding-top:24px}
.ih-st3{display:block;font-size:15px;font-weight:900;letter-spacing:-.02em;margin-bottom:14px}
.ih-al,.ih-sx{min-width:0}
.ih-sb{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center;font-size:12.5px;font-weight:800;color:var(--ink-2);margin-bottom:8px}
.ih-stk{display:flex;gap:2px;height:28px;border-radius:6px;overflow:hidden;background:var(--surface-3)}
.ih-stk i{display:flex;align-items:center;justify-content:center;flex-basis:0;min-width:3px;font-style:normal;font-size:11.5px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;overflow:hidden;white-space:nowrap}
.ih-crs{margin-top:8px}
.ih-cr{display:grid;grid-template-columns:84px minmax(0,1fr) 76px 92px;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line-2);font-size:13.5px}
.ih-crn{display:flex;align-items:center;gap:7px;font-weight:800;white-space:nowrap}
.ih-crn i{width:10px;height:10px;border-radius:3px;flex:none}
.ih-crn small{font-size:11.5px;font-weight:500;color:var(--ink-3)}
.ih-trk{position:relative;height:10px;border-radius:5px;background:var(--surface-3)}
.ih-trk i{position:absolute;left:0;top:0;bottom:0;border-radius:5px}
.ih-trk em{position:absolute;top:-5px;width:2px;height:20px;border-radius:1px;background:var(--ink);transform:translateX(-1px)}
.ih-crv,.ih-crg{display:flex;flex-direction:column;align-items:flex-end;font-weight:800;white-space:nowrap;line-height:1.35}
.ih-crv small,.ih-crg small{font-size:11.5px;font-weight:600;color:var(--ink-3)}
.ih-al .dx-note,.ih-sx .dx-note{margin-top:12px}
.ih-strr{display:grid;grid-template-columns:minmax(0,1fr) 84px 92px 84px;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line-2);font-size:13.5px}
.ih-strr .r{text-align:right;white-space:nowrap}
.ih-strr.th{padding:0 0 8px;font-size:11.5px;font-weight:700;color:var(--ink-3);border-bottom:2px solid var(--ink);align-items:end}
.ih-strr.tot{border-top:2px solid var(--ink);border-bottom:0;margin-top:-1px;font-weight:900}
.ih-strn{display:flex;flex-direction:column;gap:1px;min-width:0}
.ih-strn b{display:flex;align-items:center;gap:7px;font-weight:800}
.ih-strn b i{width:10px;height:10px;border-radius:3px;flex:none}
.ih-strn small{font-size:11.5px;line-height:1.45;color:var(--ink-3);padding-left:17px}
.ih-sx .dx-empty .dx-reset{margin-left:4px}

/* 금융자산 화면 연결 줄 */
.ih-fl{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;font-size:12.5px;color:var(--ink-2);line-height:1.5}

/* 부동산, FIRE */
.ih-row{display:flex;align-items:center;gap:12px;min-height:50px;padding:9px 0;border-bottom:1px solid var(--line-2)}
.ih-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.ih-t b{font-size:14px;font-weight:700;line-height:1.4}
.ih-t small{font-size:12px;color:var(--ink-3);line-height:1.45}
.ih-amt{flex:none;font-size:14.5px;font-weight:800;white-space:nowrap}
.ih-fire{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:16px 0 12px}
.ih-fire>div{display:flex;flex-direction:column;gap:4px}
.ih-fire>div+div{border-left:1px solid var(--line);padding-left:16px}
.ih-fire b{font-size:22px;font-weight:900;letter-spacing:-.03em;line-height:1.25}
.ih-pb{display:block;height:8px;background:var(--surface-3);border-radius:4px;overflow:hidden}
.ih-pb i{display:block;height:100%;background:var(--ink);border-radius:4px}
.ih-fw{margin-top:6px}
.ih-r4 .dx-note{margin-top:10px}

@media (min-width:1100px){
  .ih-two{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:64px;align-items:start}
  .ih-r4.one{grid-template-columns:minmax(0,1fr)}
  .ih-ch2{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;padding-top:44px}
}
@media (max-width:1099px){
  .ih{gap:48px}
  .ih>.ih-rb,.ih>.ih-rb0{margin-bottom:-28px}
  .dx-flag.ih-rb{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"st act" "g g";gap:16px 20px}
  .ih-rb-act{border-left:0;padding-left:0;align-items:flex-end;text-align:right}
}
@media (max-width:767px){
  .ih{margin-top:16px;gap:44px}
  .dx-flag.ih-rb{grid-template-columns:minmax(0,1fr);grid-template-areas:"st" "g" "act";gap:14px;padding:14px 16px}
  .ih-rb-g{grid-template-columns:minmax(0,1fr);gap:12px}
  .ih-rb-act{align-items:flex-start;text-align:left;border-top:1px solid var(--line);padding-top:12px}
  .dx-flag.ih-rb0{flex-direction:column;align-items:flex-start;gap:4px}
  .ih-k6 .dx-kc,.ih-pk .dx-kc{padding-top:16px;padding-bottom:16px}
  .ih-dn2{margin-top:28px}
  .ih-dnb{grid-template-columns:minmax(0,1fr);grid-template-areas:"t" "d" "l";row-gap:16px}
  .ih-dl{min-height:0}
  .ih-dlr{font-size:13.5px;gap:8px;grid-template-columns:12px minmax(0,1fr) auto 48px 14px}
  .ih-perf .dx-sh .dx-acts{width:100%;justify-content:space-between}
  /* 손가락으로 누르는 곳은 34px 이상 */
  .ih-perf .dx-sh .seg button,.ih-chh .seg button,.ih-prd .seg button{height:36px}
  .ih .dx-more,.ih .dx-reset,.sheet.iv-cls-sh .dx-reset{display:inline-flex;align-items:center;min-height:34px}
  .ih-prd .seg{width:100%}
  .ih-prd .seg button{flex:1;padding:0 6px}
  .dx-kpis.ih-pk{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ih-chm{padding-top:24px}
  .ih-cr{grid-template-columns:58px minmax(0,1fr) 62px 84px;gap:10px;font-size:13px}
  .ih-crn small{display:none}
  .ih-strr{grid-template-columns:minmax(0,1fr) 62px 64px 66px;gap:8px;font-size:13px}
  .ih-strr.th{font-size:11px}
  .ih-strn small{padding-left:0}
  .ih-fl{flex-direction:column;align-items:flex-start;gap:4px}
  .ih-fire b{font-size:20px}
}

/* ---------- 성과 화면과 같이 씀 (perf.js): 평가액 히어로 + 지표 3칸 ---------- */
.ih-k{font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--ink-2)}
.ih-k em{font-style:normal;font-weight:500;color:var(--ink-3);margin-left:4px}
.ih-r1{display:grid;grid-template-columns:minmax(0,1fr);border-top:2px solid var(--ink);margin-top:28px}
.ih-hero{display:flex;flex-direction:column;gap:4px;padding:16px 0 14px;border-bottom:1px solid var(--line-2);min-width:0}
.ih-big{font-size:30px;font-weight:900;letter-spacing:-.045em;line-height:1.2;white-space:nowrap}
.ih-big small{font-size:15px;font-weight:700;margin-left:2px;letter-spacing:0}
.ih-hsub{display:flex;flex-direction:column;gap:2px;margin-top:4px;font-size:12.5px;color:var(--ink-3);line-height:1.5}
.ih-hsub b{font-weight:800;color:var(--ink);margin-left:2px}
.ih-st{margin:6px 0 0;font-size:12px;color:var(--ink-3);line-height:1.5}
.ih-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:14px 0;border-bottom:1px solid var(--line-2)}
.ih-kpi{display:flex;flex-direction:column;gap:2px;min-width:0}
.ih-kpi>.ih-k{white-space:nowrap}
.ih-kpi+.ih-kpi{border-left:1px solid var(--line);padding-left:12px}
.ih-kpi>b{font-size:20px;font-weight:900;letter-spacing:-.04em;line-height:1.3;white-space:nowrap}
.ih-kpi>small{font-size:11.5px;color:var(--ink-3);line-height:1.45}
@media (max-width:389px){.ih-big{font-size:26px}.ih-kpi>b{font-size:18px}}
@media (min-width:1100px){
  .ih-r1{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:32px;margin-top:36px}
  .ih-hero{border-bottom:0;padding:20px 0}
  .ih-big{font-size:40px}
  .ih-kpis{align-self:stretch;padding:20px 0;border-bottom:0}
  .ih-kpi+.ih-kpi{padding-left:20px}
  .ih-kpi>b{font-size:26px}
}

/* ---------- 시트: 구분과 목표 비중 (invcfg.js InvClsSheet) ---------- */
.sheet.iv-cls-sh .sh-h h2{display:flex;align-items:center;gap:10px}
.sheet.iv-cls-sh .sh-h h2::before{content:"";flex:none;width:26px;height:26px;background:var(--t-logo,none) center/contain no-repeat}
.sheet.iv-cls-sh .sh-b{gap:24px}
.iv-sh-lab{font-size:12.5px;color:var(--ink-3)}
.iv-sh-lab.bad{color:var(--c-coral-ink,#d6402f)}
.iv-sec{display:flex;flex-direction:column;min-width:0;word-break:keep-all}
.iv-st{display:flex;justify-content:space-between;align-items:baseline;gap:4px 10px;flex-wrap:wrap;padding-bottom:8px;border-bottom:2px solid var(--ink);font-size:14px;font-weight:900}
.iv-st small{font-size:12px;font-weight:700;color:var(--ink-3)}
.iv-tg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:14px}
.iv-tf{display:flex;flex-direction:column;gap:6px;min-width:0;border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.iv-tf label{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800}
.iv-tf label i{width:10px;height:10px;border-radius:3px}
.iv-tin{display:flex;align-items:center;gap:6px}
.iv-tin input[type=text]{width:100%;min-width:0;height:40px;padding:0 2px;border:0;border-bottom:2px solid var(--ink);border-radius:0;background:none;box-shadow:none;font-size:22px;font-weight:900;text-align:right;font-variant-numeric:tabular-nums;color:var(--ink)}
.iv-tin input[type=text]:focus{background:none;box-shadow:none;border-bottom-color:var(--c-blue)}
.iv-tin>b{flex:1;text-align:right;font-size:22px;font-weight:900}
.iv-tin>span{font-size:16px;font-weight:800}
.iv-tf small{font-size:11.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.iv-tm::before{content:", "}
.iv-nw{white-space:nowrap}
.iv-sum{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 2px 4px;font-size:13px;color:var(--ink-2)}
.iv-sum b{font-weight:900;color:var(--c-blue)}
.iv-sum b.bad{color:var(--c-coral-ink)}
.iv-sec>.dx-note{margin-top:6px}
.iv-ex{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:10px 12px;margin-top:12px;border-radius:12px;background:var(--surface-2);font-size:12.5px;line-height:1.5;word-break:keep-all}
.iv-ex .btn{flex:none}
.iv-cl{display:flex;flex-direction:column;word-break:keep-all}
.iv-clr{display:grid;grid-template-columns:minmax(0,1fr) 64px 224px 128px 100px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line-2)}
.iv-clr.iv-th{padding:10px 0 6px;font-size:11.5px;font-weight:700;color:var(--ink-3);align-items:end;line-height:1.35}
.iv-clr .r{text-align:right}
.iv-cn{display:flex;flex-direction:column;min-width:0}
.iv-cn b{font-size:13.5px;font-weight:700;word-break:keep-all;overflow-wrap:break-word}
.iv-cn small{font-size:11.5px;color:var(--ink-3);line-height:1.4}
.iv-cv{font-size:13px;color:var(--ink-2);white-space:nowrap}
.iv-cc .seg{width:100%}
.iv-cc .seg button{height:34px;padding:0 4px;font-size:12.5px}
.iv-cs{display:flex;align-items:center;gap:6px;min-width:0}
.iv-ml{display:none;font-style:normal;font-size:12px;font-weight:700;color:var(--ink-3);white-space:nowrap}
.iv-exm{font-size:11px;font-weight:700;color:var(--ink-2);white-space:nowrap}
.iv-sin{display:inline-flex;align-items:center;height:36px;border:1px solid var(--line);border-radius:8px;background:var(--surface);overflow:hidden;min-width:0}
.iv-sin.bad{border-color:var(--c-coral,#ff6b5a)}
.iv-sin input{border:0!important;outline:0;box-shadow:none!important;height:34px;width:64px;min-width:0;padding:0 4px;font:inherit;font-size:13.5px;text-align:right;background:transparent;color:var(--ink)}
.iv-sin em{font-style:normal;font-size:12.5px;color:var(--ink-3);padding-right:9px}
.iv-yin input{width:58px;padding-left:8px}
.iv-sgn{flex:none;width:32px;height:34px;border:0;border-right:1px solid var(--line);background:var(--surface-2);font:inherit;font-size:16px;font-weight:800;color:var(--ink);cursor:pointer;padding:0}
.iv-nt+.iv-nt{margin-top:4px}
.iv-cl+.iv-nt{margin-top:12px}
/* 종목 편집 시트(market.js HoldSheet) 한 줄 아래: 구분과 스트레스 */
.iv-hf{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:0 0 2px 26px;font-size:12px;color:var(--ink-3)}
.iv-hf:empty{display:none}
.iv-hf label{display:inline-flex;align-items:center;gap:6px}
.iv-hf select{height:34px;font:inherit;font-size:13px;border:1px solid var(--line);border-radius:8px;padding:0 8px;background:var(--surface);color:var(--ink)}
.iv-hf .iv-sin input{height:32px!important;width:56px!important}
.iv-hf .iv-sin{height:34px}
.iv-hf .iv-sgn{height:32px}
@media (max-width:767px){
  .iv-tg{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .iv-tf{padding:10px}
  .iv-tin input[type=text],.iv-tin>b{font-size:19px}
  .iv-tf small{font-size:11px;line-height:1.45;display:flex;flex-direction:column}
  .iv-tm::before{content:none}
  .iv-sum{flex-direction:column;align-items:flex-start;gap:2px}
  .iv-clr{grid-template-columns:minmax(0,1fr) auto;row-gap:8px;column-gap:10px;padding:12px 0}
  .iv-clr.iv-th{display:none}
  .iv-cc{grid-column:1/-1}
  .iv-cs{grid-column:auto;justify-content:space-between}
  .iv-ml{display:inline}
  .iv-cy{justify-content:flex-end}
  .iv-ex{flex-direction:column;align-items:flex-start}
  .iv-hf{padding-left:26px;gap:10px}
}

/* v70 휴대폰: 범례 버튼을 두 칸 격자로 맞춰 세우고, 벤치마크 머리 글자는 한 줄을 따로 쓴다 */
@media (max-width:767px){
  .ih-lg .dx-lgg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%}
  .ih-lg .dx-lgg>.dx-lh{grid-column:1/-1;margin:4px 0 0}
  .ih-lg .dx-lt{min-width:0}
  .ih-lg>.sp{display:none}
}
/* v70: 목표 비중이 없을 때는 차이 칸 없이 비중과 금액을 오른쪽 끝에 붙인다 */
.ih-crs.nt .ih-cr{grid-template-columns:84px minmax(0,1fr) 92px}
/* 스트레스 상황 빈 상태: 제목 바로 아래 글, 입력 버튼은 글 아래 첫 줄 맞춤 */
.ih-sx .dx-empty{padding-top:8px}
.ih-sx .dx-empty .dx-reset{display:table;margin:6px 0 0}
@media (max-width:1099px){.ih-crs.nt .ih-cr{grid-template-columns:58px minmax(0,1fr) 84px}}
/* 휴대폰: 새로고침은 금융자산, 투자 성과처럼 제목 오른쪽에 (부제는 제목 아래에서 쉼표 단위로 줄바꿈) */
@media (max-width:1099px){
  .phead[data-page="ihome"]{flex-wrap:nowrap;align-items:flex-start}
  .phead[data-page="ihome"]>.ttl{flex:1 1 auto;min-width:0}
  .phead[data-page="ihome"] .acts>.btn{flex:none;align-self:flex-start}
}

/* v72: 제목 옆 ⓘ (평가액과 벤치마크, 이자/배당, 비중, 스트레스 상황) */
.ih-h3i{display:inline-flex;align-items:center;gap:6px;min-width:0}
.ih-h3i>b{font:inherit}
.ih-chh .ih-h3i h3{margin:0}
.ih-h3i.ih-st3{display:flex}
@media (max-width:1099px){.dx-kpis.ih-pk{grid-template-columns:repeat(2,minmax(0,1fr))}}