/* Only the merchant editor's thirteen-column table uses this layout. */
.shell main .merchant-management-section {
  min-width: 0;
  max-width: 100%;
  padding: 16px 0 16px 16px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}

.merchant-management-section > .toolbar,
.merchant-management-section > .pagination {
  position: sticky;
  left: 0;
  z-index: 4;
}

.merchant-management-section > .toolbar {
  margin-bottom: 10px;
}

.merchant-management-table {
  width: 100%;
  min-width: 1498px;
  table-layout: fixed;
}

.merchant-management-table th,
.merchant-management-table td {
  padding: 8px 6px;
  line-height: 1.35;
}

.merchant-management-table th {
  white-space: normal;
  word-break: keep-all;
}

.merchant-management-table th:nth-child(1),
.merchant-management-table td:nth-child(1) { width: 50px; }
.merchant-management-table th:nth-child(2),
.merchant-management-table td:nth-child(2) { width: 124px; }
.merchant-management-table th:nth-child(3),
.merchant-management-table td:nth-child(3) { width: 118px; }
.merchant-management-table th:nth-child(4),
.merchant-management-table td:nth-child(4) { width: 64px; }
.merchant-management-table th:nth-child(5),
.merchant-management-table td:nth-child(5) { width: 170px; }
.merchant-management-table th:nth-child(6),
.merchant-management-table td:nth-child(6) { width: 94px; }
.merchant-management-table th:nth-child(7),
.merchant-management-table td:nth-child(7) { width: 114px; }
.merchant-management-table th:nth-child(8),
.merchant-management-table td:nth-child(8) { width: 150px; }
.merchant-management-table th:nth-child(9),
.merchant-management-table td:nth-child(9) { width: 150px; }
.merchant-management-table th:nth-child(10),
.merchant-management-table td:nth-child(10) { width: 94px; }
.merchant-management-table th:nth-child(11),
.merchant-management-table td:nth-child(11) { width: 160px; }
.merchant-management-table th:nth-child(12),
.merchant-management-table td:nth-child(12) { width: 78px; }
.merchant-management-table th:nth-child(13),
.merchant-management-table td:nth-child(13) { width: 132px; }

.merchant-management-table td input,
.merchant-management-table td select,
.merchant-management-table .merchant-remark-input,
.merchant-management-table .rate-input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 34px;
  padding: 6px 8px;
}

.merchant-management-table td:nth-child(4),
.merchant-management-table td:nth-child(10),
.merchant-management-table td:nth-child(12) {
  white-space: nowrap;
}

.merchant-management-table .muted {
  display: -webkit-box;
  margin-top: 3px;
  max-height: 4.05em;
  overflow: hidden;
  line-height: 1.35;
  white-space: normal;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.merchant-management-table td:last-child .op-buttons {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;
  align-items: stretch;
}

.merchant-management-table td:last-child button {
  width: 100%;
  min-height: 34px;
  margin: 0;
  padding: 6px 7px;
  white-space: nowrap;
}

.merchant-management-table th:last-child,
.merchant-management-table td:last-child {
  position: sticky;
  right: 0;
  z-index: 2;
  background: #fff;
  box-shadow: -10px 0 16px -16px rgba(31, 25, 28, 0.75);
}

.merchant-management-table th:last-child {
  z-index: 3;
  background: var(--admin-soft, #fff5f6);
}

@media (max-width: 900px) {
  .shell main .merchant-management-section {
    padding: 12px 0 12px 12px;
  }
}