/* Keep the 13-column merchant editor readable without widening the whole admin page. */
.merchant-management-section {
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-color: rgba(var(--admin-primary-rgb), 0.45) transparent;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}

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

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

.merchant-management-table th,
.merchant-management-table td {
  padding: 10px 7px;
  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: 44px; }

.merchant-management-table th:nth-child(2),
.merchant-management-table td:nth-child(2) { width: 112px; }

.merchant-management-table th:nth-child(3),
.merchant-management-table td:nth-child(3) { width: 112px; }

.merchant-management-table th:nth-child(4),
.merchant-management-table td:nth-child(4) { width: 52px; }

.merchant-management-table th:nth-child(5),
.merchant-management-table td:nth-child(5) { width: 160px; }

.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: 112px; }

.merchant-management-table th:nth-child(8),
.merchant-management-table td:nth-child(8) { width: 146px; }

.merchant-management-table th:nth-child(9),
.merchant-management-table td:nth-child(9) { width: 146px; }

.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: 152px; }

.merchant-management-table th:nth-child(12),
.merchant-management-table td:nth-child(12) { width: 72px; }

.merchant-management-table th:nth-child(13),
.merchant-management-table td:nth-child(13) { width: 126px; }

.merchant-management-table td input,
.merchant-management-table td select,
.merchant-management-table .merchant-remark-input,
.merchant-management-table .rate-input {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 34px;
  padding: 7px 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 td:nth-child(5) .muted,
.merchant-management-table td:nth-child(8) .muted,
.merchant-management-table td:nth-child(9) .muted,
.merchant-management-table td:nth-child(11) .muted {
  display: -webkit-box;
  margin-top: 3px;
  overflow: hidden;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

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

.merchant-management-table td:nth-child(13) button {
  width: 100%;
  min-height: 34px;
  margin: 0;
  padding: 7px 8px;
  white-space: nowrap;
}

@media (min-width: 901px) {
  .merchant-management-table th:nth-child(13),
  .merchant-management-table td:nth-child(13) {
    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:nth-child(13) {
    z-index: 3;
    background: var(--admin-soft, #fff5f6);
  }
}

@media (max-width: 900px) {
  .merchant-management-table {
    min-width: 1360px;
  }
}