:root{--packing-touch:44px;--packing-undo-bottom:calc(76px + env(safe-area-inset-bottom));--packing-list-undo-bottom:calc(258px + env(safe-area-inset-bottom));--packing-content-width:580px}
.quantity-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--sp-3)}.quantity-fields label:last-child{grid-column:auto}.quantity-caption{display:block;font-size:var(--text-sm);color:var(--ink);margin-top:var(--sp-1);font-variant-numeric:tabular-nums}.quantity-row{display:flex;justify-content:flex-end;padding:0 var(--packing-touch) var(--sp-2);border-bottom:1px solid var(--line)}.quantity-stepper{display:flex;gap:var(--sp-2)}.quantity-step{min-width:var(--packing-touch);min-height:var(--packing-touch);padding:var(--sp-2);background:var(--soft);font-size:var(--text-lg);color:var(--ink);border:1px solid var(--border-interactive)}.quantity-step:active{background:var(--tint)}.quantity-badge{position:absolute;right:0;bottom:0;background:var(--ink);color:var(--bg);font-size:var(--text-xs);border-radius:var(--radius-sm);padding:0 var(--sp-1);pointer-events:none}.packing-undo{position:fixed;z-index:18;bottom:var(--packing-undo-bottom);left:50%;transform:translateX(-50%);max-width:calc(100% - var(--sp-8))}.packing-undo button{background:var(--ink);color:var(--bg);box-shadow:var(--shadow-md);font-size:var(--text-sm);min-height:var(--packing-touch);border-radius:var(--radius-md)}.packing-mode .packing-undo{bottom:var(--packing-list-undo-bottom)}#missingItemsLink{display:block;text-align:left;font-size:var(--text-sm);margin-bottom:var(--sp-3);text-decoration:underline}#missingFilter{display:block;min-height:var(--packing-touch);font-size:var(--text-sm)}#missingFilter[aria-pressed=true]{font-weight:var(--weight-semi);color:var(--ink)}#quickMoveItem{min-height:var(--packing-touch);text-decoration:underline}.document-parent select{min-height:var(--packing-touch)}.item-detail .item-copy{min-width:0}.item-detail .item-meta{max-width:35%}

#itemModal .actions{position:sticky;bottom:0;background:var(--bg);padding-top:var(--sp-3);padding-bottom:var(--sp-2);z-index:1}.quantity-fields label{font-size:var(--text-sm)}

.packing-undo,.packing-mode .packing-undo{position:sticky;top:0;bottom:auto;left:auto;transform:none;max-width:none;display:flex;justify-content:flex-end;background:var(--bg);padding:var(--sp-1) 0;z-index:18}.packing-undo button{background:var(--soft);color:var(--ink);box-shadow:none;padding:var(--sp-2) var(--sp-3);text-align:left}#itemModal .quantity-fields input,#itemModal .quantity-fields select{border-color:var(--border-interactive)}

:root{--surface:var(--bg);--text:var(--ink);--text-muted:var(--muted);--border-focus:var(--ink)}