.shipping-inputs { margin-block: 1.25rem; color: var(--gray-950); }
.shipping-inputs h4 { font-size: .875rem; font-weight: 600; margin-block: 1.25rem .5rem; }
.shipping-inputs h5 { font-size: .8125rem; font-weight: 600; margin-bottom: .625rem; }
.shipping-inputs h4 span { font-weight: 400; }
.shipping-input-parties { display: grid; gap: .75rem; margin-block: .75rem; }
.shipping-input-party { border: 1px solid var(--gray-200); border-radius: .5rem; padding: .75rem; }
.shipping-input-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .625rem 1rem; font-size: .8125rem; }
.shipping-input-fields dt { color: var(--gray-600); font-size: .75rem; }
.shipping-input-fields dd { overflow-wrap: anywhere; white-space: pre-wrap; line-height: 1.5; }
.shipping-inputs-notice { font-size: .8125rem; line-height: 1.5; margin-block: .75rem; padding: .625rem .75rem; background: var(--gray-100); border-left: 3px solid var(--gray-400); }
.shipping-input-table { max-width: 100%; overflow-x: auto; border: 1px solid var(--gray-200); border-radius: .5rem; margin-top: .75rem; }
.shipping-input-table:focus-visible { outline: 2px solid var(--primary-500); outline-offset: 2px; }
.shipping-input-table table { width: 100%; border-collapse: collapse; font-size: .8125rem; text-align: left; }
.shipping-input-table th, .shipping-input-table td { vertical-align: top; padding: .625rem; border-bottom: 1px solid var(--gray-200); }
.shipping-input-table thead { background: var(--gray-50); font-size: .75rem; }
.shipping-input-table tbody tr:last-child > * { border-bottom: 0; }
.shipping-input-table tbody th { width: 2.5rem; }
.shipping-input-pagination { display: flex; align-items: center; justify-content: space-between; gap: .625rem; font-size: .75rem; margin-block: .75rem; }
.dark .shipping-inputs { color: var(--gray-100); }
.dark .shipping-input-party, .dark .shipping-input-table, .dark .shipping-input-table th, .dark .shipping-input-table td { border-color: var(--gray-700); }
.dark .shipping-input-fields dt { color: var(--gray-400); }
.dark .shipping-inputs-notice { background: var(--gray-800); border-color: var(--gray-500); }
.dark .shipping-input-table thead { background: var(--gray-800); }
@media (max-width: 480px) { .shipping-input-fields { grid-template-columns: minmax(0, 1fr); } }