/* Mobile inbox: the page wrapper and message scroller had the same class,
   which clipped the whole screen on phones. */
#hub.hub-messages { display:block; min-height:0; max-height:none; overflow:visible; padding:0; }
#messageList.hub-messages { display:flex; flex-direction:column; gap:12px; min-height:260px; max-height:480px; overflow:auto; padding:18px 0; }

@media (max-width:700px) {
  #hub.hub-messages .folk-shortcuts { display:none; }
  #hub.hub-messages .hub-head { flex-direction:row; align-items:center; gap:8px; margin:0 0 14px; }
  #hub.hub-messages .hub-head .hub-kicker, #hub.hub-messages #hubIntro { display:none; }
  #hub.hub-messages .hub-head h1 { margin:0; font-size:24px; line-height:1.2; }
  #hub.hub-messages .hub-head>.button { min-height:40px; padding:7px 12px; font-size:13px; }
  #hub.hub-messages .hub-inbox { display:block; min-height:0; height:auto; overflow:visible; border:0; border-radius:0; background:transparent; }
  #hub.hub-messages .hub-inbox>aside { padding:0; }
  #hub.hub-messages .hub-controls { justify-content:flex-end; margin:0 0 12px; }
  #hub.hub-messages #refreshInbox { min-height:40px; padding:7px 12px; font-size:13px; }
  #hub.hub-messages .hub-inbox>article { display:none; }
  #hub.hub-messages .hub-inbox.folk-chat-open { height:calc(100dvh - 250px); min-height:340px; }
  #hub.hub-messages .hub-inbox.folk-chat-open>aside { display:none; }
  #hub.hub-messages .hub-inbox.folk-chat-open>article { display:flex; flex-direction:column; height:100%; min-height:0; padding:12px; border:1px solid var(--line); border-radius:16px; }
  #hub.hub-messages .folk-chat-back { display:inline-flex; align-items:center; gap:8px; min-height:40px; align-self:flex-start; padding:4px 8px; border:0; background:transparent; color:var(--crew-navy); font:inherit; font-size:14px; font-weight:700; text-decoration:none; }
  #hub.hub-messages .hub-inbox.folk-chat-open .hub-identity { gap:10px; margin:4px 0 8px; padding-bottom:12px; border-bottom:1px solid var(--line); }
  #hub.hub-messages .hub-inbox.folk-chat-open .hub-identity h2 { margin:0; font-size:17px; }
  #hub.hub-messages .hub-inbox.folk-chat-open .hub-identity p { margin-top:3px; font-size:12px; }
  #messageList.hub-messages { flex:1; min-height:120px; max-height:none; padding:12px 2px; overscroll-behavior:contain; }
  #hub.hub-messages .hub-inbox.folk-chat-open .hub-note { margin:6px 0 0; font-size:11px; }
}

/* Keep the Inbox unread count above the glyph without obscuring it. */
@media (max-width:900px) {
  .app-body .crew-bottom-tabs .gf-nav-icon { position:relative; overflow:visible; }
  .app-body .crew-bottom-tabs .gf-nav-icon>.unread-count.count-dot {
    display:inline-grid!important; position:absolute; top:-3px; right:-5px; z-index:3;
    box-sizing:border-box; flex:none; width:auto; min-width:18px; height:18px; padding:0 3px;
    border:2px solid #fff; border-radius:999px; background:#e5484d; color:#fff;
    font-size:9px; font-weight:800; line-height:1!important; letter-spacing:-.02em;
    font-variant-numeric:tabular-nums; box-shadow:0 1px 3px #111C3226;
  }
}