/* 32판 phone pass: fixes found while using each screen by touch (taps, sheets, the keyboard), not only looking at it */
@media (max-width:1099px){
  /* 직접 기간's calendar scrolled over the slim top bar: it now passes under the bar like the rest of the page */
  .pp-pop{z-index:31}
}
/* while typing on a short screen (the phone keyboard is up) the tab bar leaves the room to the field and the list */
@media (max-width:1099px) and (max-height:600px){
  .app:has(:is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]),textarea,[contenteditable=true]):focus) .tabbar{display:none!important}
}
/* entry sheet: a long account name in a chip widened the whole form past the sheet's right edge (the 아이템 box and the
   chips ran off screen); the rows now keep the sheet's width and a long name ends with an ellipsis (the full name is its title) */
.sheet .es-rows>*,.sheet .pickrow>*{min-width:0}
.sheet .pickrow .chips>.chip:not(.brand){display:block;overflow:hidden;text-overflow:ellipsis;line-height:30px}
@media (max-width:1099px){.sheet.es-sheet .pickrow .chips>.chip:not(.brand){line-height:32px}}
/* entry sheet: an amount of 10억 or more (12 characters and up) did not fit the big figure and lost its last digit */
@media (max-width:767px){.sheet.es-sheet .amt input.amt-long{font-size:32px!important}}
/* home: a 10억+ spending or income figure ran into the cell next to it */
@media (max-width:1099px){.home-hero .hh-num.hh-long{font-size:clamp(15px,4.6vw,22px)!important}}
/* 자산 현황 and 수입 지출: 내보내기 sits at the left on phones and tablets, and its menu (anchored to the right edge, as on PC)
   opened past the left edge of the screen, cutting "엑셀 (xlsx)" and "CSV" off; it now opens to the right of the button */
@media (max-width:1099px){.rel:has(>.xbtn)>.sugg{left:0!important;right:auto!important}}
/* 거래내역 selection bar: from about 400px wide, 한꺼번에 수정 climbed onto the count's line and left 복제, 삭제 alone below;
   the count and total now keep the first line to themselves at every phone width, as the 27판 rule says */
@media (max-width:767px){.selbar>span{flex:1 1 calc(100% - 140px)}}