/* 32판 ux: text contrast and phone touch targets found by r32_ux_scan.js (harness). Loaded last. */
/* light: the secondary grey (--ink-3) read at 4.47:1 on the grey surfaces (help sheet keys, command bar, trash, cash flow drill rows);
   one shade darker reads 4.5:1 or more on every surface. Dark keeps its own value. */
:root,:root[data-theme="light"]{--ink-3:#646b78}
/* text drawn in the faintest grey (--ink-4, or the placeholder grey) read at 2.6:1 in light and 3.4:1 in dark.
   They stay a step lighter than body text, in the secondary grey that passes 4.5:1 in both themes */
.nav-sec,.app .side .nav-sec{color:var(--ink-3)}
.nav button.dev:not([aria-current="page"]),.app .side .nav button.dev:not([aria-current="page"]),.mt-tile.dev b{color:var(--ink-3)}
@media (hover:none){.app .side .nav button.dev:not([aria-current="page"]):hover{color:var(--ink-3)}}
.tabbar button:not([aria-current="page"]){color:var(--ink-3)}
.cft.b.z .cft-l,.cfd .lp.z{color:var(--ink-3)}
.rp-cat .pc,.rp-natrow .pc,.rp-natrow .avg,.rp-it .n{color:var(--ink-3)}
.aud-ckr:not(.on) b{color:var(--ink-3)}
/* 새 장부 만들기: the chosen card's grey note sat on the tinted card at 4.1:1 (light) and 3.8:1 (dark) */
.choice.on small{color:var(--ink-2)}
/* the N on 거래 입력 was faded to 4.1:1 in dark */
.app .side-cta .side-add kbd{opacity:.75}
/* zero counts and amounts (카드 0원, 장부 감사 0건) and the 개발 예정 menu tiles: dimmed, but readable */
.aud-k.z b,.wh-kpi.z b,.cw-tiles .ctile.none b,.mt-tile.dev,.mt-tile small{color:var(--ink-3)}
.sheet.es-sheet .es-k{opacity:.75}
/* phone touch targets under 36px that r32_ux_scan.js measured by tapping around each control: the period label (30px tall),
   리포트 tabs (25px wide words, 18px apart), 예산 포함 in 항목 관리 (32px), account links in 리포트 tables (22px) and
   the "가져올 수 없는 줄 보기" toggle (20px), 종료된 항목 보기 (20px). The hit area grows; the drawn layout does not move */
@media (max-width:1099px){
  .mnav .lab,.tabs.rp-tabs button,.acc-bud,.alink,.sheet summary.sub,.card-h>label.small{position:relative}
  .mnav .lab::after,.acc-bud::after,.alink::after,.sheet summary.sub::after,.card-h>label.small::after{content:"";position:absolute;left:0;right:0;top:50%;height:40px;transform:translateY(-50%)}
  .tabs.rp-tabs button::after{content:"";position:absolute;top:0;bottom:0;left:-9px;right:-9px}
  /* the arrows' own wider hit areas keep the edges next to them */
  .mnav .ibtn{z-index:1}
}