/* Keep account management visible without a horizontal table viewport. */
.redesign.dev-page .table-wrap { overflow:visible; scrollbar-gutter:auto; }
.redesign.dev-page table.users { min-width:0; width:100%; table-layout:fixed; }
.redesign.dev-page table.users th,
.redesign.dev-page table.users td { min-width:0; white-space:normal; overflow-wrap:anywhere; padding:14px 10px; }
.redesign.dev-page table.users th:nth-child(1) { width:17%; }
.redesign.dev-page table.users th:nth-child(2) { width:19%; }
.redesign.dev-page table.users th:nth-child(5) { width:14%; }
.redesign.dev-page .dev-email-address { max-width:none; white-space:normal; overflow:visible; }
.redesign.dev-page .user-cell > div { min-width:0; }
.redesign.dev-page .user-cell .friend-avatar { flex-shrink:0; }
.redesign.dev-page .dev-manage-btn { max-width:100%; white-space:normal; }
@media(max-width:1250px) {
  .redesign.dev-page .table-wrap { border:0; }
  .redesign.dev-page table.users,
  .redesign.dev-page table.users tbody { display:block; }
  .redesign.dev-page table.users thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .redesign.dev-page table.users tr { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px 22px; padding:20px; margin-bottom:14px; border:1px solid #443647; border-radius:12px; background:#211d25; }
  .redesign.dev-page table.users td { display:block; border:0; padding:0; }
  .redesign.dev-page table.users td:first-child { grid-column:1 / 3; grid-row:1; align-self:center; }
  .redesign.dev-page table.users td:last-child { grid-column:3; grid-row:1; justify-self:end; align-self:center; }
  .redesign.dev-page table.users td:not(:first-child):not(:last-child)::before { content:attr(data-label); display:block; color:#b9aabb; font-size:12px; font-weight:600; margin-bottom:7px; }
  .redesign.dev-page table.users tr:hover td { background:none; }
}
@media(max-width:600px) {
  .redesign.dev-page table.users tr { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 14px; padding:16px; }
  .redesign.dev-page table.users td:first-child { grid-column:1; }
  .redesign.dev-page table.users td:last-child { grid-column:2; }
  .redesign.dev-page .user-cell { flex-wrap:wrap; }
}