/* Account management: keep name and ID visible while the table scrolls horizontally. */
.table-wrapper[data-v-ae0ec1c6] th,
.table-wrapper[data-v-ae0ec1c6] td {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.table-wrapper[data-v-ae0ec1c6] th:nth-child(2),
.table-wrapper[data-v-ae0ec1c6] td:nth-child(2) {
  width: 10rem;
  min-width: 10rem;
  max-width: 10rem;
}

.table-wrapper[data-v-ae0ec1c6] th:nth-child(3),
.table-wrapper[data-v-ae0ec1c6] td:nth-child(3) {
  position: sticky;
  left: calc(52px + 10rem);
  z-index: 20;
  min-width: 4.75rem;
}

.table-wrapper[data-v-ae0ec1c6] thead th:nth-child(3) {
  z-index: 220;
  background-color: rgb(249 250 251);
}

.table-wrapper[data-v-ae0ec1c6] tbody td:nth-child(3) {
  background-color: white;
}

.table-wrapper[data-v-ae0ec1c6] tbody tr:hover td:nth-child(3) {
  background-color: rgb(249 250 251);
}

.dark .table-wrapper[data-v-ae0ec1c6] thead th:nth-child(3),
.dark .table-wrapper[data-v-ae0ec1c6] tbody tr:hover td:nth-child(3) {
  background-color: rgb(31 41 55);
}

.dark .table-wrapper[data-v-ae0ec1c6] tbody td:nth-child(3) {
  background-color: rgb(17 24 39);
}

@media (max-width: 1600px) {
  .table-wrapper[data-v-ae0ec1c6] th:nth-child(2),
  .table-wrapper[data-v-ae0ec1c6] td:nth-child(2) {
    width: 10rem;
    min-width: 10rem;
    max-width: 10rem;
  }

  .table-wrapper[data-v-ae0ec1c6] th:nth-child(3),
  .table-wrapper[data-v-ae0ec1c6] td:nth-child(3) {
    left: calc(52px + 10rem);
    min-width: 4.75rem;
  }
}

@media (max-width: 1400px) {
  .table-wrapper[data-v-ae0ec1c6] th:nth-child(2),
  .table-wrapper[data-v-ae0ec1c6] td:nth-child(2) {
    width: 9rem;
    min-width: 9rem;
    max-width: 9rem;
  }

  .table-wrapper[data-v-ae0ec1c6] th:nth-child(3),
  .table-wrapper[data-v-ae0ec1c6] td:nth-child(3) {
    left: calc(52px + 9rem);
    min-width: 4.5rem;
  }
}
