/* shopping-extra: list actions (share as text / WhatsApp / duplicate) and the manual-copy sheet. All new shopping CSS lives here. */
.shop-lists-inner { display: flex; flex-direction: column; gap: .4rem; flex: 1 1 auto; min-inline-size: 0; }
.shop-actions { display: flex; flex-wrap: wrap; gap: .4rem; }
.shop-actions .btn { min-block-size: var(--tap); flex: 0 1 auto; white-space: nowrap; }
@media (max-width: 420px) { .shop-actions .btn { flex: 1 1 auto; padding-inline: .5rem; } }
.share-text { min-block-size: 12rem; direction: rtl; text-align: start; line-height: 1.7; white-space: pre-wrap; resize: vertical; user-select: text; }
.aisle-list { display: flex; flex-direction: column; gap: .35rem; }
.aisle-row { display: flex; align-items: center; gap: .5rem; padding: .25rem .5rem; border: 1px solid var(--border); border-radius: .6rem; background: var(--surface); }
.aisle-row .btn { min-inline-size: var(--tap); min-block-size: var(--tap); }
.aisle-n { inline-size: 1.6rem; text-align: center; color: var(--muted); }