/* Keyboard-active Android layout must not depend on transient conversation classes. */
@media (max-width: 760px) {
  html body.player-support-route.player-support-keyboard #root .player-support-portal {
    grid-template-rows: 56px minmax(0, 1fr) !important;
  }

  html body.player-support-route.player-support-keyboard #root .player-support-portal > header {
    grid-row: 1 !important;
    position: relative !important;
    inset: auto !important;
  }

  html body.player-support-route.player-support-keyboard #root .player-support-portal > .support-chat-page {
    grid-row: 2 !important;
    height: 100% !important;
    min-height: 0 !important;
  }

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

  html body.player-support-route.player-support-keyboard #root .support-chat.standalone.keyboard-active > .chat-messages {
    grid-row: 2 !important;
    align-content: start !important;
    align-items: start !important;
    gap: 10px !important;
  }

  html body.player-support-route.player-support-keyboard #root .support-chat.standalone.keyboard-active > footer:not(.support-keyboard-composer) {
    grid-row: 3 !important;
  }

  html body.player-support-route.player-support-keyboard #root .support-chat.standalone.keyboard-active > .human-handoff {
    grid-row: 4 !important;
    position: static !important;
  }

  html body.player-support-route.player-support-keyboard #root .support-chat.standalone.keyboard-active > .support-session-end-runtime {
    grid-row: 5 !important;
    box-sizing: border-box !important;
    width: calc(100% - 24px) !important;
    min-height: 42px !important;
    margin: 4px 12px 8px !important;
    position: static !important;
    align-self: center !important;
  }
}