/* A23 배송지 정보와 관리 단추를 표와 휴대폰 카드로 보여 준다. */
.admin-main .ship-to-table th:nth-child(1) { width: 8%; }
.admin-main .ship-to-table th:nth-child(2) { width: 14%; }
.admin-main .ship-to-table th:nth-child(3) { width: 12%; }
.admin-main .ship-to-table th:nth-child(4) { width: 15%; }
.admin-main .ship-to-table th:last-child { width: 220px; }
.admin-main .ship-to-table td { white-space: normal; overflow-wrap: anywhere; }
.ship-to-actions { display: flex; align-items: center; justify-content: flex-end; gap: 0; }
.ship-to-actions > .carrier-switch { flex-shrink: 0; }
.ship-to-icon, .ship-to-delete { display: grid; place-items: center; width: 44px; min-width: 44px; height: 44px; }
.ship-to-icon { padding: 0; border: 0; background: transparent; color: var(--color-kb-ink-3); cursor: pointer; border-radius: var(--radius-kb-sm); }
.ship-to-icon:hover { background: var(--color-kb-fill); }
.ship-to-icon:disabled { opacity: .5; cursor: not-allowed; }
.ship-to-default { color: var(--admin-accent); }
.ship-to-default svg { fill: currentColor; }
.ship-to-form-switch { position: relative; }
.ship-to-form-switch input[type="checkbox"] { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.ship-to-form-switch:has(:checked) span { background: var(--admin-accent); }
.ship-to-form-switch:has(:checked) span::after { transform: translateX(16px); }
.ship-to-form-switch:has(:focus-visible) { outline: 2px solid var(--admin-accent); outline-offset: 2px; }
.ship-to-form-switch span { pointer-events: none; }
@media (max-width: 600px) {
  .admin-main .ship-to-table, .admin-main .ship-to-table tbody { display: block; }
  .admin-main .ship-to-table thead { display: none; }
  .admin-main .ship-to-table tr { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px; padding: 20px 0; }
  .admin-main .ship-to-table td { display: block; padding: 0; border: 0; }
  .admin-main .ship-to-table td[data-label], .admin-main .ship-to-table td:last-child { grid-column: 1 / -1; }
  .admin-main .ship-to-table td[data-label]::before { content: attr(data-label); display: inline-block; min-width: 5em; color: var(--color-kb-ink-3); }
}