/* Keep the live count clear of the Activity Rooms banner on narrow screens. */
@media (max-width: 520px) {
  .app #cityChatView.open .city-chat-page-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start !important;
    column-gap: 12px;
    row-gap: 0;
  }

  .app #cityChatView.open .city-chat-page-header > div:first-child {
    min-width: 0;
  }

  .app #cityChatView.open .city-online-pill {
    align-self: start !important;
    justify-self: end;
    width: max-content;
    max-width: 100%;
    padding: 6px 9px !important;
    white-space: nowrap;
  }
}