.list-search-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) 46px!important;gap:8px!important}.list-search-toolbar>.clearable-search{grid-column:1;min-width:0!important;width:100%!important}.list-search-toolbar>.page-select-button{display:none!important}.list-search-toolbar>.category-filter-button{grid-column:2;grid-row:1;width:46px!important}.list-search-toolbar>.filter-chip-row{grid-column:1 / -1}

.preview-note{text-align:center;padding:8px;font-size:12px;color:#786582;background:#f1ebf6}.shopping-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;margin:12px 0 18px;border:1px solid #dfcee9;border-radius:20px;background:#f6f0fb}.shopping-entry strong{display:block}.shopping-entry small{display:block;margin-top:4px;color:#79658a}.shopping-entry button{white-space:nowrap;display:flex;align-items:center;gap:8px}.shopping-entry svg{width:20px;height:20px}.market-mode #summary,.market-mode #nav,.market-mode .intro,.market-mode .header-controls,.market-mode .list-controls,.market-mode .list-secondary-actions,.market-mode .estimate-box{display:none!important}.market-mode main{padding-top:8px}.market-top{display:flex;justify-content:space-between;align-items:center;margin:0 0 18px}.market-top button{display:flex;align-items:center;gap:8px}.market-tabs{display:flex;gap:6px;background:#eee7f5;padding:4px;border-radius:18px;margin-bottom:16px}.market-tabs button{flex:1;border:0}.market-tabs button.active{background:white;box-shadow:0 2px 6px #32203f10}.market-mode #purchase-bar{display:flex!important}.market-mode #content{padding-bottom:40px}@media(max-width:520px){.shopping-entry{align-items:flex-start;flex-direction:column;gap:12px}.shopping-entry button{width:100%;justify-content:center}}

/* Compact shopping preview */
.shopping-entry{padding:0!important;margin:10px 0!important;border:0!important;background:none!important;display:block!important}.shopping-entry>div{display:none}.shopping-entry button{width:100%;justify-content:center;min-height:44px}
.market-mode header{padding-top:10px;padding-bottom:8px;margin-bottom:0}.market-top{margin-bottom:10px;gap:8px}.market-top small{display:none}.market-top button{min-height:40px}.market-tabs{margin-bottom:12px;gap:4px}.market-tabs button{background:transparent!important;color:#756080!important;box-shadow:none!important;min-height:44px}.market-tabs button.active{background:#7534a1!important;color:#fff!important;font-weight:700;box-shadow:0 2px 6px #3b165124!important}
.market-mode #content>.section-head,.market-mode .list-compact-tools,.market-mode .list-utilities{display:none!important}.market-mode .list-search-toolbar{margin-top:0!important;margin-bottom:12px!important}.market-mode .card.list-products{margin-top:12px;padding:14px}.market-mode .card.list-products h3{margin-top:0;margin-bottom:10px}

html{scrollbar-gutter:stable}.market-mode #content{width:100%;max-width:none;margin-inline:0}.market-top{display:grid!important;grid-template-columns:1fr auto;width:100%;min-height:44px}.market-top #market-back{justify-self:start}.market-top #market-add{justify-self:end;width:170px;justify-content:center;padding-inline:12px}.market-tabs{position:relative;isolation:isolate;gap:0;padding:4px;background:#ece6f3;border-radius:18px}.market-tabs:before{content:'';position:absolute;z-index:-1;left:4px;top:4px;bottom:4px;width:calc(50% - 4px);background:#fff;border-radius:14px;box-shadow:0 2px 8px #3d1e4810;transform:translateX(calc(var(--market-index,0)*100%));animation:market-indicator .25s ease both}.market-tabs button,.market-tabs button.active{background:transparent!important;box-shadow:none!important;color:#79658a!important;font-weight:500}.market-tabs button.active{color:#211729!important;font-weight:700}.market-mode .quick-add-floating{display:none!important}@keyframes market-indicator{from{transform:translateX(calc(var(--market-from,0)*100%))}to{transform:translateX(calc(var(--market-index,0)*100%))}}@media(prefers-reduced-motion:reduce){.market-tabs:before{animation:none}}
.market-progress{font-size:12px;color:#79658a;margin:-4px 4px 10px}.preview-reset{display:block;margin:12px auto;font-size:12px}.market-progress{display:flex;align-items:center;gap:12px;white-space:nowrap}.market-progress-track{display:block;flex:1;min-width:32px;height:5px;border-radius:10px;background:#e8dff0;overflow:hidden}.market-progress-track>span{display:block;height:100%;background:#7836a2;border-radius:inherit;transition:width .25s ease}@media(prefers-reduced-motion:reduce){.market-progress-track>span{transition:none}}

#content>.section-head p{display:none}.list-search-toolbar{display:flex!important;flex-wrap:wrap!important;gap:8px!important}.list-search-toolbar>.clearable-search{flex:1!important;min-width:0!important;width:auto!important}.list-search-toolbar>.category-filter-button{flex:0 0 46px;width:46px;min-height:46px;padding:0;display:grid;place-items:center;border-radius:14px}.category-filter-button svg{width:20px;height:20px}.category-filter-button[aria-pressed=true]{background:#eee4f6;color:#74349f;border-color:#b696ce}.list-search-toolbar>#category{display:none!important}.filter-chip-row{flex:0 0 100%;display:flex}.filter-chip{padding:6px 12px;min-height:32px;font-size:12px;background:#eee4f6;color:#65318d;border:0}.category-options{display:grid;gap:6px}.category-options button{text-align:left;min-height:44px}.category-options button[aria-pressed=true]{background:#eee4f6;border-color:#a579c2;color:#65318d}


.planning-start{background:#f0e9f7;border:1px solid #e8def1;border-radius:20px;padding:12px;margin:12px 0}.planning-start .estimate-box{margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.planning-start .shopping-entry{margin:8px 0 0!important}.planning-start .estimate-box summary{padding:4px!important}.list-title-menu{min-width:40px;min-height:40px;padding:0;font-size:22px;background:transparent;border:0}.product-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 14px}.product-tools button{min-height:40px;font-size:12px}.product-tools .add-secondary{background:#fff;color:#6c328d;border:1px solid #dfcfea;box-shadow:none}.product-tools .missing-filter{margin:0!important}.preview-organized .list-compact-tools,.preview-organized .list-utilities{display:none!important}.preview-organized>.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.preview-organized>.list-search-toolbar{margin-top:0!important}

#content.preview-organized>.section-head{flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;text-align:left!important}#content.preview-organized>.section-head>div{flex:1;min-width:0}#content.preview-organized>.section-head h2{text-align:left!important;margin:0}#content.preview-organized .list-title-menu{flex:0 0 40px;width:40px!important;margin:0!important}
#content.preview-organized>.section-head h2{font-size:clamp(18px,5vw,24px)}.direct-list-tools{display:flex;align-items:center;gap:4px;flex:none!important}.direct-list-tools button{min-height:40px;padding:6px;background:transparent;border:0;color:#78628c;font-size:12px;white-space:nowrap}.direct-list-tools .list-help-trigger{width:32px;min-width:32px}.direct-list-tools svg{width:18px;height:18px}
body:not(.market-mode) #content>.section-head{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;min-height:40px!important;margin:0 0 12px!important;padding:0!important;gap:8px!important}body:not(.market-mode) #content>.section-head h2{margin:0!important;line-height:1.25!important}body:not(.market-mode) #content>.section-head>div{min-width:0;flex:1}body:not(.market-mode) #content>.list-controls{margin-top:0!important}
.preview-budget-line{grid-column:1 / -1;text-align:right;font-size:11px;color:#81708e;margin-top:-4px;padding:0 4px}#summary>.metric:not(:first-child) small{white-space:nowrap}#summary>.metric:not(:first-child){min-height:0!important}

body:not(.market-mode) #content>.section-head,body:not(.market-mode) #content.preview-organized>.section-head{height:44px!important;min-height:44px!important;margin:0 0 12px!important;padding:0!important;align-items:center!important}
body:not(.market-mode) #content>.section-head h2,body:not(.market-mode) #content.preview-organized>.section-head h2{font-size:20px!important;line-height:24px!important;font-weight:700!important;letter-spacing:-.5px!important;margin:0!important}
body:not(.market-mode) #content>.section-head>div{margin:0!important;padding:0!important}
body:not(.market-mode) #content>.list-controls{margin:0!important;padding:0!important}
body:not(.market-mode) #content>.section-head .direct-list-tools{height:40px!important;gap:2px!important}

#start-market .cart-animation{width:32px;height:32px;display:inline-block;flex:none;pointer-events:none}#start-market .cart-animation svg{width:100%!important;height:100%!important}#start-market{min-height:44px}/* Compact estimate and family notification controls */
.planning-start{padding:10px 12px}
.planning-start details.estimate-box>summary{display:grid;grid-template-columns:minmax(0,1fr) auto 28px;gap:8px;min-height:40px;padding:0!important}
.planning-start details.estimate-box>summary>span:first-child{font-size:12px;line-height:1.35}
.planning-start details.estimate-box>summary>strong{font-size:20px;line-height:1.2}
.planning-start .shopping-entry{margin-top:6px!important}
@media(max-width:650px){
 #content.preview-organized>.section-head{gap:4px!important}
 #content.preview-organized>.section-head h2{font-size:18px!important;letter-spacing:-.5px!important}
 .direct-list-tools{gap:0}
 .direct-list-tools .list-options-trigger{font-size:0;width:32px;padding:0}
 .direct-list-tools .list-options-trigger::before{content:'⋯';font-size:20px}
 #content.preview-organized #push-send-list{flex:0 0 36px;width:36px;min-width:36px;height:40px;padding:6px;margin:0}
}
#push-recipient-dialog .push-recipient-head{gap:12px}
#push-recipient-dialog .push-recipient-head>div{flex:1;min-width:0}
#push-recipient-dialog .push-recipient-head h2{font-size:20px}
#push-recipient-dialog .push-recipient-close{display:grid;place-items:center;padding:0;min-height:38px}
#push-recipient-dialog .push-recipient-person{display:grid;grid-template-columns:36px minmax(0,1fr) 24px;gap:10px;padding:12px;margin:0 0 8px;min-height:64px}
#push-recipient-dialog .push-recipient-avatar{grid-column:1;grid-row:1}
#push-recipient-dialog .push-recipient-copy{grid-column:2;grid-row:1;text-align:left}
#push-recipient-dialog .push-recipient-person input{grid-column:3;grid-row:1;appearance:none;width:24px;height:24px;min-width:24px;min-height:24px;padding:0;margin:0;border:1px solid #d8c5e7;border-radius:50%;background:#fff;box-shadow:none;display:grid;place-items:center}
#push-recipient-dialog .push-recipient-person input:checked{background:#eee4f6;border-color:#a77ac6}
#push-recipient-dialog .push-recipient-person input:checked:after{content:'✓';color:#7534a1;font-size:16px;font-weight:700}
#push-recipient-dialog .push-recipient-copy strong{font-size:14px;line-height:1.3}
#push-recipient-dialog .push-recipient-copy small{font-size:12px;line-height:1.4}
#push-recipient-status:empty{display:none}
#push-recipient-send{margin-top:12px}
.stock-sidebar .stock-search-compact{display:grid!important;grid-template-columns:minmax(0,1fr) 46px!important;gap:8px!important}
.stock-search-compact>.clearable-search{width:100%;min-width:0}
.stock-search-compact>#stock-filter,.stock-search-compact>.page-select-button{display:none!important}
.stock-search-compact>.category-filter-button{width:46px;height:46px;padding:0;display:grid;place-items:center;border-radius:14px}
.stock-sidebar .stock-category-nav{display:none!important}
/* Keep the stock description attached to its heading. */
#content .stock-section-head>div{display:block}
#content .stock-section-head .stock-title-row{display:flex;align-items:center;gap:6px;margin:0;padding:0}
#content .stock-section-head .stock-title-row h2{margin:0;line-height:1.2}
#content .stock-section-head p{margin:4px 0 0!important;line-height:1.4}
#content .stock-section-head{height:auto;min-height:0;gap:0;margin-bottom:10px}

/* The shopping summary remains aligned with the content on wide screens. */
@media(min-width:651px){
 .market-mode #purchase-bar{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);width:calc(100% - 48px);max-width:1132px;box-sizing:border-box;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:16px 22px;background:#fff;border:1px solid #e5ddec;border-radius:20px;box-shadow:0 6px 24px #24132e12}
 .market-mode #purchase-bar small,.market-mode #purchase-bar strong{display:block}
 .market-mode #purchase-bar small{color:#82728e;font-size:12px;margin-bottom:4px}
 .market-mode #purchase-bar strong{font-size:22px;line-height:1.2}
 .market-mode #purchase-bar>div:last-child{text-align:right}
 .market-mode #content{padding-bottom:120px}
}