.shopping-app{display:grid;gap:16px}.shopping-toolbar,.shopping-heading,.shopping-archived{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.shopping-toolbar label{flex:1;min-width:160px}.shopping-heading{margin:18px 0}.shopping-heading h2{margin:0;flex:1}.shopping-heading>.feature-actions{flex-basis:100%}.shopping-add{display:grid;grid-template-columns:minmax(0,2fr) minmax(100px,1fr) auto;align-items:end;gap:10px;margin:20px 0}.shopping-items{list-style:none;padding:0;margin:0;display:grid;gap:8px}.shopping-items>li{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.shopping-check{display:flex;flex-direction:row;align-items:center;gap:12px;flex:1;min-width:0;cursor:pointer}.shopping-check input{flex:none;width:22px;height:22px;margin:0;accent-color:var(--good)}.shopping-check span{display:grid;gap:3px;min-width:0;overflow-wrap:anywhere}.shopping-check small{color:var(--muted)}.shopping-row-actions{display:flex;gap:3px;flex-wrap:wrap}.shopping-row-actions .icon-btn{width:34px;height:36px}.shopping-bought{margin-top:22px}.shopping-bought summary{margin-bottom:12px;cursor:pointer}.shopping-items .is-bought strong{text-decoration:line-through;color:var(--muted)}.shopping-empty{padding:25px;text-align:center}.shopping-empty>svg{width:48px;height:48px;color:var(--accent)}.shopping-archived{justify-content:space-between;margin-top:12px}.menu-order strong small{display:block;font-size:10px;color:var(--muted);font-weight:400}.menu-order li:nth-child(3){border-bottom:3px solid var(--accent)}@media(max-width:600px){.shopping-add{grid-template-columns:minmax(0,1fr) 105px}.shopping-add>label:first-child{grid-column:1/-1}.shopping-items>li{padding:8px;flex-wrap:wrap}.shopping-check{flex-basis:65%}.shopping-row-actions{margin-left:auto}.shopping-heading .feature-actions .btn{padding:8px;font-size:11px}}
.shopping-app>.panel{padding:22px}@media(max-width:600px){.shopping-app>.panel{padding:16px 12px}}