/* Keep the inbox composer inside the viewport while messages scroll independently. */
.gm-wa-workspace[data-gm-ws="inbox"]{
  height:calc(100dvh - 5rem)!important;
  min-height:0!important;
  max-height:calc(100dvh - 5rem)!important;
  overflow:hidden!important;
}
.gm-wa-workspace[data-gm-ws="inbox"] .gm-wa-thread{
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  overflow:hidden!important;
}
.gm-wa-workspace[data-gm-ws="inbox"] .gm-wa-thread>div:nth-child(2){
  display:flex!important;
  min-height:0!important;
  height:100%!important;
  max-height:100%!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.gm-wa-workspace[data-gm-ws="inbox"] .gm-wa-log{
  flex:1 1 0%!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
}
.gm-wa-workspace[data-gm-ws="inbox"] .gm-wa-composer{
  position:relative!important;
  z-index:8;
  bottom:auto!important;
  flex:0 0 auto!important;
  min-height:78px;
  max-height:min(230px,38dvh);
  overflow-y:auto;
}
@media(max-width:1023.98px){
  .gm-wa-workspace[data-gm-ws="inbox"]{
    height:calc(100dvh - 4rem)!important;
    max-height:calc(100dvh - 4rem)!important;
  }
  .gm-wa-workspace[data-gm-ws="inbox"] .gm-wa-thread{height:100%!important;min-height:0!important}
}