/* R356 — 영수증(payments): ① 위 조회기간 줄의 '년·월'과 화면 안 '월'이 같은 달을 두 번 보임 → 위 줄 숨김(처음 달은 그대로 잡힌다) ② 폰에서 위쪽 주유소 표는 글자가 "ZZ점검시/험"·"0/건"처럼 꺾이고, 아래 지출 목록은 '삭제' 단추가 화면 밖으로 잘리던 것 → 폰에서는 칸 너비를 다시 짜고 메모·수정·삭제 단추는 아래 줄로 */
html.vn #globalPeriodBar:has(#globalPeriodMonth[data-menu="payments"]){display:none!important}
@media(max-width:720px){
  [data-view="payments"] .v55-pay-head,[data-view="payments"] .v55-pay-row{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) 46px minmax(0,1fr) 96px}
  [data-view="payments"] .v55-pay-head span,[data-view="payments"] .v55-pay-row>span{padding:6px 4px;font-size:.82rem;word-break:keep-all}
  [data-view="payments"] .v55-pay-row>span:nth-child(3){white-space:nowrap}
  [data-view="payments"] .v55-pay-row button{min-height:44px;font-size:.78rem;padding:2px 4px}
  [data-view="payments"] .v55-exp-row{grid-template-columns:56px minmax(0,1fr) 88px 56px}
  [data-view="payments"] .v55-exp-row.exp-head>span:nth-child(n+5){display:none}
  [data-view="payments"] .v55-exp-row:not(.exp-head):not(.exp-total)>span:nth-child(5){grid-column:1/-1;border-top:1px solid #e3eaf4;border-right:0}
  [data-view="payments"] .v55-exp-row:not(.exp-head):not(.exp-total)>span:nth-child(6){grid-column:1/-1;border-right:0;padding:4px}
  [data-view="payments"] .v55-exp-row .button-row button{flex:1;min-height:44px}
  [data-view="payments"] .v55-exp-row.exp-total>span:nth-child(5){grid-column:1/-1;border-right:0;border-top:1px solid #9fcba9}
}