/* Safari can resolve the nested 100% tab heights to zero after opening a
   conversation. Keep a continuous flex layout down to the conversation panes.
   Scoped to direct messaging; inactive tabs retain Ant Design's display:none. */
.direct-messages-tabs.ant-tabs.ant-tabs-top {
  height: auto !important;
}

.direct-messages-tabs > .ant-tabs-content-holder,
.direct-messages-tabs > .ant-tabs-content-holder > .ant-tabs-content,
.direct-messages-tabs .ant-tabs-tabpane-active[id$="-panel-conversations"],
.direct-messages-tabs .ant-tabs-tabpane-active[id$="-panel-conversations"] > div {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  min-height: 0;
  height: auto !important;
}

.direct-messages-tabs .ant-tabs-tabpane-active[id$="-panel-conversations"] > div > div {
  flex: 1 1 0;
  min-height: 0;
  height: auto !important;
}