:root{--accent:#316856;--ink:#1f2c29;--muted:#718078;--bg:#f5f7f6;--surface:#fff;--line:#e3e9e6;--soft:#e6f1eb;--rail:208px;--radius:18px}*{box-sizing:border-box}body{margin:0;font:max(14.4px,calc(16.8px * var(--text-scale,1)))/1.5 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation;border:0}button:disabled{opacity:.5;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:max(14.4px,calc(1.2 * calc(26px * var(--text-scale,1))));line-height:1.25;letter-spacing:-.9px}h2{font-size:max(14.4px,calc(1.2 * calc(16px * var(--text-scale,1))))}.layout{display:flex;min-height:100vh}.sidebar{width:var(--rail);position:fixed;inset:0 auto 0 0;background:var(--surface);border-right:1px solid var(--line);padding:25px 16px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;gap:10px;align-items:center;font-size:max(14.4px,calc(1.2 * calc(19px * var(--text-scale,1))));line-height:1.1;letter-spacing:-.8px;padding:0 10px}.logo{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:12px;background:var(--accent);color:white;font-size:max(14.4px,calc(1.2 * calc(27px * var(--text-scale,1))))}.sidebar-label{display:none}.navigation{display:flex;flex-direction:column;gap:7px;margin-top:42px}.navigation button{display:flex;gap:11px;align-items:center;border-radius:12px;background:none;padding:12px;text-align:left;color:var(--muted);font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));font-weight:600}.navigation button>span:first-child{font-size:max(14.4px,calc(1.2 * calc(23px * var(--text-scale,1))));width:27px}.navigation button.active{background:var(--soft);color:var(--accent)}.nav-count{margin-left:auto;font-size:max(14.4px,calc(1.2 * calc(10px * var(--text-scale,1))));background:var(--line);border-radius:9px;padding:1px 5px}.local-status{margin-top:auto;padding:15px 8px;font-size:max(14.4px,calc(1.2 * calc(10px * var(--text-scale,1))));color:var(--muted);display:flex;gap:7px;align-items:center}.status-dot{width:5px;height:5px;background:var(--accent);border-radius:50%}.main-shell{width:calc(100% - var(--rail));margin-left:var(--rail);display:flex;flex-direction:column;min-height:100vh}.topbar{height:66px;display:flex;justify-content:space-between;align-items:center;padding:0 30px;border-bottom:1px solid var(--line);background:var(--surface)}.app-route{font-size:max(14.4px,calc(1.2 * calc(13px * var(--text-scale,1))));font-weight:650}.mobile-brand{display:none}.topbar-right{display:flex;gap:15px;align-items:center}.theme-cycle{padding:8px 12px;background:var(--soft);color:var(--accent);border-radius:9px;font-size:max(14.4px,calc(1.2 * calc(11px * var(--text-scale,1))))}.topbar select{border:0;background:none;color:var(--muted);font-size:max(14.4px,calc(1.2 * calc(11px * var(--text-scale,1))));max-width:100px}#connection{font-size:max(14.4px,calc(1.2 * calc(10px * var(--text-scale,1))));color:var(--muted)}.avatar{display:none}main{padding:28px 30px;flex:1;max-width:1520px;width:100%;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:10px;font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));font-weight:600}.primary{background:var(--accent);color:#fff}.primary>span:first-child{font-size:max(14.4px,calc(1.2 * calc(19px * var(--text-scale,1))));line-height:1}.secondary{background:var(--soft);color:var(--accent)}.summary{display:flex;gap:12px;margin-bottom:25px}.summary article{display:flex;align-items:center;gap:12px;padding:15px 18px;flex:1;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.stat-icon{width:37px;height:37px;background:var(--soft);border-radius:12px;display:grid;place-items:center;font-size:max(14.4px,calc(1.2 * calc(22px * var(--text-scale,1))));color:var(--accent);flex-shrink:0}.summary strong{display:block;font-size:max(14.4px,calc(1.2 * calc(24px * var(--text-scale,1))));line-height:1.25;letter-spacing:-.8px}.summary article div>span{font-size:max(14.4px,calc(1.2 * calc(10px * var(--text-scale,1))));color:var(--muted)}.summary .mixed-quantity{font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));line-height:1.7;letter-spacing:0}.toolbar{display:flex;gap:10px}.search{display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--line);padding:0 13px;flex:1;border-radius:10px}.search span{font-size:max(14.4px,calc(1.2 * calc(24px * var(--text-scale,1))));color:var(--muted)}.search input{background:none;border:0;width:100%;padding:11px 0;min-width:0;outline-offset:1px;font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));color:var(--ink)}.toolbar select,.page-heading select{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 24px 10px 12px;font-size:max(14.4px,calc(1.2 * calc(11px * var(--text-scale,1))));color:var(--ink);max-width:200px}.filter-row{display:flex;gap:7px;overflow:auto;margin:16px 0 23px;padding-bottom:3px}.filter-chip{flex-shrink:0;background:transparent;border:1px solid var(--line);color:var(--muted);padding:7px 12px;font-size:max(14.4px,calc(1.2 * calc(10px * var(--text-scale,1))));border-radius:8px}.filter-chip.active{background:var(--soft);color:var(--accent);border-color:var(--soft)}.list-heading{display:flex;justify-content:space-between;margin-bottom:12px}.list-heading h2{font-size:max(14.4px,calc(1.2 * calc(13px * var(--text-scale,1))))}.list-heading>span{font-size:max(14.4px,calc(1.2 * calc(10px * var(--text-scale,1))));color:var(--muted)}.product-grid{display:grid;gap:10px}.product-card{display:grid;grid-template-columns:78px minmax(0,1fr) 93px 26px;align-items:center;gap:17px;padding:14px 15px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0}.product-art{height:78px;width:78px;position:relative;border-radius:14px;overflow:hidden;background:#f4efdf;display:grid;place-items:center;padding:0}.product-art span:not(.demo-badge){font-size:max(14.4px,calc(1.2 * calc(39px * var(--text-scale,1))))}.product-art.meat{background:#f6e9e4}.product-art.vegetables{background:#eaf1df}.product-art.fruit{background:#f6e4eb}.product-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.demo-badge{position:absolute;left:5px;bottom:4px;border-radius:4px;padding:1px 4px;background:#ffffffdc;color:#8c8670;font-size:max(14.4px,calc(1.2 * calc(7px * var(--text-scale,1))))}.product-body{min-width:0;display:grid;grid-template-columns:minmax(140px,1fr) 142px;column-gap:20px;align-items:center}.product-title{background:none;text-align:left;padding:0;color:var(--ink);font-size:max(14.4px,calc(1.2 * calc(15px * var(--text-scale,1))));font-weight:650;overflow-wrap:anywhere;grid-row:1;grid-column:1}.location{color:var(--muted);font-size:max(14.4px,calc(1.2 * calc(10px * var(--text-scale,1))));grid-column:1;grid-row:2;margin-top:5px}.quantity-stepper{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden;justify-content:space-between;grid-column:2;grid-row:1/3;min-height:39px;background:var(--bg)}.quantity-stepper .plus,.quantity-stepper .minus{width:33px;height:38px;background:none;color:var(--accent);font-size:max(14.4px,calc(1.2 * calc(20px * var(--text-scale,1))));flex-shrink:0}.quantity{background:none;color:var(--ink);font-size:max(14.4px,calc(1.2 * calc(15px * var(--text-scale,1))));font-weight:650;padding:2px 4px;white-space:nowrap}.quantity small{display:inline;font-size:max(14.4px,calc(1.2 * calc(9px * var(--text-scale,1))));font-weight:400;margin-left:4px;color:var(--muted)}.new-batch{padding:4px 0;background:none;font-size:max(14.4px,calc(1.2 * calc(9px * var(--text-scale,1))));color:var(--accent);grid-column:2;grid-row:3;margin-top:3px;justify-self:end}.voice-playback{height:30px;width:100%;min-width:0;margin-top:8px;grid-column:1/-1}.card-edit{background:none;color:var(--muted);font-size:max(14.4px,calc(1.2 * calc(21px * var(--text-scale,1))));padding:0;align-self:start}.day-counter{text-align:center;line-height:1.1;border-left:1px solid var(--line);padding-left:16px}.day-counter strong{display:block;font-size:max(14.4px,calc(1.2 * calc(37px * var(--text-scale,1))));font-weight:750;letter-spacing:-2px;color:var(--accent);font-variant-numeric:tabular-nums}.day-counter span{font-size:max(14.4px,calc(1.2 * calc(7.2px * var(--text-scale,1))));color:var(--muted);display:block;margin-top:6px;line-height:1.3}.day-counter.urgent strong{color:#c58a22}.day-counter.overdue strong{color:#c45a53}.day-counter.unset strong{font-size:max(14.4px,calc(1.2 * calc(25px * var(--text-scale,1))));color:#a7afa9}.empty{border:1px dashed var(--line);border-radius:var(--radius);background:var(--surface);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:45px 25px;text-align:center;min-height:280px}.empty-art{font-size:max(14.4px,calc(1.2 * calc(45px * var(--text-scale,1))));color:var(--accent);margin-bottom:15px}.empty-art span{font-size:max(14.4px,calc(1.2 * calc(17px * var(--text-scale,1))))}.empty h2{font-size:max(14.4px,calc(1.2 * calc(19px * var(--text-scale,1))));margin-bottom:10px}.empty p{max-width:350px;color:var(--muted);font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));line-height:1.8;margin-bottom:20px}.text-button{font-size:max(14.4px,calc(1.2 * calc(11px * var(--text-scale,1))));background:none;color:var(--accent);padding:8px}.no-results{text-align:center;padding:45px;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-card{background:var(--surface);border:1px solid var(--line);padding:22px;border-radius:var(--radius)}.settings-card p{font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));color:var(--muted);margin-top:8px}.design-card,.about-card{grid-column:1/-1}.about-card{display:flex;gap:18px}.settings-card ul{list-style:none;padding:0;margin:15px 0}.settings-card li{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0;font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))))}.settings-card li small{color:var(--muted);font-size:max(14.4px,calc(1.2 * calc(10px * var(--text-scale,1))))}.settings-card form{display:flex;gap:8px}.settings-card input{flex:1;min-width:0;border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:10px;color:var(--ink);font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))))}.data-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.small-note{font-size:max(14.4px,calc(1.2 * calc(10px * var(--text-scale,1))))!important;color:var(--muted);line-height:1.5;margin-top:7px}.theme-picker{display:flex;gap:13px;margin-top:18px}.theme-option{flex:1;padding:14px;background:var(--bg);border:2px solid transparent;border-radius:12px;text-align:left;color:var(--muted);max-width:250px}.theme-option.selected{border-color:var(--accent);color:var(--ink)}.theme-option strong{display:block;font-size:max(14.4px,calc(1.2 * calc(13px * var(--text-scale,1))));margin-top:10px}.theme-swatch{display:flex;gap:5px;height:55px;align-items:stretch;background:#eaf2ed;padding:6px;border-radius:5px}.theme-swatch i{background:#aacbbb;flex:1;border-radius:4px}.theme-swatch i:first-child{flex:.3;background:#417563}.theme-material .theme-swatch{flex-direction:column}.theme-material .theme-swatch i:first-child{display:none}.theme-cupertino .theme-swatch{background:#f1f2f5}.theme-cupertino .theme-swatch i{background:#d2dcee}.theme-cupertino .theme-swatch i:first-child{background:#648acd}.theme-focus .theme-swatch{background:#232738}.theme-focus .theme-swatch i{background:#686188}.theme-focus .theme-swatch i:first-child{background:#b3a4dd}.board-column{min-width:0}.board-title{font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));display:flex;justify-content:space-between;margin-bottom:16px;color:var(--muted)}.board-title span{background:var(--soft);color:var(--accent);padding:1px 6px;border-radius:6px;font-size:max(14.4px,calc(1.2 * calc(10px * var(--text-scale,1))))}.history-day{font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));color:var(--muted);margin:25px 0 12px}.history-row{display:flex;gap:15px;align-items:start;padding:18px 16px;border-bottom:1px solid var(--line);background:var(--surface)}.history-icon{background:var(--soft);color:var(--accent);width:31px;height:31px;border-radius:10px;display:grid;place-items:center;font-size:max(14.4px,calc(1.2 * calc(19px * var(--text-scale,1))));flex-shrink:0}.history-content{flex:1;min-width:0}.history-content strong{font-size:max(14.4px,calc(1.2 * calc(13px * var(--text-scale,1))));cursor:pointer}.history-content p{font-size:max(14.4px,calc(1.2 * calc(11px * var(--text-scale,1))));color:var(--muted);margin:3px 0 6px}.history-changes{display:flex;gap:5px 12px;flex-wrap:wrap}.history-changes span{font-size:max(14.4px,calc(1.2 * calc(10px * var(--text-scale,1))));color:var(--muted);overflow-wrap:anywhere}.history-row time{font-size:max(14.4px,calc(1.2 * calc(10px * var(--text-scale,1))));color:var(--muted);white-space:nowrap}.hidden,[hidden]{display:none!important}footer{display:none}dialog{width:min(510px,calc(100vw - 24px));padding:25px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);max-height:92dvh;box-shadow:0 25px 80px #1d312833}dialog::backdrop{background:#15241b66;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:12px}.dialog-heading h2{font-size:max(14.4px,calc(1.2 * calc(24px * var(--text-scale,1))));letter-spacing:-.5px;overflow-wrap:anywhere}.eyebrow{display:none}.icon-button{width:32px;height:32px;border-radius:10px;flex-shrink:0;background:var(--soft);color:var(--accent);font-size:max(14.4px,calc(1.2 * calc(25px * var(--text-scale,1))))}dialog label{display:block;margin-bottom:13px;font-size:max(14.4px,calc(1.2 * calc(11px * var(--text-scale,1))));color:var(--muted)}dialog label span:first-child{display:block;margin-bottom:5px}dialog input,dialog select,dialog textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink);padding:11px;font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))))}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.recent-list{display:flex;gap:7px;overflow:auto;margin-bottom:18px}.recent-list button{font-size:max(14.4px,calc(1.2 * calc(10px * var(--text-scale,1))));background:var(--soft);color:var(--accent);white-space:nowrap;border-radius:7px;padding:6px 9px}.expiry-shortcuts{margin:0 0 19px;font-size:max(14.4px,calc(1.2 * calc(10px * var(--text-scale,1))));color:var(--muted)}#expiry-buttons{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.date-chip{background:var(--soft);color:var(--accent);padding:7px 9px;font-size:max(14.4px,calc(1.2 * calc(10px * var(--text-scale,1))));border-radius:7px}.date-chip.selected{background:var(--accent);color:white}.photo-field,.voice-field{margin-bottom:19px}.photo-actions,.voice-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.photo-actions .secondary,.voice-actions .secondary{font-size:max(14.4px,calc(1.2 * calc(10px * var(--text-scale,1))));padding:9px 11px}#photo-preview{margin-top:8px;width:90px;height:65px;border-radius:10px;object-fit:cover}#voice-preview{width:100%;height:34px;margin-top:9px}#voice-status{font-size:max(14.4px,calc(1.2 * calc(10px * var(--text-scale,1))));color:var(--muted)}#stop-voice{color:#b95853;background:#f7e3e0}.camera-panel{background:#1f2b23;border-radius:12px;padding:10px;margin-top:10px}.camera-panel video{display:block;width:100%;max-height:190px;object-fit:cover;border-radius:8px}.camera-panel>div{display:flex;justify-content:center;gap:8px;margin-top:9px}.form-error{font-size:max(14.4px,calc(1.2 * calc(11px * var(--text-scale,1))));color:#b95853}.autosave-line{padding-top:12px;border-top:1px solid var(--line);font-size:max(14.4px,calc(1.2 * calc(10px * var(--text-scale,1))));text-align:right;color:var(--accent);position:sticky;bottom:-25px;background:var(--surface);padding-bottom:9px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,130px);background:var(--ink);color:var(--surface);border-radius:10px;padding:13px 18px;z-index:30;font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));max-width:92vw;transition:transform .2s;box-shadow:0 8px 24px #0002}#toast.visible{transform:translate(-50%,0)}#toast button{font-size:max(14.4px,calc(1.2 * calc(11px * var(--text-scale,1))));background:none;color:#b5d5ab;text-decoration:underline;margin-left:12px}#photo-viewer{width:calc(100vw - 30px);height:calc(100dvh - 30px);max-width:1500px;max-height:none;padding:16px;overflow:hidden;display:flex;flex-direction:column}#photo-viewer:not([open]){display:none}.viewer-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.viewer-toolbar strong{font-size:max(14.4px,calc(1.2 * calc(13px * var(--text-scale,1))))}.viewer-toolbar>div{display:flex;gap:7px}.viewer-toolbar button,.viewer-toolbar a{background:var(--soft);color:var(--accent);min-width:31px;height:31px;display:grid;place-items:center;border-radius:8px;font-size:max(14.4px,calc(1.2 * calc(16px * var(--text-scale,1))))}.viewer-canvas{overflow:auto;flex:1;display:grid;place-items:start center;background:var(--bg);border-radius:10px;min-height:0}.viewer-canvas img{max-width:100%;max-height:100%;object-fit:contain;align-self:center;touch-action:pan-x pan-y pinch-zoom}.viewer-canvas img.actual-size{max-width:none;max-height:none}#viewer-resolution{font-size:max(14.4px,calc(1.2 * calc(10px * var(--text-scale,1))));color:var(--muted);padding-top:8px}
/* Cupertino is a photo collection with an edge-to-edge inspector. */
body[data-theme=cupertino]{--accent:#2275e1;--ink:#19202d;--bg:#f3f4f8;--surface:#fff;--soft:#eaf1fd;--line:#e4e7ed;--radius:14px;--rail:220px}body[data-theme=cupertino] .sidebar{background:#eceef4}body[data-theme=cupertino] .topbar{background:#f8f9fbdc;backdrop-filter:blur(12px);position:sticky;top:0;z-index:3}body[data-theme=cupertino] .brand br{display:none}body[data-theme=cupertino] .brand{font-size:max(14.4px,calc(1.2 * calc(17px * var(--text-scale,1))));gap:8px}body[data-theme=cupertino] .brand b{margin-left:4px}body[data-theme=cupertino] .navigation button.active{background:var(--accent);color:white}body[data-theme=cupertino] .nav-count{background:#ffffff44}body[data-theme=cupertino] h1{font-size:max(14.4px,calc(1.2 * calc(31px * var(--text-scale,1))));font-weight:750}body[data-theme=cupertino] .summary{gap:0;background:var(--surface);border-radius:14px;margin-bottom:25px}body[data-theme=cupertino] .summary article{background:none;border:0;border-right:1px solid var(--line);border-radius:0}body[data-theme=cupertino] .summary article:last-child{border:0}body[data-theme=cupertino] .stat-icon{display:none}body[data-theme=cupertino] .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}body[data-theme=cupertino] .product-card{display:block;padding:0;overflow:hidden;border:0;position:relative;box-shadow:0 3px 16px #1b345609}body[data-theme=cupertino] .product-art{height:155px;width:100%;border-radius:0;background:#ecebf2}body[data-theme=cupertino] .product-art span:not(.demo-badge){font-size:max(14.4px,calc(1.2 * calc(63px * var(--text-scale,1))))}body[data-theme=cupertino] .product-body{padding:15px;display:block}body[data-theme=cupertino] .product-title{font-size:max(14.4px,calc(1.2 * calc(16px * var(--text-scale,1))));padding-right:75px;min-height:39px}body[data-theme=cupertino] .location{margin:4px 0 14px;font-size:max(14.4px,calc(1.2 * calc(10px * var(--text-scale,1))))}body[data-theme=cupertino] .quantity-stepper{width:100%;border-radius:9px;max-width:165px}body[data-theme=cupertino] .new-batch{margin-top:9px}body[data-theme=cupertino] .day-counter{position:absolute;right:13px;top:165px;border:0;padding:0;width:62px}body[data-theme=cupertino] .day-counter strong{font-size:max(14.4px,calc(1.2 * calc(34px * var(--text-scale,1))));color:var(--ink)}body[data-theme=cupertino] .day-counter.urgent strong{color:#c58a22}body[data-theme=cupertino] .day-counter.overdue strong{color:#c45a53}body[data-theme=cupertino] .day-counter span{font-size:max(14.4px,calc(1.2 * calc(6.4px * var(--text-scale,1))))}body[data-theme=cupertino] .card-edit{position:absolute;right:11px;top:11px;background:#ffffffdd;border-radius:8px;width:27px;height:27px}body[data-theme=cupertino] #product-dialog{margin:0 0 0 auto;height:100dvh;max-height:100dvh;border-radius:0;width:450px;border:0;padding:28px;box-shadow:-12px 0 50px #1232}body[data-theme=cupertino] .dialog-heading{margin-bottom:30px}body[data-theme=cupertino] .autosave-line{bottom:-28px}body[data-theme=cupertino] .history-row{border-radius:12px;margin-bottom:8px;border:0}
/* Focus is a three-column expiration board, not a palette change. */
body[data-theme=focus]{--accent:#b8a7ef;--ink:#e8e9f3;--muted:#a1a6be;--bg:#171b27;--surface:#222737;--soft:#37304d;--line:#363b50;--rail:82px;--radius:12px;color-scheme:dark}body[data-theme=focus] .sidebar{padding:22px 10px}body[data-theme=focus] .brand>span:last-child,body[data-theme=focus] .local-status{display:none}body[data-theme=focus] .brand{padding:0;justify-content:center}body[data-theme=focus] .logo{color:#25213b}body[data-theme=focus] .navigation button{flex-direction:column;gap:3px;padding:10px 2px;font-size:max(14.4px,calc(1.2 * calc(8px * var(--text-scale,1))));text-align:center;position:relative}body[data-theme=focus] .navigation button>span:first-child{font-size:max(14.4px,calc(1.2 * calc(24px * var(--text-scale,1))))}body[data-theme=focus] .nav-count{position:absolute;top:5px;right:1px;padding:0 4px;font-size:max(14.4px,calc(1.2 * calc(8px * var(--text-scale,1))))}body[data-theme=focus] .summary{display:none}body[data-theme=focus] .page-heading{margin-bottom:22px}body[data-theme=focus] .product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}body[data-theme=focus] .board-column{background:#1c2030;border-radius:14px;padding:12px;min-height:180px}body[data-theme=focus] .product-card{display:block;position:relative;margin-bottom:12px;padding:14px;border:1px solid #353a4e}body[data-theme=focus] .product-art{width:48px;height:48px;border-radius:10px;margin-bottom:12px;background:#333449}body[data-theme=focus] .product-art span:not(.demo-badge){font-size:max(14.4px,calc(1.2 * calc(27px * var(--text-scale,1))))}body[data-theme=focus] .product-body{display:block}body[data-theme=focus] .product-title{font-size:max(14.4px,calc(1.2 * calc(14px * var(--text-scale,1))));width:100%;padding-right:15px}body[data-theme=focus] .location{margin:5px 0 15px}body[data-theme=focus] .quantity-stepper{margin-top:14px;width:100%;background:#1d2232;border-color:#41485c}body[data-theme=focus] .day-counter{position:absolute;top:14px;right:14px;border:0;padding:0;text-align:right;width:82px}body[data-theme=focus] .day-counter strong{font-size:max(14.4px,calc(1.2 * calc(38px * var(--text-scale,1))))}body[data-theme=focus] .day-counter span{font-size:max(14.4px,calc(1.2 * calc(6.4px * var(--text-scale,1))))}body[data-theme=focus] .card-edit{position:absolute;right:13px;top:86px;font-size:max(14.4px,calc(1.2 * calc(17px * var(--text-scale,1))))}body[data-theme=focus] .new-batch{display:block;text-align:right;width:100%;margin-top:7px}body[data-theme=focus] .primary{color:#28213c}body[data-theme=focus] .history-icon{color:#cfbdfa}body[data-theme=focus] .theme-material .theme-swatch{background:#eaf2ed}body[data-theme=focus] .theme-cupertino .theme-swatch{background:#eef1f6}body[data-theme=focus] .theme-option{background:#292f43}body[data-theme=focus] .day-counter.unset strong{color:#9a91b5}body[data-theme=focus] .sidebar .navigation button.active{background:#37304d}body[data-theme=focus] .date-chip.selected{color:#28213c}body[data-theme=focus] #toast{background:#b8a7ef;color:#28213c}body[data-theme=focus] #toast button{color:#364575}
@media(min-width:1550px){body[data-theme=cupertino] .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1080px){:root{--rail:175px}main{padding:25px}.topbar{padding:0 25px}.product-body{grid-template-columns:minmax(100px,1fr) 122px;column-gap:10px}.product-card{gap:10px;grid-template-columns:65px minmax(0,1fr) 80px 20px}.product-art{width:65px;height:65px}.quantity-stepper .plus,.quantity-stepper .minus{width:28px}.summary article{padding:13px;gap:8px}.stat-icon{width:28px;height:28px;font-size:max(14.4px,calc(1.2 * calc(18px * var(--text-scale,1))))}.summary strong{font-size:max(14.4px,calc(1.2 * calc(21px * var(--text-scale,1))))}body[data-theme=cupertino] .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-theme=focus] .product-grid{gap:12px}body[data-theme=focus] .board-column{padding:8px}.summary .mixed-quantity{font-size:max(14.4px,calc(1.2 * calc(10px * var(--text-scale,1))))}}
@media(max-width:760px){:root{--rail:0px}body[data-theme=cupertino],body[data-theme=focus]{--rail:0px}.sidebar,body[data-theme=focus] .sidebar{width:100%;height:auto;inset:auto 0 0;background:var(--surface);border:0;border-top:1px solid var(--line);padding:5px 6px calc(5px + env(safe-area-inset-bottom))}.sidebar>.brand,.sidebar-label,.local-status{display:none}.navigation{flex-direction:row;justify-content:space-around;margin:0;gap:2px}.navigation button,body[data-theme=focus] .navigation button{flex:1;flex-direction:column;padding:4px 3px;gap:0;text-align:center;font-size:max(14.4px,calc(1.2 * calc(8px * var(--text-scale,1))));position:relative;border-radius:10px}.navigation button>span:first-child{font-size:max(14.4px,calc(1.2 * calc(22px * var(--text-scale,1))));height:29px}.navigation .nav-count,body[data-theme=focus] .nav-count{position:absolute;right:18%;top:0;font-size:max(14.4px,calc(1.2 * calc(8px * var(--text-scale,1))));background:var(--line)}.main-shell{width:100%;margin:0;padding-bottom:70px}.topbar{height:58px;padding:0 15px;position:sticky;top:0;z-index:3;background:var(--surface)}.mobile-brand{display:flex;align-items:center;gap:7px;font-size:max(14.4px,calc(1.2 * calc(14px * var(--text-scale,1))));letter-spacing:-.5px}.mobile-brand .logo{width:27px;height:27px;font-size:max(14.4px,calc(1.2 * calc(20px * var(--text-scale,1))));border-radius:8px}.app-route{display:none}.topbar-right{gap:8px}.topbar-right select{font-size:max(14.4px,calc(1.2 * calc(10px * var(--text-scale,1))));max-width:75px}.theme-cycle{font-size:0;width:28px;height:28px;padding:0}.theme-cycle:before{content:'◐';font-size:max(14.4px,calc(1.2 * calc(19px * var(--text-scale,1))))}#connection{display:none}main{padding:20px 14px;margin:0}h1,body[data-theme=cupertino] h1{font-size:max(14.4px,calc(1.2 * calc(25px * var(--text-scale,1))));letter-spacing:-.9px}.page-heading{margin-bottom:20px;gap:8px}.page-heading>.primary{padding:10px 12px;font-size:max(14.4px,calc(1.2 * calc(10px * var(--text-scale,1))))}.page-heading>.primary>span:first-child{font-size:max(14.4px,calc(1.2 * calc(16px * var(--text-scale,1))))}.summary{display:none}.toolbar{gap:7px;flex-wrap:wrap}.search{flex:1 0 100%}.search input{padding:10px 0;font-size:max(14.4px,calc(1.2 * calc(11px * var(--text-scale,1))))}.toolbar select{flex:1;padding:9px 24px 9px 10px;font-size:max(14.4px,calc(1.2 * calc(10px * var(--text-scale,1))));max-width:none}.filter-row{gap:6px;margin:13px 0 18px}.filter-chip{font-size:max(14.4px,calc(1.2 * calc(9px * var(--text-scale,1))));padding:6px 9px}.list-heading{display:none}.product-grid{gap:8px}.product-card{grid-template-columns:48px minmax(0,1fr) 62px;gap:10px;padding:12px;border-radius:15px}.product-art{width:48px;height:57px;border-radius:10px;align-self:start}.product-art span:not(.demo-badge){font-size:max(14.4px,calc(1.2 * calc(30px * var(--text-scale,1))))}.product-body{display:block}.product-title{font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))))}.location{font-size:max(14.4px,calc(1.2 * calc(9px * var(--text-scale,1))));line-height:1.4;margin:3px 0 9px}.quantity-stepper{min-height:32px;width:124px;border-radius:8px}.quantity-stepper .plus,.quantity-stepper .minus{height:31px;width:30px;font-size:max(14.4px,calc(1.2 * calc(19px * var(--text-scale,1))))}.quantity{font-size:max(14.4px,calc(1.2 * calc(13px * var(--text-scale,1))))}.quantity small{font-size:max(14.4px,calc(1.2 * calc(8px * var(--text-scale,1))))}.new-batch{font-size:max(14.4px,calc(1.2 * calc(8px * var(--text-scale,1))));margin-top:3px;display:block;max-width:124px;margin-left:auto;text-align:right}.day-counter{padding-left:6px}.day-counter strong{font-size:max(14.4px,calc(1.2 * calc(33px * var(--text-scale,1))))}.day-counter span{font-size:max(14.4px,calc(1.2 * calc(6.4px * var(--text-scale,1))));line-height:1.4}.card-edit{display:none}.product-body .voice-playback{height:28px;max-width:100%;margin-top:7px}.settings-grid{grid-template-columns:1fr;gap:12px}.settings-card{padding:18px}.design-card,.about-card{grid-column:auto}.theme-picker{gap:7px}.theme-option{padding:8px}.theme-option strong{font-size:max(14.4px,calc(1.2 * calc(10px * var(--text-scale,1))))}.theme-swatch{height:42px;padding:5px;gap:4px}.theme-option strong{margin-top:7px}.history-row{gap:10px;padding:14px 10px}.history-content strong{font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))))}.history-content p{font-size:max(14.4px,calc(1.2 * calc(10px * var(--text-scale,1))))}.history-row time{font-size:max(14.4px,calc(1.2 * calc(9px * var(--text-scale,1))))}.history-changes{flex-direction:column;gap:3px}.history-icon{width:25px;height:25px;font-size:max(14.4px,calc(1.2 * calc(17px * var(--text-scale,1))));border-radius:8px}dialog{padding:20px;border-radius:20px;max-height:90dvh}.dialog-heading h2{font-size:max(14.4px,calc(1.2 * calc(21px * var(--text-scale,1))))}.form-row{gap:10px}dialog input,dialog select,dialog textarea{font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));padding:10px;min-width:0}dialog label{font-size:max(14.4px,calc(1.2 * calc(10px * var(--text-scale,1))))}.autosave-line{bottom:-20px}.data-actions{flex-direction:column}.about-card .logo{display:none}#toast{bottom:85px;font-size:max(14.4px,calc(1.2 * calc(11px * var(--text-scale,1))))}.viewer-toolbar strong{font-size:max(14.4px,calc(1.2 * calc(11px * var(--text-scale,1))));max-width:120px}.viewer-toolbar button,.viewer-toolbar a{min-width:27px;height:27px;font-size:max(14.4px,calc(1.2 * calc(14px * var(--text-scale,1))))}#photo-viewer{width:100vw;height:100dvh;padding:12px;border-radius:0;margin:0}body[data-theme=cupertino] .summary{display:none}body[data-theme=cupertino] .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body[data-theme=cupertino] .product-card{padding:0}body[data-theme=cupertino] .product-art{height:105px;width:100%;border-radius:0}body[data-theme=cupertino] .product-art span:not(.demo-badge){font-size:max(14.4px,calc(1.2 * calc(42px * var(--text-scale,1))))}body[data-theme=cupertino] .product-body{padding:11px}body[data-theme=cupertino] .product-title{font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));padding-right:0;min-height:31px}body[data-theme=cupertino] .location{font-size:max(14.4px,calc(1.2 * calc(8px * var(--text-scale,1))));margin:6px 0 10px}body[data-theme=cupertino] .day-counter{position:static;border-top:1px solid var(--line);display:flex;gap:9px;align-items:center;width:auto;padding:8px 11px;text-align:left}body[data-theme=cupertino] .day-counter strong{font-size:max(14.4px,calc(1.2 * calc(29px * var(--text-scale,1))))}body[data-theme=cupertino] .day-counter span{font-size:max(14.4px,calc(1.2 * calc(6.4px * var(--text-scale,1))));max-width:60px;margin:0}body[data-theme=cupertino] .quantity-stepper{width:100%}body[data-theme=cupertino] .new-batch{font-size:max(14.4px,calc(1.2 * calc(8px * var(--text-scale,1))))}body[data-theme=cupertino] #product-dialog{width:100vw;height:95dvh;max-height:95dvh;margin:auto 0 0;border-radius:22px 22px 0 0;padding:22px}body[data-theme=cupertino] .autosave-line{bottom:-22px}body[data-theme=focus] .product-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:13px}body[data-theme=focus] .board-column{min-width:83%;max-width:83%;padding:12px;scroll-snap-align:start}body[data-theme=focus] .product-card{padding:13px}body[data-theme=focus] .product-art{height:43px;width:43px}body[data-theme=focus] .day-counter{position:absolute;top:13px;right:13px;width:80px;border:0;display:block;text-align:right;padding:0}body[data-theme=focus] .day-counter strong{font-size:max(14.4px,calc(1.2 * calc(36px * var(--text-scale,1))))}body[data-theme=focus] .product-title{font-size:max(14.4px,calc(1.2 * calc(14px * var(--text-scale,1))));padding-right:0}body[data-theme=focus] .quantity-stepper{width:100%}body[data-theme=focus] .new-batch{max-width:none}body[data-theme=focus] .card-edit{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.quantity-input{display:flex;align-items:center;border:1px solid var(--line);background:var(--bg);border-radius:9px;overflow:hidden}.quantity-input input{border:0;border-radius:0;padding-left:3px;padding-right:3px;text-align:center;min-width:0;appearance:textfield}.quantity-input input::-webkit-inner-spin-button{appearance:none}.quantity-input button{width:38px;height:38px;flex-shrink:0;background:none;color:var(--accent);font-size:max(14.4px,calc(1.2 * calc(21px * var(--text-scale,1))))}@media(max-width:760px){.mobile-brand{font-size:max(14.4px,calc(1.2 * calc(16px * var(--text-scale,1))))}.mobile-brand strong{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-brand .logo{width:25px;height:25px;font-size:max(14.4px,calc(1.2 * calc(19px * var(--text-scale,1))))}main{padding-top:14px}#inventory-page .page-heading{height:0;margin:0}#inventory-page .page-heading>div,#first-page .page-heading,#settings-page .page-heading,#history-page .page-heading>h1{display:none}#add-main{position:fixed;right:17px;bottom:84px;z-index:7;width:53px;height:53px;padding:0;border-radius:17px;box-shadow:0 5px 20px #1233}#add-main>span:first-child{font-size:max(14.4px,calc(1.2 * calc(28px * var(--text-scale,1))))}#add-main>span:last-child{display:none}.topbar-right{gap:5px}.topbar select{max-width:75px}.product-grid{padding-bottom:30px}body[data-theme=focus] .product-grid{padding-bottom:30px}#history-page .page-heading{justify-content:flex-end}body[data-theme=cupertino] #add-main{border-radius:50%}}
/* v1.3: fixed geometry, independent app/card/palette controls and touch typography. */
#design-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;padding:8px 20px;background:var(--surface);border-bottom:1px solid var(--line);max-height:106px;min-height:96px;overflow:hidden}#design-panel .group-layout{grid-column:1/-1}.design-group{display:flex;gap:8px;align-items:center;min-width:0}.design-label{font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));color:var(--muted);white-space:nowrap;min-width:75px}.segments{display:flex;gap:3px;background:var(--bg);padding:3px;border-radius:9px;min-width:0}.design-choice{border-radius:6px;padding:6px 10px;font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));line-height:18px;color:var(--muted);background:none;white-space:nowrap}.design-choice.selected{background:var(--accent);color:white}.group-palette .design-label{min-width:0}.group-palette .segments{gap:6px;background:none;padding:0}.design-choice[class*=swatch-]{width:25px;height:25px;border-radius:50%;padding:0;border:3px solid var(--surface);outline:1px solid var(--line)}.design-choice[class*=swatch-].selected{outline:2px solid var(--accent)}.swatch-sage{background:#347661!important}.swatch-blue{background:#3778d5!important}.swatch-plum{background:#a291df!important}
body[data-palette=sage]{--accent:#316856;--ink:#1f2c29;--muted:#5e7066;--bg:#f4f7f5;--surface:#fff;--line:#dde6e0;--soft:#e4f0e9;color-scheme:light}body[data-palette=blue]{--accent:#246bce;--ink:#1d293b;--muted:#617189;--bg:#f2f5fb;--surface:#fff;--line:#dde5f1;--soft:#e6effe;color-scheme:light}body[data-palette=plum]{--accent:#baaaed;--ink:#f0eef8;--muted:#b8b4ca;--bg:#1b1b29;--surface:#262636;--line:#414053;--soft:#3b344e;color-scheme:dark}body[data-theme=focus] .board-column{background:var(--bg)}body[data-theme=focus] .quantity-stepper{background:var(--bg);border-color:var(--line)}body[data-theme=focus] .product-card{border-color:var(--line)}body[data-palette=plum] .primary,body[data-palette=plum] .design-choice.selected{color:#252133}body[data-palette=sage] .primary,body[data-palette=blue] .primary{color:#fff}body[data-palette=plum] .product-art{background:#383549}body[data-palette=plum] .theme-option{background:var(--bg)}body[data-palette=plum] #toast{background:#c8b5ed;color:#252133}body[data-palette=plum] .navigation button.active{background:var(--soft);color:var(--accent)}
svg{width:24px;height:24px;display:block;flex-shrink:0}.theme-cycle{font-size:0;width:36px;height:36px;display:grid;place-items:center;padding:0}.theme-cycle:before{display:none}.search{position:relative;min-height:44px}.search>span{width:22px;height:22px;display:grid;place-items:center}.search>span svg{width:20px;height:20px}.search input{font-size:max(14.4px,calc(1.2 * calc(14px * var(--text-scale,1))));padding-right:32px;min-height:43px}.search input::-webkit-search-cancel-button,.search input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}#search-clear{position:absolute;right:6px;top:2px;bottom:2px;width:38px;display:grid;place-items:center;border-radius:8px;color:var(--muted);background:none}#search-clear svg{width:19px;height:19px}.navigation button{font-size:max(14.4px,calc(1.2 * calc(13px * var(--text-scale,1))))}.navigation button>span:first-child{display:grid;place-items:center}.product-title{font-size:max(14.4px,calc(1.2 * calc(15px * var(--text-scale,1))))}.location{font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));line-height:1.5}.day-counter span{font-size:max(14.4px,calc(1.2 * calc(8.8px * var(--text-scale,1))));line-height:1.25}.day-counter strong{font-size:max(14.4px,calc(1.2 * calc(38px * var(--text-scale,1))))}.quantity-stepper{width:142px!important;max-width:100%;min-height:40px}.quantity-stepper .minus,.quantity-stepper .plus{width:36px;height:40px}.quantity{font-size:max(14.4px,calc(1.2 * calc(16px * var(--text-scale,1))))}.quantity small{font-size:max(14.4px,calc(1.2 * calc(11px * var(--text-scale,1))))}.new-batch{font-size:max(14.4px,calc(1.2 * calc(11px * var(--text-scale,1))));line-height:18px;min-height:24px}.filter-chip{font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))))}.toolbar select,.topbar select{font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))))}.autosave-line{display:none}.dialog-heading{position:sticky;top:-25px;background:var(--surface);z-index:3;padding:10px 0;margin-top:-10px;border-bottom:1px solid var(--line);margin-bottom:18px}.icon-button{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;padding:0}.icon-button svg{width:21px;height:21px}dialog{scrollbar-width:thin;scrollbar-color:var(--line) transparent;scrollbar-gutter:stable;overscroll-behavior:contain}.form-row>label{display:flex;flex-direction:column;min-width:0}.form-row>label>span:first-child{min-height:34px;display:flex;align-items:flex-end;line-height:16px;margin-bottom:7px}dialog label{font-size:max(14.4px,calc(1.2 * calc(13px * var(--text-scale,1))))}dialog input,dialog select,dialog textarea{font-size:max(14.4px,calc(1.2 * calc(14px * var(--text-scale,1))))}.form-row input,.form-row select,.quantity-input{height:44px;min-height:44px}.form-row input[type=date]{width:100%;min-width:0;max-width:100%;padding:9px}.date-chip{font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));min-height:36px}.expiry-shortcuts>span{font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))))}.photo-actions .secondary,.voice-actions .secondary{font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));min-height:40px}.recent-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible}.recent-list .suggestion-tile{font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));line-height:16px;min-height:37px;padding:6px 7px;white-space:normal;word-break:normal;text-align:center}#recent-wrap>label{font-size:max(14.4px,calc(1.2 * calc(13px * var(--text-scale,1))))}.settings-card p,.small-note{font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))))!important}.history-content strong{font-size:max(14.4px,calc(1.2 * calc(14px * var(--text-scale,1))))}.history-content p,.history-changes span{font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))))}
body[data-card=rows] .product-grid,body[data-card=compact] .product-grid{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important;scroll-snap-type:none!important}body[data-card=rows] .product-card,body[data-card=compact] .product-card{display:grid!important;grid-template-columns:70px minmax(0,1fr) 92px 24px;gap:15px;padding:15px!important;margin:0;position:relative;overflow:hidden}body[data-card=rows] .product-art,body[data-card=compact] .product-art{height:70px!important;width:70px!important;border-radius:12px!important;margin:0}body[data-card=rows] .product-art span:not(.demo-badge),body[data-card=compact] .product-art span:not(.demo-badge){font-size:max(14.4px,calc(1.2 * calc(36px * var(--text-scale,1))))}body[data-card=rows] .product-body,body[data-card=compact] .product-body{padding:0;display:grid;grid-template-columns:minmax(0,1fr) 142px;column-gap:20px}body[data-card=rows] .product-title,body[data-card=compact] .product-title{font-size:max(14.4px,calc(1.2 * calc(15px * var(--text-scale,1))));padding:0;min-height:0;width:auto}body[data-card=rows] .location,body[data-card=compact] .location{margin:5px 0 0;font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))))}body[data-card=rows] .day-counter,body[data-card=compact] .day-counter{position:static;display:block;width:auto;text-align:center;border:0;border-left:1px solid var(--line);padding:0 0 0 13px}body[data-card=rows] .day-counter strong,body[data-card=compact] .day-counter strong{font-size:max(14.4px,calc(1.2 * calc(38px * var(--text-scale,1))))}body[data-card=rows] .day-counter span,body[data-card=compact] .day-counter span{font-size:max(14.4px,calc(1.2 * calc(8.8px * var(--text-scale,1))));max-width:none;margin-top:5px}body[data-card=rows] .card-edit,body[data-card=compact] .card-edit{position:static;display:block;background:none;width:auto;height:auto;align-self:start}body[data-card=rows] .new-batch,body[data-card=compact] .new-batch{width:auto;margin:4px 0 0;grid-column:2;justify-self:end}body[data-card=rows] .board-title,body[data-card=compact] .board-title,body[data-card=tiles] .board-title{grid-column:1/-1;margin:15px 0 0}
body[data-card=tiles] .product-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:visible!important;scroll-snap-type:none!important}body[data-card=tiles] .product-card{display:block!important;padding:0!important;position:relative;overflow:hidden;margin:0}body[data-card=tiles] .product-art{height:150px!important;width:100%!important;border-radius:0!important;margin:0}body[data-card=tiles] .product-art span:not(.demo-badge){font-size:max(14.4px,calc(1.2 * calc(58px * var(--text-scale,1))))}body[data-card=tiles] .product-body{display:block;padding:15px}body[data-card=tiles] .product-title{font-size:max(14.4px,calc(1.2 * calc(15px * var(--text-scale,1))));padding:0;min-height:38px}body[data-card=tiles] .location{font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));margin:6px 0 12px}body[data-card=tiles] .quantity-stepper{width:142px!important}body[data-card=tiles] .new-batch{display:block;width:auto;text-align:left;margin-top:6px}body[data-card=tiles] .day-counter{position:static;display:flex;gap:10px;align-items:center;width:auto;text-align:left;border:0;border-top:1px solid var(--line);padding:10px 15px}body[data-card=tiles] .day-counter strong{font-size:max(14.4px,calc(1.2 * calc(36px * var(--text-scale,1))))}body[data-card=tiles] .day-counter span{font-size:max(14.4px,calc(1.2 * calc(8.8px * var(--text-scale,1))));max-width:none;margin:0}body[data-card=tiles] .card-edit{position:absolute;right:10px;top:10px;width:30px;height:30px;background:#ffffffdf;color:#52645a;border-radius:9px}
body[data-card=compact] .product-card{grid-template-columns:44px minmax(0,1fr) 80px 22px;padding:11px 14px!important}body[data-card=compact] .product-art{width:44px!important;height:44px!important;border-radius:10px!important}body[data-card=compact] .product-art span:not(.demo-badge){font-size:max(14.4px,calc(1.2 * calc(27px * var(--text-scale,1))))}body[data-card=compact] .day-counter strong{font-size:max(14.4px,calc(1.2 * calc(32px * var(--text-scale,1))))}
@media(max-width:760px){.sidebar,body[data-theme=focus] .sidebar{padding:4px 4px calc(4px + env(safe-area-inset-bottom));height:calc(76px + env(safe-area-inset-bottom));background:var(--surface)}.navigation{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:0;height:67px;margin:0}.navigation button,body[data-theme=focus] .navigation button{display:flex;width:100%;min-width:0;height:67px;flex:initial;padding:5px 2px;gap:3px;justify-content:flex-start;font-size:max(14.4px,calc(1.2 * calc(11px * var(--text-scale,1))));line-height:14px;font-weight:600;border-radius:10px;position:relative}.navigation button>span:first-child{height:25px;width:25px;flex-shrink:0}.navigation button>span:nth-child(2){display:block;height:28px;width:100%;padding:0 2px;overflow:hidden;line-height:14px;text-align:center}.navigation .nav-count,body[data-theme=focus] .nav-count{position:absolute;right:21%;top:2px;height:13px;min-width:13px;line-height:13px;font-size:max(14.4px,calc(1.2 * calc(9px * var(--text-scale,1))));padding:0 3px}.main-shell{padding-bottom:90px}.topbar{height:60px;padding:0 14px}.topbar-right{gap:6px}.mobile-brand{font-size:max(14.4px,calc(1.2 * calc(16px * var(--text-scale,1))))}.mobile-brand strong{max-width:190px}.theme-cycle{width:36px;height:36px}.theme-cycle svg{width:22px;height:22px}.topbar select{font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));max-width:83px}#design-panel{position:sticky;top:60px;z-index:3;padding:7px 10px;gap:5px 8px;min-height:94px;max-height:98px;grid-template-columns:minmax(0,1fr) auto}.design-label{font-size:max(14.4px,calc(1.2 * calc(11px * var(--text-scale,1))));min-width:70px}.design-group{gap:5px}.design-choice{padding:5px 7px;font-size:max(14.4px,calc(1.2 * calc(11px * var(--text-scale,1))));line-height:18px}.group-card .design-label{display:none}.group-palette .design-label{display:none}.group-card .segments{width:100%;justify-content:space-between}.design-choice[class*=swatch-]{width:24px;height:24px}.group-layout .segments{flex:1;justify-content:space-around}main{padding:14px 12px}.filter-row{margin:12px 0 15px;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-chip{font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));padding:7px 10px}.toolbar select{font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));min-height:40px}.search input{font-size:max(14.4px,calc(1.2 * calc(14px * var(--text-scale,1))))}.product-grid{padding-bottom:35px!important;gap:10px!important}body[data-theme=focus] .product-grid{display:grid;overflow:visible;scroll-snap-type:none}.board-title{font-size:max(14.4px,calc(1.2 * calc(13px * var(--text-scale,1))));margin-top:16px!important}.product-title{font-size:max(14.4px,calc(1.2 * calc(14px * var(--text-scale,1))))}.day-counter span{font-size:max(14.4px,calc(1.2 * calc(8.8px * var(--text-scale,1))))}.new-batch{font-size:max(14.4px,calc(1.2 * calc(11px * var(--text-scale,1))))}body[data-card=rows] .product-card,body[data-card=compact] .product-card{grid-template-columns:48px minmax(0,1fr) 63px;gap:10px;padding:13px 11px!important}body[data-card=rows] .product-art,body[data-card=compact] .product-art{width:48px!important;height:58px!important;border-radius:10px!important;align-self:start}body[data-card=rows] .product-body,body[data-card=compact] .product-body{display:block;padding:0;min-width:0}body[data-card=rows] .product-title,body[data-card=compact] .product-title{font-size:max(14.4px,calc(1.2 * calc(14px * var(--text-scale,1))));padding:0;min-height:0}body[data-card=rows] .location,body[data-card=compact] .location{font-size:max(14.4px,calc(1.2 * calc(11px * var(--text-scale,1))));margin:4px 0 9px;line-height:1.4}body[data-card=rows] .day-counter,body[data-card=compact] .day-counter{padding-left:7px;align-self:center}body[data-card=rows] .day-counter strong,body[data-card=compact] .day-counter strong{font-size:max(14.4px,calc(1.2 * calc(34px * var(--text-scale,1))))}body[data-card=rows] .day-counter span,body[data-card=compact] .day-counter span{font-size:max(14.4px,calc(1.2 * calc(8px * var(--text-scale,1))))}body[data-card=rows] .card-edit,body[data-card=compact] .card-edit{display:none}body[data-card=rows] .new-batch,body[data-card=compact] .new-batch{margin:4px 0 0;text-align:left;max-width:142px}body[data-card=tiles] .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body[data-card=tiles] .product-art{height:115px!important}body[data-card=tiles] .product-body{padding:11px}body[data-card=tiles] .product-title{font-size:max(14.4px,calc(1.2 * calc(14px * var(--text-scale,1))));min-height:38px}body[data-card=tiles] .location{font-size:max(14.4px,calc(1.2 * calc(11px * var(--text-scale,1))))}body[data-card=tiles] .quantity-stepper{width:138px!important;max-width:100%;min-height:38px}.quantity-stepper .plus,.quantity-stepper .minus{height:38px;width:32px}.quantity{font-size:max(14.4px,calc(1.2 * calc(15px * var(--text-scale,1))))}.quantity small{font-size:max(14.4px,calc(1.2 * calc(10px * var(--text-scale,1))))}body[data-card=tiles] .day-counter{padding:9px 11px}body[data-card=tiles] .day-counter strong{font-size:max(14.4px,calc(1.2 * calc(33px * var(--text-scale,1))))}body[data-card=tiles] .day-counter span{font-size:max(14.4px,calc(1.2 * calc(8px * var(--text-scale,1))))}body[data-card=compact] .product-card{padding:10px 11px!important;grid-template-columns:minmax(0,1fr) 61px}body[data-card=compact] .product-art{display:none}body[data-card=compact] .new-batch{display:none}body[data-card=compact] .location{margin-bottom:6px}body[data-card=compact] .day-counter strong{font-size:max(14.4px,calc(1.2 * calc(32px * var(--text-scale,1))))}#add-main{bottom:98px;width:52px;height:52px}#toast{bottom:100px}.dialog-heading{top:-20px;padding:9px 0;margin-top:-9px}.dialog-heading h2{font-size:max(14.4px,calc(1.2 * calc(23px * var(--text-scale,1))))}.icon-button{width:40px;height:40px}dialog{padding:20px;max-height:92dvh;scrollbar-gutter:stable}.form-row{gap:10px}.form-row>label>span:first-child{min-height:34px;font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))))}.form-row input[type=date]{font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));height:44px}.recent-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible}.recent-list .suggestion-tile{font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));line-height:16px;min-height:40px;padding:6px 4px}.date-chip{font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))))}.history-content strong{font-size:max(14.4px,calc(1.2 * calc(14px * var(--text-scale,1))))}.history-content p,.history-changes span{font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))))}.history-row time{font-size:max(14.4px,calc(1.2 * calc(11px * var(--text-scale,1))))}body[data-theme=cupertino] #product-dialog{padding:20px;max-height:94dvh}.viewer-toolbar button svg{width:20px;height:20px}.form-error{font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))))}}
#product-dialog::-webkit-scrollbar{width:5px}#product-dialog::-webkit-scrollbar-track{background:transparent;margin:18px 0}#product-dialog::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px;border:1px solid var(--surface)}@media(max-width:760px){.navigation button,body[data-theme=focus] .navigation button{font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));line-height:14px}.design-choice,.design-label{font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))))}.filter-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:6px;margin:10px 0 15px}.filter-chip{white-space:normal;font-size:max(14.4px,calc(1.2 * calc(11px * var(--text-scale,1))));line-height:15px;min-height:40px;padding:5px 6px}.photo-actions .secondary{flex:1;min-width:0}.voice-actions .secondary{min-height:40px}.group-layout .design-label{min-width:79px}.group-card .design-choice{padding-left:6px;padding-right:6px}.product-grid .board-title{margin-top:7px!important}.dialog-heading{top:-20px}body[data-theme=cupertino] .dialog-heading{top:-20px}}
.recent-list .suggestion-tile{overflow-wrap:anywhere;hyphens:auto}body[data-palette] .sidebar,body[data-palette] .topbar{background:var(--surface);color:var(--ink)}body[data-palette] .day-counter.unset strong{color:var(--muted)}@media(min-width:761px){body[data-theme=focus]{--rail:112px}body[data-theme=focus] .navigation button{font-size:max(14.4px,calc(1.2 * calc(11px * var(--text-scale,1))));line-height:14px;min-height:69px;padding:9px 3px;gap:5px}body[data-theme=focus] .navigation button>span:nth-child(2){min-height:28px}body[data-theme=focus] .navigation button svg{width:25px;height:25px}body[data-theme=focus] .nav-count{font-size:max(14.4px,calc(1.2 * calc(10px * var(--text-scale,1))));top:5px;right:6px}}#product-dialog{clip-path:inset(0 round 20px)}body[data-theme=cupertino] #product-dialog{clip-path:inset(0)}@media(max-width:760px){body[data-theme=cupertino] #product-dialog{clip-path:inset(0 round 22px 22px 0 0)}}
/* v1.4: visual design never changes inventory order or grid width. */
html{scrollbar-gutter:stable}body{overflow-y:scroll}
body[data-card] #product-grid,body[data-card] #priority-grid{width:100%;grid-template-columns:minmax(0,1fr)!important;align-items:start}
body[data-card=tiles] #product-grid,body[data-card=tiles] #priority-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body[data-theme=material] .product-card{border-radius:12px!important;border:1px solid var(--line)!important;box-shadow:0 2px 3px #0000000a}
body[data-theme=material] .filter-chip{border-radius:8px}.toolbar{min-width:0}
body[data-theme=cupertino] .product-card{border-radius:26px!important;border:0!important;box-shadow:0 7px 24px #00000008}
body[data-theme=cupertino] .filter-row{gap:0;background:var(--line);padding:4px;border-radius:15px}
body[data-theme=cupertino] .filter-chip{border:0;border-radius:11px;background:transparent}
body[data-theme=cupertino] .filter-chip.active{background:var(--surface);box-shadow:0 2px 5px #00000012;color:var(--ink)}
body[data-theme=cupertino] .product-title{font-weight:750;letter-spacing:-.3px}
body[data-theme=cupertino] .quantity-stepper{border:0;border-radius:18px;background:var(--soft)}
body[data-theme=cupertino] .topbar{border-bottom:0}body[data-theme=cupertino] .search{border:0;border-radius:16px;background:var(--soft)}
body[data-theme=focus] .product-card{border-radius:5px!important;border:1px solid var(--line)!important;border-left:4px solid var(--accent)!important;box-shadow:none}
body[data-theme=focus] .filter-chip{border-radius:4px}body[data-theme=focus] .quantity-stepper{border-radius:5px}
#product-dialog,body[data-theme=cupertino] #product-dialog{padding:0!important;overflow:hidden;scrollbar-gutter:auto;max-height:92dvh}
#product-form{display:flex;flex-direction:column;max-height:92dvh;overflow:hidden}
#product-dialog .dialog-heading,body[data-theme=cupertino] #product-dialog .dialog-heading{position:relative;top:auto!important;margin:0!important;padding:16px 20px!important;flex-shrink:0;border-bottom:1px solid var(--line);background:var(--surface);z-index:2}
.editor-body{padding:20px;overflow-y:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
@media(min-width:761px){body[data-card=tiles] #product-grid,body[data-card=tiles] #priority-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){body[data-theme=cupertino] .navigation button.active{border-radius:18px;background:var(--surface);box-shadow:0 2px 10px #00000012;color:var(--accent)}body[data-theme=cupertino] .sidebar{background:var(--soft)}body[data-theme=material] .navigation button.active{border-radius:9px}body[data-theme=focus] .navigation button.active{border-radius:4px;border-top:3px solid var(--accent)}#product-dialog{width:calc(100% - 24px)!important;margin:auto!important;border-radius:20px!important;clip-path:inset(0 round 20px)!important}.editor-body{padding:16px 20px}#product-dialog .dialog-heading h2{font-size:max(14.4px,calc(1.2 * calc(22px * var(--text-scale,1))))}}
body[data-palette] .day-counter.urgent strong{color:#b77b19}body[data-palette] .day-counter.overdue strong{color:#c45a53}
/* v1.5 complete themes, dense cards and a two-row inventory toolbar */
body[data-palette=sand]{--accent:#925523;--ink:#36291f;--muted:#796653;--bg:#f5efe5;--surface:#fffaf0;--soft:#ebdbc3;--line:#dfcfb7}
body[data-palette=rose]{--accent:#a33365;--ink:#3c2531;--muted:#826574;--bg:#fff0f5;--surface:#fffafd;--soft:#f8dbe8;--line:#eec6d8}
body[data-palette=night]{--accent:#58d0bb;--ink:#edf5f5;--muted:#a8b9c4;--bg:#101923;--surface:#1a2735;--soft:#23444a;--line:#354758}
.swatch-sand{background:#c69458}.swatch-rose{background:#db75a1}.swatch-night{background:#152a39}
.group-palette .segments{gap:3px}.design-choice[class*=swatch-]{width:20px;height:20px;padding:0;min-width:20px}
.new-batch{display:none!important}
body[data-card=rows] .product-card{grid-template-columns:48px minmax(0,1fr) 70px!important;padding:12px!important;gap:12px!important;min-height:106px}
body[data-card=rows] .product-art{width:48px!important;height:66px!important;align-self:center!important}
body[data-card=rows] .product-body{display:grid!important;grid-template-columns:minmax(0,1fr)!important;padding:0!important;gap:3px!important}
body[data-card=rows] .product-title{grid-area:auto!important;font-size:max(14.4px,calc(1.2 * calc(15px * var(--text-scale,1))))!important;min-height:0!important;padding:0!important;line-height:1.25}
body[data-card=rows] .location{grid-area:auto!important;margin:0!important;font-size:max(14.4px,calc(1.2 * calc(11px * var(--text-scale,1))))!important;line-height:1.35}
body[data-card=rows] .quantity-stepper{grid-area:auto!important;width:128px!important;min-height:32px!important;height:32px!important;margin:3px 0 0!important}
body[data-card=rows] .quantity-stepper button{height:30px!important}.product-card .card-edit{display:none!important}
body[data-card=compact] .product-card{grid-template-columns:minmax(0,1fr) 128px 58px!important;padding:10px 12px!important;gap:10px!important;min-height:74px}
body[data-card=compact] .product-body{display:contents!important}
body[data-card=compact] .product-title{grid-column:1!important;grid-row:1!important;line-height:1.25;font-size:max(14.4px,calc(1.2 * calc(14px * var(--text-scale,1))))!important;padding:0!important;min-height:0!important}
body[data-card=compact] .location{grid-column:1!important;grid-row:2!important;margin:0!important;font-size:max(14.4px,calc(1.2 * calc(11px * var(--text-scale,1))))!important;line-height:1.3}
body[data-card=compact] .quantity-stepper{grid-column:2!important;grid-row:1/3!important;width:128px!important;height:34px!important;min-height:34px!important}
body[data-card=compact] .quantity-stepper button{height:32px!important}
body[data-card=compact] .day-counter{grid-column:3!important;grid-row:1/3!important;padding-left:5px!important;border:0!important;align-self:center}
body[data-card=compact] .day-counter strong{font-size:max(14.4px,calc(1.2 * calc(27px * var(--text-scale,1))))!important;letter-spacing:-1px!important}.day-counter span{line-height:1.2}
body[data-card=compact] .day-counter span{font-size:max(14.4px,calc(1.2 * calc(7.2px * var(--text-scale,1))))!important}body[data-card=compact] .voice-playback{grid-column:1/4!important;grid-row:3!important}
.category-editor{display:flex;gap:10px;align-items:center;margin-top:8px}.category-editor input{width:100%}.category-editor span{width:30px;text-align:center;color:var(--muted)}.category-add{margin-top:14px}
#category-select{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px;font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));min-width:0}
body[data-theme=material] .settings-card{border-radius:12px}body[data-theme=material] .topbar{box-shadow:0 2px 6px #0000000c}
body[data-theme=cupertino] main{background:var(--bg)}body[data-theme=cupertino] .settings-card{border-radius:26px;border:0;padding:24px}
body[data-theme=cupertino] .toolbar{background:var(--soft);border-radius:22px;padding:8px;gap:6px}
body[data-theme=cupertino] .toolbar select{border:0;background:var(--surface);border-radius:13px}
body[data-theme=focus] .settings-card{border-radius:4px;border-top:4px solid var(--accent)}body[data-theme=focus] .topbar{border-bottom:3px solid var(--accent)}
body[data-theme=focus] .toolbar{padding:10px;background:var(--surface);border-left:4px solid var(--accent)}
@media(max-width:760px){
.toolbar{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin-bottom:12px}
.toolbar .search{grid-column:1/4!important;width:100%;min-height:40px;height:40px}.search input{padding:8px 0!important}
.toolbar select,.toolbar #category-select{width:100%;max-width:none!important;height:36px;min-height:36px!important;padding:6px 18px 6px 7px!important;font-size:max(14.4px,calc(1.2 * calc(11px * var(--text-scale,1))))!important}
body[data-theme=cupertino] .mobile-brand{font-size:max(14.4px,calc(1.2 * calc(20px * var(--text-scale,1))));letter-spacing:-.6px}body[data-theme=cupertino] .mobile-brand .logo{display:none}
body[data-theme=cupertino] .topbar{height:68px;padding:0 18px}body[data-theme=cupertino] #design-panel{top:68px}
body[data-theme=focus] .mobile-brand{font-size:max(14.4px,calc(1.2 * calc(15px * var(--text-scale,1))));text-transform:uppercase;letter-spacing:1px}body[data-theme=focus] .mobile-brand .logo{display:none}
body[data-theme=focus] main{padding:12px 10px}body[data-theme=focus] .product-grid{gap:5px!important}
body[data-theme=cupertino] .product-grid{gap:12px!important}body[data-theme=cupertino] .product-card{border-radius:22px!important}
.design-choice{padding:5px!important;font-size:max(14.4px,calc(1.2 * calc(11px * var(--text-scale,1))))!important}.group-layout .design-label{min-width:74px}.group-card .segments{gap:3px}.group-palette .segments{gap:3px}
.design-choice[class*=swatch-]{width:18px;height:18px;min-width:18px}.group-card .design-choice{padding:5px 3px!important}
body[data-card=compact] .product-card{grid-template-columns:minmax(0,1fr) 108px 48px!important;gap:6px!important;padding:9px!important}
body[data-card=compact] .quantity-stepper{width:108px!important}.quantity-stepper .minus,.quantity-stepper .plus{width:28px!important}.quantity small{font-size:max(14.4px,calc(1.2 * calc(10px * var(--text-scale,1))))!important;margin-left:2px}
body[data-card=compact] .location{font-size:max(14.4px,calc(1.2 * calc(10px * var(--text-scale,1))))!important}body[data-card=compact] .quantity{font-size:max(14.4px,calc(1.2 * calc(14px * var(--text-scale,1))))!important;padding:0 2px!important}
body[data-card=rows] .product-card{padding:10px!important;gap:9px!important;min-height:104px;grid-template-columns:42px minmax(0,1fr) 63px!important}
body[data-card=rows] .product-art{width:42px!important;height:60px!important}body[data-card=rows] .day-counter strong{font-size:max(14.4px,calc(1.2 * calc(32px * var(--text-scale,1))))!important}
}
body[data-theme=cupertino][data-card=rows] #product-grid,body[data-theme=cupertino][data-card=rows] #priority-grid{background:var(--surface);border-radius:24px;gap:0!important;overflow:hidden;padding-bottom:0!important}
body[data-theme=cupertino][data-card=rows] .product-card{border-radius:0!important;border-bottom:1px solid var(--line)!important;box-shadow:none;padding:14px 16px!important;background:transparent}
body[data-theme=cupertino][data-card=rows] .product-card:last-child{border-bottom:0!important}
body[data-theme=focus] .navigation button.active{background:var(--soft)!important;color:var(--accent)!important}
body[data-theme=focus] .product-art{background:var(--soft)!important}
@media(max-width:760px){.toolbar select,.toolbar #category-select{font-size:max(14.4px,calc(1.2 * calc(10px * var(--text-scale,1))))!important}body[data-theme=cupertino][data-card=rows] .product-card{padding:12px!important}}
body[data-palette] .day-counter strong{color:var(--accent)}body[data-palette] .day-counter.urgent strong{color:#b77b19}body[data-palette] .day-counter.overdue strong{color:#c45a53}body[data-palette] .day-counter.unset strong{color:var(--muted)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
/* v1.6: numbered independent designs, per-layout card skin, reversible archive */
#design-panel{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px 10px!important;padding:8px 14px!important;min-height:92px!important;max-height:98px!important;position:sticky;overflow:visible;background:var(--surface)}
#design-panel[hidden]{display:none!important}.design-control{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:0;min-width:0;font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));color:var(--muted)}
.design-control select{background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:4px 9px;min-width:62px;height:34px;font-size:max(14.4px,calc(1.2 * calc(14px * var(--text-scale,1))))}
.palette-toggle{height:34px;border-radius:8px;background:var(--soft);color:var(--accent);font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));text-align:center}
.palette-popup{position:absolute;left:10px;right:10px;top:calc(100% + 6px);padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px #0003;z-index:9}
.palette-row{display:grid;grid-template-columns:74px repeat(6,minmax(0,1fr));gap:6px;align-items:center;margin:6px 0;font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));color:var(--muted)}
.palette-swatch{width:100%;height:32px;border-radius:8px;border:2px solid transparent;font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));color:#fff;text-shadow:0 1px 3px #0009}.palette-swatch.selected{outline:2px solid var(--accent);outline-offset:2px}
.swatch-sage{background:#316856}.swatch-blue{background:#3276c4}.swatch-plum{background:#8067b4}.swatch-ice{background:#258b95}.swatch-charcoal{background:#34373a}.swatch-navy{background:#223660}.swatch-forest{background:#203c2d}.swatch-aubergine{background:#492b50}.swatch-coffee{background:#49382b}
body[data-palette=ice]{--accent:#177b88;--ink:#193d44;--muted:#587d83;--bg:#ecf7f8;--surface:#faffff;--soft:#d4ecf0;--line:#badde2}
body[data-palette=charcoal]{--accent:#e9bd64;--ink:#f0f0ed;--muted:#b5b5ae;--bg:#171817;--surface:#262826;--soft:#414336;--line:#494b45}
body[data-palette=navy]{--accent:#81b5ff;--ink:#edf3ff;--muted:#a6b7d6;--bg:#111a2b;--surface:#1c2a42;--soft:#2d4161;--line:#3b5072}
body[data-palette=forest]{--accent:#98d9ab;--ink:#edf8ef;--muted:#a5bfae;--bg:#12231a;--surface:#20362a;--soft:#34533d;--line:#46644e}
body[data-palette=aubergine]{--accent:#e1a4eb;--ink:#f8effa;--muted:#c5aec9;--bg:#251b2b;--surface:#392a41;--soft:#523a5a;--line:#674c70}
body[data-palette=coffee]{--accent:#edbd8e;--ink:#fbf2e9;--muted:#c8b5a6;--bg:#251d18;--surface:#392d25;--soft:#514035;--line:#695242}
.product-card{position:relative!important}.archive-product{position:absolute;right:3px;top:3px;width:25px;height:25px;display:grid;place-items:center;padding:4px;border-radius:6px;background:var(--soft);color:var(--muted);opacity:.85;z-index:1}.archive-product svg{width:17px;height:17px}
.archive-editor{margin:16px 0 0;padding:12px 18px;border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--accent);font-size:max(14.4px,calc(1.2 * calc(14px * var(--text-scale,1))))}.restore-product{display:block;margin-top:10px;padding:9px 16px;border-radius:9px;background:var(--soft);color:var(--accent);font-size:max(14.4px,calc(1.2 * calc(13px * var(--text-scale,1))))}.history-receiving{animation:historyPulse .6s ease-in-out infinite}@keyframes historyPulse{50%{transform:scale(.9);background:var(--soft)}}
body[data-theme=paper]{font-family:Georgia,serif}body[data-theme=paper] .topbar{border-bottom:2px solid var(--ink)}body[data-theme=paper] .settings-card,body[data-theme=paper] .product-card{border-radius:0!important;box-shadow:3px 3px 0 var(--line)}body[data-theme=paper] .navigation button.active{border-radius:0;background:var(--soft)}body[data-theme=paper] .toolbar{border-bottom:2px solid var(--ink);padding-bottom:10px}
body[data-theme=glass] .topbar,body[data-theme=glass] .sidebar{background:color-mix(in srgb,var(--surface) 85%,transparent);backdrop-filter:blur(18px)}body[data-theme=glass] .product-card,body[data-theme=glass] .settings-card{border-radius:28px!important;background:linear-gradient(120deg,var(--surface),var(--soft));box-shadow:0 8px 20px #0001;border:1px solid var(--line)!important}body[data-theme=glass] .search{border-radius:24px;background:var(--soft)}body[data-theme=glass] .navigation button.active{border-radius:30px;background:var(--soft)}
body[data-theme=mono]{font-family:'Courier New',monospace}body[data-theme=mono] .topbar{border-bottom:2px dashed var(--line)}body[data-theme=mono] .product-card,body[data-theme=mono] .settings-card{border-radius:2px!important;border:1px dashed var(--muted)!important;box-shadow:none}body[data-theme=mono] .navigation button.active{border-radius:2px;border:1px solid var(--accent)}body[data-theme=mono] .toolbar select{border-radius:2px}
body[data-card=gallery] #product-grid,body[data-card=gallery] #priority-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body[data-card=gallery] .product-card{display:flex!important;flex-direction:column;padding:0!important;overflow:hidden;gap:0!important}body[data-card=gallery] .product-art{width:100%!important;height:150px!important;border-radius:0!important}body[data-card=gallery] .product-art span:not(.demo-badge){font-size:max(14.4px,calc(1.2 * calc(65px * var(--text-scale,1))))}body[data-card=gallery] .product-body{display:block!important;padding:12px!important;width:100%}body[data-card=gallery] .product-title{min-height:36px;font-size:max(14.4px,calc(1.2 * calc(15px * var(--text-scale,1))))}body[data-card=gallery] .location{font-size:max(14.4px,calc(1.2 * calc(11px * var(--text-scale,1))));margin:4px 0 8px}body[data-card=gallery] .quantity-stepper{width:128px;max-width:100%}body[data-card=gallery] .day-counter{display:flex;width:100%;align-items:center;gap:10px;border:0;border-top:1px solid var(--line);padding:8px 12px;text-align:left}body[data-card=gallery] .day-counter strong{font-size:max(14.4px,calc(1.2 * calc(30px * var(--text-scale,1))))}body[data-card=gallery] .day-counter span{margin:0;font-size:max(14.4px,calc(1.2 * calc(8.8px * var(--text-scale,1))))}
body[data-card=dense] .product-card,body[data-card=ledger] .product-card{display:grid!important;grid-template-columns:minmax(0,1fr) 108px 48px!important;gap:5px!important;padding:9px!important;min-height:72px}body[data-card=dense] .product-art,body[data-card=ledger] .product-art{display:none!important}body[data-card=dense] .product-body,body[data-card=ledger] .product-body{display:contents!important}body[data-card=dense] .product-title,body[data-card=ledger] .product-title{grid-column:1;grid-row:1;min-height:0;font-size:max(14.4px,calc(1.2 * calc(14px * var(--text-scale,1))));line-height:1.25}body[data-card=dense] .location,body[data-card=ledger] .location{grid-column:1;grid-row:2;margin:0;font-size:max(14.4px,calc(1.2 * calc(10px * var(--text-scale,1))))}body[data-card=dense] .quantity-stepper,body[data-card=ledger] .quantity-stepper{grid-column:2;grid-row:1/3;width:108px;height:34px;min-height:34px}body[data-card=dense] .quantity-stepper button,body[data-card=ledger] .quantity-stepper button{height:32px}body[data-card=dense] .day-counter,body[data-card=ledger] .day-counter{grid-column:3;grid-row:1/3;border:0;padding:0}body[data-card=dense] .day-counter strong,body[data-card=ledger] .day-counter strong{font-size:max(14.4px,calc(1.2 * calc(25px * var(--text-scale,1))));letter-spacing:-1px}body[data-card=dense] .day-counter span,body[data-card=ledger] .day-counter span{font-size:max(14.4px,calc(1.2 * calc(7.2px * var(--text-scale,1))))}body[data-card=dense] .voice-playback,body[data-card=ledger] .voice-playback{grid-column:1/4;grid-row:3}
body[data-card=dense] .product-grid{gap:3px!important}body[data-card=dense] .product-card:nth-child(even){background:var(--soft)}body[data-card=ledger] .product-grid{gap:0!important;border:1px solid var(--line)}body[data-card=ledger] .product-card{border-radius:0!important;border:0!important;border-bottom:1px solid var(--line)!important;background:transparent!important;box-shadow:none!important}body[data-card=ledger] .product-title{font-weight:500}
body[data-theme][data-card][data-appearance="2"] .product-card{border-radius:2px!important;border:2px solid var(--line)!important;box-shadow:none!important}
body[data-theme][data-card][data-appearance="3"] .product-card{background:var(--soft)!important;border:0!important;box-shadow:none!important}body[data-theme][data-card][data-appearance="3"] .quantity-stepper{background:var(--surface)}
body[data-theme][data-card][data-appearance="4"] .product-card{border-radius:18px!important;border:0!important;box-shadow:0 5px 16px #0002!important}body[data-theme][data-card][data-appearance="4"] .product-title{font-weight:800!important}
body[data-theme][data-card][data-appearance="5"] .product-card{border-radius:0!important;border:0!important;border-left:5px solid var(--accent)!important;box-shadow:none!important}body[data-theme][data-card][data-appearance="5"] .product-title{font-weight:500!important}body[data-theme][data-card][data-appearance="5"] .quantity-stepper{border-radius:0}
@media(prefers-reduced-motion:reduce){.history-receiving{animation:none}}
body[data-card=rows] .product-card{grid-template-columns:42px minmax(0,1fr) 63px 25px!important;gap:7px!important}body[data-card=rows] .archive-product{position:static;grid-column:4;align-self:center}
body[data-card=compact] .product-card,body[data-card=dense] .product-card,body[data-card=ledger] .product-card{grid-template-columns:minmax(0,1fr) 108px 48px 25px!important;gap:5px!important}
body[data-card=compact] .archive-product,body[data-card=dense] .archive-product,body[data-card=ledger] .archive-product{position:static;grid-column:4;grid-row:1/3;align-self:center}
body[data-card=compact] .location,body[data-card=dense] .location,body[data-card=ledger] .location{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* v1.7 new platform-inspired interfaces preserve variants 1–6 */
.search-toggle{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;padding:8px;border-radius:12px;background:var(--soft);color:var(--accent)}.search-toggle svg{width:23px;height:23px}
body[data-search=false] .toolbar .search{display:none!important}body[data-search=true] .toolbar .search{display:flex!important}
.toolbar{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}.toolbar .search{grid-column:1/4;width:100%;height:44px}.toolbar select,.toolbar #category-select{font-size:max(14.4px,calc(1.2 * calc(14px * var(--text-scale,1))))!important;min-height:44px!important;height:44px!important;padding:8px 22px 8px 9px!important;max-width:none!important;width:100%;min-width:0}
.list-heading{display:none!important}.inventory-view-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0;color:var(--muted)}.result-count{font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))))}.group-control{display:flex;border:1px solid var(--line);background:var(--soft);padding:3px;border-radius:11px}.group-control button{padding:6px 12px;border-radius:8px;background:transparent;color:var(--muted);font-size:max(14.4px,calc(1.2 * calc(13px * var(--text-scale,1))))}.group-control button.selected{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px #0001}.drawer-group-title{grid-column:1/-1!important;display:flex;align-items:center;gap:10px;font-size:max(14.4px,calc(1.2 * calc(18px * var(--text-scale,1))));font-weight:700;padding:14px 3px 5px;background:var(--bg);color:var(--ink)}.drawer-group-title span{font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));color:var(--muted);font-weight:500}
.title-color-field{margin:0 0 18px}.title-color-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.title-color-controls input[type=color]{width:40px;height:36px;padding:3px;cursor:pointer}.title-color-swatch{width:30px;height:30px;border-radius:9px;border:2px solid transparent}.title-color-swatch[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}.title-color-reset{height:34px;padding:5px 9px;background:var(--soft);color:var(--accent);border-radius:8px;font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))))}.colored-title{padding:4px 7px!important;border-radius:7px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.product-title.colored-title{padding:4px 7px!important}
body[data-card=rows] .product-card{grid-template-columns:76px minmax(0,1fr) 63px 25px!important}body[data-card=rows] .product-art{width:76px!important;height:90px!important}body[data-card=rows] .product-art span:not(.demo-badge){font-size:max(14.4px,calc(1.2 * calc(46px * var(--text-scale,1))))}
body[data-card=tiles] .product-art{height:165px!important}body[data-card=gallery] .product-art{height:190px!important}
body[data-theme=apple]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--radius:22px}body[data-theme=apple] .sidebar{background:var(--surface);border:0}body[data-theme=apple] .topbar{border:0;background:var(--bg)}body[data-theme=apple] .logo{border-radius:12px}body[data-theme=apple] .toolbar{background:var(--soft);padding:7px;border-radius:16px}body[data-theme=apple] .toolbar select{border:0;background:var(--surface);border-radius:12px}body[data-theme=apple] .product-card{border:0;border-radius:20px!important;background:var(--surface);box-shadow:0 3px 14px #00000008}body[data-theme=apple] .quantity-stepper{border:0;background:var(--soft);border-radius:20px}body[data-theme=apple] .product-title{letter-spacing:-.3px;font-weight:700}body[data-theme=apple] .day-counter{border:0}body[data-theme=apple] .settings-card{border:0;border-radius:22px}body[data-theme=apple] .history-row{border-radius:0;border-bottom:1px solid var(--line)}body[data-theme=apple] .search-toggle,body[data-theme=apple] .theme-cycle{background:transparent}body[data-theme=apple] .group-control{background:var(--line);border:0}
body[data-theme=google]{font-family:system-ui,sans-serif;--radius:24px}body[data-theme=google] .topbar{background:var(--surface);border:0}body[data-theme=google] .sidebar{background:var(--soft);border:0}body[data-theme=google] .navigation button.active{border-radius:24px;background:var(--surface)}body[data-theme=google] .toolbar{background:transparent;padding:0}body[data-theme=google] .toolbar select{background:var(--soft);border:0;border-radius:24px}body[data-theme=google] .search-toggle,body[data-theme=google] .theme-cycle{border-radius:50%;background:var(--soft)}body[data-theme=google] .product-card{border-radius:24px!important;border:1px solid var(--line);box-shadow:none;background:var(--surface)}body[data-theme=google] .quantity-stepper{border-radius:24px;background:var(--soft);border:0}body[data-theme=google] .settings-card{border-radius:24px;border:0;background:var(--surface)}body[data-theme=google] .group-control{background:transparent;border:1px solid var(--line);border-radius:24px}body[data-theme=google] .group-control button{border-radius:24px}body[data-theme=google] .group-control button.selected{background:var(--soft);box-shadow:none}
@media(max-width:760px){
.topbar-right{gap:3px}.topbar{padding:0 10px}.topbar select{max-width:74px!important;font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))))!important}.search-toggle,.theme-cycle{width:34px!important;height:34px!important;padding:6px!important}.mobile-brand strong{max-width:175px}.mobile-brand{font-size:max(14.4px,calc(1.2 * calc(15px * var(--text-scale,1))))}
.toolbar{margin-bottom:0!important}.toolbar select,.toolbar #category-select{font-size:max(14.4px,calc(1.2 * calc(13px * var(--text-scale,1))))!important;padding:8px 18px 8px 7px!important}.toolbar .search{height:44px}.inventory-view-bar{margin:10px 0}.group-control button{padding:6px 11px;font-size:max(14.4px,calc(1.2 * calc(13px * var(--text-scale,1))))}
body[data-card=rows] .product-card{grid-template-columns:68px minmax(0,1fr) 55px 24px!important;gap:7px!important}body[data-card=rows] .product-art{width:68px!important;height:88px!important}body[data-card=rows] .quantity-stepper{width:116px!important;max-width:100%;margin-top:4px!important}body[data-card=rows] .location{font-size:max(14.4px,calc(1.2 * calc(11px * var(--text-scale,1))))!important}body[data-card=rows] .day-counter strong{font-size:max(14.4px,calc(1.2 * calc(29px * var(--text-scale,1))))!important}body[data-card=rows] .day-counter span{font-size:max(14.4px,calc(1.2 * calc(8px * var(--text-scale,1))))!important}
body[data-theme=apple] .topbar{height:52px;padding:0 14px}body[data-theme=apple] .mobile-brand{display:none}body[data-theme=apple] .app-route{display:block!important;font-size:max(14.4px,calc(1.2 * calc(14px * var(--text-scale,1))));font-weight:500;color:var(--muted)}body[data-theme=apple] .page-heading{display:flex!important;margin:3px 0 18px!important}body[data-theme=apple] .page-heading h1{font-size:max(14.4px,calc(1.2 * calc(31px * var(--text-scale,1))));line-height:1.15;letter-spacing:-1px}body[data-theme=apple] #design-panel{top:52px}body[data-theme=apple] main{padding:10px 16px}body[data-theme=apple] .summary{display:none!important}body[data-theme=apple] .sidebar{border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(16px)}body[data-theme=apple] .navigation button.active{background:transparent;color:var(--accent)}body[data-theme=apple] .navigation button{font-weight:500}body[data-theme=apple] #add-main{border-radius:50%;background:var(--accent);box-shadow:0 7px 20px #0002}body[data-theme=apple][data-card=rows] .product-grid{gap:1px!important;border-radius:22px;overflow:hidden;background:var(--line);padding-bottom:0!important}body[data-theme=apple][data-card=rows] .product-card{border-radius:0!important;box-shadow:none;padding:13px!important}body[data-theme=apple] #product-dialog{border-radius:26px!important;clip-path:inset(0 round 26px)!important}
body[data-theme=google] .topbar{height:70px;padding:0 16px}body[data-theme=google] .mobile-brand{font-size:max(14.4px,calc(1.2 * calc(21px * var(--text-scale,1))));letter-spacing:-.6px;font-weight:500}body[data-theme=google] .mobile-brand .logo{display:none}body[data-theme=google] .mobile-brand strong{font-weight:550}body[data-theme=google] #design-panel{top:70px}body[data-theme=google] main{padding:14px 14px}body[data-theme=google] .sidebar{background:var(--surface);border:0}body[data-theme=google] .navigation button.active{background:transparent;color:var(--ink)}body[data-theme=google] .navigation button>span:first-child{width:58px!important;padding:0 16px;border-radius:20px}body[data-theme=google] .navigation button.active>span:first-child{background:var(--soft);color:var(--accent)}body[data-theme=google] #add-main{border-radius:17px;width:58px;height:58px;box-shadow:0 4px 12px #0002}body[data-theme=google] .day-counter strong{font-weight:600}body[data-theme=google] .archive-product{border-radius:50%}
}
.topbar{min-width:0}.mobile-brand{min-width:0;flex:1}.mobile-brand strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-right{flex-shrink:0}body[data-theme=apple] .app-route{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.theme-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.theme-option{min-width:0;width:100%;max-width:none;padding:9px}.theme-swatch{min-width:0;width:100%;height:48px}
body[data-card] .product-title.colored-title{padding:4px 7px!important}
@media(max-width:760px){body[data-theme=apple] #inventory-page .page-heading{height:auto!important}body[data-theme=apple] .page-heading>div,body[data-theme=apple] .page-heading>h1{display:block!important}body[data-theme=apple] #history-page .page-heading{justify-content:space-between}body[data-theme=google] .mobile-brand{font-size:max(14.4px,calc(1.2 * calc(17px * var(--text-scale,1))))}.toolbar select,.toolbar #category-select{font-size:max(14.4px,calc(1.2 * calc(14px * var(--text-scale,1))))!important}}
.page-heading select{font-size:max(14.4px,calc(1.2 * calc(14px * var(--text-scale,1))))!important;min-height:44px}
/* v1.8 one-row appearance strip overlays the app header */
#design-panel,body[data-theme] #design-panel{position:fixed!important;inset:0 0 auto 0!important;top:0!important;width:100%;height:60px!important;min-height:60px!important;max-height:60px!important;padding:0 48px 0 10px!important;display:block!important;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 3px 12px #0002;z-index:20;overflow:hidden}
#design-panel[hidden]{display:none!important}.design-strip{display:flex;align-items:center;gap:20px;height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;white-space:nowrap}.design-strip::-webkit-scrollbar{display:none}.design-stepper{display:flex;align-items:center;gap:4px;flex-shrink:0;color:var(--ink)}.design-stepper-label{font-size:max(14.4px,calc(1.2 * calc(13px * var(--text-scale,1))));margin-right:4px}.design-arrow{width:36px;height:40px;padding:0;border-radius:10px;font-size:max(14.4px,calc(1.2 * calc(28px * var(--text-scale,1))));line-height:1;background:var(--soft);color:var(--accent);display:grid;place-items:center}.design-value{font-size:max(14.4px,calc(1.2 * calc(14px * var(--text-scale,1))));min-width:20px;text-align:center}.design-close{position:absolute;right:5px;top:10px;width:36px;height:40px;display:grid;place-items:center;border-radius:10px;background:var(--surface);color:var(--muted)}.design-close svg{width:22px;height:22px}
body[data-card=rows] .product-card{grid-template-columns:68px minmax(0,1fr) 63px!important}body[data-card=compact] .product-card,body[data-card=dense] .product-card,body[data-card=ledger] .product-card{grid-template-columns:minmax(0,1fr) 108px 48px!important}
@media(min-width:761px){body[data-card=rows] .product-card{grid-template-columns:76px minmax(0,1fr) 70px!important}.design-strip{justify-content:center}}
/* v1.9 every design control visible; actual alternate card compositions */
#design-panel,body[data-theme] #design-panel{height:100px!important;min-height:100px!important;max-height:100px!important;padding:8px 42px 8px 8px!important}
.design-strip{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,38px);gap:8px!important;overflow:visible!important;height:auto;white-space:normal}
.design-stepper{display:grid!important;grid-template-columns:30px minmax(0,1fr) 30px;grid-template-rows:18px 20px;gap:0 3px!important;min-width:0;text-align:center}
.design-stepper-label{grid-column:2;grid-row:1;font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))))!important;margin:0!important;white-space:nowrap;line-height:18px}.design-value{grid-column:2;grid-row:2;font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));line-height:20px;min-width:0;white-space:nowrap}
.design-arrow{width:30px;height:38px;font-size:max(14.4px,calc(1.2 * calc(27px * var(--text-scale,1))));grid-row:1/3!important}.design-arrow[data-direction="-1"]{grid-column:1}.design-arrow[data-direction="1"]{grid-column:3}.design-close{right:3px;top:30px;width:34px;height:40px}
@media(min-width:761px){.design-strip{max-width:800px;margin:auto}.design-stepper-label,.design-value{font-size:max(14.4px,calc(1.2 * calc(14px * var(--text-scale,1))))!important}.design-stepper{grid-template-columns:40px minmax(0,1fr) 40px}.design-arrow{width:40px}}
body[data-card=rows]:not([data-appearance="1"]) .product-card{grid-template-columns:68px minmax(0,1fr)!important}
body[data-card=compact]:not([data-appearance="1"]) .product-card,body[data-card=dense]:not([data-appearance="1"]) .product-card,body[data-card=ledger]:not([data-appearance="1"]) .product-card{grid-template-columns:minmax(0,1fr) 108px!important}
.expiry-inline{display:block;margin-top:5px;font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));font-weight:600;color:var(--accent);white-space:normal}
body[data-appearance="2"] .location{white-space:normal!important;overflow:visible!important}.expiry-badge{font-size:max(14.4px,calc(1.2 * calc(11px * var(--text-scale,1))));line-height:1.3;font-weight:600;border-radius:7px;padding:4px 6px;background:var(--surface);color:var(--accent);box-shadow:0 1px 4px #0002;white-space:normal}
.product-art .expiry-badge{position:absolute;top:5px;left:5px;right:5px;z-index:1}.expiry-badge.urgent{color:#946114}.expiry-badge:not(.product-art .expiry-badge){grid-column:1;grid-row:3;justify-self:start;max-width:100%;margin-top:4px}
body[data-appearance="3"] .product-art .demo-badge{display:none}
.expiry-timeline{display:flex;flex-direction:column;gap:5px;margin-top:8px;font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));color:var(--muted);grid-column:1/-1;grid-row:3;padding:0;min-width:0;line-height:1.3}
.expiry-timeline progress{width:100%;height:5px;border:0;border-radius:5px;overflow:hidden;accent-color:var(--accent)}.expiry-timeline progress::-webkit-progress-bar{background:var(--line)}.expiry-timeline progress::-webkit-progress-value{background:var(--accent)}
body[data-appearance="5"] .product-card{min-height:0!important}body[data-appearance="5"] .product-body{gap:2px!important}
.product-art span.expiry-badge{font-size:max(14.4px,calc(1.2 * calc(11px * var(--text-scale,1))))!important;line-height:1.3!important}body[data-card=rows] .expiry-timeline{grid-row:4;grid-column:1}
.product-art .expiry-badge{right:auto!important;max-width:calc(100% - 10px);white-space:nowrap!important;padding:3px 5px;box-shadow:0 1px 3px #0001}
body[data-design-open=true] main{margin-top:40px!important}body[data-theme=apple][data-design-open=true] main{margin-top:48px!important}body[data-theme=google][data-design-open=true] main{margin-top:30px!important}
@media(max-width:340px){.design-stepper{grid-template-columns:27px minmax(0,1fr) 27px;gap:0 2px!important}.design-arrow{width:27px}.design-stepper-label,.design-value{font-size:max(14.4px,calc(1.2 * calc(11px * var(--text-scale,1))))!important}}
.quantity-changed{animation:quantityFlash .3s ease-out}@keyframes quantityFlash{0%{background:var(--soft);color:var(--accent)}100%{background:transparent}}#toast{pointer-events:none}#toast button{pointer-events:auto}

/* v1.10 hidden must override themed panel display; controls have accessible labels only. */
body[data-theme] #design-panel[hidden]{display:none!important}
.design-stepper{grid-template-rows:38px!important}
.design-value{grid-row:1!important;align-self:center;line-height:38px}
.design-arrow{grid-row:1!important}

/* Named controls keep their label inside the arrow pair. */
.design-stepper{grid-template-rows:18px 20px!important}
.design-value{grid-row:2!important;line-height:20px}
.design-arrow{grid-row:1/3!important}

/* Neutral palette and independently saved text scale. */
body[data-palette=gray]{--accent:#555b63;--ink:#24272b;--muted:#666b72;--bg:#f3f4f5;--surface:#fff;--soft:#e8eaed;--line:#d9dde1}
.design-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.design-stepper{grid-template-columns:22px minmax(0,1fr) 22px!important;gap:0 1px!important}
.design-stepper[data-control=scale]{grid-column:2/4}
.design-arrow{width:22px!important;font-size:max(14.4px,calc(1.2 * 26px))!important}
.design-stepper-label{font-size:max(14.4px,calc(1.2 * 11px))!important}.design-value{font-size:max(14.4px,calc(1.2 * 12px))!important}
.product-title{overflow-wrap:anywhere}.quantity-stepper .quantity{min-width:0}
@media(min-width:761px){.design-stepper{grid-template-columns:36px minmax(0,1fr) 36px!important}.design-arrow{width:36px!important}.design-stepper-label,.design-value{font-size:max(14.4px,calc(1.2 * 14px))!important}}
@media(max-width:760px){.navigation button>span:nth-child(2){overflow-wrap:anywhere!important;white-space:normal!important;line-height:1.15!important;min-height:3.45em!important}.navigation button{height:auto!important;min-height:84px!important}.sidebar{min-height:96px!important}main{padding-bottom:130px!important}}

/* Application identity stays constant across themes and routes. */
body[data-theme] .app-route{display:none!important}
body[data-theme] .mobile-brand{display:flex!important;align-items:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:max(14.4px,calc(1.2 * calc(16px * var(--text-scale,1))))!important;text-transform:none!important;letter-spacing:0!important;line-height:1.2}
body[data-theme] .mobile-brand strong{font-weight:650!important;max-width:none}
body[data-theme] .mobile-brand .logo{display:none!important}
@media(max-width:760px){body[data-theme] .page-heading{display:flex!important;height:auto!important;margin:4px 0 14px!important;justify-content:space-between!important}body[data-theme] .page-heading>div,body[data-theme] .page-heading>h1{display:block!important}.page-heading h1{overflow-wrap:anywhere}}

/* Six compact controls; fonts are local system families without downloads. */
.design-stepper[data-control=scale]{grid-column:auto}
body[data-font=system]{--app-font:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body[data-font=arial]{--app-font:Arial,Helvetica,sans-serif}
body[data-font=serif]{--app-font:Georgia,'Times New Roman',serif}
body[data-font=mono]{--app-font:ui-monospace,'Courier New',monospace}
body[data-font],body[data-font] .mobile-brand{font-family:var(--app-font)!important}
body[data-theme] .topbar #language{max-width:110px!important;width:110px;min-width:0}
.item-history{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.item-history h3{font-size:max(14.4px,calc(1.2 * calc(16px * var(--text-scale,1))));margin-bottom:12px}.item-history-row{padding:12px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.item-history-row strong{display:block}.item-history-row time{display:block;color:var(--muted);font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))))}.item-history-row p{margin-top:6px;font-size:max(14.4px,calc(1.2 * calc(13px * var(--text-scale,1))))}
@media(max-width:760px){.group-control button{padding:6px}.navigation button>span:nth-child(2){font-size:max(14.4px,calc(1.2 * min(calc(13px * var(--text-scale,1)),17px)))!important}.toolbar select{height:auto!important;min-height:44px!important}.day-counter strong{overflow-wrap:anywhere}.mobile-brand strong{font-size:max(14.4px,calc(1.2 * min(calc(16px * var(--text-scale,1)),19px)))!important}}
@media(max-width:360px){.design-stepper{grid-template-columns:20px minmax(0,1fr) 20px!important}.design-arrow{width:20px!important}.design-stepper-label{font-size:max(14.4px,calc(1.2 * 10px))!important;letter-spacing:-.15px}}

/* Deadline captions stay on one line, with space reserved for the text. */
body[data-card] .day-counter span{white-space:nowrap!important;max-width:none!important}
body[data-card=rows][data-appearance="1"] .product-card{grid-template-columns:68px minmax(0,1fr) max-content!important}
body[data-card=compact][data-appearance="1"] .product-card,body[data-card=dense][data-appearance="1"] .product-card,body[data-card=ledger][data-appearance="1"] .product-card{grid-template-columns:minmax(0,1fr) 108px max-content!important}

/* Header motion does not change document height or card scroll coordinates. */
body[data-theme] .topbar{position:sticky!important;top:0!important;z-index:10;transition:transform .18s ease}
body[data-header-hidden=true] .topbar{transform:translateY(-100%);pointer-events:none}
body[data-design-open=true] .topbar{transform:translateY(0);pointer-events:auto}
body[data-card] #product-grid .product-card[hidden]{display:none!important}
.drawer-group-title{padding:0!important}.drawer-toggle{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:12px 3px 5px;text-align:left;background:transparent;color:var(--ink);font:inherit;font-weight:700}
.drawer-group-title .drawer-name{font:inherit;color:var(--ink);min-width:0;overflow-wrap:anywhere}.drawer-count{color:var(--muted)}.drawer-group-title .drawer-chevron{margin-left:auto;font-size:max(14.4px,calc(1.2 * 22px));transition:transform .15s}.drawer-toggle[aria-expanded=false] .drawer-chevron{transform:rotate(-90deg)}
@media(prefers-reduced-motion:reduce){body[data-theme] .topbar,.drawer-chevron{transition:none}}
/* Independent parties and family/voice flows. */
.multiple-drawers{display:flex;align-items:center;gap:7px;margin:8px 0}.multiple-drawers input{width:18px;height:18px;margin:0;accent-color:var(--accent)}.batch-section{margin-bottom:20px}.batch-section[hidden],.family-connected[hidden],.family-sharing[hidden]{display:none!important}.batch-hint,.family-hint,.family-import-hint,.family-sharing-hint{font-size:max(14.4px,calc(1.2 * calc(13px * var(--text-scale,1))));color:var(--muted);margin:8px 0 14px}.batch-editor{padding:14px;background:var(--soft);border-radius:14px;margin:12px 0}.batch-editor h4{margin:0 0 10px}.batch-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.batch-fields label{margin:0;min-width:0}.batch-fields label:last-child{grid-column:1/-1}.batch-fields label>span{display:block;min-height:2.5em;font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))))}.batch-fields input,.batch-fields select{width:100%;min-width:0;height:46px;padding:8px;font-size:max(14.4px,calc(1.2 * calc(14px * var(--text-scale,1))))}.batch-fields input[type=date]{font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))))}#product-form .form-row[hidden],#product-form label[hidden],#product-form .expiry-shortcuts[hidden]{display:none!important}.family-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.family-status{color:var(--accent);font-size:max(14.4px,calc(1.2 * calc(13px * var(--text-scale,1))));margin:8px 0}.family-settings{max-width:760px;margin-top:18px}.family-settings input,.family-settings select{max-width:100%;min-width:0;width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;font:inherit;background:var(--surface);color:var(--ink);margin:7px 0}.google-config{margin:12px 0}.google-config summary{cursor:pointer;color:var(--muted);font-size:max(14.4px,calc(1.2 * calc(13px * var(--text-scale,1))))}.family-sharing{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.family-sharing input{grid-column:1/-1}.family-sharing button{margin:7px 0}.family-connected{margin-top:12px}.family-connected a{margin:8px 0}.family-settings button{white-space:normal}.family-settings p{overflow-wrap:anywhere}
body[data-family-read-only=true] .product-card .minus,body[data-family-read-only=true] .product-card .plus{opacity:.35}
@media(min-width:761px){}
.batch-fields label>span{min-height:3em}.batch-section h3{font-size:max(14.4px,calc(1.2 * calc(16px * var(--text-scale,1))))}.batch-editor h4{font-size:max(14.4px,calc(1.2 * calc(14px * var(--text-scale,1))))}

