:root{
  --bg:#f6f4ee;
  --bg-deep:#eeece4;
  --card:rgba(255,255,255,.92);
  --card-solid:#fff;
  --text:#20251f;
  --muted:#777d73;
  --line:#e8e5dc;
  --accent:#5f7357;
  --accent-dark:#455640;
  --accent-soft:#e8eee5;
  --sage:#8fa287;
  --cream:#fbf8f0;
  --danger:#a34b43;
  --danger-soft:#faece9;
  --warn:#a66b25;
  --warn-soft:#fff3df;
  --ok:#507451;
  --ok-soft:#e9f3e8;
  --shadow:0 12px 34px rgba(58,65,53,.08);
  --shadow-soft:0 5px 18px rgba(58,65,53,.055);
  --radius:24px;
  --radius-sm:17px;
  --safe-bottom:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{background:var(--bg);scroll-behavior:smooth}
body{
  margin:0;color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,Arial,sans-serif;
  background:
    radial-gradient(circle at 12% -5%,rgba(143,162,135,.16),transparent 28rem),
    linear-gradient(180deg,#faf9f5 0,#f6f4ee 44%,#f2f0e9 100%);
  min-height:100dvh;
}
button,input,select{font:inherit}
button{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,opacity .16s ease}
button:active{transform:scale(.975)}
h1,h2,h3,p{margin-top:0}
h1{font-size:34px;line-height:1.02;margin-bottom:0;letter-spacing:-.045em;font-weight:780}
h2{font-size:21px;line-height:1.15;margin-bottom:12px;letter-spacing:-.025em}
h3{font-size:16px;margin-bottom:6px}
.app-shell{max-width:760px;margin:0 auto;padding:18px 14px calc(112px + var(--safe-bottom))}
.topbar,.hero,.section-title,.inventory-item,.shopping-row,.barcode-row,.scanner-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.topbar{padding:6px 4px 17px}
.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:850;color:#899083;margin-bottom:5px}
.eyebrow.light{color:#d5dbd2}
.card,.stat-card{
  background:var(--card);border:1px solid rgba(232,229,220,.9);
  border-radius:var(--radius);box-shadow:var(--shadow-soft);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
.card{padding:18px;margin-bottom:14px}
.subcard{background:var(--cream);border:1px solid var(--line);border-radius:19px;padding:15px}
.stack,.inventory-list,.history-list,.shopping-list,.compact-list{display:grid;gap:10px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:11px}
input,select{
  width:100%;border:1px solid #dedbd2;background:rgba(255,255,255,.94);color:var(--text);
  padding:13px 14px;min-height:50px;border-radius:15px;font-size:16px;outline:none;
  transition:border .16s ease,box-shadow .16s ease,background .16s ease;
}
input:focus,select:focus{border-color:#a8b5a2;box-shadow:0 0 0 4px rgba(95,115,87,.10);background:#fff}
button{border:none;border-radius:15px;padding:12px 15px;font-weight:760}
.primary{background:linear-gradient(180deg,#687e60,#586d52);color:#fff;box-shadow:0 6px 16px rgba(79,99,72,.17)}
.primary:hover{box-shadow:0 8px 20px rgba(79,99,72,.22)}
.secondary{background:var(--accent-soft);color:var(--accent-dark)}
.danger{background:var(--danger-soft);color:var(--danger)}
.ghost{background:rgba(255,255,255,.58);border:1px solid var(--line);color:var(--text)}
.small{padding:8px 11px;font-size:13px}.hidden{display:none!important}
.muted{color:var(--muted);font-size:14px}.message{margin:8px 0 0;font-size:14px}

/* Household identity */
.hero{
  position:relative;overflow:hidden;align-items:center;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(238,243,234,.94));
  border-color:#e2e8de;padding:19px 20px;
}
.hero:after{
  content:"";position:absolute;width:130px;height:130px;border-radius:50%;
  right:-55px;top:-65px;background:rgba(143,162,135,.14);pointer-events:none
}
.hero h2{font-size:24px;margin-bottom:5px}
.hero .muted{margin-bottom:0}
#refreshBtn{position:relative;z-index:1;width:40px;height:40px;padding:0;border-radius:50%;font-size:18px}

/* Hero scanner */
.scan-main{
  width:100%;min-height:154px;margin-bottom:14px;border-radius:28px;
  background:
    radial-gradient(circle at 80% 20%,rgba(255,255,255,.12),transparent 34%),
    linear-gradient(145deg,#53664d,#718468);
  color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
  box-shadow:0 18px 38px rgba(71,88,66,.22);position:relative;overflow:hidden;
}
.scan-main:before{
  content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.12);
  border-radius:21px;pointer-events:none
}
.scan-main .scan-icon{font-size:39px;line-height:1}
.scan-main>span:nth-child(2){font-size:17px;letter-spacing:.045em}
.scan-main small{color:rgba(255,255,255,.72);font-weight:520}

/* Quick actions */
.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.quick-action{
  min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:7px;padding:10px 6px;font-size:12.5px;border:1px solid rgba(232,229,220,.8);
  box-shadow:var(--shadow-soft)
}
.quick-action.primary{background:#fff;color:var(--accent-dark)}
.quick-action.danger{background:#fff;color:var(--danger)}
.quick-action.secondary{background:#fff;color:#667060}
.big{
  width:40px;height:40px;border-radius:14px;display:grid;place-items:center;
  font-size:24px;font-weight:500;background:var(--accent-soft);color:var(--accent-dark)
}
.quick-action.danger .big{background:var(--danger-soft);color:var(--danger)}
.quick-action.secondary .big{background:#f3efe6}

/* Dashboard stats */
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.stat-card{padding:15px 14px;display:grid;gap:5px;min-height:92px}
.stat-card strong{font-size:29px;letter-spacing:-.04em}
.stat-card:nth-child(2) strong{color:var(--warn)}
.stat-card:nth-child(3) strong{color:var(--danger)}
.section-title{margin-bottom:4px}.section-title h2{margin-bottom:0}

/* Smart weekly shopping */
.smart-card{
  border-color:#dce5d8;
  background:
    radial-gradient(circle at 100% 0,rgba(143,162,135,.16),transparent 15rem),
    linear-gradient(180deg,#fff,#f8fbf6)
}
.smart-card>p{margin:8px 0 10px}
.full{width:100%;margin-top:12px}
.forecast-row{
  display:grid;grid-template-columns:1fr auto;gap:10px;padding:13px 0;
  border-bottom:1px solid var(--line);align-items:center
}
.forecast-row:last-child{border-bottom:none}
.forecast-meta{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.4}
.forecast-actions{display:flex;align-items:center;gap:8px}
.coverage{
  display:inline-block;margin-top:5px;padding:4px 8px;border-radius:999px;
  background:var(--accent-soft);color:var(--accent-dark);font-size:11px;font-weight:700
}
.coverage.risk{background:var(--warn-soft);color:#8b591f}

/* Inventory */
.toolbar{display:grid;grid-template-columns:1.5fr 1fr;gap:9px}
.pill{background:#f1f3ed;border:1px solid #e2e6dd;color:#626d5d;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}
.inventory-item{
  border:1px solid var(--line);border-radius:20px;padding:13px 14px;background:#fff;
  box-shadow:0 4px 14px rgba(58,65,53,.035)
}
.inventory-main{display:flex;align-items:center;gap:12px;min-width:0}
.thumb{width:54px;height:54px;border-radius:15px;object-fit:contain;background:#faf9f5;border:1px solid var(--line);padding:3px}
.stock-block{text-align:right}.stock-value{font-weight:850;font-size:19px;letter-spacing:-.02em}
.item-actions{display:flex;gap:6px;margin-top:9px;justify-content:flex-end}
.mini{padding:7px 11px;font-size:14px;border-radius:11px}
.low-stock,.expiry-badge{
  display:inline-block;margin-top:5px;font-size:11px;font-weight:700;border-radius:999px;padding:4px 8px
}
.low-stock{color:#8c5b20;background:var(--warn-soft);border:1px solid #f1dbb5}
.expiry-badge{color:#94433c;background:var(--danger-soft);border:1px solid #f1d1cc}

/* Shopping */
.inline-form{display:grid;grid-template-columns:1fr 90px 90px auto;gap:8px;margin-bottom:14px}
.shopping-row{border:1px solid var(--line);border-radius:18px;padding:13px 14px;background:#fff}
.shopping-left{display:flex;align-items:center;gap:11px}
.shopping-left input[type=checkbox]{width:22px;min-height:auto;accent-color:var(--accent)}
.checked{text-decoration:line-through;color:var(--muted)}
.compact-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:10px 0}
.compact-row:last-child{border-bottom:none}
.frequent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.frequent-item{border:1px solid var(--line);background:#fff;border-radius:17px;padding:12px;text-align:left}
.frequent-item strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.frequent-item span{font-size:12px;color:var(--muted)}

/* History */
.history-row{display:grid;grid-template-columns:1fr auto;gap:8px;border-bottom:1px solid var(--line);padding:11px 2px}
.history-row:last-child{border-bottom:none}.history-qty{font-weight:780}
.positive{color:var(--ok)}.negative{color:var(--danger)}

/* Meal planning */
.meal-plan-list,.recipe-list,.ingredient-rows{display:grid;gap:10px}
.meal-card,.recipe-card{
  border:1px solid var(--line);border-radius:19px;padding:14px;background:#fff;
  box-shadow:0 4px 14px rgba(58,65,53,.03)
}
.meal-card-head,.recipe-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.meal-date{font-weight:850}.meal-status{font-size:11px;border-radius:999px;padding:4px 8px;background:#f1f2ee}
.meal-status.consumed{background:var(--ok-soft);color:var(--ok)}
.meal-actions{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap}
.ingredient-row{display:grid;grid-template-columns:1fr 90px 80px 38px;gap:7px;align-items:center}
.ingredient-row input{min-height:43px;padding:10px}
.ingredient-remove{width:38px;height:38px;padding:0;border-radius:11px;background:var(--danger-soft);color:var(--danger)}
.recipe-ingredients{font-size:13px;color:var(--muted);margin-top:7px;line-height:1.55}
.source-badge{font-size:10px;text-transform:uppercase;letter-spacing:.05em;background:#f0f2ed;border-radius:999px;padding:3px 6px;margin-left:5px}

/* Bottom iOS navigation */
.bottom-nav{
  position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(760px,100%);z-index:30;
  background:rgba(250,249,245,.91);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);
  border-top:1px solid rgba(222,219,210,.85);
  padding:9px 9px calc(9px + var(--safe-bottom));display:grid;grid-template-columns:repeat(5,1fr);
  box-shadow:0 -8px 28px rgba(58,65,53,.055)
}
.tab{
  background:transparent;color:#8a8f86;padding:6px 3px;display:flex;flex-direction:column;
  align-items:center;gap:3px;border-radius:13px
}
.tab span{font-size:20px;line-height:1}.tab small{font-size:10px;font-weight:650}
.tab.active{color:var(--accent-dark);background:var(--accent-soft)}
.scan-tab{
  color:#fff;background:linear-gradient(145deg,#52664d,#708267);margin-top:-21px;
  min-height:64px;border-radius:21px;box-shadow:0 10px 24px rgba(71,88,66,.28);
  border:3px solid rgba(250,249,245,.95)
}
.scan-tab small{color:rgba(255,255,255,.82)}

/* Scanner */
dialog{border:none;padding:0}
.scanner-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;background:#11140f;margin:0}
.scanner-dialog::backdrop{background:#11140f}
.scanner-sheet{
  height:100%;padding:calc(18px + env(safe-area-inset-top,0px)) 16px calc(20px + env(safe-area-inset-bottom,0px));
  display:flex;flex-direction:column;color:#fff
}
.scanner-header h2{margin:0}.scanner-close,.scanner-secondary{background:#252a22;color:#fff;border:1px solid #3d4439}
.scanner-close{width:44px;height:44px;padding:0;border-radius:50%}
.camera-frame{position:relative;flex:1;margin:18px 0;border-radius:28px;overflow:hidden;background:#111;min-height:360px}
.camera-frame video{width:100%;height:100%;object-fit:cover}
.scan-guide{
  position:absolute;left:8%;right:8%;top:39%;height:22%;border:2px solid rgba(255,255,255,.95);
  border-radius:18px;box-shadow:0 0 0 9999px rgba(0,0,0,.18)
}
.scan-guide:after{content:"";position:absolute;left:7%;right:7%;top:50%;height:2px;background:#dfe9da;box-shadow:0 0 10px #fff}
.scanner-status{text-align:center;color:#e5e9e2;margin:0 0 14px}
.scanner-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.scanner-secondary{padding:13px}

/* Dialogs */
#productDialog,#barcodeManualDialog,#recipeDialog,#planMealDialog{
  border-radius:26px;width:min(94vw,560px);max-height:92dvh;
  box-shadow:0 32px 90px rgba(32,37,31,.30);background:#fbfaf6
}
dialog:not(.scanner-dialog)::backdrop{background:rgba(38,43,36,.48);backdrop-filter:blur(4px)}
.dialog-card{padding:20px;display:grid;gap:12px;overflow:auto}
.dialog-card label{display:grid;gap:6px;font-weight:680;font-size:14px}
.product-preview{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:11px}
.product-preview img{width:72px;height:72px;object-fit:contain;border-radius:13px;background:#fff}

/* Auth */
#authView,#householdView{margin-top:8vh}
#authView:before{
  content:"";display:block;width:54px;height:54px;margin:0 0 18px;border-radius:18px;
  background:linear-gradient(145deg,#61765a,#87977f);
  box-shadow:0 10px 24px rgba(71,88,66,.20)
}

@media(max-width:600px){
  .app-shell{padding-left:12px;padding-right:12px}
  .grid2,.toolbar{grid-template-columns:1fr}
  .inline-form{grid-template-columns:1fr 1fr}.inline-form input:first-child{grid-column:1/-1}
  .hero{align-items:flex-start}
  .ingredient-row{grid-template-columns:1fr 72px 68px 36px}.ingredient-row input{padding:9px 8px}
  .card{padding:16px}
}
@media(max-width:390px){
  .quick-action{font-size:11.5px}
  .stats-grid{gap:7px}.stat-card{padding:13px 10px}.stat-card strong{font-size:26px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* ===== V4.3 — warm & friendly native-app layer ===== */
.dc-icon{display:inline-grid;place-items:center;width:22px;height:22px;color:currentColor;flex:0 0 auto}
.dc-icon svg{width:100%;height:100%;overflow:visible}
.dc-icon .i-line{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.dc-icon .i-soft{fill:currentColor;opacity:.16;stroke:none}
.v43-native .topbar{align-items:center}
.v43-native .topbar>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}
.v43-native .topbar .brand-mark{grid-row:1/3;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#f5dcae,#f7ead0);color:#55704f;box-shadow:0 5px 15px rgba(83,112,79,.10)}
.v43-native .topbar .brand-mark .dc-icon{width:25px;height:25px}
.v43-native .topbar .eyebrow,.v43-native .topbar h1{grid-column:2}
.v43-native .topbar h1{font-size:31px}
.v43-native #refreshBtn .dc-icon{width:19px;height:19px}
.v43-native .bottom-nav .dc-icon{width:23px;height:23px}
.v43-native .bottom-nav .scan-tab .dc-icon{width:28px;height:28px}
.v43-native .quick-action .big .dc-icon{width:27px;height:27px}
.v43-native .scan-main .hero-scan-icon{width:47px;height:47px}
.v43-native .smart-card .section-title h2{display:flex;align-items:center;gap:8px}
.v43-native .smart-card .section-title h2 .dc-icon{width:24px;height:24px;color:#bd7b2d}

/* stronger native depth and friendlier hierarchy */
.v43-native .card{box-shadow:0 8px 26px rgba(63,72,59,.065)}
.v43-native .hero{background:linear-gradient(135deg,#fff 0%,#f2f6ee 100%)}
.v43-native .scan-main{background:linear-gradient(145deg,#52704e 0%,#6f8967 62%,#7f9677 100%)}
.v43-native .quick-action{border-radius:21px}
.v43-native .stat-card{border-radius:20px}
.v43-native .inventory-item,.v43-native .shopping-row,.v43-native .meal-card,.v43-native .recipe-card{border-radius:21px}
.v43-native .thumb{width:60px;height:60px;border-radius:17px}
.v43-native .bottom-nav{border-radius:24px 24px 0 0}
.v43-native .tab.active{box-shadow:inset 0 0 0 1px rgba(95,115,87,.05)}
.v43-native .scan-tab{background:linear-gradient(145deg,#4f704d,#6f8967)}
.v43-native .primary{background:linear-gradient(180deg,#63805d,#52704e)}

/* warmer utility accents */
.v43-native .coverage{background:#eaf2e5}
.v43-native .coverage.risk,.v43-native .low-stock{background:#fff0d9}
.v43-native .expiry-badge{background:#fae9e4}
.v43-native .source-badge{background:#edf2e9;color:#5c6f56}

/* product imagery feels intentional */
.v43-native .thumb[src=""],.v43-native .thumb:not([src]){background:linear-gradient(145deg,#f6f2e7,#eef2e9)}
.v43-native img.thumb{filter:saturate(.96);transition:transform .18s ease}
.v43-native .inventory-item:active img.thumb{transform:scale(.97)}

/* subtle entrance motion, disabled automatically by reduced-motion rule */
@keyframes dcRise{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.v43-native .view:not(.hidden)>.card,
.v43-native .view:not(.hidden)>.stats-grid,
.v43-native .view:not(.hidden)>.quick-grid,
.v43-native .view:not(.hidden)>.scan-main{animation:dcRise .28s ease both}

/* iPhone-like large tap targets */
@media(max-width:600px){
  .v43-native .app-shell{padding-top:14px}
  .v43-native .card{margin-bottom:12px}
  .v43-native .scan-main{min-height:146px}
  .v43-native .bottom-nav{padding-top:8px}
}

/* ===== V4.4 — visual identity & real-app experience ===== */
.v43-native{--orange:#e8a34b;--orange-soft:#fff0d7}
.home-weekly-hero{
  position:relative;overflow:hidden;display:grid;grid-template-columns:1.3fr .7fr;
  min-height:190px;margin:0 0 14px;border-radius:29px;padding:23px 20px;
  background:linear-gradient(135deg,#edf3e8 0%,#f7eedc 100%);
  border:1px solid #e4e7dc;box-shadow:0 14px 34px rgba(63,72,59,.08)
}
.home-weekly-copy{position:relative;z-index:2}
.home-weekly-copy h2{font-size:25px;line-height:1.04;letter-spacing:-.04em;margin:3px 0 9px;max-width:320px}
.home-weekly-copy p{font-size:13.5px;line-height:1.42;color:#687064;max-width:350px;margin-bottom:14px}
.hero-shopping-cta{background:#4f704d;color:white;border-radius:999px;padding:10px 14px;box-shadow:0 7px 16px rgba(79,112,77,.18)}
.hero-shopping-cta span{margin-left:8px}
.home-weekly-art{position:relative;min-width:145px}
.grocery-bag{position:absolute;width:104px;height:104px;right:4px;bottom:-18px;background:#e8a34b;border-radius:18px 18px 28px 28px;transform:rotate(3deg);box-shadow:0 14px 25px rgba(145,99,39,.14)}
.grocery-bag:before{content:"";position:absolute;left:27px;right:27px;top:-26px;height:46px;border:9px solid #b77932;border-bottom:0;border-radius:30px 30px 0 0}
.grocery-bag span:before,.grocery-bag span:after{content:"";position:absolute;background:#527650;border-radius:100% 0 100% 0}
.grocery-bag span:before{width:40px;height:67px;left:17px;top:-48px;transform:rotate(-25deg)}
.grocery-bag span:after{width:39px;height:62px;right:13px;top:-46px;transform:rotate(23deg) scaleX(-1)}
.food{position:absolute;z-index:3;font-size:32px;filter:drop-shadow(0 4px 4px rgba(0,0,0,.07))}
.f1{right:58px;top:17px}.f2{right:3px;top:30px}.f3{right:74px;top:58px;font-size:28px}

/* Scanner becomes a compact native action instead of dominating the whole screen */
.v43-native .scan-main{
  min-height:82px;display:grid;grid-template-columns:54px 1fr auto;grid-template-rows:auto auto;
  text-align:left;padding:13px 16px;column-gap:12px;border-radius:23px
}
.v43-native .scan-main .scan-icon{grid-row:1/3;width:50px;height:50px;border-radius:17px;background:rgba(255,255,255,.13);display:grid;place-items:center}
.v43-native .scan-main>span:nth-child(2){align-self:end;font-size:15px}
.v43-native .scan-main small{align-self:start}
.v43-native .scan-main:after{content:"›";grid-column:3;grid-row:1/3;align-self:center;font-size:31px;color:rgba(255,255,255,.75)}
.v43-native .scan-main:before{display:none}

/* Home cards now feel like dashboard modules */
.v43-native .stats-grid .stat-card{position:relative;overflow:hidden;background:#fff}
.v43-native .stats-grid .stat-card:after{content:"";position:absolute;width:42px;height:42px;border-radius:50%;right:-16px;top:-16px;background:#edf3e8}
.v43-native .stats-grid .stat-card:nth-child(2):after{background:#fff0d7}
.v43-native .stats-grid .stat-card:nth-child(3):after{background:#fae9e4}
.v43-native .quick-grid{gap:9px}
.v43-native .quick-action{min-height:86px;align-items:flex-start;padding:13px;text-align:left}
.v43-native .quick-action .big{width:36px;height:36px;border-radius:12px}
.v43-native .quick-action .big .dc-icon{width:23px;height:23px}

/* more editorial inventory */
.v43-native .inventory-item{padding:12px}
.v43-native .inventory-main{flex:1}
.v43-native .inventory-item h3{font-size:15px}
.v43-native .stock-value{font-size:17px}
.v43-native .thumb{background:#f8f5ed;border-color:#eee9dd}

/* visual empty states */
.visual-empty{text-align:center;padding:16px 10px 18px;color:var(--text)}
.visual-empty img{display:block;width:min(230px,76%);margin:0 auto 5px}
.visual-empty h3{font-size:20px;letter-spacing:-.025em;margin-bottom:6px}
.visual-empty p{max-width:330px;margin:0 auto;color:var(--muted);font-size:13.5px;line-height:1.45}

/* bottom nav: more App Store-like */
.v43-native .bottom-nav{background:rgba(252,250,245,.95);box-shadow:0 -12px 35px rgba(54,63,51,.08)}
.v43-native .tab{min-height:49px}
.v43-native .tab small{font-size:10.5px}
.v43-native .scan-tab{width:66px;justify-self:center;border-radius:23px}

/* Desktop preview still centered; mobile is the target */
@media(max-width:520px){
  .home-weekly-hero{grid-template-columns:1fr 115px;padding:20px 17px;min-height:184px}
  .home-weekly-copy h2{font-size:23px;max-width:230px}
  .home-weekly-copy p{font-size:12.5px;max-width:230px}
  .home-weekly-art{min-width:110px}
  .grocery-bag{width:82px;height:88px;right:-3px}
  .grocery-bag:before{left:21px;right:21px}
  .food{font-size:27px}.f1{right:42px}.f2{right:-4px}.f3{right:53px;font-size:24px}
}
@media(max-width:380px){
  .home-weekly-hero{grid-template-columns:1fr 92px}
  .home-weekly-copy h2{font-size:21px}
  .home-weekly-copy p{max-width:205px}
  .grocery-bag{width:72px}
}

/* =========================================================
   DISPENSA V5 — COMPLETE NATIVE UI
   Approved target: warm/friendly iOS app with duotone icons
   ========================================================= */
body.v43-native{background:#fbfaf6;color:#17342f}
#appView{max-width:520px;margin:0 auto}
#appView>.hero{display:none!important}
.hidden-legacy-actions{display:none!important}
.native-header,.screen-header{display:flex;align-items:center;justify-content:space-between;padding:9px 5px 17px}
.native-header h1,.screen-header h1{font-size:29px;line-height:1.02;letter-spacing:-.045em;margin:0 0 4px;color:#12352f}
.native-header p,.screen-header p{margin:0;color:#778078;font-size:13px}
.avatar-button,.header-scan,.header-calendar,.more-button,.icon-button{
 width:42px;height:42px;border-radius:50%;padding:0;display:grid;place-items:center;background:#edf2e8;color:#315f46;border:0
}
.avatar-button{font-size:0}.avatar-button .dc-icon{width:20px}
.panel{padding-bottom:4px}

/* HOME */
.weekly-shopping-hero{
 position:relative;overflow:hidden;min-height:194px;border-radius:27px;margin:0 0 12px;padding:20px;
 background:linear-gradient(125deg,#dcebd3 0%,#eef1d5 48%,#f2d5a4 100%);
 box-shadow:0 10px 26px rgba(50,79,56,.10)
}
.weekly-copy{position:relative;z-index:3;width:64%}
.weekly-copy h2{font-size:27px;line-height:.98;letter-spacing:-.045em;color:#173b31;margin:3px 0 12px}
.weekly-copy p{font-size:13px;line-height:1.5;color:#486052;margin-bottom:14px}
.hero-cta{background:#2e7548;color:white;border-radius:999px;padding:11px 15px;box-shadow:0 7px 15px rgba(46,117,72,.20)}
.hero-cta span{padding-left:9px}
.hero-food-art{position:absolute;right:0;top:0;width:45%;height:100%}
.hero-bag{position:absolute;width:105px;height:103px;right:16px;bottom:-14px;background:#e5a34f;border-radius:12px 12px 24px 24px;transform:rotate(2deg)}
.hero-bag:before{content:"";position:absolute;left:25px;right:25px;top:-25px;height:43px;border:8px solid #bb7a34;border-bottom:0;border-radius:30px 30px 0 0}
.veg{position:absolute;z-index:2}.tomato{font-size:57px;color:#df5d3d;right:17px;top:51px;text-shadow:inset 0 0 0 4px #fff}.leaf-a,.leaf-b{width:42px;height:72px;background:#4c8151;border-radius:100% 0 100% 0}
.leaf-a{right:74px;top:21px;transform:rotate(-28deg)}.leaf-b{right:16px;top:20px;transform:rotate(28deg) scaleX(-1)}
.baguette{width:25px;height:92px;background:#d99d51;border-radius:14px;right:112px;top:38px;transform:rotate(-16deg)}
.carrot{width:22px;height:76px;background:#e98442;border-radius:50% 50% 40% 40%;right:49px;top:24px;transform:rotate(16deg)}
.native-stats{gap:9px}.native-stats .stat-card{min-height:86px;padding:14px 9px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border-radius:18px}
.native-stats .stat-card strong{font-size:29px;color:#2f7650}.native-stats .stat-card span{font-size:11px;color:#6e786f}
.native-stats .warning strong{color:#e28728}.native-stats .danger-stat strong{color:#d94b42}
.home-section{margin:21px 0 0}.home-section .section-title{padding:0 3px 8px}.home-section .section-title h2{font-size:18px}
.text-button{background:transparent;color:#4d6858;padding:5px;font-size:12px}
.featured-products{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.featured-card{background:#fff;border:1px solid #eeeae0;border-radius:20px;padding:12px;text-align:left;box-shadow:0 5px 15px rgba(49,67,53,.05);min-width:0}
.featured-card img,.featured-placeholder{display:grid;place-items:center;width:100%;height:100px;object-fit:contain;background:#fbf8ef;border-radius:14px;margin-bottom:9px}
.featured-card strong,.featured-card small,.featured-card span{display:block}.featured-card strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.featured-card small{color:#687269;margin-top:3px}.featured-card span{font-size:11px;color:#4e8b55;margin-top:8px}.featured-card span.risk{color:#e28a29}
.meal-idea-banner{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:14px 0;background:linear-gradient(100deg,#f9eddb,#f5f0e5);border-radius:20px;padding:14px 16px;border:1px solid #eee5d7}
.meal-idea-banner strong{font-size:13px}.meal-idea-banner button{background:#fff;color:#45634e;border:1px solid #e5ded1;border-radius:999px;padding:8px 10px;font-size:12px}
.native-scan-action{width:100%;display:grid;grid-template-columns:46px 1fr auto;gap:11px;align-items:center;text-align:left;background:#eef4ea;color:#234f39;border:1px solid #dfe9dc;border-radius:20px;padding:12px 14px}
.native-scan-action .scan-icon{width:44px;height:44px;border-radius:14px;background:#dcebd8;display:grid;place-items:center}.native-scan-action strong,.native-scan-action small{display:block}.native-scan-action small{font-weight:500;color:#718076;margin-top:3px}.native-scan-action b{font-size:25px}
.smart-section,.compact-home-block{background:#fff;border:1px solid #eeeae0;border-radius:22px;padding:16px;box-shadow:0 5px 17px rgba(49,67,53,.04)}
.compact-home-block{margin-top:12px}

/* DISPENSA */
.inventory-tools{padding:0 1px}.search-box{display:flex;align-items:center;gap:8px;background:#f0f0eb;border-radius:16px;padding:0 13px}.search-box input{border:0;background:transparent;box-shadow:none;padding-left:0}.hidden-select{display:none!important}
.category-chips{display:flex;gap:8px;overflow-x:auto;padding:11px 0 5px;scrollbar-width:none}.category-chips::-webkit-scrollbar{display:none}
.chip{white-space:nowrap;background:#f2f1ec;color:#667069;border-radius:999px;padding:9px 14px;font-size:12px}.chip.active{background:#2f754a;color:white}
.inventory-count-row{padding:9px 3px 8px;font-size:12px;color:#7b827c}.native-inventory{gap:8px}
.native-product-row{background:#fff;border:1px solid #eeeae0;border-radius:18px;padding:10px 12px;box-shadow:0 3px 12px rgba(50,66,54,.035)}
.native-product-row .thumb,.product-placeholder{width:58px;height:58px;border-radius:14px;object-fit:contain;background:#faf7ef;display:grid;place-items:center;color:#8a9a89}
.product-copy h3{font-size:14px;margin:0 0 3px}.product-copy p{font-size:12px;color:#6f786f;margin:0 0 5px}.days-badge{display:inline-block;font-size:10.5px;color:#4b8c55;background:#edf7e9;border-radius:999px;padding:4px 7px}.days-badge.risk{color:#d87d22;background:#fff1dd}.row-chevron{font-size:25px;color:#9ba29c}

/* SHOPPING */
.shopping-tabs,.meal-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f0efe9;border-radius:999px;padding:3px;margin:0 0 12px}.shopping-tabs button,.meal-tabs button{background:transparent;color:#69716b;border-radius:999px;padding:9px;font-size:12px}.shopping-tabs .active,.meal-tabs .active{background:#2f754a;color:white;box-shadow:0 2px 7px rgba(47,117,74,.14)}
.shopping-add-bar{display:grid;grid-template-columns:1fr 55px 55px 42px;gap:6px;margin-bottom:14px}.shopping-add-bar input{min-height:43px;padding:9px 10px;font-size:13px}.round-add{width:42px;height:42px;padding:0;border-radius:50%;background:#2f754a;color:#fff;font-size:20px}
.shopping-category{margin:0 0 14px}.shopping-category-title{display:flex;align-items:center;gap:8px;padding:5px 4px 8px;color:#274f3a}.category-symbol{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#edf3e9;color:#2e7548}
.native-shopping-row{border:0;border-bottom:1px solid #f0ece3;border-radius:0;box-shadow:none;padding:10px 5px}.native-shopping-row:last-child{border-bottom:0}.native-shopping-row .shopping-left{flex:1}.native-shopping-row .shopping-left img,.shop-placeholder{width:38px;height:38px;object-fit:contain;border-radius:9px;background:#faf7ef;display:grid;place-items:center}.native-shopping-row small{display:block;color:#788079;margin-top:2px}.row-delete{background:transparent;color:#b0b5b0;font-size:20px;padding:6px}

/* MEALS */
.week-strip{display:flex;align-items:center;justify-content:space-between;padding:5px 7px 13px}.week-strip button{width:34px;height:34px;padding:0;border-radius:50%;background:#f1f2ed}.week-strip strong{font-size:13px}
.calendar-meals{gap:10px}.calendar-day{display:grid;grid-template-columns:45px 1fr;gap:9px}.calendar-date{text-align:center;padding-top:7px}.calendar-date small,.calendar-date strong{display:block}.calendar-date small{font-size:10px;color:#778079;font-weight:800}.calendar-date strong{font-size:24px;color:#244c39}
.day-meals{display:grid;gap:7px}.calendar-meal{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;background:#fff;border:1px solid #eeeae0;border-radius:17px;padding:9px 11px}.meal-thumb{width:46px;height:46px;border-radius:14px;background:#fbf0dd;display:grid;place-items:center;font-size:24px}.calendar-meal small,.calendar-meal strong,.calendar-meal span{display:block}.calendar-meal small{font-size:10px;color:#8a908a;text-transform:capitalize}.calendar-meal strong{font-size:13px;margin:2px 0}.calendar-meal span{font-size:10px;color:#7c847d}.calendar-meal b{font-size:21px;color:#9aa19b}.calendar-meal.consumed{opacity:.55}
.floating-add{position:fixed;right:max(22px,calc((100vw - 520px)/2 + 20px));bottom:calc(92px + var(--safe-bottom));z-index:25;width:54px;height:54px;border-radius:50%;background:#2f754a;color:#fff;font-size:27px;box-shadow:0 9px 22px rgba(47,117,74,.28)}
.recipes-section{margin-top:23px;background:#fff;border-radius:22px;padding:15px;border:1px solid #eeeae0}

/* PRODUCT DETAIL */
.product-detail-dialog{width:min(100vw,520px);max-width:none;height:100dvh;max-height:none;margin:0 auto;border-radius:0;background:#fbfaf6}
.product-detail-sheet{min-height:100%;background:#fbfaf6;position:relative}.detail-topbar{position:absolute;z-index:3;left:0;right:0;top:0;display:flex;justify-content:space-between;padding:calc(14px + env(safe-area-inset-top,0px)) 15px 0}
.circle-back,.circle-heart{width:40px;height:40px;border-radius:50%;background:rgba(250,250,246,.9);color:#315e45;padding:0;font-size:25px;box-shadow:0 4px 12px rgba(0,0,0,.07)}
.detail-image-wrap{height:36dvh;min-height:270px;background:radial-gradient(circle,#fff7e6,#f6eddb);display:grid;place-items:center;padding:55px 35px 20px}.detail-image-wrap img{width:75%;height:85%;object-fit:contain}.detail-image-fallback{font-size:65px;color:#6f8a6d}
.detail-content{margin-top:-20px;background:#fff;border-radius:27px 27px 0 0;padding:23px 19px calc(28px + env(safe-area-inset-bottom,0px));min-height:64dvh;box-shadow:0 -7px 25px rgba(48,62,51,.06)}
.detail-content h2{font-size:25px;margin-bottom:4px}.detail-brand{color:#7b827c;margin-bottom:10px}.detail-tags{display:flex;gap:7px}.detail-tags span{font-size:11px;background:#f1f2ed;border-radius:999px;padding:6px 9px}
.detail-coverage{margin:16px 0;background:#fff3df;border-radius:17px;padding:13px;color:#d47c23}.detail-coverage strong,.detail-coverage small{display:block}.detail-coverage small{color:#8a7866;margin-top:3px}
.detail-stepper{display:flex;align-items:center;gap:15px;margin:15px 0}.detail-stepper button{width:42px;height:42px;padding:0;border-radius:13px;background:#edf3e9;color:#2f754a;font-size:21px}.detail-stepper strong{font-size:23px}.detail-stepper span{color:#737c74}
.detail-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:16px}.detail-meta-grid div{border:1px solid #eeeae0;border-radius:15px;padding:12px}.detail-meta-grid small,.detail-meta-grid strong{display:block}.detail-meta-grid small{color:#8a908b;margin-bottom:4px}

/* TAB BAR */
.native-tabbar{max-width:520px}.native-tabbar .tab{color:#839087}.native-tabbar .tab.active{color:#2e7548;background:transparent}.native-tabbar .scan-tab{width:62px;height:62px;margin-top:-20px;background:#2e7548;color:white;border:5px solid #fbfaf6;border-radius:50%}.native-tabbar .scan-tab small{display:none}
.native-tabbar .dc-icon .i-soft{opacity:.10}
.native-surface{background:#fff;border:1px solid #eeeae0;border-radius:20px;padding:14px}
.empty-inline{grid-column:1/-1;padding:20px;color:#7d857e;text-align:center;background:#fff;border-radius:18px}
@media(max-width:390px){.weekly-copy{width:68%}.weekly-copy h2{font-size:24px}.hero-food-art{width:40%}.shopping-add-bar{grid-template-columns:1fr 46px 46px 40px}.featured-card img,.featured-placeholder{height:88px}}

/* V5.2 mockup parity */
.welcome-hidden{display:none!important}
.welcome-panel{position:fixed;inset:0;z-index:100;max-width:520px;margin:auto;background:linear-gradient(#f8f2e5,#fbfaf6);padding:calc(22px + env(safe-area-inset-top,0px)) 24px calc(24px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;overflow:hidden}
.welcome-brand{display:flex;align-items:center;gap:9px;font-weight:800;color:#2f5f45}.welcome-brand img{width:36px;height:36px;border-radius:12px}
.welcome-art{position:relative;height:38vh;min-height:245px}.welcome-bag{position:absolute;width:170px;height:150px;left:50%;bottom:18px;transform:translateX(-50%);background:#e5a34f;border-radius:20px 20px 40px 40px;box-shadow:0 20px 38px rgba(145,99,39,.16)}.welcome-bag:before{content:"";position:absolute;left:43px;right:43px;top:-47px;height:75px;border:15px solid #b97934;border-bottom:0;border-radius:60px 60px 0 0}.welcome-food{position:absolute;z-index:2;font-size:68px}.wf1{left:20%;bottom:108px}.wf2{right:17%;bottom:108px}.wf3{left:45%;bottom:137px;transform:rotate(-15deg)}
.welcome-copy{margin-top:auto;text-align:center}.welcome-copy h1{font-size:39px;line-height:.98;letter-spacing:-.055em;color:#173c31;margin:5px 0 14px}.welcome-copy p{color:#68746b;font-size:14px;line-height:1.5;margin:0 auto 20px;max-width:390px}.welcome-cta{width:100%;background:#2f754a;color:#fff;border-radius:17px;padding:15px;font-size:16px}.welcome-cta span{float:right}.welcome-copy>small{display:block;margin-top:13px;color:#929890}
#homeHeader.hidden{display:none!important}
.native-tabbar .nav-icon-slot{width:23px;height:23px}.native-tabbar .nav-icon-slot svg{width:100%;height:100%}.native-tabbar .scan-tab .nav-icon-slot{width:29px;height:29px}
#recipesSection{margin-top:10px;background:transparent;border:0;padding:0}#recipesSection.hidden{display:none!important}.meal-tabs button.active{background:#2f754a!important;color:#fff!important}
.ingredient-row{grid-template-columns:minmax(0,1fr) 74px 72px 38px}.ingredient-row select{min-width:0}.ingredient-unit[readonly]{background:#f2f1ec;color:#667069}
.weekly-shopping-hero{background:linear-gradient(125deg,#dcebd3,#f0efd0 52%,#f2d3a1);border:0}.featured-card,.smart-section,.compact-home-block,.meal-idea-banner{border:0}
@media(max-width:390px){.welcome-copy h1{font-size:35px}.ingredient-row{grid-template-columns:1fr 62px 58px 34px;gap:5px}}

/* ===== V5.4 FAMILY RC ===== */
.app-brand-inline{font-weight:800;color:#2f754a}
#homeHeader{position:relative}
.header-house-btn{position:absolute;right:0;top:3px;width:42px;height:42px;border-radius:14px;background:#fff;border:1px solid rgba(47,117,74,.12);font-size:20px;color:#2f754a;display:grid;place-items:center}

/* product detail: image never overlays title */
.product-detail-hero{display:flex!important;flex-direction:column!important;align-items:center!important;gap:14px!important}
#productImage{position:static!important;display:block;max-width:150px!important;max-height:150px!important;object-fit:contain!important;margin:0 auto!important}
.product-photo-actions{display:flex;justify-content:center;gap:8px;margin:4px auto 12px}
.product-photo-actions button{font-size:12px;padding:8px 11px;border-radius:11px}
.ghost-danger{background:transparent;color:#a54e48;border:1px solid rgba(165,78,72,.2)}

/* icon alignment + high contrast selected tab */
.native-tabbar .tab{position:relative;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:3px;color:#8c948d!important}
.native-tabbar .tab .nav-icon-slot{display:grid!important;place-items:center!important;margin:0 auto!important}
.native-tabbar .tab.active{color:#205d3c!important;font-weight:800!important}
.native-tabbar .tab.active:before{content:"";position:absolute;top:3px;width:42px;height:32px;border-radius:13px;background:#d9eadb;z-index:-1}
.native-tabbar .tab.active small{color:#205d3c!important;font-weight:800}
.native-tabbar .scan-tab:before{display:none!important}

/* household */
.household-dialog .dialog-card{max-width:420px}
.house-code-card{background:#edf4e9;border-radius:18px;padding:18px;margin:18px 0;text-align:center}
.house-code-card small{display:block;color:#708074;font-weight:700;letter-spacing:.08em}.house-code-card strong{display:block;font-size:28px;letter-spacing:.14em;color:#235f3e;margin:7px 0 12px}
.house-members-head{display:flex;justify-content:space-between;margin:18px 0 8px}.house-members-head span{color:#758078;font-size:13px}
.members-list{display:grid;gap:8px}.member-row{display:flex;align-items:center;gap:11px;padding:11px;background:#f8f7f2;border-radius:14px}.member-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#dcebd8;color:#2f754a}.member-row div:last-child{display:flex;flex-direction:column}.member-row small{color:#7b847d}
.wide{width:100%;margin-top:16px}

/* canonical units */
select[id$="Unit"]{min-width:82px;text-align:center;font-weight:650}

.build-marker{position:fixed;right:7px;top:7px;z-index:9999;font-size:9px;color:#8b948d;opacity:.65;pointer-events:none}

/* V5.5.2 welcome/auth layer hardening */
.hidden{display:none !important}
#welcomePanel:not(.hidden){position:relative;z-index:50;pointer-events:auto}
#welcomePanel:not(.hidden) #startAppBtn{position:relative;z-index:51;pointer-events:auto;touch-action:manipulation}
.welcome-hidden{display:none !important}

/* V5.5.3 exclusive bootstrap states */
html[data-app-state="AUTH"] #householdView,
html[data-app-state="AUTH"] #appView,
html[data-app-state="HOUSEHOLD"] #authView,
html[data-app-state="HOUSEHOLD"] #appView,
html[data-app-state="WELCOME"] #authView,
html[data-app-state="WELCOME"] #householdView,
html[data-app-state="APP"] #authView,
html[data-app-state="APP"] #householdView { display:none !important; }
html[data-app-state="WELCOME"] #appView { display:block !important; }
html[data-app-state="WELCOME"] #welcomePanel { display:block !important; pointer-events:auto !important; }
html[data-app-state="WELCOME"] #startAppBtn { pointer-events:auto !important; touch-action:manipulation; }

/* v5.5.8 critical welcome interaction */
#welcomePanel{pointer-events:auto!important}
#welcomePanel .welcome-copy{position:relative;z-index:5}
#startAppBtn{position:relative;z-index:20;pointer-events:auto!important;touch-action:manipulation}

/* v5.6 UX RC */
.pantry-actions-v56{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 14px}
#categoryChips{position:relative;z-index:3;pointer-events:auto}
#categoryChips .chip{pointer-events:auto;touch-action:manipulation}
.shopping-tabs button{touch-action:manipulation}
.in-list-badge{font-weight:700;font-size:.82rem;white-space:nowrap}
#shoppingSuggestedView,#shoppingPersonalView{margin-top:12px}

/* v5.6.1 interaction review */
#globalAddBtn{display:grid;place-items:center;touch-action:manipulation;pointer-events:auto;z-index:45}
#globalAddBtn.hidden{display:none!important}
#inventoryPanel .screen-header,#shoppingPanel .screen-header,#mealsPanel .screen-header{position:relative;z-index:2}
#categoryChips,.shopping-tabs,.meal-tabs{position:relative;z-index:10;pointer-events:auto!important}
#categoryChips button,.shopping-tabs button,.meal-tabs button{position:relative;z-index:11;pointer-events:auto!important;touch-action:manipulation}
html[data-app-state="APP"] #homeHeader.hidden{display:none!important}
.pantry-actions-v56{grid-template-columns:1fr}

/* v5.6 Release Candidate — interaction consistency */
.global-add{
  position:fixed!important;
  right:20px!important;
  bottom:calc(88px + env(safe-area-inset-bottom))!important;
  width:58px!important;height:58px!important;
  z-index:120!important;
  pointer-events:auto!important;
  touch-action:manipulation;
}
#floatingMealBtn,#planMealBtn{display:none!important}
.screen-header{position:relative;z-index:2}
.shopping-tabs,.meal-tabs,#categoryChips{position:relative;z-index:5;pointer-events:auto!important}
.shopping-tabs button,.meal-tabs button,#categoryChips .chip{pointer-events:auto!important;touch-action:manipulation;min-height:42px}
.detail-stock{text-align:center;margin:12px 0}.detail-stock small{display:block}.detail-stock strong{font-size:1.5rem}
.detail-stock-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
#inventoryConsumeBtn{min-height:46px}

/* v5.6.2 UX consolidation */
html[data-app-state="APP"] body > .app-shell > .topbar,
html[data-app-state="WELCOME"] body > .app-shell > .topbar{display:none!important}
#prevWeekBtn,#nextWeekBtn,#homeSeeAllBtn,#refreshForecastBtn,.shopping-tabs button,.meal-tabs button,#categoryChips .chip{
  position:relative;z-index:30;pointer-events:auto!important;touch-action:manipulation
}
#prevWeekBtn,#nextWeekBtn{min-width:44px;min-height:44px}
.action-sheet-dialog{border:0;background:transparent;padding:0;width:min(92vw,430px)}
.action-sheet-dialog::backdrop{background:rgba(0,0,0,.32)}
.action-sheet{background:#fff;border-radius:22px;padding:16px;display:grid;gap:10px}
.action-sheet-head{display:flex;justify-content:space-between;align-items:center;font-size:1.1rem}
.action-sheet-head button{border:0;background:transparent;font-size:1.6rem}
.action-choice{text-align:left;border:1px solid rgba(0,0,0,.08);background:#faf9f5;border-radius:16px;padding:14px}
.action-choice strong,.action-choice small{display:block}.action-choice small{margin-top:4px;opacity:.68}

/* v5.6.3 — dedicated interactive layer */
.global-add{
  position:fixed!important;
  right:20px!important;
  bottom:calc(92px + env(safe-area-inset-bottom,0px))!important;
  width:58px!important;height:58px!important;
  display:grid;place-items:center;
  padding:0!important;border:0!important;border-radius:50%!important;
  background:#2f754a!important;color:#fff!important;
  font-size:30px!important;line-height:1!important;
  box-shadow:0 10px 26px rgba(47,117,74,.34)!important;
  z-index:900!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent;
}
.global-add.hidden{display:none!important}
#productDialog[open]{
  position:fixed!important;inset:0!important;margin:auto!important;
  z-index:2000!important;pointer-events:auto!important;
}
#productDialog[open]::backdrop{pointer-events:auto}
#productDialog .dialog-card,#productDialog .dialog-card *{pointer-events:auto}
#productDialog .dialog-card{position:relative;z-index:2;max-height:90dvh;overflow:auto;-webkit-overflow-scrolling:touch}
#productPreview{position:relative;z-index:4}
#productPreview .product-photo-actions{position:relative;z-index:10;pointer-events:auto!important}
#changeProductPhotoBtn,#removeProductPhotoBtn,#saveMovementBtn,#closeProductBtn{
  position:relative;z-index:20;pointer-events:auto!important;touch-action:manipulation!important;
}
#saveMovementBtn{min-height:50px}
#shoppingMoreBtn{min-height:40px;pointer-events:auto!important;touch-action:manipulation}
#homeHeader{padding-right:52px}
#openHouseholdBtn{z-index:50;pointer-events:auto!important;touch-action:manipulation}

/* v5.6.4 Pasti action sheet */
#mealAddDialog[open]{position:fixed!important;inset:0!important;margin:auto!important;z-index:2600!important;pointer-events:auto!important}
#mealAddDialog[open]::backdrop{pointer-events:auto!important}
#mealAddDialog .action-sheet{position:relative!important;z-index:2601!important;pointer-events:auto!important}
#mealAddDialog .action-sheet *{pointer-events:auto!important}
#mealAddRecipePlanBtn,#mealAddProductConsumeBtn,#closeMealAddBtn{position:relative!important;z-index:2602!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent}
#mealAddRecipePlanBtn,#mealAddProductConsumeBtn{min-height:62px!important;cursor:pointer}

/* v5.6.5 — Shopping UX + critical product save */
.shopping-suggested-action{width:100%;margin:12px 0 6px;min-height:48px}
.shopping-add-form{display:grid;gap:9px;margin-bottom:16px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:18px}
.shopping-product-input{width:100%;min-width:0;min-height:44px}
.shopping-add-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;align-items:end}
.shopping-add-details label{display:grid;gap:4px;font-size:11px;color:#6f786f;min-width:0}
.shopping-add-details .mini-input{width:100%;min-width:0;min-height:42px}
.shopping-add-button{min-height:42px;padding:9px 13px;white-space:nowrap}
#saveMovementBtn{position:relative!important;z-index:2700!important;pointer-events:auto!important;touch-action:manipulation!important}
@media(max-width:390px){.shopping-add-details{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.shopping-add-button{grid-column:1/-1;width:100%}}