/**
 * Screen-specific styles: Add food, scan result, item hero, receipt
 * review, shopping list, More, fridge check, ideas, live scanner, deals.
 */

/* Add food */
.scanbig{display:flex;align-items:center;gap:16px;width:100%;border:0;text-align:left;background:var(--accent);color:var(--accent-ink);border-radius:var(--r-xl);padding:22px 20px}
.scanbig .ic{flex:none;width:64px;height:64px;border-radius:18px;background:rgba(255,255,255,.16);display:grid;place-items:center}
.scanbig b{display:block;font-size:22px;font-weight:800}
.scanbig span span{font-size:15px;opacity:.88}
.addtiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.addtile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 6px;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--ink)}
.addtile svg{width:28px;height:28px;color:var(--accent)}
.addtile b{font-size:15px}
.addtile span{font-size:12px;color:var(--muted);text-align:center}
.addtile:disabled{opacity:.5}

/* Chips (Usuals, Buy again) */
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chips.scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -18px;padding-inline:18px}
.chips.scroll::-webkit-scrollbar{display:none}
.chip{flex:none;min-height:44px;border:1px dashed var(--accent);color:var(--accent-strong);background:none;border-radius:999px;padding:6px 16px;font-size:15px;font-weight:700}
.chip.solid{border-style:solid;border-color:var(--accent-soft);background:var(--surface)}
.chip:disabled{border-style:solid;border-color:var(--line);color:var(--muted)}

/* Scan result / confirm form */
.found{display:flex;align-items:center;gap:8px;color:var(--grn);font-size:14px;font-weight:800}
.bigname{font-size:22px;font-weight:800;min-height:52px}
.datebox{display:flex;align-items:center;justify-content:space-between;gap:10px}
.datebox input{flex:1;text-align:center;font-size:22px;font-weight:800;min-height:56px}
.datebox button{flex:none;width:56px;height:56px;border-radius:16px;border:1px solid var(--line);background:var(--surface-2);font-size:28px;font-weight:700}
.quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
details.more{background:var(--surface);border-radius:var(--r-lg);padding:4px 16px}
details.more summary{min-height:52px;display:flex;align-items:center;justify-content:space-between;font-weight:700;cursor:pointer;list-style:none}
details.more summary::-webkit-details-marker{display:none}
details.more summary::after{content:"\002B";color:var(--muted);font-weight:700;font-size:20px}
details.more[open] summary::after{content:"\2212"}
details.more>div{display:flex;flex-direction:column;gap:12px;padding-bottom:14px}
.savebar{position:sticky;bottom:0;padding-top:8px;background:linear-gradient(transparent,var(--bg) 30%)}

/* Item hero: the answer first */
.hero{border-radius:var(--r-xl);padding:18px;display:flex;flex-direction:column;gap:4px}
.hero.r{background:var(--red-bg);color:var(--red)} .hero.y{background:var(--yel-bg);color:var(--yel)} .hero.g{background:var(--grn-bg);color:var(--grn)}
.hero b{font-size:28px;font-weight:800;line-height:1.1}
.hero span{font-size:16px;font-weight:600}
.fillpick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.fillpick button{min-height:86px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:15px;font-weight:700}
.fillpick button[aria-pressed="true"]{border:2px solid var(--accent);background:var(--accent-soft);color:var(--accent-strong);font-weight:800}
.fillpick svg{width:22px;height:30px}
.fillpick .jar{fill:none;stroke:currentColor;stroke-width:2}
.fillpick .lvl{fill:var(--accent)}
.dateadj{display:flex;align-items:center;gap:6px}
.dateadj button{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);font-weight:800;font-size:18px}
.dateadj span{min-width:62px;text-align:center;font-weight:700}

