/* Keep model management independent of the compact shared admin tables. */
.admin-console .table-wrap:has(.admin-model-identity) {
  overflow: auto;
  max-height: min(72vh, 900px);
  scrollbar-width: thin;
  scrollbar-color: #aab2bf transparent;
}

.admin-console .table-wrap:has(.admin-model-identity) > table {
  width: 100%;
  min-width: 1584px;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
}

.admin-console .table-wrap:has(.admin-model-identity) :is(th, td) {
  padding: 12px;
  vertical-align: middle;
}

.admin-console .table-wrap:has(.admin-model-identity) th {
  white-space: nowrap;
  background: #f3f7ff;
  box-shadow: inset 0 -1px #e6eaf2;
}

.admin-console .table-wrap:has(.admin-model-identity) :is(th, td):nth-child(1) { width: 260px; }
.admin-console .table-wrap:has(.admin-model-identity) :is(th, td):nth-child(2) { width: 110px; }
.admin-console .table-wrap:has(.admin-model-identity) :is(th, td):nth-child(3) { width: 260px; }
.admin-console .table-wrap:has(.admin-model-identity) :is(th, td):nth-child(4) { width: 130px; }
.admin-console .table-wrap:has(.admin-model-identity) :is(th, td):nth-child(5) { width: 88px; }
.admin-console .table-wrap:has(.admin-model-identity) :is(th, td):nth-child(6) { width: 96px; }
.admin-console .table-wrap:has(.admin-model-identity) :is(th, td):nth-child(7) { width: 240px; }
.admin-console .table-wrap:has(.admin-model-identity) :is(th, td):nth-child(8) { width: 64px; }
.admin-console .table-wrap:has(.admin-model-identity) :is(th, td):nth-child(9) { width: 116px; }
.admin-console .table-wrap:has(.admin-model-identity) :is(th, td):nth-child(10) { width: 64px; }
.admin-console .table-wrap:has(.admin-model-identity) :is(th, td):nth-child(11) { width: 156px; }

.admin-console .table-wrap:has(.admin-model-identity) .table-cell-content {
  max-height: none;
  overflow: visible;
}

.admin-console .table-wrap:has(.admin-model-identity) :is(.model-display-cell, .model-price-cell) {
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}

.admin-console .table-wrap:has(.admin-model-identity) .admin-model-identity {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.admin-console .table-wrap:has(.admin-model-identity) .admin-model-identity > span:last-child {
  min-width: 0;
  padding-block: 6px;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
  font-weight: 600;
}

.admin-console .table-wrap:has(.admin-model-identity) .model-price-cell {
  font-variant-numeric: tabular-nums;
  line-height: 1.6;
}

.admin-console .table-wrap:has(.admin-model-identity) .row-actions {
  flex-wrap: nowrap;
  gap: 6px;
}

.admin-console .table-wrap:has(.admin-model-identity) .row-actions button {
  flex: 0 0 28px;
  width: 28px;
  min-width: 28px;
}

.admin-console .table-wrap:has(.admin-model-identity) tbody tr:hover td {
  background: #f8faff;
}

@media (min-width: 1100px) {
  .admin-console .table-wrap:has(.admin-model-identity) :is(th, td):first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    background: #fff;
    box-shadow: inset -1px 0 #e6eaf2;
  }

  .admin-console .table-wrap:has(.admin-model-identity) :is(th, td):last-child {
    position: sticky;
    right: 0;
    z-index: 2;
    background: #fff;
    box-shadow: inset 1px 0 #e6eaf2;
  }

  .admin-console .table-wrap:has(.admin-model-identity) th:is(:first-child, :last-child) {
    z-index: 3;
    background: #f3f7ff;
  }
}

@supports selector(::-webkit-scrollbar) {
  .admin-console .table-wrap:has(.admin-model-identity) {
    scrollbar-width: auto;
    scrollbar-color: auto;
  }

  .admin-console .table-wrap:has(.admin-model-identity)::-webkit-scrollbar { width: 6px; height: 6px; }
  .admin-console .table-wrap:has(.admin-model-identity)::-webkit-scrollbar-track { background: transparent; }
  .admin-console .table-wrap:has(.admin-model-identity)::-webkit-scrollbar-thumb { background: #aab2bf; border-radius: 6px; }
  .admin-console .table-wrap:has(.admin-model-identity)::-webkit-scrollbar-thumb:hover { background: #7f8998; }
  .admin-console .table-wrap:has(.admin-model-identity)::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
}
