.ajax-list-shell {
  position: relative;
  min-height: 140px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: clip;
  overflow-y: visible;
}

.ajax-list-results {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: clip;
  overflow-y: visible;
}

.ajax-list-shell .table-card,
.ajax-list-results .table-card {
  max-width: 100%;
  min-width: 0;
}

.ajax-list-shell .table-card__content {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 transparent;
}

.ajax-list-shell .table-card__content::-webkit-scrollbar {
  height: 6px;
}

.ajax-list-shell .table-card__content::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 999px;
}

.ajax-list-shell .table-card__content::-webkit-scrollbar-track {
  background: transparent;
}

/* garante que o grid pai não deixe o shell estourar a largura da viewport */
.docs-page,
.deleted-docs-page,
.logs-page,
.users-page,
.embed-tokens-page,
.upload-page {
  min-width: 0;
  max-width: 100%;
}

/* tabela de consulta: evita scroll horizontal forçado mantendo layout original,
   mas garante que caiba sem estourar a página (usa table-layout:fixed quando dentro do ajax-shell) */
.ajax-list-shell .docs-consultation-table {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
}

.ajax-list-shell .docs-consultation-table thead th:nth-child(1),
.ajax-list-shell .docs-consultation-table tbody td:nth-child(1) {
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
}

.ajax-list-shell .docs-consultation-table thead th:nth-child(2),
.ajax-list-shell .docs-consultation-table tbody td:nth-child(2) {
  width: 22% !important;
  min-width: 140px !important;
}

.ajax-list-shell .docs-consultation-table thead th:nth-child(3),
.ajax-list-shell .docs-consultation-table tbody td:nth-child(3) {
  width: 14% !important;
  min-width: 100px !important;
}

.ajax-list-shell .docs-consultation-table thead th:nth-child(4),
.ajax-list-shell .docs-consultation-table tbody td:nth-child(4) {
  width: 70px !important;
  min-width: 70px !important;
  max-width: 70px !important;
}

.ajax-list-shell .docs-consultation-table thead th:nth-child(5),
.ajax-list-shell .docs-consultation-table tbody td:nth-child(5) {
  width: 15% !important;
  min-width: 110px !important;
}

.ajax-list-shell .docs-consultation-table thead th:nth-child(6),
.ajax-list-shell .docs-consultation-table tbody td:nth-child(6) {
  width: auto !important;
  min-width: 140px !important;
}

.ajax-list-shell .docs-consultation-table thead th:nth-child(7),
.ajax-list-shell .docs-consultation-table tbody td:nth-child(7) {
  width: 110px !important;
  min-width: 100px !important;
  max-width: 120px !important;
}

.ajax-list-shell .docs-consultation-table thead th:nth-child(8),
.ajax-list-shell .docs-consultation-table tbody td:nth-child(8) {
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
}

.ajax-list-shell.is-loading {
  cursor: progress;
}

.ajax-list-shell.is-loading .ajax-list-results {
  opacity: 0.58;
  transition: opacity 0.12s ease;
}

.ajax-list-shell.is-loading::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 20;
  pointer-events: none;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.44);
}

@media (prefers-reduced-motion: no-preference) {
  .ajax-list-shell.is-loading .ajax-list-results {
    transition: opacity 0.18s ease;
  }
}