/* Mercado GabriConta — 3 colunas, estados de despensa manuais */
#grocery .pantry-section-title{display:flex;flex-direction:column;gap:7px;margin:0 0 14px}
#grocery .pantry-section-title>div{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
#grocery .pantry-section-title strong{font-size:clamp(14px,3.7vw,18px);font-weight:800;color:#fff}
#grocery .pantry-manual{color:#b6a8ba;font-size:.85em}
#grocery .pantry-counter{min-width:27px;min-height:23px;padding:2px 8px;border-radius:9px;background:#ff3b30;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:850}
#grocery .pantry-section-title p{font-size:12px;line-height:1.5;color:#bcb2c1;margin:0}
#grocery .grocery-catalog.pantry-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:9px!important;max-height:none!important;overflow:visible!important}
#grocery .grocery-catalog.pantry-grid .market-tile.pantry-card{display:flex!important;flex-direction:column!important;min-width:0!important;min-height:0!important;background:#18181c!important;border:1px solid #ffffff18!important;border-radius:14px!important;overflow:visible!important;box-shadow:none!important;transition:background-color .2s,border-color .2s,box-shadow .2s}
#grocery .grocery-catalog.pantry-grid .pantry-card.faltando{background:rgba(255,59,48,.10)!important;border-color:rgba(255,59,48,.62)!important;box-shadow:0 0 13px #ff3b302e!important}
#grocery .pantry-card .market-product-toggle.pantry-toggle{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;position:relative;gap:4px!important;width:100%!important;min-height:111px!important;padding:14px 6px 6px!important;background:transparent!important;color:#fff!important;border:0!important;box-shadow:none!important;touch-action:manipulation}
#grocery .pantry-card .pantry-toggle:active{transform:scale(.94)!important}
#grocery .pantry-card .pantry-toggle:focus-visible,#grocery .pantry-card .pantry-details-trigger:focus-visible{outline:2px solid #ff938e;outline-offset:1px}
#grocery .pantry-card .pantry-icon.market-tile-emoji{display:grid!important;place-items:center!important;width:47px!important;height:47px!important;flex:0 0 47px;border-radius:50%;background:#ffffff10!important;font-size:27px!important;line-height:1!important;filter:none!important;margin:0 0 3px!important}
#grocery .pantry-card.faltando .pantry-icon{transform:scale(1.05)}
#grocery .pantry-card .market-product-name{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;font-size:clamp(11px,2.9vw,13px)!important;font-weight:700!important;line-height:1.3!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;word-break:normal!important;text-align:center!important;padding:0 2px;color:#fff!important}
#grocery .pantry-card .pantry-status{font-size:10px;font-weight:770;color:#aaa0ac;line-height:1.2}
#grocery .pantry-card.faltando .pantry-status{color:#ff655d;font-weight:870}
#grocery .pantry-card .pantry-alert{position:absolute;top:7px;right:27px;width:16px;height:16px;border-radius:4px;background:#ff4d44;color:#fff;font-size:12px;font-weight:900;display:grid;place-items:center;opacity:0;transform:scale(.3);transition:opacity .2s,transform .2s;pointer-events:none}
#grocery .pantry-card.faltando .pantry-alert{opacity:1;transform:scale(1)}
#grocery .pantry-card .pantry-checkbox{position:absolute;top:8px;right:7px;width:16px;height:16px;border:1.5px solid #e9ddeb88;border-radius:5px;pointer-events:none;color:#fff;font-size:14px;line-height:12px;text-align:center}
#grocery .pantry-card.faltando .pantry-checkbox{border-color:#ff514a;background:#ff514a33}
#grocery .pantry-card .pantry-details-trigger{display:block;width:100%;min-height:28px;padding:5px 2px;border:0!important;border-top:1px solid #ffffff12!important;border-radius:0 0 13px 13px;background:transparent;color:#b5a9b9;font-size:10px;font-weight:650;touch-action:manipulation}
#grocery .pantry-card.details-open{grid-column:span 2!important}
#grocery .pantry-card .market-product-details{position:relative!important;padding:12px!important;background:#0b0b0fda!important;border-top:1px solid #ffffff22!important;border-radius:0 0 13px 13px!important}
/* iOS zooms focused form controls below 16px; keep manual page zoom available. */
#grocery .pantry-card .market-product-details input{font-size:16px!important;min-height:44px}
#grocery .pantry-card .catalog-add{min-height:43px!important}
@media(max-width:1080px){#grocery .grocery-catalog.pantry-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:700px){#grocery .grocery-catalog.pantry-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}#grocery .pantry-card.details-open{grid-column:span 3!important}#grocery .pantry-card .market-product-toggle.pantry-toggle{min-height:108px!important}}
@media(max-width:360px){#grocery .grocery-catalog.pantry-grid{gap:7px!important}#grocery .pantry-card .pantry-icon.market-tile-emoji{width:43px!important;height:43px!important;flex-basis:43px;font-size:24px!important}}
@media(prefers-reduced-motion:reduce){#grocery .pantry-card,#grocery .pantry-card *{transition:none!important}}
/* Mercado inteligente v2 - cards salvos com itens em falta no topo */
#grocery .market-smart-board{min-width:0}
#grocery .market-smart-heading{margin:0 0 12px}
#grocery .market-smart-count{display:grid;place-items:center;background:#204735;color:#b5f3cd;border:1px solid #386850;min-width:27px;min-height:23px;border-radius:9px;padding:2px 8px;font-weight:800}
#grocery .market-smart-grid{margin:0 0 7px}
#grocery .market-smart-divider{border-top:1px solid #ffffff26;margin:24px 0 20px}
#grocery .market-smart-empty{grid-column:1/-1;padding:25px 14px;border:1px dashed #477154;border-radius:15px;background:#12452a2b;color:#aff0c5;text-align:center;font-size:13px;line-height:1.6}
#grocery .market-smart-empty.muted{border-color:#ffffff27;background:#ffffff07;color:#b3a7be}
#grocery .market-smart-add{margin-top:29px;border-top:1px solid #ffffff26;padding:21px 0 2px}
#grocery .market-smart-add-head{display:flex;align-items:center;justify-content:space-between;gap:9px}
#grocery .market-smart-add-head h3{color:#fff;font-size:17px;font-weight:850;margin:0}
#grocery .market-smart-add>p{font-size:12px;color:#b9aebd;line-height:1.6;margin:9px 0 13px}
#grocery .market-smart-add .gc-privacy-field{margin:10px 0 15px}
#grocery .market-smart-add-form{display:flex;gap:8px;min-width:0}
#grocery .market-smart-add-form #groceryItemInput{flex:1;min-width:0;min-height:50px;font-size:16px;padding:11px 12px;border-radius:13px;background:#0e0b12;border:1px solid #63546d;color:#fff}
#grocery .market-smart-add-form button{min-height:50px;border-radius:13px;font-size:13px;font-weight:800;padding:10px 13px;white-space:nowrap}
#grocery .market-smart-add-form input:focus-visible{outline:2px solid #aa7cd0}
#grocery .pantry-card .market-smart-price{font-size:9px;max-width:95%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#b8acbc}
#grocery .pantry-card.faltando .market-smart-price{color:#ffc3be}
#grocery .market-smart-card .market-product-details{min-width:0;box-sizing:border-box}
#grocery .market-smart-card .market-product-details p{font-size:12px;line-height:1.5;color:#b7acbf}
#grocery .market-smart-card .market-product-details label{display:grid;gap:5px;margin:8px 0;font-size:12px;color:#d8ccdd}
#grocery .market-smart-card .market-product-details input{box-sizing:border-box;min-width:0;width:100%}
#grocery .market-smart-save-price{margin:8px 0 12px;width:100%}
#grocery .market-smart-scope{display:grid;gap:7px;margin:8px 0}
#grocery .market-smart-scope select{width:100%;background:#29212f;color:#fff;border:1px solid #74617f;border-radius:9px;padding:8px;font-size:16px;min-height:44px}
#grocery .market-smart-delete{width:100%;min-height:39px;background:#3b1826;color:#ffb0bf;border:1px solid #984b61;border-radius:10px;margin-top:10px}
#grocery .grocery-catalog .market-smart-card.faltando{animation:marketSmartGlow 3s ease-in-out infinite}
#grocery .grocery-catalog .market-smart-card.market-card-arrive{animation:marketSmartPop .5s ease-out both}
#grocery .grocery-catalog .market-smart-card.market-card-saving{opacity:.6;pointer-events:none}
@keyframes marketSmartGlow{0%,100%{filter:drop-shadow(0 0 4px #ff3b3033)}50%{filter:drop-shadow(0 0 12px #ff3b3090)}}
@keyframes marketSmartPop{from{transform:translateY(12px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}
@media(max-width:500px){#grocery .market-smart-add-form{gap:6px}#grocery .market-smart-add-form button{padding:9px 10px;font-size:12px}}
@media(prefers-reduced-motion:reduce){#grocery .grocery-catalog .market-smart-card.faltando,#grocery .grocery-catalog .market-smart-card.market-card-arrive{animation:none!important}}

/* Compact cards keep readable names, profile photos and full-size price inputs. */
#grocery .pantry-card.market-smart-card .market-product-toggle.pantry-toggle{min-height:84px!important;gap:3px!important;padding:18px 5px 4px!important}
#grocery .pantry-card.market-smart-card .pantry-icon.market-tile-emoji{width:36px!important;height:36px!important;flex:0 0 36px!important;font-size:23px!important;margin:0!important}
#grocery .pantry-card.market-smart-card>.grocery-people{gap:8px;padding:2px 4px 6px}
#grocery .pantry-card.market-smart-card .grocery-person{gap:3px}
#grocery .pantry-card.market-smart-card .grocery-avatar-wrap,#grocery .pantry-card.market-smart-card .grocery-person-avatar.person-avatar{width:26px;height:26px}
#grocery .pantry-card.market-smart-card .grocery-avatar-wrap{flex-basis:26px}
#grocery .pantry-card.market-smart-card .pantry-details-trigger{min-height:32px;padding:6px 2px}
#grocery[data-market-layout="list"] .pantry-card.market-smart-card .market-product-toggle.pantry-toggle{grid-template-columns:34px minmax(0,1fr)!important;min-height:68px!important;padding:8px 10px!important;gap:2px 8px!important}
#grocery[data-market-layout="list"] .pantry-card.market-smart-card .pantry-icon.market-tile-emoji{width:34px!important;height:34px!important;flex-basis:34px!important;font-size:22px!important}
#grocery[data-market-layout="list"] .pantry-card.market-smart-card .pantry-details-trigger{min-height:68px!important;padding:4px 8px!important}
#grocery[data-market-layout="list"] .pantry-card.market-smart-card>.grocery-people{padding:2px 10px 6px;gap:16px}
@media(max-width:360px){#grocery .pantry-card.market-smart-card>.grocery-people{gap:4px;padding-left:0;padding-right:0}#grocery[data-market-layout="list"] .pantry-card.market-smart-card>.grocery-people{gap:14px;padding-left:10px;padding-right:10px}}