/* Parcel-label buy screen (static/parcel-buy.js) — global because it opens
   from the Parcel Labels page and from Shipment Tracking. Layout only over
   the shared components; tokens only. Prefix: parcel- (docs/ui-prefixes.md). */
.parcel-muted { color: var(--text-secondary); font-size: var(--text-sm); }
.parcel-error { color: var(--danger-fg); font-size: var(--text-sm); }
.parcel-num { text-align: right; font-variant-numeric: tabular-nums; }
.parcel-summary { display: flex; flex-wrap: wrap; gap: var(--space-3) var(--space-6); margin-bottom: var(--space-4); font-size: var(--text-sm); }
.parcel-banner { margin-bottom: var(--space-4); padding: var(--space-3); border: 1px solid var(--warning-solid); border-radius: var(--radius); background: var(--warning-bg); color: var(--warning-fg); font-size: var(--text-sm); }
.parcel-banner.parcel-error { border-color: var(--danger-solid); background: var(--danger-bg); color: var(--danger-fg); }
.parcel-section { margin-bottom: var(--space-4); }
.parcel-heading { margin: 0 0 var(--space-3); font-size: var(--text-base); }
.parcel-heading:not(:first-child) { margin-top: var(--space-5); }
.parcel-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)); gap: var(--space-4); }
.parcel-address-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: var(--space-2) var(--space-3); }
.parcel-address-grid .form-group { margin: 0; }
.parcel-actions { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-3); }
.parcel-items { margin: 0; padding-left: var(--space-5); font-size: var(--text-sm); }
.parcel-boxes-table .form-input { min-width: 0; padding-inline: var(--space-2); }
.parcel-input-num { width: 5rem; }
.parcel-input-sku { width: 9rem; }
.parcel-label-head { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-4); align-items: center; justify-content: space-between; margin-bottom: var(--space-3); }
.parcel-print-row { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: end; }
.parcel-printer { margin: 0; min-width: 240px; }
.parcel-box-prints { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-3); }