/* Yappy unified app/settings hub v90 */
.yhub-app-group{margin-top:18px!important}
.yhub-app-group .settings-group-label{display:flex;align-items:center;justify-content:space-between}
.yhub-app-group .settings-card{overflow:hidden}
.yhub-app-row{width:100%;border:0;background:transparent;color:inherit;text-align:left}
.yhub-app-row .yux-row-copy{min-width:0;flex:1}
.yhub-app-row .yux-row-copy strong{display:block}
.yhub-app-row .yux-row-copy small{display:block;color:var(--text-sub);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yhub-app-mark{
  width:34px;height:34px;min-width:34px;border-radius:9px;
  display:grid;place-items:center;font-size:15px;font-weight:750;
  background:rgba(118,118,128,.14);color:var(--text-main);
}
.yhub-app-mark.app-wa{background:#25d366;color:#fff}
.yhub-app-mark.app-im{background:#0a84ff;color:#fff}
.yhub-app-mark.app-x{background:#0f1419;color:#fff}
.yhub-app-mark.app-ig{background:linear-gradient(135deg,#feda75 0%,#fa7e1e 32%,#d62976 62%,#4f5bd5 100%);color:#fff}
.yhub-app-row[aria-current="true"]{background:rgba(118,118,128,.055)}
.yhub-settings-label{margin-top:18px}
.yhub-back-nav .navbar-row{height:52px}
.yhub-back-nav .navbar-title{font-weight:650}


/* v91 — adaptive hub/settings layout.
   Flex children must be allowed to shrink, otherwise a long settings body expands
   beyond the screen and gets clipped by #app-root's overflow:hidden. */
#app-root>.screen{
  min-width:0!important;
  min-height:0!important;
}
#app-root>.screen .screen-body{
  min-width:0!important;
  min-height:0!important;
}

/* Canonical hub always owns the remaining viewport below its navbar. */
#app-root>.screen[data-key="yappy-hub"]{
  overflow:hidden!important;
}
#app-root>.screen[data-key="yappy-hub"]>.navbar{
  flex:0 0 auto!important;
}
#app-root>.screen[data-key="yappy-hub"]>.screen-body{
  flex:1 1 0!important;
  height:auto!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
  padding-bottom:max(40px,calc(24px + env(safe-area-inset-bottom,0px)))!important;
  scroll-padding-bottom:max(40px,calc(24px + env(safe-area-inset-bottom,0px)));
}

/* Back affordance: keep a full iOS-sized hit target and a clearly visible glyph. */
.yhub-back-nav .navbar-row{
  min-height:52px!important;
  height:52px!important;
  padding:0 8px!important;
}
.yhub-back-button{
  position:relative!important;
  z-index:3!important;
  width:48px!important;
  min-width:48px!important;
  height:48px!important;
  min-height:48px!important;
  padding:0!important;
  margin-left:-2px!important;
  border:0!important;
  border-radius:24px!important;
  display:grid!important;
  place-items:center!important;
  color:var(--link)!important;
  background:transparent!important;
}
.yhub-back-button:active{background:rgba(118,118,128,.12)!important}
.yhub-back-icon{
  width:29px!important;
  height:29px!important;
  display:block!important;
  overflow:visible!important;
  flex:none!important;
}

/* Make the hub breathe proportionally on narrower/shorter phones rather than
   preserving 430×932 spacing. */
@media(max-width:390px){
  #app-root>.screen[data-key="yappy-hub"] .settings-card{
    margin-left:12px!important;
    margin-right:12px!important;
  }
  #app-root>.screen[data-key="yappy-hub"] .settings-group-label{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  #app-root>.screen[data-key="yappy-hub"] .yux-profile-card{
    width:calc(100% - 24px)!important;
    margin-left:12px!important;
    margin-right:12px!important;
  }
  #app-root>.screen[data-key="yappy-hub"] .settings-item{
    padding-left:12px!important;
    padding-right:12px!important;
  }
}
@media(max-height:840px){
  #app-root>.screen[data-key="yappy-hub"] .yux-profile-card{
    margin-top:8px!important;
    padding-top:11px!important;
    padding-bottom:11px!important;
  }
  #app-root>.screen[data-key="yappy-hub"] .yux-profile-card>.avatar{
    width:52px!important;
    height:52px!important;
    flex-basis:52px!important;
  }
  #app-root>.screen[data-key="yappy-hub"] .settings-group,
  #app-root>.screen[data-key="yappy-hub"] .yhub-app-group{
    margin-top:12px!important;
  }
  #app-root>.screen[data-key="yappy-hub"] .settings-item{
    padding-top:10px!important;
    padding-bottom:10px!important;
  }
}
@media(max-height:740px){
  #app-root>.screen[data-key="yappy-hub"] .yux-profile-card>.avatar{
    width:46px!important;
    height:46px!important;
    flex-basis:46px!important;
  }
  #app-root>.screen[data-key="yappy-hub"] .yhub-app-mark,
  #app-root>.screen[data-key="yappy-hub"] .yux-settings-icon{
    transform:scale(.94);
    transform-origin:center;
  }
}

/* The floating screenshot control is intentionally absent on the Settings hub:
   there is no useful scene to capture there, and on narrow phones it covers rows. */
body:has(#app-root>.screen.active[data-key="yappy-hub"]) #yappy-capture-button{
  display:none!important;
}