.family-flows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:16px 0}.family-flow{min-width:0;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.family-flow h3{margin:0 0 18px;font-size:max(14.4px,calc(1.2 * calc(18px * var(--text-scale,1))));line-height:1.35}.family-step{margin-top:20px;min-width:0}.family-step h4{display:flex;align-items:flex-start;gap:10px;font-size:max(14.4px,calc(1.2 * calc(15px * var(--text-scale,1))));line-height:1.4;margin:0 0 10px}.family-step-number{flex:0 0 26px;display:grid;place-items:center;min-height:26px;border-radius:50%;background:var(--soft);color:var(--accent)}.family-step label{display:block;margin:12px 0 0;font-size:max(14.4px,calc(1.2 * calc(14px * var(--text-scale,1))))}.family-step-hint{font-size:max(14.4px,calc(1.2 * calc(13px * var(--text-scale,1))));line-height:1.5;color:var(--muted)}.family-step button{max-width:100%;margin:4px 6px 4px 0;padding:12px 16px;font-size:max(14.4px,calc(1.2 * calc(14px * var(--text-scale,1))))}.family-step input,.family-step select{font-size:max(14.4px,calc(1.2 * calc(15px * var(--text-scale,1))));height:auto;min-height:46px}.family-flows [hidden],.family-buttons [hidden]{display:none!important}@media(max-width:650px){.family-flows{grid-template-columns:minmax(0,1fr);gap:14px}.family-flow{padding:15px}}

.batch-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.batch-heading h4{margin:0;min-width:0}.batch-delete{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-size:max(14.4px,calc(1.2 * calc(13px * var(--text-scale,1))));padding:8px 10px;border-radius:10px;min-height:40px;max-width:65%;white-space:normal}.batch-delete-undo{display:block;margin-top:12px;white-space:normal}

#toast{opacity:0;visibility:hidden;transform:translate(-50%,12px);transition:opacity .18s,transform .18s,visibility .18s}#toast.visible{opacity:1;visibility:visible;transform:translate(-50%,0)}#toast:empty{display:none}#toast button{pointer-events:none}#toast.visible button{pointer-events:auto}.family-flows{gap:12px;margin:12px 0}.family-flow{padding:12px}.family-flow h3{font-size:max(14.4px,calc(1.2 * calc(16px * var(--text-scale,1))));margin:0 0 10px}.family-step{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;margin-top:10px}.family-step h4{font-size:max(14.4px,calc(1.2 * calc(14px * var(--text-scale,1))));gap:7px;margin:0;align-items:center}.family-step-number{flex-basis:22px;min-height:22px;font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))))}.family-step button{font-size:max(14.4px,calc(1.2 * calc(13px * var(--text-scale,1))));padding:9px 10px;margin:0;min-height:38px}.family-step input{grid-column:1/-1;margin:2px 0;min-height:40px;padding:8px;font-size:max(14.4px,calc(1.2 * calc(14px * var(--text-scale,1))))}.family-access-link{grid-column:1/-1;font-size:max(14.4px,calc(1.2 * calc(13px * var(--text-scale,1))));color:var(--accent);text-decoration:underline;justify-self:start;padding:4px 0}.family-settings [hidden]{display:none!important}@media(max-width:650px){.family-flows{gap:10px}.family-flow{padding:12px}}

.drawer-toggle .drawer-action{margin-left:auto;color:#2563eb;font-size:max(14.4px,calc(1.2 * calc(13px * var(--text-scale,1))));font-weight:500;white-space:nowrap}.drawer-group-title .drawer-chevron{margin-left:0;color:#2563eb;flex-shrink:0}.drawer-toggle .drawer-name{flex:1}.drawer-toggle{flex-wrap:wrap;gap:7px}.drawer-toggle .drawer-count{font-weight:400}#family-copy,#google-join{grid-column:2;grid-row:1}.family-step h4>span:last-child{overflow-wrap:anywhere}

@media(max-width:350px){.family-step{grid-template-columns:minmax(0,1fr)}.family-step button{justify-self:start}.family-step #family-copy,.family-step #google-join{grid-column:1;grid-row:auto}}

/* Drawer headings: count beside the name, one compact disclosure control. */
.drawer-toggle{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:8px;padding:12px 0;min-height:60px;border-bottom:1px solid var(--line)}
.drawer-toggle .drawer-name{grid-column:1;grid-row:1;display:flex;align-items:center;gap:8px;font-size:max(14.4px,calc(1.2 * calc(16px * var(--text-scale,1))));font-weight:600;line-height:1.3}
.drawer-toggle .drawer-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:8px;background:var(--soft);color:var(--muted);font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));font-weight:600;font-variant-numeric:tabular-nums;line-height:1;flex-shrink:0}
.drawer-action-wrap{grid-column:2;grid-row:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 10px;border-radius:10px;background:color-mix(in srgb,#2563eb 10%,var(--surface));border:1px solid color-mix(in srgb,#2563eb 20%,var(--line));white-space:nowrap}
.drawer-toggle .drawer-action{margin:0;color:#2563eb;font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));font-weight:500;line-height:1.2}
.drawer-group-title .drawer-chevron{width:7px;height:7px;margin:0 1px 3px 0;border-right:1.8px solid #2563eb;border-bottom:1.8px solid #2563eb;font-size:0;transform:rotate(45deg);transition:transform .15s}
.drawer-toggle[aria-expanded=false] .drawer-chevron{transform:rotate(-135deg);margin-top:4px;margin-bottom:0}
.drawer-toggle:hover .drawer-action-wrap{background:color-mix(in srgb,#2563eb 16%,var(--surface))}
.drawer-toggle:focus-visible{outline:2px solid #2563eb;outline-offset:3px;border-radius:10px}
@media(max-width:360px){.drawer-toggle{column-gap:8px}.drawer-action-wrap{padding:0 8px}.drawer-toggle .drawer-name{font-size:max(14.4px,calc(1.2 * calc(15px * var(--text-scale,1))))}}
.drawer-action-wrap{width:calc(100px * var(--text-scale,1));box-sizing:border-box}
@media(max-width:360px){.drawer-toggle .drawer-name{grid-column:1/-1}.drawer-action-wrap{grid-column:2;grid-row:2}}

.family-host-help{margin:0 0 10px;color:var(--muted);font-size:max(14.4px,calc(1.2 * calc(13px * var(--text-scale,1))));line-height:1.4}
/* Compact quantity and unit controls in the product editor. */
.quantity-unit-row{grid-template-columns:104px minmax(0,1fr);gap:10px}
.quantity-unit-row>label>span:first-child{min-height:0;margin-bottom:6px}
.quantity-unit-row .quantity-input{height:40px;min-height:40px}
.quantity-unit-row .quantity-input button{width:26px;height:38px}
.quantity-unit-row .quantity-input input{width:50px;height:38px;font-size:max(14.4px,calc(1.2 * calc(15px * var(--text-scale,1))))}
.unit-buttons{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--soft);height:40px;align-items:stretch;min-width:0}
.unit-option{flex:1;min-width:0;padding:0 4px;border-radius:7px;white-space:nowrap;background:transparent;color:var(--muted);font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));font-weight:500}
.unit-option[aria-pressed=true]{background:var(--surface);color:var(--accent);box-shadow:0 1px 4px #0001}
.unit-buttons[hidden],select[name=unit][hidden]{display:none!important}
.custom-title-color{position:relative;display:grid;place-items:center;width:34px;height:34px;margin:0;border:1px solid var(--line);border-radius:9px;background:var(--soft);color:var(--muted);overflow:hidden}
.custom-title-color svg{width:20px;height:20px;pointer-events:none}
.custom-title-color input[type=color]{position:absolute;inset:0;width:100%;height:100%;padding:0;opacity:0;cursor:pointer}
.custom-title-color.selected,.title-color-reset[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}
.custom-title-color:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.product-card{cursor:pointer;position:relative}
.product-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.product-card.recently-changed::after{content:'';position:absolute;inset:0;border-radius:inherit;background:color-mix(in srgb,var(--accent) 16%,transparent);box-shadow:inset 0 0 0 2px var(--accent);pointer-events:none;opacity:0;animation:card-edit-glow 3s ease-out var(--change-elapsed,0ms) both}
@keyframes card-edit-glow{0%{opacity:1}25%{opacity:.85}100%{opacity:0}}
.editor-tags{margin-bottom:14px}.editor-tags>label{margin-bottom:7px}
.tag-choices,.product-tags{display:flex;flex-wrap:wrap;gap:5px}
.tag-choice{background:none;padding:3px;border:1px solid var(--line);border-radius:10px;color:var(--muted)}
.tag-choice[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.product-tag{display:inline-block;padding:3px 7px;border-radius:6px;font-size:max(14.4px,calc(1.2 * calc(11px * var(--text-scale,1))));font-weight:500;line-height:1.3;overflow-wrap:anywhere}
.product-tags{margin-top:7px;grid-column:1/-1}
body[data-card=dense] .product-tags,body[data-card=ledger] .product-tags{grid-row:4}
.offline-product-preview{display:inline-flex;align-items:center;justify-content:center;height:30px;width:36px;font-size:max(14.4px,calc(1.2 * 25px));margin:0 0 5px}
.expiry-editors{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.expiry-day-editor{display:flex;align-items:center;gap:5px;margin:0!important;padding:3px 5px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}
.expiry-day-editor input{width:65px;min-height:34px;padding:5px;background:var(--surface);font-size:max(14.4px,calc(1.2 * calc(14px * var(--text-scale,1))))}
.expiry-day-editor span{font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));color:var(--muted)}
.expiry-remove{width:24px;height:30px;border-radius:7px;background:none;color:var(--muted);font-size:max(14.4px,calc(1.2 * 20px))}
.expiry-add,.tag-add{display:flex;align-items:center;gap:8px;margin-top:12px}.expiry-add input,.tag-add input{min-width:0;flex:1}.expiry-add button,.tag-add button{white-space:nowrap;padding:10px}
.show-tags-setting{display:flex;align-items:center;gap:8px;font-size:max(14.4px,calc(1.2 * calc(14px * var(--text-scale,1))));margin:10px 0 16px}.show-tags-setting input{width:18px;height:18px;margin:0}
.tag-editor{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;margin-top:10px}
.tag-editor>input{min-width:0;font-size:max(14.4px,calc(1.2 * calc(14px * var(--text-scale,1))));padding:8px}
.tag-color-setting{display:flex;flex-direction:column;align-items:center;gap:3px;margin:0;font-size:max(14.4px,calc(1.2 * calc(10px * var(--text-scale,1))));color:var(--muted)}
.tag-color-setting input{width:36px;height:32px;padding:3px;border-radius:7px}.tag-color-setting span{max-width:60px;text-align:center}
.settings-delete{padding:6px 8px;border-radius:8px;background:var(--soft);color:var(--muted);font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))))}
.category-editor{grid-template-columns:minmax(0,1fr) auto auto}
#drawer-list li{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#drawer-list li .settings-delete{margin-left:auto}
.settings-card.design-card,.settings-card.about-card{display:none!important}
#inventory-page>.page-heading>div{display:none!important}#inventory-page>.page-heading{margin:0!important;padding:0!important;min-height:0!important}
@media(max-width:360px){.quantity-unit-row{grid-template-columns:1fr}.quantity-unit-row .quantity-input{width:104px}.unit-buttons{width:100%}.tag-editor{grid-template-columns:minmax(0,1fr) auto auto;gap:5px}}
@media(prefers-reduced-motion:reduce){.product-card.recently-changed::after{animation-timing-function:steps(1,end)}}
.tag-color-setting input[type=color]{flex:none;min-height:32px}
.show-tags-setting input[type=checkbox]{flex:none;padding:0}
.name-with-picture{position:relative}.name-with-picture input[name=name]{padding-right:50px}
.name-with-picture .offline-product-preview{position:absolute;right:10px;bottom:10px;margin:0;pointer-events:none}
.name-with-picture .offline-product-preview[hidden]{display:none!important}
.google-explanation,.family-creation-wait{max-width:460px;width:calc(100% - 28px);padding:22px;border:1px solid var(--line);border-radius:20px;color:var(--ink);background:var(--surface);font-size:max(14.4px,calc(1.2 * calc(14px * var(--text-scale,1))))}
.google-explanation h2,.family-creation-wait h2{font-size:max(14.4px,calc(1.2 * calc(20px * var(--text-scale,1))));line-height:1.25;margin-bottom:14px}
.google-explanation p,.family-creation-wait p{line-height:1.5;margin:12px 0}
.google-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px;flex-wrap:wrap}.google-modal-actions button{padding:10px 14px}
.google-legal-links{display:flex;gap:14px;flex-wrap:wrap}.google-legal-links a{color:var(--accent);text-decoration:underline}
.waiting-spinner{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:wait-spin 1s linear infinite;margin-bottom:16px}@keyframes wait-spin{to{transform:rotate(360deg)}}
.family-sync-details{font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));line-height:1.45;color:var(--muted);margin:6px 0 12px;overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){.waiting-spinner{animation:none}}
#mobile-title{font-size:max(14.4px,calc(1.2 * calc(16px * var(--text-scale,1))));white-space:normal;line-height:1.15;max-width:145px}
.legal-footer{font-size:max(14.4px,calc(1.2 * 12px))}.legal-footer a{text-decoration:underline}
/* Product editing is a full-screen view with a fixed, clickable navigation bar. */
body[data-theme] #product-dialog[open]{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0!important;overflow:hidden;scrollbar-gutter:auto}
#product-dialog #product-form{height:100%;display:flex;flex-direction:column;min-height:0;overflow:hidden}
#product-dialog .dialog-heading{position:relative;top:auto;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;flex:none;width:100%;min-height:64px;margin:0;padding:calc(8px + env(safe-area-inset-top,0px)) 12px 8px;background:var(--surface);border-bottom:1px solid var(--line);cursor:pointer;z-index:2}
#product-dialog .dialog-heading>div{text-align:center;min-width:0}
#product-dialog .dialog-heading h2{font-size:max(14.4px,calc(1.2 * calc(19px * var(--text-scale,1))));line-height:1.2;margin:0}
#product-dialog .dialog-heading .eyebrow{display:none}
#product-dialog .dialog-heading .icon-button{width:44px;height:44px;background:transparent;color:var(--ink);border-radius:12px}
#product-dialog .dialog-heading .icon-button svg{width:24px;height:24px}
#product-dialog .editor-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;width:100%;max-width:680px;margin:0 auto;padding:18px max(14.4px,env(safe-area-inset-left,0px)) calc(24px + env(safe-area-inset-bottom,0px));scrollbar-gutter:stable}
#product-dialog .dialog-heading:hover{background:var(--soft)}
#product-dialog .dialog-heading:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.unknown-food-picture{display:block;width:100%;height:100%;min-width:24px;max-width:94px;max-height:94px}
.product-art>span:has(.unknown-food-picture){display:flex;align-items:center;justify-content:center;width:75%;height:75%}
.offline-product-preview .unknown-food-picture{width:30px;height:30px}
/* Keep the editor edge-to-edge, including older phone dialog overrides. */
body[data-theme] #product-dialog[open]{width:100%!important;height:100dvh!important;margin:0!important;clip-path:none!important}
/* Tablet navigation stays compact; content receives the available width. */
@media(min-width:761px) and (max-width:1199px){
 body[data-theme]{--rail:96px}
 .sidebar,body[data-theme=focus] .sidebar{width:96px;padding:20px 8px}
 .sidebar .brand{padding:0;justify-content:center}.sidebar .brand>span:last-child,.sidebar .local-status{display:none}
 .navigation{margin-top:28px;gap:12px}
 .navigation button,body[data-theme=focus] .navigation button{flex-direction:column;justify-content:center;gap:6px;padding:10px 3px;min-height:78px;text-align:center;font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));line-height:1.25;position:relative}
 .navigation button>span:nth-child(2){min-width:0;max-width:100%;overflow-wrap:anywhere}
 .navigation .nav-count{position:absolute;right:5px;top:5px;margin:0}
 .topbar{padding:0 24px;min-height:72px;height:auto;gap:12px}.topbar-right{gap:12px}
 main,body[data-theme=cupertino] main,body[data-theme=focus] main{padding:24px}
 .summary{gap:12px;margin-bottom:20px}.summary article{padding:16px 12px;min-height:88px}.summary article div>span{font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))))}.summary .mixed-quantity{font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))))}
 body[data-card=tiles] #product-grid,body[data-card=tiles] #priority-grid,body[data-card=gallery] #product-grid,body[data-card=gallery] #priority-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
 .toolbar{flex-wrap:wrap;gap:10px}.toolbar select,.toolbar #category-select{flex:1;min-width:130px;font-size:max(14.4px,calc(1.2 * calc(14px * var(--text-scale,1))));min-height:44px;max-width:none}
 .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}.settings-card{min-width:0;padding:20px}.settings-card.family-card{grid-column:1/-1}
 .data-actions{flex-wrap:wrap}.data-actions button{white-space:normal}
 #design-panel .design-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:900px}
}
@media(min-width:1000px) and (max-width:1199px){
 body[data-card=tiles] #product-grid,body[data-card=tiles] #priority-grid,body[data-card=gallery] #product-grid,body[data-card=gallery] #priority-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(min-width:761px){
 #product-dialog .editor-body{max-width:760px;padding:28px 32px 40px}
 #product-dialog .dialog-heading{padding-left:24px;padding-right:24px;min-height:72px}
 #product-dialog .recent-list{grid-template-columns:repeat(4,minmax(0,1fr))}
 #product-dialog .form-row{gap:20px}
}
@media(min-width:761px) and (max-width:1199px){
 body[data-theme]{--rail:120px}.sidebar,body[data-theme=focus] .sidebar{width:120px}
 .navigation button,body[data-theme=focus] .navigation button{font-size:max(14.4px,calc(1.2 * calc(11px * var(--text-scale,1))))}
 .navigation button>span:nth-child(2){overflow-wrap:normal;word-break:normal}
 body[data-card=rows][data-appearance="1"] .product-card{grid-template-columns:86px minmax(0,1fr) 80px!important;gap:12px!important}
 body[data-card=rows]:not([data-appearance="1"]) .product-card{grid-template-columns:86px minmax(0,1fr)!important;gap:12px!important}
}
@media(min-width:1000px){
 body[data-card=rows] .product-body{grid-template-columns:minmax(0,1fr) 136px!important;column-gap:16px!important}
 body[data-card=rows] .product-title{grid-column:1!important;grid-row:1!important}
 body[data-card=rows] .location{grid-column:1!important;grid-row:2!important}
 body[data-card=rows] .quantity-stepper{grid-column:2!important;grid-row:1/3!important;align-self:center;margin:0!important}
}
body[data-card=dense] #product-grid,body[data-card=dense] #priority-grid,body[data-card=ledger] #product-grid,body[data-card=ledger] #priority-grid{grid-template-columns:1fr!important}
body[data-card=dense] .day-counter,body[data-card=ledger] .day-counter,body[data-card=compact] .day-counter{position:static!important;inset:auto!important;width:auto!important;align-self:center}
body[data-theme] #product-dialog[open]{width:100vw!important}
@media(min-width:761px) and (max-width:1199px){
 .settings-grid{display:block;column-count:2;column-gap:16px}
 .settings-grid>.settings-card{break-inside:avoid;display:inline-block;width:100%;margin:0 0 16px}
 .settings-grid>#family-settings{column-span:all;display:block}
 .navigation button,body[data-theme=focus] .navigation button{font-size:max(14.4px,calc(1.2 * clamp(11px,calc(11px * var(--text-scale,1)),14px)))}
}
@media(min-width:761px) and (max-width:1199px){
 body[data-card=rows][data-appearance="1"] .product-card{grid-template-columns:86px minmax(0,1fr) max-content!important}
 body[data-card=rows] .day-counter{min-width:80px}
 body[data-card=rows] .product-art span:not(.demo-badge){font-size:max(14.4px,calc(1.2 * clamp(32px,calc(36px * var(--text-scale,1)),48px)))}
}
/* Explicit space between the image track and text, at every viewport. */
body[data-card=rows] .product-card{column-gap:12px!important}
body[data-card=rows] .product-art{width:100%!important;max-width:76px!important;min-width:0}
@media(min-width:761px){#inventory-page>.page-heading{margin-bottom:16px!important}}
/* Shared card materials: visible edges and readable content in every palette. */
body[data-palette]{--card-line:color-mix(in srgb,var(--ink) 22%,var(--surface));--card-tint:color-mix(in srgb,var(--accent) 8%,var(--surface));--card-shadow:0 4px 14px #0000000a;--muted:color-mix(in srgb,var(--ink) 75%,var(--surface));color-scheme:light}
body[data-palette=night],body[data-palette=charcoal],body[data-palette=navy],body[data-palette=forest],body[data-palette=aubergine],body[data-palette=coffee]{color-scheme:dark;--card-shadow:0 5px 18px #00000035}
body[data-theme][data-card] #product-grid,body[data-theme][data-card] #priority-grid{gap:12px!important;background:transparent!important;border:0!important;align-items:start}
body[data-theme][data-card][data-appearance] .product-card{background:var(--surface)!important;border:1px solid var(--card-line)!important;border-radius:16px!important;box-shadow:var(--card-shadow)!important;color:var(--ink)}
body[data-theme][data-card][data-appearance="2"] .product-card{border:2px solid color-mix(in srgb,var(--accent) 45%,var(--surface))!important;border-radius:10px!important;box-shadow:none!important}
body[data-theme][data-card][data-appearance="3"] .product-card{background:var(--card-tint)!important;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--surface))!important;border-radius:18px!important;box-shadow:none!important}
body[data-theme][data-card][data-appearance="4"] .product-card{border-radius:22px!important;border:1px solid var(--card-line)!important;box-shadow:0 8px 24px #00000014!important}
body[data-theme][data-card][data-appearance="5"] .product-card{border-radius:12px!important;border:1px solid var(--card-line)!important;border-left:4px solid var(--accent)!important;box-shadow:none!important}
body[data-theme][data-card] .product-title{color:var(--ink);font-weight:650!important}
body[data-theme][data-card] .location{color:var(--muted)}
body[data-theme][data-card] .quantity-stepper{background:var(--soft)!important;border:1px solid var(--card-line)!important;border-radius:10px!important}
body[data-theme][data-card] .quantity-stepper .quantity{color:var(--ink)}
body[data-theme][data-card] .quantity-stepper .plus,body[data-theme][data-card] .quantity-stepper .minus{color:var(--ink);min-width:28px}
body[data-theme][data-card=ledger] #product-grid,body[data-theme][data-card=ledger] #priority-grid{gap:0!important;border:1px solid var(--card-line)!important;border-radius:14px;overflow:hidden}
body[data-theme][data-card=ledger][data-appearance] .product-card{border-radius:0!important;border:0!important;border-bottom:1px solid var(--card-line)!important;box-shadow:none!important}
body[data-theme][data-card=ledger][data-appearance="5"] .product-card{border-left:4px solid var(--accent)!important}
body[data-theme][data-card=ledger] .product-card:last-child{border-bottom:0!important}
body[data-theme][data-card=dense] #product-grid,body[data-theme][data-card=dense] #priority-grid{gap:8px!important}
body[data-theme][data-card=dense][data-appearance] .product-card{padding:12px!important}
body[data-theme][data-card] .day-counter.urgent strong{color:#8b590e}
body[data-theme][data-card] .day-counter.overdue strong{color:#ae3639}
body[data-palette=night] .day-counter.urgent strong,body[data-palette=charcoal] .day-counter.urgent strong,body[data-palette=navy] .day-counter.urgent strong,body[data-palette=forest] .day-counter.urgent strong,body[data-palette=aubergine] .day-counter.urgent strong,body[data-palette=coffee] .day-counter.urgent strong{color:#f3c16d!important}
body[data-palette=night] .day-counter.overdue strong,body[data-palette=charcoal] .day-counter.overdue strong,body[data-palette=navy] .day-counter.overdue strong,body[data-palette=forest] .day-counter.overdue strong,body[data-palette=aubergine] .day-counter.overdue strong,body[data-palette=coffee] .day-counter.overdue strong{color:#ffa7a1!important}
body[data-theme][data-card=compact] .quantity-stepper,body[data-theme][data-card=dense] .quantity-stepper,body[data-theme][data-card=ledger] .quantity-stepper{width:108px!important;max-width:100%!important;min-width:0}
/* Neutral gray uses white cards against a cooler canvas, rather than gray on gray. */
body[data-palette=gray]{--bg:#edf0f3;--soft:#e3e9ee;--card-tint:#fff;--accent:#46535f}
body[data-theme][data-card=compact][data-appearance="1"] .product-card,body[data-theme][data-card=dense][data-appearance="1"] .product-card,body[data-theme][data-card=ledger][data-appearance="1"] .product-card{grid-template-columns:minmax(0,1fr) 124px max-content!important}
body[data-theme][data-card=compact]:not([data-appearance="1"]) .product-card,body[data-theme][data-card=dense]:not([data-appearance="1"]) .product-card,body[data-theme][data-card=ledger]:not([data-appearance="1"]) .product-card{grid-template-columns:minmax(0,1fr) 124px!important}
body[data-theme][data-card=compact] .quantity-stepper,body[data-theme][data-card=dense] .quantity-stepper,body[data-theme][data-card=ledger] .quantity-stepper{width:124px!important}
body[data-palette=night] .primary,body[data-palette=charcoal] .primary,body[data-palette=navy] .primary,body[data-palette=forest] .primary,body[data-palette=aubergine] .primary,body[data-palette=coffee] .primary,body[data-palette=night] #add-main,body[data-palette=charcoal] #add-main,body[data-palette=navy] #add-main,body[data-palette=forest] #add-main,body[data-palette=aubergine] #add-main,body[data-palette=coffee] #add-main{color:var(--bg)!important}
body[data-palette=night] .product-art,body[data-palette=charcoal] .product-art,body[data-palette=navy] .product-art,body[data-palette=forest] .product-art,body[data-palette=aubergine] .product-art,body[data-palette=coffee] .product-art{background:color-mix(in srgb,var(--accent) 16%,var(--surface))!important}
.product-card.recently-changed::after{background:none;box-shadow:inset 0 0 0 3px var(--accent)}
.family-sharing-status{padding:12px 14px;border:1px solid var(--card-line);border-radius:12px;background:var(--surface);font-size:max(14.4px,calc(1.2 * calc(13px * var(--text-scale,1))));line-height:1.45;margin:12px 0}
.family-sharing-status[data-access=private],.family-sharing-status[data-access=public]{border-color:var(--accent);background:var(--card-tint)}
.storage-numbers{display:inline-flex!important;align-items:baseline;white-space:nowrap;gap:0;font:inherit!important;margin:0!important;color:inherit!important;max-width:none!important}
.storage-remaining{font:inherit!important;margin:0!important;color:inherit!important;max-width:none!important}
.storage-total{font-size:max(14.4px,.65em)!important;color:var(--muted)!important;font-weight:500!important;margin:0!important;white-space:pre!important;max-width:none!important}
.day-counter strong{white-space:nowrap}.day-counter .storage-numbers{line-height:1.1!important}
body[data-theme][data-card=rows] .day-counter strong{font-size:max(14.4px,calc(1.2 * clamp(24px,calc(29px * var(--text-scale,1)),42px)))!important}
body[data-theme][data-card] .day-counter strong .storage-numbers,body[data-theme][data-card] .day-counter strong .storage-remaining{font-size:inherit!important;font-weight:inherit!important;display:inline-flex!important;line-height:inherit!important;min-width:0!important;width:auto!important;margin:0!important}
body[data-theme][data-card] .day-counter strong .storage-total{font-size:max(14.4px,.65em)!important;display:inline!important;color:var(--muted)!important;line-height:inherit!important;width:auto!important;min-width:0!important;margin:0!important}
.measure-choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.measure-choices button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--accent);color:var(--ink)}
.settings-card{min-width:0}
@media(max-width:760px){.settings-grid{grid-template-columns:minmax(0,1fr)!important}.settings-card .small-note{overflow-wrap:anywhere}}
body[data-theme][data-card] .product-art .expiry-badge{font-size:max(14.4px,calc(1.2 * clamp(10px,calc(10px * var(--text-scale,1)),11px)))!important}
@media(max-width:420px){body[data-theme][data-card=compact][data-appearance="1"] .product-card,body[data-theme][data-card=dense][data-appearance="1"] .product-card,body[data-theme][data-card=ledger][data-appearance="1"] .product-card{grid-template-columns:minmax(0,1fr) 124px!important}}
body[data-theme][data-card=tiles] .day-counter,body[data-theme][data-card=gallery] .day-counter{flex-wrap:wrap!important;gap:6px 10px!important}
body[data-theme][data-card=tiles] .day-counter strong,body[data-theme][data-card=gallery] .day-counter strong{font-size:max(14.4px,calc(1.2 * clamp(26px,calc(32px * var(--text-scale,1)),42px)))!important}
/* Deadline columns keep the same edge for one-, two- and three-digit values. */
body[data-theme][data-card]{--deadline-track:clamp(132px,calc(140px * var(--text-scale,1)),184px)}
body[data-theme][data-card=rows][data-appearance="1"] .product-card{grid-template-columns:86px minmax(0,1fr) var(--deadline-track)!important}
body[data-theme][data-card=rows] .day-counter,body[data-theme][data-card=compact] .day-counter,body[data-theme][data-card=dense] .day-counter,body[data-theme][data-card=ledger] .day-counter{width:var(--deadline-track)!important;min-width:0!important;justify-self:end;text-align:right;box-sizing:border-box}
body[data-theme][data-card=compact][data-appearance="1"] .product-card,body[data-theme][data-card=dense][data-appearance="1"] .product-card,body[data-theme][data-card=ledger][data-appearance="1"] .product-card{grid-template-columns:minmax(0,1fr) 124px var(--deadline-track)!important}
.day-counter{font-variant-numeric:tabular-nums}.day-counter>span{white-space:nowrap!important}.storage-numbers{font-variant-numeric:tabular-nums}
@media(max-width:600px){


 body[data-theme][data-card] .product-card .day-counter strong{font-size:max(14.4px,calc(1.2 * clamp(20px,calc(24px * var(--text-scale,1)),28px)))!important}
}
.family-sync-notice{display:block;width:100%;border:0;border-bottom:1px solid var(--card-line);padding:9px 16px;text-align:center;background:var(--soft);color:var(--ink);font-size:max(14.4px,calc(1.2 * calc(12px * var(--text-scale,1))));cursor:pointer}.family-sync-notice[hidden]{display:none}.family-resume-sync{margin:0 0 12px}
body[data-theme][data-card] .storage-total,body[data-theme][data-card] .day-counter strong .storage-total{display:inline-flex!important;align-items:baseline;gap:0}
.storage-duration{display:inline-block;min-width:3ch;text-align:right}.storage-slash{white-space:pre}
/* Nested ratio pieces inherit the denominator size, never the caption size. */
body[data-theme][data-card] .storage-total .storage-slash,body[data-theme][data-card] .storage-total .storage-duration{font:inherit!important;color:inherit!important;line-height:inherit!important;margin:0!important;max-width:none!important;white-space:pre!important}
body[data-theme][data-card] .storage-total .storage-duration{display:inline-block!important;width:auto!important;min-width:3ch!important;text-align:right!important}
body[data-theme][data-card] .storage-total .storage-slash{display:inline!important;width:auto!important;min-width:0!important}

/* Readable type baseline: 20% larger, minimum 16px for visible text. */
.product-card .day-counter>span{letter-spacing:0!important;line-height:1.35!important}.product-card .quantity small{letter-spacing:0}
.list-heading{flex-wrap:wrap;align-items:center;gap:8px}.group-control{max-width:100%;min-width:0}.group-control button{min-width:0;white-space:normal}.list-heading .group-control{margin-left:auto}
body[data-theme][data-card]{--quantity-track:clamp(136px,calc(110px * var(--text-scale,1)),176px)}
body[data-theme][data-card] .quantity-stepper{width:var(--quantity-track)!important;max-width:100%!important;min-height:44px!important}
body[data-theme][data-card] .quantity-stepper .quantity{min-width:0;flex:1;padding:4px 2px}.quantity small{margin-left:5px}
body[data-theme][data-card=compact][data-appearance="1"] .product-card,body[data-theme][data-card=dense][data-appearance="1"] .product-card,body[data-theme][data-card=ledger][data-appearance="1"] .product-card{grid-template-columns:minmax(0,1fr) var(--quantity-track) var(--deadline-track)!important}
body[data-theme][data-card=compact]:not([data-appearance="1"]) .product-card,body[data-theme][data-card=dense]:not([data-appearance="1"]) .product-card,body[data-theme][data-card=ledger]:not([data-appearance="1"]) .product-card{grid-template-columns:minmax(0,1fr) var(--quantity-track)!important}
@media(min-width:1000px){body[data-theme][data-card=rows] .product-body{grid-template-columns:minmax(0,1fr) var(--quantity-track)!important}}
small{font-size:max(14.4px,.8333em)}
body[data-theme][data-card] .expiry-inline{display:flex!important;flex-wrap:wrap;align-items:baseline;gap:4px 8px;white-space:normal!important;max-width:100%;line-height:1.35!important}.storage-caption{white-space:nowrap!important}.expiry-timeline>span{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}
body[data-theme][data-card] .product-card>.expiry-inline,body[data-theme][data-card] .product-card>.expiry-timeline{grid-column:1/-1!important;grid-row:auto!important;min-width:0;max-width:100%;margin-top:6px!important}.product-card>.expiry-inline{justify-content:space-between}.product-card>.expiry-timeline>span{justify-content:space-between}
.product-art>span:not(.demo-badge):not(.expiry-badge){max-width:100%;min-width:0}
@media(max-width:600px){body[data-theme][data-card=tiles] #product-grid,body[data-theme][data-card=tiles] #priority-grid,body[data-theme][data-card=gallery] #product-grid,body[data-theme][data-card=gallery] #priority-grid{grid-template-columns:minmax(0,1fr)!important}}
.tag-editor{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tag-editor>input{grid-column:1/-1;width:100%}.tag-color-setting{min-width:0}.tag-color-setting span{max-width:100%;overflow-wrap:anywhere;text-align:center}.settings-card h2{overflow-wrap:anywhere}
#mobile-title{overflow-wrap:anywhere}
@media(max-width:760px){body[data-theme] .topbar{height:auto!important;min-height:72px!important;padding-top:10px!important;padding-bottom:10px!important}body[data-theme] main{padding-bottom:calc(var(--navigation-height,128px) + 24px)!important}body[data-theme] #add-main{bottom:calc(var(--navigation-height,128px) + 16px)!important}#toast{bottom:calc(var(--navigation-height,128px) + 16px)!important}}
@media(min-width:761px) and (max-width:1199px){body[data-theme]{--rail:144px}.sidebar,body[data-theme=focus] .sidebar{width:144px}}
body[data-theme][data-card]{--deadline-track:clamp(180px,calc(180px * var(--text-scale,1)),288px)}
body[data-theme][data-card] .storage-numbers{gap:4px!important}body[data-theme][data-card] .storage-total{gap:4px!important}
@media(max-width:760px){body[data-theme] .sidebar{height:auto!important;min-height:0!important}body[data-theme] .navigation{height:auto!important}}
/* Restore deadline positions; compact numeric ratios need no explanatory caption. */
body[data-theme][data-card]{--deadline-track:clamp(136px,calc(142px * var(--text-scale,1)),200px)}
body[data-theme][data-card] .storage-numbers,body[data-theme][data-card] .storage-total{gap:0!important}
body[data-theme][data-card] .storage-total .storage-duration{min-width:0!important;width:auto!important;text-align:left!important}
body[data-theme][data-card] .product-card .day-counter{display:block!important;grid-column:auto!important;grid-row:auto!important;align-self:center;justify-self:end;padding:0 0 0 10px!important}
body[data-theme][data-card] .product-card .day-counter>strong{margin:0!important}
.editor-storage-summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin:0 0 16px;color:var(--muted);font-size:max(14.4px,calc(14.4px * var(--text-scale,1)))}.editor-storage-summary>.storage-numbers{font-weight:700;color:var(--ink);font-size:max(18px,calc(19px * var(--text-scale,1)))!important}
@media(max-width:420px){
 body[data-theme][data-card]{--deadline-track:clamp(64px,calc(60px * var(--text-scale,1)),96px)}
 body[data-theme][data-card=rows][data-appearance="1"] .product-card{grid-template-columns:44px minmax(0,1fr) var(--deadline-track)!important;gap:8px!important;padding:12px!important}
 body[data-theme][data-card=rows][data-appearance="1"] .product-art{width:44px!important;height:58px!important}
 body[data-theme][data-card=rows][data-appearance="1"] .product-body{display:contents!important}
 body[data-theme][data-card=rows][data-appearance="1"] .product-title{grid-column:2!important;grid-row:1!important}
 body[data-theme][data-card=rows][data-appearance="1"] .location{grid-column:2!important;grid-row:2!important}
 body[data-theme][data-card=rows][data-appearance="1"] .quantity-stepper{grid-column:1/3!important;grid-row:3!important}
 body[data-theme][data-card=rows][data-appearance="1"] .day-counter{grid-column:3!important;grid-row:1/4!important;padding-left:0!important}
 body[data-theme][data-card=compact][data-appearance="1"] .product-card,body[data-theme][data-card=dense][data-appearance="1"] .product-card,body[data-theme][data-card=ledger][data-appearance="1"] .product-card{grid-template-columns:minmax(0,1fr) var(--quantity-track) var(--deadline-track)!important;gap:8px!important}
 body[data-theme][data-card] .day-counter .storage-numbers{flex-direction:column;align-items:center;gap:2px!important}
 body[data-theme][data-card] .day-counter .storage-total{border-top:1px solid var(--line);padding-top:2px;width:100%!important;justify-content:center;font-size:max(14.4px,.65em)!important}
 body[data-theme][data-card] .day-counter .storage-slash{display:none!important}
 body[data-theme][data-card] .quantity-stepper .plus,body[data-theme][data-card] .quantity-stepper .minus{width:24px;min-width:24px}
}
@media(max-width:420px){body[data-theme][data-card=compact][data-appearance="1"] .product-card,body[data-theme][data-card=dense][data-appearance="1"] .product-card,body[data-theme][data-card=ledger][data-appearance="1"] .product-card{grid-template-columns:minmax(0,1fr) var(--deadline-track)!important}body[data-theme][data-card=compact][data-appearance="1"] .product-body,body[data-theme][data-card=dense][data-appearance="1"] .product-body,body[data-theme][data-card=ledger][data-appearance="1"] .product-body{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-column:1!important;grid-row:1!important;gap:5px!important}body[data-theme][data-card=compact][data-appearance="1"] .quantity-stepper,body[data-theme][data-card=dense][data-appearance="1"] .quantity-stepper,body[data-theme][data-card=ledger][data-appearance="1"] .quantity-stepper{grid-column:1!important;grid-row:3!important;justify-self:start}body[data-theme][data-card=compact][data-appearance="1"] .day-counter,body[data-theme][data-card=dense][data-appearance="1"] .day-counter,body[data-theme][data-card=ledger][data-appearance="1"] .day-counter{grid-column:2!important;grid-row:1!important;padding-left:0!important}}
/* Three editor compositions share the same fields and data. */
body[data-theme] #product-dialog[data-editor-redesigned=true] .dialog-heading{grid-template-columns:44px minmax(0,1fr) max-content!important;padding:8px 14px!important}
body[data-theme] #product-dialog .dialog-heading h2{font-size:max(14.4px,calc(18px * var(--text-scale,1)));overflow-wrap:anywhere}
body[data-theme] #product-dialog .dialog-heading .editor-save,.editor-save{width:auto!important;min-width:0;height:44px;padding:0 10px;border:0;border-radius:10px;color:var(--accent)!important;font:inherit;font-weight:650;background:var(--soft)!important;cursor:pointer}
body[data-theme] #product-dialog[data-editor-redesigned=true] .editor-body{display:flex;flex-direction:column;gap:16px;max-width:800px;padding-top:16px}
#product-dialog[data-editor-redesigned=true] .editor-body>*,#product-dialog[data-editor-redesigned=true] .editor-body>label{margin-top:0!important;margin-bottom:0!important;flex-shrink:0;min-width:0}
#product-dialog .editor-name{position:relative;display:block;margin:0}
#product-dialog .editor-name-label,#product-dialog .editor-name #offline-product-preview{display:none!important}
#product-dialog .editor-name input[name=name]{height:56px;padding:12px 62px 12px 14px;font-size:max(16px,calc(19px * var(--text-scale,1)));font-weight:550;border-radius:14px}
.name-camera{position:absolute;right:6px;top:6px;width:44px;height:44px;display:grid;place-items:center;background:var(--soft);color:var(--accent);border:0;border-radius:11px;cursor:pointer}.name-camera svg{width:25px;height:25px}
#product-dialog[data-editor-redesigned=true] #recent-wrap{width:100%;overflow:hidden}
#product-dialog[data-editor-redesigned=true] #recent-list{display:grid!important;grid-template-rows:repeat(3,max-content);grid-auto-columns:max-content;gap:3px 7px;overflow-x:auto;overflow-y:hidden;width:100%;padding:0 0 7px;scrollbar-width:thin;overscroll-behavior-x:contain;mask-image:linear-gradient(to right,#000 94%,transparent)}
#product-dialog #recent-list .suggestion-word{padding:4px 9px!important;min-height:29px!important;min-width:0!important;width:auto!important;border:0;border-radius:8px;color:var(--ink);background:var(--soft);white-space:nowrap;font:inherit;font-size:max(14.4px,calc(14.4px * var(--text-scale,1)));font-weight:450;cursor:pointer}
#product-dialog .editor-quantity{gap:10px;align-items:end}#product-dialog .editor-quantity>label{min-width:0;flex:1}#product-dialog .editor-quantity>label>span{font-size:max(14.4px,calc(14.4px * var(--text-scale,1)))}
#product-dialog .editor-dates{display:grid!important;grid-template-columns:minmax(110px,.72fr) minmax(0,1.28fr);gap:14px;align-items:start}#product-dialog .editor-dates[hidden]{display:none!important}
#product-dialog .editor-dates>label{min-width:0}#product-dialog .editor-dates>label>span{font-size:max(14.4px,calc(14.4px * var(--text-scale,1)));min-height:38px;display:flex;align-items:center;margin:0 0 4px}
#product-dialog .editor-dates input[type=date]{width:100%;min-width:0;padding:10px 6px;height:44px;font-size:max(14.4px,calc(14.4px * var(--text-scale,1)))}
#product-dialog .legacy-use-by{display:none!important}.storage-period{min-width:0}.storage-period-top{display:flex;gap:5px;align-items:center;justify-content:space-between;flex-wrap:wrap;min-height:38px;margin-bottom:4px}.storage-period-top label{font-size:max(14.4px,calc(14.4px * var(--text-scale,1)));font-weight:500;margin:0}.storage-period-value{background:var(--soft);color:var(--accent);border:0;border-radius:7px;padding:4px 7px;font:inherit;font-size:max(14.4px,calc(14.4px * var(--text-scale,1)));cursor:pointer}
#storage-period-range,.quick-expiry-range{display:block;width:100%;height:30px;margin:0;padding:0;accent-color:var(--accent);cursor:pointer}.storage-period-scale{display:flex;justify-content:space-between;gap:2px;color:var(--muted);font-size:14.4px}.storage-period-scale span:nth-child(2){display:none}.editor-use-by{display:block;width:100%;margin:6px 0 0;padding:0;border:0;background:none;text-align:left;color:var(--accent);font:inherit;font-size:max(14.4px,calc(14.4px * var(--text-scale,1)));line-height:1.35;cursor:pointer}
#product-dialog .editor-tags{margin:0}#product-dialog .editor-organisation{gap:12px}#product-dialog .photo-actions{gap:8px}#product-dialog .photo-actions button{min-width:0;padding-left:10px;padding-right:10px}#product-dialog #photo-preview{max-height:320px;width:100%;object-fit:contain;background:var(--soft);border-radius:14px;margin:10px 0 0}
#product-dialog[data-editor-layout="2"] .editor-body{background:var(--bg)}#product-dialog[data-editor-layout="2"] .editor-name,#product-dialog[data-editor-layout="2"] .editor-quantity,#product-dialog[data-editor-layout="2"] .editor-dates,#product-dialog[data-editor-layout="2"] .editor-organisation,#product-dialog[data-editor-layout="2"] .photo-field,#product-dialog[data-editor-layout="2"] .voice-field,#product-dialog[data-editor-layout="2"] .editor-notes,#product-dialog[data-editor-layout="2"] #editor-tags,#product-dialog[data-editor-layout="2"] .title-color-field{padding:12px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
#product-dialog[data-editor-layout="2"] .editor-name{padding:0;border:0}#product-dialog[data-editor-layout="2"] input,#product-dialog[data-editor-layout="2"] select{background:var(--bg)}
#product-dialog[data-editor-layout="3"] .editor-body{gap:18px}#product-dialog[data-editor-layout="3"] .editor-name input{border-radius:4px;border-bottom:3px solid var(--accent)}#product-dialog[data-editor-layout="3"] .editor-dates{border-left:3px solid var(--accent);padding:10px 12px;background:var(--soft)}#product-dialog[data-editor-layout="3"] #recent-list .suggestion-word{border-radius:3px;background:transparent;border-bottom:1px solid var(--line)}#product-dialog[data-editor-layout="3"] .editor-organisation,#product-dialog[data-editor-layout="3"] #editor-tags{padding-top:12px;border-top:1px solid var(--line)}
.editor-picker-header{display:grid;grid-template-columns:44px minmax(0,1fr) max-content;gap:8px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--surface);flex-shrink:0}.editor-picker-header h2{margin:0;font-size:max(16px,calc(18px * var(--text-scale,1)));line-height:1.2}.editor-picker-header .icon-button{display:grid;place-items:center}.editor-picker-header svg{height:24px;width:24px}
.period-picker{padding:0;width:min(520px,calc(100% - 20px));border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);max-height:90dvh}.period-parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px 16px}.period-part{min-width:0;margin:0}.period-part>span{display:block;margin-bottom:6px;color:var(--muted)}.period-part-controls{display:grid;grid-template-columns:1fr 1fr;gap:4px}.period-part-controls input{grid-column:1/-1;text-align:center;width:100%;font-size:22px;min-width:0;padding:10px 4px}.period-part-controls button{height:40px;font:inherit;background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:8px;cursor:pointer}.period-picker>.text-button{display:block;margin:0 auto 16px}
body .deadline-calendar[open]{position:fixed;inset:0;margin:0;width:100%;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;padding:0;display:flex;flex-direction:column;background:var(--bg);color:var(--ink)}.calendar-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.calendar-months{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;max-width:850px;margin:0 auto;padding:18px 10px 30px}.calendar-month{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:9px 5px}.calendar-month h3{font-size:max(14.4px,calc(15px * var(--text-scale,1)));margin:0 3px 3px;line-height:1.3;overflow-wrap:anywhere;text-transform:capitalize}.calendar-distance{font-size:14.4px;color:var(--muted);margin:0 3px 8px}.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px}.calendar-weekday{text-align:center;color:var(--muted);font-size:14.4px;padding:3px 0}.calendar-day{min-width:0;width:100%;height:32px;padding:0;text-align:center;line-height:1;font-size:14.4px;border:0;border-radius:6px;background:none;color:var(--ink);cursor:pointer}.calendar-day:disabled{opacity:.25;cursor:default}.calendar-day.today{box-shadow:inset 0 0 0 1px var(--accent)}.calendar-day[aria-pressed=true]{background:var(--accent);color:var(--surface)}.calendar-day:hover:not(:disabled){background:var(--soft)}
@media(min-width:761px){.calendar-months{gap:24px;padding:24px}.calendar-month{padding:16px}.calendar-day{height:44px;font-size:16px}.storage-period-scale span:nth-child(2){display:inline}#product-dialog .editor-dates{grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr)}}
.quick-page{max-width:900px;margin:0 auto}.quick-page h1{font-size:max(20px,calc(24px * var(--text-scale,1)));line-height:1.2;margin:22px 0 10px}.quick-help{color:var(--muted);line-height:1.5;margin:0 0 18px;font-size:max(14.4px,calc(16px * var(--text-scale,1)))}.quick-single{width:100%;min-height:48px}.quick-drawer-label{display:flex;align-items:center;gap:14px;margin-bottom:20px}.quick-drawer-label>span{flex:1}.quick-drawer-label select{width:55%;min-width:0;font-size:max(14.4px,calc(16px * var(--text-scale,1)));min-height:44px}.quick-list{display:flex;flex-direction:column;gap:14px;margin-bottom:25px}.quick-card{padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--surface);outline:2px solid transparent;outline-offset:1px;transition:outline-color .15s,box-shadow .15s}.quick-card.quick-current{outline-color:var(--accent);box-shadow:0 4px 20px color-mix(in srgb,var(--accent) 12%,transparent)}.quick-row-top{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center}.quick-photo{width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--accent);overflow:hidden;cursor:pointer}.quick-photo svg{width:24px;height:24px}.quick-photo img{width:100%;height:100%;object-fit:cover}.quick-name{min-width:0;width:100%;height:46px;font-size:max(16px,calc(17px * var(--text-scale,1)));padding:8px 10px}.quick-row-bottom{display:grid;grid-template-columns:minmax(112px,.9fr) minmax(0,1.1fr);gap:12px;align-items:center;margin-top:12px}.quick-quantity{display:grid;grid-template-columns:28px minmax(30px,1fr) 28px max-content;gap:2px;align-items:center;max-width:180px}.quick-quantity button{height:36px;padding:0;border:0;border-radius:8px;background:var(--soft);color:var(--ink);font:inherit;font-size:20px;cursor:pointer}.quick-quantity input{min-width:0;width:100%;text-align:center;padding:6px 0;border:0;background:transparent;font-size:max(16px,calc(17px * var(--text-scale,1)));appearance:textfield}.quick-quantity input::-webkit-inner-spin-button{appearance:none}.quick-unit{font-size:max(14.4px,calc(14.4px * var(--text-scale,1)));color:var(--muted);margin-left:4px}.quick-expiry{min-width:0}.quick-expiry-label{display:block;color:var(--muted);font-size:max(14.4px,calc(14.4px * var(--text-scale,1)));margin:0}.quick-save-status{display:block;min-height:20px;margin:6px 0 0 54px;font-size:max(14.4px,calc(14.4px * var(--text-scale,1)));color:var(--accent)}
body[data-quick-layout="2"] .quick-list{gap:0;border:1px solid var(--line);border-radius:18px;overflow:visible;background:var(--surface)}body[data-quick-layout="2"] .quick-card{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:16px}body[data-quick-layout="2"] .quick-card:first-child{border-radius:18px 18px 0 0}body[data-quick-layout="2"] .quick-card:last-child{border-bottom:0;border-radius:0 0 18px 18px}body[data-quick-layout="2"] .quick-name{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}body[data-quick-layout="2"] .quick-card.quick-current{border-radius:14px;background:var(--soft)}
body[data-quick-layout="3"] .quick-card{border-radius:5px;border-left:4px solid var(--line);padding:14px 12px}body[data-quick-layout="3"] .quick-card.quick-current{border-left-color:var(--accent)}body[data-quick-layout="3"] .quick-photo{border-radius:4px}body[data-quick-layout="3"] .quick-row-bottom{border-top:1px solid var(--line);padding-top:10px}body[data-quick-layout="3"] .quick-name{background:transparent;border:0;border-radius:0}
.quick-camera{padding:0;border:1px solid var(--line);border-radius:16px;width:min(650px,calc(100% - 20px));background:var(--surface);color:var(--ink)}.quick-camera video{display:block;width:100%;max-height:60dvh;object-fit:contain;background:#000}.quick-camera>.primary{display:block;margin:14px auto}
@media(max-width:760px){body[data-theme] .navigation{grid-template-columns:repeat(5,minmax(0,1fr))!important}body[data-theme] .navigation button{padding-left:2px;padding-right:2px;min-width:0}body[data-theme] .navigation button>span:nth-child(2){max-width:100%;overflow-wrap:anywhere;font-size:max(14.4px,calc(14.4px * var(--text-scale,1)));line-height:1.15}}
@media(min-width:761px){.quick-single{width:auto;min-width:230px}.quick-list{max-width:760px}.quick-drawer-label{max-width:500px}.quick-card{padding:20px}.quick-row-top{grid-template-columns:54px minmax(0,1fr);gap:16px}.quick-photo{width:54px;height:54px}.quick-row-bottom{margin-left:70px;grid-template-columns:180px minmax(0,1fr);gap:24px}.quick-save-status{margin-left:70px}.quick-name{height:54px}}
.quick-name,.quick-drawer-label select{border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink)}.quick-drawer-label select{padding:9px 10px}.quick-save-status:empty{display:none}.quick-page h1{font-size:max(20px,calc(22px * var(--text-scale,1)));margin-top:18px;margin-bottom:8px}.quick-help{line-height:1.4}.quick-card{padding:12px}.quick-row-bottom{margin-top:10px}.quick-expiry-range{height:27px}
@media(min-width:761px){.quick-card{padding:20px}}
#product-dialog[data-editor-redesigned=true] #recent-list{grid-template-columns:none!important;grid-auto-flow:column}
@media(max-width:760px){body[data-theme] .navigation button>span:nth-child(2){font-size:max(14.4px,calc(14.4px * var(--text-scale,1)))!important;min-height:2.3em!important;height:auto!important;padding:0;line-height:1.15!important}body[data-theme] .navigation button{height:auto!important;min-height:72px!important;gap:3px;padding-top:5px;padding-bottom:5px}.quick-help{margin-bottom:12px}.quick-drawer-label{margin-bottom:16px}.quick-list{gap:10px}}
body[data-theme] .quick-page h1{font-size:max(20px,calc(22px * var(--text-scale,1)));letter-spacing:normal}
#product-dialog .editor-dates{grid-template-columns:minmax(124px,.78fr) minmax(0,1.22fr)}#product-dialog .editor-dates input[type=date]::-webkit-calendar-picker-indicator{width:14px;margin:0;padding:0}
@media(max-width:760px){body[data-theme] .navigation button>span:nth-child(2){font-weight:500;letter-spacing:-.2px}}
/* Five-year controls: two date columns, then one compact duration row. */
body[data-theme] #product-dialog .editor-date-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 14px;align-items:start}
#product-dialog .editor-date-grid>label>span:first-child{min-height:22px!important;height:auto;display:block;margin:0 0 6px!important;line-height:1.3;font-size:max(14.4px,calc(14.4px * var(--text-scale,1)))}
#product-dialog .editor-date-grid .editor-use-by-field{display:flex!important;flex-direction:column;min-width:0}
#product-dialog .editor-date-grid .editor-use-by-field>input[hidden]{display:none!important}
#product-dialog .editor-date-grid .editor-use-by{margin:0;height:44px;min-height:44px;padding:8px 9px;display:flex;align-items:center;justify-content:space-between;gap:3px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink);font-size:max(14.4px,calc(14.4px * var(--text-scale,1)));line-height:1.2;overflow-wrap:anywhere}
.editor-use-by svg{width:15px;height:15px;flex-shrink:0}
#product-dialog .editor-date-grid .storage-period{grid-column:1/-1;display:grid;grid-template-columns:max-content minmax(40px,1fr) max-content;align-items:center;gap:8px}
#product-dialog .editor-date-grid .storage-period-top{display:contents}
#product-dialog .editor-date-grid .storage-period-top label{grid-column:1;grid-row:1;font-weight:450;max-width:135px;line-height:1.25}
#product-dialog .editor-date-grid #storage-period-range{grid-column:2;grid-row:1;height:38px}
#product-dialog .editor-date-grid #storage-period-value{grid-column:3;grid-row:1;max-width:100px;min-height:34px;padding:5px 7px;line-height:1.25;white-space:normal}
#product-dialog .storage-period-scale{display:none!important}
#product-dialog .editor-quantity{grid-template-columns:126px minmax(0,1fr)!important;gap:8px!important}
#product-dialog .editor-quantity .quantity-input{width:126px;height:44px;min-height:44px}
#product-dialog .editor-quantity .quantity-input button{width:38px!important;height:44px!important;font-size:28px!important;padding:0}
#product-dialog .editor-quantity .quantity-input input{width:48px;height:42px;padding-left:0;padding-right:0}
#product-dialog .editor-quantity .unit-buttons{height:44px;min-height:44px;padding:3px 1px;gap:0}
#product-dialog .editor-quantity .unit-option{padding:0 2px;font-size:max(14.4px,calc(14.4px * var(--text-scale,1)))}
#product-dialog[data-editor-redesigned=true] #recent-list{display:flex!important;gap:18px;align-items:stretch;grid-template-columns:none!important;padding:8px 8px 10px;border:1px solid var(--line);border-radius:12px;scrollbar-width:auto;scrollbar-color:var(--accent) var(--soft);mask-image:none}
.suggestion-letter-group{flex:none;min-width:max-content;border-right:1px solid var(--line);padding-right:16px}
.suggestion-letter-group:last-child{border-right:0;padding-right:0}.suggestion-letter{display:block;font-size:max(28px,calc(28px * var(--text-scale,1)));line-height:1.1;color:var(--accent);margin:0 0 7px 5px;font-weight:650}
.suggestion-letter-words{display:grid;grid-template-rows:repeat(3,minmax(29px,max-content));grid-auto-columns:max-content;grid-auto-flow:column;gap:3px 7px}
#product-dialog #recent-list::-webkit-scrollbar{height:14px}#product-dialog #recent-list::-webkit-scrollbar-track{background:var(--soft);border-radius:8px}#product-dialog #recent-list::-webkit-scrollbar-thumb{background:var(--accent);border-radius:8px;border:2px solid var(--soft)}
.quick-row-bottom{grid-template-columns:max-content minmax(0,1fr);gap:10px}
.quick-quantity{grid-template-columns:40px minmax(36px,max-content) 40px max-content;gap:0;max-width:none;justify-content:start}
.quick-quantity button{width:40px;height:44px;font-size:28px;border-radius:9px;padding:0}
.quick-quantity input{height:44px;min-width:36px;width:2ch;padding:0}
.quick-unit{margin-left:4px}.quick-extras{display:flex;flex-direction:column;gap:8px;margin:10px 0 0}
.quick-tags{display:flex;flex-wrap:wrap;gap:4px}.quick-tag{padding:0;background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer}.quick-tag .product-tag{padding:3px 6px;line-height:1.2;font-size:max(14.4px,calc(14.4px * var(--text-scale,1)))}.quick-tag[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.quick-colors{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:2px}
.quick-color{width:28px;height:28px;min-width:28px;padding:0;border:1px solid color-mix(in srgb,var(--ink) 20%,var(--line));border-radius:50%;display:grid;place-items:center;cursor:pointer}.quick-color[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}.quick-color svg{width:16px;height:16px;color:var(--muted)}
@media(min-width:761px){.quick-row-bottom{grid-template-columns:max-content minmax(0,1fr);gap:20px}.quick-extras{margin-left:70px;flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px}.quick-tags{flex:1}}
body[data-theme] #product-dialog .dialog-heading .editor-auto-heading{display:flex;align-items:center;gap:6px;text-align:right;max-width:170px}
.editor-auto-hint{display:block;color:var(--muted);font-size:14.4px;line-height:1.15;max-width:124px;font-weight:400}
body[data-theme] #product-dialog .dialog-heading .editor-auto-heading .icon-button{width:36px;height:44px;min-width:36px;border-radius:9px}
@media(max-width:380px){body[data-theme] #product-dialog .dialog-heading{gap:5px!important;padding-left:8px!important;padding-right:8px!important}.editor-auto-hint{max-width:110px}body[data-theme] #product-dialog .dialog-heading h2{font-size:16px}}

#product-dialog .editor-date-grid>label{margin:0!important}

#product-dialog .editor-date-grid .storage-period{grid-template-columns:108px minmax(30px,1fr) 96px!important}#product-dialog .editor-date-grid #storage-period-value{width:96px;max-width:none!important;min-height:48px;height:48px;display:flex;align-items:center;justify-content:center} .quick-colors[hidden],#title-color-field[hidden]{display:none!important}.quick-hide{background:none;color:var(--accent);padding:2px 5px;text-decoration:underline}.quick-save-status{display:block;min-height:24px}.quick-color-toggle,.editor-color-toggle{background:var(--soft);color:var(--accent);border:1px solid var(--line);border-radius:8px;padding:4px 9px}.quick-card{scroll-margin-top:76px}

/* A single scroll surface per fullscreen modal; the background never scrolls. */
html:has(dialog[open]),body:has(dialog[open]){overflow:hidden!important;overscroll-behavior:none}
body dialog{position:fixed!important;inset:0!important;width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border:0!important;border-radius:0!important;box-sizing:border-box!important;overflow-y:auto}
body #product-dialog{overflow:hidden!important}body #product-dialog form{height:100%;max-height:100%;display:flex;flex-direction:column}body #product-dialog .editor-body{flex:1;min-height:0;overflow-y:auto!important}
body .deadline-calendar,body #deadline-calendar{overflow:hidden!important;display:flex;flex-direction:column}body #deadline-calendar:not([open]){display:none}body #deadline-calendar .calendar-scroll{flex:1;min-height:0;overflow-y:auto!important;max-height:none!important;height:auto!important}
.suggestion-letter{font-size:max(22.4px,calc(22.4px * var(--text-scale,1)))!important}
#recent-list{touch-action:pan-x;cursor:grab}#recent-list.dragging{cursor:grabbing;user-select:none}
.quick-color-toggle,.editor-color-toggle{font:inherit!important;font-size:max(14.4px,calc(14.4px * var(--text-scale,1)))!important;line-height:1.3!important;padding:3px 6px!important;border-radius:6px!important;min-height:0!important;font-weight:400!important}
#editor-tags #title-color-field{margin:8px 0 0!important}#editor-tags #title-color-field>label{display:none}.quick-colors{margin-top:6px}
body #product-dialog #photo-preview{width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;object-fit:contain!important;display:block}body #product-dialog #photo-preview[hidden]{display:none!important}
body .product-card .day-counter strong,body .product-card .expiry-badge,body .product-card .deadline-ratio{font-size:max(14.4px,calc(18px * var(--text-scale,1)))!important;letter-spacing:normal!important}

body[data-theme] dialog[open]{width:100vw!important;height:100dvh!important;max-width:100vw!important;max-height:100dvh!important;inset:0!important;margin:0!important;border-radius:0!important}html:has(dialog[open]){scrollbar-gutter:auto!important}
.firebase-join{display:flex;gap:8px;margin-top:12px}.firebase-join input{flex:1;min-width:0}#family-settings>input{width:100%;margin-top:10px}#family-settings [hidden]{display:none!important}#family-settings .family-buttons{flex-wrap:wrap}#fb-status{overflow-wrap:anywhere}
body[data-theme] dialog[open]{scrollbar-gutter:auto!important}body[data-theme] #photo-viewer[open]{display:flex;flex-direction:column;overflow:hidden!important;padding:0!important}#photo-viewer .viewer-canvas{flex:1;min-height:0;height:auto!important}