/* NTIMA OS v10.13.6 — keep member contact values and actions aligned inside the Members table. */

/* Rebalance the directory columns so the telephone controls have enough room
 * without making the table wider than the page. */
.genesis-admin-content .wfms-members-table th,
.genesis-admin-content .wfms-members-table td{
  padding-left:8px!important;
  padding-right:8px!important;
}
.genesis-admin-content .wfms-members-table th:nth-child(1),
.genesis-admin-content .wfms-members-table td:nth-child(1){width:14%!important}
.genesis-admin-content .wfms-members-table th:nth-child(2),
.genesis-admin-content .wfms-members-table td:nth-child(2){width:8%!important}
.genesis-admin-content .wfms-members-table th:nth-child(3),
.genesis-admin-content .wfms-members-table td:nth-child(3){width:17%!important}
.genesis-admin-content .wfms-members-table th:nth-child(4),
.genesis-admin-content .wfms-members-table td:nth-child(4){width:17%!important}
.genesis-admin-content .wfms-members-table th:nth-child(5),
.genesis-admin-content .wfms-members-table td:nth-child(5){width:8%!important}
.genesis-admin-content .wfms-members-table th:nth-child(6),
.genesis-admin-content .wfms-members-table td:nth-child(6){width:10%!important}
.genesis-admin-content .wfms-members-table th:nth-child(7),
.genesis-admin-content .wfms-members-table td:nth-child(7){width:11%!important}
.genesis-admin-content .wfms-members-table th:nth-child(8),
.genesis-admin-content .wfms-members-table td:nth-child(8){width:15%!important}

/* Telephone: number + call + WhatsApp + copy stay in one controlled row. */
.genesis-admin-content .wfms-members-table td:nth-child(3) > .genesis-quick-copy-value{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) repeat(3,24px)!important;
  align-items:center!important;
  gap:3px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
/* Email: address + compose + copy use the same compact alignment. */
.genesis-admin-content .wfms-members-table td:nth-child(4) > .genesis-quick-copy-value{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) repeat(2,24px)!important;
  align-items:center!important;
  gap:3px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
.genesis-admin-content .wfms-members-table :is(td:nth-child(3),td:nth-child(4)) .genesis-quick-copy-text{
  display:block!important;
  min-width:0!important;
  width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:12px!important;
  letter-spacing:-.12px;
}
.genesis-admin-content .wfms-members-table :is(td:nth-child(3),td:nth-child(4)) :is(
  .genesis-contact-action-button,
  .genesis-whatsapp-action-button,
  .genesis-quick-copy-button
){
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  border-radius:7px!important;
  box-shadow:none!important;
}
.genesis-admin-content .wfms-members-table td:nth-child(3) .genesis-contact-action-button{
  font-size:12px!important;
}
.genesis-admin-content .wfms-members-table td:nth-child(3) .genesis-whatsapp-action-button{
  font-size:7px!important;
  letter-spacing:-.35px!important;
}
.genesis-admin-content .wfms-members-table :is(td:nth-child(3),td:nth-child(4)) .genesis-quick-copy-button{
  font-size:12px!important;
}

/* Keep the whole directory inside the desktop/laptop page instead of reviving
 * the older minimum-width horizontal scroller. */
@media (min-width:783px){
  .genesis-admin-content .wfms-members-table-wrap{
    overflow-x:hidden!important;
  }
  .genesis-admin-content .wfms-members-table{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    table-layout:fixed!important;
  }
}

/* Compact laptop treatment. Values remain readable and the action group stays
 * aligned instead of dropping the number above or below the icons. */
@media (min-width:783px) and (max-width:1180px){
  .genesis-admin-content .wfms-members-table th,
  .genesis-admin-content .wfms-members-table td{
    padding-left:5px!important;
    padding-right:5px!important;
    font-size:11px!important;
  }
  .genesis-admin-content .wfms-members-table td:nth-child(3) > .genesis-quick-copy-value{
    grid-template-columns:minmax(0,1fr) repeat(3,21px)!important;
    gap:2px!important;
  }
  .genesis-admin-content .wfms-members-table td:nth-child(4) > .genesis-quick-copy-value{
    grid-template-columns:minmax(0,1fr) repeat(2,21px)!important;
    gap:2px!important;
  }
  .genesis-admin-content .wfms-members-table :is(td:nth-child(3),td:nth-child(4)) :is(
    .genesis-contact-action-button,
    .genesis-whatsapp-action-button,
    .genesis-quick-copy-button
  ){
    width:21px!important;
    height:21px!important;
    min-width:21px!important;
    border-radius:6px!important;
  }
  .genesis-admin-content .wfms-members-table :is(td:nth-child(3),td:nth-child(4)) .genesis-quick-copy-text{
    font-size:10.5px!important;
  }
  .genesis-admin-content .wfms-members-table .wfms-account-status,
  .genesis-admin-content .wfms-members-table .wfms-status{
    font-size:10px!important;
    line-height:1.2!important;
  }
}

/* On phones the existing table may scroll, but the contact value itself stays
 * grouped and never separates awkwardly from its controls. */
@media (max-width:782px){
  .genesis-admin-content .wfms-members-table td:nth-child(3) > .genesis-quick-copy-value,
  .genesis-admin-content .wfms-members-table td:nth-child(4) > .genesis-quick-copy-value{
    width:max-content!important;
    max-width:100%!important;
  }
}
