/* 가계부 — asset (네이버 가계부 참고 기능, 2026-09-23)
   카드 · 통장 관리 표 · 순자산 판 · 달력 카드값. 값은 W61 틀(카드 22 · 1px #EDF0F3 · 칩 34/17 · 테두리 단추 36) 그대로.
   PC 는 전부 @media (min-width:600px) 안. 폰 모양은 결제 수단 화면(고치기)에 더한 칸만 — 앞서 있던 모양(.mn-rd · .mn-swrow)을 그대로 씀 */

/* 이용기간 고르기 판 (폰 · PC 같이) */
.mn-rcards .mn-row.on{border:1px solid rgba(26,111,209,.35);background:rgba(26,111,209,.06)}
.mn-rcards .mn-row.on b{color:var(--primary);font-weight:600}
.mn-rch{font-weight:600;color:var(--primary)}
.lgp .sg3.mn-rmon{margin:4px 14px 12px}
.lgp .sg3.mn-rmon button{padding:8px 0;font-size:14px}
.mn-dgrid button:disabled{color:#C9CFD6;cursor:default;background:none}
/* 결제 수단 고치기 — 날짜 칸 */
.mn-rd.in input[type=date]{font-variant-numeric:tabular-nums;min-height:22px}
/* 폰 달력 카드값 (결제일 칸 회색 숫자 · 그 날 목록 한 줄 — PC .mn-bill 과 같은 셈) */
.gr .c .nt.mn-ntb{color:var(--t3)}
.mn-billph .tx b,.mn-billph .tx span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mn-billph .tx span{display:block}
.mn-billph em{color:var(--t3);white-space:nowrap}

@media (min-width:600px){
  /* ══ 순자산 판 (달력 · 내역 오른쪽 판 맨 위) */
  .mn-nw{flex:none;padding:0;overflow:hidden}
  .mn-nwh{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;width:100%;text-align:left;padding:14px 18px 13px 20px;row-gap:1px}
  .mn-nwh:hover{background:#FAFBFC}
  .mn-nwh .k{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--t2)}
  .mn-nwh .chev{grid-row:1/3;grid-column:2;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--fill)}
  .mn-nwh>b{grid-column:1;font-size:21px;font-weight:700;letter-spacing:-.6px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
  .mn-nwh>b.neg{color:var(--mr,#D9534F)}
  .mn-nwh .s{grid-column:1/3;font-size:11.5px;color:var(--t3);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
  .mn-nwb{border-top:1px solid var(--line);padding:6px 20px 14px}
  .mn-nws{display:flex;align-items:center;margin-top:10px;height:22px}
  .mn-nws span{font-size:13px;font-weight:700;color:var(--ink)}
  .mn-nws b{margin-left:auto;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
  .mn-nws b.neg,.mn-nwr em.neg{color:#D9534F}
  .mn-nwr{display:flex;align-items:center;gap:9px;min-height:40px;padding:4px 0;border-bottom:1px solid var(--line)}
  .mn-nwr:last-of-type{border-bottom:0}
  a.mn-nwr:hover b{color:var(--mp,#1A6FD1)}
  .mn-nwr .tx{flex:1;min-width:0}
  .mn-nwr .tx b{display:block;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mn-nwr .tx span{display:block;font-size:11px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mn-nwr em{font-style:normal;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
  .mn-nwi{width:22px;height:22px;border-radius:50%;background:var(--fill);display:flex;align-items:center;justify-content:center;flex:none}
  .mn-nwn{font-size:12px;color:var(--t3);padding:6px 0 4px}
  .mn-nwl{display:flex;align-items:center;height:26px;font-size:12.5px}
  .mn-nwl span{color:var(--t2)}
  .mn-nwl b{margin-left:auto;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
  .mn-nwl.big span{font-weight:700;color:var(--ink)}
  .mn-nwl.big b{font-weight:700;font-size:13.5px}
  .mn-nwl.sub span{padding-left:10px;color:var(--t3)}
  .mn-nwp{margin-top:8px;font-size:11px;line-height:1.5;color:var(--t3)}
  .mn-nwgo{display:inline-flex;align-items:center;gap:2px;margin-top:8px;font-size:12.5px;font-weight:600;color:var(--mp,#1A6FD1)}
  .mn-nwgo:hover{text-decoration:underline}
  /* 펼치면 오른쪽 판이 통째로 내려 보기 (고른 날 카드가 눌려 찌그러지지 않게) */
  .mn-rp:has(>.mn-nw.open){overflow-y:auto;scrollbar-width:thin}
  .mn-rp:has(>.mn-nw.open)>*{flex-shrink:0}
  .mn-rp:has(>.mn-nw.open)>.mn-dayc .mn-dlist{max-height:none}

  /* ══ 달력 — 결제일 칸의 카드값 · 고른 날 목록의 카드값 줄 */
  .mn-cal .c .e.bill span{color:var(--t2);font-weight:600}
  .mn-cal .c .a.bl{color:var(--t3)}
  .mn-bill{display:flex;align-items:center;gap:10px;height:50px;border-bottom:1px solid var(--line);background:#fff}
  .mn-bill:hover b{color:var(--mp)}
  .mn-bill .tx{flex:1;min-width:0}
  .mn-bill .tx b{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mn-bill .tx span{display:block;font-size:11.5px;color:var(--t3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mn-bill em{font-style:normal;font-size:14px;font-weight:700;color:var(--t3);font-variant-numeric:tabular-nums;white-space:nowrap}

  /* ══ 결제 수단 관리 — 카드 표 · 통장 표 */
  .mn-ptab{display:flex;flex-direction:column;gap:12px;overflow-y:auto;min-height:0}
  .mn-ptab>.mn-psec,.mn-ptab>.mn-pbot{flex:1 0 auto}
  .mn-ptab>.mn-pfoot{flex:none}
  .mn-psec{display:flex;flex-direction:column;min-height:0;padding:14px 0 6px;overflow:hidden}
  .mn-psh{display:flex;align-items:center;gap:10px;padding:0 20px 10px;flex:none;min-width:0}
  .mn-psh .mn-lab{padding:0;font-size:16px;font-weight:700;color:var(--ink)}
  .mn-psh .s{font-size:12px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  .mn-psh .mn-push{margin-left:auto}
  .mn-psh .mn-ghost:hover,.mn-pfoot .mn-ghost:hover{background:var(--fill)}
  .mn-pt{display:flex;flex-direction:column;min-height:0;flex:1}
  .mn-pth,.mn-ptr{display:grid;align-items:center;column-gap:10px;padding:0 16px 0 12px}
  .mn-pt-bank .mn-pth,.mn-pt-bank .mn-ptr{grid-template-columns:minmax(130px,1.3fr) minmax(104px,.9fr) minmax(112px,1fr) minmax(104px,1fr) minmax(128px,1fr) minmax(104px,1fr) 58px 32px}
  .mn-pt-card .mn-pth,.mn-pt-card .mn-ptr{grid-template-columns:minmax(120px,1.1fr) 60px 74px minmax(214px,1.8fr) minmax(104px,1fr) minmax(92px,.9fr) 58px 32px}
  .mn-pt-cash .mn-pth,.mn-pt-cash .mn-ptr{grid-template-columns:minmax(100px,1.1fr) minmax(96px,1fr) minmax(128px,1fr) minmax(92px,1fr) 58px 32px}
  .mn-pt-pay .mn-pth,.mn-pt-pay .mn-ptr{grid-template-columns:minmax(0,1fr) 58px 32px}
  .mn-pth{flex:none;height:36px;background:var(--fill);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;font-weight:600;color:var(--t3);white-space:nowrap}
  .mn-pth span{overflow:hidden;text-overflow:ellipsis}
  .mn-pth span:first-child{padding-left:34px}
  .mn-ptb2{flex:1;min-height:0;overflow-y:auto;scrollbar-gutter:stable}
  .mn-ptab .mn-srt.mn-ptr{margin:0;min-height:54px;border-bottom:1px solid var(--line);background:#fff;border-radius:0}
  .mn-ptab .mn-srt.mn-ptr:hover{background:#FAFBFC}
  .mn-ptab .mn-srt.mn-drag{border-radius:12px}
  .mn-ptr.off>.mn-row .tx,.mn-ptr.off>.mn-row .mn-bb,.mn-ptr.off .c:not(:nth-last-child(-n+2)){opacity:.45}
  .mn-ptab .mn-ptr>.mn-row{padding:6px 0;min-width:0;background:none}
  .mn-ptab .mn-ptr>.mn-row:hover b{color:var(--mp,#1A6FD1)}
  .mn-ptab .mn-ptr>.mn-row .mn-grip{margin-right:8px;cursor:grab}
  .mn-ptab .mn-ptr>.mn-row .tx b{font-size:14px;font-weight:600}
  .mn-ptab .mn-ptr>.mn-row .tx span{font-size:11.5px;color:var(--t3)}
  .mn-ptr .c{min-width:0;display:flex;align-items:center;gap:6px;font-size:13px}
  .mn-ptr .c.num{flex-direction:column;align-items:flex-end;justify-content:center;gap:0;font-variant-numeric:tabular-nums;white-space:nowrap}
  .mn-ptr .c.num b{font-size:13.5px;font-weight:700}
  .mn-ptr .c.num b.neg{color:#D9534F}
  .mn-ptr .c.num small{font-size:11px;color:var(--t3)}
  .mn-ptr .c .dim{color:var(--t4,#9AA4AE);font-size:12.5px}
  .mn-pth span:nth-last-child(3){text-align:right}
  .mn-pt-pay .mn-pth span:nth-last-child(3){text-align:left}
  .mn-ptr select,.mn-ptr input:not([type=checkbox]){width:100%;min-width:0;height:34px;border:1px solid #E3E7EC;border-radius:10px;background:#fff;padding:0 8px;font:inherit;font-size:13px;color:var(--ink);outline:0}
  .mn-ptr select{padding-right:4px;cursor:pointer}
  .mn-ptr select:disabled{background:var(--fill);color:var(--t4,#9AA4AE);cursor:default}
  .mn-ptr select:focus,.mn-ptr input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(26,111,209,.12)}
  .mn-ptr input.won{text-align:right;font-variant-numeric:tabular-nums}
  .mn-ptr input[type=date]{padding:0 6px;font-variant-numeric:tabular-nums}
  .mn-ptr .c.use{gap:5px}
  .mn-ptr .c.use select[data-f=useMon]{width:84px;flex:none}
  .mn-ptr .c.use select[data-f=useDay]{width:62px;flex:none}
  .mn-ptr .c.use em{flex:1;min-width:0;font-style:normal;font-size:11.5px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mn-ptr .c.ck{justify-content:center}
  .mn-pt-card .mn-pth span:nth-child(2){text-align:center}
  /* 체크 칸 · 스위치 */
  .mn-ck2{position:relative;display:inline-flex;cursor:pointer}
  .mn-ck2 input{position:absolute;opacity:0;width:1px;height:1px}
  .mn-ck2 i{width:22px;height:22px;border-radius:7px;border:1.5px solid #C9CFD6;background:#fff;display:flex;align-items:center;justify-content:center}
  .mn-ck2 i svg{opacity:0}
  .mn-ck2 input:checked+i{background:var(--primary);border-color:var(--primary)}
  .mn-ck2 input:checked+i svg{opacity:1}
  .mn-ck2 input:focus-visible+i,.mn-tsw input:focus-visible+i{outline:2px solid var(--primary);outline-offset:2px}
  .mn-tsw{position:relative;display:inline-flex;cursor:pointer}
  .mn-tsw input{position:absolute;opacity:0;width:1px;height:1px}
  .mn-tsw i{position:relative;width:38px;height:22px;border-radius:99px;background:var(--chip);transition:background .18s}
  .mn-tsw i::after{content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:99px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .18s}
  .mn-tsw input:checked+i{background:var(--primary)}
  .mn-tsw input:checked+i::after{transform:translateX(16px)}
  .mn-ptr .c.x{justify-content:center}
  .mn-x{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center}
  .mn-x:hover{background:#FDECEC}
  .mn-pbot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);gap:12px;min-height:0;flex-grow:.4!important}
  .mn-pfoot{display:flex;align-items:center;gap:12px;padding:0 4px 2px}
  .mn-pfoot .mn-note{flex:1;min-width:0;padding:0;margin:0;font-size:12px;line-height:1.55}
  .mn-pfoot .mn-ghost{flex:none;color:var(--mp,#1A6FD1)}
}