/* Yappy iMessage v24 — persistent two-tab main navigation (Chats + You). */

html[data-social-app="imessage"] #tabbar.imessage-main-tabs{
  display:flex!important;
  flex:0 0 auto!important;
  margin:6px 12px calc(8px + env(safe-area-inset-bottom,0px))!important;
  padding:4px 5px!important;
  border:.5px solid rgba(120,120,128,.20)!important;
  border-radius:27px!important;
  background:color-mix(in srgb,var(--im-bg) 88%,transparent)!important;
  -webkit-backdrop-filter:blur(28px) saturate(165%)!important;
  backdrop-filter:blur(28px) saturate(165%)!important;
  box-shadow:0 5px 18px rgba(0,0,0,.08)!important;
  position:relative!important;
  z-index:20!important;
}

html[data-social-app="imessage"] #tabbar.imessage-main-tabs .tab-btn{
  flex:1 1 50%!important;
  min-height:54px!important;
  border:0!important;
  border-radius:24px!important;
  background:transparent!important;
  color:var(--im-sub)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:1px!important;
  padding:3px 1px!important;
  font-size:10.5px!important;
}

html[data-social-app="imessage"] #tabbar.imessage-main-tabs .tab-btn.active{
  background:var(--im-pill)!important;
  color:var(--im-text)!important;
}

html[data-social-app="imessage"] #tabbar.imessage-main-tabs .tab-btn svg{
  width:25px!important;
  height:25px!important;
  overflow:visible!important;
}

html[data-social-app="imessage"] #tabbar.imessage-main-tabs .tab-btn span{
  white-space:nowrap!important;
}

/* Ensure main Messages content yields space to the tab bar instead of covering it. */
html[data-social-app="imessage"] #tab-content{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:hidden!important;
  padding-bottom:0!important;
}