/* R28 - targeted Samsung Internet/mobile layout fixes; no application logic changes. */
@media(max-width:760px){
  /* Scrollable app panel must reserve space for floating navigation/actions. */
  .panel{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))!important;scroll-padding-bottom:calc(122px + env(safe-area-inset-bottom,0px));min-height:0;box-sizing:border-box}
  #familyHub,#dashboard{padding-bottom:20px;min-width:0;box-sizing:border-box}
  #familyHub .r20-footer{flex-wrap:wrap!important;gap:8px!important}
  #familyHub .r20-footer>*{max-width:100%;min-width:0}
  #familyHub .r20-link{white-space:normal!important;overflow-wrap:anywhere}
  #familyHub .r20-family-board,#familyHub .r21-board{min-width:0;max-width:100%;box-sizing:border-box}
  #familyHub button{overflow-wrap:break-word}
  .bottom-nav{box-sizing:border-box;max-width:calc(100% - 24px);grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .bottom-nav .nav-item{min-width:0;padding-inline:2px}
  .action-fab:not(.hidden){bottom:calc(88px + env(safe-area-inset-bottom,0px))!important;right:16px!important;width:46px!important;height:46px!important}
}
@media(max-width:380px){#familyHub .r20-footer{align-items:stretch;flex-direction:column}}