/* Drawer content lives inside a fixed-height flex shell. Allow it to shrink so overflow scrolling can activate. */
.panel-content{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
}

@media(max-width:800px){
  .panel-content{
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;
  }

  /* The panel itself owns mobile scrolling; avoid a competing nested inventory
     scroller. A list a pixel taller than its box (a phone's fonts) took every
     swipe on it and, contained, never passed one to the panel. The list sits
     inside the panel's body, under its heading (styles/ledger.css). */
  .panel-content .inventory-content{
    overflow:visible;
    overscroll-behavior:auto;
  }
}