/* V35.8 TARGETED — Employee Management responsive parity with Message Management.
 * Scope: #usersPane only. No menu/navigation selectors.
 */
#adminModal #usersPane.active{
  min-height:0 !important;
  overflow:hidden !important;
}
#adminModal #usersPane .table-responsive{
  flex:1 1 0 !important;
  min-height:0 !important;
  width:100% !important;
  max-width:100% !important;
  overflow:auto !important;
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior:contain !important;
  scrollbar-width:auto !important;
  background:var(--bg-card,#fff) !important;
}
#adminModal #usersPane .admin-table{
  width:max-content !important;
  min-width:620px !important;
  max-width:none !important;
  table-layout:auto !important;
}
#adminModal #usersPane .admin-table th,
#adminModal #usersPane .admin-table td{
  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){min-width:105px !important;max-width:150px !important;}
#adminModal #usersPane .admin-table th:nth-child(2),
#adminModal #usersPane .admin-table td:nth-child(2){min-width:170px !important;max-width:230px !important;}
#adminModal #usersPane .admin-table th:nth-child(3),
#adminModal #usersPane .admin-table td:nth-child(3){min-width:95px !important;max-width:120px !important;}
#adminModal #usersPane .admin-table th:nth-child(4),
#adminModal #usersPane .admin-table td:nth-child(4){min-width:160px !important;width:160px !important;}
#adminModal #usersPane .admin-user-actions{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:6px !important;
  white-space:nowrap !important;
}
/* Exact semantic palette used by Message Management. */
#adminModal #usersPane #adminUserTable .admin-user-actions .action-btn:first-child{
  background:#d1fae5 !important;color:#047857 !important;border-color:#34d399 !important;
}
#adminModal #usersPane #adminUserTable .admin-user-actions .action-btn:nth-child(2){
  background:#dbeafe !important;color:#1d4ed8 !important;border-color:#60a5fa !important;
}
#adminModal #usersPane #adminUserTable .admin-user-actions .kick-btn{
  background:#fee2e2 !important;color:#b91c1c !important;border-color:#f87171 !important;
}
#adminModal #usersPane #adminUserTable .admin-user-actions .action-btn::before,
#adminModal #usersPane #adminUserTable .admin-user-actions .kick-btn::before{
  background:currentColor !important;
}
:root[data-theme="dark"] #adminModal #usersPane #adminUserTable .admin-user-actions .action-btn:first-child,
body[data-theme="dark"] #adminModal #usersPane #adminUserTable .admin-user-actions .action-btn:first-child{
  background:#052e2b !important;color:#6ee7b7 !important;border-color:#10b981 !important;
}
:root[data-theme="dark"] #adminModal #usersPane #adminUserTable .admin-user-actions .action-btn:nth-child(2),
body[data-theme="dark"] #adminModal #usersPane #adminUserTable .admin-user-actions .action-btn:nth-child(2){
  background:#172554 !important;color:#93c5fd !important;border-color:#3b82f6 !important;
}
:root[data-theme="dark"] #adminModal #usersPane #adminUserTable .admin-user-actions .kick-btn,
body[data-theme="dark"] #adminModal #usersPane #adminUserTable .admin-user-actions .kick-btn{
  background:#450a0a !important;color:#fca5a5 !important;border-color:#ef4444 !important;
}
#adminModal #usersPane .panel-section-box .add-btn{
  background:#dbeafe !important;color:#1d4ed8 !important;border-color:#60a5fa !important;
  box-shadow:0 1px 2px rgba(15,23,42,.10) !important;
}
:root[data-theme="dark"] #adminModal #usersPane .panel-section-box .add-btn,
body[data-theme="dark"] #adminModal #usersPane .panel-section-box .add-btn{
  background:#172554 !important;color:#93c5fd !important;border-color:#3b82f6 !important;
}
@media (max-width:1024px){
  #adminModal #usersPane .table-responsive{overflow:auto !important;}
  #adminModal #usersPane .admin-table{min-width:620px !important;}
}
@media (max-width:767px){
  #adminModal #usersPane .table-responsive{
    flex:1 1 0 !important;
    min-height:120px !important;
    overflow-x:auto !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }
  #adminModal #usersPane .admin-table{
    min-width:620px !important;
    font-size:10px !important;
  }
  #adminModal #usersPane .admin-table th,
  #adminModal #usersPane .admin-table td{padding:8px 9px !important;}
  #adminModal #usersPane .admin-table th:nth-child(4),
  #adminModal #usersPane .admin-table td:nth-child(4){min-width:160px !important;width:160px !important;}
  #adminModal #usersPane #adminUserTable .admin-user-actions .action-btn,
  #adminModal #usersPane #adminUserTable .admin-user-actions .kick-btn{
    width:36px !important;height:34px !important;min-width:36px !important;min-height:34px !important;
  }
}