/* Phone-friendly adjustments for The Ledger (layout only — no behaviour changes). */
body{padding-bottom:72px !important;}
@media (max-width: 700px){
  body{padding:14px 10px 80px !important;}
  #app table{display:block; overflow-x:auto; -webkit-overflow-scrolling:touch; max-width:100%;}
  .month-nav, .month-nav-group{flex-wrap:wrap; gap:6px;}
  input, select, textarea{font-size:16px !important;}   /* stops iPhone zooming into fields */
  #lc-pill{left:8px; right:8px; bottom:8px; justify-content:center; flex-wrap:wrap; font-size:11px;}
  #la-stack{right:8px; left:8px; bottom:60px; max-width:none;}
}