/* Once a topic is selected, the conversation becomes the only active workspace. */
html body.player-support-route #root .support-chat.conversation-active > .support-topic-panel,
html body.player-support-route #root .support-chat.conversation-active > .support-entry-guide,
html body.player-support-route #root .support-chat.conversation-active > .support-entry-guide-runtime,
html body.player-support-route #root .support-chat.conversation-active > .chat-quick,
html body.player-support-route #root .support-chat.conversation-active > .support-keyboard-quick {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

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

html body.player-support-route #root .support-chat.conversation-active > .chat-messages {
  min-height: 150px !important;
  margin: 0 !important;
  padding: 12px !important;
  overflow-y: auto !important;
  scroll-padding-block: 12px !important;
}

html body.player-support-route #root .support-live-queue-status {
  box-sizing: border-box !important;
  width: calc(100% - 24px) !important;
  margin: 0 12px !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(185, 158, 95, 0.48) !important;
  border-radius: 12px !important;
  background: #f4f1e7 !important;
  color: #59604f !important;
  font-size: 12px !important;
  line-height: 18px !important;
  text-align: center !important;
}

@media (max-width: 760px) {
  html body.player-support-route #root .support-chat.conversation-active {
    grid-template-rows: auto auto minmax(180px, 1fr) auto auto !important;
  }
}