/* URUK LIST LAYOUT FIX v82
   Root cause: polish.css gives .tab-pages auto horizontal margins inside
   the column flex container. Because the active .tab-page is absolute,
   the flex item shrink-wraps to zero width. Keep the existing visual design;
   only restore the intended available width. */

#main-screen > .tab-pages {
  width: 100%;
  min-width: 0;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  align-self: stretch;
  flex: 1 1 auto;
  box-sizing: border-box;
}

#main-screen > .tab-pages > .tab-page {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

#main-screen #chat-list,
#main-screen #status-list,
#main-screen #calls-list,
#main-screen #my-channels-list,
#main-screen #discover-channels-list {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

#main-screen .chat-row,
#main-screen .channel-row,
#main-screen .call-row {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

@media (min-width: 900px) {
  #main-screen > .tab-pages {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
}