/* V35.10 TARGETED — Employee Management: NO HORIZONTAL SCROLL.
 * Scope: #usersPane only. Do not touch menu / bottom navigation.
 * Goal: keep the full employee table usable inside PC/tablet/mobile width.
 */
#adminModal #usersPane .table-responsive{
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  min-width:0 !important;
  -webkit-overflow-scrolling:touch !important;
}
#adminModal #usersPane .admin-table{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  table-layout:fixed !important;
}
#adminModal #usersPane .admin-table th,
#adminModal #usersPane .admin-table td{
  box-sizing:border-box !important;
  min-width:0 !important;
  max-width:none !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
/* Balanced four-column layout: actions get enough room, text columns truncate. */
#adminModal #usersPane .admin-table th:nth-child(1),
#adminModal #usersPane .admin-table td:nth-child(1){width:17% !important;}
#adminModal #usersPane .admin-table th:nth-child(2),
#adminModal #usersPane .admin-table td:nth-child(2){width:29% !important;}
#adminModal #usersPane .admin-table th:nth-child(3),
#adminModal #usersPane .admin-table td:nth-child(3){width:16% !important;}
#adminModal #usersPane .admin-table th:nth-child(4),
#adminModal #usersPane .admin-table td:nth-child(4){width:38% !important; overflow:visible !important;}
#adminModal #usersPane .admin-user-actions{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:5px !important;
  overflow:visible !important;
}
#adminModal #usersPane #adminUserTable .action-btn,
#adminModal #usersPane #adminUserTable .kick-btn{
  flex:0 1 30px !important;
  width:30px !important;
  min-width:28px !important;
  max-width:34px !important;
  height:30px !important;
  min-height:30px !important;
  padding:0 !important;
  margin:0 !important;
}

@media (max-width:767px){
  #adminModal #usersPane .table-responsive{
    overflow-x:hidden !important;
    overflow-y:auto !important;
    width:100% !important;
    max-width:100% !important;
    border-radius:10px !important;
  }
  #adminModal #usersPane .admin-table{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    table-layout:fixed !important;
    font-size:10px !important;
  }
  #adminModal #usersPane .admin-table th,
  #adminModal #usersPane .admin-table td{
    padding:7px 4px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  #adminModal #usersPane .admin-table th:nth-child(1),
  #adminModal #usersPane .admin-table td:nth-child(1){width:17% !important;}
  #adminModal #usersPane .admin-table th:nth-child(2),
  #adminModal #usersPane .admin-table td:nth-child(2){width:29% !important;}
  #adminModal #usersPane .admin-table th:nth-child(3),
  #adminModal #usersPane .admin-table td:nth-child(3){width:16% !important;}
  #adminModal #usersPane .admin-table th:nth-child(4),
  #adminModal #usersPane .admin-table td:nth-child(4){width:38% !important; overflow:visible !important;}
  #adminModal #usersPane .admin-user-actions{
    gap:3px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    flex-wrap:nowrap !important;
  }
  #adminModal #usersPane #adminUserTable .action-btn,
  #adminModal #usersPane #adminUserTable .kick-btn{
    flex:0 1 28px !important;
    width:28px !important;
    min-width:26px !important;
    max-width:30px !important;
    height:28px !important;
    min-height:28px !important;
    border-radius:7px !important;
  }
}

@media (max-width:360px){
  #adminModal #usersPane .admin-table th,
  #adminModal #usersPane .admin-table td{padding-left:3px !important;padding-right:3px !important;}
  #adminModal #usersPane .admin-user-actions{gap:2px !important;}
  #adminModal #usersPane #adminUserTable .action-btn,
  #adminModal #usersPane #adminUserTable .kick-btn{
    flex-basis:26px !important;
    width:26px !important;
    min-width:24px !important;
    max-width:28px !important;
    height:26px !important;
    min-height:26px !important;
  }
}