/* Android support: one stable composer after a topic is selected. */
@media (max-width: 760px) {
  html body.player-support-route #root .support-chat.standalone.conversation-active {
    grid-template-rows: auto minmax(180px, 1fr) auto auto !important;
  }

  html body.player-support-route #root .support-chat.standalone.conversation-active > .chat-messages {
    grid-row: 2 !important;
    min-height: 180px !important;
    overflow-y: auto !important;
  }

  html body.player-support-route #root .support-chat.standalone.conversation-active > footer:not(.support-keyboard-composer) {
    grid-row: 3 !important;
    box-sizing: border-box !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    align-self: end !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 52px !important;
    align-items: center !important;
  }

  html body.player-support-route #root .support-chat.standalone.conversation-active > footer:not(.support-keyboard-composer) input {
    height: 52px !important;
    min-height: 52px !important;
  }

  html body.player-support-route #root .support-chat.standalone.conversation-active > footer:not(.support-keyboard-composer) button.primary {
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    align-self: center !important;
  }

  html body.player-support-route #root .support-chat.standalone.conversation-active > .support-session-actions {
    grid-row: 4 !important;
  }

  html body.player-support-route.player-support-keyboard #root .support-chat.standalone.keyboard-active > .support-keyboard-layer {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html body.player-support-route.player-support-keyboard #root .support-chat.standalone.keyboard-active {
    grid-template-rows: auto minmax(180px, 1fr) auto auto !important;
  }

  html body.player-support-route.player-support-keyboard #root .support-chat.standalone.keyboard-active > header,
  html body.player-support-route.player-support-keyboard #root .support-chat.standalone.keyboard-active > .chat-messages,
  html body.player-support-route.player-support-keyboard #root .support-chat.standalone.keyboard-active > footer:not(.support-keyboard-composer),
  html body.player-support-route.player-support-keyboard #root .support-chat.standalone.keyboard-active > .support-session-actions {
    display: grid !important;
  }
}
