/* Same single-row form on phone, landscape and desktop. Quantity is optional. */
.add-row{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr) 46px;gap:8px;align-items:end}.add-row label{display:flex;flex-direction:column;gap:6px;min-width:0}.add-row label>span{font-size:11px;color:var(--muted);line-height:1.4;white-space:nowrap}.add-row input{display:block;width:100%;height:46px;min-height:46px;flex:none;margin:0;min-width:0;font-size:13px;padding:10px}.add-row #newItem,.add-row #newItemAmount{grid-column:auto;grid-row:auto}.add-row button{grid-column:3;grid-row:auto;height:46px;padding:0;font-size:25px;line-height:1}.add-row .add-item-field{grid-column:1}.add-row .add-amount-field{grid-column:2}
.staples61-grid{grid-auto-columns:calc((100% - 21px)/4)}.staples61-tile{padding:10px 3px 9px;gap:6px;background:linear-gradient(145deg,#27352c80,#17221b80);border-color:#405148;border-radius:14px}.staples61-tile>span:not(.staple-art63){font-size:12px}.staple-art63{display:block;width:64px;height:64px;max-width:100%;flex:none;background-image:url('/assets/staples63.webp');background-size:400% 300%;background-repeat:no-repeat;object-fit:contain}.staples61-tile .staple-art63{width:min(68px,100%);height:auto;aspect-ratio:1}.staples61-tile.present{border:1px solid var(--mint);box-shadow:inset 0 0 0 1px #bcf2c955;background:#bcf2c90a}.staple-image-pending63{background:none;position:relative;opacity:.65}.staple-image-pending63 .staple-art63{width:100%;height:100%}.staple-image-pending63::after{content:'';position:absolute;right:1px;bottom:1px;width:12px;height:12px;border:2px solid #789a83;border-top-color:var(--mint);border-radius:50%;animation:staple63-spin 1s linear infinite}@keyframes staple63-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.staple-image-pending63::after{animation:none}}@media(min-width:700px){.staples61-grid{grid-auto-columns:96px}.add-row{grid-template-columns:minmax(0,2fr) minmax(0,1fr) 48px}.add-row input{font-size:14px}.add-row label>span{font-size:12px}}

img.staple-art63{background:none}

.add-row button{display:grid;place-items:center}.add-row button svg{display:block;width:24px;height:24px}