/* TWINS v0.2.111 — Android message thread: keep messages above composer */

/*
 * v0.2.110 made the Android composer visible by fixing it above the footer.
 * That solved the missing input, but the composer overlaid the conversation,
 * so a freshly-sent bubble could sit behind it.
 *
 * Android now owns a fixed message frame between the shared header and the
 * bottom navigation. The composer stays inside that frame as the last grid row.
 * iPhone is intentionally untouched.
 */
html.message-thread-open.message-thread-android .message-thread-page{
  position:fixed!important;
  z-index:20!important;
  top:46px!important;
  bottom:74px!important;
  left:50%!important;
  right:auto!important;
  width:min(620px,100%)!important;
  height:auto!important;
  min-height:0!important;
  transform:translateX(-50%)!important;
  display:grid!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  overflow:hidden!important;
  background:#09070a!important;
}

html.message-thread-open.message-thread-android .message-bubbles{
  min-height:0!important;
  overflow-y:auto!important;
  padding:10px 12px 10px!important;
  scroll-padding-bottom:12px!important;
}

html.message-thread-open.message-thread-android .message-compose{
  position:relative!important;
  z-index:2!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  flex:none!important;
  padding:8px 10px!important;
  background:#0c090df2!important;
  border-top:1px solid rgba(255,255,255,.055)!important;
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
}

html.message-thread-open.message-thread-android .message-start-note{
  margin-bottom:8px!important;
}

@media(max-width:430px){
  html.message-thread-open.message-thread-android .message-thread-page{
    top:44px!important;
  }
}