/* iCommand v26.6.18 — Full Width Users & Profiles UX */

body.sapx-v266.authGranted #tab-administracion{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:24px clamp(20px,2.4vw,42px) 52px!important;
}

body.sapx-v266.authGranted #tab-administracion .adminWorkspace,
body.sapx-v266.authGranted #tab-administracion .adminGrid,
body.sapx-v266.authGranted #tab-administracion .adminRolesSection,
body.sapx-v266.authGranted #tab-administracion .adminDirectoryPanel,
body.sapx-v266.authGranted #tab-administracion .accessProfilesPanel{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
}

#tab-administracion .adminHero{
  width:100%!important;
  max-width:none!important;
  margin-bottom:18px!important;
}

#tab-administracion .fourAdminKpis{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  margin:0 0 20px!important;
}

#tab-administracion .adminGrid{
  display:block!important;
}

#tab-administracion .adminDirectoryPanel,
#tab-administracion .accessProfilesPanel{
  padding:24px!important;
  border-radius:18px!important;
}

#tab-administracion .adminDirectoryPanel>.panelHead,
#tab-administracion .accessProfilesPanel>.panelHead{
  display:grid!important;
  grid-template-columns:minmax(280px,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  margin-bottom:16px!important;
}

#tab-administracion .adminToolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}

#tab-administracion .adminSearchRow{
  display:grid!important;
  grid-template-columns:minmax(320px,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  margin:16px 0 18px!important;
}

#tab-administracion .tableWrap{
  width:100%!important;
  max-width:none!important;
  overflow-x:hidden!important;
  overflow-y:visible!important;
  border-radius:14px!important;
}

#tab-administracion .adminTable{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
}

#tab-administracion .adminTable th:nth-child(1){width:25%!important}
#tab-administracion .adminTable th:nth-child(2){width:11%!important}
#tab-administracion .adminTable th:nth-child(3){width:17%!important}
#tab-administracion .adminTable th:nth-child(4){width:9%!important}
#tab-administracion .adminTable th:nth-child(5){width:18%!important}
#tab-administracion .adminTable th:nth-child(6){width:20%!important}

#tab-administracion .adminTable th,
#tab-administracion .adminTable td{
  padding:13px 14px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#tab-administracion .adminTable td{
  white-space:normal!important;
}

#tab-administracion .directoryUser{
  min-width:0!important;
}

#tab-administracion .directoryUser>div{
  min-width:0!important;
}

#tab-administracion .directoryUser b,
#tab-administracion .directoryUser small{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#tab-administracion .rowActions{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:7px!important;
  flex-wrap:wrap!important;
}

#tab-administracion .rowActions button{
  min-height:34px!important;
  padding:0 10px!important;
  border-radius:9px!important;
  white-space:nowrap!important;
}

#tab-administracion .adminRolesSection{
  width:100%!important;
  margin-top:20px!important;
}

#tab-administracion .roleCards{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
  gap:16px!important;
}

#tab-administracion .roleCard{
  min-height:158px!important;
  padding:19px!important;
}

#tab-administracion #newAdminUser{
  order:0!important;
}

#tab-administracion #exportAccessConfig{
  order:1!important;
}

#tab-administracion .fileButton{
  order:2!important;
}

@media(min-width:1500px){
  body.sapx-v266.authGranted #tab-administracion{
    padding-left:44px!important;
    padding-right:44px!important;
  }
  #tab-administracion .adminDirectoryPanel,
  #tab-administracion .accessProfilesPanel{
    padding:26px 28px!important;
  }
}

@media(max-width:1280px){
  #tab-administracion .fourAdminKpis{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #tab-administracion .adminDirectoryPanel>.panelHead,
  #tab-administracion .accessProfilesPanel>.panelHead{
    grid-template-columns:1fr!important;
  }
  #tab-administracion .adminToolbar{
    justify-content:flex-start!important;
  }
  #tab-administracion .tableWrap{
    overflow-x:auto!important;
  }
  #tab-administracion .adminTable{
    min-width:980px!important;
  }
}

@media(max-width:760px){
  body.sapx-v266.authGranted #tab-administracion{
    padding:16px!important;
  }
  #tab-administracion .fourAdminKpis{
    grid-template-columns:1fr!important;
  }
  #tab-administracion .adminDirectoryPanel,
  #tab-administracion .accessProfilesPanel{
    padding:16px!important;
  }
  #tab-administracion .adminToolbar{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
  }
  #tab-administracion #newAdminUser{
    grid-column:1/-1!important;
    width:100%!important;
  }
  #tab-administracion .adminSearchRow{
    grid-template-columns:1fr!important;
  }
  #tab-administracion .roleCards{
    grid-template-columns:1fr!important;
  }
}