/* Kitcherette shared compact item cards — v425 One presentation owner for Recipe and Pantry list cards. */ html body .kitcherette-item-card{ --kitcherette-card-surface:rgba(255,253,248,.76); --kitcherette-card-border:rgba(255,255,255,.52); --kitcherette-card-shadow:0 8px 24px rgba(24,35,29,.09); position:relative; box-sizing:border-box; width:100%; min-width:0; margin:0; border:1px solid var(--kitcherette-card-border); border-radius:18px; background:var(--kitcherette-card-surface); color:var(--text-primary); box-shadow:var(--kitcherette-card-shadow); backdrop-filter:blur(7px) saturate(.94); -webkit-backdrop-filter:blur(7px) saturate(.94); } body.dark-mode .kitcherette-item-card{ --kitcherette-card-surface:rgba(29,37,33,.74); --kitcherette-card-border:rgba(235,239,233,.13); --kitcherette-card-shadow:0 8px 24px rgba(0,0,0,.20); } .kitcherette-item-card-list{display:grid;gap:10px;background:transparent!important;box-shadow:none!important} .kitcherette-item-card-media{ width:84px;height:84px;border-radius:14px;overflow:hidden;display:grid;place-items:center; background:color-mix(in srgb,var(--surface2) 76%,transparent);color:var(--text-secondary); border:1px solid color-mix(in srgb,var(--border) 68%,transparent); } .kitcherette-item-card-media--photo{background-size:cover;background-position:center;background-repeat:no-repeat} .kitcherette-item-card-media img{width:100%;height:100%;object-fit:cover;display:block;grid-area:1/1} .kitcherette-item-card-media-fallback{display:none;grid-area:1/1;font-size:1.35rem;font-weight:800;opacity:.62} .kitcherette-item-card-media.is-fallback .kitcherette-item-card-media-fallback{display:grid} .kitcherette-item-card-main{ min-width:0;border:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer; padding:0;box-shadow:none;border-radius:0; } .kitcherette-item-card-title{display:block;min-width:0;font-size:1.05rem;line-height:1.22;font-weight:720;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .kitcherette-item-card-meta{display:block;margin-top:3px;color:var(--text-secondary);font-size:.84rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .kitcherette-item-card-status{ display:inline-flex;align-items:center;max-width:100%;width:max-content;margin-top:8px;padding:4px 9px;border-radius:999px; font-size:.75rem;line-height:1.15;font-weight:720;border:1px solid transparent;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } .kitcherette-item-card-status.is-ready{color:#236739;background:rgba(224,244,226,.72);border-color:rgba(112,177,119,.34)} .kitcherette-item-card-status.is-warning{color:#8a5616;background:rgba(255,242,214,.76);border-color:rgba(213,158,64,.38)} body.dark-mode .kitcherette-item-card-status.is-ready{color:#bfe8c7;background:rgba(38,91,50,.35);border-color:rgba(111,178,121,.28)} body.dark-mode .kitcherette-item-card-status.is-warning{color:#f5cf94;background:rgba(104,72,24,.38);border-color:rgba(211,159,75,.28)} .kitcherette-item-card-overflow{ width:38px;height:38px;min-width:38px;padding:0;border:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-radius:12px; background:color-mix(in srgb,var(--surface) 54%,transparent);color:inherit;font:inherit;font-size:1.3rem;line-height:1;display:grid;place-items:center;cursor:pointer; } .kitcherette-item-card-overflow-wrap{position:relative;z-index:3} .kitcherette-item-card-menu{ position:fixed;right:auto;bottom:auto;z-index:10020;width:220px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px); padding:6px;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:15px; background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 16px 44px rgba(21,28,24,.24); backdrop-filter:blur(16px) saturate(1.03);-webkit-backdrop-filter:blur(16px) saturate(1.03);overflow:auto;overscroll-behavior:contain } .kitcherette-item-card-menu[hidden]{display:none} .kitcherette-item-card-menu>button,.kitcherette-item-card-menu-section>button{ display:flex;align-items:center;width:100%;min-height:42px;padding:9px 11px;border:0;border-radius:9px;background:transparent;color:inherit; text-align:left;font:inherit;font-size:.88rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer } .kitcherette-item-card-menu>button:hover,.kitcherette-item-card-menu>button:focus-visible,.kitcherette-item-card-menu-section>button:hover,.kitcherette-item-card-menu-section>button:focus-visible{background:var(--surface2);outline:none} .kitcherette-item-card-menu-section{margin:3px 0;padding:3px 0;border-top:1px solid color-mix(in srgb,var(--border) 76%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border) 76%,transparent)} .kitcherette-item-card-menu-danger{color:#b42318!important} .kitcherette-item-card-rating{display:flex;align-items:center;gap:2px;padding:7px 5px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);white-space:nowrap} .kitcherette-item-card-rating .rating-star{border:0;background:transparent;padding:3px;color:#cbd5e1;font-size:1rem;cursor:pointer} .kitcherette-item-card-rating .rating-star.selected{color:#e4a517} .kitcherette-item-card-rating .rating-clear{margin-left:auto;border:0;background:transparent;color:var(--text-secondary);font-size:.72rem;cursor:pointer} /* Recipe cards */ #view-recipes:not(.recipe-editing) .kitcherette-item-card--recipe{ display:grid;grid-template-columns:84px minmax(0,1fr) 40px;grid-template-rows:auto auto; grid-template-areas:"media main overflow" "media main favourite"; column-gap:13px;row-gap:4px;align-items:start;padding:12px; } #view-recipes:not(.recipe-editing) .kitcherette-item-card--recipe>.kitcherette-item-card-media{grid-area:media} #view-recipes:not(.recipe-editing) .kitcherette-item-card--recipe>.kitcherette-item-card-main{grid-area:main;align-self:center} #view-recipes:not(.recipe-editing) .kitcherette-item-card--recipe>.kitcherette-item-card-overflow-wrap{grid-area:overflow;justify-self:end} .kitcherette-item-card-favourite{ grid-area:favourite;justify-self:end;align-self:end;min-width:38px;height:34px;padding:0;border:0;background:transparent;color:#78827c;font-size:1.55rem;line-height:1;cursor:pointer } .kitcherette-item-card-favourite[aria-pressed="true"]{color:#e4a517} .kitcherette-item-card-favourite[data-rating]::after{content:attr(data-rating);font-size:.68rem;color:var(--text-secondary);margin-left:2px;vertical-align:middle} #view-recipes:not(.recipe-editing) .kitcherette-item-card--recipe .recipe-card-open-area{padding:0;position:static} /* v615 — recipe card metadata occupies one bounded bottom row inside the fixed card. */ #view-recipes:not(.recipe-editing) .kitcherette-item-card--recipe>.kitcherette-item-card-main{ min-width:0;overflow:hidden;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch; } #view-recipes:not(.recipe-editing) .kitcherette-item-card--recipe .kitcherette-item-card-meta{ min-height:0;max-height:2.5em; } #view-recipes:not(.recipe-editing) .kitcherette-item-card--recipe .kitcherette-item-card-bottom-meta{ min-width:0;display:flex;align-items:center;gap:5px;overflow:hidden;height:20px;margin-top:2px; } #view-recipes:not(.recipe-editing) .kitcherette-item-card--recipe .kitcherette-item-card-indicators{ flex:0 1 auto;display:flex;flex-wrap:nowrap;gap:3px;min-width:0;max-width:100%;overflow:hidden;margin:0; } #view-recipes:not(.recipe-editing) .kitcherette-item-card--recipe .kitcherette-item-card-indicators .recipe-indicator{ flex:0 0 auto;min-height:18px;height:18px;padding:1px 5px;font-size:.58rem;white-space:nowrap; } #view-recipes:not(.recipe-editing) .kitcherette-item-card--recipe .kitcherette-item-card-bottom-meta .kitcherette-item-card-status{ flex:0 0 auto;margin:0;min-height:18px;height:18px;padding:1px 6px; } /* Pantry cards */ #view-current-stock .kitcherette-item-card--pantry{ display:grid;grid-template-columns:minmax(0,1fr) 38px;grid-template-areas:"main overflow" "main quantity"; column-gap:10px;row-gap:7px;align-items:center;padding:10px 11px; } #view-current-stock .kitcherette-item-card--pantry>.kitcherette-item-card-main{grid-area:main;display:grid;grid-template-columns:72px minmax(0,1fr);gap:11px;align-items:center} #view-current-stock .kitcherette-item-card--pantry>.kitcherette-item-card-overflow{grid-area:overflow;justify-self:end} #view-current-stock .kitcherette-item-card--pantry>.kitcherette-item-card-quantity{grid-area:quantity;justify-self:end} #view-current-stock .kitcherette-item-card--pantry .kitcherette-item-card-media{width:72px;height:72px;border-radius:13px} #view-current-stock .kitcherette-item-card--pantry .pantry-row-copy{display:grid;gap:1px;min-width:0} #view-current-stock .kitcherette-item-card-quantity{display:flex;align-items:center;gap:5px} #view-current-stock .kitcherette-item-card-quantity>strong{min-width:54px;text-align:center;font-size:.78rem;white-space:nowrap} #view-current-stock .kitcherette-item-card-quantity .pantry-round-control{width:34px;height:34px;min-width:34px;border-radius:10px;padding:0} #view-current-stock .kitcherette-item-card--pantry.is-out{opacity:.86} #view-current-stock .pantry-out-row.kitcherette-item-card{grid-template-areas:"main action";grid-template-columns:minmax(0,1fr) auto} #view-current-stock .pantry-out-row.kitcherette-item-card>.kitcherette-item-card-main{grid-area:main} #view-current-stock .kitcherette-item-card-inline-action{grid-area:action;align-self:center;white-space:nowrap;margin:0} @media(max-width:620px){ .kitcherette-item-card-media{width:76px;height:76px;border-radius:13px} #view-recipes:not(.recipe-editing) .kitcherette-item-card--recipe{grid-template-columns:76px minmax(0,1fr) 38px;padding:10px;column-gap:11px} #view-current-stock .kitcherette-item-card--pantry{grid-template-columns:minmax(0,1fr) 36px;grid-template-areas:"main overflow" "quantity quantity";padding:10px} #view-current-stock .kitcherette-item-card--pantry>.kitcherette-item-card-main{grid-template-columns:64px minmax(0,1fr);gap:9px} #view-current-stock .kitcherette-item-card--pantry .kitcherette-item-card-media{width:64px;height:64px} #view-current-stock .kitcherette-item-card--pantry>.kitcherette-item-card-quantity{justify-self:stretch;justify-content:flex-end;padding-left:73px} #view-current-stock .pantry-out-row.kitcherette-item-card{grid-template-areas:"main" "action";grid-template-columns:1fr} #view-current-stock .kitcherette-item-card-inline-action{justify-self:end} } /* v427 — recipe cookability hierarchy. Missing Pantry is a quiet hint; ready is a gentle positive cue. */ .kitcherette-item-card-status.is-hint{ margin-top:6px;padding:1px 0;border:0;background:transparent; color:var(--text-secondary);font-size:.68rem;font-weight:540;opacity:.62 } .kitcherette-item-card-status.is-ready{ padding:3px 8px;color:#236739;background:rgba(224,244,226,.66);border-color:rgba(112,177,119,.26);font-weight:720 } body.dark-mode .kitcherette-item-card-status.is-hint{color:var(--text-secondary);background:transparent;border:0;opacity:.66} body.dark-mode .kitcherette-item-card-status.is-ready{background:rgba(38,91,50,.30);border-color:rgba(111,178,121,.22)} .kitcherette-item-card-source-action[aria-pressed="true"]{color:#2f7850;font-size:1.15rem;font-weight:800} .kitcherette-item-card-source-action:not([aria-pressed="true"]){font-size:1.35rem;font-weight:500;color:var(--text-secondary)} /* v440 — recipe card description is the dish's ingredient list. */ .kitcherette-item-card--recipe .kitcherette-item-card-meta{ white-space:normal; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.28; } /* v592 — Shopping uses the same compact card language as Recipes and Pantry. */ #view-stock-orders .manager-list{display:grid;gap:10px;background:transparent!important} #view-stock-orders .kitcherette-item-card--pantry{ display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px; } #view-stock-orders .kitcherette-item-card--pantry>.manager-row-info{min-width:0;flex:1} #view-stock-orders .kitcherette-item-card--pantry>.manager-row-info>strong{display:block;font-size:1rem;line-height:1.22} #view-stock-orders .kitcherette-item-card--pantry>.manager-row-info>small{display:block;margin-top:3px;color:var(--text-secondary);font-size:.8rem;line-height:1.3} #view-stock-orders .shopping-line-actions{flex:0 0 auto} #view-stock-orders .shopping-total-row{margin-top:12px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--surface,#fff) 72%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)} @media(max-width:620px){ #view-stock-orders .kitcherette-item-card--pantry{align-items:stretch;flex-direction:column} #view-stock-orders .shopping-line-actions{width:100%;justify-content:flex-end} } /* v605 — denser Recipe list cards only. */ #view-recipes:not(.recipe-editing) .kitcherette-item-card--recipe{ --kitcherette-card-surface:rgba(255,253,248,.68); grid-template-columns:84px minmax(0,1fr) auto; grid-template-rows:84px; grid-template-areas:"media main actions"; column-gap:11px; row-gap:0; align-items:center; min-height:0; padding:9px 10px; } body.dark-mode #view-recipes:not(.recipe-editing) .kitcherette-item-card--recipe{--kitcherette-card-surface:rgba(29,37,33,.66)} #view-recipes:not(.recipe-editing) .kitcherette-item-card--recipe>.kitcherette-item-card-media{ grid-area:media;width:84px;height:84px;border-radius:13px; } #view-recipes:not(.recipe-editing) .kitcherette-item-card--recipe>.kitcherette-item-card-main{ grid-area:main;align-self:center;min-width:0; } #view-recipes:not(.recipe-editing) .kitcherette-item-card--recipe .kitcherette-item-card-title{ font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } #view-recipes:not(.recipe-editing) .kitcherette-item-card--recipe .kitcherette-item-card-meta{ margin-top:2px;min-height:2.5em;max-height:2.5em;line-height:1.25; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; } #view-recipes:not(.recipe-editing) .kitcherette-item-card--recipe .kitcherette-item-card-status{ margin-top:5px;padding:2px 7px;min-height:18px;border-radius:999px;font-size:.68rem;line-height:1.1;font-weight:700; } #view-recipes:not(.recipe-editing) .kitcherette-item-card--recipe .kitcherette-item-card-status.is-hint{ border:1px solid color-mix(in srgb,var(--border) 58%,transparent); background:color-mix(in srgb,var(--surface2) 54%,transparent);opacity:.82; } #view-recipes:not(.recipe-editing) .kitcherette-item-card-actions{ grid-area:actions;align-self:start;justify-self:end;display:flex;align-items:center;gap:1px; } #view-recipes:not(.recipe-editing) .kitcherette-item-card-actions .kitcherette-item-card-favourite, #view-recipes:not(.recipe-editing) .kitcherette-item-card-actions .kitcherette-item-card-overflow{ width:30px;min-width:30px;height:30px;border:0;border-radius:9px;background:transparent;color:var(--text-secondary); } #view-recipes:not(.recipe-editing) .kitcherette-item-card-actions .kitcherette-item-card-favourite{ position:static;grid-area:auto;justify-self:auto;align-self:auto;font-size:1.22rem;opacity:.78; } #view-recipes:not(.recipe-editing) .kitcherette-item-card-actions .kitcherette-item-card-overflow{font-size:1.12rem;opacity:.72} #view-recipes:not(.recipe-editing) .kitcherette-item-card-actions .kitcherette-item-card-favourite[aria-pressed="true"]{color:#e4a517;opacity:.9} @media(max-width:620px){ #view-recipes:not(.recipe-editing) .kitcherette-item-card--recipe{ grid-template-columns:80px minmax(0,1fr) auto;grid-template-rows:80px;padding:9px 10px;column-gap:10px; } #view-recipes:not(.recipe-editing) .kitcherette-item-card--recipe>.kitcherette-item-card-media{width:80px;height:80px} } /* v632 — Shopping list refinement: one quiet row rhythm, compact actions, stable chooser. */ #view-stock-orders .shopping-final-title{align-items:center;padding:2px 3px 10px} #view-stock-orders .shopping-final-title h2{font-size:1.12rem} #view-stock-orders .shopping-final-title p{font-size:.72rem;opacity:.68} #view-stock-orders .shopping-header-summary{font-size:.78rem;white-space:nowrap;color:var(--text-secondary)} #view-stock-orders .shopping-final-list{gap:0} #view-stock-orders .shopping-final-card{ position:relative;min-height:62px;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--border) 58%,transparent)!important; border-radius:0!important;padding:10px 4px!important;background:transparent!important;box-shadow:none!important; backdrop-filter:none!important;-webkit-backdrop-filter:none!important } #view-stock-orders .shopping-final-card>.manager-row-info>strong{font-size:.96rem;line-height:1.2} #view-stock-orders .shopping-final-card>.manager-row-info>small{margin-top:3px;font-size:.76rem;line-height:1.3} #view-stock-orders .shopping-line-summary strong{font-weight:700;color:var(--text)} #view-stock-orders .shopping-line-actions{gap:3px;align-self:center} #view-stock-orders .shopping-icon-action{ width:34px;height:34px;min-width:34px;padding:0;border:1px solid color-mix(in srgb,var(--border) 62%,transparent); border-radius:10px;background:color-mix(in srgb,var(--surface2) 42%,transparent);color:var(--text-secondary);font-size:1rem } #view-stock-orders .shopping-check-action{font-size:1.12rem;color:var(--text)} #view-stock-orders .shopping-missing-product-card{border-color:color-mix(in srgb,var(--border) 58%,transparent)!important} #view-stock-orders .shopping-missing-product-warning{font-weight:500;color:var(--text-secondary)!important} #view-stock-orders .shopping-add-missing-product{width:auto!important;min-height:32px;padding:4px 9px;border-radius:9px;white-space:nowrap;font-size:.78rem} #view-stock-orders .shopping-alternative-chooser{ position:absolute;z-index:5;right:42px;top:50%;transform:translateY(-50%);width:min(290px,calc(100% - 96px)); padding:4px;border:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-radius:10px; background:var(--surface);box-shadow:0 8px 22px rgba(0,0,0,.16) } #view-stock-orders .shopping-alternative-selector{width:100%;min-width:0;max-width:none;margin:0} #view-stock-orders .shopping-total-row{display:none} #view-stock-orders .shopping-final-default{padding-bottom:calc(var(--app-bottom-chrome-height,132px) + 44px)} @media(max-width:620px){ #view-stock-orders .kitcherette-item-card--pantry.shopping-final-card{flex-direction:row;align-items:center} #view-stock-orders .shopping-line-actions{width:auto;justify-content:flex-end;flex-wrap:nowrap} #view-stock-orders .shopping-alternative-chooser{left:4px;right:42px;width:auto} } /* v640 — consolidated Shopping purchase capture. Cleanup-only: replaces the accumulated v633–v639 override chain with one current implementation. */ #view-stock-orders>.compact-category-header.shopping-name-filter-only{padding-top:0} #view-stock-orders>.compact-category-header.shopping-name-filter-only .persistent-name-filter{margin-top:0} #view-stock-orders .kitcherette-list-category-grid[data-grid-id="shopping"]{display:none!important} #view-stock-orders .shopping-bought-action{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:auto;min-width:36px!important;height:36px;min-height:36px;padding:0 9px!important;border-radius:12px;font-size:1.05rem;font-weight:500;color:var(--text);white-space:nowrap} #view-stock-orders .shopping-check-action{display:inline-flex;align-items:center;justify-content:center;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;border-color:color-mix(in srgb,var(--text) 26%,var(--border));font-size:1.25rem;color:var(--text)} #view-stock-orders .shopping-action-label{font-size:.69rem;font-weight:650;letter-spacing:.01em} #view-stock-orders .shopping-add-missing-product{font-weight:600} #view-stock-orders .shopping-alternative-chooser:focus-within{display:block} #view-stock-orders .shopping-final-title{padding:0 6px 16px;align-items:flex-start} #view-stock-orders .shopping-final-title h2{font-size:1.18rem;letter-spacing:-.015em} #view-stock-orders .shopping-final-title p{margin-top:2px;font-size:.73rem;opacity:.62} #view-stock-orders .shopping-header-summary{padding-top:4px;font-size:.74rem;opacity:.8} #view-stock-orders .shopping-final-card{min-height:68px;padding:11px 6px!important;gap:10px} #view-stock-orders .shopping-final-card>.manager-row-info{min-width:0} #view-stock-orders .shopping-final-card>.manager-row-info>strong{font-size:.98rem;font-weight:650} #view-stock-orders .shopping-final-card>.manager-row-info>small{font-size:.74rem;opacity:.78} #view-stock-orders .shopping-line-actions{gap:5px} #view-stock-orders .shopping-icon-action{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:36px;height:36px;min-width:36px;border-radius:12px;background:color-mix(in srgb,var(--surface2) 34%,transparent)} #view-stock-orders .shopping-missing-product-warning{opacity:.72!important} #view-stock-orders .shopping-missing-product-card .shopping-bought-action{color:var(--text)} #view-stock-orders .shopping-final-card.shopping-bought-open{flex-wrap:wrap;align-items:flex-start;max-height:none;overflow:visible;padding-bottom:7px!important;background:transparent!important} #view-stock-orders .shopping-bought-editor{position:relative;flex:1 0 100%;width:100%;min-width:0;margin:7px 0 2px;padding:14px 14px 13px;border:1px solid color-mix(in srgb,var(--border) 48%,transparent);border-radius:16px;background:color-mix(in srgb,var(--surface2) 72%,transparent);box-shadow:0 8px 24px rgba(0,0,0,.08),inset 0 1px 0 color-mix(in srgb,var(--text) 7%,transparent)} #view-stock-orders .shopping-bought-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:13px;padding-right:38px;position:relative} #view-stock-orders .shopping-bought-editor-head>div{display:flex;flex-direction:column;gap:2px;min-width:0} #view-stock-orders .shopping-bought-editor-head>div>strong{display:block!important;font-size:.92rem;font-weight:700;color:var(--text)!important;opacity:1!important} #view-stock-orders .shopping-bought-editor-head>div>small{max-width:34ch;font-size:.69rem;color:var(--text-secondary);line-height:1.3;opacity:.72} #view-stock-orders .shopping-bought-done{position:absolute;right:0;top:0;width:30px;height:30px;padding:0;border:0;border-radius:9px;background:color-mix(in srgb,var(--surface) 48%,transparent);color:var(--text-secondary)} #view-stock-orders .shopping-bought-fields--minimal{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px} #view-stock-orders .shopping-bought-fields--minimal .shopping-bought-product{grid-column:1/-1} #view-stock-orders .shopping-bought-fields label,#view-stock-orders .shopping-bought-photo{display:flex;flex-direction:column;gap:5px;color:var(--text-secondary);font-size:.7rem} #view-stock-orders .shopping-field-label,#view-stock-orders .shopping-bought-photo>span{display:block!important;position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;margin:0 0 5px!important;color:var(--text)!important;font-size:.65rem!important;font-weight:700!important;line-height:1.2!important;letter-spacing:.035em!important;text-transform:uppercase!important;opacity:.72!important} #view-stock-orders .shopping-bought-fields input{width:100%;min-height:43px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--border) 54%,transparent);border-radius:11px;background:color-mix(in srgb,var(--surface) 72%,transparent);color:var(--text);font:inherit;box-shadow:none} #view-stock-orders .shopping-bought-fields input:focus{border-color:color-mix(in srgb,var(--accent) 68%,var(--border));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)} #view-stock-orders .shopping-package-measure,#view-stock-orders .shopping-bought-price{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:0;border:1px solid color-mix(in srgb,var(--border) 58%,transparent);border-radius:11px;background:color-mix(in srgb,var(--surface) 72%,transparent);overflow:hidden} #view-stock-orders .shopping-package-measure input,#view-stock-orders .shopping-bought-price input{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;min-width:0} #view-stock-orders .shopping-package-measure select,#view-stock-orders .shopping-price-basis select{min-width:72px;padding:0 9px;border:0;border-left:1px solid color-mix(in srgb,var(--border) 45%,transparent);background:color-mix(in srgb,var(--surface2) 52%,transparent);color:var(--text);font:inherit;font-size:.76rem} #view-stock-orders .shopping-bought-price{grid-template-columns:auto minmax(72px,1fr) auto} #view-stock-orders .shopping-bought-price>span{display:flex!important;align-items:center!important;padding:0 10px!important;color:var(--text-secondary)!important;font-size:.7rem!important;font-weight:600!important;white-space:nowrap;text-transform:none!important;letter-spacing:0!important} #view-stock-orders .shopping-bought-photo{margin-top:12px;padding:0;border:0;background:transparent} #view-stock-orders .shopping-bought-photo>span small{text-transform:none;letter-spacing:0;font-weight:500;opacity:.65} #view-stock-orders .shopping-bought-photo input{display:none} #view-stock-orders .shopping-photo-picker{display:flex;align-items:center;gap:9px;min-height:44px;padding:8px 11px;border:1px dashed color-mix(in srgb,var(--border) 58%,transparent);border-radius:11px;background:color-mix(in srgb,var(--surface) 40%,transparent);color:var(--text-secondary);font-size:.76rem;cursor:pointer} #view-stock-orders .shopping-photo-picker::before{content:'📷';font-size:1rem} #view-stock-orders .shopping-photo-picker.has-photo{border-style:solid;color:var(--text)} #view-stock-orders .shopping-bought-editor-actions{display:flex;justify-content:flex-end;margin-top:13px} #view-stock-orders .shopping-bought-editor-actions .primary-button{width:100%;min-height:44px;padding:10px 14px;border-radius:12px;color:var(--on-accent,#fff)!important;font-size:.82rem!important;font-weight:700;line-height:1.2!important;white-space:normal} #view-stock-orders .shopping-bought-error{display:block;margin-top:6px;color:var(--danger,#b44);font-size:.72rem} @media(max-width:430px){#view-stock-orders .shopping-action-label{display:none}#view-stock-orders .shopping-bought-action{width:36px!important;padding:0!important}#view-stock-orders .shopping-final-card>.manager-row-info>strong{font-size:.94rem}} @media(max-width:390px){#view-stock-orders .shopping-bought-fields--minimal{grid-template-columns:1fr}#view-stock-orders .shopping-bought-fields--minimal .shopping-bought-product{grid-column:auto}} /* v641 — Shopping purchase confirmation actions and progressive details */ #view-stock-orders .shopping-purchase-details{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--border) 38%,transparent)} #view-stock-orders .shopping-purchase-details.hidden{display:none!important} #view-stock-orders .shopping-bought-expiry{display:flex;flex-direction:column;gap:5px} #view-stock-orders .shopping-bought-expiry input{width:100%;min-height:43px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--border) 54%,transparent);border-radius:11px;background:color-mix(in srgb,var(--surface) 72%,transparent);color:var(--text);font:inherit} #view-stock-orders .shopping-bought-editor-actions{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:8px;align-items:stretch;margin-top:14px} #view-stock-orders .shopping-bought-editor-actions .secondary-button,#view-stock-orders .shopping-bought-editor-actions .primary-button{width:auto;min-height:42px;margin:0;padding:9px 11px;border-radius:11px;font-size:.76rem!important;font-weight:700;line-height:1.15!important;white-space:nowrap} #view-stock-orders .shopping-bought-editor-actions .shopping-purchase-save{min-width:0;color:var(--on-accent,#fff)!important} @media(max-width:420px){#view-stock-orders .shopping-bought-editor-actions{grid-template-columns:1fr 1fr}#view-stock-orders .shopping-bought-editor-actions .shopping-purchase-save{grid-column:1/-1;min-height:46px}} /* Shopping purchase details: optional Pantry storage location. */ #view-stock-orders .shopping-bought-location{display:flex;flex-direction:column;gap:5px} #view-stock-orders .shopping-bought-location select{width:100%;min-height:43px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--border) 54%,transparent);border-radius:11px;background:color-mix(in srgb,var(--surface) 72%,transparent);color:var(--text);font:inherit} /* v670 cleanup — canonical compact purchase editor shared by Shopping and Supply. */ #view-stock-orders .shopping-bought-editor{margin:5px 0 1px;padding:10px;border-radius:13px;background:color-mix(in srgb,var(--surface2) 58%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 6%,transparent)} #view-stock-orders .shopping-bought-editor-head,#view-service .shopping-bought-editor-head{display:none!important} #view-stock-orders .shopping-bought-fields--minimal,#view-service .shopping-bought-fields--minimal{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px 8px} #view-stock-orders .shopping-bought-fields--minimal .shopping-bought-product,#view-service .shopping-bought-fields--minimal .shopping-bought-product{grid-column:1/-1} #view-stock-orders .shopping-field-label,#view-service .shopping-field-label{display:none!important} #view-stock-orders .shopping-bought-fields input,#view-stock-orders .shopping-bought-expiry input,#view-stock-orders .shopping-bought-location select, #view-service .shopping-bought-fields input,#view-service .shopping-bought-expiry input,#view-service .shopping-bought-location select{box-sizing:border-box;width:100%;min-height:31px!important;height:31px!important;padding:3px 8px!important;border-radius:8px!important} #view-stock-orders .shopping-package-measure,#view-stock-orders .shopping-bought-price, #view-service .shopping-package-measure,#view-service .shopping-bought-price{display:grid;align-items:center;min-width:0;min-height:31px!important;height:31px!important;border-radius:8px!important;overflow:hidden} #view-stock-orders .shopping-package-measure,#view-service .shopping-package-measure{grid-template-columns:minmax(0,1fr) auto} #view-stock-orders .shopping-bought-price,#view-service .shopping-bought-price{grid-template-columns:auto minmax(0,1fr) auto} #view-stock-orders .shopping-package-measure input,#view-stock-orders .shopping-bought-price input, #view-service .shopping-package-measure input,#view-service .shopping-bought-price input{width:100%!important;min-width:0!important;height:29px!important;min-height:29px!important;padding:2px 7px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important} #view-stock-orders .shopping-package-measure select,#view-stock-orders .shopping-price-basis select, #view-service .shopping-package-measure select,#view-service .shopping-price-basis select{width:auto!important;min-width:58px!important;height:29px!important;min-height:29px!important;padding:0 7px!important;border:0!important;border-left:1px solid color-mix(in srgb,var(--border) 55%,transparent)!important;border-radius:0!important;background:transparent!important;font-size:.7rem!important} #view-stock-orders .shopping-bought-price>span,#view-service .shopping-bought-price>span{padding:0 7px!important;font-size:.72rem;color:var(--text-secondary)} #view-stock-orders .shopping-purchase-details,#view-service .shopping-purchase-details{display:grid;grid-template-columns:1fr;gap:7px;margin-top:8px;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--border) 38%,transparent)} #view-stock-orders .shopping-purchase-details.hidden,#view-service .shopping-purchase-details.hidden{display:none!important} #view-stock-orders .shopping-photo-picker,#view-service .shopping-photo-picker{min-height:34px;padding:5px 8px;border-radius:8px;font-size:.68rem} #view-stock-orders .shopping-bought-editor-actions,#view-service .shopping-bought-editor-actions{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.15fr);gap:6px;margin-top:7px} #view-stock-orders .shopping-bought-editor-actions button.secondary-button,#view-stock-orders .shopping-bought-editor-actions button.primary-button, #view-service .shopping-bought-editor-actions button.secondary-button,#view-service .shopping-bought-editor-actions button.primary-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;min-height:34px!important;height:34px!important;margin:0!important;padding:5px 6px!important;border-radius:9px!important;font-size:.68rem!important;font-weight:700!important;line-height:1.1!important;white-space:nowrap!important;visibility:visible!important;opacity:1!important} #view-stock-orders .shopping-bought-editor-actions .shopping-purchase-save,#view-service .shopping-bought-editor-actions .shopping-purchase-save{grid-column:auto!important;background:var(--accent)!important;color:#fff!important;-webkit-text-fill-color:#fff!important} #view-stock-orders .shopping-bought-editor-actions .shopping-purchase-cancel,#view-stock-orders .shopping-bought-editor-actions .shopping-purchase-more, #view-service .shopping-bought-editor-actions .shopping-purchase-cancel,#view-service .shopping-bought-editor-actions .shopping-purchase-more{color:var(--text)!important;-webkit-text-fill-color:var(--text)!important} /* Shopping rows. */ #view-stock-orders .shopping-final-title{padding-bottom:12px} #view-stock-orders .shopping-final-card{min-height:62px;padding:9px 6px!important;gap:8px} #view-stock-orders .shopping-final-card>.manager-row-info>strong{font-size:.94rem} #view-stock-orders .shopping-final-card>.manager-row-info>small{font-size:.7rem;line-height:1.28} #view-stock-orders .shopping-line-actions{gap:4px} #view-stock-orders .shopping-icon-action,#view-stock-orders .shopping-check-action,#view-stock-orders .shopping-bought-action{width:34px!important;min-width:34px!important;height:34px;min-height:34px;padding:0!important;border-radius:11px} #view-stock-orders .shopping-bought-open{padding-bottom:5px!important} /* Supply check-off embeds the same canonical editor. */ .work-supply-actions{display:flex;justify-content:flex-end;margin:2px 0 8px} .work-stock-status{display:flex;align-items:center;justify-content:flex-end;gap:8px} .work-stock-checkoff{width:34px;height:34px;min-width:34px;padding:0;border:1px solid var(--border);border-radius:11px;background:color-mix(in srgb,var(--surface) 64%,transparent);color:var(--text);font-size:1rem;line-height:1} .work-stock-row.shopping-bought-open{grid-template-columns:minmax(0,1fr) auto auto} .work-stock-row>.shopping-bought-editor{grid-column:1/-1;width:100%;min-width:0;margin:5px 0 1px} #view-service .work-stock-row>.shopping-bought-editor{padding:9px;border:1px solid color-mix(in srgb,var(--border) 42%,transparent);border-radius:13px;background:color-mix(in srgb,var(--surface2) 58%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 6%,transparent)} @media(max-width:360px){ #view-stock-orders .shopping-bought-editor,#view-service .shopping-bought-editor{padding:8px} #view-stock-orders .shopping-bought-editor-actions,#view-service .shopping-bought-editor-actions{grid-template-columns:.75fr 1fr 1.15fr;gap:4px} #view-stock-orders .shopping-bought-editor-actions button.secondary-button,#view-stock-orders .shopping-bought-editor-actions button.primary-button, #view-service .shopping-bought-editor-actions button.secondary-button,#view-service .shopping-bought-editor-actions button.primary-button{padding:4px 3px!important;font-size:.62rem!important} } /* Shopping list Pantry-presence disclosure. */ #view-stock-orders .shopping-stock-presence{position:relative;display:flex;align-items:flex-start;margin-top:5px} #view-stock-orders .shopping-stock-chip{min-height:24px;padding:2px 9px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent);font:inherit;font-size:.68rem;font-weight:650;line-height:1.2;cursor:pointer} #view-stock-orders .shopping-stock-chip::after{content:'›';display:inline-block;margin-left:5px;transform:rotate(90deg);transition:transform .15s ease} #view-stock-orders .shopping-stock-chip[aria-expanded="true"]::after{transform:rotate(-90deg)} #view-stock-orders .shopping-stock-locations{position:absolute;z-index:8;left:0;top:30px;min-width:180px;max-width:min(280px,70vw);padding:8px 10px;border:1px solid color-mix(in srgb,var(--border) 60%,transparent);border-radius:11px;background:var(--surface);box-shadow:0 8px 24px rgba(0,0,0,.13);color:var(--text);font-size:.7rem} #view-stock-orders .shopping-stock-locations.hidden{display:none!important} #view-stock-orders .shopping-stock-locations>div{display:flex;justify-content:space-between;gap:14px;padding:3px 0} #view-stock-orders .shopping-stock-locations>div+div{border-top:1px solid color-mix(in srgb,var(--border) 35%,transparent)} #view-stock-orders .shopping-stock-locations small{color:var(--text-secondary);white-space:nowrap;font-size:.67rem} /* v692 — compact product thumbnails in the portable Shopping list. */ #view-stock-orders .shopping-final-card>.shopping-product-thumbnail{ flex:0 0 42px;width:42px;height:42px;border-radius:10px;align-self:center } #view-stock-orders .shopping-final-card>.shopping-product-thumbnail .kitcherette-item-card-media-fallback{font-size:1rem} #view-stock-orders .shopping-final-card.shopping-bought-open>.shopping-product-thumbnail{align-self:flex-start;margin-top:1px} /* v693 — Shopping summary and reusable list are separate pills. */ #view-stock-orders .shopping-final-default{gap:12px!important;padding-left:0;padding-right:0;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important} #view-stock-orders .shopping-summary-pill, #view-stock-orders .shopping-list-pill{border:1px solid color-mix(in srgb,var(--border) 58%,transparent);border-radius:20px;background:color-mix(in srgb,var(--surface) 82%,transparent);box-shadow:0 8px 24px rgba(0,0,0,.06);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)} #view-stock-orders .shopping-summary-pill{padding:16px 18px!important;min-height:74px;align-items:flex-start} #view-stock-orders .shopping-summary-pill h2{font-size:1.18rem;margin:0} #view-stock-orders .shopping-summary-pill p{margin:4px 0 0} #view-stock-orders .shopping-list-pill{padding:7px 18px 8px;overflow:visible} #view-stock-orders .shopping-list-pill .shopping-final-card:last-child{border-bottom:0!important} /* Portable surface: other pages can mount only this pill through KitcheretteShoppingList.mountList(). */ .shopping-list-pill{box-sizing:border-box;width:100%} @media(max-width:620px){ #view-stock-orders .shopping-summary-pill{padding:15px 16px!important} #view-stock-orders .shopping-list-pill{padding:6px 14px 7px} } /* v694 — reusable list pill mounted in Pantry */ #view-current-stock #current-stock-list{display:block!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important} #view-current-stock .shopping-list-pill{box-sizing:border-box;width:100%;padding:7px 18px 8px;overflow:visible;border:1px solid color-mix(in srgb,var(--border) 58%,transparent);border-radius:20px;background:color-mix(in srgb,var(--surface) 82%,transparent);box-shadow:0 8px 24px rgba(0,0,0,.06);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)} #view-current-stock .shopping-final-list{display:flex;flex-direction:column;gap:0} #view-current-stock .shopping-final-card{display:flex!important;align-items:center;min-height:62px;padding:9px 6px!important;gap:8px;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--border) 55%,transparent)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important} #view-current-stock .shopping-final-card:last-child{border-bottom:0!important} #view-current-stock .shopping-final-card>.shopping-product-thumbnail{flex:0 0 42px;width:42px;height:42px;border-radius:12px;overflow:hidden} #view-current-stock .shopping-final-card>.manager-row-info{min-width:0;flex:1} #view-current-stock .shopping-final-card>.manager-row-info>strong{display:block;font-size:.94rem;font-weight:650;line-height:1.2} #view-current-stock .shopping-final-card>.manager-row-info>small{display:block;margin-top:3px;font-size:.7rem;line-height:1.28;opacity:.78} #view-current-stock .shopping-line-actions{display:flex;align-items:center;gap:4px;flex:0 0 auto} #view-current-stock .shopping-icon-action{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;min-width:42px;padding:0;border-radius:13px} #view-current-stock .shopping-stock-presence{margin-top:5px;position:relative;width:max-content} #view-current-stock .shopping-stock-chip{min-height:28px;padding:3px 10px;border-radius:999px} #view-current-stock .shopping-stock-locations{z-index:80} #view-current-stock .pantry-inline-stock-editor{flex:1 0 100%;width:100%;margin-top:6px} #view-current-stock .shopping-final-card.pantry-list-stock-editor-open{flex-wrap:wrap;align-items:flex-start} @media(max-width:430px){#view-current-stock .shopping-list-pill{padding:6px 14px 7px}} /* v696 — Pantry is the portable Shopping-list row, with Pantry data. */ #view-current-stock .shopping-list-pill{padding:6px 14px 7px} #view-current-stock .shopping-final-list{display:flex!important;flex-direction:column!important;gap:0!important} #view-current-stock .shopping-final-card.pantry-list-card{ position:relative!important;display:flex!important;flex-direction:row!important;align-items:center!important; min-height:62px!important;width:100%!important;padding:9px 4px!important;gap:8px!important; border:0!important;border-bottom:1px solid color-mix(in srgb,var(--border) 58%,transparent)!important; border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:left!important } #view-current-stock .shopping-final-card.pantry-list-card:last-child{border-bottom:0!important} #view-current-stock .shopping-final-card.pantry-list-card>.shopping-product-thumbnail{flex:0 0 42px!important;width:42px!important;height:42px!important;margin:0!important;align-self:center!important;border-radius:10px!important} #view-current-stock .shopping-final-card.pantry-list-card>.manager-row-info{display:block!important;min-width:0!important;flex:1 1 auto!important;text-align:left!important;margin:0!important;padding:0!important} #view-current-stock .shopping-final-card.pantry-list-card>.manager-row-info>strong{display:block!important;margin:0!important;font-size:.94rem!important;font-weight:650!important;line-height:1.2!important;text-align:left!important} #view-current-stock .shopping-final-card.pantry-list-card>.manager-row-info>small{display:block!important;margin:3px 0 0!important;font-size:.7rem!important;line-height:1.28!important;text-align:left!important} #view-current-stock .shopping-final-card.pantry-list-card>.shopping-line-actions{display:flex!important;flex:0 0 auto!important;flex-direction:row!important;align-items:center!important;align-self:center!important;justify-content:flex-end!important;width:auto!important;gap:5px!important;margin:0!important} #view-current-stock .shopping-final-card.pantry-list-card .shopping-icon-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;border-radius:12px!important} #view-current-stock .shopping-final-card.pantry-list-card .shopping-bought-action{width:auto!important;padding:0 9px!important} #view-current-stock .shopping-final-card.pantry-list-card.shopping-bought-open{flex-wrap:wrap!important;align-items:flex-start!important;padding-bottom:7px!important} #view-current-stock .shopping-final-card.pantry-list-card.shopping-bought-open>.shopping-product-thumbnail{align-self:flex-start!important;margin-top:1px!important} /* Shopping editor styles are shared rather than reimplemented for Pantry. */ #view-current-stock .shopping-bought-editor{position:relative;flex:1 0 100%;width:100%;min-width:0;margin:7px 0 2px;padding:12px;border:1px solid color-mix(in srgb,var(--border) 48%,transparent);border-radius:14px;background:color-mix(in srgb,var(--surface2) 72%,transparent)} #view-current-stock .shopping-bought-fields--minimal{display:grid;grid-template-columns:1fr 1fr;gap:10px} #view-current-stock .shopping-bought-fields--minimal .shopping-bought-product{grid-column:1/-1} #view-current-stock .shopping-bought-fields label,#view-current-stock .shopping-bought-photo{display:flex;flex-direction:column;gap:5px;font-size:.7rem} #view-current-stock .shopping-field-label{display:block!important;margin:0 0 5px!important;font-size:.65rem!important;font-weight:700!important;text-transform:uppercase!important;opacity:.72!important} #view-current-stock .shopping-bought-fields input{width:100%;min-height:43px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--border) 54%,transparent);border-radius:11px;background:color-mix(in srgb,var(--surface) 72%,transparent);color:var(--text);font:inherit} #view-current-stock .shopping-package-measure,#view-current-stock .shopping-bought-price{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;border:1px solid color-mix(in srgb,var(--border) 58%,transparent);border-radius:11px;overflow:hidden} #view-current-stock .shopping-package-measure input,#view-current-stock .shopping-bought-price input{border:0!important;border-radius:0!important;background:transparent!important} #view-current-stock .shopping-package-measure select,#view-current-stock .shopping-price-basis select{min-width:72px;padding:0 9px;border:0;border-left:1px solid color-mix(in srgb,var(--border) 45%,transparent);background:color-mix(in srgb,var(--surface2) 52%,transparent);color:var(--text)} #view-current-stock .shopping-bought-price{grid-template-columns:auto minmax(72px,1fr) auto} #view-current-stock .shopping-bought-price>span{display:flex!important;align-items:center!important;padding:0 10px!important} #view-current-stock .shopping-purchase-details.hidden{display:none!important} #view-current-stock .shopping-purchase-details{display:grid;gap:9px;margin-top:10px} #view-current-stock .shopping-bought-photo input{display:none} #view-current-stock .shopping-photo-picker{display:flex;align-items:center;min-height:42px;padding:8px 11px;border:1px dashed var(--border);border-radius:11px} #view-current-stock .shopping-bought-editor-actions{display:grid;grid-template-columns:auto auto minmax(118px,1fr);gap:7px;margin-top:11px} #view-current-stock .shopping-bought-editor-actions button{min-height:40px;padding:8px 12px;border-radius:11px;font-size:.75rem;font-weight:700} @media(max-width:430px){#view-current-stock .shopping-action-label{display:none}#view-current-stock .shopping-final-card.pantry-list-card .shopping-bought-action{width:36px!important;padding:0!important}} /* v696 — Preparation uses the same portable Shopping/Pantry ingredient row. */ #view-service .work-stock-shopping-layout .work-stock-list{display:flex;flex-direction:column;gap:0;margin-top:10px} #view-service .work-stock-shopping-layout .shopping-final-card.preparation-stock-card{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:72px!important;padding:10px 4px!important;margin:0!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--border) 62%,transparent)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important} #view-service .work-stock-shopping-layout .shopping-final-card.preparation-stock-card:last-child{border-bottom:0!important} #view-service .work-stock-shopping-layout .preparation-stock-card>.shopping-product-thumbnail{flex:0 0 42px!important;width:42px!important;height:42px!important;margin:0!important;border-radius:10px!important} #view-service .work-stock-shopping-layout .preparation-stock-card>.manager-row-info{display:block!important;min-width:0!important;flex:1 1 auto!important;text-align:left!important;margin:0!important;padding:0!important} #view-service .work-stock-shopping-layout .preparation-stock-card>.manager-row-info>strong{display:block!important;margin:0!important;font-size:.94rem!important;font-weight:650!important;line-height:1.2!important} #view-service .work-stock-shopping-layout .preparation-stock-card>.manager-row-info>small{display:block!important;margin-top:3px!important;font-size:.7rem!important;line-height:1.28!important;opacity:.78!important} #view-service .work-stock-shopping-layout .preparation-stock-card>.shopping-line-actions{display:flex!important;flex:0 0 auto!important;align-items:center!important;gap:5px!important;margin:0!important} #view-service .work-stock-shopping-layout .preparation-stock-card .shopping-icon-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;border-radius:12px!important} #view-service .work-stock-shopping-layout .preparation-stock-card .shopping-bought-action{width:auto!important;padding:0 9px!important} #view-service .work-stock-shopping-layout .preparation-stock-card.shopping-bought-open{flex-wrap:wrap!important;align-items:flex-start!important} #view-service .work-stock-shopping-layout .preparation-stock-card>.shopping-bought-editor{flex:0 0 100%!important;width:100%!important;margin-left:0!important} @media(max-width:430px){#view-service .work-stock-shopping-layout .preparation-stock-card .shopping-action-label{display:none}#view-service .work-stock-shopping-layout .preparation-stock-card .shopping-bought-action{width:36px!important;padding:0!important}} /* v697 — Preparation portable rows use the exact compact Shopping/Pantry geometry. */ #view-service .work-stock-shopping-layout .work-stock-list.shopping-portable-list{ display:flex!important;flex-direction:column!important;gap:0!important;margin-top:10px!important; padding:6px 14px 7px!important;overflow:visible!important; border:1px solid color-mix(in srgb,var(--border) 58%,transparent)!important;border-radius:20px!important; background:color-mix(in srgb,var(--surface) 82%,transparent)!important; box-shadow:0 8px 24px rgba(0,0,0,.06)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important } #view-service .work-stock-shopping-layout .shopping-final-card.preparation-stock-card{ position:relative!important;display:flex!important;flex-direction:row!important;align-items:center!important; width:100%!important;min-height:62px!important;padding:9px 4px!important;gap:8px!important;margin:0!important; text-align:left!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--border) 58%,transparent)!important; border-radius:0!important;background:transparent!important;box-shadow:none!important } #view-service .work-stock-shopping-layout .shopping-final-card.preparation-stock-card:last-child{border-bottom:0!important} #view-service .work-stock-shopping-layout .preparation-stock-card>.shopping-product-thumbnail{ display:block!important;flex:0 0 42px!important;width:42px!important;height:42px!important;min-width:42px!important; margin:0!important;align-self:center!important;border-radius:10px!important;overflow:hidden!important } #view-service .work-stock-shopping-layout .preparation-stock-card>.manager-row-info{ display:block!important;min-width:0!important;flex:1 1 auto!important;width:auto!important;margin:0!important;padding:0!important;text-align:left!important } #view-service .work-stock-shopping-layout .preparation-stock-card>.manager-row-info>strong, #view-service .work-stock-shopping-layout .preparation-stock-card>.manager-row-info>small{text-align:left!important} #view-service .work-stock-shopping-layout .preparation-stock-card>.shopping-line-actions{ display:flex!important;flex:0 0 auto!important;flex-direction:row!important;align-items:center!important;align-self:center!important; justify-content:flex-end!important;width:auto!important;gap:5px!important;margin:0!important } #view-service .work-stock-shopping-layout .preparation-stock-card .shopping-icon-action{ display:inline-flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important; min-width:36px!important;min-height:36px!important;padding:0!important;margin:0!important;border-radius:12px!important } #view-service .work-stock-shopping-layout .preparation-stock-card .shopping-bought-action{width:36px!important;padding:0!important} #view-service .work-stock-shopping-layout .preparation-stock-card .shopping-action-label{display:none!important} #view-service .work-stock-shopping-layout .preparation-stock-card .shopping-stock-presence{width:max-content!important;margin-top:5px!important;text-align:left!important} #view-service .work-stock-shopping-layout .preparation-stock-card.shopping-bought-open{flex-wrap:wrap!important;align-items:flex-start!important;padding-bottom:7px!important} #view-service .work-stock-shopping-layout .preparation-stock-card.shopping-bought-open>.shopping-product-thumbnail{align-self:flex-start!important;margin-top:1px!important} #view-service .work-stock-shopping-layout .preparation-stock-card>.shopping-bought-editor{flex:0 0 100%!important;width:100%!important;margin:6px 0 0!important} /* v698 — readable Pantry batch details across portable ingredient lists. */ #view-stock-orders .shopping-stock-locations, #view-current-stock .shopping-stock-locations, #view-service .shopping-stock-locations{ z-index:120!important;min-width:250px!important;max-width:min(330px,78vw)!important;padding:7px!important; border-radius:15px!important;background:color-mix(in srgb,var(--surface) 94%,transparent)!important; box-shadow:0 14px 36px rgba(0,0,0,.16)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px) } .shopping-stock-popover-head{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:12px!important;padding:4px 6px 7px!important;border:0!important} .shopping-stock-popover-head strong{font-size:.74rem!important}.shopping-stock-popover-head small{font-size:.62rem!important;opacity:.62!important} .shopping-stock-locations>.shopping-stock-batch{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;padding:8px 7px!important} .shopping-stock-locations>.shopping-stock-batch+.shopping-stock-batch{border-top:1px solid color-mix(in srgb,var(--border) 38%,transparent)!important} .shopping-stock-batch-main,.shopping-stock-batch-meta{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important} .shopping-stock-batch-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem!important;font-weight:680!important} .shopping-stock-batch-main span,.shopping-stock-batch-meta span{font-size:.62rem!important;color:var(--text-secondary)!important;line-height:1.25!important} .shopping-stock-batch-meta{text-align:right!important;align-items:flex-end!important}.shopping-stock-batch-meta strong{font-size:.7rem!important;white-space:nowrap!important} .shopping-stock-empty{padding:8px!important;font-size:.67rem!important;color:var(--text-secondary)!important} /* Preparation is a cooking-requirements view: stock detail expands inline beneath its ingredient. */ #view-service .work-stock-shopping-layout .preparation-stock-card{flex-wrap:wrap!important;align-items:center!important} #view-service .work-stock-shopping-layout .preparation-stock-card>.manager-row-info{display:flex!important;flex-direction:column!important;align-items:flex-start!important} #view-service .work-stock-shopping-layout .preparation-stock-card .shopping-line-summary{font-size:.7rem!important;line-height:1.3!important;color:var(--text-secondary)!important;opacity:1!important} #view-service .work-stock-shopping-layout .preparation-stock-card .shopping-line-summary strong{font-weight:650!important;color:var(--text)!important} #view-service .work-stock-shopping-layout .preparation-stock-card .shopping-stock-chip{min-height:27px!important;padding:4px 9px!important;border-radius:999px!important;font-size:.66rem!important;font-weight:650!important;line-height:1!important;background:color-mix(in srgb,var(--surface2) 72%,transparent)!important;border:1px solid color-mix(in srgb,var(--border) 70%,transparent)!important} #view-service .work-stock-shopping-layout .preparation-stock-card .shopping-stock-chip.is-enough{background:color-mix(in srgb,#dcefe2 72%,var(--surface))!important} #view-service .work-stock-shopping-layout .preparation-stock-card .shopping-stock-chip.is-short{background:color-mix(in srgb,#f5e3cd 72%,var(--surface))!important} #view-service .work-stock-shopping-layout .preparation-stock-card .preparation-stock-status{position:static!important;width:max-content!important;margin-top:5px!important} #view-service .work-stock-shopping-layout .preparation-stock-card .preparation-stock-batches.shopping-stock-locations{position:static!important;left:auto!important;top:auto!important;z-index:auto!important;flex:0 0 100%!important;width:100%!important;min-width:0!important;max-width:none!important;margin:8px 0 0!important;padding:5px 8px!important;border-radius:12px!important;box-shadow:none!important;background:color-mix(in srgb,var(--surface2) 58%,transparent)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important} #view-service .work-stock-shopping-layout .preparation-stock-card .preparation-stock-batches .shopping-stock-popover-head{padding:3px 4px 5px!important} #view-service .work-stock-shopping-layout .preparation-stock-card .preparation-stock-batches .shopping-stock-batch{padding:6px 4px!important} #view-service .work-stock-shopping-layout .preparation-stock-card .preparation-stock-batches .shopping-stock-batch-main strong{font-size:.68rem!important} #view-service .work-stock-shopping-layout .preparation-stock-card .preparation-stock-batches .shopping-stock-batch-main span, #view-service .work-stock-shopping-layout .preparation-stock-card .preparation-stock-batches .shopping-stock-batch-meta span{font-size:.59rem!important} #view-service .work-stock-shopping-layout .preparation-stock-card .preparation-stock-batches .shopping-stock-batch-meta strong{font-size:.66rem!important} /* v701 — Preparation is the Shopping list surface with a workspace-local data projection. */ #view-service .work-stock-shopping-layout{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;display:flex!important;flex-direction:column!important;gap:12px!important} #view-service .work-stock-shopping-layout .preparation-summary-pill, #view-service .work-stock-shopping-layout .preparation-list-pill{width:100%!important;margin:0!important} #view-service .work-stock-shopping-layout .preparation-summary-pill{padding:16px 18px!important;min-height:74px!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important} #view-service .work-stock-shopping-layout .preparation-summary-pill h2{font-size:1.18rem!important;margin:0!important} #view-service .work-stock-shopping-layout .preparation-summary-pill p{margin:4px 0 0!important} #view-service .work-stock-shopping-layout .preparation-summary-pill .shopping-header-summary{padding-top:4px!important;font-size:.74rem!important;white-space:nowrap!important;color:var(--text-secondary)!important} #view-service .work-stock-shopping-layout .preparation-list-pill{padding:0!important;overflow:hidden!important} #view-service .work-stock-shopping-layout .preparation-stock-card{flex-wrap:nowrap!important;align-items:center!important} #view-service .work-stock-shopping-layout .preparation-stock-card>.manager-row-info{display:flex!important;flex-direction:column!important;align-items:flex-start!important} #view-service .work-stock-shopping-layout .preparation-stock-card>.shopping-bought-editor{flex:0 0 100%!important;width:100%!important} /* v701 — only the outer Preparation list owns the portable pill chrome. */ #view-service .work-stock-shopping-layout>.preparation-list-pill{box-sizing:border-box!important;padding:6px 14px 7px!important;overflow:visible!important;border:1px solid color-mix(in srgb,var(--border) 58%,transparent)!important;border-radius:20px!important;background:color-mix(in srgb,var(--surface) 82%,transparent)!important;box-shadow:0 8px 24px rgba(0,0,0,.06)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important} #view-service .work-stock-shopping-layout>.preparation-list-pill>.work-stock-list.shopping-portable-list{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important} /* v702 — Preparation uses the same visual list contract as Shopping list. */ #view-service .work-stock-shopping-layout{width:100%!important;margin:.7rem 0 0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;display:flex!important;flex-direction:column!important;gap:12px!important} #view-service .work-stock-shopping-layout>.preparation-summary-pill, #view-service .work-stock-shopping-layout>.preparation-list-pill{box-sizing:border-box!important;width:100%!important;margin:0!important;border:1px solid color-mix(in srgb,var(--border) 58%,transparent)!important;border-radius:20px!important;background:color-mix(in srgb,var(--surface) 82%,transparent)!important;box-shadow:0 8px 24px rgba(0,0,0,.06)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important} #view-service .work-stock-shopping-layout>.preparation-summary-pill{padding:15px 16px!important;min-height:74px!important;align-items:flex-start!important} #view-service .work-stock-shopping-layout>.preparation-list-pill{padding:6px 14px 7px!important;overflow:visible!important} #view-service .work-stock-shopping-layout .work-stock-list.shopping-portable-list{display:flex!important;flex-direction:column!important;gap:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important} #view-service .work-stock-shopping-layout .shopping-final-card.preparation-stock-card{position:relative!important;display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important;width:100%!important;min-height:62px!important;margin:0!important;padding:9px 6px!important;gap:8px!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--border) 58%,transparent)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important} #view-service .work-stock-shopping-layout .shopping-final-card.preparation-stock-card:last-child{border-bottom:0!important} #view-service .work-stock-shopping-layout .preparation-stock-card>.shopping-product-thumbnail{flex:0 0 42px!important;width:42px!important;height:42px!important;margin:0!important;border-radius:10px!important;align-self:center!important} #view-service .work-stock-shopping-layout .preparation-stock-card>.manager-row-info{display:block!important;min-width:0!important;flex:1 1 auto!important;margin:0!important;padding:0!important;text-align:left!important} #view-service .work-stock-shopping-layout .preparation-stock-card>.manager-row-info>strong{display:block!important;margin:0!important;font-size:.94rem!important;font-weight:650!important;line-height:1.2!important;text-align:left!important} #view-service .work-stock-shopping-layout .preparation-stock-card>.manager-row-info>small{display:block!important;margin-top:3px!important;font-size:.7rem!important;line-height:1.28!important;opacity:.78!important;text-align:left!important} #view-service .work-stock-shopping-layout .preparation-stock-card>.shopping-line-actions{display:flex!important;flex:0 0 auto!important;align-items:center!important;align-self:center!important;gap:4px!important;margin:0!important;width:auto!important} #view-service .work-stock-shopping-layout .preparation-stock-card .shopping-icon-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:0!important;border-radius:11px!important;background:color-mix(in srgb,var(--surface2) 34%,transparent)!important} #view-service .work-stock-shopping-layout .preparation-stock-card .shopping-action-label{display:none!important} #view-service .work-stock-shopping-layout .preparation-stock-card .shopping-stock-presence{position:relative!important;display:flex!important;align-items:flex-start!important;width:auto!important;margin-top:5px!important;text-align:left!important} #view-service .work-stock-shopping-layout .preparation-stock-card .shopping-stock-chip{min-height:24px!important;padding:2px 9px!important;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border))!important;border-radius:999px!important;background:color-mix(in srgb,var(--accent) 10%,var(--surface))!important;color:var(--accent)!important;font-size:.68rem!important;font-weight:650!important;line-height:1.2!important} #view-service .work-stock-shopping-layout .preparation-stock-card .shopping-stock-locations{position:absolute!important;z-index:8!important;left:0!important;top:30px!important;min-width:180px!important;max-width:min(280px,70vw)!important;width:auto!important;margin:0!important;padding:8px 10px!important;border:1px solid color-mix(in srgb,var(--border) 60%,transparent)!important;border-radius:11px!important;background:var(--surface)!important;box-shadow:0 8px 24px rgba(0,0,0,.13)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important} #view-service .work-stock-shopping-layout .preparation-stock-card .shopping-stock-locations.hidden{display:none!important} #view-service .work-stock-shopping-layout .preparation-stock-card.shopping-bought-open{flex-wrap:wrap!important;align-items:flex-start!important;max-height:none!important;overflow:visible!important;padding-bottom:5px!important} #view-service .work-stock-shopping-layout .preparation-stock-card.shopping-bought-open>.shopping-product-thumbnail{align-self:flex-start!important;margin-top:1px!important} #view-service .work-stock-shopping-layout .preparation-stock-card>.shopping-bought-editor{flex:1 0 100%!important;width:100%!important;min-width:0!important;margin:7px 0 2px!important} /* v705 — Pantry uses the canonical Shopping-list presentation, not a Pantry variant. */ #view-current-stock #current-stock-list{padding:0!important;background:transparent!important} #view-current-stock .shopping-list-pill{ padding:7px 18px 8px!important; border:1px solid color-mix(in srgb,var(--border) 58%,transparent)!important; border-radius:20px!important; background:color-mix(in srgb,var(--surface) 82%,transparent)!important; box-shadow:0 8px 24px rgba(0,0,0,.06)!important; backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important; } #view-current-stock .shopping-final-card.pantry-list-card{ min-height:62px!important;padding:9px 6px!important;gap:8px!important; } #view-current-stock .shopping-final-card.pantry-list-card>.shopping-product-thumbnail{ flex:0 0 42px!important;width:42px!important;height:42px!important;border-radius:10px!important; } #view-current-stock .shopping-final-card.pantry-list-card>.manager-row-info>strong{font-size:.94rem!important} #view-current-stock .shopping-final-card.pantry-list-card>.manager-row-info>small{font-size:.7rem!important;line-height:1.28!important} #view-current-stock .shopping-final-card.pantry-list-card>.shopping-line-actions{gap:4px!important} #view-current-stock .shopping-final-card.pantry-list-card .shopping-icon-action{ width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;border-radius:11px!important; } #view-current-stock .shopping-final-card.pantry-list-card .shopping-bought-action{width:34px!important;padding:0!important} #view-current-stock .shopping-stock-presence{position:relative!important;display:flex!important;align-items:flex-start!important;margin-top:5px!important} #view-current-stock .shopping-stock-chip{ min-height:24px!important;padding:2px 9px!important; border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border))!important; border-radius:999px!important;background:color-mix(in srgb,var(--accent) 10%,var(--surface))!important; color:var(--accent)!important;font:inherit!important;font-size:.68rem!important;font-weight:650!important;line-height:1.2!important; } #view-current-stock .shopping-stock-chip::after{content:'›';display:inline-block;margin-left:5px;transform:rotate(90deg);transition:transform .15s ease} #view-current-stock .shopping-stock-chip[aria-expanded="true"]::after{transform:rotate(-90deg)} @media(max-width:620px){#view-current-stock .shopping-list-pill{padding:6px 14px 7px!important}} /* v706 — Pantry follows the complete Shopping-list composition: summary pill + list pill. */ #view-current-stock #current-stock-list{ display:flex!important; flex-direction:column!important; gap:12px!important; width:100%!important; margin:0!important; padding:18px 0 0!important; background:transparent!important; border:0!important; box-shadow:none!important; } #view-current-stock .pantry-summary-pill{ display:flex!important; align-items:flex-start!important; justify-content:space-between!important; gap:12px!important; width:100%!important; min-height:74px!important; box-sizing:border-box!important; padding:16px 18px!important; border:1px solid color-mix(in srgb,var(--border) 58%,transparent)!important; border-radius:20px!important; background:color-mix(in srgb,var(--surface) 82%,transparent)!important; box-shadow:0 8px 24px rgba(0,0,0,.06)!important; backdrop-filter:blur(16px)!important; -webkit-backdrop-filter:blur(16px)!important; } #view-current-stock .pantry-summary-copy h2{margin:0!important;font-size:1.18rem!important;line-height:1.2!important;letter-spacing:-.015em!important} #view-current-stock .pantry-summary-copy p{margin:4px 0 0!important;font-size:.73rem!important;color:var(--text-secondary)!important;opacity:.72!important} #view-current-stock .pantry-summary-count{padding-top:4px!important;font-size:.74rem!important;font-weight:600!important;color:var(--text-secondary)!important;white-space:nowrap!important;opacity:.8!important} #view-current-stock .shopping-list-pill{margin:0!important;width:100%!important} @media(max-width:620px){ #view-current-stock .pantry-summary-pill{padding:15px 16px!important} } /* v729 — continuous recipe-source feed */ .recipe-continuation-section{margin-top:1.1rem} .recipe-continuation-heading{width:max-content;max-width:calc(100% - 1rem);margin:0 0 .7rem .1rem;padding:.55rem .85rem;border-radius:1rem;background:var(--glass-bg,rgba(255,255,255,.62));font-size:1rem;font-weight:700;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)} .recipe-continuation-sentinel{height:1px;width:100%;pointer-events:none} /* v741 Preparation must always render ingredient requirements, even when the optional Shopping purchase-card projection cannot resolve/build a card. */ #view-service .preparation-list-pill .preparation-requirement-fallback{ display:flex; align-items:center; width:100%; min-height:64px; padding:10px 4px; border-bottom:1px solid color-mix(in srgb,var(--border) 62%,transparent); } #view-service .preparation-list-pill .preparation-requirement-fallback:last-child{border-bottom:0} #view-service .preparation-list-pill .preparation-requirement-copy{display:block;min-width:0;flex:1;text-align:left} #view-service .preparation-list-pill .preparation-requirement-copy strong{display:block;font-size:.94rem;font-weight:650;line-height:1.2} #view-service .preparation-list-pill .preparation-requirement-copy small{display:block;margin-top:4px;font-size:.72rem;line-height:1.3;opacity:.78} #view-service .preparation-list-pill .preparation-requirement-copy .is-warning{opacity:1}