#shipping .shipping-body { padding:0 22px 22px; min-width:0; }
#shipping .shipping-date { display:flex; flex-wrap:wrap; align-items:center; gap:16px; }
#shipping .shipping-date > .field { flex:0 1 260px; margin-bottom:12px; }
#shipping .shipping-date > p { flex:1 1 220px; }
#shipping .shipping-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 18px; }
#shipping input:not([type="checkbox"]), #shipping select { width:100%; max-width:100%; min-width:0; }
#shipping input[type="checkbox"] { width:17px; min-width:17px; max-width:17px; }
#shipping .shipping-fold-body { padding:14px 0; }
#shipping-row-form { padding:18px; border:1px solid var(--border,#dce5e8); border-radius:10px; margin:18px 0; }
#shipping-row-form h3 { margin:0 0 18px; font-size:16px; }
#shipping .shipping-extra { margin:0 0 12px; border-top:1px solid var(--border,#dce5e8); padding-top:12px; }
#shipping .shipping-extra > summary { cursor:pointer; font-size:13px; font-weight:600; color:var(--primary,#147d83); padding:4px 0 14px; }
#shipping .shipping-list-heading { display:flex; align-items:baseline; flex-wrap:wrap; justify-content:space-between; gap:12px; }
#shipping .shipping-list, #shipping .shipping-preview { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:12px; margin:12px 0; }
#shipping .shipping-list > article, #shipping .shipping-preview > article { min-width:0; border:1px solid var(--border,#dce5e8); border-radius:10px; padding:16px; }
#shipping .shipping-list h4, #shipping .shipping-preview h4 { margin:0 0 8px; font-size:14px; overflow-wrap:anywhere; }
#shipping .shipping-list p, #shipping .shipping-preview p { margin:7px 0; white-space:pre-wrap; overflow-wrap:anywhere; }
#shipping .shipping-files > article { border-top:1px solid var(--border,#dce5e8); padding:14px 0; overflow-wrap:anywhere; }
#shipping .shipping-files .button { margin:8px 10px 0 0; }
#shipping .shipping-files p { margin:0; }
#shipping .shipping-print-help { margin:18px 0 0; border-top:1px solid var(--border,#dce5e8); padding-top:14px; }
#shipping .shipping-print-help > summary { cursor:pointer; font-size:13px; font-weight:600; color:var(--primary,#147d83); }
#shipping .shipping-empty { grid-column:1 / -1; color:var(--muted,#687985); padding:12px 0; }
#shipping .pagination { margin-top:12px; }
@media(max-width:640px) {
  #shipping .shipping-body { padding:0 16px 16px; }
  #shipping .shipping-grid { grid-template-columns:minmax(0,1fr); }
  #shipping-row-form { padding:14px; }
  #shipping .shipping-date > .field { flex-basis:100%; }
  #shipping .commerce-actions > .button { flex:1 1 100%; }
}