/* Receipt review */
.rline{background:var(--surface);border-radius:var(--r-md);padding:14px;display:flex;flex-direction:column;gap:10px}
.rline.off{opacity:.62}
.rtop{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.rtop code{font-family:var(--f-mono);font-size:13.5px;overflow-wrap:anywhere;min-width:0}
.rtop .num{font-family:var(--f-mono);font-size:13.5px;flex:none}
.seg.mini button{min-height:40px;font-size:14px}

/* Shopping list */
.addrow{display:flex;gap:8px}
.addrow .inp{flex:1}
.iconbtn{flex:none;width:52px;min-height:52px;border-radius:var(--r-md);border:0;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center}
.li{display:flex;align-items:center;gap:14px;padding:12px 16px;min-height:66px;border-top:1px solid var(--line)}
.li:first-child{border-top:0}
.check{flex:none;width:34px;height:34px;border-radius:10px;border:2px solid var(--muted);background:var(--surface);display:grid;place-items:center;color:var(--accent-ink)}
.check[aria-checked="true"]{background:var(--accent);border-color:var(--accent)}
.li.done .nm{text-decoration:line-through;color:var(--muted)}
.li .rm{border:0;background:none;color:var(--muted);font-size:22px;width:44px;height:44px;flex:none}
.src{color:var(--accent-strong)}
.meta a{color:var(--accent);font-weight:700}
.putaway{position:fixed;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:24;max-width:616px;margin:0 auto;background:var(--bar);color:var(--bar-ink);border-radius:var(--r-lg);padding:10px 10px 10px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:var(--shadow)}
.putaway span{font-weight:700;font-size:15px}
.putaway .btn{background:var(--bar-ink);color:var(--bar);border-color:var(--bar-ink);font-weight:800}

/* More: stores */
.store{border-top:1px solid var(--line);padding:14px 16px}
.store:first-child{border-top:0}
.store summary{list-style:none;display:flex;justify-content:space-between;gap:10px;cursor:pointer}
.store summary::-webkit-details-marker{display:none}
.meter{height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden;margin-top:6px}
.meter i{display:block;height:100%;background:var(--grn)}
.alias{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line);font-size:15px}
.alias code{font-family:var(--f-mono);font-size:12.5px;overflow-wrap:anywhere}
.alias>div,.alias>a{min-width:0}

/* Fridge check */
.progress{height:8px;background:var(--surface-2);border-radius:4px;overflow:hidden}
.progress i{display:block;height:100%;background:var(--accent)}
.ckcard{background:var(--surface);border-radius:var(--r-xl);padding:20px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.ckcard h3{font-size:30px;font-weight:800}

/* Use it up ideas */
.ideas{display:flex;flex-direction:column;gap:10px}
.idea{background:var(--surface);border-radius:var(--r-md);padding:16px}
.idea b{font-size:18px}
.idea p{margin:4px 0 0}

/* Live barcode scanner (D17) */
.scanner{position:relative;border-radius:var(--r-lg);overflow:hidden;background:#000;aspect-ratio:4/3;max-width:100%}
.scanner video{width:100%;height:100%;object-fit:cover;display:block}
.scan-frame{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.scan-frame i{width:78%;height:38%;border:3px solid rgba(255,255,255,.9);border-radius:14px;box-shadow:0 0 0 999px rgba(0,0,0,.35)}
.scanner.hit .scan-frame i{border-color:#71cf98;box-shadow:0 0 0 999px rgba(0,0,0,.5)}
.scanner.off .scan-frame{display:none}
.scan-status{position:absolute;left:12px;right:12px;bottom:10px;margin:0;color:#fff;font-size:15px;font-weight:700;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.7)}
.scanner.off .scan-status{position:static;padding:24px 16px;text-shadow:none}

/* Deals nearby (D18) */
.deals .ghead b{font-size:17px}
.deal-rows{display:flex;flex-direction:column;gap:8px}
.deal-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.deal-row b{font-size:19px}
.deal-where{flex:1;min-width:0;font-size:15px}
.deal-link{display:flex;justify-content:space-between;gap:10px;align-items:center;min-height:48px;padding:0 4px;border-top:1px solid var(--line);color:var(--accent);font-weight:700;text-decoration:none}
.deal-link:first-child{border-top:0}