/* iCommand v26.6.19 — True Full Width Admin UX */

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

body.sapx-v266.authGranted #tab-administracion {
  padding: 24px 28px 56px !important;
}

body.sapx-v266.authGranted #tab-administracion .adminWorkspace {
  display: block !important;
}

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

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

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

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

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

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

#tab-administracion .adminTable {
  width: 100% !important;
  min-width: 1180px !important;
  table-layout: auto !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

#tab-administracion .adminTable th:nth-child(1),
#tab-administracion .adminTable td:nth-child(1) {
  min-width: 240px !important;
  width: 25% !important;
}

#tab-administracion .adminTable th:nth-child(2),
#tab-administracion .adminTable td:nth-child(2) {
  min-width: 120px !important;
  width: 11% !important;
}

#tab-administracion .adminTable th:nth-child(3),
#tab-administracion .adminTable td:nth-child(3) {
  min-width: 210px !important;
  width: 18% !important;
}

#tab-administracion .adminTable th:nth-child(4),
#tab-administracion .adminTable td:nth-child(4) {
  min-width: 110px !important;
  width: 10% !important;
}

#tab-administracion .adminTable th:nth-child(5),
#tab-administracion .adminTable td:nth-child(5) {
  min-width: 210px !important;
  width: 18% !important;
}

#tab-administracion .adminTable th:nth-child(6),
#tab-administracion .adminTable td:nth-child(6) {
  min-width: 250px !important;
  width: 18% !important;
}

#tab-administracion .adminTable th,
#tab-administracion .adminTable td {
  padding: 14px 16px !important;
  vertical-align: middle !important;
}

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

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

#tab-administracion .rowActions {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
}

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

#tab-administracion .adminRolesSection {
  margin-top: 22px !important;
}

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

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

@media (min-width: 1440px) {
  body.sapx-v266.authGranted #tab-administracion {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

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

  #tab-administracion .tableWrap {
    overflow-x: hidden !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;
  }
}

@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;
  }
}