/* Shopping/catalog presentation only; the approved navigation shell is unchanged. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
main.list-screen{padding:var(--space-16) var(--space-12);display:flex;flex-direction:column;gap:var(--space-8)}
main.shopping-screen{gap:var(--space-6)}
.list-heading{display:flex;flex-direction:column;gap:var(--space-8);width:100%}
.list-heading .search-field,.list-heading input{display:block;width:100%}
.list-heading h1{margin:0}
.list-screen #rows,.list-screen .shopping-channel,.list-screen .grocery-group{display:flex;flex-direction:column;gap:var(--space-8);min-width:0}
.shopping-screen #rows,.shopping-screen .shopping-channel,.shopping-screen .grocery-group{gap:var(--space-6)}
.list-screen .shopping-channel{margin:0}
.list-screen .section-header{padding-bottom:var(--space-8)}
.list-screen .section-header h2{margin:0}
.list-screen .grocery-group h3,.list-screen .subgroup-header{margin:0}
.list-screen .channel-actions{margin:0;gap:var(--space-8)}
.list-screen .channel-actions button{flex:none}
.list-screen #add{align-self:flex-start}
.item-list{display:flex;flex-direction:column;gap:var(--space-8);min-width:0}
.shopping-screen .item-list{gap:var(--space-6)}
main.list-screen .row{position:relative;border:0;border-radius:0;background:var(--background-surface);padding:10px var(--space-12);min-width:0}
main.list-screen .row::after{content:'';display:block;height:1px;background:var(--border-default);position:absolute;left:12px;right:12px;bottom:0}
main.list-screen .shopping-row{display:block;padding:0 var(--space-12);background:var(--background-elevated)}
.shopping-summary{width:100%;min-width:0;min-height:44px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--space-4);padding:var(--space-8) 0;border:0;border-radius:0;text-align:left;color:var(--text-primary);background:transparent}
.shopping-summary:hover{background:transparent}
.shopping-line{display:flex;align-items:center;gap:var(--space-8);min-width:0}
.shopping-line .item-name{flex:1;min-width:0;margin:0}
.shopping-quantity{font:var(--type-quantity);flex:none;white-space:nowrap}
.shopping-note{font:var(--type-small);color:var(--text-secondary);white-space:pre-wrap;overflow-wrap:anywhere}
.shopping-row:has(.complete) .shopping-line{padding-right:52px;min-height:44px}
main.list-screen .shopping-row .complete{position:absolute;right:12px;top:8px;width:44px;min-height:44px;padding:0;border:0;color:var(--brand-secondary);font:600 22px/1 var(--font-body);background:transparent}
main.list-screen .catalog-row{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-8)}
.catalog-item-heading{display:flex;align-items:center;gap:var(--space-8)}
.catalog-item-heading .item-name{flex:1;margin:0;min-width:0}
.metadata-quantity{display:grid;grid-template-columns:minmax(0,1fr) 134px;align-items:center;gap:var(--space-8)}
.metadata{overflow-wrap:anywhere;white-space:pre-wrap}
.list-screen .quantity-field,.quantity-sheet .quantity-field{min-width:134px;max-width:none}
.list-screen .quantity-field>label,.quantity-sheet .quantity-field>label{margin:0}
.note-area{min-width:0}
.note-display{font:var(--type-small);color:var(--text-secondary);min-height:44px;padding:0;width:100%;border:0;border-radius:var(--radius-small);justify-content:flex-start;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;background:transparent}
.note-empty{color:var(--text-muted)}
.note-display:hover{background:var(--brand-primary-subtle)}
.inline-note,.inline-note textarea{display:block;width:100%;margin:0}
.inline-note textarea{min-height:80px;max-height:240px;resize:vertical;field-sizing:content;overflow-y:auto}
main.list-screen .row-status{min-width:0;margin:0;min-height:20px}
main.list-screen .row-status:empty,.quantity-sheet .row-status:empty{display:none}
dialog.quantity-sheet{position:fixed;inset:auto 0 0;width:100%;max-width:620px;max-height:calc(100dvh - 16px);margin:0 auto;padding:var(--space-8) var(--space-16) calc(var(--space-16) + var(--safe-area-bottom));border:0;border-radius:var(--radius-large) var(--radius-large) 0 0;background:var(--background-surface)}
.quantity-editor-content{display:grid;grid-template-columns:minmax(0,1fr) 134px;gap:var(--space-12);align-items:center;min-height:70px}
.quantity-item-info{display:flex;flex-direction:column;gap:2px;min-width:0}
.quantity-sheet #quantity-item-name{font:var(--type-section);overflow-wrap:anywhere;margin:0}
.quantity-sheet #quantity-pack{overflow-wrap:anywhere}
.quantity-sheet #quantity-close{width:100%;margin-top:var(--space-4)}
.quantity-sheet .row-status{display:flex}