/* v5.6.177 - Final chat input bar fix after wave is used
   Uses flex instead of grid so the input always fills the empty space. */
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 12px!important;
  background:#080b11!important;
  border-top:1px solid rgba(168,85,247,.34)!important;
  width:100%!important;
  box-sizing:border-box!important;
  grid-template-columns:none!important;
}

html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form .chat-wave-btn{
  flex:0 0 52px!important;
  width:52px!important;
  min-width:52px!important;
  max-width:52px!important;
  height:44px!important;
  padding:0!important;
  margin:0!important;
  border-radius:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}

html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form #chatInput{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:44px!important;
  box-sizing:border-box!important;
  grid-column:auto!important;
}

html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form button[type="submit"],
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form > button:last-child{
  flex:0 0 96px!important;
  width:96px!important;
  min-width:96px!important;
  max-width:96px!important;
  height:44px!important;
  grid-column:auto!important;
}

html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form .chat-wave-btn[hidden],
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form .chat-wave-btn.sent,
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form .chat-wave-btn.cooldown-hidden,
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form.wave-is-hidden .chat-wave-btn,
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form.wave-used .chat-wave-btn{
  display:none!important;
  visibility:hidden!important;
  flex:0 0 0!important;
  width:0!important;
  min-width:0!important;
  max-width:0!important;
  height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important;
  position:absolute!important;
  left:-9999px!important;
}

html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form.wave-is-hidden #chatInput,
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form.wave-used #chatInput,
html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form:has(.chat-wave-btn[hidden]) #chatInput{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
}

@media (max-width:520px){
  html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form{gap:8px!important;padding:8px!important;}
  html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form .chat-wave-btn{flex-basis:48px!important;width:48px!important;min-width:48px!important;max-width:48px!important;}
  html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form button[type="submit"],
  html body.streamx-v5.twitch-v53 .chat-form.pro-chat-form > button:last-child{flex-basis:82px!important;width:82px!important;min-width:82px!important;max-width:82px!important;}
}