/* 29판 금융자산, 종목 편집, 월말 평가 반영, 항목 설정의 시세 연동, D1 로고 */
:root{--mk-ov:#2f265a}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--mk-ov:#a99cff}}
:root[data-theme="dark"]{--mk-ov:#a99cff}
.logo .logo-ov{fill:var(--mk-ov)}

.mk-st{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px}
.mk-st-m{margin:-6px 0 10px;font-size:12.5px;word-break:keep-all;line-height:1.5}
/* p13: PC에서 오류 문구는 머리 아래 한 줄 전체에 (market.js FinanceScr errSt) */
.mk-st-m.wide{margin:-4px 0 12px;text-align:right}
.mk-kpis{display:grid;grid-template-columns:1.5fr repeat(3,minmax(0,1fr));gap:0;padding:18px 20px}
.mk-kpi{display:flex;flex-direction:column;gap:4px;padding:0 18px;border-left:1px solid var(--line-2);min-width:0}
.mk-kpi:first-child{padding-left:0;border-left:0}
.mk-kpi>span{font-size:12px;color:var(--ink-3);font-weight:700}
.mk-kpi>b{font-size:21px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.mk-kpi.mk-big>b{font-size:32px;font-weight:900}
.mk-kpi small{font-size:12px;color:var(--ink-3)}
.mk-charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0}
.mk-chart{border:1px solid var(--line);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:12px;min-width:0;background:var(--surface)}
.mk-ch-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.mk-ch-h b{font-size:15px}.mk-ch-h .sub{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-stack{display:flex;height:14px;border-radius:4px;overflow:hidden;gap:2px}
.mk-stack i{display:block;min-width:2px}
.mk-legend{display:flex;flex-direction:column;gap:7px}
.mk-lg{display:grid;grid-template-columns:10px minmax(0,1fr) auto 50px;gap:8px;align-items:center;font-size:13px}
.mk-lg i{width:10px;height:10px;border-radius:2px;border:1px solid var(--line)}
/* p13: 종목 이름은 말줄임 없이 줄바꿈 (mkNm이 영문, 숫자 뒤 한글 앞에만 줄바꿈 자리를 넣음) */
.mk-lg-n{min-width:0;word-break:keep-all;overflow-wrap:break-word;line-height:1.4}
.mk-lg b{text-align:right}
.mk-hold{margin-top:14px}
.mk-hold-h{flex-wrap:wrap;gap:8px}
.mk-chips{display:flex;gap:6px;flex-wrap:wrap}
.mk-chips .chip[aria-pressed="true"]{background:var(--ink);color:var(--brand-ink);border-color:var(--ink)}
.mk-tbl{position:relative;padding:0 12px 4px;overflow-x:auto}
.mk-tr{display:grid;grid-template-columns:16px minmax(140px,1.4fr) 112px 84px 84px 62px 84px 92px 110px 110px 70px 100px 46px;gap:8px;align-items:center;padding:8px 6px;border-bottom:1px solid var(--line-2);font-size:13.5px;min-width:1160px}
@media (max-width:1499px){.mk-tr{grid-template-columns:16px minmax(124px,1.4fr) 104px 78px 78px 60px 82px 90px 104px 104px 68px 46px;min-width:980px}.mk-tr>:nth-child(12){display:none}}
.mk-tr.mk-th{font-size:11.5px;font-weight:700;color:var(--ink-3);border-bottom:2px solid var(--ink);padding-top:4px}
.mk-tr.dragging{opacity:.35}
.mk-tr .r,.mk-ar .r,.mk-er .r,.mk-edr .r{text-align:right}
.mk-tr.mk-tot,.mk-ar.mk-tot{font-weight:800;border-top:2px solid var(--ink);border-bottom:0}
.mk-nm{display:flex;flex-direction:column;min-width:0}
.mk-nm b{white-space:normal;word-break:keep-all;overflow-wrap:break-word;line-height:1.35}
.mk-nm small,.mk-two small{font-size:11.5px;color:var(--ink-3)}
.mk-acc{font-size:12.5px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-two{display:flex;flex-direction:column;align-items:flex-end}
.mk-v{font-weight:700}
.mk-cat{font:inherit;font-size:12.5px;border:0;border-bottom:1px dashed var(--ink-4);background:none;color:var(--ink);padding:1px 0;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-cat.empty{color:var(--ink-4)}
.mk-cat:disabled{cursor:default;border-bottom-color:transparent}
.mk-cat-ro{font-size:12.5px}
.mk-cat-in{font:inherit;font-size:12.5px;padding:4px 7px;height:30px;width:100%;box-sizing:border-box}
.mk-rng-c{display:flex;flex-direction:column;gap:3px}
.mk-rng{position:relative;height:6px;border-radius:3px;background:var(--surface-3)}
.mk-rng i{position:absolute;top:-4px;width:2px;height:14px;background:var(--ink);margin-left:-1px}
.mk-rng-l{display:flex;justify-content:space-between;font-size:10.5px;color:var(--ink-3)}
.mk-foot{padding:10px 20px 16px;font-size:12px}
.mk-list{display:flex;flex-direction:column;padding:0 var(--cp,16px)}
.mk-li{display:flex;flex-direction:column;gap:4px;padding:11px 0;border-bottom:1px solid var(--line-2)}
.mk-li-top,.mk-li-sub{display:flex;justify-content:space-between;gap:8px}
.mk-li-top b:first-child{min-width:0;word-break:keep-all;overflow-wrap:break-word}
.mk-li-top b.num{flex:none;white-space:nowrap}
.mk-li-acc{font-size:12.5px;margin-top:-2px}
.mk-li-sub{font-size:12.5px}
.mk-li-tags{display:flex;gap:12px}
.mk-accs{margin-top:14px}
.mk-at{padding:0 12px 6px;overflow-x:auto}
.mk-ar{display:grid;grid-template-columns:minmax(150px,1.5fr) 150px 140px 140px 130px 80px 60px;gap:10px;align-items:center;padding:9px 8px;border-bottom:1px solid var(--line-2);font-size:13.5px;min-width:900px}
.mk-ar.mk-th{font-size:11.5px;font-weight:700;color:var(--ink-3);border-bottom:2px solid var(--ink)}
.mk-an{text-align:left;font:inherit;color:var(--ink)}
.mk-pend{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;margin-bottom:14px;background:var(--surface-2);border-color:transparent}
.mk-pend>span{display:flex;flex-direction:column;gap:2px}
.mk-pend small{font-size:12.5px}
.mk-home{margin-bottom:0}
.mk-et{display:flex;flex-direction:column;margin:6px 0 4px}
.mk-er{display:grid !important;grid-template-columns:22px minmax(0,1.4fr) 90px 130px 130px 130px;gap:10px;align-items:center;padding:9px 4px;border-bottom:1px solid var(--line-2);font-size:13.5px}
.mk-er.mk-th{font-size:11.5px;font-weight:700;color:var(--ink-3);border-bottom:2px solid var(--ink)}
.mk-er>span:nth-child(2){display:flex;flex-direction:column;min-width:0}
.mk-er small{font-size:11.5px}
.mk-wait{padding:24px 0;text-align:center}
.mk-ed{position:relative;display:flex;flex-direction:column;margin-top:4px}
.mk-edr{display:grid;grid-template-columns:18px 156px minmax(0,1fr) 92px 112px 30px;gap:8px;align-items:start;padding:8px 0;border-bottom:1px solid var(--line-2)}
.mk-edr.mk-th{font-size:11.5px;font-weight:700;color:var(--ink-3);border-bottom:2px solid var(--ink);padding-bottom:6px;align-items:end}
.mk-edr.dragging{opacity:.4}
.mk-edr input{height:38px;width:100%;box-sizing:border-box}
.mk-edr input.bad{border-color:var(--coral,#e5484d)}
.mk-edr .drag-h{margin-top:10px}
.mk-edr .ibtn{margin-top:4px}
.mk-ed-nm{display:flex;flex-direction:column;gap:3px;min-width:0}
/* p13: 종목 편집 칸 이름. PC는 표 머리가 있어 숨기고, 휴대폰(표 머리 숨김)에서만 칸 위에 보인다 */
.mk-ed-f{display:flex;flex-direction:column;gap:2px;min-width:0}
.mk-ed-fl{display:none;font-size:11.5px;font-weight:700;color:var(--ink-3);line-height:1.3;white-space:nowrap}
.mk-ed-fl.r{text-align:right}
.mk-ed-st{font-size:11.5px;color:var(--ink-3);min-height:14px}
.mk-ed-st.bad,.mk-ed-st.err{color:#d03a2b;font-weight:700}
.mk-ed-st.checking{color:var(--ink-2)}
.mk-ed-lab{font-size:12.5px;color:var(--ink-3)}
.mk-ed-lab.bad{color:#d03a2b;font-weight:700}
.mk-add{align-self:flex-start;margin-top:8px}
.mk-cash{margin-top:12px}
.mk-ed-note{display:flex;flex-direction:column;gap:4px;font-size:12.5px;margin-top:12px}
.mk-acc-sec{display:flex;flex-direction:column;gap:12px;border-top:2px solid var(--ink);padding-top:14px;margin-top:4px}
.mk-acc-h{display:flex;align-items:center;gap:8px}
.mk-acc-hold{gap:8px;align-items:center;min-height:40px}
.mk-acc-hold>span{flex:1}
@media (max-width:899px){
  .mk-kpis{grid-template-columns:1fr 1fr;gap:14px 0;padding:16px}
  .mk-kpi{padding:0 12px}.mk-kpi:nth-child(3){padding-left:0;border-left:0}
  .mk-kpi.mk-big{grid-column:1/-1;padding:0 0 12px;border-bottom:1px solid var(--line-2)}.mk-kpi.mk-big>b{font-size:28px}
  .mk-kpi:nth-child(2){padding-left:0;border-left:0}.mk-kpi:nth-child(3){padding-left:12px;border-left:1px solid var(--line-2)}.mk-kpi:nth-child(4){padding-left:0;border-left:0}
  /* p13: 금액 칸은 줄바꿈하지 않는다. 표 전체를 한 격자로 두고(subgrid) 금액 칸 폭을 가장 긴 금액에 맞춘다.
     subgrid를 모르는 브라우저는 앞의 고정 폭을 쓴다. 그래도 넘치면 표 안에서만 가로로 밀린다 (.mk-at overflow-x) */
  .mk-at{display:grid;grid-template-columns:minmax(84px,1fr) auto auto;column-gap:10px}
  .mk-ar{grid-template-columns:minmax(0,1fr) 116px 116px;grid-column:1/-1;min-width:0}
  @supports (grid-template-columns:subgrid){.mk-ar{grid-template-columns:subgrid}}
  .mk-ar .num{white-space:nowrap}
  .mk-ar>:nth-child(2),.mk-ar>:nth-child(3),.mk-ar>:nth-child(6),.mk-ar>:nth-child(7){display:none}
  .mk-accs .card-h .sub{display:none}
  .mk-charts{grid-template-columns:1fr}
  .mk-er{grid-template-columns:22px minmax(0,1fr) 110px;row-gap:2px}
  .mk-er>span:nth-child(3),.mk-er>span:nth-child(4),.mk-er>span:nth-child(5){display:none}
  .mk-er.mk-th>span:nth-child(3),.mk-er.mk-th>span:nth-child(4),.mk-er.mk-th>span:nth-child(5){display:none}
  .mk-edr{grid-template-columns:18px minmax(0,1fr) 78px 30px;grid-template-areas:"h c q x" "h n u x"}
  .mk-edr>:nth-child(1){grid-area:h}.mk-edr>:nth-child(2){grid-area:c}.mk-edr>:nth-child(3){grid-area:n}.mk-edr>:nth-child(4){grid-area:q}.mk-edr>:nth-child(5){grid-area:u}.mk-edr>:nth-child(6){grid-area:x}
  .mk-edr.mk-th{display:none}
  .mk-edr .mk-ed-fl{display:block}
  .mk-edr .drag-h{margin-top:28px}.mk-edr .ibtn{margin-top:20px}
  .mk-pend{flex-direction:column;align-items:stretch}
}
.mk-st-m .mk-st{white-space:normal;max-width:none;overflow:visible}

/* v70: 마이너스 손익은 투자 홈, 장부 홈과 같은 코랄 */
.mk-kpi b.dx-neg{color:var(--c-coral-ink)}